@opengovsg/oui-theme 0.0.0-snapshot-20250311073924

package/dist/chunk-7SYUA43A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-7SYUA43A.js","../src/components/banner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,sBAAA;AAAA,IACN,mBAAA,EAAqB,EAAA;AAAA,IACrB,eAAA,EAAiB,EAAA;AAAA,IACjB,OAAA,EAAS,MAAA;AAAA,IACT,IAAA,EAAM,UAAA;AAAA,IACN,aAAA,EAAe;AAAA,EACjB,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,QAAA,EAAU,EAAA;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,oDAAA;AAAA,QACN,aAAA,EACE;AAAA,MACJ,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,sDAAA;AAAA,QACN,aAAA,EAAe;AAAA,MACjB,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,wDAAA;AAAA,QACN,aAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,8BAAA;AAAA,QACN,OAAA,EAAS,OAAA;AAAA,QACT,IAAA,EAAM,eAAA;AAAA,QACN,aAAA,EAAe;AAAA,MACjB,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,8BAAA;AAAA,QACN,OAAA,EAAS,OAAA;AAAA,QACT,IAAA,EAAM,eAAA;AAAA,QACN,aAAA,EAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,MAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACF,oCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-7SYUA43A.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const bannerStyles = tv({\n  slots: {\n    base: \"flex justify-between\",\n    startContentWrapper: \"\",\n    childrenWrapper: \"\",\n    content: \"flex\",\n    icon: \"shrink-0\",\n    dismissButton: \"shrink-0\",\n  },\n  variants: {\n    variant: {\n      unstyled: \"\",\n      info: {\n        base: \"bg-utility-feedback-info text-base-content-inverse\",\n        dismissButton:\n          \"focus-visible:outline-utility-focus-inverse text-base-content-inverse\",\n      },\n      warning: {\n        base: \"bg-utility-feedback-warning text-base-content-strong\",\n        dismissButton: \"text-base-content-strong\",\n      },\n      error: {\n        base: \"bg-utility-feedback-critical text-base-content-inverse\",\n        dismissButton:\n          \"focus-visible:outline-utility-focus-inverse text-base-content-inverse\",\n      },\n    },\n    size: {\n      sm: {\n        base: \"prose-body-2 gap-2 px-3 py-2\",\n        content: \"gap-2\",\n        icon: \"mt-0.5 size-4\",\n        dismissButton: \"-my-2 -mr-2\",\n      },\n      md: {\n        base: \"prose-body-1 gap-2 px-3 py-2\",\n        content: \"gap-2\",\n        icon: \"mt-0.5 size-5\",\n        dismissButton: \"-my-1.5 -mr-2\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"info\",\n    size: \"md\",\n  },\n})\n\nexport type BannerVariantProps = VariantProps<typeof bannerStyles>\nexport type BannerSlots = keyof ReturnType<typeof bannerStyles>\n"]}

package/dist/chunk-7XIXHTLH.mjs

@@ -0,0 +1,74 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/spinner.ts
+var spinnerStyles = tv({
+  slots: {
+    base: "relative inline-flex flex-col items-center justify-center gap-2",
+    wrapper: "relative flex",
+    circle1: [
+      "absolute",
+      "w-full",
+      "h-full",
+      "rounded-full",
+      "animate-spinner-ease-spin",
+      "border-2",
+      "border-solid",
+      "border-t-transparent",
+      "border-l-transparent",
+      "border-r-transparent"
+    ],
+    circle2: [
+      "absolute",
+      "w-full",
+      "h-full",
+      "rounded-full",
+      "opacity-75",
+      "animate-spinner-linear-spin",
+      "border-2",
+      "border-dotted",
+      "border-t-transparent",
+      "border-l-transparent",
+      "border-r-transparent"
+    ]
+  },
+  variants: {
+    size: {
+      sm: {
+        wrapper: "h-5 w-5",
+        circle1: "border-2",
+        circle2: "border-2"
+      },
+      md: {
+        wrapper: "h-8 w-8",
+        circle1: "border-3",
+        circle2: "border-3"
+      },
+      lg: {
+        wrapper: "h-10 w-10",
+        circle1: "border-3",
+        circle2: "border-3"
+      }
+    },
+    color: {
+      current: {
+        circle1: "border-b-current",
+        circle2: "border-b-current"
+      },
+      white: {
+        circle1: "border-b-white",
+        circle2: "border-b-white"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "current"
+  }
+});
+
+export {
+  spinnerStyles
+};
+//# sourceMappingURL=chunk-7XIXHTLH.mjs.map

package/dist/chunk-7XIXHTLH.mjs.map

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

package/dist/chunk-AVNHKMOD.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/skip-nav-link.ts
+var skipNavLinkStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  base: "sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only"
+});
+
+
+
+exports.skipNavLinkStyles = skipNavLinkStyles;
+//# sourceMappingURL=chunk-AVNHKMOD.js.map

package/dist/chunk-AVNHKMOD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-AVNHKMOD.js","../src/components/skip-nav-link.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,IAAA,EAAM;AACR,CAAC,CAAA;ADED;AACA;AACE;AACF,8CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-AVNHKMOD.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const skipNavLinkStyles = tv({\n  base: \"sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only\",\n})\n\nexport type SkipNavLinkVariantProps = VariantProps<typeof skipNavLinkStyles>\n"]}

package/dist/chunk-BGCTGU25.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkWTYHPAGQjs = require('./chunk-WTYHPAGQ.js');
+
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/text-area.ts
+var textAreaStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  extend: _chunkWTYHPAGQjs.inputStyles,
+  base: [],
+  variants: {
+    variant: {},
+    size: {
+      xs: "h-auto",
+      sm: "h-auto",
+      md: "h-auto"
+    }
+  },
+  defaultVariants: {}
+});
+
+
+
+exports.textAreaStyles = textAreaStyles;
+//# sourceMappingURL=chunk-BGCTGU25.js.map

