@texturehq/edges 1.5.3 → 1.6.0

package/dist/components.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.5.3",
-  "generatedAt": "2025-10-12T13:19:01.215Z",
+  "version": "1.6.0",
+  "generatedAt": "2025-10-12T21:02:10.669Z",
   "components": [
     {
       "name": "ActionCell",
@@ -357,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"
@@ -722,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",
@@ -892,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",
@@ -1126,13 +1186,6 @@
         }
       ]
     },
-    {
-      "name": "ListHeader",
-      "importRoot": "@texturehq/edges",
-      "importPath": "@texturehq/edges/components/ListHeader",
-      "description": "",
-      "props": []
-    },
     {
       "name": "ListItem",
       "importRoot": "@texturehq/edges",
@@ -1652,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",
@@ -1680,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",
@@ -1892,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",