@texturehq/edges 1.5.2 → 1.6.0

package/dist/components.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.5.2",
-  "generatedAt": "2025-10-11T01:32:19.252Z",
+  "version": "1.6.0",
+  "generatedAt": "2025-10-12T21:02:10.669Z",
   "components": [
     {
       "name": "ActionCell",
@@ -78,6 +78,10 @@
         {
           "name": "maxWidth",
           "type": "string"
+        },
+        {
+          "name": "minWidth",
+          "type": "string"
         }
       ]
     },
@@ -353,6 +357,10 @@
       "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"
@@ -687,6 +695,10 @@
         {
           "name": "maxWidth",
           "type": "string"
+        },
+        {
+          "name": "minWidth",
+          "type": "string"
         }
       ]
     },
@@ -714,6 +726,34 @@
         }
       ]
     },
+    {
+      "name": "DataControls",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/DataControls",
+      "description": "DataControls  A unified control bar for data display components (Lists, DataTables). Provides search, filtering, sorting, results count, and action controls with responsive layout.  All data operations (search, filter, sort) are handled server-side. This component is purely presentational and controlled.  **Responsive Behavior:** - Narrow containers (< 640px): Two rows - Row 1: inputs (search + filter icon), Row 2: outputs (results + sort + actions) - Wide containers (≥ 640px): Single row with all controls visible  Example usage: ```tsx <DataControls resultsCount={{ count: 23, label: \"sites\" }} search={{ value: searchQuery, onChange: setSearchQuery, onClear: () => setSearchQuery(''), placeholder: \"Search sites...\" }} filters={activeFilters} onRemoveFilter={removeFilter} onClearAllFilters={clearAllFilters} onManageFilters={() => setFilterDrawerOpen(true)} sort={{ value: sortBy, options: sortOptions, onChange: setSortBy }} /> ```",
+      "props": [
+        {
+          "name": "search",
+          "type": "{"
+        },
+        {
+          "name": "value",
+          "type": "string"
+        },
+        {
+          "name": "onChange",
+          "type": "(value: string) => void"
+        },
+        {
+          "name": "onClear",
+          "type": "() => void"
+        },
+        {
+          "name": "placeholder",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "DataTable",
       "importRoot": "@texturehq/edges",
@@ -746,7 +786,7 @@
       "name": "Dialog",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Dialog",
-      "description": "Dialog  Responsive modal dialog component with backdrop.  **Desktop (≥768px):** Centered modal with scale and fade animation **Mobile (<768px):** Bottom sheet that slides up from bottom  Includes optional header with title/back button and footer with action buttons.",
+      "description": "Dialog  Responsive modal dialog component with backdrop.  **Desktop (≥768px):** Centered modal with scale and fade animation **Mobile (<768px):** Bottom sheet that slides up from bottom  Includes optional header with title/back button and footer with action buttons.  ## Usage Patterns  ### Uncontrolled with DialogTrigger (Recommended) ```tsx import { DialogTrigger, Dialog, Button } from \"@texturehq/edges\";  <DialogTrigger> <Button>Open Dialog</Button> <Dialog title=\"My Dialog\"> <p>Dialog content</p> </Dialog> </DialogTrigger> ```  ### Controlled (Advanced) ```tsx const [isOpen, setIsOpen] = useState(false);  <Dialog isOpen={isOpen} onClose={() => setIsOpen(false)} title=\"My Dialog\"> <p>Dialog content</p> </Dialog> ```",
       "props": [
         {
           "name": "isOpen",
@@ -768,6 +808,10 @@
           "name": "maxWidth",
           "type": "string"
         },
+        {
+          "name": "minWidth",
+          "type": "string"
+        },
         {
           "name": "contentPadding",
           "type": "boolean"
@@ -778,6 +822,13 @@
         }
       ]
     },
+    {
+      "name": "DialogHeader",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/DialogHeader",
+      "description": "DialogHeader  Header area for dialogs with optional back arrow.",
+      "props": []
+    },
     {
       "name": "Drawer",
       "importRoot": "@texturehq/edges",
@@ -873,6 +924,34 @@
         }
       ]
     },
+    {
+      "name": "FilterChips",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/FilterChips",
+      "description": "",
+      "props": [
+        {
+          "name": "search",
+          "type": "{"
+        },
+        {
+          "name": "value",
+          "type": "string"
+        },
+        {
+          "name": "onChange",
+          "type": "(value: string) => void"
+        },
+        {
+          "name": "onClear",
+          "type": "() => void"
+        },
+        {
+          "name": "placeholder",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "Form",
       "importRoot": "@texturehq/edges",
@@ -1107,13 +1186,6 @@
         }
       ]
     },
-    {
-      "name": "ListHeader",
-      "importRoot": "@texturehq/edges",
-      "importPath": "@texturehq/edges/components/ListHeader",
-      "description": "",
-      "props": []
-    },
     {
       "name": "ListItem",
       "importRoot": "@texturehq/edges",
@@ -1633,6 +1705,34 @@
       "description": "RangeCalendar  Calendar allowing selection of a date range.",
       "props": []
     },
+    {
+      "name": "ResultsCount",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/ResultsCount",
+      "description": "",
+      "props": [
+        {
+          "name": "search",
+          "type": "{"
+        },
+        {
+          "name": "value",
+          "type": "string"
+        },
+        {
+          "name": "onChange",
+          "type": "(value: string) => void"
+        },
+        {
+          "name": "onClear",
+          "type": "() => void"
+        },
+        {
+          "name": "placeholder",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "RichTextEditor",
       "importRoot": "@texturehq/edges",
@@ -1661,6 +1761,34 @@
         }
       ]
     },
+    {
+      "name": "SearchControl",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SearchControl",
+      "description": "",
+      "props": [
+        {
+          "name": "search",
+          "type": "{"
+        },
+        {
+          "name": "value",
+          "type": "string"
+        },
+        {
+          "name": "onChange",
+          "type": "(value: string) => void"
+        },
+        {
+          "name": "onClear",
+          "type": "() => void"
+        },
+        {
+          "name": "placeholder",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "Section",
       "importRoot": "@texturehq/edges",
@@ -1765,6 +1893,10 @@
           "name": "bottomItems",
           "type": "SideNavItem[]"
         },
+        {
+          "name": "bottomContent",
+          "type": "React.ReactNode"
+        },
         {
           "name": "logo",
           "type": "React.ReactNode"
@@ -1869,6 +2001,34 @@
         }
       ]
     },
+    {
+      "name": "SortControl",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/SortControl",
+      "description": "",
+      "props": [
+        {
+          "name": "search",
+          "type": "{"
+        },
+        {
+          "name": "value",
+          "type": "string"
+        },
+        {
+          "name": "onChange",
+          "type": "(value: string) => void"
+        },
+        {
+          "name": "onClear",
+          "type": "() => void"
+        },
+        {
+          "name": "placeholder",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "SplitPane",
       "importRoot": "@texturehq/edges",