package/dist/chunk-BGCTGU25.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BGCTGU25.js","../src/components/text-area.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,MAAA,EAAQ,4BAAA;AAAA,EACR,IAAA,EAAM,CAAC,CAAA;AAAA,EACP,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB,CAAC;AACpB,CAAC,CAAA;ADID;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BGCTGU25.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const textAreaStyles = tv({\n  extend: inputStyles,\n  base: [],\n  variants: {\n    variant: {},\n    size: {\n      xs: \"h-auto\",\n      sm: \"h-auto\",\n      md: \"h-auto\",\n    },\n  },\n  defaultVariants: {},\n})\n\nexport type TextAreaVariantProps = VariantProps<typeof textAreaStyles>\n"]}

package/dist/chunk-DBQIIY6U.js

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/variants.ts
+var solid = {
+  main: "bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+  sub: "bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+  neutral: "bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+  critical: "bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+  success: "bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+  warning: "bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content"
+};
+var reverse = {
+  main: "bg-utility-ui hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+  critical: "bg-utility-ui hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+  sub: "bg-utility-ui hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+  neutral: "bg-utility-ui hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui"
+};
+var outline = {
+  main: "border border-interaction-main-default active:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  critical: "border border-interaction-critical-default active:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  neutral: "border border-base-content-strong active:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  sub: "border border-interaction-sub-default active:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  inverse: "border border-base-content-inverse hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
+};
+var clear = {
+  main: "border border-utility-ui-clear active:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  critical: "border border-utility-ui-clear active:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  neutral: "border border-utility-ui-clear active:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  sub: "border border-utility-ui-clear active:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  inverse: "border border-utility-ui-clear hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
+};
+var colorVariants = {
+  solid,
+  reverse,
+  outline,
+  clear
+};
+
+
+
+exports.colorVariants = colorVariants;
+//# sourceMappingURL=chunk-DBQIIY6U.js.map

package/dist/chunk-DBQIIY6U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DBQIIY6U.js","../src/utils/variants.ts"],"names":[],"mappings":"AAAA;ACAA,IAAM,MAAA,EAAQ;AAAA,EACZ,IAAA,EAAM,qNAAA;AAAA,EACN,GAAA,EAAK,kNAAA;AAAA,EACL,OAAA,EACE,8NAAA;AAAA,EACF,QAAA,EACE,iOAAA;AAAA,EACF,OAAA,EACE,8NAAA;AAAA,EACF,OAAA,EACE;AACJ,CAAA;AAEA,IAAM,QAAA,EAAU;AAAA,EACd,IAAA,EAAM,qMAAA;AAAA,EACN,QAAA,EACE,iNAAA;AAAA,EACF,GAAA,EAAK,kMAAA;AAAA,EACL,OAAA,EACE;AACJ,CAAA;AAEA,IAAM,QAAA,EAAU;AAAA,EACd,IAAA,EAAM,2RAAA;AAAA,EACN,QAAA,EACE,2SAAA;AAAA,EACF,OAAA,EACE,uRAAA;AAAA,EACF,GAAA,EAAK,uRAAA;AAAA,EACL,OAAA,EACE;AACJ,CAAA;AAEA,IAAM,MAAA,EAAQ;AAAA,EACZ,IAAA,EAAM,8NAAA;AAAA,EACN,QAAA,EACE,0OAAA;AAAA,EACF,OAAA,EACE,+NAAA;AAAA,EACF,GAAA,EAAK,2NAAA;AAAA,EACL,OAAA,EACE;AACJ,CAAA;AAEO,IAAM,cAAA,EAAgB;AAAA,EAC3B,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA;ADdA;AACA;AACE;AACF,sCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DBQIIY6U.js","sourcesContent":[null,"const solid = {\n  main: \"bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n  sub: \"bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n  neutral:\n    \"bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n  critical:\n    \"bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n  success:\n    \"bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n  warning:\n    \"bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n} as const\n\nconst reverse = {\n  main: \"bg-utility-ui hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n  critical:\n    \"bg-utility-ui hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n  sub: \"bg-utility-ui hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n  neutral:\n    \"bg-utility-ui hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n}\n\nconst outline = {\n  main: \"border border-interaction-main-default active:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  critical:\n    \"border border-interaction-critical-default active:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  neutral:\n    \"border border-base-content-strong active:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  sub: \"border border-interaction-sub-default active:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  inverse:\n    \"border border-base-content-inverse hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n}\n\nconst clear = {\n  main: \"border border-utility-ui-clear active:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  critical:\n    \"border border-utility-ui-clear active:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  neutral:\n    \"border border-utility-ui-clear active:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  sub: \"border border-utility-ui-clear active:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  inverse:\n    \"border border-utility-ui-clear hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n}\n\nexport const colorVariants = {\n  solid,\n  reverse,\n  outline,\n  clear,\n}\n"]}

package/dist/chunk-FLV5K4DI.js

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/spinner.ts
+var spinnerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "relative inline-flex flex-col items-center justify-center gap-2",
+    wrapper: "relative flex",
+    circle1: [
+      "absolute",
+      "w-full",
+      "h-full",
+      "rounded-full",
+      "animate-spinner-ease-spin",
+      "border-2",
+      "border-solid",
+      "border-t-transparent",
+      "border-l-transparent",
+      "border-r-transparent"
+    ],
+    circle2: [
+      "absolute",
+      "w-full",
+      "h-full",
+      "rounded-full",
+      "opacity-75",
+      "animate-spinner-linear-spin",
+      "border-2",
+      "border-dotted",
+      "border-t-transparent",
+      "border-l-transparent",
+      "border-r-transparent"
+    ]
+  },
+  variants: {
+    size: {
+      sm: {
+        wrapper: "h-5 w-5",
+        circle1: "border-2",
+        circle2: "border-2"
+      },
+      md: {
+        wrapper: "h-8 w-8",
+        circle1: "border-3",
+        circle2: "border-3"
+      },
+      lg: {
+        wrapper: "h-10 w-10",
+        circle1: "border-3",
+        circle2: "border-3"
+      }
+    },
+    color: {
+      current: {
+        circle1: "border-b-current",
+        circle2: "border-b-current"
+      },
+      white: {
+        circle1: "border-b-white",
+        circle2: "border-b-white"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "current"
+  }
+});
+
+
+
+exports.spinnerStyles = spinnerStyles;
+//# sourceMappingURL=chunk-FLV5K4DI.js.map

