@texturehq/edges 1.19.1 → 1.20.0

package/dist/styles.css

@@ -1575,6 +1575,9 @@
   .mr-2 {
     margin-right: var(--spacing-2);
   }
+  .mb-0\.5 {
+    margin-bottom: calc(var(--spacing) * 0.5);
+  }
   .mb-1 {
     margin-bottom: var(--spacing-1);
   }
@@ -1812,6 +1815,9 @@
   .min-h-\[20px\] {
     min-height: 20px;
   }
+  .min-h-\[32px\] {
+    min-height: 32px;
+  }
   .min-h-\[44px\] {
     min-height: 44px;
   }
@@ -1827,6 +1833,9 @@
   .min-h-\[280px\] {
     min-height: 280px;
   }
+  .min-h-\[300px\] {
+    min-height: 300px;
+  }
   .min-h-\[320px\] {
     min-height: 320px;
   }
@@ -2081,6 +2090,9 @@
   .min-w-\[180px\] {
     min-width: 180px;
   }
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
   .min-w-\[208px\] {
     min-width: 208px;
   }
@@ -2312,6 +2324,9 @@
   .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;
   }
@@ -2498,6 +2513,10 @@
     -moz-column-gap: var(--spacing-0);
          column-gap: var(--spacing-0);
   }
+  .gap-x-1 {
+    -moz-column-gap: var(--spacing-1);
+         column-gap: var(--spacing-1);
+  }
   .gap-x-2 {
     -moz-column-gap: var(--spacing-2);
          column-gap: var(--spacing-2);
@@ -2610,12 +2629,12 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
-  .overflow-y-hidden {
-    overflow-y: hidden;
-  }
   .overscroll-contain {
     overscroll-behavior: contain;
   }
+  .\!rounded-none {
+    border-radius: var(--radius-none) !important;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -2911,6 +2930,12 @@
   .border-transparent {
     border-color: transparent;
   }
+  .border-white\/30 {
+    border-color: color-mix(in srgb, #ffffff 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
+    }
+  }
   .border-yellow-200 {
     border-color: var(--color-yellow-200);
   }
@@ -3031,6 +3056,9 @@
   .bg-border-muted {
     background-color: var(--color-border-muted);
   }
+  .bg-brand-light {
+    background-color: var(--color-brand-light);
+  }
   .bg-brand-primary {
     background-color: var(--color-brand-primary);
   }
@@ -3808,21 +3836,51 @@
   .text-brand-primary {
     color: var(--color-brand-primary);
   }
+  .text-brand-primary\/90 {
+    color: color-mix(in srgb, #444ae1 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-brand-primary) 90%, transparent);
+    }
+  }
   .text-current {
     color: currentcolor;
   }
   .text-feedback-error-text {
     color: var(--color-feedback-error-text);
   }
+  .text-feedback-error-text\/90 {
+    color: color-mix(in srgb, #b91c1c 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-feedback-error-text) 90%, transparent);
+    }
+  }
   .text-feedback-info-text {
     color: var(--color-feedback-info-text);
   }
+  .text-feedback-info-text\/90 {
+    color: color-mix(in srgb, #2563eb 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-feedback-info-text) 90%, transparent);
+    }
+  }
   .text-feedback-success-text {
     color: var(--color-feedback-success-text);
   }
+  .text-feedback-success-text\/90 {
+    color: color-mix(in srgb, #065f46 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-feedback-success-text) 90%, transparent);
+    }
+  }
   .text-feedback-warning-text {
     color: var(--color-feedback-warning-text);
   }
+  .text-feedback-warning-text\/90 {
+    color: color-mix(in srgb, #92400e 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-feedback-warning-text) 90%, transparent);
+    }
+  }
   .text-gray-300 {
     color: var(--color-gray-300);
   }
@@ -3952,6 +4010,12 @@
   .text-white {
     color: var(--color-white);
   }
+  .text-white\/90 {
+    color: color-mix(in srgb, #ffffff 90%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-white) 90%, transparent);
+    }
+  }
   .text-yellow-500 {
     color: var(--color-yellow-500);
   }
@@ -3996,6 +4060,9 @@
       text-decoration-color: color-mix(in oklab, var(--color-text-link-default) 30%, transparent);
     }
   }
+  .decoration-dotted {
+    text-decoration-style: dotted;
+  }
   .decoration-1 {
     text-decoration-thickness: 1px;
   }
@@ -4127,6 +4194,9 @@
       --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
     }
   }
