@opengovsg/oui-theme 0.0.27 → 0.0.29

package/dist/{chunk-KH4P3E2M.mjs → chunk-2A6ND2I5.mjs}

@@ -5,8 +5,8 @@ import {
 // src/components/toast.ts
 var toastStyles = tv({
   slots: {
-    base: "prose-body-1",
-    toast: "group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 overflow-hidden rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10",
+    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]!",
@@ -19,7 +19,7 @@ var toastStyles = tv({
     warning: "",
     loading: "",
     default: "",
-    content: "flex w-full shrink-0 flex-col gap-0.5",
+    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: {
@@ -42,4 +42,4 @@ var toastStyles = tv({
 export {
   toastStyles
 };
-//# sourceMappingURL=chunk-KH4P3E2M.mjs.map
+//# 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-CLC34I62.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3OVFVMHR.js"],"names":[],"mappings":"AAAA","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3OVFVMHR.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-DQXE4H25.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: "group text-base-content-strong -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-(--navbar-height) 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-DQXE4H25.js.map

package/dist/chunk-DQXE4H25.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DQXE4H25.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,mJAAA;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-DQXE4H25.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: \"group text-base-content-strong -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-(--navbar-height) 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-DD73VH23.js → chunk-LFWRTLTK.js}

@@ -5,8 +5,8 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 // src/components/toast.ts
 var toastStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   slots: {
-    base: "prose-body-1",
-    toast: "group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 overflow-hidden rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10",
+    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]!",
@@ -19,7 +19,7 @@ var toastStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     warning: "",
     loading: "",
     default: "",
-    content: "flex w-full shrink-0 flex-col gap-0.5",
+    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: {
@@ -42,4 +42,4 @@ var toastStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.toastStyles = toastStyles;
-//# sourceMappingURL=chunk-DD73VH23.js.map
+//# 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-MNSDTJPG.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: "group text-base-content-strong -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-(--navbar-height) 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-MNSDTJPG.mjs.map

package/dist/chunk-MNSDTJPG.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: \"group text-base-content-strong -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-(--navbar-height) 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/components/index.d.mts

@@ -27,5 +27,6 @@ export { FileDropzoneSlots, FileDropzoneVariantProps, FileInfoDropzoneSlots, Fil
 export { NumberFieldSlots, NumberFieldVariantProps, numberFieldStyles } from './number-field.mjs';
 export { ModalSlots, ModalVariantProps, modalStyles } from './modal.mjs';
 export { ToastSlots, ToastVariantProps, toastStyles } from './toast.mjs';
+export { NavbarSlots, NavbarVariantProps, navbarMenuItemStyles, navbarStyles, navbarToggleStyles } from './navbar.mjs';
 import 'tailwind-variants';
 import 'tailwind-merge';

package/dist/components/index.d.ts

@@ -27,5 +27,6 @@ export { FileDropzoneSlots, FileDropzoneVariantProps, FileInfoDropzoneSlots, Fil
 export { NumberFieldSlots, NumberFieldVariantProps, numberFieldStyles } from './number-field.js';
 export { ModalSlots, ModalVariantProps, modalStyles } from './modal.js';
 export { ToastSlots, ToastVariantProps, toastStyles } from './toast.js';
+export { NavbarSlots, NavbarVariantProps, navbarMenuItemStyles, navbarStyles, navbarToggleStyles } from './navbar.js';
 import 'tailwind-variants';
 import 'tailwind-merge';

package/dist/components/index.js

@@ -1,4 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-3OVFVMHR.js');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-CLC34I62.js');
+
+
+
+
+var _chunk5FOX35BGjs = require('../chunk-5FOX35BG.js');
 
 
 var _chunkJTSKQACDjs = require('../chunk-JTSKQACD.js');
@@ -19,7 +24,7 @@ var _chunkLG22OEO3js = require('../chunk-LG22OEO3.js');
 var _chunk4HJADAKBjs = require('../chunk-4HJADAKB.js');
 
 
-var _chunkDD73VH23js = require('../chunk-DD73VH23.js');
+var _chunkLFWRTLTKjs = require('../chunk-LFWRTLTK.js');
 
 
 var _chunkKX2AFEAGjs = require('../chunk-KX2AFEAG.js');
@@ -37,19 +42,19 @@ var _chunkBIXVP43Cjs = require('../chunk-BIXVP43C.js');
 var _chunk5GIWUVUBjs = require('../chunk-5GIWUVUB.js');
 
 
-var _chunkGU7JXFE5js = require('../chunk-GU7JXFE5.js');
 
 
-var _chunk57OCRZXHjs = require('../chunk-57OCRZXH.js');
+var _chunkDQXE4H25js = require('../chunk-DQXE4H25.js');
 
 
+var _chunkGU7JXFE5js = require('../chunk-GU7JXFE5.js');
 
-var _chunkGNNN3RQTjs = require('../chunk-GNNN3RQT.js');
 
+var _chunk57OCRZXHjs = require('../chunk-57OCRZXH.js');
 
 
 
-var _chunk5FOX35BGjs = require('../chunk-5FOX35BG.js');
+var _chunkGNNN3RQTjs = require('../chunk-GNNN3RQT.js');
 
 
 
@@ -159,5 +164,8 @@ require('../chunk-HEB3T2LL.js');
 
 
 
-exports.badgeCloseButtonStyles = _chunkOIVEXSCXjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkOIVEXSCXjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkMZ3OLOEQjs.buttonStyles; exports.calendarStyles = _chunkTXUEDK3Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkMSHUB6BDjs.checkboxGroupStyles; exports.checkboxStyles = _chunkMSHUB6BDjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.govtBannerStyles = _chunkM65GZEXAjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunk5GIWUVUBjs.modalStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk57OCRZXHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkEJBX2H7Vjs.tabListStyles; exports.tabPanelStyles = _chunkEJBX2H7Vjs.tabPanelStyles; exports.tabStyles = _chunkEJBX2H7Vjs.tabStyles; exports.tabsStyles = _chunkEJBX2H7Vjs.tabsStyles; exports.tagFieldStyles = _chunkLG22OEO3js.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkDD73VH23js.toastStyles; exports.toggleStyles = _chunkKX2AFEAGjs.toggleStyles;
+
+
+
+exports.badgeCloseButtonStyles = _chunkOIVEXSCXjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkOIVEXSCXjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkMZ3OLOEQjs.buttonStyles; exports.calendarStyles = _chunkTXUEDK3Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkMSHUB6BDjs.checkboxGroupStyles; exports.checkboxStyles = _chunkMSHUB6BDjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.govtBannerStyles = _chunkM65GZEXAjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunk5GIWUVUBjs.modalStyles; exports.navbarMenuItemStyles = _chunkDQXE4H25js.navbarMenuItemStyles; exports.navbarStyles = _chunkDQXE4H25js.navbarStyles; exports.navbarToggleStyles = _chunkDQXE4H25js.navbarToggleStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk57OCRZXHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkEJBX2H7Vjs.tabListStyles; exports.tabPanelStyles = _chunkEJBX2H7Vjs.tabPanelStyles; exports.tabStyles = _chunkEJBX2H7Vjs.tabStyles; exports.tabsStyles = _chunkEJBX2H7Vjs.tabsStyles; exports.tagFieldStyles = _chunkLG22OEO3js.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKX2AFEAGjs.toggleStyles;
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"],"names":[],"mappings":"AAAA,yGAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,ivFAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"],"names":[],"mappings":"AAAA,yGAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,+6FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"}

package/dist/components/index.mjs

@@ -1,4 +1,9 @@
-import "../chunk-4MVGZ23K.mjs";
+import "../chunk-2SQ55S7S.mjs";
+import {
+  selectItemStyles,
+  selectSearchStyles,
+  selectStyles
+} from "../chunk-H6JUN6QG.mjs";
 import {
   skipNavLinkStyles
 } from "../chunk-W2D3UCG4.mjs";
@@ -19,7 +24,7 @@ import {
 } from "../chunk-RKCURSL5.mjs";
 import {
   toastStyles
-} from "../chunk-KH4P3E2M.mjs";
+} from "../chunk-2A6ND2I5.mjs";
 import {
   toggleStyles
 } from "../chunk-6VRFTVGW.mjs";
@@ -35,6 +40,11 @@ import {
 import {
   modalStyles
 } from "../chunk-2YXJ6PIO.mjs";
+import {
+  navbarMenuItemStyles,
+  navbarStyles,
+  navbarToggleStyles
+} from "../chunk-MNSDTJPG.mjs";
 import {
   numberFieldStyles
 } from "../chunk-CSNWJLBM.mjs";
@@ -45,11 +55,6 @@ import {
   popoverArrowStyles,
   popoverStyles
 } from "../chunk-GPTGOTBN.mjs";
-import {
-  selectItemStyles,
-  selectSearchStyles,
-  selectStyles
-} from "../chunk-H6JUN6QG.mjs";
 import {
   dateFieldStyles,
   dateInputStyles
@@ -142,6 +147,9 @@ export {
   menuSectionStyles,
   menuStyles,
   modalStyles,
+  navbarMenuItemStyles,
+  navbarStyles,
+  navbarToggleStyles,
   numberFieldStyles,
   paginationStyles,
   popoverArrowStyles,

package/dist/components/navbar.d.mts

@@ -0,0 +1,94 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const navbarToggleStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, undefined, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, undefined, unknown, unknown, undefined>>;
+declare const navbarMenuItemStyles: tailwind_variants.TVReturnType<{
+    isActive: {
+        true: string;
+    };
+}, undefined, undefined, {
+    isActive: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    isActive: {
+        true: string;
+    };
+}, undefined, undefined, unknown, unknown, undefined>>;
+declare const navbarStyles: tailwind_variants.TVReturnType<{
+    position: {
+        static: {
+            base: string;
+        };
+        sticky: {
+            base: string;
+        };
+    };
+    hasBorder: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string;
+    toggle: string;
+    toggleIcon: string[];
+    brand: string;
+    content: string;
+    item: string;
+    menu: string;
+    menuItem: string;
+}, undefined, {
+    position: {
+        static: {
+            base: string;
+        };
+        sticky: {
+            base: string;
+        };
+    };
+    hasBorder: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string;
+    toggle: string;
+    toggleIcon: string[];
+    brand: string;
+    content: string;
+    item: string;
+    menu: string;
+    menuItem: string;
+}, tailwind_variants.TVReturnType<{
+    position: {
+        static: {
+            base: string;
+        };
+        sticky: {
+            base: string;
+        };
+    };
+    hasBorder: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string;
+    toggle: string;
+    toggleIcon: string[];
+    brand: string;
+    content: string;
+    item: string;
+    menu: string;
+    menuItem: string;
+}, undefined, unknown, unknown, undefined>>;
+type NavbarVariantProps = VariantProps<typeof navbarStyles>;
+type NavbarSlots = keyof ReturnType<typeof navbarStyles>;
+
+export { type NavbarSlots, type NavbarVariantProps, navbarMenuItemStyles, navbarStyles, navbarToggleStyles };

package/dist/components/navbar.d.ts

@@ -0,0 +1,94 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const navbarToggleStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, undefined, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, undefined, unknown, unknown, undefined>>;
+declare const navbarMenuItemStyles: tailwind_variants.TVReturnType<{
+    isActive: {
+        true: string;
+    };
+}, undefined, undefined, {
+    isActive: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    isActive: {
+        true: string;
+    };
+}, undefined, undefined, unknown, unknown, undefined>>;
+declare const navbarStyles: tailwind_variants.TVReturnType<{
+    position: {
+        static: {
+            base: string;
+        };
+        sticky: {
+            base: string;
+        };
+    };
+    hasBorder: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string;
+    toggle: string;
+    toggleIcon: string[];
+    brand: string;
+    content: string;
+    item: string;
+    menu: string;
+    menuItem: string;
+}, undefined, {
+    position: {
+        static: {
+            base: string;
+        };
+        sticky: {
+            base: string;
+        };
+    };
+    hasBorder: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string;
+    toggle: string;
+    toggleIcon: string[];
+    brand: string;
+    content: string;
+    item: string;
+    menu: string;
+    menuItem: string;
+}, tailwind_variants.TVReturnType<{
+    position: {
+        static: {
+            base: string;
+        };
+        sticky: {
+            base: string;
+        };
+    };
+    hasBorder: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string;
+    toggle: string;
+    toggleIcon: string[];
+    brand: string;
+    content: string;
+    item: string;
+    menu: string;
+    menuItem: string;
+}, undefined, unknown, unknown, undefined>>;
+type NavbarVariantProps = VariantProps<typeof navbarStyles>;
+type NavbarSlots = keyof ReturnType<typeof navbarStyles>;
+
+export { type NavbarSlots, type NavbarVariantProps, navbarMenuItemStyles, navbarStyles, navbarToggleStyles };

package/dist/components/navbar.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _chunkDQXE4H25js = require('../chunk-DQXE4H25.js');
+require('../chunk-UZONBJUX.js');
+require('../chunk-HEB3T2LL.js');
+
+
+
+
+exports.navbarMenuItemStyles = _chunkDQXE4H25js.navbarMenuItemStyles; exports.navbarStyles = _chunkDQXE4H25js.navbarStyles; exports.navbarToggleStyles = _chunkDQXE4H25js.navbarToggleStyles;
+//# sourceMappingURL=navbar.js.map

package/dist/components/navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/navbar.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,6LAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/navbar.js"}

package/dist/components/navbar.mjs

@@ -0,0 +1,13 @@
+import {
+  navbarMenuItemStyles,
+  navbarStyles,
+  navbarToggleStyles
+} from "../chunk-MNSDTJPG.mjs";
+import "../chunk-4JENAMGV.mjs";
+import "../chunk-R6W5A7PF.mjs";
+export {
+  navbarMenuItemStyles,
+  navbarStyles,
+  navbarToggleStyles
+};
+//# sourceMappingURL=navbar.mjs.map

package/dist/components/navbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/toast.js

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkDD73VH23js = require('../chunk-DD73VH23.js');
+var _chunkLFWRTLTKjs = require('../chunk-LFWRTLTK.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.toastStyles = _chunkDD73VH23js.toastStyles;
+exports.toastStyles = _chunkLFWRTLTKjs.toastStyles;
 //# sourceMappingURL=toast.js.map

package/dist/components/toast.mjs

@@ -1,6 +1,6 @@
 import {
   toastStyles
-} from "../chunk-KH4P3E2M.mjs";
+} from "../chunk-2A6ND2I5.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/index.d.mts

@@ -27,10 +27,11 @@ export { FileDropzoneSlots, FileDropzoneVariantProps, FileInfoDropzoneSlots, Fil
 export { NumberFieldSlots, NumberFieldVariantProps, numberFieldStyles } from './components/number-field.mjs';
 export { ModalSlots, ModalVariantProps, modalStyles } from './components/modal.mjs';
 export { ToastSlots, ToastVariantProps, toastStyles } from './components/toast.mjs';
+export { NavbarSlots, NavbarVariantProps, navbarMenuItemStyles, navbarStyles, navbarToggleStyles } from './components/navbar.mjs';
 export { focusClasses, focusVisibleClasses } from './utils/classes.mjs';
 export { customTwMergeConfig, twMerge } from './utils/tw-merge.mjs';
 export { tv } from './utils/tv.mjs';
-export { SlotsToClasses } from './utils/types.mjs';
+export { ClassNameOrFunction, SlotsToClasses } from './utils/types.mjs';
 export { cn } from './utils/cn.mjs';
 export { dataAttr } from './utils/data-attr.mjs';
 export { composeRenderProps, composeTailwindRenderProps } from './utils/rac.mjs';

package/dist/index.d.ts

@@ -27,10 +27,11 @@ export { FileDropzoneSlots, FileDropzoneVariantProps, FileInfoDropzoneSlots, Fil
 export { NumberFieldSlots, NumberFieldVariantProps, numberFieldStyles } from './components/number-field.js';
 export { ModalSlots, ModalVariantProps, modalStyles } from './components/modal.js';
 export { ToastSlots, ToastVariantProps, toastStyles } from './components/toast.js';
+export { NavbarSlots, NavbarVariantProps, navbarMenuItemStyles, navbarStyles, navbarToggleStyles } from './components/navbar.js';
 export { focusClasses, focusVisibleClasses } from './utils/classes.js';
 export { customTwMergeConfig, twMerge } from './utils/tw-merge.js';
 export { tv } from './utils/tv.js';
-export { SlotsToClasses } from './utils/types.js';
+export { ClassNameOrFunction, SlotsToClasses } from './utils/types.js';
 export { cn } from './utils/cn.js';
 export { dataAttr } from './utils/data-attr.js';
 export { composeRenderProps, composeTailwindRenderProps } from './utils/rac.js';

package/dist/index.js

@@ -1,4 +1,9 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-3OVFVMHR.js');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-CLC34I62.js');
+
+
+
+
+var _chunk5FOX35BGjs = require('./chunk-5FOX35BG.js');
 
 
 var _chunkJTSKQACDjs = require('./chunk-JTSKQACD.js');
@@ -19,7 +24,7 @@ var _chunkLG22OEO3js = require('./chunk-LG22OEO3.js');
 var _chunk4HJADAKBjs = require('./chunk-4HJADAKB.js');
 
 
-var _chunkDD73VH23js = require('./chunk-DD73VH23.js');
+var _chunkLFWRTLTKjs = require('./chunk-LFWRTLTK.js');
 
 
 var _chunkKX2AFEAGjs = require('./chunk-KX2AFEAG.js');
@@ -37,19 +42,19 @@ var _chunkBIXVP43Cjs = require('./chunk-BIXVP43C.js');
 var _chunk5GIWUVUBjs = require('./chunk-5GIWUVUB.js');
 
 
-var _chunkGU7JXFE5js = require('./chunk-GU7JXFE5.js');
 
 
-var _chunk57OCRZXHjs = require('./chunk-57OCRZXH.js');
+var _chunkDQXE4H25js = require('./chunk-DQXE4H25.js');
 
 
+var _chunkGU7JXFE5js = require('./chunk-GU7JXFE5.js');
 
-var _chunkGNNN3RQTjs = require('./chunk-GNNN3RQT.js');
 
+var _chunk57OCRZXHjs = require('./chunk-57OCRZXH.js');
 
 
 
-var _chunk5FOX35BGjs = require('./chunk-5FOX35BG.js');
+var _chunkGNNN3RQTjs = require('./chunk-GNNN3RQT.js');
 
 
 
@@ -183,5 +188,8 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
 
 
 
-exports.badgeCloseButtonStyles = _chunkOIVEXSCXjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkOIVEXSCXjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkMZ3OLOEQjs.buttonStyles; exports.calendarStyles = _chunkTXUEDK3Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkMSHUB6BDjs.checkboxGroupStyles; exports.checkboxStyles = _chunkMSHUB6BDjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.focusClasses = _chunk5DZEJPPYjs.focusClasses; exports.focusVisibleClasses = _chunk5DZEJPPYjs.focusVisibleClasses; exports.govtBannerStyles = _chunkM65GZEXAjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunk5GIWUVUBjs.modalStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk57OCRZXHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkEJBX2H7Vjs.tabListStyles; exports.tabPanelStyles = _chunkEJBX2H7Vjs.tabPanelStyles; exports.tabStyles = _chunkEJBX2H7Vjs.tabStyles; exports.tabsStyles = _chunkEJBX2H7Vjs.tabsStyles; exports.tagFieldStyles = _chunkLG22OEO3js.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkDD73VH23js.toastStyles; exports.toggleStyles = _chunkKX2AFEAGjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
+
+
+
+exports.badgeCloseButtonStyles = _chunkOIVEXSCXjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkOIVEXSCXjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkMZ3OLOEQjs.buttonStyles; exports.calendarStyles = _chunkTXUEDK3Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkMSHUB6BDjs.checkboxGroupStyles; exports.checkboxStyles = _chunkMSHUB6BDjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.focusClasses = _chunk5DZEJPPYjs.focusClasses; exports.focusVisibleClasses = _chunk5DZEJPPYjs.focusVisibleClasses; exports.govtBannerStyles = _chunkM65GZEXAjs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunk5GIWUVUBjs.modalStyles; exports.navbarMenuItemStyles = _chunkDQXE4H25js.navbarMenuItemStyles; exports.navbarStyles = _chunkDQXE4H25js.navbarStyles; exports.navbarToggleStyles = _chunkDQXE4H25js.navbarToggleStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk57OCRZXHjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkEJBX2H7Vjs.tabListStyles; exports.tabPanelStyles = _chunkEJBX2H7Vjs.tabPanelStyles; exports.tabStyles = _chunkEJBX2H7Vjs.tabStyles; exports.tabsStyles = _chunkEJBX2H7Vjs.tabsStyles; exports.tagFieldStyles = _chunkLG22OEO3js.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKX2AFEAGjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"],"names":[],"mappings":"AAAA,wGAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,iuGAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"],"names":[],"mappings":"AAAA,wGAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,+5GAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"}

package/dist/index.mjs

@@ -1,4 +1,9 @@
-import "./chunk-4MVGZ23K.mjs";
+import "./chunk-2SQ55S7S.mjs";
+import {
+  selectItemStyles,
+  selectSearchStyles,
+  selectStyles
+} from "./chunk-H6JUN6QG.mjs";
 import {
   skipNavLinkStyles
 } from "./chunk-W2D3UCG4.mjs";
@@ -19,7 +24,7 @@ import {
 } from "./chunk-RKCURSL5.mjs";
 import {
   toastStyles
-} from "./chunk-KH4P3E2M.mjs";
+} from "./chunk-2A6ND2I5.mjs";
 import {
   toggleStyles
 } from "./chunk-6VRFTVGW.mjs";
@@ -35,6 +40,11 @@ import {
 import {
   modalStyles
 } from "./chunk-2YXJ6PIO.mjs";
+import {
+  navbarMenuItemStyles,
+  navbarStyles,
+  navbarToggleStyles
+} from "./chunk-MNSDTJPG.mjs";
 import {
   numberFieldStyles
 } from "./chunk-CSNWJLBM.mjs";
@@ -45,11 +55,6 @@ import {
   popoverArrowStyles,
   popoverStyles
 } from "./chunk-GPTGOTBN.mjs";
-import {
-  selectItemStyles,
-  selectSearchStyles,
-  selectStyles
-} from "./chunk-H6JUN6QG.mjs";
 import {
   dateFieldStyles,
   dateInputStyles
@@ -164,6 +169,9 @@ export {
   menuSectionStyles,
   menuStyles,
   modalStyles,
+  navbarMenuItemStyles,
+  navbarStyles,
+  navbarToggleStyles,
   numberFieldStyles,
   paginationStyles,
   popoverArrowStyles,

package/dist/utils/index.d.mts

@@ -1,7 +1,7 @@
 export { focusClasses, focusVisibleClasses } from './classes.mjs';
 export { customTwMergeConfig, twMerge } from './tw-merge.mjs';
 export { tv } from './tv.mjs';
-export { SlotsToClasses } from './types.mjs';
+export { ClassNameOrFunction, SlotsToClasses } from './types.mjs';
 export { cn } from './cn.mjs';
 export { dataAttr } from './data-attr.mjs';
 export { composeRenderProps, composeTailwindRenderProps } from './rac.mjs';

package/dist/utils/index.d.ts

@@ -1,7 +1,7 @@
 export { focusClasses, focusVisibleClasses } from './classes.js';
 export { customTwMergeConfig, twMerge } from './tw-merge.js';
 export { tv } from './tv.js';
-export { SlotsToClasses } from './types.js';
+export { ClassNameOrFunction, SlotsToClasses } from './types.js';
 export { cn } from './cn.js';
 export { dataAttr } from './data-attr.js';
 export { composeRenderProps, composeTailwindRenderProps } from './rac.js';

package/dist/utils/types.d.mts

@@ -4,5 +4,6 @@
 type SlotsToClasses<S extends string> = {
     [key in S]?: string;
 };
+type ClassNameOrFunction<T> = string | ((values: T) => string);
 
-export type { SlotsToClasses };
+export type { ClassNameOrFunction, SlotsToClasses };

package/dist/utils/types.d.ts

@@ -4,5 +4,6 @@
 type SlotsToClasses<S extends string> = {
     [key in S]?: string;
 };
+type ClassNameOrFunction<T> = string | ((values: T) => string);
 
-export type { SlotsToClasses };
+export type { ClassNameOrFunction, SlotsToClasses };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "sideEffects": false,
   "files": [
     "dist",

package/dist/chunk-3OVFVMHR.js

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

package/dist/chunk-4MVGZ23K.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-4MVGZ23K.mjs.map

package/dist/chunk-DD73VH23.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DD73VH23.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,cAAA;AAAA,IACN,KAAA,EACE,kLAAA;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,EAAS,uCAAA;AAAA,IACT,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;ADLD;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DD73VH23.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\",\n    toast:\n      \"group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 overflow-hidden rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10\",\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: \"flex w-full shrink-0 flex-col gap-0.5\",\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-KH4P3E2M.mjs.map

@@ -1 +0,0 @@
-{"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\",\n    toast:\n      \"group/toast text-base-content-default relative flex w-(--width) flex-wrap items-start gap-2 overflow-hidden rounded-sm px-4 py-3 has-data-close-button:pr-12 has-data-icon:pl-10\",\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: \"flex w-full shrink-0 flex-col gap-0.5\",\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,SAAS;AAAA,IACT,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":[]}