package/dist/chunk-FLV5K4DI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-FLV5K4DI.js","../src/components/spinner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACIO,IAAM,cAAA,EAAgB,iCAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,iEAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,OAAA,EAAS;AAAA,MACP,UAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,2BAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,sBAAA;AAAA,MACA,sBAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,UAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,MACA,6BAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,MACA,sBAAA;AAAA,MACA,sBAAA;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,SAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,SAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,WAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,kBAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;ADFD;AACA;AACE;AACF,sCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-FLV5K4DI.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n// TODO: Use typography from design system\n// TODO: Use design tokens from design system\n// TODO: Add more color schemes\n\nexport const spinnerStyles = tv({\n  slots: {\n    base: \"relative inline-flex flex-col items-center justify-center gap-2\",\n    wrapper: \"relative flex\",\n    circle1: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"animate-spinner-ease-spin\",\n      \"border-2\",\n      \"border-solid\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n    circle2: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"opacity-75\",\n      \"animate-spinner-linear-spin\",\n      \"border-2\",\n      \"border-dotted\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n  },\n  variants: {\n    size: {\n      sm: {\n        wrapper: \"h-5 w-5\",\n        circle1: \"border-2\",\n        circle2: \"border-2\",\n      },\n      md: {\n        wrapper: \"h-8 w-8\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n      lg: {\n        wrapper: \"h-10 w-10\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n    },\n    color: {\n      current: {\n        circle1: \"border-b-current\",\n        circle2: \"border-b-current\",\n      },\n      white: {\n        circle1: \"border-b-white\",\n        circle2: \"border-b-white\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    color: \"current\",\n  },\n})\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerStyles>\nexport type SpinnerSlots = keyof ReturnType<typeof spinnerStyles>\n"]}

