@lateralus-ai/shipping-ui 2.0.0-dev.3 → 2.0.0-dev.4

package/dist/tailwind-theme.d.ts

@@ -233,10 +233,10 @@ export declare const theme: {
             };
         };
         accent: {
-            onLight: string;
-            onDark: string;
-            bgLight: string;
-            bgLighter: string;
+            "on-light": string;
+            "on-dark": string;
+            "bg-light": string;
+            "bg-lighter": string;
         };
         divider: {
             primary: string;

package/dist/{theme-entry-CxDa1D0_.mjs → theme-entry-BUK3MJUJ.mjs}

@@ -214,10 +214,10 @@ const o = {
       }
     },
     accent: {
-      onLight: "var(--accent-on-light)",
-      onDark: "var(--accent-on-dark)",
-      bgLight: "var(--accent-bg-light)",
-      bgLighter: "var(--accent-bg-lighter)"
+      "on-light": "var(--accent-on-light)",
+      "on-dark": "var(--accent-on-dark)",
+      "bg-light": "var(--accent-bg-light)",
+      "bg-lighter": "var(--accent-bg-lighter)"
     },
     divider: {
       primary: "var(--divider-primary)",

package/dist/{theme-entry-D2X3Ptjf.js → theme-entry-ygTpGaNC.js}

@@ -1 +1 @@
-"use strict";const n={50:"#fdfdfc",100:"#f4f2ea",200:"#e1ddce",300:"#bfb9a5",400:"#969080",500:"#6e6960",600:"#524e47",700:"#3a3733",800:"#312e2a",900:"#262420"},o={50:"#f5f8f2",100:"#dde6d2",200:"#c5d4b3",300:"#a8bf8f",400:"#7a9a5e",500:"#5a7a42",600:"#456332",700:"#304624",800:"#223018",900:"#141c0e"},d={50:"#eef1f8",100:"#dae0ef",200:"#b8c4e0",300:"#8fa3cc",400:"#5274ae",500:"#3a5d96",600:"#154199",700:"#103480",800:"#0c2860",900:"#081c42"},c={50:"#faf3f1",100:"#f0d3cc",200:"#e4b0a5",300:"#c97a6b",400:"#b85a48",500:"#a0392a",600:"#802c20",700:"#621f16",800:"#45150f",900:"#2a0c08"},l={50:"#faf1de",100:"#f5e4c0",200:"#efd49a",300:"#e4bc6a",400:"#d9a03e",500:"#c48820",600:"#8f6318",700:"#5a3d0d",800:"#3d2a09",900:"#261a05"},s={50:"#f6f2f8",100:"#e2d9e8",200:"#cbbad6",300:"#b09bc3",400:"#957cb0",500:"#7a5d9d",600:"#5e4680",700:"#3d2e4a",800:"#2a2033",900:"#18121c"},p="#ffffff",a={grey:n,green:o,blue:d,red:c,orange:l,purple:s},t={raise1:"0 1px 2px rgba(38, 36, 32, 0.06), 0 1px 3px rgba(38, 36, 32, 0.04)",raise2:"0 2px 8px rgba(38, 36, 32, 0.08), 0 1px 2px rgba(38, 36, 32, 0.04)",raise3:"0 8px 24px rgba(38, 36, 32, 0.12), 0 2px 8px rgba(38, 36, 32, 0.06)"},r={control:"8px",lg:"8px",md:"6px",sm:"4px"},e=(v,i)=>[v,{lineHeight:i.lineHeight,letterSpacing:i.letterSpacing,...i.fontWeight?{fontWeight:String(i.fontWeight)}:{}}],g={fontFamily:{heading:['"TRY Vesterbro"',"Libre Baskerville","Georgia","serif"],sans:['"Matter-TRIAL"',"DM Sans","system-ui","sans-serif"],mono:["Roboto Mono","monospace"]},fontSize:{title:e("28px",{lineHeight:"34px",letterSpacing:"-0.02em"}),"title-em":e("28px",{lineHeight:"34px",letterSpacing:"-0.02em",fontWeight:500}),heading:e("22px",{lineHeight:"28px",letterSpacing:"0",fontWeight:500}),subheader:e("18px",{lineHeight:"28px",letterSpacing:"-0.01em"}),"subheader-em":e("18px",{lineHeight:"28px",letterSpacing:"-0.01em",fontWeight:500}),body:e("16px",{lineHeight:"24px",letterSpacing:"-0.01em"}),"body-em":e("16px",{lineHeight:"24px",letterSpacing:"-0.01em",fontWeight:500}),"caption-1":e("16px",{lineHeight:"22px",letterSpacing:"0.02em"}),"caption-1-em":e("16px",{lineHeight:"22px",letterSpacing:"0.02em",fontWeight:500}),"caption-2":e("14px",{lineHeight:"20px",letterSpacing:"0.01em"}),"caption-2-em":e("14px",{lineHeight:"20px",letterSpacing:"0.01em",fontWeight:500}),footnote:e("13px",{lineHeight:"17px",letterSpacing:"0"}),"footnote-em":e("13px",{lineHeight:"17px",letterSpacing:"0",fontWeight:500})},boxShadow:{raise1:t.raise1,raise2:t.raise2,raise3:t.raise3},borderRadius:{control:r.control,lg:r.lg,md:r.md,sm:r.sm},colors:{grey:a.grey,gray:a.grey,green:a.green,blue:a.blue,red:a.red,orange:a.orange,purple:a.purple,white:"#ffffff",action:{primary:{idle:"var(--action-primary-idle)","on-idle":"var(--action-primary-on-idle)",hover:"var(--action-primary-hover)","on-hover":"var(--action-primary-on-hover)",disabled:"var(--action-primary-disabled)","on-disabled":"var(--action-primary-on-disabled)"},secondary:{idle:"var(--action-secondary-idle)","on-idle":"var(--action-secondary-on-idle)",hover:"var(--action-secondary-hover)","on-hover":"var(--action-secondary-on-hover)",disabled:"var(--action-secondary-disabled)","on-disabled":"var(--action-secondary-on-disabled)"},tertiary:{idle:"var(--action-tertiary-idle)","on-idle":"var(--action-tertiary-on-idle)",hover:"var(--action-tertiary-hover)","on-hover":"var(--action-tertiary-on-hover)",disabled:"var(--action-tertiary-disabled)","on-disabled":"var(--action-tertiary-on-disabled)"},quaternary:{idle:"var(--action-quaternary-idle)","on-idle":"var(--action-quaternary-on-idle)",hover:"var(--action-quaternary-hover)","on-hover":"var(--action-quaternary-on-hover)",disabled:"var(--action-quaternary-disabled)","on-disabled":"var(--action-quaternary-on-disabled)"},destructive:{idle:"var(--action-destructive-idle)","on-idle":"var(--action-destructive-on-idle)",hover:"var(--action-destructive-hover)","on-hover":"var(--action-destructive-on-hover)",disabled:"var(--action-destructive-disabled)","on-disabled":"var(--action-destructive-on-disabled)"}},background:{primary:"var(--background-primary)",secondary:"var(--background-secondary)",tertiary:"var(--background-tertiary)",hover:"var(--background-hover)",selected:"var(--background-selected)",overlay:"var(--background-overlay)"},display:{"on-light":{primary:"var(--display-on-light-primary)",secondary:"var(--display-on-light-secondary)",tertiary:"var(--display-on-light-tertiary)",quaternary:"var(--display-on-light-quaternary)"},"on-dark":{primary:"var(--display-on-dark-primary)",secondary:"var(--display-on-dark-secondary)",tertiary:"var(--display-on-dark-tertiary)",quaternary:"var(--display-on-dark-quaternary)"}},accent:{onLight:"var(--accent-on-light)",onDark:"var(--accent-on-dark)",bgLight:"var(--accent-bg-light)",bgLighter:"var(--accent-bg-lighter)"},divider:{primary:"var(--divider-primary)",secondary:"var(--divider-secondary)"},meta:{green:"var(--meta-green)",onGreen:"var(--meta-on-green)",orange:"var(--meta-orange)",onOrange:"var(--meta-on-orange)",red:"var(--meta-red)",onRed:"var(--meta-on-red)",blue:"var(--meta-blue)",onBlue:"var(--meta-on-blue)",purple:"var(--meta-purple)",onPurple:"var(--meta-on-purple)"},"text-primary":"var(--display-on-light-primary)","text-secondary":"var(--display-on-light-secondary)","text-tertiary":"var(--display-on-light-tertiary)","surface-primary":"var(--background-primary)","surface-secondary":"var(--background-secondary)","surface-hover":"var(--background-secondary)","border-light":"var(--divider-primary)","border-medium":"var(--divider-secondary)"}};exports.blue=d;exports.borderRadius=r;exports.colorScales=a;exports.elevation=t;exports.green=o;exports.grey=n;exports.orange=l;exports.purple=s;exports.red=c;exports.theme=g;exports.white=p;
+"use strict";const n={50:"#fdfdfc",100:"#f4f2ea",200:"#e1ddce",300:"#bfb9a5",400:"#969080",500:"#6e6960",600:"#524e47",700:"#3a3733",800:"#312e2a",900:"#262420"},o={50:"#f5f8f2",100:"#dde6d2",200:"#c5d4b3",300:"#a8bf8f",400:"#7a9a5e",500:"#5a7a42",600:"#456332",700:"#304624",800:"#223018",900:"#141c0e"},d={50:"#eef1f8",100:"#dae0ef",200:"#b8c4e0",300:"#8fa3cc",400:"#5274ae",500:"#3a5d96",600:"#154199",700:"#103480",800:"#0c2860",900:"#081c42"},c={50:"#faf3f1",100:"#f0d3cc",200:"#e4b0a5",300:"#c97a6b",400:"#b85a48",500:"#a0392a",600:"#802c20",700:"#621f16",800:"#45150f",900:"#2a0c08"},l={50:"#faf1de",100:"#f5e4c0",200:"#efd49a",300:"#e4bc6a",400:"#d9a03e",500:"#c48820",600:"#8f6318",700:"#5a3d0d",800:"#3d2a09",900:"#261a05"},s={50:"#f6f2f8",100:"#e2d9e8",200:"#cbbad6",300:"#b09bc3",400:"#957cb0",500:"#7a5d9d",600:"#5e4680",700:"#3d2e4a",800:"#2a2033",900:"#18121c"},p="#ffffff",a={grey:n,green:o,blue:d,red:c,orange:l,purple:s},t={raise1:"0 1px 2px rgba(38, 36, 32, 0.06), 0 1px 3px rgba(38, 36, 32, 0.04)",raise2:"0 2px 8px rgba(38, 36, 32, 0.08), 0 1px 2px rgba(38, 36, 32, 0.04)",raise3:"0 8px 24px rgba(38, 36, 32, 0.12), 0 2px 8px rgba(38, 36, 32, 0.06)"},r={control:"8px",lg:"8px",md:"6px",sm:"4px"},e=(v,i)=>[v,{lineHeight:i.lineHeight,letterSpacing:i.letterSpacing,...i.fontWeight?{fontWeight:String(i.fontWeight)}:{}}],g={fontFamily:{heading:['"TRY Vesterbro"',"Libre Baskerville","Georgia","serif"],sans:['"Matter-TRIAL"',"DM Sans","system-ui","sans-serif"],mono:["Roboto Mono","monospace"]},fontSize:{title:e("28px",{lineHeight:"34px",letterSpacing:"-0.02em"}),"title-em":e("28px",{lineHeight:"34px",letterSpacing:"-0.02em",fontWeight:500}),heading:e("22px",{lineHeight:"28px",letterSpacing:"0",fontWeight:500}),subheader:e("18px",{lineHeight:"28px",letterSpacing:"-0.01em"}),"subheader-em":e("18px",{lineHeight:"28px",letterSpacing:"-0.01em",fontWeight:500}),body:e("16px",{lineHeight:"24px",letterSpacing:"-0.01em"}),"body-em":e("16px",{lineHeight:"24px",letterSpacing:"-0.01em",fontWeight:500}),"caption-1":e("16px",{lineHeight:"22px",letterSpacing:"0.02em"}),"caption-1-em":e("16px",{lineHeight:"22px",letterSpacing:"0.02em",fontWeight:500}),"caption-2":e("14px",{lineHeight:"20px",letterSpacing:"0.01em"}),"caption-2-em":e("14px",{lineHeight:"20px",letterSpacing:"0.01em",fontWeight:500}),footnote:e("13px",{lineHeight:"17px",letterSpacing:"0"}),"footnote-em":e("13px",{lineHeight:"17px",letterSpacing:"0",fontWeight:500})},boxShadow:{raise1:t.raise1,raise2:t.raise2,raise3:t.raise3},borderRadius:{control:r.control,lg:r.lg,md:r.md,sm:r.sm},colors:{grey:a.grey,gray:a.grey,green:a.green,blue:a.blue,red:a.red,orange:a.orange,purple:a.purple,white:"#ffffff",action:{primary:{idle:"var(--action-primary-idle)","on-idle":"var(--action-primary-on-idle)",hover:"var(--action-primary-hover)","on-hover":"var(--action-primary-on-hover)",disabled:"var(--action-primary-disabled)","on-disabled":"var(--action-primary-on-disabled)"},secondary:{idle:"var(--action-secondary-idle)","on-idle":"var(--action-secondary-on-idle)",hover:"var(--action-secondary-hover)","on-hover":"var(--action-secondary-on-hover)",disabled:"var(--action-secondary-disabled)","on-disabled":"var(--action-secondary-on-disabled)"},tertiary:{idle:"var(--action-tertiary-idle)","on-idle":"var(--action-tertiary-on-idle)",hover:"var(--action-tertiary-hover)","on-hover":"var(--action-tertiary-on-hover)",disabled:"var(--action-tertiary-disabled)","on-disabled":"var(--action-tertiary-on-disabled)"},quaternary:{idle:"var(--action-quaternary-idle)","on-idle":"var(--action-quaternary-on-idle)",hover:"var(--action-quaternary-hover)","on-hover":"var(--action-quaternary-on-hover)",disabled:"var(--action-quaternary-disabled)","on-disabled":"var(--action-quaternary-on-disabled)"},destructive:{idle:"var(--action-destructive-idle)","on-idle":"var(--action-destructive-on-idle)",hover:"var(--action-destructive-hover)","on-hover":"var(--action-destructive-on-hover)",disabled:"var(--action-destructive-disabled)","on-disabled":"var(--action-destructive-on-disabled)"}},background:{primary:"var(--background-primary)",secondary:"var(--background-secondary)",tertiary:"var(--background-tertiary)",hover:"var(--background-hover)",selected:"var(--background-selected)",overlay:"var(--background-overlay)"},display:{"on-light":{primary:"var(--display-on-light-primary)",secondary:"var(--display-on-light-secondary)",tertiary:"var(--display-on-light-tertiary)",quaternary:"var(--display-on-light-quaternary)"},"on-dark":{primary:"var(--display-on-dark-primary)",secondary:"var(--display-on-dark-secondary)",tertiary:"var(--display-on-dark-tertiary)",quaternary:"var(--display-on-dark-quaternary)"}},accent:{"on-light":"var(--accent-on-light)","on-dark":"var(--accent-on-dark)","bg-light":"var(--accent-bg-light)","bg-lighter":"var(--accent-bg-lighter)"},divider:{primary:"var(--divider-primary)",secondary:"var(--divider-secondary)"},meta:{green:"var(--meta-green)",onGreen:"var(--meta-on-green)",orange:"var(--meta-orange)",onOrange:"var(--meta-on-orange)",red:"var(--meta-red)",onRed:"var(--meta-on-red)",blue:"var(--meta-blue)",onBlue:"var(--meta-on-blue)",purple:"var(--meta-purple)",onPurple:"var(--meta-on-purple)"},"text-primary":"var(--display-on-light-primary)","text-secondary":"var(--display-on-light-secondary)","text-tertiary":"var(--display-on-light-tertiary)","surface-primary":"var(--background-primary)","surface-secondary":"var(--background-secondary)","surface-hover":"var(--background-secondary)","border-light":"var(--divider-primary)","border-medium":"var(--divider-secondary)"}};exports.blue=d;exports.borderRadius=r;exports.colorScales=a;exports.elevation=t;exports.green=o;exports.grey=n;exports.orange=l;exports.purple=s;exports.red=c;exports.theme=g;exports.white=p;

package/dist/theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme-entry-D2X3Ptjf.js");exports.tailwindTheme=e.theme;exports.theme=e.theme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./theme-entry-ygTpGaNC.js");exports.tailwindTheme=e.theme;exports.theme=e.theme;

