@texturehq/edges 1.12.2 → 1.13.1

package/dist/components.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.12.2",
-  "generatedAt": "2025-10-25T13:46:35.398Z",
+  "version": "1.13.1",
+  "generatedAt": "2025-10-27T18:44:56.462Z",
   "components": [
     {
       "name": "ActionCell",
@@ -28,7 +28,7 @@
     {
       "name": "ActivityFeed",
       "category": "Activity",
-      "description": "Feed content",
+      "description": "Height/maxHeight for scroll container",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/ActivityFeed",
       "props": [],
@@ -204,7 +204,9 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/AutoMobileRenderer",
       "props": [],
-      "relatedComponents": [],
+      "relatedComponents": [
+        "Skeleton"
+      ],
       "storybookPath": "Data/AutoMobileRenderer"
     },
     {
@@ -543,7 +545,9 @@
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/CardMobileRenderer",
       "props": [],
-      "relatedComponents": [],
+      "relatedComponents": [
+        "Skeleton"
+      ],
       "storybookPath": "Data/CardMobileRenderer"
     },
     {
@@ -618,7 +622,7 @@
     {
       "name": "Checkbox",
       "category": "Form Controls",
-      "description": "Visual variant of the checkbox @default \"brand\"",
+      "description": "Visual variant of the checkbox @default \"default\"",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/Checkbox",
       "props": [
@@ -635,7 +639,7 @@
     {
       "name": "CheckboxGroup",
       "category": "Form Controls",
-      "description": "Visual variant of the checkbox @default \"brand\"",
+      "description": "Visual variant of the checkbox @default \"default\"",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/CheckboxGroup",
       "props": [
@@ -798,7 +802,7 @@
     {
       "name": "DataControls",
       "category": "Data",
-      "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 }} /> ```",
+      "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.  **Features:** - Optional sticky positioning for data-heavy pages - Works with PageLayout sticky headers - Configurable z-index and offset  **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 }} /> ```",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/DataControls",
       "props": [],
@@ -808,11 +812,13 @@
     {
       "name": "DataTable",
       "category": "Data",
-      "description": "DataTable  Advanced table component with sorting, filtering, pagination, and mobile-responsive views. Supports custom cell renderers, column configurations, and multiple display densities.",
+      "description": "DataTable  Advanced table component with sorting, filtering, pagination, and infinite scroll. Supports custom cell renderers, column configurations, multiple display densities, and virtualization for large datasets.",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/DataTable",
       "props": [],
-      "relatedComponents": [],
+      "relatedComponents": [
+        "Skeleton"
+      ],
       "storybookPath": "Data/DataTable"
     },
     {
@@ -942,6 +948,16 @@
       "relatedComponents": [],
       "storybookPath": "Data/FilterChips"
     },
+    {
+      "name": "FilterDialog",
+      "category": "Data",
+      "description": "",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/FilterDialog",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Data/FilterDialog"
+    },
     {
       "name": "Form",
       "category": "Form Controls",
@@ -1020,6 +1036,16 @@
       "relatedComponents": [],
       "storybookPath": "Design Tokens/Icon"
     },
+    {
+      "name": "InfiniteScrollIndicator",
+      "category": "Feedback",
+      "description": "InfiniteScrollIndicator  Lightweight composition component for displaying loading states in infinite scroll contexts. Uses the Loader component for consistency.  - For initial loading: Use component-specific Skeleton implementations - For loading-more: Use this component at the bottom of lists/tables  By default, shows only a spinner (no text) to avoid internationalization concerns. Consuming applications can provide their own localized message via the `message` prop.  Example usage: ```tsx // Default: spinner only (no i18n needed) <InfiniteScrollIndicator state=\"loading-more\" />  // With localized text <InfiniteScrollIndicator state=\"loading-more\" message={t('loading.loadMore')} /> ```",
+      "importRoot": "@texturehq/edges",
+      "importPath": "@texturehq/edges/components/InfiniteScrollIndicator",
+      "props": [],
+      "relatedComponents": [],
+      "storybookPath": "Feedback/InfiniteScrollIndicator"
+    },
     {
       "name": "InteractiveMap",
       "category": "Uncategorized",
@@ -1075,18 +1101,13 @@
     {
       "name": "List",
       "category": "Lists",
-      "description": "List  A semantic wrapper and state manager for rows. Handles selection, hover, keyboard navigation, and accessibility. Composes with ListItem for visual rows.  Example usage: ```tsx <List items={sites} selectedId={selectedSiteId} onSelect={(id) => openDetail(id)} onHoverChange={(id) => highlightOnMap(id)} renderItem={({ item, rowProps, isSelected }) => ( <ListItem id={item.id} title={item.name} subtitle={item.address?.city} isSelected={isSelected} {...rowProps} /> )} /> ```",
+      "description": "List  A semantic wrapper and state manager for rows. Handles selection, hover, keyboard navigation, accessibility, and infinite scroll with virtualization. Composes with ListItem for visual rows.  Example usage: ```tsx <List items={sites} selectedId={selectedSiteId} onSelect={(id) => openDetail(id)} onHoverChange={(id) => highlightOnMap(id)} renderItem={({ item, rowProps, isSelected }) => ( <ListItem id={item.id} title={item.name} subtitle={item.address?.city} isSelected={isSelected} {...rowProps} /> )} // Optional: Custom loading skeleton matching your data structure renderLoadingSkeleton={() => ( <div className=\"flex items-center gap-3 px-4 py-3\"> <Skeleton width={40} height={40} variant=\"circle\" /> <div className=\"flex-1\"> <Skeleton width=\"60%\" height={16} /> <Skeleton width=\"40%\" height={12} /> </div> </div> )} loadingSkeletonCount={8} // Infinite scroll onLoadMore={loadMoreSites} hasMore={hasMoreSites} isLoading={isLoading} /> ```",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/List",
       "props": [],
       "relatedComponents": [
-        "Button",
         "Icon",
-        "ListStoryContainer",
-        "StoryLayout",
-        "StoryTable",
-        "StoryTableCell",
-        "StoryTableRow"
+        "Skeleton"
       ],
       "storybookPath": "Lists/List"
     },
@@ -1130,13 +1151,8 @@
       "importPath": "@texturehq/edges/components/ListItem",
       "props": [],
       "relatedComponents": [
-        "Button",
         "Icon",
-        "ListStoryContainer",
-        "StoryLayout",
-        "StoryTable",
-        "StoryTableCell",
-        "StoryTableRow"
+        "Skeleton"
       ],
       "storybookPath": "Lists/ListItem"
     },
@@ -1148,13 +1164,8 @@
       "importPath": "@texturehq/edges/components/ListPane",
       "props": [],
       "relatedComponents": [
-        "Button",
         "Icon",
-        "ListStoryContainer",
-        "StoryLayout",
-        "StoryTable",
-        "StoryTableCell",
-        "StoryTableRow"
+        "Skeleton"
       ],
       "storybookPath": "Lists/ListPane"
     },
@@ -2109,7 +2120,7 @@
         },
         {
           "name": "variant",
-          "type": "\"default\" | \"primary\" | \"muted\""
+          "type": "\"default\" | \"primary\" | \"muted\" | \"unstyled\""
         },
         {
           "name": "onClick",
@@ -2425,6 +2436,7 @@
       "DataControls",
       "DataTable",
       "FilterChips",
+      "FilterDialog",
       "Kpi",
       "KpiGroup",
       "ResultsCount",
@@ -2435,6 +2447,7 @@
     "Feedback": [
       "EmptyState",
       "ErrorBoundary",
+      "InfiniteScrollIndicator",
       "Meter",
       "Notice",
       "NoticeContainer",