package/dist/chunk-FWC3DOGE.mjs

@@ -0,0 +1,13 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/skip-nav-link.ts
+var skipNavLinkStyles = tv({
+  base: "sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only"
+});
+
+export {
+  skipNavLinkStyles
+};
+//# sourceMappingURL=chunk-FWC3DOGE.mjs.map

package/dist/chunk-FWC3DOGE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/skip-nav-link.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const skipNavLinkStyles = tv({\n  base: \"sr-only inline-flex rounded-md p-10 text-sm font-semibold select-none focus:not-sr-only\",\n})\n\nexport type SkipNavLinkVariantProps = VariantProps<typeof skipNavLinkStyles>\n"],"mappings":";;;;;AAIO,IAAM,oBAAoB,GAAG;AAAA,EAClC,MAAM;AACR,CAAC;","names":[]}

package/dist/chunk-GK7MVUI2.mjs

@@ -0,0 +1,41 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/calendar.ts
+var calendarStyles = tv({
+  slots: {
+    base: "",
+    prevButton: "",
+    nextButton: "",
+    header: "",
+    title: "",
+    content: "",
+    cell: "bg-red-500",
+    cellButton: "",
+    errorMessage: ""
+  },
+  variants: {
+    variant: {},
+    isSelected: {
+      false: {
+        cell: "pressed:bg-gray-200 dark:pressed:bg-zinc-600 text-zinc-900 hover:bg-gray-100 dark:text-zinc-200 dark:hover:bg-zinc-700"
+      },
+      true: {
+        cell: "bg-blue-600 text-white invalid:bg-red-600 forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]"
+      }
+    }
+  },
+  compoundVariants: [],
+  compoundSlots: [
+    {
+      slots: ["prevButton", "nextButton"],
+      class: ""
+    }
+  ]
+});
+
+export {
+  calendarStyles
+};
+//# sourceMappingURL=chunk-GK7MVUI2.mjs.map

