Skip to main content
Glama

Storyden

by Southclaws
Mozilla Public License 2.0
227
combobox.tsx3.32 kB
"use client"; import type { Assign } from "@ark-ui/react"; import { Combobox } from "@ark-ui/react/combobox"; import { type ComboboxVariantProps, combobox } from "@/styled-system/recipes"; import type { ComponentProps, HTMLStyledProps } from "@/styled-system/types"; import { createStyleContext } from "@/utils/create-style-context"; const { withProvider, withContext } = createStyleContext(combobox); export type RootProviderProps = ComponentProps<typeof RootProvider>; export const RootProvider = withProvider< HTMLDivElement, Assign< Assign< HTMLStyledProps<"div">, Combobox.RootProviderBaseProps<Combobox.CollectionItem> >, ComboboxVariantProps > >(Combobox.RootProvider, "root"); export type RootProps = ComponentProps<typeof Root>; export const Root = withProvider< HTMLDivElement, Assign< Assign< HTMLStyledProps<"div">, Combobox.RootBaseProps<Combobox.CollectionItem> >, ComboboxVariantProps > >(Combobox.Root, "root"); export const ClearTrigger = withContext< HTMLButtonElement, Assign<HTMLStyledProps<"button">, Combobox.ClearTriggerBaseProps> >(Combobox.ClearTrigger, "clearTrigger"); export const Content = withContext< HTMLDivElement, Assign<HTMLStyledProps<"div">, Combobox.ContentBaseProps> >(Combobox.Content, "content"); export const Control = withContext< HTMLDivElement, Assign<HTMLStyledProps<"div">, Combobox.ControlBaseProps> >(Combobox.Control, "control"); export const Input = withContext< HTMLInputElement, Assign<HTMLStyledProps<"input">, Combobox.InputBaseProps> >(Combobox.Input, "input"); export const ItemGroupLabel = withContext< HTMLDivElement, Assign<HTMLStyledProps<"div">, Combobox.ItemGroupLabelBaseProps> >(Combobox.ItemGroupLabel, "itemGroupLabel"); export const ItemGroup = withContext< HTMLDivElement, Assign<HTMLStyledProps<"div">, Combobox.ItemGroupBaseProps> >(Combobox.ItemGroup, "itemGroup"); export const ItemIndicator = withContext< HTMLDivElement, Assign<HTMLStyledProps<"div">, Combobox.ItemIndicatorBaseProps> >(Combobox.ItemIndicator, "itemIndicator"); export const Item = withContext< HTMLDivElement, Assign<HTMLStyledProps<"div">, Combobox.ItemBaseProps> >(Combobox.Item, "item"); export const ItemText = withContext< HTMLDivElement, Assign<HTMLStyledProps<"span">, Combobox.ItemTextBaseProps> >(Combobox.ItemText, "itemText"); export const Label = withContext< HTMLLabelElement, Assign<HTMLStyledProps<"label">, Combobox.LabelBaseProps> >(Combobox.Label, "label"); export const List = withContext< HTMLDivElement, Assign<HTMLStyledProps<"div">, Combobox.ListBaseProps> >(Combobox.List, "list"); export const Positioner = withContext< HTMLDivElement, Assign<HTMLStyledProps<"div">, Combobox.PositionerBaseProps> >(Combobox.Positioner, "positioner"); export const Trigger = withContext< HTMLButtonElement, Assign<HTMLStyledProps<"button">, Combobox.TriggerBaseProps> >(Combobox.Trigger, "trigger"); export { ComboboxContext as Context } from "@ark-ui/react/combobox"; export type { ComboboxHighlightChangeDetails as HighlightChangeDetails, ComboboxInputValueChangeDetails as InputValueChangeDetails, ComboboxOpenChangeDetails as OpenChangeDetails, ComboboxValueChangeDetails as ValueChangeDetails, } from "@ark-ui/react/combobox";

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/Southclaws/storyden'

If you have feedback or need assistance with the MCP directory API, please join our Discord server