@texturehq/edges 1.26.2 → 1.26.4

package/dist/styles.css

@@ -1490,12 +1490,21 @@
   .top-20 {
     top: var(--spacing-20);
   }
-  .top-\[-2px\] {
-    top: -2px;
+  .top-\[-1px\] {
+    top: -1px;
   }
   .top-\[2rem\] {
     top: 2rem;
   }
+  .top-\[45\%\] {
+    top: 45%;
+  }
+  .top-\[46\%\] {
+    top: 46%;
+  }
+  .top-\[48\%\] {
+    top: 48%;
+  }
   .-right-2 {
     right: calc(var(--spacing-2) * -1);
   }
@@ -1766,8 +1775,8 @@
   .mb-8 {
     margin-bottom: var(--spacing-8);
   }
-  .mb-20 {
-    margin-bottom: var(--spacing-20);
+  .mb-12 {
+    margin-bottom: var(--spacing-12);
   }
   .-ml-px {
     margin-left: -1px;
@@ -1916,6 +1925,18 @@
   .h-96 {
     height: var(--spacing-96);
   }
+  .h-\[32px\] {
+    height: 32px;
+  }
+  .h-\[40px\] {
+    height: 40px;
+  }
+  .h-\[44px\] {
+    height: 44px;
+  }
+  .h-\[48px\] {
+    height: 48px;
+  }
   .h-\[60px\] {
     height: 60px;
   }
@@ -1988,12 +2009,12 @@
   .max-h-\[300px\] {
     max-height: 300px;
   }
-  .max-h-\[400px\] {
-    max-height: 400px;
-  }
   .max-h-\[500px\] {
     max-height: 500px;
   }
+  .max-h-full {
+    max-height: 100%;
+  }
   .min-h-0 {
     min-height: var(--spacing-0);
   }
@@ -2178,6 +2199,9 @@
   .w-px {
     width: 1px;
   }
+  .\!max-w-none {
+    max-width: none !important;
+  }
   .max-w-2xl {
     max-width: var(--container-2xl);
   }
@@ -2371,10 +2395,6 @@
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-y-\[0\.5px\] {
-    --tw-translate-y: 0.5px;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .rotate-0 {
     rotate: 0deg;
   }
@@ -2541,12 +2561,15 @@
   .grid-cols-\[1fr_auto\] {
     grid-template-columns: 1fr auto;
   }
-  .grid-cols-\[1fr_auto_auto\] {
-    grid-template-columns: 1fr auto auto;
-  }
   .grid-cols-\[3rem_1fr\] {
     grid-template-columns: 3rem 1fr;
   }
+  .grid-cols-\[minmax\(120px\,1fr\)_1fr\] {
+    grid-template-columns: minmax(120px,1fr) 1fr;
+  }
+  .grid-cols-\[minmax\(120px\,1fr\)_auto_auto\] {
+    grid-template-columns: minmax(120px,1fr) auto auto;
+  }
   .grid-cols-none {
     grid-template-columns: none;
   }
@@ -2929,6 +2952,10 @@
   .rounded-bl-none {
     border-bottom-left-radius: var(--radius-none);
   }
+  .\!border-0 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -2997,6 +3024,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 4px;
   }
+  .border-l-\[3px\] {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 3px;
+  }
   .border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
@@ -3819,6 +3850,9 @@
   .py-16 {
     padding-block: var(--spacing-16);
   }
+  .py-\[2px\] {
+    padding-block: 2px;
+  }
   .py-\[var\(--control-gap-lg\)\] {
     padding-block: var(--control-gap-lg);
   }
@@ -3846,12 +3880,12 @@
   .pt-4 {
     padding-top: var(--spacing-4);
   }
-  .pt-6 {
-    padding-top: var(--spacing-6);
-  }
   .pt-8 {
     padding-top: var(--spacing-8);
   }
+  .pt-\[15vh\] {
+    padding-top: 15vh;
+  }
   .pr-0 {
     padding-right: var(--spacing-0);
   }
@@ -3882,9 +3916,6 @@
   .pr-12 {
     padding-right: var(--spacing-12);
   }
-  .pb-1 {
-    padding-bottom: var(--spacing-1);
-  }
   .pb-1\.5 {
     padding-bottom: calc(var(--spacing) * 1.5);
   }
@@ -3918,20 +3949,17 @@
   .pl-5 {
     padding-left: var(--spacing-5);
   }
-  .pl-7 {
-    padding-left: var(--spacing-7);
-  }
   .pl-8 {
     padding-left: var(--spacing-8);
   }
-  .pl-9 {
-    padding-left: var(--spacing-9);
-  }
   .pl-10 {
     padding-left: var(--spacing-10);
   }
-  .pl-12 {
-    padding-left: var(--spacing-12);
+  .pl-11 {
+    padding-left: var(--spacing-11);
+  }
+  .pl-13 {
+    padding-left: calc(var(--spacing) * 13);
   }
   .pl-\[3rem\] {
     padding-left: 3rem;
@@ -4228,9 +4256,6 @@
   .text-green-900 {
     color: var(--color-green-900);
   }
-  .text-inherit {
-    color: inherit;
-  }
   .text-map-marker-default {
     color: var(--color-map-marker-default);
   }
@@ -4491,6 +4516,10 @@
     --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .\!ring-0 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
   .ring {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4691,12 +4720,18 @@
   .\[--tw-enter-translate-x\:calc\(-16rem-100\%\)\] {
     --tw-enter-translate-x: calc(-16rem - 100%);
   }
+  .\[-ms-overflow-style\:none\] {
+    -ms-overflow-style: none;
+  }
   .\[animation-delay\:0\.1s\] {
     animation-delay: 0.1s;
   }
   .\[animation-delay\:0\.2s\] {
     animation-delay: 0.2s;
   }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -5278,6 +5313,16 @@
       }
     }
   }
+  .hover\:bg-feedback-info-background\/80 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #dbeafe 80%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-feedback-info-background) 80%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-gray-50 {
     &:hover {
       @media (hover: hover) {
@@ -5506,12 +5551,24 @@
       left: var(--spacing-4);
     }
   }
+  .focus\:\!border-0 {
+    &:focus {
+      border-style: var(--tw-border-style) !important;
+      border-width: 0px !important;
+    }
+  }
   .focus\:shadow-none {
     &:focus {
       --tw-shadow: 0 0 #0000;
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus\:\!ring-0 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    }
+  }
   .focus\:ring-0 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -5545,17 +5602,35 @@
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .focus\:\!outline-none {
+    &:focus {
+      --tw-outline-style: none !important;
+      outline-style: none !important;
+    }
+  }
   .focus\:outline-none {
     &:focus {
       --tw-outline-style: none;
       outline-style: none;
     }
   }
+  .focus-visible\:\!border-0 {
+    &:focus-visible {
+      border-style: var(--tw-border-style) !important;
+      border-width: 0px !important;
+    }
+  }
   .focus-visible\:bg-brand-light {
     &:focus-visible {
       background-color: var(--color-brand-light);
     }
   }
+  .focus-visible\:\!ring-0 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    }
+  }
   .focus-visible\:ring-0 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -5589,6 +5664,12 @@
       outline-color: var(--color-action-default);
     }
   }