package/dist/chunk-GK7MVUI2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/calendar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n// TODO: Use typography from design system\n// TODO: Use design tokens from design system\n// TODO: Actually add theme\n\nexport const calendarStyles = tv({\n  slots: {\n    base: \"\",\n    prevButton: \"\",\n    nextButton: \"\",\n    header: \"\",\n    title: \"\",\n    content: \"\",\n    cell: \"bg-red-500\",\n    cellButton: \"\",\n    errorMessage: \"\",\n  },\n  variants: {\n    variant: {},\n    isSelected: {\n      false: {\n        cell: \"pressed:bg-gray-200 dark:pressed:bg-zinc-600 text-zinc-900 hover:bg-gray-100 dark:text-zinc-200 dark:hover:bg-zinc-700\",\n      },\n      true: {\n        cell: \"bg-blue-600 text-white invalid:bg-red-600 forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n      },\n    },\n  },\n  compoundVariants: [],\n  compoundSlots: [\n    {\n      slots: [\"prevButton\", \"nextButton\"],\n      class: \"\",\n    },\n  ],\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"],"mappings":";;;;;AAQO,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,YAAY;AAAA,MACV,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB,CAAC;AAAA,EACnB,eAAe;AAAA,IACb;AAAA,MACE,OAAO,CAAC,cAAc,YAAY;AAAA,MAClC,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;","names":[]}

package/dist/chunk-GQ3JHZUT.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/calendar.ts
+var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "",
+    prevButton: "",
+    nextButton: "",
+    header: "",
+    title: "",
+    content: "",
+    cell: "bg-red-500",
+    cellButton: "",
+    errorMessage: ""
+  },
+  variants: {
+    variant: {},
+    isSelected: {
+      false: {
+        cell: "pressed:bg-gray-200 dark:pressed:bg-zinc-600 text-zinc-900 hover:bg-gray-100 dark:text-zinc-200 dark:hover:bg-zinc-700"
+      },
+      true: {
+        cell: "bg-blue-600 text-white invalid:bg-red-600 forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]"
+      }
+    }
+  },
+  compoundVariants: [],
+  compoundSlots: [
+    {
+      slots: ["prevButton", "nextButton"],
+      class: ""
+    }
+  ]
+});
+
+
+
+exports.calendarStyles = calendarStyles;
+//# sourceMappingURL=chunk-GQ3JHZUT.js.map

package/dist/chunk-GQ3JHZUT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GQ3JHZUT.js","../src/components/calendar.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACIO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,UAAA,EAAY,EAAA;AAAA,IACZ,UAAA,EAAY,EAAA;AAAA,IACZ,MAAA,EAAQ,EAAA;AAAA,IACR,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,EAAA;AAAA,IACT,IAAA,EAAM,YAAA;AAAA,IACN,UAAA,EAAY,EAAA;AAAA,IACZ,YAAA,EAAc;AAAA,EAChB,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB,CAAC,CAAA;AAAA,EACnB,aAAA,EAAe;AAAA,IACb;AAAA,MACE,KAAA,EAAO,CAAC,YAAA,EAAc,YAAY,CAAA;AAAA,MAClC,KAAA,EAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC,CAAA;ADFD;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GQ3JHZUT.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n// TODO: Use typography from design system\n// TODO: Use design tokens from design system\n// TODO: Actually add theme\n\nexport const calendarStyles = tv({\n  slots: {\n    base: \"\",\n    prevButton: \"\",\n    nextButton: \"\",\n    header: \"\",\n    title: \"\",\n    content: \"\",\n    cell: \"bg-red-500\",\n    cellButton: \"\",\n    errorMessage: \"\",\n  },\n  variants: {\n    variant: {},\n    isSelected: {\n      false: {\n        cell: \"pressed:bg-gray-200 dark:pressed:bg-zinc-600 text-zinc-900 hover:bg-gray-100 dark:text-zinc-200 dark:hover:bg-zinc-700\",\n      },\n      true: {\n        cell: \"bg-blue-600 text-white invalid:bg-red-600 forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n      },\n    },\n  },\n  compoundVariants: [],\n  compoundSlots: [\n    {\n      slots: [\"prevButton\", \"nextButton\"],\n      class: \"\",\n    },\n  ],\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"]}

package/dist/chunk-GUV5RZUP.mjs

