@texturehq/edges 1.5.0 → 1.5.2

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
 @layer properties;
 :root, :host {
   --color-white: #ffffff;
@@ -93,6 +93,7 @@
   --radius-md: 0.375rem;
   --radius-lg: 0.5rem;
   --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
   --radius-full: 9999px;
   --font-weight-light: 300;
   --font-weight-normal: 400;
@@ -179,6 +180,7 @@
   --color-purple-100: oklch(94.6% 0.033 307.174);
   --color-purple-500: oklch(62.7% 0.265 303.9);
   --color-purple-600: oklch(55.8% 0.288 302.321);
+  --color-purple-800: oklch(43.8% 0.218 303.724);
   --color-pink-500: oklch(65.6% 0.241 354.308);
   --color-slate-300: oklch(86.9% 0.022 252.894);
   --color-slate-600: oklch(44.6% 0.043 257.281);
@@ -218,7 +220,6 @@
   --text-4xl: 2.25rem;
   --text-4xl--line-height: calc(2.5 / 2.25);
   --tracking-tight: -0.025em;
-  --tracking-wide: 0.025em;
   --tracking-wider: 0.05em;
   --leading-relaxed: 1.625;
   --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
@@ -1233,6 +1234,12 @@
   .-my-2 {
     margin-block: calc(var(--spacing-2) * -1);
   }
+  .my-1 {
+    margin-block: var(--spacing-1);
+  }
+  .my-2 {
+    margin-block: var(--spacing-2);
+  }
   .my-4 {
     margin-block: var(--spacing-4);
   }
@@ -1254,6 +1261,9 @@
   .mt-1 {
     margin-top: var(--spacing-1);
   }
+  .mt-1\.5 {
+    margin-top: calc(var(--spacing) * 1.5);
+  }
   .mt-2 {
     margin-top: var(--spacing-2);
   }
@@ -1425,6 +1435,9 @@
   .h-\[60px\] {
     height: 60px;
   }
+  .h-\[100dvh\] {
+    height: 100dvh;
+  }
   .h-\[120px\] {
     height: 120px;
   }
@@ -1437,11 +1450,8 @@
   .h-\[600px\] {
     height: 600px;
   }
-  .h-\[calc\(100vh-60px\)\] {
-    height: calc(100vh - 60px);
-  }
-  .h-\[calc\(100vh-73px\)\] {
-    height: calc(100vh - 73px);
+  .h-\[calc\(100dvh-60px\)\] {
+    height: calc(100dvh - 60px);
   }
   .h-\[var\(--control-lg-height\)\] {
     height: var(--control-lg-height);
@@ -1455,9 +1465,6 @@
   .h-\[var\(--control-xl-height\)\] {
     height: var(--control-xl-height);
   }
-  .h-auto {
-    height: auto;
-  }
   .h-full {
     height: 100%;
   }
@@ -1470,18 +1477,21 @@
   .max-h-48 {
     max-height: var(--spacing-48);
   }
+  .max-h-\[90vh\] {
+    max-height: 90vh;
+  }
   .max-h-\[300px\] {
     max-height: 300px;
   }
-  .max-h-\[inherit\] {
-    max-height: inherit;
-  }
   .min-h-0 {
     min-height: var(--spacing-0);
   }
   .min-h-\[44px\] {
     min-height: 44px;
   }
+  .min-h-\[100dvh\] {
+    min-height: 100dvh;
+  }
   .min-h-\[100px\] {
     min-height: 100px;
   }
@@ -1575,6 +1585,15 @@
   .w-\[32rem\] {
     width: 32rem;
   }
+  .w-\[40rem\] {
+    width: 40rem;
+  }
+  .w-\[48rem\] {
+    width: 48rem;
+  }
+  .w-\[56rem\] {
+    width: 56rem;
+  }
   .w-\[200px\] {
     width: 200px;
   }
@@ -1615,6 +1634,19 @@
   .max-w-\[250px\] {
     max-width: 250px;
   }
+  .max-w-\[300px\] {
+    max-width: 300px;
+  }
+  .max-w-\[350px\] {
+    max-width: 350px;
+  }
+  .max-w-\[400px\] {
+    max-width: 400px;
+  }
+  .max-w-fit {
+    max-width: -moz-fit-content;
+    max-width: fit-content;
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -1657,6 +1689,9 @@
   .min-w-\[100px\] {
     min-width: 100px;
   }
+  .min-w-\[120px\] {
+    min-width: 120px;
+  }
   .min-w-\[150px\] {
     min-width: 150px;
   }
@@ -1675,6 +1710,9 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .grow {
+    flex-grow: 1;
+  }
   .table-auto {
     table-layout: auto;
   }
@@ -1945,6 +1983,13 @@
       margin-block-end: calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -2091,9 +2136,6 @@
       border-color: var(--color-border-muted);
     }
   }
-  .self-center {
-    align-self: center;
-  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -2135,9 +2177,6 @@
   .rounded-\[var\(--control-border-radius\)\] {
     border-radius: var(--control-border-radius);
   }
-  .rounded-full {
-    border-radius: calc(infinity * 1px);
-  }
   .rounded-full {
     border-radius: var(--radius-full);
   }
@@ -2147,9 +2186,6 @@
   .rounded-md {
     border-radius: var(--radius-md);
   }
-  .rounded-none {
-    border-radius: 0;
-  }
   .rounded-none {
     border-radius: var(--radius-none);
   }
@@ -2159,9 +2195,9 @@
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
-  .rounded-t-none {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
+  .rounded-t-2xl {
+    border-top-left-radius: var(--radius-2xl);
+    border-top-right-radius: var(--radius-2xl);
   }
   .rounded-t-none {
     border-top-left-radius: var(--radius-none);
@@ -2179,17 +2215,10 @@
     border-top-right-radius: var(--radius-sm);
     border-bottom-right-radius: var(--radius-sm);
   }
-  .rounded-b-none {
-    border-bottom-right-radius: 0;
-    border-bottom-left-radius: 0;
-  }
   .rounded-b-none {
     border-bottom-right-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
   }
-  .rounded-bl-none {
-    border-bottom-left-radius: 0;
-  }
   .rounded-bl-none {
     border-bottom-left-radius: var(--radius-none);
   }
@@ -2290,6 +2319,12 @@
   .border-border-default {
     border-color: var(--color-border-default);
   }
+  .border-border-default\/50 {
+    border-color: color-mix(in srgb, #e5e7eb 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-border-default) 50%, transparent);
+    }
+  }
   .border-border-input {
     border-color: var(--color-border-input);
   }
@@ -2621,6 +2656,17 @@
     --tw-gradient-from: var(--color-action-primary);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-black\/60 {
+    --tw-gradient-from: color-mix(in srgb, #000000 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .from-blue-100 {
+    --tw-gradient-from: var(--color-blue-100);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-green-500 {
     --tw-gradient-from: var(--color-green-500);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2634,10 +2680,29 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .via-black\/50 {
+    --tw-gradient-via: color-mix(in srgb, #000000 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-black) 50%, transparent);
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .to-\[var\(--skeleton-base\)\] {
     --tw-gradient-to: var(--skeleton-base);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-black\/60 {
+    --tw-gradient-to: color-mix(in srgb, #000000 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--color-black) 60%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
+  .to-blue-200 {
+    --tw-gradient-to: var(--color-blue-200);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-blue-500 {
     --tw-gradient-to: var(--color-blue-500);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2793,6 +2858,9 @@
   .py-4 {
     padding-block: var(--spacing-4);
   }
+  .py-5 {
+    padding-block: var(--spacing-5);
+  }
   .py-6 {
     padding-block: var(--spacing-6);
   }
@@ -2802,9 +2870,6 @@
   .pt-1 {
     padding-top: var(--spacing-1);
   }
-  .pt-3 {
-    padding-top: var(--spacing-3);
-  }
   .pt-4 {
     padding-top: var(--spacing-4);
   }
@@ -2829,6 +2894,9 @@
   .pr-9 {
     padding-right: var(--spacing-9);
   }
+  .pb-0 {
+    padding-bottom: var(--spacing-0);
+  }
   .pb-1\.5 {
     padding-bottom: calc(var(--spacing) * 1.5);
   }
@@ -2989,10 +3057,6 @@
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
   }
-  .tracking-wide {
-    --tw-tracking: var(--tracking-wide);
-    letter-spacing: var(--tracking-wide);
-  }
   .tracking-wider {
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
@@ -3105,6 +3169,9 @@
   .text-purple-600 {
     color: var(--color-purple-600);
   }
+  .text-purple-800 {
+    color: var(--color-purple-800);
+  }
   .text-red-500 {
     color: var(--color-red-500);
   }
@@ -3227,6 +3294,10 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
   }
+  .shadow-2xl {
+    --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_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);
@@ -3267,6 +3338,12 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
   }
+  .shadow-black\/20 {
+    --tw-shadow-color: color-mix(in srgb, #000000 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
+    }
+  }
   .ring-background-surface {
     --tw-ring-color: var(--color-background-surface);
   }
@@ -3674,6 +3751,12 @@
       border-width: 0px;
     }
   }
+  .last\:border-b-0 {
+    &:last-child {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0px;
+    }
+  }
   .visited\:text-action-primary {
     &:visited {
       color: var(--color-action-primary);
@@ -3743,13 +3826,6 @@
       }
     }
   }
-  .hover\:border-border-muted {
-    &:hover {
-      @media (hover: hover) {
-        border-color: var(--color-border-muted);
-      }
-    }
-  }
   .hover\:bg-action-primary-hover {
     &:hover {
       @media (hover: hover) {
@@ -3826,6 +3902,13 @@
       }
     }
   }
+  .hover\:bg-red-50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-50);
+      }
+    }
+  }
   .hover\:bg-red-700 {
     &:hover {
       @media (hover: hover) {
@@ -4119,6 +4202,18 @@
       opacity: 50%;
     }
   }
+  .data-\[exiting\]\:duration-200 {
+    &[data-exiting] {
+      --tw-duration: 200ms;
+      transition-duration: 200ms;
+    }
+  }
+  .data-\[exiting\]\:ease-in {
+    &[data-exiting] {
+      --tw-ease: var(--ease-in);
+      transition-timing-function: var(--ease-in);
+    }
+  }
   .data-\[focused\]\:bg-background-hover {
     &[data-focused] {
       background-color: var(--color-background-hover);
@@ -4171,6 +4266,14 @@
       background-color: var(--color-gray-100);
     }
   }
+  .supports-\[backdrop-filter\]\:bg-black\/40 {
+    @supports (backdrop-filter: var(--tw)) {
+      background-color: color-mix(in srgb, #000000 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+      }
+    }
+  }
   .sm\:col-auto {
     @media (width >= 40rem) {
       grid-column: auto;
@@ -4466,14 +4569,19 @@
       height: var(--spacing-96);
     }
   }
+  .md\:h-\[100dvh\] {
+    @media (width >= 48rem) {
+      height: 100dvh;
+    }
+  }
   .md\:h-full {
     @media (width >= 48rem) {
       height: 100%;
     }
   }
-  .md\:h-screen {
+  .md\:max-h-\[85vh\] {
     @media (width >= 48rem) {
-      height: 100vh;
+      max-height: 85vh;
     }
   }
   .md\:w-64 {
@@ -4562,11 +4670,26 @@
       grid-template-columns: none;
     }
   }
+  .md\:items-center {
+    @media (width >= 48rem) {
+      align-items: center;
+    }
+  }
   .md\:gap-6 {
     @media (width >= 48rem) {
       gap: var(--spacing-6);
     }
   }
+  .md\:rounded-xl {
+    @media (width >= 48rem) {
+      border-radius: var(--radius-xl);
+    }
+  }
+  .md\:p-4 {
+    @media (width >= 48rem) {
+      padding: var(--spacing-4);
+    }
+  }
   .md\:px-6 {
     @media (width >= 48rem) {
       padding-inline: var(--spacing-6);
@@ -4755,16 +4878,6 @@
       border-bottom-width: 1px;
     }
   }
-  .lg\:px-10 {
-    @media (width >= 64rem) {
-      padding-inline: var(--spacing-10);
-    }
-  }
-  .lg\:py-10 {
-    @media (width >= 64rem) {
-      padding-block: var(--spacing-10);
-    }
-  }
   .xl\:col-auto {
     @media (width >= 80rem) {
       grid-column: auto;
@@ -5712,11 +5825,6 @@
       width: var(--spacing-4);
     }
   }
-  .\[\&\:\:-moz-range-thumb\]\:rounded-full {
-    &::-moz-range-thumb {
-      border-radius: calc(infinity * 1px);
-    }
-  }
   .\[\&\:\:-moz-range-thumb\]\:rounded-full {
     &::-moz-range-thumb {
       border-radius: var(--radius-full);
@@ -5791,11 +5899,6 @@
               appearance: none;
     }
   }
-  .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
-    &::-webkit-slider-thumb {
-      border-radius: calc(infinity * 1px);
-    }
-  }
   .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
     &::-webkit-slider-thumb {
       border-radius: var(--radius-full);
@@ -5871,11 +5974,6 @@
       justify-content: flex-start !important;
     }
   }
-  .\[\&\>\*\]\:rounded-none {
-    &>* {
-      border-radius: 0;
-    }
-  }
   .\[\&\>\*\]\:rounded-none {
     &>* {
       border-radius: var(--radius-none);
@@ -5907,17 +6005,6 @@
       display: block;
     }
   }
-  .\[\[data-placement\]\>\&\]\:p-4 {
-    [data-placement]>& {
-      padding: var(--spacing-4);
-    }
-  }
-  .\[td\:first-child_\&\]\:rounded-s-full {
-    td:first-child & {
-      border-start-start-radius: calc(infinity * 1px);
-      border-end-start-radius: calc(infinity * 1px);
-    }
-  }
   .\[td\:first-child_\&\]\:rounded-s-full {
     td:first-child & {
       border-start-start-radius: var(--radius-full);

package/dist/utilities.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.5.0",
-  "generatedAt": "2025-10-09T19:04:07.680Z",
+  "version": "1.5.2",
+  "generatedAt": "2025-10-11T01:32:19.296Z",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like debouncing, local storage, and time controls",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",
@@ -35,7 +35,7 @@
     "watch": "tsup --watch",
     "build": "yarn tokens:build && tsup && yarn build:post",
     "build:post": "postcss src/styles.css -o dist/styles.css && node scripts/copy-assets.js && node scripts/generate-components-manifest.js && node scripts/generate-utilities-manifest.js",
-    "tokens:build": "node style-dictionary.config.mjs",
+    "tokens:build": "node style-dictionary.config.mjs && node scripts/generate-viz-runtime.js",
     "tokens:build:tailwind": "node style-dictionary.config.mjs",
     "tokens:watch": "nodemon --watch tokens --ext json --exec 'yarn tokens:build'",
     "tokens:watch:tailwind": "nodemon --watch tokens --ext json --exec 'yarn tokens:build:tailwind'",
@@ -53,14 +53,14 @@
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "test:ui": "vitest --ui",
-    "storybook": "storybook dev -p 6010 --no-open",
+    "storybook": "VITE_MAPBOX_ACCESS_TOKEN=pk.eyJ1IjoidmljdG9yLXRleHR1cmUiLCJhIjoiY2x1cXM5dnVqMDFvYTJrcWszbnZmdGo4cCJ9.uEu0gqmITLtBMKEVW0aFtA storybook dev -p 6010 --no-open",
     "build-storybook": "storybook build",
     "postinstall": "node scripts/setup-cursor-rules.js || echo \"! setup-cursor-rules: non-fatal error\""
   },
   "peerDependencies": {
     "next": "*",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "dependencies": {
     "@phosphor-icons/react": "^2.1.7",
@@ -106,14 +106,14 @@
     "@tailwindcss/postcss": "^4.1.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.1",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/file-saver": "^2.0.7",
     "@types/luxon": "^3.7.1",
     "@types/node": "^20.11.30",
     "@types/papaparse": "^5.3.16",
-    "@types/react": "^18.2.67",
-    "@types/react-dom": "^18.2.22",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.1",
     "@vitejs/plugin-react": "^4.2.1",
     "@vitest/coverage-v8": "^3.1.1",
     "@vitest/ui": "^3.1.1",
@@ -123,8 +123,8 @@
     "jsdom": "^24.0.0",
     "postcss": "^8.4.35",
     "postcss-cli": "^11.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "storybook": "^8.6.14",
     "style-dictionary": "^5.0.4",
     "tailwindcss": "^4.1.3",