package/dist/theme.esm.js

@@ -1,4 +1,4 @@
-import { t as a, t as m } from "./theme-entry-CxDa1D0_.mjs";
+import { t as a, t as m } from "./theme-entry-BUK3MJUJ.mjs";
 export {
   a as tailwindTheme,
   m as theme

package/package.json

@@ -1,128 +1,128 @@
-{
-  "name": "@lateralus-ai/shipping-ui",
-  "version": "2.0.0-dev.3",
-  "description": "Shared UI theme and components for Lateralus shipping applications",
-  "main": "dist/index.cjs",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
-  "exports": {
-    ".": {
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
-    },
-    "./theme": {
-      "import": "./dist/theme.esm.js",
-      "require": "./dist/theme.cjs",
-      "types": "./dist/theme-entry.d.ts"
-    },
-    "./style.css": "./dist/style.css",
-    "./css": "./dist/style.css",
-    "./dist/style.css": "./dist/style.css",
-    "./tailwind": "./dist/theme.cjs"
-  },
-  "files": [
-    "dist",
-    "lib",
-    "src",
-    "tailwind.config.ts"
-  ],
-  "scripts": {
-    "dev": "storybook dev -p 6006",
-    "build": "npx rimraf ./dist && vite build",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test:visual": "playwright test",
-    "test:visual:ci": "npm run build-storybook && playwright test",
-    "test:visual:update": "playwright test --update-snapshots",
-    "test:visual:icons": "node scripts/figma-icons-baseline.mjs --check && playwright test tests/visual/icons-figma.spec.ts",
-    "test:visual:sidebar": "node scripts/figma-sidebar-baseline.mjs --target subcomponents --check && node scripts/figma-sidebar-baseline.mjs --target layouts --check && playwright test tests/visual/sidebar-figma.spec.ts tests/visual/sidebar-layouts-figma.spec.ts",
-    "figma:baseline:icons": "node scripts/figma-icons-baseline.mjs",
-    "figma:baseline:icons:check": "node scripts/figma-icons-baseline.mjs --check",
-    "figma:baseline:sidebar": "node scripts/figma-sidebar-baseline.mjs --target subcomponents",
-    "figma:baseline:sidebar:layouts": "node scripts/figma-sidebar-baseline.mjs --target layouts",
-    "figma:baseline:sidebar:check": "node scripts/figma-sidebar-baseline.mjs --check",
-    "postinstall": "playwright install chromium",
-    "release": "npx release-it",
-    "release:dev:init": "npx release-it --config .release-it.dev.json major --preRelease=dev",
-    "release:dev:init:publish": "npx release-it --config .release-it.dev.json --no-hooks.before:init major --preRelease=dev",
-    "release:dev": "npx release-it --config .release-it.dev.json --preRelease=dev",
-    "release:dev:publish": "npx release-it --config .release-it.dev.json --no-hooks.before:init --preRelease=dev"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/lateralus-ai/shipping-ui.git"
-  },
-  "keywords": [
-    "tailwind",
-    "askchief",
-    "design-system",
-    "theme",
-    "shipping",
-    "storybook"
-  ],
-  "author": "Lateralus AI",
-  "license": "UNLICENSED",
-  "bugs": {
-    "url": "https://github.com/lateralus-ai/shipping-ui/issues"
-  },
-  "homepage": "https://github.com/lateralus-ai/shipping-ui#readme",
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.6.1",
-    "@playwright/test": "^1.49.0",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-vite": "^8.2.9",
-    "@types/pngjs": "^6.0.5",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@uidotdev/usehooks": "^2.4.1",
-    "@vitejs/plugin-react": "^4.2.1",
-    "ai": "^5.0.59",
-    "autoprefixer": "^10.4.16",
-    "clsx": "^1.2.0",
-    "pixelmatch": "^5.3.0",
-    "pngjs": "^7.0.0",
-    "postcss": "^8.4.32",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "release-it": "^19.0.5",
-    "serve": "^14.2.4",
-    "sharp": "^0.33.5",
-    "storybook": "^8.2.9",
-    "tailwind-merge": "^1.9.0",
-    "tailwindcss": "^3.4.0",
-    "tailwindcss-animate": "^1.0.7",
-    "tailwindcss-radix": "^3.0.3",
-    "typescript": "^5.3.3",
-    "vite": "^5.0.10",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-textarea-autosize": "^8.5.9"
-  },
-  "dependencies": {
-    "@radix-ui/react-dialog": "^1.1.19",
-    "@radix-ui/react-dropdown-menu": "^2.1.20",
-    "@radix-ui/react-tabs": "^1.1.17",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@react-hooks-library/core": "^0.6.2",
-    "docx-preview": "^0.3.7",
-    "docxtemplater": "^3.66.6",
-    "pizzip": "^3.2.0",
-    "react-hotkeys-hook": "^5.1.0",
-    "react-pdf": "^10.1.0",
-    "react-router": "^7.9.3"
-  },
-  "sideEffects": [
-    "dist/style.css"
-  ]
-}
+{
+  "name": "@lateralus-ai/shipping-ui",
+  "version": "2.0.0-dev.4",
+  "description": "Shared UI theme and components for Lateralus shipping applications",
+  "main": "dist/index.cjs",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./theme": {
+      "import": "./dist/theme.esm.js",
+      "require": "./dist/theme.cjs",
+      "types": "./dist/theme-entry.d.ts"
+    },
+    "./style.css": "./dist/style.css",
+    "./css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css",
+    "./tailwind": "./dist/theme.cjs"
+  },
+  "files": [
+    "dist",
+    "lib",
+    "src",
+    "tailwind.config.ts"
+  ],
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "npx rimraf ./dist && vite build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test:visual": "playwright test",
+    "test:visual:ci": "npm run build-storybook && playwright test",
+    "test:visual:update": "playwright test --update-snapshots",
+    "test:visual:icons": "node scripts/figma-icons-baseline.mjs --check && playwright test tests/visual/icons-figma.spec.ts",
+    "test:visual:sidebar": "node scripts/figma-sidebar-baseline.mjs --target subcomponents --check && node scripts/figma-sidebar-baseline.mjs --target layouts --check && playwright test tests/visual/sidebar-figma.spec.ts tests/visual/sidebar-layouts-figma.spec.ts",
+    "figma:baseline:icons": "node scripts/figma-icons-baseline.mjs",
+    "figma:baseline:icons:check": "node scripts/figma-icons-baseline.mjs --check",
+    "figma:baseline:sidebar": "node scripts/figma-sidebar-baseline.mjs --target subcomponents",
+    "figma:baseline:sidebar:layouts": "node scripts/figma-sidebar-baseline.mjs --target layouts",
+    "figma:baseline:sidebar:check": "node scripts/figma-sidebar-baseline.mjs --check",
+    "postinstall": "playwright install chromium",
+    "release": "npx release-it",
+    "release:dev:init": "npx release-it --config .release-it.dev.json major --preRelease=dev",
+    "release:dev:init:publish": "npx release-it --config .release-it.dev.json --no-hooks.before:init major --preRelease=dev",
+    "release:dev": "npx release-it --config .release-it.dev.json --preRelease=dev",
+    "release:dev:publish": "npx release-it --config .release-it.dev.json --no-hooks.before:init --preRelease=dev"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lateralus-ai/shipping-ui.git"
+  },
+  "keywords": [
+    "tailwind",
+    "askchief",
+    "design-system",
+    "theme",
+    "shipping",
+    "storybook"
+  ],
+  "author": "Lateralus AI",
+  "license": "UNLICENSED",
+  "bugs": {
+    "url": "https://github.com/lateralus-ai/shipping-ui/issues"
+  },
+  "homepage": "https://github.com/lateralus-ai/shipping-ui#readme",
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.6.1",
+    "@playwright/test": "^1.49.0",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@types/pngjs": "^6.0.5",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@uidotdev/usehooks": "^2.4.1",
+    "@vitejs/plugin-react": "^4.2.1",
+    "ai": "^5.0.59",
+    "autoprefixer": "^10.4.16",
+    "clsx": "^1.2.0",
+    "pixelmatch": "^5.3.0",
+    "pngjs": "^7.0.0",
+    "postcss": "^8.4.32",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "release-it": "^19.0.5",
+    "serve": "^14.2.4",
+    "sharp": "^0.33.5",
+    "storybook": "^8.2.9",
+    "tailwind-merge": "^1.9.0",
+    "tailwindcss": "^3.4.0",
+    "tailwindcss-animate": "^1.0.7",
+    "tailwindcss-radix": "^3.0.3",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-textarea-autosize": "^8.5.9"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.19",
+    "@radix-ui/react-dropdown-menu": "^2.1.20",
+    "@radix-ui/react-tabs": "^1.1.17",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@react-hooks-library/core": "^0.6.2",
+    "docx-preview": "^0.3.7",
+    "docxtemplater": "^3.66.6",
+    "pizzip": "^3.2.0",
+    "react-hotkeys-hook": "^5.1.0",
+    "react-pdf": "^10.1.0",
+    "react-router": "^7.9.3"
+  },
+  "sideEffects": [
+    "dist/style.css"
+  ]
+}