+  .ring-border-default {
+    --tw-ring-color: var(--color-border-default);
+  }
   .ring-border-muted {
     --tw-ring-color: var(--color-border-muted);
   }
@@ -4806,6 +4876,26 @@
       }
     }
   }
+  .hover\:bg-white\/10 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #ffffff 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-white\/90 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #ffffff 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+        }
+      }
+    }
+  }
   .hover\:font-semibold {
     &:hover {
       @media (hover: hover) {
@@ -4866,6 +4956,16 @@
       }
     }
   }
+  .hover\:text-white\/80 {
+    &:hover {
+      @media (hover: hover) {
+        color: color-mix(in srgb, #ffffff 80%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          color: color-mix(in oklab, var(--color-white) 80%, transparent);
+        }
+      }
+    }
+  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -5049,6 +5149,11 @@
       outline-style: none;
     }
   }
+  .active\:bg-background-muted {
+    &:active {
+      background-color: var(--color-background-muted);
+    }
+  }
   .disabled\:cursor-not-allowed {
     &:disabled {
       cursor: not-allowed;
@@ -5255,6 +5360,16 @@
       grid-column: 1 / -1;
     }
   }
+  .sm\:block {
+    @media (width >= 40rem) {
+      display: block;
+    }
+  }
+  .sm\:flex {
+    @media (width >= 40rem) {
+      display: flex;
+    }
+  }
   .sm\:grid {
     @media (width >= 40rem) {
       display: grid;
@@ -5265,6 +5380,11 @@
       display: none;
     }
   }
+  .sm\:inline {
+    @media (width >= 40rem) {
+      display: inline;
+    }
+  }
   .sm\:max-w-\[300px\] {
     @media (width >= 40rem) {
       max-width: 300px;
@@ -6252,11 +6372,6 @@
       color: var(--color-blue-200);
     }
   }
