@opengovsg/oui-theme 0.0.10 → 0.0.12

package/dist/chunk-JVXQS55M.mjs

@@ -0,0 +1,52 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/date-range-picker.ts
+var dateRangePickerStyles = tv({
+  slots: {
+    dateWrapper: "inline-flex flex-1 items-center overflow-x-auto",
+    startInput: "min-w-fit flex-0",
+    endInput: "min-w-fit flex-0",
+    base: "group isolate flex flex-col gap-1",
+    group: "group-disabled:text-interaction-support-disabled-content text-base-content-default",
+    dialog: "flex",
+    selectorButton: "group-focus-within:",
+    calendarButton: "z-1 -m-px text-inherit -outline-offset-1",
+    connector: ""
+  },
+  variants: {
+    variant: {},
+    size: {
+      xs: {
+        group: "h-9",
+        dateWrapper: "px-3 py-2",
+        startInput: "pe-1.5",
+        endInput: "ps-1.5",
+        connector: "prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1"
+      },
+      sm: {
+        group: "h-10",
+        dateWrapper: "px-3 py-2.5",
+        startInput: "pe-1.5",
+        endInput: "ps-1.5",
+        connector: "prose-body-2 max-sm:prose-body"
+      },
+      md: {
+        group: "h-11",
+        dateWrapper: "px-4 py-2.5",
+        startInput: "pe-2",
+        endInput: "ps-2",
+        connector: "prose-body-1"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+export {
+  dateRangePickerStyles
+};
+//# sourceMappingURL=chunk-JVXQS55M.mjs.map

package/dist/chunk-JVXQS55M.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-range-picker.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const dateRangePickerStyles = tv({\n  slots: {\n    dateWrapper: \"inline-flex flex-1 items-center overflow-x-auto\",\n    startInput: \"min-w-fit flex-0\",\n    endInput: \"min-w-fit flex-0\",\n    base: \"group isolate flex flex-col gap-1\",\n    group:\n      \"group-disabled:text-interaction-support-disabled-content text-base-content-default\",\n    dialog: \"flex\",\n    selectorButton: \"group-focus-within:\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n    connector: \"\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        group: \"h-9\",\n        dateWrapper: \"px-3 py-2\",\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector:\n          \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        group: \"h-10\",\n        dateWrapper: \"px-3 py-2.5\",\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        group: \"h-11\",\n        dateWrapper: \"px-4 py-2.5\",\n        startInput: \"pe-2\",\n        endInput: \"ps-2\",\n        connector: \"prose-body-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DateRangePickerSlots = keyof ReturnType<\n  typeof dateRangePickerStyles\n>\nexport type DateRangePickerVariantProps = VariantProps<\n  typeof dateRangePickerStyles\n>\n"],"mappings":";;;;;AAIO,IAAM,wBAAwB,GAAG;AAAA,EACtC,OAAO;AAAA,IACL,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OACE;AAAA,IACF,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WACE;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/{chunk-3GUL7NAV.js → chunk-LQDQQV7X.js}

@@ -4,7 +4,7 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 
 // src/components/field.ts
 var labelStyles = _chunkUZONBJUXjs.tv.call(void 0, {
-  base: "text-base-content-strong w-fit cursor-default",
+  base: "text-base-content-strong flex w-fit cursor-default flex-col",
   variants: {
     size: {
       xs: "prose-subhead-2",
@@ -51,4 +51,4 @@ var fieldErrorStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.labelStyles = labelStyles; exports.descriptionStyles = descriptionStyles; exports.fieldErrorStyles = fieldErrorStyles;
-//# sourceMappingURL=chunk-3GUL7NAV.js.map
+//# sourceMappingURL=chunk-LQDQQV7X.js.map

package/dist/chunk-LQDQQV7X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LQDQQV7X.js","../src/components/field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,IAAA,EAAM,6DAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAIM,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,IAAA,EAAM,0BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAIM,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU,CAAA;AAAA,MAC5C,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU,CAAA;AAAA,MAC5C,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU;AAAA,IAC9C;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADJD;AACA;AACE;AACA;AACA;AACF,8HAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LQDQQV7X.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const labelStyles = tv({\n  base: \"text-base-content-strong flex w-fit cursor-default flex-col\",\n  variants: {\n    size: {\n      xs: \"prose-subhead-2\",\n      sm: \"prose-subhead-2\",\n      md: \"prose-subhead-1\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type LabelVariantProps = VariantProps<typeof labelStyles>\n\nexport const descriptionStyles = tv({\n  base: \"text-base-content-medium\",\n  variants: {\n    size: {\n      xs: \"prose-body-2\",\n      sm: \"prose-body-2\",\n      md: \"prose-body-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DescriptionVariantProps = VariantProps<typeof descriptionStyles>\n\nexport const fieldErrorStyles = tv({\n  slots: {\n    icon: \"\",\n    text: \"text-utility-feedback-critical flex flex-row flex-wrap items-center gap-2\",\n  },\n  variants: {\n    size: {\n      xs: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n      sm: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n      md: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type FieldErrorVariantProps = VariantProps<typeof fieldErrorStyles>\nexport type FieldErrorSlots = keyof ReturnType<typeof fieldErrorStyles>\n"]}

package/dist/chunk-OXGFRESN.js

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkDB7X5OUPjs = require('./chunk-DB7X5OUP.js');
+
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/date-field.ts
+var dateInputStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "block min-w-[150px]",
+    segment: "type-literal:px-0 rounded-xs inline p-0.5 text-gray-800 caret-transparent outline-0 forced-color-adjust-none dark:text-zinc-200 forced-colors:text-[ButtonText]"
+  },
+  variants: {
+    variant: {},
+    isPlaceholder: {
+      true: {
+        segment: "text-interaction-support-placeholder"
+      },
+      false: {
+        segment: "text-base-content-default"
+      }
+    },
+    isDisabled: {
+      true: {
+        segment: "text-interaction-support-disabled-content forced-colors:text-[GrayText]"
+      }
+    },
+    isFocused: {
+      true: {
+        segment: "bg-interaction-main-default text-white dark:text-white forced-colors:bg-[Highlight] forced-colors:text-[HighlightText]"
+      }
+    },
+    size: {
+      xs: {
+        base: "prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1"
+      },
+      sm: {
+        base: "prose-body-2 max-sm:prose-body"
+      },
+      md: {
+        base: "prose-body-1"
+      }
+    }
+  }
+});
+var dateFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  extend: _chunkDB7X5OUPjs.inputStyles
+});
+
+
+
+
+exports.dateInputStyles = dateInputStyles; exports.dateFieldStyles = dateFieldStyles;
+//# sourceMappingURL=chunk-OXGFRESN.js.map

package/dist/chunk-OXGFRESN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OXGFRESN.js","../src/components/date-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qBAAA;AAAA,IACN,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,OAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,OAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAKM,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,MAAA,EAAQ;AACV,CAAC,CAAA;ADHD;AACA;AACE;AACA;AACF,qFAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OXGFRESN.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const dateInputStyles = tv({\n  slots: {\n    base: \"block min-w-[150px]\",\n    segment:\n      \"type-literal:px-0 rounded-xs inline p-0.5 text-gray-800 caret-transparent outline-0 forced-color-adjust-none dark:text-zinc-200 forced-colors:text-[ButtonText]\",\n  },\n  variants: {\n    variant: {},\n    isPlaceholder: {\n      true: {\n        segment: \"text-interaction-support-placeholder\",\n      },\n      false: {\n        segment: \"text-base-content-default\",\n      },\n    },\n    isDisabled: {\n      true: {\n        segment:\n          \"text-interaction-support-disabled-content forced-colors:text-[GrayText]\",\n      },\n    },\n    isFocused: {\n      true: {\n        segment:\n          \"bg-interaction-main-default text-white dark:text-white forced-colors:bg-[Highlight] forced-colors:text-[HighlightText]\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        base: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        base: \"prose-body-1\",\n      },\n    },\n  },\n})\n\nexport type DateInputSlots = keyof ReturnType<typeof dateInputStyles>\nexport type DateInputVariantProps = VariantProps<typeof dateInputStyles>\n\nexport const dateFieldStyles = tv({\n  extend: inputStyles,\n})\n\nexport type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>\n"]}

package/dist/{chunk-LB4U4MBD.mjs → chunk-OZPPDCIJ.mjs}

@@ -1,12 +1,12 @@
 import {
   colorVariantsWithState
 } from "./chunk-C7FUGWVY.mjs";
-import {
-  focusVisibleClasses
-} from "./chunk-SFKXXWVK.mjs";
 import {
   cn
 } from "./chunk-HAUMMW6T.mjs";
+import {
+  focusVisibleClasses
+} from "./chunk-SFKXXWVK.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -23,6 +23,7 @@ var buttonStyles = tv({
       default: ""
     },
     variant: {
+      field: "",
       solid: "",
       reverse: "",
       outline: "",
@@ -56,6 +57,9 @@ var buttonStyles = tv({
       true: "!gap-0 px-0",
       false: "[&>svg]:max-w-[theme(spacing.8)]"
     },
+    isAttached: {
+      true: "rounded-s-none"
+    },
     size: {
       xs: "prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2",
       sm: "prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2",
@@ -201,4 +205,4 @@ var buttonStyles = tv({
 export {
   buttonStyles
 };
-//# sourceMappingURL=chunk-LB4U4MBD.mjs.map
+//# sourceMappingURL=chunk-OZPPDCIJ.mjs.map

package/dist/chunk-OZPPDCIJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button.ts"],"sourcesContent":["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"],"mappings":"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","names":[]}

package/dist/chunk-RYFMG27C.js

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/date-range-picker.ts
+var dateRangePickerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    dateWrapper: "inline-flex flex-1 items-center overflow-x-auto",
+    startInput: "min-w-fit flex-0",
+    endInput: "min-w-fit flex-0",
+    base: "group isolate flex flex-col gap-1",
+    group: "group-disabled:text-interaction-support-disabled-content text-base-content-default",
+    dialog: "flex",
+    selectorButton: "group-focus-within:",
+    calendarButton: "z-1 -m-px text-inherit -outline-offset-1",
+    connector: ""
+  },
+  variants: {
+    variant: {},
+    size: {
+      xs: {
+        group: "h-9",
+        dateWrapper: "px-3 py-2",
+        startInput: "pe-1.5",
+        endInput: "ps-1.5",
+        connector: "prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1"
+      },
+      sm: {
+        group: "h-10",
+        dateWrapper: "px-3 py-2.5",
+        startInput: "pe-1.5",
+        endInput: "ps-1.5",
+        connector: "prose-body-2 max-sm:prose-body"
+      },
+      md: {
+        group: "h-11",
+        dateWrapper: "px-4 py-2.5",
+        startInput: "pe-2",
+        endInput: "ps-2",
+        connector: "prose-body-1"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+
+
+exports.dateRangePickerStyles = dateRangePickerStyles;
+//# sourceMappingURL=chunk-RYFMG27C.js.map

package/dist/chunk-RYFMG27C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-RYFMG27C.js","../src/components/date-range-picker.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,sBAAA,EAAwB,iCAAA;AAAG,EACtC,KAAA,EAAO;AAAA,IACL,WAAA,EAAa,iDAAA;AAAA,IACb,UAAA,EAAY,kBAAA;AAAA,IACZ,QAAA,EAAU,kBAAA;AAAA,IACV,IAAA,EAAM,mCAAA;AAAA,IACN,KAAA,EACE,oFAAA;AAAA,IACF,MAAA,EAAQ,MAAA;AAAA,IACR,cAAA,EAAgB,qBAAA;AAAA,IAChB,cAAA,EAAgB,0CAAA;AAAA,IAChB,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,KAAA;AAAA,QACP,WAAA,EAAa,WAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,QAAA,EAAU,QAAA;AAAA,QACV,SAAA,EACE;AAAA,MACJ,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,MAAA;AAAA,QACP,WAAA,EAAa,aAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,QAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,MAAA;AAAA,QACP,WAAA,EAAa,aAAA;AAAA,QACb,UAAA,EAAY,MAAA;AAAA,QACZ,QAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACF,sDAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-RYFMG27C.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const dateRangePickerStyles = tv({\n  slots: {\n    dateWrapper: \"inline-flex flex-1 items-center overflow-x-auto\",\n    startInput: \"min-w-fit flex-0\",\n    endInput: \"min-w-fit flex-0\",\n    base: \"group isolate flex flex-col gap-1\",\n    group:\n      \"group-disabled:text-interaction-support-disabled-content text-base-content-default\",\n    dialog: \"flex\",\n    selectorButton: \"group-focus-within:\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n    connector: \"\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        group: \"h-9\",\n        dateWrapper: \"px-3 py-2\",\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector:\n          \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        group: \"h-10\",\n        dateWrapper: \"px-3 py-2.5\",\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        group: \"h-11\",\n        dateWrapper: \"px-4 py-2.5\",\n        startInput: \"pe-2\",\n        endInput: \"ps-2\",\n        connector: \"prose-body-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DateRangePickerSlots = keyof ReturnType<\n  typeof dateRangePickerStyles\n>\nexport type DateRangePickerVariantProps = VariantProps<\n  typeof dateRangePickerStyles\n>\n"]}

package/dist/{chunk-SETXC4VI.mjs → chunk-SUTSDQSC.mjs}

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

package/dist/{chunk-WWEFJ54B.js → chunk-TQ3MGBT6.js}

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

package/dist/{chunk-WWEFJ54B.js.map → chunk-TQ3MGBT6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-WWEFJ54B.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-WWEFJ54B.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-TQ3MGBT6.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-TQ3MGBT6.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-TBOBJYPO.mjs → chunk-UQLG4DEZ.mjs}

@@ -4,7 +4,7 @@ import {
 
 // src/components/field.ts
 var labelStyles = tv({
-  base: "text-base-content-strong w-fit cursor-default",
+  base: "text-base-content-strong flex w-fit cursor-default flex-col",
   variants: {
     size: {
       xs: "prose-subhead-2",
@@ -51,4 +51,4 @@ export {
   descriptionStyles,
   fieldErrorStyles
 };
-//# sourceMappingURL=chunk-TBOBJYPO.mjs.map
+//# sourceMappingURL=chunk-UQLG4DEZ.mjs.map

package/dist/chunk-UQLG4DEZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const labelStyles = tv({\n  base: \"text-base-content-strong flex w-fit cursor-default flex-col\",\n  variants: {\n    size: {\n      xs: \"prose-subhead-2\",\n      sm: \"prose-subhead-2\",\n      md: \"prose-subhead-1\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type LabelVariantProps = VariantProps<typeof labelStyles>\n\nexport const descriptionStyles = tv({\n  base: \"text-base-content-medium\",\n  variants: {\n    size: {\n      xs: \"prose-body-2\",\n      sm: \"prose-body-2\",\n      md: \"prose-body-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DescriptionVariantProps = VariantProps<typeof descriptionStyles>\n\nexport const fieldErrorStyles = tv({\n  slots: {\n    icon: \"\",\n    text: \"text-utility-feedback-critical flex flex-row flex-wrap items-center gap-2\",\n  },\n  variants: {\n    size: {\n      xs: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n      sm: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n      md: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type FieldErrorVariantProps = VariantProps<typeof fieldErrorStyles>\nexport type FieldErrorSlots = keyof ReturnType<typeof fieldErrorStyles>\n"],"mappings":";;;;;AAIO,IAAM,cAAc,GAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,IAAM,oBAAoB,GAAG;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,gBAAgB,MAAM,UAAU;AAAA,MAC5C,IAAI,EAAE,MAAM,gBAAgB,MAAM,UAAU;AAAA,MAC5C,IAAI,EAAE,MAAM,gBAAgB,MAAM,UAAU;AAAA,IAC9C;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/chunk-WG2AEB3W.mjs

@@ -0,0 +1,40 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/date-picker.ts
+var datePickerStyles = tv({
+  slots: {
+    base: "group isolate flex flex-col gap-1",
+    group: "",
+    input: "flex-1",
+    dialog: "flex",
+    selectorButton: "group-focus-within:",
+    calendarButton: "z-1 -m-px text-inherit -outline-offset-1"
+  },
+  variants: {
+    variant: {},
+    size: {
+      xs: {
+        group: "h-9",
+        input: "px-3 py-2"
+      },
+      sm: {
+        group: "h-10",
+        input: "px-3 py-2.5"
+      },
+      md: {
+        group: "h-11",
+        input: "px-4 py-2.5"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+export {
+  datePickerStyles
+};
+//# sourceMappingURL=chunk-WG2AEB3W.mjs.map

package/dist/chunk-WG2AEB3W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-picker.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const datePickerStyles = tv({\n  slots: {\n    base: \"group isolate flex flex-col gap-1\",\n    group: \"\",\n    input: \"flex-1\",\n    dialog: \"flex\",\n    selectorButton: \"group-focus-within:\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        group: \"h-9\",\n        input: \"px-3 py-2\",\n      },\n      sm: {\n        group: \"h-10\",\n        input: \"px-3 py-2.5\",\n      },\n      md: {\n        group: \"h-11\",\n        input: \"px-4 py-2.5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DatePickerSlots = keyof ReturnType<typeof datePickerStyles>\nexport type DatePickerVariantProps = VariantProps<typeof datePickerStyles>\n"],"mappings":";;;;;AAIO,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/{chunk-KHQ7EBS5.mjs → chunk-XBNY4LLV.mjs}

@@ -2,12 +2,12 @@ import {
   colorVariants,
   colorVariantsWithState
 } from "./chunk-C7FUGWVY.mjs";
-import {
-  racFocusRing
-} from "./chunk-SFKXXWVK.mjs";
 import {
   cn
 } from "./chunk-HAUMMW6T.mjs";
+import {
+  racFocusRing
+} from "./chunk-SFKXXWVK.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -280,4 +280,4 @@ export {
   badgeCloseButtonStyles,
   badgeStyles
 };
-//# sourceMappingURL=chunk-KHQ7EBS5.mjs.map
+//# sourceMappingURL=chunk-XBNY4LLV.mjs.map

package/dist/chunk-XJNNSVHS.js

@@ -0,0 +1,207 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
+
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/tabs.ts
+var tabsStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  base: "isolate flex gap-4",
+  variants: {
+    variant: {
+      underlined: "",
+      bordered: ""
+    },
+    prominence: {
+      normal: "",
+      strong: ""
+    },
+    orientation: {
+      horizontal: "flex-col",
+      vertical: "w-[800px] flex-row"
+    },
+    size: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  }
+});
+var tabStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  extend: _chunkX2UCVIR5js.racFocusRing,
+  base: "group relative flex w-fit shrink-0 cursor-pointer items-center justify-center transition forced-color-adjust-none",
+  variants: {
+    variant: {
+      underlined: "selected:border-interaction-main-default dark:selected:border-base-divider-inverse",
+      bordered: "border-base-divider-strong not-selected:hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active border"
+    },
+    prominence: {
+      normal: "",
+      strong: ""
+    },
+    isSelected: {
+      false: "",
+      true: "text-interaction-main-default dark:text-base-content-inverse"
+    },
+    isDisabled: {
+      true: "forced-colors:selected:text-[HighlightText] text-interaction-support-disabled-content cursor-not-allowed forced-colors:text-[GrayText]"
+    },
+    size: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: ""
+    },
+    orientation: {
+      horizontal: "",
+      vertical: "w-full justify-start outline-offset-0"
+    }
+  },
+  compoundVariants: [
+    // Underlined variant
+    {
+      variant: "underlined",
+      isSelected: false,
+      isDisabled: false,
+      className: "text-interaction-support-unselected-strong dark:text-interaction-support-unselected"
+    },
+    {
+      variant: "underlined",
+      isDisabled: true,
+      className: "selected:text-interaction-support-disabled-content dark:selected:text-base-content-inverse selected:border-base-divider-strong text-interaction-support-disabled-content dark:text-interaction-support-unselected"
+    },
+    {
+      prominence: "strong",
+      variant: "underlined",
+      size: "md",
+      className: "prose-subhead-3"
+    },
+    {
+      prominence: "normal",
+      size: "md",
+      orientation: "horizontal",
+      className: "prose-subhead-2"
+    },
+    {
+      variant: "underlined",
+      orientation: "horizontal",
+      className: "border-b-2 border-transparent pb-0.5"
+    },
+    {
+      size: "md",
+      variant: "underlined",
+      className: "gap-4"
+    },
+    // Bordered variant
+    {
+      variant: "bordered",
+      size: "xs",
+      className: "px-4 py-2"
+    },
+    {
+      variant: "bordered",
+      size: "sm",
+      className: "px-4 py-2"
+    },
+    {
+      variant: "bordered",
+      size: "md",
+      className: "px-4 py-2.5"
+    },
+    {
+      variant: "bordered",
+      size: "lg",
+      className: "px-4 py-3"
+    },
+    {
+      variant: "bordered",
+      isSelected: true,
+      className: "bg-interaction-muted-main-active border-interaction-main-default z-1"
+    },
+    {
+      variant: "bordered",
+      isDisabled: true,
+      className: "bg-interaction-support-disabled selected:text-interaction-support-disabled-content border-base-divider-strong selected:bg-interaction-muted-main-active active:bg-interaction-support-disabled"
+    },
+    {
+      variant: "bordered",
+      orientation: "horizontal",
+      className: "not-last:-me-px first:rounded-s-sm last:rounded-e-sm"
+    },
+    {
+      variant: "bordered",
+      orientation: "vertical",
+      className: "not-last:-mb-px first:rounded-t-sm last:rounded-b-sm"
+    },
+    // Vertical orientation
+    {
+      prominence: "normal",
+      size: "md",
+      orientation: "vertical",
+      className: "prose-body-1"
+    },
+    {
+      variant: "underlined",
+      orientation: "vertical",
+      className: "hover:text-interaction-main-hover dark:hover:text-base-content-inverse dark:active:text-base-content-inverse active:text-interaction-main-hover dark:hover:bg-interaction-tinted-inverse-hover dark:active:bg-interaction-tinted-inverse-active hover:bg-interaction-muted-main-hover border-base-divider-strong active:bg-interaction-muted-main-active border-l-2 pb-0.5"
+    },
+    {
+      size: "md",
+      variant: "underlined",
+      orientation: "vertical",
+      className: "px-6 py-4"
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    prominence: "strong",
+    orientation: "horizontal",
+    variant: "underlined"
+  }
+});
+var tabPanelStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  extend: _chunkX2UCVIR5js.racFocusRing,
+  base: "text-base-content-default dark:text-base-content-inverse flex-1"
+});
+var tabListStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  base: "flex",
+  variants: {
+    variant: {
+      underlined: "",
+      bordered: ""
+    },
+    orientation: {
+      horizontal: "flex-row overflow-x-auto",
+      vertical: "flex-col items-start overflow-y-auto"
+    },
+    size: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  compoundVariants: [
+    {
+      size: "md",
+      orientation: "horizontal",
+      variant: "underlined",
+      className: "gap-8"
+    }
+  ],
+  defaultVariants: {
+    orientation: "horizontal",
+    variant: "underlined",
+    size: "md"
+  }
+});
+
+
+
+
+
+
+exports.tabsStyles = tabsStyles; exports.tabStyles = tabStyles; exports.tabPanelStyles = tabPanelStyles; exports.tabListStyles = tabListStyles;
+//# sourceMappingURL=chunk-XJNNSVHS.js.map

package/dist/chunk-XJNNSVHS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-XJNNSVHS.js","../src/components/tabs.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-XJNNSVHS.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const tabsStyles = tv({\n  base: \"isolate flex gap-4\",\n  variants: {\n    variant: {\n      underlined: \"\",\n      bordered: \"\",\n    },\n    prominence: {\n      normal: \"\",\n      strong: \"\",\n    },\n    orientation: {\n      horizontal: \"flex-col\",\n      vertical: \"w-[800px] flex-row\",\n    },\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n    },\n  },\n})\nexport type TabsVariantProps = VariantProps<typeof tabsStyles>\n\nexport const tabStyles = tv({\n  extend: racFocusRing,\n  base: \"group relative flex w-fit shrink-0 cursor-pointer items-center justify-center transition forced-color-adjust-none\",\n  variants: {\n    variant: {\n      underlined:\n        \"selected:border-interaction-main-default dark:selected:border-base-divider-inverse\",\n      bordered:\n        \"border-base-divider-strong not-selected:hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active border\",\n    },\n    prominence: {\n      normal: \"\",\n      strong: \"\",\n    },\n    isSelected: {\n      false: \"\",\n      true: \"text-interaction-main-default dark:text-base-content-inverse\",\n    },\n    isDisabled: {\n      true: \"forced-colors:selected:text-[HighlightText] text-interaction-support-disabled-content cursor-not-allowed forced-colors:text-[GrayText]\",\n    },\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n    },\n    orientation: {\n      horizontal: \"\",\n      vertical: \"w-full justify-start outline-offset-0\",\n    },\n  },\n  compoundVariants: [\n    // Underlined variant\n    {\n      variant: \"underlined\",\n      isSelected: false,\n      isDisabled: false,\n      className:\n        \"text-interaction-support-unselected-strong dark:text-interaction-support-unselected\",\n    },\n    {\n      variant: \"underlined\",\n      isDisabled: true,\n      className:\n        \"selected:text-interaction-support-disabled-content dark:selected:text-base-content-inverse selected:border-base-divider-strong text-interaction-support-disabled-content dark:text-interaction-support-unselected\",\n    },\n    {\n      prominence: \"strong\",\n      variant: \"underlined\",\n      size: \"md\",\n      className: \"prose-subhead-3\",\n    },\n    {\n      prominence: \"normal\",\n      size: \"md\",\n      orientation: \"horizontal\",\n      className: \"prose-subhead-2\",\n    },\n    {\n      variant: \"underlined\",\n      orientation: \"horizontal\",\n      className: \"border-b-2 border-transparent pb-0.5\",\n    },\n    {\n      size: \"md\",\n      variant: \"underlined\",\n      className: \"gap-4\",\n    },\n    // Bordered variant\n    {\n      variant: \"bordered\",\n      size: \"xs\",\n      className: \"px-4 py-2\",\n    },\n    {\n      variant: \"bordered\",\n      size: \"sm\",\n      className: \"px-4 py-2\",\n    },\n    {\n      variant: \"bordered\",\n      size: \"md\",\n      className: \"px-4 py-2.5\",\n    },\n    {\n      variant: \"bordered\",\n      size: \"lg\",\n      className: \"px-4 py-3\",\n    },\n    {\n      variant: \"bordered\",\n      isSelected: true,\n      className:\n        \"bg-interaction-muted-main-active border-interaction-main-default z-1\",\n    },\n    {\n      variant: \"bordered\",\n      isDisabled: true,\n      className:\n        \"bg-interaction-support-disabled selected:text-interaction-support-disabled-content border-base-divider-strong selected:bg-interaction-muted-main-active active:bg-interaction-support-disabled\",\n    },\n    {\n      variant: \"bordered\",\n      orientation: \"horizontal\",\n      className: \"not-last:-me-px first:rounded-s-sm last:rounded-e-sm\",\n    },\n    {\n      variant: \"bordered\",\n      orientation: \"vertical\",\n      className: \"not-last:-mb-px first:rounded-t-sm last:rounded-b-sm\",\n    },\n    // Vertical orientation\n    {\n      prominence: \"normal\",\n      size: \"md\",\n      orientation: \"vertical\",\n      className: \"prose-body-1\",\n    },\n    {\n      variant: \"underlined\",\n      orientation: \"vertical\",\n      className:\n        \"hover:text-interaction-main-hover dark:hover:text-base-content-inverse dark:active:text-base-content-inverse active:text-interaction-main-hover dark:hover:bg-interaction-tinted-inverse-hover dark:active:bg-interaction-tinted-inverse-active hover:bg-interaction-muted-main-hover border-base-divider-strong active:bg-interaction-muted-main-active border-l-2 pb-0.5\",\n    },\n    {\n      size: \"md\",\n      variant: \"underlined\",\n      orientation: \"vertical\",\n      className: \"px-6 py-4\",\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    prominence: \"strong\",\n    orientation: \"horizontal\",\n    variant: \"underlined\",\n  },\n})\n\nexport type TabVariantProps = VariantProps<typeof tabStyles>\n\nexport const tabPanelStyles = tv({\n  extend: racFocusRing,\n  base: \"text-base-content-default dark:text-base-content-inverse flex-1\",\n})\n\nexport type TabPanelVariantProps = VariantProps<typeof tabPanelStyles>\n\nexport const tabListStyles = tv({\n  base: \"flex\",\n  variants: {\n    variant: {\n      underlined: \"\",\n      bordered: \"\",\n    },\n    orientation: {\n      horizontal: \"flex-row overflow-x-auto\",\n      vertical: \"flex-col items-start overflow-y-auto\",\n    },\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"md\",\n      orientation: \"horizontal\",\n      variant: \"underlined\",\n      className: \"gap-8\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"horizontal\",\n    variant: \"underlined\",\n    size: \"md\",\n  },\n})\n\nexport type TabListVariantProps = VariantProps<typeof tabListStyles>\n"]}