@@ -0,0 +1,101 @@
+import {
+  focusVisibleClasses
+} from "./chunk-SFKXXWVK.mjs";
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/tag-field.ts
+var tagFieldItemStyles = tv({
+  slots: {
+    container: "text-base-content-strong aria-disabled:text-interaction-support-disabled-content hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active flex cursor-pointer flex-col aria-disabled:cursor-not-allowed",
+    label: "line-clamp-1",
+    description: "text-base-content-medium"
+  },
+  variants: {
+    size: {
+      xs: {
+        container: "prose-body-2 px-3 py-3",
+        description: "prose-body-2"
+      },
+      sm: {
+        container: "prose-body-2 px-3 py-3",
+        description: "prose-body-2"
+      },
+      md: { container: "prose-body-1 px-4 py-3", description: "prose-body-2" }
+    }
+  },
+  compoundVariants: [
+    {
+      size: "md",
+      isSelected: true,
+      className: { container: "prose-subhead-1" }
+    },
+    {
+      size: ["sm", "xs"],
+      isSelected: true,
+      className: { container: "prose-subhead-2" }
+    }
+  ],
+  defaultVariants: {
+    size: "md"
+  }
+});
+var tagFieldStyles = tv({
+  slots: {
+    root: "flex flex-col gap-2",
+    label: "",
+    group: "flex-wrap items-start",
+    tag: [
+      ...focusVisibleClasses,
+      "bg-interaction-main-subtle-default hover:bg-interaction-main-subtle-hover focus:bg-interaction-main-subtle-hover text-interaction-main-default flex cursor-pointer flex-row items-center gap-1 rounded-md transition"
+    ],
+    tagText: "line-clamp-1",
+    tagIcon: "shrink-0 cursor-pointer",
+    field: "h-auto min-w-24 p-0",
+    trigger: "flex items-center aria-expanded:rotate-180",
+    description: "",
+    error: "",
+    list: "relative z-10 max-h-80 w-(--trigger-width) overflow-y-auto rounded-b-sm bg-white p-0 shadow-sm"
+  },
+  variants: {
+    isDisabled: {
+      true: {
+        group: ""
+      }
+    },
+    variant: {},
+    size: {
+      xs: {
+        group: "prose-body-2 min-h-9 gap-1 px-2 py-1",
+        field: "placeholder:prose-subhead-5 my-0.5 h-5 px-1",
+        tag: "prose-caption-1 my-0.5 px-2 py-0.5",
+        tagIcon: "size-3.5",
+        trigger: "h-6 w-4"
+      },
+      sm: {
+        group: "prose-body-2 min-h-10 gap-1 px-2 py-1.5",
+        field: "h-6 px-1",
+        tag: "prose-body-2 px-2 py-0.5",
+        tagIcon: "size-4.5",
+        trigger: "h-6 w-4"
+      },
+      md: {
+        group: "prose-body-1 min-h-11 gap-1 px-2 py-1.5",
+        field: "h-7 px-2",
+        tag: "prose-subhead-2 px-2 py-1",
+        tagIcon: "size-4.5",
+        trigger: "h-7 w-5"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+export {
+  tagFieldItemStyles,
+  tagFieldStyles
+};
+//# sourceMappingURL=chunk-GUV5RZUP.mjs.map

package/dist/chunk-GUV5RZUP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tag-field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const tagFieldItemStyles = tv({\n  slots: {\n    container:\n      \"text-base-content-strong aria-disabled:text-interaction-support-disabled-content hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active flex cursor-pointer flex-col aria-disabled:cursor-not-allowed\",\n    label: \"line-clamp-1\",\n    description: \"text-base-content-medium\",\n  },\n  variants: {\n    size: {\n      xs: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      sm: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"md\",\n      isSelected: true,\n      className: { container: \"prose-subhead-1\" },\n    },\n    {\n      size: [\"sm\", \"xs\"],\n      isSelected: true,\n      className: { container: \"prose-subhead-2\" },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport const tagFieldStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-2\",\n    label: \"\",\n    group: \"flex-wrap items-start\",\n    tag: [\n      ...focusVisibleClasses,\n      \"bg-interaction-main-subtle-default hover:bg-interaction-main-subtle-hover focus:bg-interaction-main-subtle-hover text-interaction-main-default flex cursor-pointer flex-row items-center gap-1 rounded-md transition\",\n    ],\n    tagText: \"line-clamp-1\",\n    tagIcon: \"shrink-0 cursor-pointer\",\n    field: \"h-auto min-w-24 p-0\",\n    trigger: \"flex items-center aria-expanded:rotate-180\",\n    description: \"\",\n    error: \"\",\n    list: \"relative z-10 max-h-80 w-(--trigger-width) overflow-y-auto rounded-b-sm bg-white p-0 shadow-sm\",\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        group: \"\",\n      },\n    },\n    variant: {},\n    size: {\n      xs: {\n        group: \"prose-body-2 min-h-9 gap-1 px-2 py-1\",\n        field: \"placeholder:prose-subhead-5 my-0.5 h-5 px-1\",\n        tag: \"prose-caption-1 my-0.5 px-2 py-0.5\",\n        tagIcon: \"size-3.5\",\n        trigger: \"h-6 w-4\",\n      },\n      sm: {\n        group: \"prose-body-2 min-h-10 gap-1 px-2 py-1.5\",\n        field: \"h-6 px-1\",\n        tag: \"prose-body-2 px-2 py-0.5\",\n        tagIcon: \"size-4.5\",\n        trigger: \"h-6 w-4\",\n      },\n      md: {\n        group: \"prose-body-1 min-h-11 gap-1 px-2 py-1.5\",\n        field: \"h-7 px-2\",\n        tag: \"prose-subhead-2 px-2 py-1\",\n        tagIcon: \"size-4.5\",\n        trigger: \"h-7 w-5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type TagFieldVariantProps = VariantProps<typeof tagFieldStyles>\nexport type TagFieldSlots = keyof ReturnType<typeof tagFieldStyles>\nexport type TagFieldItemSlots = keyof ReturnType<typeof tagFieldItemStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,WACE;AAAA,IACF,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI,EAAE,WAAW,0BAA0B,aAAa,eAAe;AAAA,IACzE;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,MAAM,CAAC,MAAM,IAAI;AAAA,MACjB,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,MACH,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,aAAa;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/chunk-HAUMMW6T.mjs

@@ -0,0 +1,12 @@
+import {
+  twMerge
+} from "./chunk-R6W5A7PF.mjs";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+var cn = (...classes) => twMerge(clsx(...classes));
+
+export {
+  cn
+};
+//# sourceMappingURL=chunk-HAUMMW6T.mjs.map

package/dist/chunk-HAUMMW6T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cn.ts"],"sourcesContent":["import type { ClassValue } from \"clsx\"\nimport { clsx } from \"clsx\"\n\nimport { twMerge } from \"./tw-merge\"\n\nexport const cn = (...classes: ClassValue[]) => twMerge(clsx(...classes))\n"],"mappings":";;;;;AACA,SAAS,YAAY;AAId,IAAM,KAAK,IAAI,YAA0B,QAAQ,KAAK,GAAG,OAAO,CAAC;","names":[]}

package/dist/chunk-HEB3T2LL.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/tw-merge.ts
+var _tailwindmerge = require('tailwind-merge');
+var customTwMergeConfig = {
+  extend: {
+    theme: {},
+    classGroups: {
+      // Match everything in the prose namespace for custom typography
+      prose: [{ prose: [_tailwindmerge.validators.isAny] }]
+    }
+  }
+};
+var twMerge = _tailwindmerge.extendTailwindMerge.call(void 0, customTwMergeConfig);
+
+
+
+
+exports.customTwMergeConfig = customTwMergeConfig; exports.twMerge = twMerge;
+//# sourceMappingURL=chunk-HEB3T2LL.js.map

package/dist/chunk-HEB3T2LL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-HEB3T2LL.js","../src/utils/tw-merge.ts"],"names":[],"mappings":"AAAA;ACAA,+CAAgD;AAMzC,IAAM,oBAAA,EAAsB;AAAA,EACjC,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO,CAAC,CAAA;AAAA,IACR,WAAA,EAAa;AAAA;AAAA,MAEX,KAAA,EAAO,CAAC,EAAE,KAAA,EAAO,CAAC,yBAAA,CAAW,KAAK,EAAE,CAAC;AAAA,IACvC;AAAA,EACF;AACF,CAAA;AAEO,IAAM,QAAA,EACX,gDAAA,mBAAgE,CAAA;ADLlE;AACA;AACE;AACA;AACF,6EAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-HEB3T2LL.js","sourcesContent":[null,"import { extendTailwindMerge, validators } from \"tailwind-merge\"\n\ntype MergeConfig = Parameters<typeof extendTailwindMerge>[0]\ntype AdditionalClassGroupIds = \"prose\"\n\n// Exported for used in tailwind-variants too.\nexport const customTwMergeConfig = {\n  extend: {\n    theme: {},\n    classGroups: {\n      // Match everything in the prose namespace for custom typography\n      prose: [{ prose: [validators.isAny] }],\n    },\n  },\n} satisfies MergeConfig\n\nexport const twMerge =\n  extendTailwindMerge<AdditionalClassGroupIds>(customTwMergeConfig)\n"]}

package/dist/chunk-HTU3V6IU.mjs

@@ -0,0 +1,26 @@
+import {
+  inputStyles
+} from "./chunk-WLVKPCAW.mjs";
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/text-area.ts
+var textAreaStyles = tv({
+  extend: inputStyles,
+  base: [],
+  variants: {
+    variant: {},
+    size: {
+      xs: "h-auto",
+      sm: "h-auto",
+      md: "h-auto"
+    }
+  },
+  defaultVariants: {}
+});
+
+export {
+  textAreaStyles
+};
+//# sourceMappingURL=chunk-HTU3V6IU.mjs.map

package/dist/chunk-HTU3V6IU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/text-area.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const textAreaStyles = tv({\n  extend: inputStyles,\n  base: [],\n  variants: {\n    variant: {},\n    size: {\n      xs: \"h-auto\",\n      sm: \"h-auto\",\n      md: \"h-auto\",\n    },\n  },\n  defaultVariants: {},\n})\n\nexport type TextAreaVariantProps = VariantProps<typeof textAreaStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,iBAAiB,GAAG;AAAA,EAC/B,QAAQ;AAAA,EACR,MAAM,CAAC;AAAA,EACP,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB,CAAC;AACpB,CAAC;","names":[]}

package/dist/chunk-IVOSH3A7.mjs

@@ -0,0 +1,40 @@
+// src/utils/variants.ts
+var solid = {
+  main: "bg-interaction-main-default hover:bg-interaction-main-hover active:bg-interaction-main-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+  sub: "bg-interaction-sub-default hover:bg-interaction-sub-hover active:bg-interaction-sub-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+  neutral: "bg-interaction-neutral-default hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+  critical: "bg-interaction-critical-default hover:bg-interaction-critical-hover active:bg-interaction-critical-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+  success: "bg-interaction-success-default hover:bg-interaction-success-hover active:bg-interaction-success-active text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+  warning: "bg-interaction-warning-default hover:bg-interaction-warning-hover active:bg-interaction-warning-active text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content"
+};
+var reverse = {
+  main: "bg-utility-ui hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+  critical: "bg-utility-ui hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+  sub: "bg-utility-ui hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+  neutral: "bg-utility-ui hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui"
+};
+var outline = {
+  main: "border border-interaction-main-default active:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  critical: "border border-interaction-critical-default active:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  neutral: "border border-base-content-strong active:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  sub: "border border-interaction-sub-default active:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  inverse: "border border-base-content-inverse hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
+};
+var clear = {
+  main: "border border-utility-ui-clear active:bg-interaction-tinted-main-active hover:bg-interaction-tinted-main-hover text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  critical: "border border-utility-ui-clear active:bg-interaction-tinted-critical-active hover:bg-interaction-tinted-critical-hover text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  neutral: "border border-utility-ui-clear active:bg-interaction-tinted-neutral-active hover:bg-interaction-tinted-neutral-hover text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  sub: "border border-utility-ui-clear active:bg-interaction-tinted-sub-active hover:bg-interaction-tinted-sub-hover text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+  inverse: "border border-utility-ui-clear hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
+};
+var colorVariants = {
+  solid,
+  reverse,
+  outline,
+  clear
+};
+
+export {
+  colorVariants
+};
+//# sourceMappingURL=chunk-IVOSH3A7.mjs.map