package/src/components/Tabs.tsx

@@ -1,139 +1,140 @@
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import {
-  createContext,
-  forwardRef,
-  useContext,
-  type ComponentPropsWithoutRef,
-  type ElementRef,
-  type ReactNode,
-} from "react";
-import { cn } from "../utils/cn";
-
-export type TabsType = "tabs" | "pills";
-
-type TabsContextValue = {
-  type: TabsType;
-};
-
-const TabsContext = createContext<TabsContextValue>({ type: "tabs" });
-
-export type TabsProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
-  type?: TabsType;
-};
-
-export const Tabs = ({
-  type = "tabs",
-  className,
-  children,
-  ...props
-}: TabsProps) => (
-  <TabsContext.Provider value={{ type }}>
-    <TabsPrimitive.Root
-      className={cn("flex flex-col", className)}
-      data-type={type}
-      {...props}
-    >
-      {children}
-    </TabsPrimitive.Root>
-  </TabsContext.Provider>
-);
-
-export type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
-
-export const TabsList = forwardRef<
-  ElementRef<typeof TabsPrimitive.List>,
-  TabsListProps
->(({ className, ...props }, ref) => {
-  const { type } = useContext(TabsContext);
-
-  return (
-    <TabsPrimitive.List
-      ref={ref}
-      className={cn(
-        "flex items-center",
-        type === "tabs" && "gap-1 border-b border-divider-primary",
-        type === "pills" && "gap-2",
-        className,
-      )}
-      {...props}
-    />
-  );
-});
-TabsList.displayName = TabsPrimitive.List.displayName;
-
-export type TabsTriggerProps = ComponentPropsWithoutRef<
-  typeof TabsPrimitive.Trigger
-> & {
-  /** Optional count badge (pill variant / search filters). */
-  count?: number;
-  children: ReactNode;
-};
-
-export const TabsTrigger = forwardRef<
-  ElementRef<typeof TabsPrimitive.Trigger>,
-  TabsTriggerProps
->(({ className, count, children, ...props }, ref) => {
-  const { type } = useContext(TabsContext);
-
-  return (
-    <TabsPrimitive.Trigger
-      ref={ref}
-      className={cn(
-        "inline-flex items-center justify-center transition-colors outline-none",
-        "disabled:pointer-events-none disabled:opacity-50",
-        type === "tabs" && [
-          "relative px-3 py-2 text-caption-2 text-display-on-light-secondary",
-          "hover:text-display-on-light-primary",
-          "data-[state=active]:text-caption-2-em data-[state=active]:text-display-on-light-primary",
-          "data-[state=active]:after:absolute data-[state=active]:after:inset-x-0 data-[state=active]:after:-bottom-px",
-          "data-[state=active]:after:h-0.5 data-[state=active]:after:rounded-full data-[state=active]:after:bg-grey-900",
-        ],
-        type === "pills" && [
-          "min-h-9 gap-2.5 rounded-full px-3 py-1 text-caption-2-em",
-          "bg-grey-100 text-display-on-light-secondary",
-          "hover:bg-grey-200",
-          "data-[state=active]:bg-accent-bg-light data-[state=active]:text-display-on-light-primary",
-        ],
-        className,
-      )}
-      {...props}
-    >
-      {children}
-      {typeof count === "number" && (
-        <span
-          className={cn(
-            "inline-flex size-6 shrink-0 items-center justify-center rounded-full text-footnote-em",
-            "bg-accent-bg-light text-display-on-light-tertiary",
-          )}
-          aria-label={`Count: ${count}`}
-        >
-          {count > 99 ? "99+" : count}
-        </span>
-      )}
-    </TabsPrimitive.Trigger>
-  );
-});
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-
-export type TabsContentProps = ComponentPropsWithoutRef<
-  typeof TabsPrimitive.Content
->;
-
-export const TabsContent = forwardRef<
-  ElementRef<typeof TabsPrimitive.Content>,
-  TabsContentProps
->(({ className, ...props }, ref) => (
-  <TabsPrimitive.Content
-    ref={ref}
-    className={cn("outline-none", className)}
-    {...props}
-  />
-));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-/** @deprecated Prefer Tabs + TabsTrigger. Kept for Storybook atom demos. */
-export type TabsItem = {
-  label: string;
-  value?: string;
-  count?: number;
-};
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  type ComponentPropsWithoutRef,
+  type ElementRef,
+  type ReactNode,
+} from "react";
+import { cn } from "../utils/cn";
+
+export type TabsType = "tabs" | "pills";
+
+type TabsContextValue = {
+  type: TabsType;
+};
+
+const TabsContext = createContext<TabsContextValue>({ type: "tabs" });
+
+export type TabsProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
+  type?: TabsType;
+};
+
+export const Tabs = ({
+  type = "tabs",
+  className,
+  children,
+  ...props
+}: TabsProps) => (
+  <TabsContext.Provider value={{ type }}>
+    <TabsPrimitive.Root
+      className={cn("flex flex-col", className)}
+      data-type={type}
+      {...props}
+    >
+      {children}
+    </TabsPrimitive.Root>
+  </TabsContext.Provider>
+);
+
+export type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
+
+export const TabsList = forwardRef<
+  ElementRef<typeof TabsPrimitive.List>,
+  TabsListProps
+>(({ className, ...props }, ref) => {
+  const { type } = useContext(TabsContext);
+
+  return (
+    <TabsPrimitive.List
+      ref={ref}
+      className={cn(
+        "flex items-center",
+        type === "tabs" && "gap-1 border-b border-divider-primary",
+        type === "pills" && "gap-2",
+        className,
+      )}
+      {...props}
+    />
+  );
+});
+TabsList.displayName = TabsPrimitive.List.displayName;
+
+export type TabsTriggerProps = ComponentPropsWithoutRef<
+  typeof TabsPrimitive.Trigger
+> & {
+  /** Optional count badge (pill variant / search filters). */
+  count?: number;
+  children: ReactNode;
+};
+
+export const TabsTrigger = forwardRef<
+  ElementRef<typeof TabsPrimitive.Trigger>,
+  TabsTriggerProps
+>(({ className, count, children, ...props }, ref) => {
+  const { type } = useContext(TabsContext);
+
+  return (
+    <TabsPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        "inline-flex items-center justify-center transition-colors outline-none",
+        "disabled:pointer-events-none disabled:opacity-50",
+        type === "tabs" && [
+          "relative px-3 py-2 text-caption-2 text-display-on-light-secondary",
+          "hover:text-display-on-light-primary",
+          "data-[state=active]:text-caption-2-em data-[state=active]:text-display-on-light-primary",
+          "data-[state=active]:after:absolute data-[state=active]:after:inset-x-0 data-[state=active]:after:-bottom-px",
+          "data-[state=active]:after:h-0.5 data-[state=active]:after:rounded-full data-[state=active]:after:bg-grey-900",
+        ],
+        type === "pills" && [
+          "group min-h-9 gap-2.5 rounded-full px-3 py-1 text-caption-2-em",
+          "bg-grey-100 text-display-on-light-secondary",
+          "hover:bg-grey-200",
+          "data-[state=active]:bg-accent-bg-light data-[state=active]:text-display-on-light-primary",
+        ],
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      {typeof count === "number" && (
+        <span
+          className={cn(
+            "inline-flex size-6 shrink-0 items-center justify-center rounded-full text-footnote-em",
+            "bg-accent-bg-light text-display-on-light-secondary",
+            "group-data-[state=active]:text-display-on-light-tertiary",
+          )}
+          aria-label={`Count: ${count}`}
+        >
+          {count > 99 ? "99+" : count}
+        </span>
+      )}
+    </TabsPrimitive.Trigger>
+  );
+});
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+
+export type TabsContentProps = ComponentPropsWithoutRef<
+  typeof TabsPrimitive.Content
+>;
+
+export const TabsContent = forwardRef<
+  ElementRef<typeof TabsPrimitive.Content>,
+  TabsContentProps
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn("outline-none", className)}
+    {...props}
+  />
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+/** @deprecated Prefer Tabs + TabsTrigger. Kept for Storybook atom demos. */
+export type TabsItem = {
+  label: string;
+  value?: string;
+  count?: number;
+};