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

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 var p8 = Object.defineProperty;
 var g8 = (e, t, r) => t in e ? p8(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var Ge = (e, t, r) => g8(e, typeof t != "symbol" ? t + "" : t, r);
-import { b as rd, d as nd, c as ad, e as cd, a as od, g as Ad, o as id, p as sd, r as ld, t as dd, w as ud } from "./theme-entry-CxDa1D0_.mjs";
+import { b as rd, d as nd, c as ad, e as cd, a as od, g as Ad, o as id, p as sd, r as ld, t as dd, w as ud } from "./theme-entry-BUK3MJUJ.mjs";
 import * as s from "react";
 import ln, { forwardRef as X1, useLayoutEffect as C8, useState as m1, isValidElement as x8, useId as c2, useRef as o2, useEffect as ge, createContext as m8, useContext as dn, useCallback as y1 } from "react";
 import * as Bt from "react-dom";
@@ -9671,7 +9671,7 @@ const E2 = m8({ type: "tabs" }), wA = ({
       ref: r,
       className: V(
         "flex items-center",
-        n === "tabs" && "gap-1 border-b border-divider-primary",
+        n === "tabs" && "gap-6 border-b border-divider-primary",
         n === "pills" && "gap-2",
         e
       ),
@@ -9690,14 +9690,14 @@ const _a = X1(({ className: e, count: t, children: r, ...n }, c) => {
         "inline-flex items-center justify-center transition-colors outline-none",
         "disabled:pointer-events-none disabled:opacity-50",
         o === "tabs" && [
-          "relative px-3 py-2 text-caption-2 text-display-on-light-secondary",
+          "relative h-12 gap-2 px-0 py-0 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"
         ],
         o === "pills" && [
-          "min-h-9 gap-2.5 rounded-full px-3 py-1 text-caption-2-em",
+          "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"
@@ -9707,17 +9707,25 @@ const _a = X1(({ className: e, count: t, children: r, ...n }, c) => {
       ...n,
       children: [
         r,
-        typeof t == "number" && /* @__PURE__ */ a.jsx(
+        typeof t == "number" && (o === "pills" ? /* @__PURE__ */ a.jsx(
           "span",
           {
             className: V(
               "inline-flex size-6 shrink-0 items-center justify-center rounded-full text-footnote-em",
-              "bg-accent-bg-light text-display-on-light-tertiary"
+              "bg-accent-bg-light text-display-on-light-secondary",
+              "group-data-[state=active]:text-display-on-light-tertiary"
             ),
             "aria-label": `Count: ${t}`,
             children: t > 99 ? "99+" : t
           }
-        )
+        ) : /* @__PURE__ */ a.jsx(
+          "span",
+          {
+            className: "px-1 text-caption-2 text-display-on-light-secondary",
+            "aria-label": `Count: ${t}`,
+            children: t > 99 ? "99+" : t
+          }
+        ))
       ]
     }
   );
@@ -12416,7 +12424,16 @@ const El = ({
 ), L0 = ({
   children: e,
   className: t
-}) => /* @__PURE__ */ a.jsx(YA, { className: V("min-w-0 flex-1 p-2", t), children: e }), J0 = ({
+}) => /* @__PURE__ */ a.jsx(
+  YA,
+  {
+    className: V(
+      "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden p-2",
+      t
+    ),
+    children: e
+  }
+), J0 = ({
   tabs: e = B0,
   value: t,
   onValueChange: r,
@@ -12429,10 +12446,19 @@ const El = ({
     type: "pills",
     value: t,
     onValueChange: r,
-    className: V("gap-0", c),
+    className: V("min-h-0 flex-1 gap-0", c),
     children: [
-      /* @__PURE__ */ a.jsx(Ea, { className: V("w-full p-2", o), children: e.map((A) => /* @__PURE__ */ a.jsx(_a, { value: A.value, count: A.count, children: A.label }, A.value)) }),
-      n
+      /* @__PURE__ */ a.jsx(
+        Ea,
+        {
+          className: V(
+            "w-full shrink-0 bg-background-primary p-2",
+            o
+          ),
+          children: e.map((A) => /* @__PURE__ */ a.jsx(_a, { value: A.value, count: A.count, children: A.label }, A.value))
+        }
+      ),
+      /* @__PURE__ */ a.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: n })
     ]
   }
 ), is = ({
@@ -12451,15 +12477,15 @@ const El = ({
   items: t,
   children: r,
   className: n
-}) => /* @__PURE__ */ a.jsxs("div", { className: V("flex flex-col p-1", n), children: [
+}) => /* @__PURE__ */ a.jsxs("div", { className: V("flex min-h-0 flex-1 flex-col p-1", n), children: [
   /* @__PURE__ */ a.jsx(
     D0,
     {
       label: e,
-      className: "px-3 py-1 text-caption-2 font-normal normal-case tracking-[0.01em] text-display-on-light-secondary"
+      className: "shrink-0 px-3 py-1 text-caption-2 font-normal normal-case tracking-[0.01em] text-display-on-light-secondary"
     }
   ),
-  /* @__PURE__ */ a.jsx(o5, { items: t, children: r })
+  /* @__PURE__ */ a.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ a.jsx(o5, { items: t, children: r }) })
 ] }), E0 = ({ className: e }) => /* @__PURE__ */ a.jsx(X0, { variant: "search", className: V("rounded-none", e) }), ss = ({
   state: e = "idle",
   query: t = "",

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.5",
+  "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"
+  ]
+}