@texturehq/edges 1.13.0 → 1.13.2

package/dist/styles.css

@@ -74,6 +74,7 @@
   --spacing-8: 2rem;
   --spacing-9: 2.25rem;
   --spacing-10: 2.5rem;
+  --spacing-11: 2.75rem;
   --spacing-12: 3rem;
   --spacing-14: 3.5rem;
   --spacing-16: 4rem;
@@ -1251,8 +1252,8 @@
   .inset-0 {
     inset: var(--spacing-0);
   }
-  .inset-y-\[1px\] {
-    inset-block: 1px;
+  .inset-y-\[2px\] {
+    inset-block: 2px;
   }
   .start-1 {
     inset-inline-start: var(--spacing-1);
@@ -1308,8 +1309,8 @@
   .right-8 {
     right: var(--spacing-8);
   }
-  .right-\[1px\] {
-    right: 1px;
+  .right-\[2px\] {
+    right: 2px;
   }
   .-bottom-2 {
     bottom: calc(var(--spacing-2) * -1);
@@ -1800,6 +1801,9 @@
   .w-10 {
     width: var(--spacing-10);
   }
+  .w-11 {
+    width: var(--spacing-11);
+  }
   .w-12 {
     width: var(--spacing-12);
   }
@@ -2534,9 +2538,9 @@
     border-top-left-radius: var(--radius-sm);
     border-bottom-left-radius: var(--radius-sm);
   }
-  .rounded-r-\[calc\(var\(--control-border-radius\)-1px\)\] {
-    border-top-right-radius: calc(var(--control-border-radius) - 1px);
-    border-bottom-right-radius: calc(var(--control-border-radius) - 1px);
+  .rounded-r-\[calc\(var\(--control-border-radius\)-2px\)\] {
+    border-top-right-radius: calc(var(--control-border-radius) - 2px);
+    border-bottom-right-radius: calc(var(--control-border-radius) - 2px);
   }
   .rounded-r-sm {
     border-top-right-radius: var(--radius-sm);
@@ -2676,6 +2680,9 @@
       border-color: color-mix(in oklab, var(--color-border-default) 60%, transparent);
     }
   }
+  .border-border-focus {
+    border-color: var(--color-border-focus);
+  }
   .border-border-input {
     border-color: var(--color-border-input);
   }
@@ -3125,6 +3132,9 @@
   .p-1 {
     padding: var(--spacing-1);
   }
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
   .p-2 {
     padding: var(--spacing-2);
   }
@@ -3206,6 +3216,9 @@
   .px-px {
     padding-inline: 1px;
   }
+  .py-0 {
+    padding-block: var(--spacing-0);
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -3734,6 +3747,14 @@
     --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[inset_0_0_0_1px_var\(--color-border-focus\)\] {
+    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-border-focus));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-\[inset_0_0_0_1px_var\(--color-feedback-error-border\)\] {
+    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-feedback-error-border));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-\[inset_0_1px_0_0_theme\(colors\.gray\.600\)\] {
     --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, #4b5563);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3937,6 +3958,10 @@
   .forced-color-adjust-none {
     forced-color-adjust: none;
   }
+  .\!outline-none {
+    --tw-outline-style: none !important;
+    outline-style: none !important;
+  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -4481,6 +4506,13 @@
       }
     }
   }
+  .hover\:decoration-current {
+    &:hover {
+      @media (hover: hover) {
+        text-decoration-color: currentcolor;
+      }
+    }
+  }
   .hover\:decoration-text-link-hover {
     &:hover {
       @media (hover: hover) {
@@ -5190,9 +5222,9 @@
       padding-block: var(--spacing-6);
     }
   }
-  .md\:pt-24 {
+  .md\:pt-12 {
     @media (width >= 48rem) {
-      padding-top: var(--spacing-24);
+      padding-top: var(--spacing-12);
     }
   }
   .md\:pb-28 {

package/dist/utilities.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.13.0",
-  "generatedAt": "2025-10-26T01:11:39.875Z",
+  "version": "1.13.2",
+  "generatedAt": "2025-10-28T18:47:55.359Z",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",
@@ -26,6 +26,20 @@
           "category": "hooks",
           "file": "hooks/useChartExport.ts"
         },
+        {
+          "name": "useClientDataControls",
+          "type": "function",
+          "description": "useClientDataControls Client-side hook for filtering, sorting, searching, and faceting data. Uses memoization to avoid unnecessary recomputation. Operations are applied in this order: 1. Search (fuzzy or exact matching) 2. Filter (structured conditions) 3. Facet computation (on filtered data) 4. Sort ```tsx const { data, facetCounts, resultCount } = useClientDataControls({ data: rawData, filters: createFilters([ createFilter('department', 'in', ['Engineering', 'Sales']) ]), sort: { field: 'name', direction: 'asc' }, search: { query: searchQuery, fields: ['name', 'email'] }, facetConfigs: [ { field: 'department', label: 'Department' }, { field: 'status', label: 'Status' } ] }); ```",
+          "category": "hooks",
+          "file": "hooks/useClientDataControls.ts"
+        },
+        {
+          "name": "useDataControls",
+          "type": "function",
+          "description": "useDataControls Unified hook for managing data filtering, sorting, searching, and faceting. Supports both client-side and server-side modes. **Client Mode:** - Processes data locally using pure functions - Computes facet counts automatically - Best for datasets < 5000 rows **Server Mode:** - Notifies parent when state changes (debounced for search) - Passes through server-provided data and counts - Best for large datasets or complex queries ```tsx const { data, facetCounts, resultCount } = useDataControls({ mode: 'client', data: rawData, filters: createFilters([...]), sort: { field: 'name', direction: 'asc' }, search: { query: searchQuery, fields: ['name', 'email'] }, facetConfigs: [{ field: 'department', label: 'Department' }] }); ``` ```tsx const { data, facetCounts, resultCount } = useDataControls({ mode: 'server', data: serverData, // Already filtered filters, sort, search, resultCount: totalCount, facetCounts: serverFacets, onStateChange: (state) => refetch(state) }); ```",
+          "category": "hooks",
+          "file": "hooks/useDataControls.ts"
+        },
         {
           "name": "useDebounce",
           "type": "function",
@@ -60,6 +74,13 @@
           "description": "Hook to check if a media query matches the current viewport ```tsx const isMobile = useMediaQuery('(max-width: 767px)'); const prefersReducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)'); const isLandscape = useMediaQuery('(orientation: landscape)'); ```",
           "category": "hooks",
           "file": "hooks/useMediaQuery.ts"
+        },
+        {
+          "name": "useServerDataControls",
+          "type": "function",
+          "description": "useServerDataControls Server-side hook that notifies the parent when filter/sort/search state changes. Search queries are debounced to avoid excessive API calls. This hook doesn't manipulate data - it just provides a clean way to: 1. Debounce search input 2. Notify when any state changes 3. Trigger server refetch ```tsx const [filters, setFilters] = useState(null); const [sort, setSort] = useState({ field: 'name', direction: 'asc' }); const [search, setSearch] = useState({ query: '', fields: ['name'] }); useServerDataControls({ filters, sort, search, onStateChange: (state) => { // Refetch data with new parameters refetch({ filters: state.filters, sort: state.sort, search: state.search?.query }); } }); ```",
+          "category": "hooks",
+          "file": "hooks/useServerDataControls.ts"
         }
       ]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.13.0",
+  "version": "1.13.2",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",
@@ -64,7 +64,7 @@
   },
   "dependencies": {
     "@phosphor-icons/react": "^2.1.7",
-    "@tanstack/react-virtual": "^3.10.8",
+    "@tanstack/react-virtual": "^3.13.12",
     "@tiptap/core": "^3.4.5",
     "@tiptap/extension-link": "^3.4.5",
     "@tiptap/pm": "^3.4.5",
@@ -87,6 +87,7 @@
     "file-saver": "^2.0.5",
     "filestack-react": "^6.0.0",
     "framer-motion": "^12.23.18",
+    "fuse.js": "^7.0.0",
     "lucide-react": "^0.544.0",
     "luxon": "^3.4.4",
     "mapbox-gl": "3.7.0",