@texturehq/edges 1.24.2 → 1.25.1

package/dist/components.manifest.json

@@ -1,6 +1,5 @@
 {
-  "version": "1.24.2",
-  "generatedAt": "2025-12-01T02:27:01.138Z",
+  "version": "1.25.1",
   "components": [
     {
       "name": "ActionCell",
@@ -103,36 +102,44 @@
       "importPath": "@texturehq/edges/components/Autocomplete",
       "props": [
         {
-          "name": "label",
-          "type": "string"
+          "name": "autoFocus",
+          "type": "boolean"
         },
         {
-          "name": "staticItems",
-          "type": "Item[]"
+          "name": "defaultFilter",
+          "type": "(textValue: string, inputValue: string) => boolean"
         },
         {
-          "name": "sections",
-          "type": "Section[]"
+          "name": "defaultSelectedKey",
+          "type": "Key | null"
         },
         {
-          "name": "selectedKey",
-          "type": "Key | null"
+          "name": "description",
+          "type": "string"
         },
         {
-          "name": "defaultSelectedKey",
-          "type": "Key | null"
+          "name": "errorMessage",
+          "type": "string | ((validation: ValidationResult) => string)"
         },
         {
-          "name": "onSelectionChange",
-          "type": "(key: Key | null) => void"
+          "name": "isDisabled",
+          "type": "boolean"
         },
         {
-          "name": "requestConfig",
-          "type": "AutocompleteRequestConfig"
+          "name": "isInvalid",
+          "type": "boolean"
         },
         {
-          "name": "defaultFilter",
-          "type": "(textValue: string, inputValue: string) => boolean"
+          "name": "isRequired",
+          "type": "boolean"
+        },
+        {
+          "name": "label",
+          "type": "string"
+        },
+        {
+          "name": "onSelectionChange",
+          "type": "(key: Key | null) => void"
         },
         {
           "name": "placeholder",
@@ -151,44 +158,36 @@
           "type": "(section: Section, children: React.ReactNode) => React.ReactNode"
         },
         {
-          "name": "errorMessage",
-          "type": "string | ((validation: ValidationResult) => string)"
+          "name": "requestConfig",
+          "type": "AutocompleteRequestConfig"
         },
         {
-          "name": "description",
-          "type": "string"
+          "name": "sections",
+          "type": "Section[]"
         },
         {
-          "name": "size",
-          "type": "Size"
+          "name": "selectedKey",
+          "type": "Key | null"
         },
         {
-          "name": "tooltip",
-          "type": "string"
+          "name": "showErrors",
+          "type": "boolean"
         },
         {
-          "name": "isRequired",
-          "type": "boolean"
+          "name": "size",
+          "type": "Size"
         },
         {
-          "name": "isDisabled",
-          "type": "boolean"
+          "name": "staticItems",
+          "type": "Item[]"
         },
         {
-          "name": "isInvalid",
-          "type": "boolean"
+          "name": "tooltip",
+          "type": "string"
         },
         {
           "name": "validationResult",
           "type": "ValidationResult"
-        },
-        {
-          "name": "showErrors",
-          "type": "boolean"
-        },
-        {
-          "name": "autoFocus",
-          "type": "boolean"
         }
       ],
       "relatedComponents": [
@@ -300,73 +299,73 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Button",
       "props": [
-        {
-          "name": "variant",
-          "type": "| \"default\" | \"brand\" | \"secondary\" | \"destructive\" | \"icon\" | \"link\" | \"unstyled\" | \"ghost\" | \"primary\""
-        },
-        {
-          "name": "size",
-          "type": "Size"
-        },
         {
           "name": "badgeNumber",
           "type": "number"
         },
+        {
+          "name": "badgePosition",
+          "type": "\"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\""
+        },
         {
           "name": "badgeVariant",
           "type": "\"primary\" | \"destructive\""
         },
         {
-          "name": "badgePosition",
-          "type": "\"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\""
+          "name": "className",
+          "type": "string"
         },
         {
           "name": "fullWidth",
           "type": "boolean"
         },
         {
-          "name": "icon",
-          "type": "IconName"
+          "name": "href",
+          "type": "string"
         },
         {
-          "name": "iconWeight",
-          "type": "\"thin\" | \"light\" | \"regular\" | \"bold\" | \"fill\" | \"duotone\""
+          "name": "icon",
+          "type": "IconName"
         },
         {
           "name": "iconPosition",
           "type": "\"left\" | \"right\""
         },
         {
-          "name": "isLoading",
-          "type": "boolean"
+          "name": "iconWeight",
+          "type": "\"thin\" | \"light\" | \"regular\" | \"bold\" | \"fill\" | \"duotone\""
         },
         {
-          "name": "loadingText",
-          "type": "string"
+          "name": "isLoading",
+          "type": "boolean"
         },
         {
           "name": "loadingIndicator",
           "type": "React.ReactNode"
         },
         {
-          "name": "className",
+          "name": "loadingText",
           "type": "string"
         },
         {
-          "name": "href",
+          "name": "rel",
           "type": "string"
         },
         {
-          "name": "target",
-          "type": "string"
+          "name": "size",
+          "type": "Size"
         },
         {
-          "name": "rel",
+          "name": "style",
+          "type": "React.CSSProperties"
+        },
+        {
+          "name": "target",
           "type": "string"
         },
         {
-          "name": "style",
-          "type": "React.CSSProperties"
+          "name": "variant",
+          "type": "| \"default\" | \"brand\" | \"secondary\" | \"destructive\" | \"icon\" | \"link\" | \"unstyled\" | \"ghost\" | \"primary\""
         }
       ],
       "relatedComponents": [
@@ -397,20 +396,20 @@
       "importPath": "@texturehq/edges/components/Card",
       "props": [
         {
-          "name": "variant",
-          "type": "CardVariant"
+          "name": "children",
+          "type": "React.ReactNode"
         },
         {
           "name": "className",
           "type": "string"
         },
-        {
-          "name": "children",
-          "type": "React.ReactNode"
-        },
         {
           "name": "isLoading",
           "type": "boolean"
+        },
+        {
+          "name": "variant",
+          "type": "CardVariant"
         }
       ],
       "relatedComponents": [
@@ -429,14 +428,14 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/CardContent",
       "props": [
-        {
-          "name": "className",
-          "type": "string"
-        },
         {
           "name": "children",
           "type": "React.ReactNode"
         },
+        {
+          "name": "className",
+          "type": "string"
+        },
         {
           "name": "isLoading",
           "type": "boolean"
@@ -459,16 +458,16 @@
       "importPath": "@texturehq/edges/components/CardFooter",
       "props": [
         {
-          "name": "className",
-          "type": "string"
+          "name": "align",
+          "type": "\"start\" | \"end\" | \"center\" | \"between\""
         },
         {
           "name": "children",
           "type": "React.ReactNode"
         },
         {
-          "name": "align",
-          "type": "\"start\" | \"end\" | \"center\" | \"between\""
+          "name": "className",
+          "type": "string"
         },
         {
           "name": "isLoading",
@@ -491,14 +490,6 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/CardHeader",
       "props": [
-        {
-          "name": "title",
-          "type": "React.ReactNode"
-        },
-        {
-          "name": "subtitle",
-          "type": "React.ReactNode"
-        },
         {
           "name": "actions",
           "type": "React.ReactNode"
@@ -510,6 +501,14 @@
         {
           "name": "isLoading",
           "type": "boolean"
+        },
+        {
+          "name": "subtitle",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "title",
+          "type": "React.ReactNode"
         }
       ],
       "relatedComponents": [
@@ -528,10 +527,6 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/CardMedia",
       "props": [
-        {
-          "name": "src",
-          "type": "string"
-        },
         {
           "name": "alt",
           "type": "string"
@@ -540,17 +535,21 @@
           "name": "aspectRatio",
           "type": "\"square\" | \"video\" | \"wide\" | \"auto\""
         },
-        {
-          "name": "className",
-          "type": "string"
-        },
         {
           "name": "children",
           "type": "React.ReactNode"
         },
+        {
+          "name": "className",
+          "type": "string"
+        },
         {
           "name": "isLoading",
           "type": "boolean"
+        },
+        {
+          "name": "src",
+          "type": "string"
         }
       ],
       "relatedComponents": [
@@ -710,12 +709,12 @@
       "importPath": "@texturehq/edges/components/ChartBottomBar",
       "props": [
         {
-          "name": "items",
-          "type": "LegendItem[]"
+          "name": "isZoomed",
+          "type": "boolean"
         },
         {
-          "name": "onExport",
-          "type": "(type: ExportType) => void | Promise<void>"
+          "name": "items",
+          "type": "LegendItem[]"
         },
         {
           "name": "marginLeft",
@@ -726,8 +725,8 @@
           "type": "number"
         },
         {
-          "name": "isZoomed",
-          "type": "boolean"
+          "name": "onExport",
+          "type": "(type: ExportType) => void | Promise<void>"
         },
         {
           "name": "onResetZoom",
@@ -791,10 +790,6 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/CheckboxGroup",
       "props": [
-        {
-          "name": "label",
-          "type": "string"
-        },
         {
           "name": "children",
           "type": "ReactNode"
@@ -806,6 +801,10 @@
         {
           "name": "errorMessage",
           "type": "string | ((validation: ValidationResult) => string)"
+        },
+        {
+          "name": "label",
+          "type": "string"
         }
       ],
       "relatedComponents": [
@@ -841,8 +840,8 @@
       "importPath": "@texturehq/edges/components/Collapse",
       "props": [
         {
-          "name": "variant",
-          "type": "CollapseVariant"
+          "name": "className",
+          "type": "RACDisclosureGroupProps[\"className\"]"
         },
         {
           "name": "density",
@@ -853,8 +852,8 @@
           "type": "boolean"
         },
         {
-          "name": "className",
-          "type": "RACDisclosureGroupProps[\"className\"]"
+          "name": "variant",
+          "type": "CollapseVariant"
         }
       ],
       "relatedComponents": [],
@@ -883,11 +882,11 @@
       "importPath": "@texturehq/edges/components/CollapseHeader",
       "props": [
         {
-          "name": "title",
+          "name": "description",
           "type": "React.ReactNode"
         },
         {
-          "name": "description",
+          "name": "endContent",
           "type": "React.ReactNode"
         },
         {
@@ -895,7 +894,7 @@
           "type": "React.ReactNode"
         },
         {
-          "name": "endContent",
+          "name": "title",
           "type": "React.ReactNode"
         }
       ],
@@ -909,13 +908,13 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/CollapseItem",
       "props": [
-        {
-          "name": "className",
-          "type": "RACDisclosureProps[\"className\"]"
-        },
         {
           "name": "children",
           "type": "React.ReactNode"
+        },
+        {
+          "name": "className",
+          "type": "RACDisclosureProps[\"className\"]"
         }
       ],
       "relatedComponents": [],
@@ -931,6 +930,16 @@
       "relatedComponents": [],
       "storybookPath": "Form Controls/ColorField"
     },
+    {
+      "name": "CommandPalette",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/CommandPalette",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/CommandPalette"
+    },
     {
       "name": "Confirm",
       "category": "Overlays",
@@ -1304,6 +1313,16 @@
       "relatedComponents": [],
       "storybookPath": "Charts/FunnelSeries"
     },
+    {
+      "name": "GlobalSearch",
+      "category": "Uncategorized",
+      "description": "GlobalSearch  Complete global search experience with trigger + results. Desktop: SearchTrigger with popover below Mobile: Icon trigger with full-screen tray  Handles CMD+K shortcuts automatically.  @example ```tsx const [query, setQuery] = useState(\"\"); const [isOpen, setIsOpen] = useState(false);  <GlobalSearch value={query} onChange={setQuery} isOpen={isOpen} onOpenChange={setIsOpen} placeholder=\"Search sites, devices, contacts...\" > <SearchResultsList> <SearchResultGroup title=\"Sites\" count={2}> <SearchResultItem id=\"1\" title=\"HQ\" /> </SearchResultGroup> </SearchResultsList> </GlobalSearch> ```",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/GlobalSearch",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/GlobalSearch"
+    },
     {
       "name": "Grid",
       "category": "Layout",
@@ -1339,25 +1358,25 @@
       "importPath": "@texturehq/edges/components/Heading",
       "props": [
         {
-          "name": "tag",
-          "type": "React.ElementType"
+          "name": "children",
+          "type": "React.ReactNode"
         },
         {
-          "name": "size",
-          "type": "HeadingSize"
+          "name": "className",
+          "type": "string"
         },
         {
           "name": "height",
           "type": "HeadingHeight"
         },
         {
-          "name": "className",
-          "type": "string"
+          "name": "size",
+          "type": "HeadingSize"
         },
         {
-          "name": "children",
-          "type": "React.ReactNode"
-        }
+          "name": "tag",
+          "type": "React.ElementType"
+        }
       ],
       "relatedComponents": [
         "StoryLayout",
@@ -1506,13 +1525,13 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/ListBoxItem",
       "props": [
-        {
-          "name": "size",
-          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\""
-        },
         {
           "name": "className",
           "type": "string"
+        },
+        {
+          "name": "size",
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\""
         }
       ],
       "relatedComponents": [],
@@ -1565,6 +1584,10 @@
           "name": "className",
           "type": "string"
         },
+        {
+          "name": "fill",
+          "type": "string"
+        },
         {
           "name": "showWordmark",
           "type": "boolean"
@@ -1572,10 +1595,6 @@
         {
           "name": "width",
           "type": "number"
-        },
-        {
-          "name": "fill",
-          "type": "string"
         }
       ],
       "relatedComponents": [],
@@ -1690,28 +1709,20 @@
       "importPath": "@texturehq/edges/components/NumberField",
       "props": [
         {
-          "name": "value",
-          "type": "number"
+          "name": "className",
+          "type": "string"
         },
         {
           "name": "defaultValue",
           "type": "number"
         },
         {
-          "name": "onChange",
-          "type": "(value: number) => void"
-        },
-        {
-          "name": "minValue",
-          "type": "number"
-        },
-        {
-          "name": "maxValue",
-          "type": "number"
+          "name": "description",
+          "type": "string"
         },
         {
-          "name": "step",
-          "type": "number"
+          "name": "errorMessage",
+          "type": "string | ((validation: ValidationResult) => string)"
         },
         {
           "name": "formatOptions",
@@ -1721,33 +1732,41 @@
           "name": "id",
           "type": "string"
         },
+        {
+          "name": "isRequired",
+          "type": "boolean"
+        },
         {
           "name": "label",
           "type": "string"
         },
         {
-          "name": "description",
-          "type": "string"
+          "name": "maxValue",
+          "type": "number"
         },
         {
-          "name": "errorMessage",
-          "type": "string | ((validation: ValidationResult) => string)"
+          "name": "minValue",
+          "type": "number"
         },
         {
-          "name": "tooltip",
-          "type": "string"
+          "name": "onChange",
+          "type": "(value: number) => void"
         },
         {
-          "name": "isRequired",
-          "type": "boolean"
+          "name": "step",
+          "type": "number"
         },
         {
-          "name": "className",
+          "name": "tooltip",
           "type": "string"
         },
         {
           "name": "validationResult",
           "type": "ValidationResult"
+        },
+        {
+          "name": "value",
+          "type": "number"
         }
       ],
       "relatedComponents": [
@@ -1810,23 +1829,19 @@
       "importPath": "@texturehq/edges/components/PlaceSearch",
       "props": [
         {
-          "name": "label",
-          "type": "string"
+          "name": "autoFocus",
+          "type": "boolean"
         },
         {
-          "name": "selectedKey",
-          "type": "Key | null"
+          "name": "defaultFilter",
+          "type": "(textValue: string, inputValue: string) => boolean"
         },
         {
           "name": "defaultSelectedKey",
           "type": "Key | null"
         },
         {
-          "name": "onSelectionChange",
-          "type": "(key: Key | null) => void"
-        },
-        {
-          "name": "placeholder",
+          "name": "description",
           "type": "string"
         },
         {
@@ -1834,44 +1849,48 @@
           "type": "string | ((validation: ValidationResult) => string)"
         },
         {
-          "name": "description",
-          "type": "string"
+          "name": "isDisabled",
+          "type": "boolean"
         },
         {
-          "name": "size",
-          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\""
+          "name": "isRequired",
+          "type": "boolean"
         },
         {
-          "name": "tooltip",
+          "name": "label",
           "type": "string"
         },
         {
-          "name": "isRequired",
-          "type": "boolean"
+          "name": "onSelect",
+          "type": "(place: Place) => void"
         },
         {
-          "name": "isDisabled",
-          "type": "boolean"
+          "name": "onSelectionChange",
+          "type": "(key: Key | null) => void"
         },
         {
-          "name": "showErrors",
-          "type": "boolean"
+          "name": "placeholder",
+          "type": "string"
         },
         {
-          "name": "autoFocus",
-          "type": "boolean"
+          "name": "searchTypes",
+          "type": "SearchType[]"
         },
         {
-          "name": "onSelect",
-          "type": "(place: Place) => void"
+          "name": "selectedKey",
+          "type": "Key | null"
         },
         {
-          "name": "searchTypes",
-          "type": "SearchType[]"
+          "name": "showErrors",
+          "type": "boolean"
         },
         {
-          "name": "defaultFilter",
-          "type": "(textValue: string, inputValue: string) => boolean"
+          "name": "size",
+          "type": "\"sm\" | \"md\" | \"lg\" | \"xl\""
+        },
+        {
+          "name": "tooltip",
+          "type": "string"
         },
         {
           "name": "validationResult",
@@ -1904,11 +1923,11 @@
       "importPath": "@texturehq/edges/components/ProgressBar",
       "props": [
         {
-          "name": "label",
-          "type": "string"
+          "name": "hideLabels",
+          "type": "boolean"
         },
         {
-          "name": "rightLabel",
+          "name": "label",
           "type": "string"
         },
         {
@@ -1916,8 +1935,8 @@
           "type": "number"
         },
         {
-          "name": "hideLabels",
-          "type": "boolean"
+          "name": "rightLabel",
+          "type": "string"
         }
       ],
       "relatedComponents": [
@@ -2011,6 +2030,66 @@
       "relatedComponents": [],
       "storybookPath": "Data/SearchControl"
     },
+    {
+      "name": "SearchEmptyState",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SearchEmptyState",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/SearchEmptyState"
+    },
+    {
+      "name": "SearchLoadingState",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SearchLoadingState",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/SearchLoadingState"
+    },
+    {
+      "name": "SearchResultGroup",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SearchResultGroup",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/SearchResultGroup"
+    },
+    {
+      "name": "SearchResultItem",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SearchResultItem",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/SearchResultItem"
+    },
+    {
+      "name": "SearchResultsList",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SearchResultsList",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/SearchResultsList"
+    },
+    {
+      "name": "SearchTrigger",
+      "category": "Uncategorized",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SearchTrigger",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Uncategorized/SearchTrigger"
+    },
     {
       "name": "Section",
       "category": "Layout",
@@ -2181,35 +2260,35 @@
       "importPath": "@texturehq/edges/components/Slider",
       "props": [
         {
-          "name": "label",
+          "name": "className",
           "type": "string"
         },
+        {
+          "name": "defaultValue",
+          "type": "number"
+        },
         {
           "name": "description",
           "type": "string"
         },
         {
-          "name": "tooltip",
-          "type": "string"
+          "name": "disabled",
+          "type": "boolean"
         },
         {
           "name": "errorMessage",
           "type": "string"
         },
         {
-          "name": "size",
-          "type": "Size"
-        },
-        {
-          "name": "className",
+          "name": "label",
           "type": "string"
         },
         {
-          "name": "value",
+          "name": "max",
           "type": "number"
         },
         {
-          "name": "defaultValue",
+          "name": "min",
           "type": "number"
         },
         {
@@ -2217,20 +2296,20 @@
           "type": "(value: number) => void"
         },
         {
-          "name": "min",
-          "type": "number"
+          "name": "size",
+          "type": "Size"
         },
         {
-          "name": "max",
+          "name": "step",
           "type": "number"
         },
         {
-          "name": "step",
-          "type": "number"
+          "name": "tooltip",
+          "type": "string"
         },
         {
-          "name": "disabled",
-          "type": "boolean"
+          "name": "value",
+          "type": "number"
         }
       ],
       "relatedComponents": [
@@ -2291,7 +2370,7 @@
     {
       "name": "StatList",
       "category": "Data",
-      "description": "Additional CSS classes",
+      "description": "Additional CSS classes */ className?: string; }  // Helpers  // Use the centralized formatting utility function formatValue(value: StatValue, formatter?: StatFormatter): React.ReactNode { // If value is already a React element, return it as-is (skip formatting) if (React.isValidElement(value)) { return value; }  return formatComponentValue({ value, formatter, emptyClassName: \"text-text-muted\", emptyText: \"—\", }); }  function getTone(item: StatItem): StatTone | undefined { // Check thresholds first if (item.thresholds && item.value !== null && item.value !== undefined) { for (const threshold of item.thresholds) { if (threshold.when(item.value)) { return threshold.tone; } } }  // Fall back to explicit tone return item.tone; }  const toneColors: Record<StatTone, string> = { neutral: \"text-text-body\", success: \"text-feedback-success\", warning: \"text-feedback-warning\", error: \"text-feedback-error\", info: \"text-feedback-info\", };  // StatRow Component  // Constants for auto-truncation const LONG_STRING_THRESHOLD = 24; const LONG_STRING_TRUNCATE_LENGTH = 20;  function StatRow({ item, dense, valueAlign, }: { item: StatItem; dense?: boolean; valueAlign?: StatAlign; }) { const tone = getTone(item); const toneClass = tone ? toneColors[tone] : \"\";  // Check if this is a long string that should be auto-truncated on mobile const isLongString = typeof item.value === \"string\" && item.value.length > LONG_STRING_THRESHOLD && !item.formatter && !React.isValidElement(item.value);  // Get the formatted value (used for both truncated and full display) const formattedValue = formatValue(item.value, item.formatter);  // Get the truncated value for mobile display // Note: We cast to string here because isLongString already verifies typeof item.value === \"string\" const truncatedValue = isLongString ? truncateMiddle(item.value as string, LONG_STRING_TRUNCATE_LENGTH) : null;  const textToCopy = typeof item.copyable === \"function\" ? item.copyable(item.value) : String(item.value);  // For long strings, render both truncated (mobile) and full (desktop) versions // CSS classes control which is visible based on screen size const valueDisplay = isLongString ? ( <> {/* Mobile: show truncated with tooltip */} <Tooltip content={String(item.value)}> <span className={twMerge(\"md:hidden\", item.href ? \"hover:underline cursor-pointer\" : \"\")}> {truncatedValue} </span> </Tooltip> {/* Desktop: show full value",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/StatList",
       "props": [],
@@ -2392,10 +2471,6 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/TextArea",
       "props": [
-        {
-          "name": "label",
-          "type": "string"
-        },
         {
           "name": "description",
           "type": "string"
@@ -2405,7 +2480,15 @@
           "type": "string | ((validation: ValidationResult) => string)"
         },
         {
-          "name": "tooltip",
+          "name": "isDisabled",
+          "type": "boolean"
+        },
+        {
+          "name": "isInvalid",
+          "type": "boolean"
+        },
+        {
+          "name": "label",
           "type": "string"
         },
         {
@@ -2413,12 +2496,8 @@
           "type": "Size"
         },
         {
-          "name": "isInvalid",
-          "type": "boolean"
-        },
-        {
-          "name": "isDisabled",
-          "type": "boolean"
+          "name": "tooltip",
+          "type": "string"
         },
         {
           "name": "validationResult",
@@ -2436,57 +2515,45 @@
       "importPath": "@texturehq/edges/components/TextAreaWithChips",
       "props": [
         {
-          "name": "label",
-          "type": "string"
+          "name": "chips",
+          "type": "ChipData[]"
         },
         {
-          "name": "description",
-          "type": "string"
+          "name": "chipSize",
+          "type": "Size"
         },
         {
-          "name": "errorMessage",
-          "type": "string | ((validation: ValidationResult) => string)"
+          "name": "chipVariant",
+          "type": "\"default\" | \"brand\" | \"secondary\""
         },
         {
-          "name": "tooltip",
+          "name": "description",
           "type": "string"
         },
         {
-          "name": "size",
-          "type": "Size"
-        },
-        {
-          "name": "isInvalid",
-          "type": "boolean"
+          "name": "errorMessage",
+          "type": "string | ((validation: ValidationResult) => string)"
         },
         {
           "name": "isDisabled",
           "type": "boolean"
         },
         {
-          "name": "validationResult",
-          "type": "ValidationResult"
+          "name": "isInvalid",
+          "type": "boolean"
         },
         {
-          "name": "value",
+          "name": "label",
           "type": "string"
         },
         {
           "name": "onChange",
           "type": "(value: string) => void"
         },
-        {
-          "name": "chips",
-          "type": "ChipData[]"
-        },
         {
           "name": "onChipsChange",
           "type": "(chips: ChipData[]) => void"
         },
-        {
-          "name": "triggerPattern",
-          "type": "string | RegExp"
-        },
         {
           "name": "onTriggerDetected",
           "type": "(triggerInfo: TriggerInfo) => void"
@@ -2500,12 +2567,24 @@
           "type": "(chip: ChipData, onRemove: () => void) => React.ReactNode"
         },
         {
-          "name": "chipVariant",
-          "type": "\"default\" | \"brand\" | \"secondary\""
+          "name": "size",
+          "type": "Size"
         },
         {
-          "name": "chipSize",
-          "type": "Size"
+          "name": "tooltip",
+          "type": "string"
+        },
+        {
+          "name": "triggerPattern",
+          "type": "string | RegExp"
+        },
+        {
+          "name": "validationResult",
+          "type": "ValidationResult"
+        },
+        {
+          "name": "value",
+          "type": "string"
         }
       ],
       "relatedComponents": [],
@@ -2529,7 +2608,7 @@
       "importPath": "@texturehq/edges/components/TextField",
       "props": [
         {
-          "name": "label",
+          "name": "className",
           "type": "string"
         },
         {
@@ -2541,19 +2620,19 @@
           "type": "string | ((validation: ValidationResult) => string)"
         },
         {
-          "name": "placeholder",
-          "type": "string"
+          "name": "isRequired",
+          "type": "boolean"
         },
         {
-          "name": "tooltip",
+          "name": "label",
           "type": "string"
         },
         {
-          "name": "isRequired",
-          "type": "boolean"
+          "name": "placeholder",
+          "type": "string"
         },
         {
-          "name": "className",
+          "name": "tooltip",
           "type": "string"
         },
         {
@@ -2578,8 +2657,8 @@
       "importPath": "@texturehq/edges/components/TextLink",
       "props": [
         {
-          "name": "href",
-          "type": "string"
+          "name": "asButton",
+          "type": "boolean"
         },
         {
           "name": "children",
@@ -2594,21 +2673,13 @@
           "type": "boolean"
         },
         {
-          "name": "title",
+          "name": "href",
           "type": "string"
         },
-        {
-          "name": "variant",
-          "type": "\"default\" | \"brand\" | \"muted\" | \"unstyled\""
-        },
         {
           "name": "onClick",
           "type": "(e: React.MouseEvent<HTMLAnchorElement>) => void"
         },
-        {
-          "name": "asButton",
-          "type": "boolean"
-        },
         {
           "name": "onPress",
           "type": "() => void"
@@ -2616,6 +2687,14 @@
         {
           "name": "showArrow",
           "type": "boolean"
+        },
+        {
+          "name": "title",
+          "type": "string"
+        },
+        {
+          "name": "variant",
+          "type": "\"default\" | \"brand\" | \"muted\" | \"unstyled\""
         }
       ],
       "relatedComponents": [],
@@ -2639,7 +2718,7 @@
       "importPath": "@texturehq/edges/components/TimeField",
       "props": [
         {
-          "name": "label",
+          "name": "className",
           "type": "string"
         },
         {
@@ -2651,19 +2730,19 @@
           "type": "string | ((validation: ValidationResult) => string)"
         },
         {
-          "name": "placeholder",
-          "type": "string"
+          "name": "isRequired",
+          "type": "boolean"
         },
         {
-          "name": "tooltip",
+          "name": "label",
           "type": "string"
         },
         {
-          "name": "isRequired",
-          "type": "boolean"
+          "name": "placeholder",
+          "type": "string"
         },
         {
-          "name": "className",
+          "name": "tooltip",
           "type": "string"
         },
         {
@@ -2705,35 +2784,19 @@
       "importPath": "@texturehq/edges/components/ToggleButton",
       "props": [
         {
-          "name": "variant",
-          "type": "\"default\" | \"brand\""
-        },
-        {
-          "name": "size",
-          "type": "Size"
-        },
-        {
-          "name": "className",
-          "type": "string"
-        },
-        {
-          "name": "children",
-          "type": "React.ReactNode"
-        },
-        {
-          "name": "onChange",
-          "type": "(isSelected: boolean) => void"
+          "name": "badgeNumber",
+          "type": "number"
         },
         {
-          "name": "onPress",
-          "type": "() => void"
+          "name": "badgePosition",
+          "type": "\"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\""
         },
         {
-          "name": "isSelected",
-          "type": "boolean"
+          "name": "badgeVariant",
+          "type": "\"primary\" | \"destructive\""
         },
         {
-          "name": "isDisabled",
+          "name": "borderLeft",
           "type": "boolean"
         },
         {
@@ -2745,44 +2808,60 @@
           "type": "boolean"
         },
         {
-          "name": "borderLeft",
-          "type": "boolean"
+          "name": "children",
+          "type": "React.ReactNode"
+        },
+        {
+          "name": "className",
+          "type": "string"
         },
         {
           "name": "icon",
           "type": "IconName"
         },
+        {
+          "name": "iconPosition",
+          "type": "\"left\" | \"right\""
+        },
         {
           "name": "iconWeight",
           "type": "\"thin\" | \"light\" | \"regular\" | \"bold\" | \"fill\" | \"duotone\""
         },
         {
-          "name": "iconPosition",
-          "type": "\"left\" | \"right\""
+          "name": "isDisabled",
+          "type": "boolean"
         },
         {
           "name": "isLoading",
           "type": "boolean"
         },
         {
-          "name": "loadingText",
-          "type": "string"
+          "name": "isSelected",
+          "type": "boolean"
         },
         {
           "name": "loadingIndicator",
           "type": "React.ReactNode"
         },
         {
-          "name": "badgeNumber",
-          "type": "number"
+          "name": "loadingText",
+          "type": "string"
         },
         {
-          "name": "badgeVariant",
-          "type": "\"primary\" | \"destructive\""
+          "name": "onChange",
+          "type": "(isSelected: boolean) => void"
         },
         {
-          "name": "badgePosition",
-          "type": "\"top-right\" | \"top-left\" | \"bottom-right\" | \"bottom-left\""
+          "name": "onPress",
+          "type": "() => void"
+        },
+        {
+          "name": "size",
+          "type": "Size"
+        },
+        {
+          "name": "variant",
+          "type": "\"default\" | \"brand\""
         }
       ],
       "relatedComponents": [
@@ -2815,17 +2894,21 @@
     },
     {
       "name": "TopNav",
-      "category": "Navigation",
+      "category": "Layout",
       "description": "TopNav  Horizontal navigation bar component for application headers. Includes mobile menu toggle, user avatar, theme switcher, and customizable action areas.",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/TopNav",
       "props": [],
       "relatedComponents": [
         "Avatar",
-        "Button",
-        "Icon"
+        "GlobalSearch",
+        "SearchEmptyState",
+        "SearchLoadingState",
+        "SearchResultGroup",
+        "SearchResultItem",
+        "SearchResultsList"
       ],
-      "storybookPath": "Navigation/TopNav"
+      "storybookPath": "Layout/TopNav"
     },
     {
       "name": "Tray",
@@ -2901,7 +2984,8 @@
       "Grid",
       "PageLayout",
       "Section",
-      "SplitPane"
+      "SplitPane",
+      "TopNav"
     ],
     "Display": [
       "Avatar",
@@ -2947,8 +3031,7 @@
       "TabList",
       "TabPanel",
       "Tabs",
-      "TextLink",
-      "TopNav"
+      "TextLink"
     ],
     "Components": [
       "CarouselAutoplayTrigger",
@@ -2979,6 +3062,7 @@
       "ChartAxis",
       "ChartBottomBar",
       "ChartTooltip",
+      "CommandPalette",
       "ContactMetaCell",
       "CustomCell",
       "DateCell",
@@ -2986,6 +3070,7 @@
       "DeviceStateCell",
       "DialogHeader",
       "FormattedCell",
+      "GlobalSearch",
       "HorizontalBarCell",
       "InteractiveMap",
       "MAP_TYPES",
@@ -2994,6 +3079,12 @@
       "NumberCell",
       "PercentBarCell",
       "SKELETON_SIZES",
+      "SearchEmptyState",
+      "SearchLoadingState",
+      "SearchResultGroup",
+      "SearchResultItem",
+      "SearchResultsList",
+      "SearchTrigger",
       "SelectCell",
       "SiteMetaCell",
       "SparklineCell",