-  .dark\:text-gray-100 {
-    @media (prefers-color-scheme: dark) {
-      color: var(--color-gray-100);
-    }
-  }
   .dark\:text-gray-300 {
     @media (prefers-color-scheme: dark) {
       color: var(--color-gray-300);

package/dist/utilities.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.19.1",
-  "generatedAt": "2025-11-13T15:17:14.791Z",
+  "version": "1.20.0",
+  "generatedAt": "2025-11-14T21:18:25.919Z",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",

package/package.json

@@ -1,174 +1,176 @@
 {
-  "name": "@texturehq/edges",
-  "version": "1.19.1",
-  "author": "Nicholas Brown <nick@texturehq.com>",
-  "description": "A shared component library for Texture",
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "sideEffects": false,
-  "files": [
-    "dist/**",
-    "templates/**",
-    "scripts/**"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "react-server": "./dist/server.js",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./server": {
-      "types": "./dist/server.d.ts",
-      "import": "./dist/server.js",
-      "default": "./dist/server.js"
-    },
-    "./rhf": {
-      "types": "./dist/rhf/index.d.ts",
-      "import": "./dist/rhf/index.js",
-      "default": "./dist/rhf/index.js"
-    },
-    "./form": {
-      "types": "./dist/form/index.d.ts",
-      "import": "./dist/form/index.js",
-      "default": "./dist/form/index.js"
-    },
-    "./styles.css": "./dist/styles.css",
-    "./dist/styles.css": "./dist/styles.css",
-    "./theme.css": "./dist/theme.css",
-    "./dist/theme.css": "./dist/theme.css"
-  },
-  "scripts": {
-    "dev": "yarn watch",
-    "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-edges-docs.js",
-    "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'",
-    "tokens:validate": "node scripts/validate-tokens.js",
-    "build:yalc": "yarn build && npx yalc publish && npx yalc push",
-    "dev:yalc": "yarn build && npx yalc publish && npx yalc push && echo 'Package updated! Run in target project: yarn install && yarn dev'",
-    "dev:yalc:force": "yarn build && npx yalc publish && npx yalc push && echo 'Package updated! Run in target project: rm -rf .vite && yarn cache clean && yarn dev --force'",
-    "clean": "rm -rf dist",
-    "lint": "biome check src/",
-    "lint:quiet": "biome check --reporter=github src/",
-    "lint:fix": "biome check --write src/",
-    "format": "biome format --write src/",
-    "format:check": "biome format src/",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "test:ui": "vitest --ui",
-    "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": {
-    "@hookform/resolvers": "^3.x",
-    "next": "*",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-hook-form": "^7.x",
-    "zod": "^3.x"
-  },
-  "peerDependenciesMeta": {
-    "@hookform/resolvers": {
-      "optional": true
-    },
-    "react-hook-form": {
-      "optional": true
-    },
-    "zod": {
-      "optional": true
-    }
-  },
-  "dependencies": {
-    "@phosphor-icons/react": "^2.1.7",
-    "@tanstack/react-virtual": "^3.13.12",
-    "@tiptap/core": "^3.4.5",
-    "@tiptap/extension-link": "^3.4.5",
-    "@tiptap/pm": "^3.4.5",
-    "@tiptap/react": "^3.4.5",
-    "@tiptap/starter-kit": "^3.4.5",
-    "@types/react-map-gl": "6.1.6",
-    "@visx/axis": "^3.10.1",
-    "@visx/brush": "^3.12.0",
-    "@visx/curve": "^3.3.0",
-    "@visx/drag": "^3.12.0",
-    "@visx/event": "^3.3.0",
-    "@visx/gradient": "^3.3.0",
-    "@visx/pattern": "^3.12.0",
-    "@visx/responsive": "^3.10.2",
-    "@visx/scale": "^3.5.0",
-    "@visx/shape": "^3.5.0",
-    "@visx/tooltip": "^3.3.0",
-    "@visx/zoom": "^3.12.0",
-    "ace-builds": "^1.43.3",
-    "d3-array": "^3.2.4",
-    "date-fns": "^4.1.0",
-    "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",
-    "next-intl": "^4.0.2",
-    "papaparse": "^5.5.3",
-    "react-ace": "^14.0.1",
-    "react-aria-components": "^1.7.1",
-    "react-colorful": "^5.6.1",
-    "react-map-gl": "7.1.7",
-    "react-stately": "^3.35.0",
-    "tailwind-merge": "^3.2.0"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "^2.2.4",
-    "@hookform/resolvers": "^3.9.0",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-interactions": "^8.6.14",
-    "@storybook/addon-styling-webpack": "^1.0.1",
-    "@storybook/addon-themes": "^8.6.14",
-    "@storybook/blocks": "^8.6.14",
-    "@storybook/react": "^8.6.14",
-    "@storybook/react-vite": "^8.6.14",
-    "@storybook/test": "^8.6.14",
-    "@tailwindcss/postcss": "^4.1.14",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@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": "^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",
-    "acorn": "^8.15.0",
-    "acorn-jsx": "^5.3.2",
-    "autoprefixer": "^10.4.19",
-    "jsdom": "^24.0.0",
-    "postcss": "^8.5.6",
-    "postcss-cli": "^11.0.0",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "react-hook-form": "^7.53.0",
-    "storybook": "^8.6.14",
-    "style-dictionary": "^5.0.4",
-    "tailwindcss": "^4.1.14",
-    "tsup": "^8.0.2",
-    "typescript": "~5.9.2",
-    "vite": "^5.1.6",
-    "vite-plugin-svgr": "^4.3.0",
-    "vitest": "^3.1.1",
-    "yalc": "^1.0.0-pre.53",
-    "zod": "^3.23.8"
-  }
+	"name": "@texturehq/edges",
+	"version": "1.20.0",
+	"author": "Nicholas Brown <nick@texturehq.com>",
+	"description": "A shared component library for Texture",
+	"type": "module",
+	"main": "./dist/index.js",
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"sideEffects": false,
+	"files": [
+		"dist/**",
+		"templates/**",
+		"scripts/**"
+	],
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"react-server": "./dist/server.js",
+			"import": "./dist/index.js",
+			"default": "./dist/index.js"
+		},
+		"./server": {
+			"types": "./dist/server.d.ts",
+			"import": "./dist/server.js",
+			"default": "./dist/server.js"
+		},
+		"./rhf": {
+			"types": "./dist/rhf/index.d.ts",
+			"import": "./dist/rhf/index.js",
+			"default": "./dist/rhf/index.js"
+		},
+		"./form": {
+			"types": "./dist/form/index.d.ts",
+			"import": "./dist/form/index.js",
+			"default": "./dist/form/index.js"
+		},
+		"./styles.css": "./dist/styles.css",
+		"./dist/styles.css": "./dist/styles.css",
+		"./theme.css": "./dist/theme.css",
+		"./dist/theme.css": "./dist/theme.css"
+	},
+	"scripts": {
+		"dev": "yarn watch",
+		"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-edges-docs.js",
+		"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'",
+		"tokens:validate": "node scripts/validate-tokens.js",
+		"build:yalc": "yarn build && npx yalc publish && npx yalc push",
+		"dev:yalc": "yarn build && npx yalc publish && npx yalc push && echo 'Package updated! Run in target project: yarn install && yarn dev'",
+		"dev:yalc:force": "yarn build && npx yalc publish && npx yalc push && echo 'Package updated! Run in target project: rm -rf .vite && yarn cache clean && yarn dev --force'",
+		"clean": "rm -rf dist",
+		"lint": "biome check src/",
+		"lint:quiet": "biome check --reporter=github src/",
+		"lint:fix": "biome check --write src/",
+		"format": "biome format --write src/",
+		"format:check": "biome format src/",
+		"test": "vitest run",
+		"test:watch": "vitest",
+		"test:coverage": "vitest run --coverage",
+		"test:ui": "vitest --ui",
+		"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": {
+		"@hookform/resolvers": "^3.x",
+		"next": "*",
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0",
+		"react-hook-form": "^7.x",
+		"zod": "^3.x"
+	},
+	"peerDependenciesMeta": {
+		"@hookform/resolvers": {
+			"optional": true
+		},
+		"react-hook-form": {
+			"optional": true
+		},
+		"zod": {
+			"optional": true
+		}
+	},
+	"dependencies": {
+		"@phosphor-icons/react": "^2.1.7",
+		"@tanstack/react-virtual": "^3.13.12",
+		"@tiptap/core": "^3.4.5",
+		"@tiptap/extension-link": "^3.4.5",
+		"@tiptap/pm": "^3.4.5",
+		"@tiptap/react": "^3.4.5",
+		"@tiptap/starter-kit": "^3.4.5",
+		"@types/react-map-gl": "6.1.6",
+		"@visx/axis": "^3.10.1",
+		"@visx/brush": "^3.12.0",
+		"@visx/curve": "^3.3.0",
+		"@visx/drag": "^3.12.0",
+		"@visx/event": "^3.3.0",
+		"@visx/gradient": "^3.3.0",
+		"@visx/pattern": "^3.12.0",
+		"@visx/responsive": "^3.10.2",
+		"@visx/scale": "^3.5.0",
+		"@visx/shape": "^3.5.0",
+		"@visx/tooltip": "^3.3.0",
+		"@visx/zoom": "^3.12.0",
+		"ace-builds": "^1.43.3",
+		"chance": "^1.1.13",
+		"d3-array": "^3.2.4",
+		"date-fns": "^4.1.0",
+		"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",
+		"next-intl": "^4.0.2",
+		"papaparse": "^5.5.3",
+		"react-ace": "^14.0.1",
+		"react-aria-components": "^1.7.1",
+		"react-colorful": "^5.6.1",
+		"react-map-gl": "7.1.7",
+		"react-stately": "^3.35.0",
+		"tailwind-merge": "^3.2.0"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "^2.2.4",
+		"@hookform/resolvers": "^3.9.0",
+		"@storybook/addon-essentials": "^8.6.14",
+		"@storybook/addon-interactions": "^8.6.14",
+		"@storybook/addon-styling-webpack": "^1.0.1",
+		"@storybook/addon-themes": "^8.6.14",
+		"@storybook/blocks": "^8.6.14",
+		"@storybook/react": "^8.6.14",
+		"@storybook/react-vite": "^8.6.14",
+		"@storybook/test": "^8.6.14",
+		"@tailwindcss/postcss": "^4.1.14",
+		"@testing-library/dom": "^10.4.0",
+		"@testing-library/jest-dom": "^6.4.2",
+		"@testing-library/react": "^16.3.0",
+		"@testing-library/user-event": "^14.5.2",
+		"@types/chance": "^1.1.7",
+		"@types/file-saver": "^2.0.7",
+		"@types/luxon": "^3.7.1",
+		"@types/node": "^20.11.30",
+		"@types/papaparse": "^5.3.16",
+		"@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",
+		"acorn": "^8.15.0",
+		"acorn-jsx": "^5.3.2",
+		"autoprefixer": "^10.4.19",
+		"jsdom": "^24.0.0",
+		"postcss": "^8.5.6",
+		"postcss-cli": "^11.0.0",
+		"react": "19.2.0",
+		"react-dom": "19.2.0",
+		"react-hook-form": "^7.53.0",
+		"storybook": "^8.6.14",
+		"style-dictionary": "^5.0.4",
+		"tailwindcss": "^4.1.14",
+		"tsup": "^8.0.2",
+		"typescript": "~5.9.2",
+		"vite": "^5.1.6",
+		"vite-plugin-svgr": "^4.3.0",
+		"vitest": "^3.1.1",
+		"yalc": "^1.0.0-pre.53",
+		"zod": "^3.23.8"
+	}
 }