@opengovsg/oui-theme 0.0.0-snapshot-20251203091804 → 0.0.0-snapshot-20251216073051

package/dist/chunk-2A6ND2I5.mjs

@@ -0,0 +1,45 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/toast.ts
+var toastStyles = tv({
+  slots: {
+    base: "prose-body-1 lg:[--width:680px]!",
+    toast: "group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10 data-[expanded=false]:data-[front=false]:overflow-hidden data-[expanded=false]:data-[front=false]:*:opacity-0",
+    title: "[&:has(+[data-description])]:prose-subhead-1",
+    description: "",
+    loader: "absolute inset-0 size-5 [--size:20px]!",
+    closeButton: "absolute top-3.25 right-4 flex size-5 cursor-pointer items-center justify-center rounded-sm p-0",
+    cancelButton: "prose-caption-1 group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/10 group-data-[type=info]/toast:bg-utility-feedback-info/10 group-data-[type=success]/toast:bg-utility-feedback-success/10 group-data-[type=error]/toast:bg-utility-feedback-critical/10 hover:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/15 hover:group-data-[type=info]/toast:bg-utility-feedback-info/15 hover:group-data-[type=success]/toast:bg-utility-feedback-success/15 hover:group-data-[type=error]/toast:bg-utility-feedback-critical/15 active:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/20 active:group-data-[type=info]/toast:bg-utility-feedback-info/20 active:group-data-[type=success]/toast:bg-utility-feedback-success/20 active:group-data-[type=error]/toast:bg-utility-feedback-critical/20 bg-interaction-neutral-default/10 hover:bg-interaction-neutral-default/15 active:bg-interaction-neutral-default/20 h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!",
+    actionButton: "prose-caption-1 text-base-content-inverse group-data-[type=warning]/toast:text-base-content-default group-data-[type=warning]/toast:bg-interaction-warning-default group-data-[type=info]/toast:bg-interaction-main-default group-data-[type=success]/toast:bg-interaction-success-default group-data-[type=error]/toast:bg-interaction-critical-default hover:group-data-[type=warning]/toast:bg-interaction-warning-hover hover:group-data-[type=info]/toast:bg-interaction-main-hover hover:group-data-[type=success]/toast:bg-interaction-success-hover hover:group-data-[type=error]/toast:bg-interaction-critical-hover active:group-data-[type=warning]/toast:bg-interaction-warning-active active:group-data-[type=info]/toast:bg-interaction-main-active active:group-data-[type=success]/toast:bg-interaction-success-active active:group-data-[type=error]/toast:bg-interaction-critical-active bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!",
+    success: "",
+    error: "",
+    info: "",
+    warning: "",
+    loading: "",
+    default: "",
+    content: "flex w-full shrink-0 flex-col gap-0.5 ease-out group-data-[expanded=false]/toast:group-data-[front=false]/toast:opacity-0",
+    icon: "group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start"
+  },
+  variants: {
+    variant: {
+      bordered: {
+        loading: "border bg-white",
+        default: "border bg-white",
+        success: "border-utility-feedback-success bg-utility-feedback-success-subtle!",
+        error: "border-utility-feedback-critical bg-utility-feedback-critical-subtle!",
+        info: "border-utility-feedback-info bg-utility-feedback-info-subtle!",
+        warning: "border-utility-feedback-warning bg-utility-feedback-warning-subtle!"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "bordered"
+  }
+});
+
+export {
+  toastStyles
+};
+//# sourceMappingURL=chunk-2A6ND2I5.mjs.map

package/dist/chunk-2A6ND2I5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toast.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const toastStyles = tv({\n  slots: {\n    base: \"prose-body-1 lg:[--width:680px]!\",\n    toast:\n      \"group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10 data-[expanded=false]:data-[front=false]:overflow-hidden data-[expanded=false]:data-[front=false]:*:opacity-0\",\n    title: \"[&:has(+[data-description])]:prose-subhead-1\",\n    description: \"\",\n    loader: \"absolute inset-0 size-5 [--size:20px]!\",\n    closeButton:\n      \"absolute top-3.25 right-4 flex size-5 cursor-pointer items-center justify-center rounded-sm p-0\",\n    cancelButton:\n      \"prose-caption-1 group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/10 group-data-[type=info]/toast:bg-utility-feedback-info/10 group-data-[type=success]/toast:bg-utility-feedback-success/10 group-data-[type=error]/toast:bg-utility-feedback-critical/10 hover:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/15 hover:group-data-[type=info]/toast:bg-utility-feedback-info/15 hover:group-data-[type=success]/toast:bg-utility-feedback-success/15 hover:group-data-[type=error]/toast:bg-utility-feedback-critical/15 active:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/20 active:group-data-[type=info]/toast:bg-utility-feedback-info/20 active:group-data-[type=success]/toast:bg-utility-feedback-success/20 active:group-data-[type=error]/toast:bg-utility-feedback-critical/20 bg-interaction-neutral-default/10 hover:bg-interaction-neutral-default/15 active:bg-interaction-neutral-default/20 h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    actionButton:\n      \"prose-caption-1 text-base-content-inverse group-data-[type=warning]/toast:text-base-content-default group-data-[type=warning]/toast:bg-interaction-warning-default group-data-[type=info]/toast:bg-interaction-main-default group-data-[type=success]/toast:bg-interaction-success-default group-data-[type=error]/toast:bg-interaction-critical-default hover:group-data-[type=warning]/toast:bg-interaction-warning-hover hover:group-data-[type=info]/toast:bg-interaction-main-hover hover:group-data-[type=success]/toast:bg-interaction-success-hover hover:group-data-[type=error]/toast:bg-interaction-critical-hover active:group-data-[type=warning]/toast:bg-interaction-warning-active active:group-data-[type=info]/toast:bg-interaction-main-active active:group-data-[type=success]/toast:bg-interaction-success-active active:group-data-[type=error]/toast:bg-interaction-critical-active bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    success: \"\",\n    error: \"\",\n    info: \"\",\n    warning: \"\",\n    loading: \"\",\n    default: \"\",\n    content:\n      \"flex w-full shrink-0 flex-col gap-0.5 ease-out group-data-[expanded=false]/toast:group-data-[front=false]/toast:opacity-0\",\n    icon: \"group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start\",\n  },\n  variants: {\n    variant: {\n      bordered: {\n        loading: \"border bg-white\",\n        default: \"border bg-white\",\n        success:\n          \"border-utility-feedback-success bg-utility-feedback-success-subtle!\",\n        error:\n          \"border-utility-feedback-critical bg-utility-feedback-critical-subtle!\",\n        info: \"border-utility-feedback-info bg-utility-feedback-info-subtle!\",\n        warning:\n          \"border-utility-feedback-warning bg-utility-feedback-warning-subtle!\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"bordered\",\n  },\n})\n\nexport type ToastVariantProps = VariantProps<typeof toastStyles>\nexport type ToastSlots = keyof ReturnType<typeof toastStyles>\n"],"mappings":";;;;;AAIO,IAAM,cAAc,GAAG;AAAA,EAC5B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OACE;AAAA,IACF,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aACE;AAAA,IACF,cACE;AAAA,IACF,cACE;AAAA,IACF,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SACE;AAAA,IACF,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,UAAU;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,QACN,SACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;","names":[]}

package/dist/chunk-2SQ55S7S.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-2SQ55S7S.mjs.map

package/dist/{chunk-OG6PNNQ5.mjs → chunk-4LDBVLGI.mjs}

@@ -1,12 +1,12 @@
 import {
   colorVariantsWithState
 } from "./chunk-C7FUGWVY.mjs";
-import {
-  focusVisibleClasses
-} from "./chunk-K3WA7SIJ.mjs";
 import {
   cn
 } from "./chunk-HAUMMW6T.mjs";
+import {
+  focusVisibleClasses
+} from "./chunk-K3WA7SIJ.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -205,4 +205,4 @@ var buttonStyles = tv({
 export {
   buttonStyles
 };
-//# sourceMappingURL=chunk-OG6PNNQ5.mjs.map
+//# sourceMappingURL=chunk-4LDBVLGI.mjs.map

package/dist/{chunk-7XIXHTLH.mjs → chunk-57Q4XH23.mjs}

@@ -35,6 +35,11 @@ var spinnerStyles = tv({
   },
   variants: {
     size: {
+      xs: {
+        wrapper: "h-4 w-4",
+        circle1: "border-2",
+        circle2: "border-2"
+      },
       sm: {
         wrapper: "h-5 w-5",
         circle1: "border-2",
@@ -71,4 +76,4 @@ var spinnerStyles = tv({
 export {
   spinnerStyles
 };
-//# sourceMappingURL=chunk-7XIXHTLH.mjs.map
+//# sourceMappingURL=chunk-57Q4XH23.mjs.map

package/dist/chunk-57Q4XH23.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/spinner.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n// TODO: Use typography from design system\n// TODO: Use design tokens from design system\n// TODO: Add more color schemes\n\nexport const spinnerStyles = tv({\n  slots: {\n    base: \"relative inline-flex flex-col items-center justify-center gap-2\",\n    wrapper: \"relative flex\",\n    circle1: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"animate-spinner-ease-spin\",\n      \"border-2\",\n      \"border-solid\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n    circle2: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"opacity-75\",\n      \"animate-spinner-linear-spin\",\n      \"border-2\",\n      \"border-dotted\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n  },\n  variants: {\n    size: {\n      xs: {\n        wrapper: \"h-4 w-4\",\n        circle1: \"border-2\",\n        circle2: \"border-2\",\n      },\n      sm: {\n        wrapper: \"h-5 w-5\",\n        circle1: \"border-2\",\n        circle2: \"border-2\",\n      },\n      md: {\n        wrapper: \"h-8 w-8\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n      lg: {\n        wrapper: \"h-10 w-10\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n    },\n    color: {\n      current: {\n        circle1: \"border-b-current\",\n        circle2: \"border-b-current\",\n      },\n      white: {\n        circle1: \"border-b-white\",\n        circle2: \"border-b-white\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    color: \"current\",\n  },\n})\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerStyles>\nexport type SpinnerSlots = keyof ReturnType<typeof spinnerStyles>\n"],"mappings":";;;;;AAQO,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;","names":[]}

package/dist/{chunk-K66CIRPP.mjs → chunk-6VRFTVGW.mjs}

@@ -1,9 +1,9 @@
-import {
-  groupFocusVisibleClasses
-} from "./chunk-K3WA7SIJ.mjs";
 import {
   cn
 } from "./chunk-HAUMMW6T.mjs";
+import {
+  groupFocusVisibleClasses
+} from "./chunk-K3WA7SIJ.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -54,4 +54,4 @@ var toggleStyles = tv({
 export {
   toggleStyles
 };
-//# sourceMappingURL=chunk-K66CIRPP.mjs.map
+//# sourceMappingURL=chunk-6VRFTVGW.mjs.map

package/dist/{chunk-JZONKSUM.mjs → chunk-CJLL3FTD.mjs}

@@ -1,9 +1,9 @@
-import {
-  focusVisibleClasses
-} from "./chunk-K3WA7SIJ.mjs";
 import {
   cn
 } from "./chunk-HAUMMW6T.mjs";
+import {
+  focusVisibleClasses
+} from "./chunk-K3WA7SIJ.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -33,4 +33,4 @@ var govtBannerStyles = tv({
 export {
   govtBannerStyles
 };
-//# sourceMappingURL=chunk-JZONKSUM.mjs.map
+//# sourceMappingURL=chunk-CJLL3FTD.mjs.map

package/dist/chunk-CLC34I62.js

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-CLC34I62.js.map

package/dist/{chunk-FZLT7D4G.js.map → chunk-CLC34I62.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-FZLT7D4G.js"],"names":[],"mappings":"AAAA","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-FZLT7D4G.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-CLC34I62.js"],"names":[],"mappings":"AAAA","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-CLC34I62.js"}

package/dist/chunk-DYEKLDJY.js

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/navbar.ts
+var navbarToggleStyles = _chunkUZONBJUXjs.tv.call(void 0, {});
+var navbarMenuItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  variants: {
+    isActive: {
+      true: ""
+    }
+  }
+});
+var navbarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: [
+      "px-6",
+      "flex",
+      "z-40",
+      "w-full",
+      "h-auto",
+      "items-center",
+      "justify-center",
+      "data-[menu-open=true]:border-none",
+      "bg-base-canvas-default"
+    ],
+    wrapper: "relative z-40 flex h-(--navbar-height) w-full flex-row flex-nowrap items-center justify-between gap-4",
+    toggle: "text-base-content-strong group -ml-3.5",
+    toggleIcon: [
+      "pointer-events-none text-inherit",
+      // before - first line
+      "before:block before:h-0.5 before:-translate-y-1.5 before:rotate-0 before:rounded-xs before:bg-current before:transition-transform before:duration-150 before:content-[''] group-data-[open=true]:before:translate-y-0 group-data-[open=true]:before:rotate-45",
+      // middle line
+      "block h-0.5 w-full rounded-xs bg-current transition-opacity duration-150 group-data-[open=true]:bg-transparent",
+      // after - third line
+      "after:block after:h-0.5 after:translate-y-1 after:rotate-0 after:rounded-xs after:bg-current after:transition-transform after:duration-150 after:content-[''] group-data-[open=true]:after:-translate-y-0.5 group-data-[open=true]:after:-rotate-45"
+    ],
+    brand: "",
+    content: "flex h-full flex-row flex-nowrap items-center gap-4 data-[justify=center]:justify-center data-[justify=end]:flex-grow data-[justify=end]:basis-0 data-[justify=end]:justify-end data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=start]:justify-start",
+    item: "",
+    menu: "bg-base-canvas-default fixed inset-x-0 top-(--menu-offset) bottom-0 z-30 flex w-screen max-w-full flex-col gap-2 overflow-y-auto px-6 pt-2 pb-4",
+    menuItem: ""
+  },
+  variants: {
+    position: {
+      static: {
+        base: "static"
+      },
+      sticky: {
+        base: "sticky inset-x-0 top-0"
+      }
+    },
+    hasBorder: {
+      true: {
+        base: "border-base-divider-medium border-b"
+      }
+    }
+  },
+  defaultVariants: {
+    position: "sticky",
+    hasBorder: true
+  }
+});
+
+
+
+
+
+exports.navbarToggleStyles = navbarToggleStyles; exports.navbarMenuItemStyles = navbarMenuItemStyles; exports.navbarStyles = navbarStyles;
+//# sourceMappingURL=chunk-DYEKLDJY.js.map

package/dist/chunk-DYEKLDJY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DYEKLDJY.js","../src/components/navbar.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,mBAAA,EAAqB,iCAAA,CAAI,CAAC,CAAA;AAEhC,IAAM,qBAAA,EAAuB,iCAAA;AAAG,EACrC,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC,CAAA;AAEM,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM;AAAA,MACJ,MAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,gBAAA;AAAA,MACA,mCAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EACE,uGAAA;AAAA,IACF,MAAA,EAAQ,wCAAA;AAAA,IACR,UAAA,EAAY;AAAA,MACV,kCAAA;AAAA;AAAA,MAEA,+PAAA;AAAA;AAAA,MAEA,gHAAA;AAAA;AAAA,MAEA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EACE,gRAAA;AAAA,IACF,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM,iJAAA;AAAA,IACN,QAAA,EAAU;AAAA,EACZ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU,QAAA;AAAA,IACV,SAAA,EAAW;AAAA,EACb;AACF,CAAC,CAAA;ADFD;AACA;AACE;AACA;AACA;AACF,0IAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DYEKLDJY.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const navbarToggleStyles = tv({})\n\nexport const navbarMenuItemStyles = tv({\n  variants: {\n    isActive: {\n      true: \"\",\n    },\n  },\n})\n\nexport const navbarStyles = tv({\n  slots: {\n    base: [\n      \"px-6\",\n      \"flex\",\n      \"z-40\",\n      \"w-full\",\n      \"h-auto\",\n      \"items-center\",\n      \"justify-center\",\n      \"data-[menu-open=true]:border-none\",\n      \"bg-base-canvas-default\",\n    ],\n    wrapper:\n      \"relative z-40 flex h-(--navbar-height) w-full flex-row flex-nowrap items-center justify-between gap-4\",\n    toggle: \"text-base-content-strong group -ml-3.5\",\n    toggleIcon: [\n      \"pointer-events-none text-inherit\",\n      // before - first line\n      \"before:block before:h-0.5 before:-translate-y-1.5 before:rotate-0 before:rounded-xs before:bg-current before:transition-transform before:duration-150 before:content-[''] group-data-[open=true]:before:translate-y-0 group-data-[open=true]:before:rotate-45\",\n      // middle line\n      \"block h-0.5 w-full rounded-xs bg-current transition-opacity duration-150 group-data-[open=true]:bg-transparent\",\n      // after - third line\n      \"after:block after:h-0.5 after:translate-y-1 after:rotate-0 after:rounded-xs after:bg-current after:transition-transform after:duration-150 after:content-[''] group-data-[open=true]:after:-translate-y-0.5 group-data-[open=true]:after:-rotate-45\",\n    ],\n    brand: \"\",\n    content:\n      \"flex h-full flex-row flex-nowrap items-center gap-4 data-[justify=center]:justify-center data-[justify=end]:flex-grow data-[justify=end]:basis-0 data-[justify=end]:justify-end data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=start]:justify-start\",\n    item: \"\",\n    menu: \"bg-base-canvas-default fixed inset-x-0 top-(--menu-offset) bottom-0 z-30 flex w-screen max-w-full flex-col gap-2 overflow-y-auto px-6 pt-2 pb-4\",\n    menuItem: \"\",\n  },\n  variants: {\n    position: {\n      static: {\n        base: \"static\",\n      },\n      sticky: {\n        base: \"sticky inset-x-0 top-0\",\n      },\n    },\n    hasBorder: {\n      true: {\n        base: \"border-base-divider-medium border-b\",\n      },\n    },\n  },\n  defaultVariants: {\n    position: \"sticky\",\n    hasBorder: true,\n  },\n})\n\nexport type NavbarVariantProps = VariantProps<typeof navbarStyles>\nexport type NavbarSlots = keyof ReturnType<typeof navbarStyles>\n"]}

package/dist/{chunk-6BKYW7JH.mjs → chunk-FV6XIBBV.mjs}

@@ -1,9 +1,9 @@
-import {
-  racFocusRing
-} from "./chunk-K3WA7SIJ.mjs";
 import {
   cn
 } from "./chunk-HAUMMW6T.mjs";
+import {
+  racFocusRing
+} from "./chunk-K3WA7SIJ.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -112,4 +112,4 @@ export {
   checkboxStyles,
   checkboxGroupStyles
 };
-//# sourceMappingURL=chunk-6BKYW7JH.mjs.map
+//# sourceMappingURL=chunk-FV6XIBBV.mjs.map

package/dist/{chunk-634UAH2S.js → chunk-KX2AFEAG.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
+var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
+var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -54,4 +54,4 @@ var toggleStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.toggleStyles = toggleStyles;
-//# sourceMappingURL=chunk-634UAH2S.js.map
+//# sourceMappingURL=chunk-KX2AFEAG.js.map

package/dist/{chunk-634UAH2S.js.map → chunk-KX2AFEAG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-634UAH2S.js","../src/components/toggle.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACJO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uEAAA;AAAA,IACN,KAAA,EAAO,iCAAA;AAAA,MACL,6GAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,2HAAA;AAAA,IACF,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,OAAA,EAAS;AAAA,QACP,KAAA,EACE,kLAAA;AAAA,QACF,KAAA,EACE,gPAAA;AAAA,QACF,SAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,mBAAA;AAAA,QACP,KAAA,EAAO,6DAAA;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,mBAAA;AAAA,QACP,KAAA,EAAO,6DAAA;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,mBAAA;AAAA,QACP,KAAA,EAAO,6DAAA;AAAA,QACP,SAAA,EAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,oCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-634UAH2S.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { groupFocusVisibleClasses } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const toggleStyles = tv({\n  slots: {\n    base: \"inline-flex cursor-pointer items-center gap-2 disabled:cursor-default\",\n    track: cn(\n      \"box-border flex shrink-0 items-center rounded-full bg-clip-padding p-px transition duration-200 ease-in-out\",\n      groupFocusVisibleClasses,\n    ),\n    thumb:\n      \"flex translate-x-0 transform items-center justify-center rounded-full border bg-white transition duration-200 ease-in-out\",\n    thumbIcon: \"\",\n  },\n  variants: {\n    colorScheme: {\n      success: {\n        track:\n          \"in-selected:bg-interaction-success-default bg-interaction-support-unselected in-disabled:bg-interaction-support-disabled in-disabled:in-selected:bg-interaction-support-disabled\",\n        thumb:\n          \"in-selected:border-interaction-success-default in-disabled:in-selected:border-interaction-support-disabled in-disabled:bg-interaction-support-unselected border-interaction-support-unselected in-disabled:border-interaction-support-disabled\",\n        thumbIcon:\n          \"in-selected:text-interaction-success-default text-interaction-support-unselected in-disabled:text-interaction-support-disabled in-selected:in-disabled:text-interaction-support-disabled\",\n      },\n    },\n    size: {\n      xs: {\n        track: \"h-[16px] w-[28px]\",\n        thumb: \"in-selected:translate-x-[calc(26px-100%)] h-[14px] w-[14px]\",\n        thumbIcon: \"h-[8px] w-[8px]\",\n      },\n      sm: {\n        track: \"h-[20px] w-[32px]\",\n        thumb: \"in-selected:translate-x-[calc(30px-100%)] h-[18px] w-[18px]\",\n        thumbIcon: \"h-[10px] w-[10px]\",\n      },\n      md: {\n        track: \"h-[24px] w-[40px]\",\n        thumb: \"in-selected:translate-x-[calc(38px-100%)] h-[22px] w-[22px]\",\n        thumbIcon: \"h-[12px] w-[12px]\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    colorScheme: \"success\",\n  },\n})\n\nexport type ToggleVariantProps = VariantProps<typeof toggleStyles>\nexport type ToggleSlots = keyof ReturnType<typeof toggleStyles>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-KX2AFEAG.js","../src/components/toggle.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACJO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uEAAA;AAAA,IACN,KAAA,EAAO,iCAAA;AAAA,MACL,6GAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,2HAAA;AAAA,IACF,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,OAAA,EAAS;AAAA,QACP,KAAA,EACE,kLAAA;AAAA,QACF,KAAA,EACE,gPAAA;AAAA,QACF,SAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,mBAAA;AAAA,QACP,KAAA,EAAO,6DAAA;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,mBAAA;AAAA,QACP,KAAA,EAAO,6DAAA;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,mBAAA;AAAA,QACP,KAAA,EAAO,6DAAA;AAAA,QACP,SAAA,EAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,oCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-KX2AFEAG.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { groupFocusVisibleClasses } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const toggleStyles = tv({\n  slots: {\n    base: \"inline-flex cursor-pointer items-center gap-2 disabled:cursor-default\",\n    track: cn(\n      \"box-border flex shrink-0 items-center rounded-full bg-clip-padding p-px transition duration-200 ease-in-out\",\n      groupFocusVisibleClasses,\n    ),\n    thumb:\n      \"flex translate-x-0 transform items-center justify-center rounded-full border bg-white transition duration-200 ease-in-out\",\n    thumbIcon: \"\",\n  },\n  variants: {\n    colorScheme: {\n      success: {\n        track:\n          \"in-selected:bg-interaction-success-default bg-interaction-support-unselected in-disabled:bg-interaction-support-disabled in-disabled:in-selected:bg-interaction-support-disabled\",\n        thumb:\n          \"in-selected:border-interaction-success-default in-disabled:in-selected:border-interaction-support-disabled in-disabled:bg-interaction-support-unselected border-interaction-support-unselected in-disabled:border-interaction-support-disabled\",\n        thumbIcon:\n          \"in-selected:text-interaction-success-default text-interaction-support-unselected in-disabled:text-interaction-support-disabled in-selected:in-disabled:text-interaction-support-disabled\",\n      },\n    },\n    size: {\n      xs: {\n        track: \"h-[16px] w-[28px]\",\n        thumb: \"in-selected:translate-x-[calc(26px-100%)] h-[14px] w-[14px]\",\n        thumbIcon: \"h-[8px] w-[8px]\",\n      },\n      sm: {\n        track: \"h-[20px] w-[32px]\",\n        thumb: \"in-selected:translate-x-[calc(30px-100%)] h-[18px] w-[18px]\",\n        thumbIcon: \"h-[10px] w-[10px]\",\n      },\n      md: {\n        track: \"h-[24px] w-[40px]\",\n        thumb: \"in-selected:translate-x-[calc(38px-100%)] h-[22px] w-[22px]\",\n        thumbIcon: \"h-[12px] w-[12px]\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    colorScheme: \"success\",\n  },\n})\n\nexport type ToggleVariantProps = VariantProps<typeof toggleStyles>\nexport type ToggleSlots = keyof ReturnType<typeof toggleStyles>\n"]}

package/dist/chunk-LFWRTLTK.js

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/toast.ts
+var toastStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "prose-body-1 lg:[--width:680px]!",
+    toast: "group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10 data-[expanded=false]:data-[front=false]:overflow-hidden data-[expanded=false]:data-[front=false]:*:opacity-0",
+    title: "[&:has(+[data-description])]:prose-subhead-1",
+    description: "",
+    loader: "absolute inset-0 size-5 [--size:20px]!",
+    closeButton: "absolute top-3.25 right-4 flex size-5 cursor-pointer items-center justify-center rounded-sm p-0",
+    cancelButton: "prose-caption-1 group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/10 group-data-[type=info]/toast:bg-utility-feedback-info/10 group-data-[type=success]/toast:bg-utility-feedback-success/10 group-data-[type=error]/toast:bg-utility-feedback-critical/10 hover:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/15 hover:group-data-[type=info]/toast:bg-utility-feedback-info/15 hover:group-data-[type=success]/toast:bg-utility-feedback-success/15 hover:group-data-[type=error]/toast:bg-utility-feedback-critical/15 active:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/20 active:group-data-[type=info]/toast:bg-utility-feedback-info/20 active:group-data-[type=success]/toast:bg-utility-feedback-success/20 active:group-data-[type=error]/toast:bg-utility-feedback-critical/20 bg-interaction-neutral-default/10 hover:bg-interaction-neutral-default/15 active:bg-interaction-neutral-default/20 h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!",
+    actionButton: "prose-caption-1 text-base-content-inverse group-data-[type=warning]/toast:text-base-content-default group-data-[type=warning]/toast:bg-interaction-warning-default group-data-[type=info]/toast:bg-interaction-main-default group-data-[type=success]/toast:bg-interaction-success-default group-data-[type=error]/toast:bg-interaction-critical-default hover:group-data-[type=warning]/toast:bg-interaction-warning-hover hover:group-data-[type=info]/toast:bg-interaction-main-hover hover:group-data-[type=success]/toast:bg-interaction-success-hover hover:group-data-[type=error]/toast:bg-interaction-critical-hover active:group-data-[type=warning]/toast:bg-interaction-warning-active active:group-data-[type=info]/toast:bg-interaction-main-active active:group-data-[type=success]/toast:bg-interaction-success-active active:group-data-[type=error]/toast:bg-interaction-critical-active bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!",
+    success: "",
+    error: "",
+    info: "",
+    warning: "",
+    loading: "",
+    default: "",
+    content: "flex w-full shrink-0 flex-col gap-0.5 ease-out group-data-[expanded=false]/toast:group-data-[front=false]/toast:opacity-0",
+    icon: "group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start"
+  },
+  variants: {
+    variant: {
+      bordered: {
+        loading: "border bg-white",
+        default: "border bg-white",
+        success: "border-utility-feedback-success bg-utility-feedback-success-subtle!",
+        error: "border-utility-feedback-critical bg-utility-feedback-critical-subtle!",
+        info: "border-utility-feedback-info bg-utility-feedback-info-subtle!",
+        warning: "border-utility-feedback-warning bg-utility-feedback-warning-subtle!"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "bordered"
+  }
+});
+
+
+
+exports.toastStyles = toastStyles;
+//# sourceMappingURL=chunk-LFWRTLTK.js.map

package/dist/chunk-LFWRTLTK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LFWRTLTK.js","../src/components/toast.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,kCAAA;AAAA,IACN,KAAA,EACE,gRAAA;AAAA,IACF,KAAA,EAAO,8CAAA;AAAA,IACP,WAAA,EAAa,EAAA;AAAA,IACb,MAAA,EAAQ,wCAAA;AAAA,IACR,WAAA,EACE,iGAAA;AAAA,IACF,YAAA,EACE,o+BAAA;AAAA,IACF,YAAA,EACE,2gCAAA;AAAA,IACF,OAAA,EAAS,EAAA;AAAA,IACT,KAAA,EAAO,EAAA;AAAA,IACP,IAAA,EAAM,EAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EAAS,EAAA;AAAA,IACT,OAAA,EACE,2HAAA;AAAA,IACF,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,QAAA,EAAU;AAAA,QACR,OAAA,EAAS,iBAAA;AAAA,QACT,OAAA,EAAS,iBAAA;AAAA,QACT,OAAA,EACE,qEAAA;AAAA,QACF,KAAA,EACE,uEAAA;AAAA,QACF,IAAA,EAAM,+DAAA;AAAA,QACN,OAAA,EACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;ADND;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LFWRTLTK.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const toastStyles = tv({\n  slots: {\n    base: \"prose-body-1 lg:[--width:680px]!\",\n    toast:\n      \"group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10 data-[expanded=false]:data-[front=false]:overflow-hidden data-[expanded=false]:data-[front=false]:*:opacity-0\",\n    title: \"[&:has(+[data-description])]:prose-subhead-1\",\n    description: \"\",\n    loader: \"absolute inset-0 size-5 [--size:20px]!\",\n    closeButton:\n      \"absolute top-3.25 right-4 flex size-5 cursor-pointer items-center justify-center rounded-sm p-0\",\n    cancelButton:\n      \"prose-caption-1 group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/10 group-data-[type=info]/toast:bg-utility-feedback-info/10 group-data-[type=success]/toast:bg-utility-feedback-success/10 group-data-[type=error]/toast:bg-utility-feedback-critical/10 hover:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/15 hover:group-data-[type=info]/toast:bg-utility-feedback-info/15 hover:group-data-[type=success]/toast:bg-utility-feedback-success/15 hover:group-data-[type=error]/toast:bg-utility-feedback-critical/15 active:group-data-[type=warning]/toast:bg-utility-feedback-warning-strong/20 active:group-data-[type=info]/toast:bg-utility-feedback-info/20 active:group-data-[type=success]/toast:bg-utility-feedback-success/20 active:group-data-[type=error]/toast:bg-utility-feedback-critical/20 bg-interaction-neutral-default/10 hover:bg-interaction-neutral-default/15 active:bg-interaction-neutral-default/20 h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    actionButton:\n      \"prose-caption-1 text-base-content-inverse group-data-[type=warning]/toast:text-base-content-default group-data-[type=warning]/toast:bg-interaction-warning-default group-data-[type=info]/toast:bg-interaction-main-default group-data-[type=success]/toast:bg-interaction-success-default group-data-[type=error]/toast:bg-interaction-critical-default hover:group-data-[type=warning]/toast:bg-interaction-warning-hover hover:group-data-[type=info]/toast:bg-interaction-main-hover hover:group-data-[type=success]/toast:bg-interaction-success-hover hover:group-data-[type=error]/toast:bg-interaction-critical-hover active:group-data-[type=warning]/toast:bg-interaction-warning-active active:group-data-[type=info]/toast:bg-interaction-main-active active:group-data-[type=success]/toast:bg-interaction-success-active active:group-data-[type=error]/toast:bg-interaction-critical-active bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active h-6 shrink-0 cursor-pointer rounded-sm px-2 transition!\",\n    success: \"\",\n    error: \"\",\n    info: \"\",\n    warning: \"\",\n    loading: \"\",\n    default: \"\",\n    content:\n      \"flex w-full shrink-0 flex-col gap-0.5 ease-out group-data-[expanded=false]/toast:group-data-[front=false]/toast:opacity-0\",\n    icon: \"group-data-[type=warning]/toast:text-utility-feedback-warning group-data-[type=info]/toast:text-utility-feedback-info group-data-[type=success]/toast:text-utility-feedback-success group-data-[type=error]/toast:text-utility-feedback-critical absolute left-4 my-0.5 flex size-5 shrink-0 items-center justify-start\",\n  },\n  variants: {\n    variant: {\n      bordered: {\n        loading: \"border bg-white\",\n        default: \"border bg-white\",\n        success:\n          \"border-utility-feedback-success bg-utility-feedback-success-subtle!\",\n        error:\n          \"border-utility-feedback-critical bg-utility-feedback-critical-subtle!\",\n        info: \"border-utility-feedback-info bg-utility-feedback-info-subtle!\",\n        warning:\n          \"border-utility-feedback-warning bg-utility-feedback-warning-subtle!\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"bordered\",\n  },\n})\n\nexport type ToastVariantProps = VariantProps<typeof toastStyles>\nexport type ToastSlots = keyof ReturnType<typeof toastStyles>\n"]}

package/dist/{chunk-3B24PIIW.js → chunk-M65GZEXA.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
+var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
+var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -33,4 +33,4 @@ var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.govtBannerStyles = govtBannerStyles;
-//# sourceMappingURL=chunk-3B24PIIW.js.map
+//# sourceMappingURL=chunk-M65GZEXA.js.map

package/dist/{chunk-3B24PIIW.js.map → chunk-M65GZEXA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3B24PIIW.js","../src/components/govt-banner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACLO,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,uDAAA;AAAA,IACR,oBAAA,EAAsB,sCAAA;AAAA,IACtB,KAAA,EACE,oFAAA;AAAA,IACF,WAAA,EAAa,2CAAA;AAAA,IACb,IAAA,EAAM,+CAAA;AAAA,IACN,cAAA,EAAgB,iCAAA;AAAA,MACd,gEAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,iFAAA;AAAA,IACF,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,kCAAA;AAAA,IACd,SAAA,EACE,sEAAA;AAAA,IACF,OAAA,EACE,sEAAA;AAAA,IACF,UAAA,EAAY,+DAAA;AAAA,IACZ,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADGD;AACA;AACE;AACF,4CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3B24PIIW.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const govtBannerStyles = tv({\n  slots: {\n    banner: \"bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base\",\n    mainContentContainer: \"flex min-h-7 items-center gap-2 py-1\",\n    crest:\n      \"h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5\",\n    mainContent: \"flex flex-wrap gap-x-1 text-xs lg:text-sm\",\n    link: \"text-[#2f5fd0] underline hover:text-[#4371d6]\",\n    identifyButton: cn(\n      \"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]\",\n      focusVisibleClasses,\n    ),\n    panel:\n      \"flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11\",\n    panelGroup: \"flex flex-1 gap-2 md:gap-4\",\n    panelSection: \"flex flex-col gap-y-2 lg:gap-y-3\",\n    panelIcon:\n      \"inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6\",\n    chevron:\n      \"h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform\",\n    inlineIcon: \"inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4\",\n    panelHeader: \"leading-4 font-bold md:leading-5 lg:leading-6\",\n  },\n})\n\nexport type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>\nexport type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-M65GZEXA.js","../src/components/govt-banner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACLO,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,uDAAA;AAAA,IACR,oBAAA,EAAsB,sCAAA;AAAA,IACtB,KAAA,EACE,oFAAA;AAAA,IACF,WAAA,EAAa,2CAAA;AAAA,IACb,IAAA,EAAM,+CAAA;AAAA,IACN,cAAA,EAAgB,iCAAA;AAAA,MACd,gEAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,iFAAA;AAAA,IACF,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,kCAAA;AAAA,IACd,SAAA,EACE,sEAAA;AAAA,IACF,OAAA,EACE,sEAAA;AAAA,IACF,UAAA,EAAY,+DAAA;AAAA,IACZ,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADGD;AACA;AACE;AACF,4CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-M65GZEXA.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const govtBannerStyles = tv({\n  slots: {\n    banner: \"bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base\",\n    mainContentContainer: \"flex min-h-7 items-center gap-2 py-1\",\n    crest:\n      \"h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5\",\n    mainContent: \"flex flex-wrap gap-x-1 text-xs lg:text-sm\",\n    link: \"text-[#2f5fd0] underline hover:text-[#4371d6]\",\n    identifyButton: cn(\n      \"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]\",\n      focusVisibleClasses,\n    ),\n    panel:\n      \"flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11\",\n    panelGroup: \"flex flex-1 gap-2 md:gap-4\",\n    panelSection: \"flex flex-col gap-y-2 lg:gap-y-3\",\n    panelIcon:\n      \"inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6\",\n    chevron:\n      \"h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform\",\n    inlineIcon: \"inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4\",\n    panelHeader: \"leading-4 font-bold md:leading-5 lg:leading-6\",\n  },\n})\n\nexport type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>\nexport type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>\n"]}

package/dist/chunk-MM7SNX6S.mjs

@@ -0,0 +1,70 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/navbar.ts
+var navbarToggleStyles = tv({});
+var navbarMenuItemStyles = tv({
+  variants: {
+    isActive: {
+      true: ""
+    }
+  }
+});
+var navbarStyles = tv({
+  slots: {
+    base: [
+      "px-6",
+      "flex",
+      "z-40",
+      "w-full",
+      "h-auto",
+      "items-center",
+      "justify-center",
+      "data-[menu-open=true]:border-none",
+      "bg-base-canvas-default"
+    ],
+    wrapper: "relative z-40 flex h-(--navbar-height) w-full flex-row flex-nowrap items-center justify-between gap-4",
+    toggle: "text-base-content-strong group -ml-3.5",
+    toggleIcon: [
+      "pointer-events-none text-inherit",
+      // before - first line
+      "before:block before:h-0.5 before:-translate-y-1.5 before:rotate-0 before:rounded-xs before:bg-current before:transition-transform before:duration-150 before:content-[''] group-data-[open=true]:before:translate-y-0 group-data-[open=true]:before:rotate-45",
+      // middle line
+      "block h-0.5 w-full rounded-xs bg-current transition-opacity duration-150 group-data-[open=true]:bg-transparent",
+      // after - third line
+      "after:block after:h-0.5 after:translate-y-1 after:rotate-0 after:rounded-xs after:bg-current after:transition-transform after:duration-150 after:content-[''] group-data-[open=true]:after:-translate-y-0.5 group-data-[open=true]:after:-rotate-45"
+    ],
+    brand: "",
+    content: "flex h-full flex-row flex-nowrap items-center gap-4 data-[justify=center]:justify-center data-[justify=end]:flex-grow data-[justify=end]:basis-0 data-[justify=end]:justify-end data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=start]:justify-start",
+    item: "",
+    menu: "bg-base-canvas-default fixed inset-x-0 top-(--menu-offset) bottom-0 z-30 flex w-screen max-w-full flex-col gap-2 overflow-y-auto px-6 pt-2 pb-4",
+    menuItem: ""
+  },
+  variants: {
+    position: {
+      static: {
+        base: "static"
+      },
+      sticky: {
+        base: "sticky inset-x-0 top-0"
+      }
+    },
+    hasBorder: {
+      true: {
+        base: "border-base-divider-medium border-b"
+      }
+    }
+  },
+  defaultVariants: {
+    position: "sticky",
+    hasBorder: true
+  }
+});
+
+export {
+  navbarToggleStyles,
+  navbarMenuItemStyles,
+  navbarStyles
+};
+//# sourceMappingURL=chunk-MM7SNX6S.mjs.map

package/dist/chunk-MM7SNX6S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navbar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const navbarToggleStyles = tv({})\n\nexport const navbarMenuItemStyles = tv({\n  variants: {\n    isActive: {\n      true: \"\",\n    },\n  },\n})\n\nexport const navbarStyles = tv({\n  slots: {\n    base: [\n      \"px-6\",\n      \"flex\",\n      \"z-40\",\n      \"w-full\",\n      \"h-auto\",\n      \"items-center\",\n      \"justify-center\",\n      \"data-[menu-open=true]:border-none\",\n      \"bg-base-canvas-default\",\n    ],\n    wrapper:\n      \"relative z-40 flex h-(--navbar-height) w-full flex-row flex-nowrap items-center justify-between gap-4\",\n    toggle: \"text-base-content-strong group -ml-3.5\",\n    toggleIcon: [\n      \"pointer-events-none text-inherit\",\n      // before - first line\n      \"before:block before:h-0.5 before:-translate-y-1.5 before:rotate-0 before:rounded-xs before:bg-current before:transition-transform before:duration-150 before:content-[''] group-data-[open=true]:before:translate-y-0 group-data-[open=true]:before:rotate-45\",\n      // middle line\n      \"block h-0.5 w-full rounded-xs bg-current transition-opacity duration-150 group-data-[open=true]:bg-transparent\",\n      // after - third line\n      \"after:block after:h-0.5 after:translate-y-1 after:rotate-0 after:rounded-xs after:bg-current after:transition-transform after:duration-150 after:content-[''] group-data-[open=true]:after:-translate-y-0.5 group-data-[open=true]:after:-rotate-45\",\n    ],\n    brand: \"\",\n    content:\n      \"flex h-full flex-row flex-nowrap items-center gap-4 data-[justify=center]:justify-center data-[justify=end]:flex-grow data-[justify=end]:basis-0 data-[justify=end]:justify-end data-[justify=start]:flex-grow data-[justify=start]:basis-0 data-[justify=start]:justify-start\",\n    item: \"\",\n    menu: \"bg-base-canvas-default fixed inset-x-0 top-(--menu-offset) bottom-0 z-30 flex w-screen max-w-full flex-col gap-2 overflow-y-auto px-6 pt-2 pb-4\",\n    menuItem: \"\",\n  },\n  variants: {\n    position: {\n      static: {\n        base: \"static\",\n      },\n      sticky: {\n        base: \"sticky inset-x-0 top-0\",\n      },\n    },\n    hasBorder: {\n      true: {\n        base: \"border-base-divider-medium border-b\",\n      },\n    },\n  },\n  defaultVariants: {\n    position: \"sticky\",\n    hasBorder: true,\n  },\n})\n\nexport type NavbarVariantProps = VariantProps<typeof navbarStyles>\nexport type NavbarSlots = keyof ReturnType<typeof navbarStyles>\n"],"mappings":";;;;;AAIO,IAAM,qBAAqB,GAAG,CAAC,CAAC;AAEhC,IAAM,uBAAuB,GAAG;AAAA,EACrC,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAEM,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SACE;AAAA,IACF,QAAQ;AAAA,IACR,YAAY;AAAA,MACV;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA;AAAA,MAEA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,IACP,SACE;AAAA,IACF,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF,CAAC;","names":[]}

package/dist/{chunk-KANQORAD.js → chunk-MSHUB6BD.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
+var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
+var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -112,4 +112,4 @@ var checkboxGroupStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.checkboxStyles = checkboxStyles; exports.checkboxGroupStyles = checkboxGroupStyles;
-//# sourceMappingURL=chunk-KANQORAD.js.map
+//# sourceMappingURL=chunk-MSHUB6BD.js.map

package/dist/{chunk-KANQORAD.js.map → chunk-MSHUB6BD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-KANQORAD.js","../src/components/checkbox.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACJO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,GAAA,EAAK,iCAAA;AAAA,MACH,4FAAA;AAAA,MACA,6BAAA,CAAa;AAAA,IACf,CAAA;AAAA,IACA,IAAA,EAAM,8CAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,gBAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,SAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,gCAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,4FAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,SAAA;AAAA,MACP,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW,IAAA;AAAA,MACX,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAKM,IAAM,oBAAA,EAAsB,iCAAA;AAAG,EACpC,IAAA,EAAM,sBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC,CAAA;ADED;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-KANQORAD.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const checkboxStyles = tv({\n  slots: {\n    box: cn(\n      \"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition\",\n      racFocusRing.base,\n    ),\n    base: \"group relative flex items-stretch transition\",\n    icon: \"h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]\",\n  },\n  variants: {\n    color: {\n      default: {\n        base: \"hover:bg-interaction-muted-main-hover pressed:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        box: \"mt-0.5 h-4 w-4\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      sm: {\n        box: \"h-5 w-5\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      md: {\n        base: \"prose-body-1 gap-4 px-1 py-2.5\",\n        box: \"h-6 w-6\",\n      },\n    },\n    isFocusVisible: {\n      true: {\n        box: racFocusRing.variants.isFocusVisible.true,\n      },\n      false: {\n        box: racFocusRing.variants.isFocusVisible.false,\n      },\n    },\n    isDisabled: {\n      false: {\n        base: \"text-gray-800 dark:text-zinc-200\",\n      },\n      true: {\n        base: \"text-interaction-support-disabled-content dark:text-zinc-600 forced-colors:text-[GrayText]\",\n        box: \"[--color:var(--color-gray-200)] dark:[--color:var(--color-zinc-700)] forced-colors:[--color:GrayText]!\",\n      },\n    },\n    isSelected: {\n      false: {\n        box: \"group-pressed:[--color:var(--color-base-content-strong)] dark:group-pressed:[--color:var(--color-zinc-300)] border-(--color) bg-white [--color:var(--color-base-content-strong)] dark:bg-zinc-900 dark:[--color:var(--color-zinc-400)]\",\n      },\n      true: {\n        box: \"border-(--color) bg-(--color) forced-colors:[--color:Highlight]!\",\n      },\n    },\n    isInvalid: {\n      true: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] dark:group-pressed:[--color:var(--color-red-700)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)] forced-colors:[--color:Mark]!\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      color: \"default\",\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-main-active)] dark:group-pressed:[--color:var(--color-slate-200)] [--color:var(--color-interaction-main-default)] dark:[--color:var(--color-slate-300)]\",\n      },\n    },\n    {\n      isDisabled: true,\n      isSelected: true,\n      className: {\n        box: \"[--color:var(--color-interaction-support-disabled-content)]\",\n      },\n    },\n    {\n      isInvalid: true,\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)]\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    color: \"default\",\n  },\n})\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxStyles>\nexport type CheckboxSlots = keyof ReturnType<typeof checkboxStyles>\n\nexport const checkboxGroupStyles = tv({\n  base: \"flex w-full flex-col\",\n  variants: {\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n    },\n  },\n})\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MSHUB6BD.js","../src/components/checkbox.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACJO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,GAAA,EAAK,iCAAA;AAAA,MACH,4FAAA;AAAA,MACA,6BAAA,CAAa;AAAA,IACf,CAAA;AAAA,IACA,IAAA,EAAM,8CAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,gBAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,SAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,gCAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,4FAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,SAAA;AAAA,MACP,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW,IAAA;AAAA,MACX,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAKM,IAAM,oBAAA,EAAsB,iCAAA;AAAG,EACpC,IAAA,EAAM,sBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC,CAAA;ADED;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MSHUB6BD.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const checkboxStyles = tv({\n  slots: {\n    box: cn(\n      \"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition\",\n      racFocusRing.base,\n    ),\n    base: \"group relative flex items-stretch transition\",\n    icon: \"h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]\",\n  },\n  variants: {\n    color: {\n      default: {\n        base: \"hover:bg-interaction-muted-main-hover pressed:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        box: \"mt-0.5 h-4 w-4\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      sm: {\n        box: \"h-5 w-5\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      md: {\n        base: \"prose-body-1 gap-4 px-1 py-2.5\",\n        box: \"h-6 w-6\",\n      },\n    },\n    isFocusVisible: {\n      true: {\n        box: racFocusRing.variants.isFocusVisible.true,\n      },\n      false: {\n        box: racFocusRing.variants.isFocusVisible.false,\n      },\n    },\n    isDisabled: {\n      false: {\n        base: \"text-gray-800 dark:text-zinc-200\",\n      },\n      true: {\n        base: \"text-interaction-support-disabled-content dark:text-zinc-600 forced-colors:text-[GrayText]\",\n        box: \"[--color:var(--color-gray-200)] dark:[--color:var(--color-zinc-700)] forced-colors:[--color:GrayText]!\",\n      },\n    },\n    isSelected: {\n      false: {\n        box: \"group-pressed:[--color:var(--color-base-content-strong)] dark:group-pressed:[--color:var(--color-zinc-300)] border-(--color) bg-white [--color:var(--color-base-content-strong)] dark:bg-zinc-900 dark:[--color:var(--color-zinc-400)]\",\n      },\n      true: {\n        box: \"border-(--color) bg-(--color) forced-colors:[--color:Highlight]!\",\n      },\n    },\n    isInvalid: {\n      true: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] dark:group-pressed:[--color:var(--color-red-700)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)] forced-colors:[--color:Mark]!\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      color: \"default\",\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-main-active)] dark:group-pressed:[--color:var(--color-slate-200)] [--color:var(--color-interaction-main-default)] dark:[--color:var(--color-slate-300)]\",\n      },\n    },\n    {\n      isDisabled: true,\n      isSelected: true,\n      className: {\n        box: \"[--color:var(--color-interaction-support-disabled-content)]\",\n      },\n    },\n    {\n      isInvalid: true,\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)]\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    color: \"default\",\n  },\n})\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxStyles>\nexport type CheckboxSlots = keyof ReturnType<typeof checkboxStyles>\n\nexport const checkboxGroupStyles = tv({\n  base: \"flex w-full flex-col\",\n  variants: {\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n    },\n  },\n})\n"]}

package/dist/{chunk-OE22BFLE.js → chunk-MZ3OLOEQ.js}

@@ -3,10 +3,10 @@
 var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
 
 
-var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
+var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
+var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -205,4 +205,4 @@ var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.buttonStyles = buttonStyles;
-//# sourceMappingURL=chunk-OE22BFLE.js.map
+//# sourceMappingURL=chunk-MZ3OLOEQ.js.map

package/dist/{chunk-OE22BFLE.js.map → chunk-MZ3OLOEQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OE22BFLE.js","../src/components/button.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OE22BFLE.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariantsWithState } from \"../utils/variants\"\n\nexport const buttonStyles = tv({\n  base: cn(\n    \"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition\",\n    focusVisibleClasses,\n  ),\n  variants: {\n    layout: {\n      stretch: \"w-full\",\n      default: \"\",\n    },\n    variant: {\n      field: \"\",\n      solid: \"\",\n      reverse: \"\",\n      outline: \"\",\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    radius: {\n      none: \"rounded-none\",\n      sm: \"rounded-sm\",\n      default: \"rounded\",\n      md: \"rounded-md\",\n      lg: \"rounded-lg\",\n      full: \"rounded-full\",\n    },\n    isFocusVisible: {\n      true: \"\",\n    },\n    isDisabled: {\n      true: \"cursor-not-allowed\",\n    },\n    isIconOnly: {\n      true: \"!gap-0 px-0\",\n      false: \"[&>svg]:max-w-[theme(spacing.8)]\",\n    },\n    isAttached: {\n      true: \"rounded-s-none\",\n    },\n    size: {\n      xs: \"prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2\",\n      sm: \"prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2\",\n      md: \"prose-subhead-1 h-11 min-w-24 gap-3 px-4 py-2.5\",\n      lg: \"prose-subhead-1 h-14 min-w-28 gap-3 px-4 py-4\",\n    },\n  },\n  compoundVariants: [\n    // solid / color\n    {\n      variant: \"solid\",\n      color: \"main\",\n      className: colorVariantsWithState.solid.main,\n    },\n    {\n      variant: \"solid\",\n      color: \"sub\",\n      className: colorVariantsWithState.solid.sub,\n    },\n    {\n      variant: \"solid\",\n      color: \"neutral\",\n      className: colorVariantsWithState.solid.neutral,\n    },\n    {\n      variant: \"solid\",\n      color: \"critical\",\n      className: colorVariantsWithState.solid.critical,\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      className: colorVariantsWithState.solid.warning,\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      className: colorVariantsWithState.solid.success,\n    },\n    // reverse / color\n    {\n      variant: \"reverse\",\n      color: \"main\",\n      className: colorVariantsWithState.reverse.main,\n    },\n    {\n      variant: \"reverse\",\n      color: \"critical\",\n      className: colorVariantsWithState.reverse.critical,\n    },\n    {\n      variant: \"reverse\",\n      color: \"sub\",\n      className: colorVariantsWithState.reverse.sub,\n    },\n    {\n      variant: \"reverse\",\n      color: \"neutral\",\n      className: colorVariantsWithState.reverse.neutral,\n    },\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: colorVariantsWithState.outline.main,\n    },\n    {\n      variant: \"outline\",\n      color: \"critical\",\n      className: colorVariantsWithState.outline.critical,\n    },\n    {\n      variant: \"outline\",\n      color: \"neutral\",\n      className: colorVariantsWithState.outline.neutral,\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: colorVariantsWithState.outline.sub,\n    },\n    {\n      variant: \"outline\",\n      color: \"inverse\",\n      className: colorVariantsWithState.outline.inverse,\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: colorVariantsWithState.clear.main,\n    },\n    {\n      variant: \"clear\",\n      color: \"critical\",\n      className: colorVariantsWithState.clear.critical,\n    },\n    {\n      variant: \"clear\",\n      color: \"neutral\",\n      className: colorVariantsWithState.clear.neutral,\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: colorVariantsWithState.clear.sub,\n    },\n    {\n      variant: \"clear\",\n      color: \"inverse\",\n      className: colorVariantsWithState.clear.inverse,\n    },\n    // iconbutton / size\n    {\n      isIconOnly: true,\n      size: \"lg\",\n      class: \"h-12 w-12 min-w-12 p-3 [&_svg]:h-6 [&_svg]:w-6\",\n    },\n    {\n      isIconOnly: true,\n      size: \"md\",\n      class: \"h-11 w-11 min-w-11 p-3 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"sm\",\n      class: \"h-10 w-10 min-w-10 p-2.5 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"xs\",\n      class: \"h-9 w-9 min-w-9 p-2.5 [&_svg]:h-4 [&_svg]:w-4\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    color: \"main\",\n    size: \"md\",\n    radius: \"default\",\n  },\n})\n\nexport type ButtonVariantProps = VariantProps<typeof buttonStyles>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MZ3OLOEQ.js","../src/components/button.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MZ3OLOEQ.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariantsWithState } from \"../utils/variants\"\n\nexport const buttonStyles = tv({\n  base: cn(\n    \"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition\",\n    focusVisibleClasses,\n  ),\n  variants: {\n    layout: {\n      stretch: \"w-full\",\n      default: \"\",\n    },\n    variant: {\n      field: \"\",\n      solid: \"\",\n      reverse: \"\",\n      outline: \"\",\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    radius: {\n      none: \"rounded-none\",\n      sm: \"rounded-sm\",\n      default: \"rounded\",\n      md: \"rounded-md\",\n      lg: \"rounded-lg\",\n      full: \"rounded-full\",\n    },\n    isFocusVisible: {\n      true: \"\",\n    },\n    isDisabled: {\n      true: \"cursor-not-allowed\",\n    },\n    isIconOnly: {\n      true: \"!gap-0 px-0\",\n      false: \"[&>svg]:max-w-[theme(spacing.8)]\",\n    },\n    isAttached: {\n      true: \"rounded-s-none\",\n    },\n    size: {\n      xs: \"prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2\",\n      sm: \"prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2\",\n      md: \"prose-subhead-1 h-11 min-w-24 gap-3 px-4 py-2.5\",\n      lg: \"prose-subhead-1 h-14 min-w-28 gap-3 px-4 py-4\",\n    },\n  },\n  compoundVariants: [\n    // solid / color\n    {\n      variant: \"solid\",\n      color: \"main\",\n      className: colorVariantsWithState.solid.main,\n    },\n    {\n      variant: \"solid\",\n      color: \"sub\",\n      className: colorVariantsWithState.solid.sub,\n    },\n    {\n      variant: \"solid\",\n      color: \"neutral\",\n      className: colorVariantsWithState.solid.neutral,\n    },\n    {\n      variant: \"solid\",\n      color: \"critical\",\n      className: colorVariantsWithState.solid.critical,\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      className: colorVariantsWithState.solid.warning,\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      className: colorVariantsWithState.solid.success,\n    },\n    // reverse / color\n    {\n      variant: \"reverse\",\n      color: \"main\",\n      className: colorVariantsWithState.reverse.main,\n    },\n    {\n      variant: \"reverse\",\n      color: \"critical\",\n      className: colorVariantsWithState.reverse.critical,\n    },\n    {\n      variant: \"reverse\",\n      color: \"sub\",\n      className: colorVariantsWithState.reverse.sub,\n    },\n    {\n      variant: \"reverse\",\n      color: \"neutral\",\n      className: colorVariantsWithState.reverse.neutral,\n    },\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: colorVariantsWithState.outline.main,\n    },\n    {\n      variant: \"outline\",\n      color: \"critical\",\n      className: colorVariantsWithState.outline.critical,\n    },\n    {\n      variant: \"outline\",\n      color: \"neutral\",\n      className: colorVariantsWithState.outline.neutral,\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: colorVariantsWithState.outline.sub,\n    },\n    {\n      variant: \"outline\",\n      color: \"inverse\",\n      className: colorVariantsWithState.outline.inverse,\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: colorVariantsWithState.clear.main,\n    },\n    {\n      variant: \"clear\",\n      color: \"critical\",\n      className: colorVariantsWithState.clear.critical,\n    },\n    {\n      variant: \"clear\",\n      color: \"neutral\",\n      className: colorVariantsWithState.clear.neutral,\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: colorVariantsWithState.clear.sub,\n    },\n    {\n      variant: \"clear\",\n      color: \"inverse\",\n      className: colorVariantsWithState.clear.inverse,\n    },\n    // iconbutton / size\n    {\n      isIconOnly: true,\n      size: \"lg\",\n      class: \"h-12 w-12 min-w-12 p-3 [&_svg]:h-6 [&_svg]:w-6\",\n    },\n    {\n      isIconOnly: true,\n      size: \"md\",\n      class: \"h-11 w-11 min-w-11 p-3 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"sm\",\n      class: \"h-10 w-10 min-w-10 p-2.5 [&_svg]:h-5 [&_svg]:w-5\",\n    },\n    {\n      isIconOnly: true,\n      size: \"xs\",\n      class: \"h-9 w-9 min-w-9 p-2.5 [&_svg]:h-4 [&_svg]:w-4\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    color: \"main\",\n    size: \"md\",\n    radius: \"default\",\n  },\n})\n\nexport type ButtonVariantProps = VariantProps<typeof buttonStyles>\n"]}