+  .focus-visible\:\!outline-none {
+    &:focus-visible {
+      --tw-outline-style: none !important;
+      outline-style: none !important;
+    }
+  }
   .focus-visible\:outline-none {
     &:focus-visible {
       --tw-outline-style: none;
@@ -5674,6 +5755,12 @@
       transition-timing-function: var(--ease-in);
     }
   }
+  .data-\[focus-visible\]\:ring-0 {
+    &[data-focus-visible] {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .data-\[focus-visible\]\:ring-2 {
     &[data-focus-visible] {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -5974,14 +6061,14 @@
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
   }
-  .sm\:grid-cols-\[1fr_auto\] {
+  .sm\:grid-cols-\[minmax\(120px\,1fr\)_1fr\] {
     @media (width >= 40rem) {
-      grid-template-columns: 1fr auto;
+      grid-template-columns: minmax(120px,1fr) 1fr;
     }
   }
-  .sm\:grid-cols-\[1fr_auto_auto\] {
+  .sm\:grid-cols-\[minmax\(120px\,1fr\)_auto_auto\] {
     @media (width >= 40rem) {
-      grid-template-columns: 1fr auto auto;
+      grid-template-columns: minmax(120px,1fr) auto auto;
     }
   }
   .sm\:grid-cols-none {
@@ -7630,6 +7717,38 @@
       }
     }
   }
+  .\[\&_\[role\=option\]\]\:rounded-none {
+    & [role=option] {
+      border-radius: var(--radius-none);
+    }
+  }
+  .\[\&_\[role\=option\]\]\:border-b {
+    & [role=option] {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
+  .\[\&_\[role\=option\]\]\:border-border-default {
+    & [role=option] {
+      border-color: var(--color-border-default);
+    }
+  }
+  .\[\&_\[role\=option\]\]\:\!px-6 {
+    & [role=option] {
+      padding-inline: var(--spacing-6) !important;
+    }
+  }
+  .\[\&_\[role\=option\]\]\:\!py-4 {
+    & [role=option] {
+      padding-block: var(--spacing-4) !important;
+    }
+  }
+  .\[\&_\[role\=option\]\:last-child\]\:border-0 {
+    & [role=option]:last-child {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
+  }
   .\[\&_a\]\:text-right {
     & a {
       text-align: right;
@@ -7719,6 +7838,11 @@
               appearance: none;
     }
   }
+  .\[\&\:\:-webkit-scrollbar\]\:hidden {
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
   .\[\&\:\:-webkit-slider-thumb\]\:h-4 {
     &::-webkit-slider-thumb {
       height: var(--spacing-4);

package/dist/utilities.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.26.2",
+  "version": "1.26.4",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",
@@ -46,6 +46,13 @@
           "category": "hooks",
           "file": "hooks/useDebounce.ts"
         },
+        {
+          "name": "useDelayedLoading",
+          "type": "function",
+          "description": "useDelayedLoading Returns a delayed version of the loading state to prevent flashing loaders for fast operations. The loader will only show if loading takes longer than the specified delay.",
+          "category": "hooks",
+          "file": "hooks/useDelayedLoading.ts"
+        },
         {
           "name": "useElementSize",
           "type": "function",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.26.2",
+  "version": "1.26.4",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",

package/scripts/setup-cursor-rules.js

@@ -80,7 +80,7 @@ const setupCursorRules = () => {
 
   // Setup Claude rules
   if (fs.existsSync(claudeTemplatesDir)) {
-    const claudeTemplateFiles = fs
+    const _claudeTemplateFiles = fs
       .readdirSync(claudeTemplatesDir)
       .filter((file) => file.endsWith(".md"));