@texturehq/edges 0.0.18 → 0.0.20

package/dist/components.manifest.json

@@ -0,0 +1,942 @@
+{
+  "version": "0.0.20",
+  "generatedAt": "2025-08-14T01:47:44.933Z",
+  "components": [
+    {
+      "name": "Autocomplete",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Autocomplete",
+      "description": "Autocomplete  Text input with typeahead suggestions and keyboard navigation.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string"
+        },
+        {
+          "name": "staticItems",
+          "type": "Item[]"
+        },
+        {
+          "name": "sections",
+          "type": "Section[]"
+        },
+        {
+          "name": "selectedKey",
+          "type": "Key | null"
+        },
+        {
+          "name": "defaultSelectedKey",
+          "type": "Key | null"
+        },
+        {
+          "name": "onSelectionChange",
+          "type": "(key: Key | null) => void"
+        },
+        {
+          "name": "requestConfig",
+          "type": "AutocompleteRequestConfig"
+        },
+        {
+          "name": "defaultFilter",
+          "type": "(textValue: string, inputValue: string) => boolean"
+        },
+        {
+          "name": "placeholder",
+          "type": "string"
+        },
+        {
+          "name": "renderItem",
+          "type": "(item: Item) => React.ReactNode"
+        },
+        {
+          "name": "renderLeftIcon",
+          "type": "(isLoading: boolean) => React.ReactNode"
+        },
+        {
+          "name": "errorMessage",
+          "type": "string | ((validation: ValidationResult) => string)"
+        },
+        {
+          "name": "description",
+          "type": "string"
+        },
+        {
+          "name": "size",
+          "type": "Size"
+        },
+        {
+          "name": "tooltip",
+          "type": "string"
+        },
+        {
+          "name": "isRequired",
+          "type": "boolean"
+        },
+        {
+          "name": "isDisabled",
+          "type": "boolean"
+        },
+        {
+          "name": "isInvalid",
+          "type": "boolean"
+        },
+        {
+          "name": "validationResult",
+          "type": "ValidationResult"
+        },
+        {
+          "name": "showErrors",
+          "type": "boolean"
+        },
+        {
+          "name": "autoFocus",
+          "type": "boolean"
+        }
+      ]
+    },
+    {
+      "name": "Button",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Button",
+      "description": "Renders an Edges Button. When `href` is provided, renders a link-styled button using the same visual system.",
+      "props": [
+        {
+          "name": "variant",
+          "type": "\"default\" | \"primary\" | \"secondary\" | \"destructive\" | \"icon\" | \"link\" | \"unstyled\" | \"ghost\""
+        },
+        {
+          "name": "size",
+          "type": "Size"
+        },
+        {
+          "name": "badgeNumber",
+          "type": "number"
+        },
+        {
+          "name": "badgeVariant",
+          "type": "\"primary\" | \"destructive\""
+        },
+        {
+          "name": "badgePosition",
+          "type": "\"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\""
+        },
+        {
+          "name": "fullWidth",
+          "type": "boolean"
+        },
+        {
+          "name": "icon",
+          "type": "IconName"
+        },
+        {
+          "name": "iconWeight",
+          "type": "\"thin\" | \"light\" | \"regular\" | \"bold\" | \"fill\" | \"duotone\""
+        },
+        {
+          "name": "iconPosition",
+          "type": "\"left\" | \"right\""
+        },
+        {
+          "name": "isLoading",
+          "type": "boolean"
+        },
+        {
+          "name": "loadingText",
+          "type": "string"
+        },
+        {
+          "name": "loadingIndicator",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "href",
+          "type": "string"
+        },
+        {
+          "name": "target",
+          "type": "string"
+        },
+        {
+          "name": "rel",
+          "type": "string"
+        },
+        {
+          "name": "style",
+          "type": "React.CSSProperties"
+        }
+      ]
+    },
+    {
+      "name": "Calendar",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Calendar",
+      "description": "Calendar  Single-date calendar primitive with Edges styling.",
+      "props": []
+    },
+    {
+      "name": "Card",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Card",
+      "description": "",
+      "props": [
+        {
+          "name": "heading",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "upperRightText",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "withPadding",
+          "type": "boolean"
+        },
+        {
+          "name": "isGhost",
+          "type": "boolean"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "isLoading",
+          "type": "boolean"
+        }
+      ]
+    },
+    {
+      "name": "Checkbox",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Checkbox",
+      "description": "Checkbox  Single checkbox with Edges visuals.",
+      "props": [
+        {
+          "name": "children",
+          "type": "ReactNode | ((props: CheckboxRenderProps) => ReactNode)"
+        }
+      ]
+    },
+    {
+      "name": "DateField",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/DateField",
+      "description": "DateField  Segmented date input with Edges styling.",
+      "props": []
+    },
+    {
+      "name": "DateRangePicker",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/DateRangePicker",
+      "description": "DateRangePicker  Composed date range input with popover calendar.",
+      "props": []
+    },
+    {
+      "name": "Dialog",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Dialog",
+      "description": "Dialog  Generic modal/dialog surface with Edges defaults.",
+      "props": []
+    },
+    {
+      "name": "DialogHeader",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/DialogHeader",
+      "description": "",
+      "props": []
+    },
+    {
+      "name": "Drawer",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Drawer",
+      "description": "",
+      "props": [
+        {
+          "name": "title",
+          "type": "string"
+        },
+        {
+          "name": "headerContent",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "isOpen",
+          "type": "boolean"
+        },
+        {
+          "name": "slideInFrom",
+          "type": "\"left\" | \"right\""
+        },
+        {
+          "name": "transparentOverlay",
+          "type": "boolean"
+        },
+        {
+          "name": "onClose",
+          "type": "() => void"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "primaryAction",
+          "type": "DrawerAction"
+        },
+        {
+          "name": "secondaryAction",
+          "type": "DrawerAction"
+        },
+        {
+          "name": "footerContent",
+          "type": "React.ReactNode"
+        }
+      ]
+    },
+    {
+      "name": "ErrorBoundary",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/ErrorBoundary",
+      "description": "",
+      "props": []
+    },
+    {
+      "name": "Form",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Form",
+      "description": "Form  Accessibility-first form wrapper with consistent spacing.",
+      "props": []
+    },
+    {
+      "name": "Heading",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Heading",
+      "description": "Heading  Typography component for page/section headings with size and height options.",
+      "props": [
+        {
+          "name": "tag",
+          "type": "keyof JSX.IntrinsicElements"
+        },
+        {
+          "name": "size",
+          "type": "HeadingSize"
+        },
+        {
+          "name": "height",
+          "type": "HeadingHeight"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        }
+      ]
+    },
+    {
+      "name": "Icon",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Icon",
+      "description": "",
+      "props": []
+    },
+    {
+      "name": "ListBox",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/ListBox",
+      "description": "ListBox  Styled wrapper around `react-aria-components` ListBox and related parts used in dropdowns and menus.",
+      "props": []
+    },
+    {
+      "name": "ListBoxItem",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/ListBoxItem",
+      "description": "ListBoxItem  A styled wrapper around `react-aria-components` ListBoxItem with size variants that align with Edges typography.",
+      "props": [
+        {
+          "name": "size",
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\""
+        },
+        {
+          "name": "className",
+          "type": "string"
+        }
+      ]
+    },
+    {
+      "name": "Loader",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Loader",
+      "description": "",
+      "props": [
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "size",
+          "type": "number"
+        },
+        {
+          "name": "color",
+          "type": "string"
+        }
+      ]
+    },
+    {
+      "name": "Logo",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Logo",
+      "description": "",
+      "props": [
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "showWordmark",
+          "type": "boolean"
+        }
+      ]
+    },
+    {
+      "name": "NumberField",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/NumberField",
+      "description": "NumberField  Numeric input with stepper controls and validation.",
+      "props": [
+        {
+          "name": "value",
+          "type": "number"
+        },
+        {
+          "name": "defaultValue",
+          "type": "number"
+        },
+        {
+          "name": "onChange",
+          "type": "(value: number) => void"
+        },
+        {
+          "name": "minValue",
+          "type": "number"
+        },
+        {
+          "name": "maxValue",
+          "type": "number"
+        },
+        {
+          "name": "step",
+          "type": "number"
+        },
+        {
+          "name": "formatOptions",
+          "type": "Intl.NumberFormatOptions"
+        },
+        {
+          "name": "id",
+          "type": "string"
+        },
+        {
+          "name": "label",
+          "type": "string"
+        },
+        {
+          "name": "description",
+          "type": "string"
+        },
+        {
+          "name": "errorMessage",
+          "type": "string | ((validation: ValidationResult) => string)"
+        },
+        {
+          "name": "tooltip",
+          "type": "string"
+        },
+        {
+          "name": "isRequired",
+          "type": "boolean"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "validationResult",
+          "type": "ValidationResult"
+        }
+      ]
+    },
+    {
+      "name": "PlaceSearch",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/PlaceSearch",
+      "description": "PlaceSearch  Location search component with autocomplete; emits a `Place` value on selection.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string"
+        },
+        {
+          "name": "selectedKey",
+          "type": "Key | null"
+        },
+        {
+          "name": "defaultSelectedKey",
+          "type": "Key | null"
+        },
+        {
+          "name": "onSelectionChange",
+          "type": "(key: Key | null) => void"
+        },
+        {
+          "name": "placeholder",
+          "type": "string"
+        },
+        {
+          "name": "errorMessage",
+          "type": "string | ((validation: ValidationResult) => string)"
+        },
+        {
+          "name": "description",
+          "type": "string"
+        },
+        {
+          "name": "size",
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\""
+        },
+        {
+          "name": "tooltip",
+          "type": "string"
+        },
+        {
+          "name": "isRequired",
+          "type": "boolean"
+        },
+        {
+          "name": "isDisabled",
+          "type": "boolean"
+        },
+        {
+          "name": "showErrors",
+          "type": "boolean"
+        },
+        {
+          "name": "autoFocus",
+          "type": "boolean"
+        },
+        {
+          "name": "onSelect",
+          "type": "(place: Place) => void"
+        },
+        {
+          "name": "searchTypes",
+          "type": "SearchType[]"
+        },
+        {
+          "name": "defaultFilter",
+          "type": "(textValue: string, inputValue: string) => boolean"
+        },
+        {
+          "name": "validationResult",
+          "type": "ValidationResult"
+        },
+        {
+          "name": "countryRestrictions",
+          "type": "string[]"
+        },
+        {
+          "name": "proximity",
+          "type": "\"ip\" | [number, number]"
+        }
+      ]
+    },
+    {
+      "name": "Popover",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Popover",
+      "description": "Popover  Positioned overlay container with optional arrow, built on `react-aria-components` Popover.",
+      "props": [
+        {
+          "name": "showArrow",
+          "type": "boolean"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        }
+      ]
+    },
+    {
+      "name": "ProgressBar",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/ProgressBar",
+      "description": "ProgressBar  Linear progress indicator with optional labels.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string"
+        },
+        {
+          "name": "rightLabel",
+          "type": "string"
+        },
+        {
+          "name": "progressWidth",
+          "type": "number"
+        },
+        {
+          "name": "hideLabels",
+          "type": "boolean"
+        }
+      ]
+    },
+    {
+      "name": "RangeCalendar",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/RangeCalendar",
+      "description": "RangeCalendar  Calendar allowing selection of a date range.",
+      "props": []
+    },
+    {
+      "name": "Select",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Select",
+      "description": "Whether to use transparent background",
+      "props": []
+    },
+    {
+      "name": "Skeleton",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Skeleton",
+      "description": "",
+      "props": []
+    },
+    {
+      "name": "Switch",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Switch",
+      "description": "",
+      "props": [
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        }
+      ]
+    },
+    {
+      "name": "Tab",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Tab",
+      "description": "Tabs  Tabbed interface with styled tabs and panels.",
+      "props": []
+    },
+    {
+      "name": "TabList",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/TabList",
+      "description": "TabList container.",
+      "props": []
+    },
+    {
+      "name": "TabPanel",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/TabPanel",
+      "description": "TabPanel content area.",
+      "props": []
+    },
+    {
+      "name": "Tabs",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Tabs",
+      "description": "Tabs  Tabbed interface with styled tabs and panels.",
+      "props": []
+    },
+    {
+      "name": "TextArea",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/TextArea",
+      "description": "TextArea  Multi-line text input with Edges styling, label, description, and error.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string"
+        },
+        {
+          "name": "description",
+          "type": "string"
+        },
+        {
+          "name": "errorMessage",
+          "type": "string | ((validation: ValidationResult) => string)"
+        },
+        {
+          "name": "tooltip",
+          "type": "string"
+        },
+        {
+          "name": "size",
+          "type": "Size"
+        },
+        {
+          "name": "isInvalid",
+          "type": "boolean"
+        },
+        {
+          "name": "validationResult",
+          "type": "ValidationResult"
+        }
+      ]
+    },
+    {
+      "name": "TextField",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/TextField",
+      "description": "Renders an Edges TextField with label, description, validation states and optional search/clear/password affordances.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string"
+        },
+        {
+          "name": "description",
+          "type": "string"
+        },
+        {
+          "name": "errorMessage",
+          "type": "string | ((validation: ValidationResult) => string)"
+        },
+        {
+          "name": "placeholder",
+          "type": "string"
+        },
+        {
+          "name": "tooltip",
+          "type": "string"
+        },
+        {
+          "name": "isRequired",
+          "type": "boolean"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "validationResult",
+          "type": "ValidationResult"
+        }
+      ]
+    },
+    {
+      "name": "TextLink",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/TextLink",
+      "description": "",
+      "props": [
+        {
+          "name": "href",
+          "type": "string"
+        },
+        {
+          "name": "children",
+          "type": "ReactNode"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "external",
+          "type": "boolean"
+        },
+        {
+          "name": "title",
+          "type": "string"
+        },
+        {
+          "name": "variant",
+          "type": "\"default\" | \"primary\" | \"muted\""
+        },
+        {
+          "name": "onClick",
+          "type": "(e: React.MouseEvent<HTMLAnchorElement>) => void"
+        },
+        {
+          "name": "asButton",
+          "type": "boolean"
+        },
+        {
+          "name": "onPress",
+          "type": "() => void"
+        },
+        {
+          "name": "showArrow",
+          "type": "boolean"
+        }
+      ]
+    },
+    {
+      "name": "TimeField",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/TimeField",
+      "description": "Renders an Edges TimeField composed from segmented date parts.",
+      "props": [
+        {
+          "name": "label",
+          "type": "string"
+        },
+        {
+          "name": "description",
+          "type": "string"
+        },
+        {
+          "name": "errorMessage",
+          "type": "string | ((validation: ValidationResult) => string)"
+        },
+        {
+          "name": "placeholder",
+          "type": "string"
+        },
+        {
+          "name": "tooltip",
+          "type": "string"
+        },
+        {
+          "name": "isRequired",
+          "type": "boolean"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "validationResult",
+          "type": "ValidationResult"
+        }
+      ]
+    },
+    {
+      "name": "ToggleButton",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/ToggleButton",
+      "description": "Value used for group selection state",
+      "props": [
+        {
+          "name": "variant",
+          "type": "\"default\" | \"primary\""
+        },
+        {
+          "name": "size",
+          "type": "Size"
+        },
+        {
+          "name": "className",
+          "type": "string"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "onChange",
+          "type": "(isSelected: boolean) => void"
+        },
+        {
+          "name": "onPress",
+          "type": "() => void"
+        },
+        {
+          "name": "isSelected",
+          "type": "boolean"
+        },
+        {
+          "name": "isDisabled",
+          "type": "boolean"
+        },
+        {
+          "name": "borderRadius",
+          "type": "\"left\" | \"right\""
+        },
+        {
+          "name": "borderRight",
+          "type": "boolean"
+        },
+        {
+          "name": "borderLeft",
+          "type": "boolean"
+        },
+        {
+          "name": "icon",
+          "type": "IconName"
+        },
+        {
+          "name": "iconWeight",
+          "type": "\"thin\" | \"light\" | \"regular\" | \"bold\" | \"fill\" | \"duotone\""
+        },
+        {
+          "name": "iconPosition",
+          "type": "\"left\" | \"right\""
+        },
+        {
+          "name": "value",
+          "type": "string"
+        },
+        {
+          "name": "isLoading",
+          "type": "boolean"
+        },
+        {
+          "name": "loadingText",
+          "type": "string"
+        },
+        {
+          "name": "loadingIndicator",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "badgeNumber",
+          "type": "number"
+        },
+        {
+          "name": "badgeVariant",
+          "type": "\"primary\" | \"destructive\""
+        },
+        {
+          "name": "badgePosition",
+          "type": "\"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\""
+        }
+      ]
+    },
+    {
+      "name": "Tooltip",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/Tooltip",
+      "description": "Tooltip  Lightweight content container that appears on hover/focus/press.",
+      "props": [
+        {
+          "name": "children",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "content",
+          "type": "React.ReactNode"
+        }
+      ]
+    }
+  ]
+}