@opengovsg/oui-theme 0.0.5 → 0.0.7

package/dist/chunk-KHQ7EBS5.mjs

@@ -0,0 +1,283 @@
+import {
+  colorVariants,
+  colorVariantsWithState
+} from "./chunk-C7FUGWVY.mjs";
+import {
+  racFocusRing
+} from "./chunk-SFKXXWVK.mjs";
+import {
+  cn
+} from "./chunk-HAUMMW6T.mjs";
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/badge.ts
+var badgeCloseButtonStyles = tv({
+  extend: racFocusRing,
+  base: cn(
+    colorVariantsWithState.clear.neutral,
+    "inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition"
+  ),
+  variants: {
+    size: {
+      xs: "size-3",
+      sm: "size-4",
+      md: "size-4"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+var badgeStyles = tv({
+  slots: {
+    base: "relative box-border inline-flex max-w-fit min-w-min items-center justify-between whitespace-nowrap",
+    dot: "",
+    content: "flex-1 text-inherit"
+  },
+  variants: {
+    isCloseable: {
+      true: ""
+    },
+    isDisabled: {
+      true: { base: "pointer-events-none opacity-60" }
+    },
+    variant: {
+      solid: {},
+      subtle: {},
+      outline: {
+        base: "border"
+      },
+      dot: {
+        base: "text-base-content-default dark:text-base-content-inverse",
+        dot: "mr-1 rounded-full"
+      }
+    },
+    size: {
+      xs: {
+        base: "prose-legal h-5 gap-1 px-2 py-1",
+        dot: "size-1.5"
+      },
+      sm: {
+        base: "prose-caption-1 h-6 gap-1 px-2 py-1",
+        dot: "size-2"
+      },
+      md: {
+        base: "prose-body-2 h-7 gap-1 px-2.5 py-1",
+        dot: "size-2"
+      }
+    },
+    color: {
+      main: "",
+      sub: "",
+      success: "",
+      neutral: "",
+      warning: "",
+      critical: ""
+    },
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      sm: {
+        base: "rounded-sm"
+      },
+      md: {
+        base: "rounded-md"
+      },
+      lg: {
+        base: "rounded-lg"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    }
+  },
+  compoundVariants: [
+    // solid / color
+    {
+      variant: "solid",
+      color: "main",
+      className: {
+        base: colorVariants.solid.main
+      }
+    },
+    {
+      variant: "solid",
+      color: "sub",
+      className: {
+        base: colorVariants.solid.sub
+      }
+    },
+    {
+      variant: "solid",
+      color: "neutral",
+      className: {
+        base: colorVariants.solid.neutral
+      }
+    },
+    {
+      variant: "solid",
+      color: "critical",
+      className: {
+        base: colorVariants.solid.critical
+      }
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      className: {
+        base: colorVariants.solid.warning
+      }
+    },
+    {
+      variant: "solid",
+      color: "success",
+      className: {
+        base: colorVariants.solid.success
+      }
+    },
+    // subtle / color
+    {
+      variant: "subtle",
+      color: "main",
+      className: {
+        base: "bg-interaction-main-subtle-default text-interaction-main-default"
+      }
+    },
+    {
+      variant: "subtle",
+      color: "sub",
+      className: {
+        base: "bg-interaction-sub-subtle-default text-interaction-sub-default"
+      }
+    },
+    {
+      variant: "subtle",
+      color: "neutral",
+      className: {
+        base: "bg-interaction-neutral-subtle-default text-base-content-default"
+      }
+    },
+    {
+      variant: "subtle",
+      color: "success",
+      className: {
+        base: "bg-interaction-success-subtle-default text-interaction-success-active"
+      }
+    },
+    {
+      variant: "subtle",
+      color: "warning",
+      className: {
+        base: "bg-interaction-warning-subtle-default text-utility-feedback-warning-strong"
+      }
+    },
+    {
+      variant: "subtle",
+      color: "critical",
+      className: {
+        base: "bg-interaction-critical-subtle-default text-interaction-critical-default"
+      }
+    },
+    // outline / color
+    {
+      variant: "outline",
+      color: "main",
+      className: {
+        base: "bg-interaction-main-subtle-default text-interaction-main-default border-interaction-main-subtle-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "sub",
+      className: {
+        base: "bg-interaction-sub-subtle-default text-interaction-sub-default border-interaction-sub-subtle-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "neutral",
+      className: {
+        base: "bg-interaction-neutral-subtle-default text-base-content-default border-interaction-neutral-subtle-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "success",
+      className: {
+        base: "bg-interaction-success-subtle-default text-interaction-success-active border-interaction-success-subtle-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "warning",
+      className: {
+        base: "bg-interaction-warning-subtle-default text-utility-feedback-warning-strong border-interaction-warning-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "critical",
+      className: {
+        base: "bg-interaction-critical-subtle-default text-interaction-critical-default border-interaction-critical-subtle-hover"
+      }
+    },
+    // dot / color
+    {
+      variant: "dot",
+      color: "main",
+      className: {
+        dot: "bg-interaction-main-default"
+      }
+    },
+    {
+      variant: "dot",
+      color: "sub",
+      className: {
+        dot: "bg-interaction-sub-default"
+      }
+    },
+    {
+      variant: "dot",
+      color: "neutral",
+      className: {
+        dot: "bg-interaction-neutral-default"
+      }
+    },
+    {
+      variant: "dot",
+      color: "critical",
+      className: {
+        dot: "bg-interaction-critical-default"
+      }
+    },
+    {
+      variant: "dot",
+      color: "warning",
+      className: {
+        dot: "bg-interaction-warning-default"
+      }
+    },
+    {
+      variant: "dot",
+      color: "success",
+      className: {
+        dot: "bg-interaction-success-default"
+      }
+    }
+  ],
+  defaultVariants: {
+    variant: "solid",
+    color: "main",
+    size: "sm",
+    radius: "sm"
+  }
+});
+
+export {
+  badgeCloseButtonStyles,
+  badgeStyles
+};
+//# sourceMappingURL=chunk-KHQ7EBS5.mjs.map

package/dist/chunk-KHQ7EBS5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/badge.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants, colorVariantsWithState } from \"../utils/variants\"\n\nexport const badgeCloseButtonStyles = tv({\n  extend: racFocusRing,\n  base: cn(\n    colorVariantsWithState.clear.neutral,\n    \"inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition\",\n  ),\n  variants: {\n    size: {\n      xs: \"size-3\",\n      sm: \"size-4\",\n      md: \"size-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nexport const badgeStyles = tv({\n  slots: {\n    base: \"relative box-border inline-flex max-w-fit min-w-min items-center justify-between whitespace-nowrap\",\n    dot: \"\",\n    content: \"flex-1 text-inherit\",\n  },\n  variants: {\n    isCloseable: {\n      true: \"\",\n    },\n    isDisabled: {\n      true: { base: \"pointer-events-none opacity-60\" },\n    },\n    variant: {\n      solid: {},\n      subtle: {},\n      outline: {\n        base: \"border\",\n      },\n      dot: {\n        base: \"text-base-content-default dark:text-base-content-inverse\",\n        dot: \"mr-1 rounded-full\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-legal h-5 gap-1 px-2 py-1\",\n        dot: \"size-1.5\",\n      },\n      sm: {\n        base: \"prose-caption-1 h-6 gap-1 px-2 py-1\",\n        dot: \"size-2\",\n      },\n      md: {\n        base: \"prose-body-2 h-7 gap-1 px-2.5 py-1\",\n        dot: \"size-2\",\n      },\n    },\n    color: {\n      main: \"\",\n      sub: \"\",\n      success: \"\",\n      neutral: \"\",\n      warning: \"\",\n      critical: \"\",\n    },\n    radius: {\n      none: {\n        base: \"rounded-none\",\n      },\n      sm: {\n        base: \"rounded-sm\",\n      },\n      md: {\n        base: \"rounded-md\",\n      },\n      lg: {\n        base: \"rounded-lg\",\n      },\n      full: {\n        base: \"rounded-full\",\n      },\n    },\n  },\n  compoundVariants: [\n    // solid / color\n    {\n      variant: \"solid\",\n      color: \"main\",\n      className: {\n        base: colorVariants.solid.main,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"sub\",\n      className: {\n        base: colorVariants.solid.sub,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"neutral\",\n      className: {\n        base: colorVariants.solid.neutral,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"critical\",\n      className: {\n        base: colorVariants.solid.critical,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      className: {\n        base: colorVariants.solid.warning,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      className: {\n        base: colorVariants.solid.success,\n      },\n    },\n    // subtle / color\n    {\n      variant: \"subtle\",\n      color: \"main\",\n      className: {\n        base: \"bg-interaction-main-subtle-default text-interaction-main-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"sub\",\n      className: {\n        base: \"bg-interaction-sub-subtle-default text-interaction-sub-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"neutral\",\n      className: {\n        base: \"bg-interaction-neutral-subtle-default text-base-content-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"success\",\n      className: {\n        base: \"bg-interaction-success-subtle-default text-interaction-success-active\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"warning\",\n      className: {\n        base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"critical\",\n      className: {\n        base: \"bg-interaction-critical-subtle-default text-interaction-critical-default\",\n      },\n    },\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        base: \"bg-interaction-main-subtle-default text-interaction-main-default border-interaction-main-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        base: \"bg-interaction-sub-subtle-default text-interaction-sub-default border-interaction-sub-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"neutral\",\n      className: {\n        base: \"bg-interaction-neutral-subtle-default text-base-content-default border-interaction-neutral-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"success\",\n      className: {\n        base: \"bg-interaction-success-subtle-default text-interaction-success-active border-interaction-success-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"warning\",\n      className: {\n        base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong border-interaction-warning-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"critical\",\n      className: {\n        base: \"bg-interaction-critical-subtle-default text-interaction-critical-default border-interaction-critical-subtle-hover\",\n      },\n    },\n    // dot / color\n    {\n      variant: \"dot\",\n      color: \"main\",\n      className: {\n        dot: \"bg-interaction-main-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"sub\",\n      className: {\n        dot: \"bg-interaction-sub-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"neutral\",\n      className: {\n        dot: \"bg-interaction-neutral-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"critical\",\n      className: {\n        dot: \"bg-interaction-critical-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"warning\",\n      className: {\n        dot: \"bg-interaction-warning-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"success\",\n      className: {\n        dot: \"bg-interaction-success-default\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    color: \"main\",\n    size: \"sm\",\n    radius: \"sm\",\n  },\n})\n\nexport type BadgeVariantProps = VariantProps<typeof badgeStyles>\nexport type BadgeSlots = keyof typeof badgeStyles.slots\n"],"mappings":"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","names":[]}

package/dist/chunk-KUAGUN4H.js

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

package/dist/{chunk-MNY5DC4A.js.map → chunk-KUAGUN4H.js.map}

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

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

@@ -1,6 +1,6 @@
 import {
-  colorVariants
-} from "./chunk-AHHCX72Y.mjs";
+  colorVariantsWithState
+} from "./chunk-C7FUGWVY.mjs";
 import {
   focusVisibleClasses
 } from "./chunk-SFKXXWVK.mjs";
@@ -68,105 +68,105 @@ var buttonStyles = tv({
     {
       variant: "solid",
       color: "main",
-      className: colorVariants.solid.main
+      className: colorVariantsWithState.solid.main
     },
     {
       variant: "solid",
       color: "sub",
-      className: colorVariants.solid.sub
+      className: colorVariantsWithState.solid.sub
     },
     {
       variant: "solid",
       color: "neutral",
-      className: colorVariants.solid.neutral
+      className: colorVariantsWithState.solid.neutral
     },
     {
       variant: "solid",
       color: "critical",
-      className: colorVariants.solid.critical
+      className: colorVariantsWithState.solid.critical
     },
     {
       variant: "solid",
       color: "warning",
-      className: colorVariants.solid.warning
+      className: colorVariantsWithState.solid.warning
     },
     {
       variant: "solid",
       color: "success",
-      className: colorVariants.solid.success
+      className: colorVariantsWithState.solid.success
     },
     // reverse / color
     {
       variant: "reverse",
       color: "main",
-      className: colorVariants.reverse.main
+      className: colorVariantsWithState.reverse.main
     },
     {
       variant: "reverse",
       color: "critical",
-      className: colorVariants.reverse.critical
+      className: colorVariantsWithState.reverse.critical
     },
     {
       variant: "reverse",
       color: "sub",
-      className: colorVariants.reverse.sub
+      className: colorVariantsWithState.reverse.sub
     },
     {
       variant: "reverse",
       color: "neutral",
-      className: colorVariants.reverse.neutral
+      className: colorVariantsWithState.reverse.neutral
     },
     // outline / color
     {
       variant: "outline",
       color: "main",
-      className: colorVariants.outline.main
+      className: colorVariantsWithState.outline.main
     },
     {
       variant: "outline",
       color: "critical",
-      className: colorVariants.outline.critical
+      className: colorVariantsWithState.outline.critical
     },
     {
       variant: "outline",
       color: "neutral",
-      className: colorVariants.outline.neutral
+      className: colorVariantsWithState.outline.neutral
     },
     {
       variant: "outline",
       color: "sub",
-      className: colorVariants.outline.sub
+      className: colorVariantsWithState.outline.sub
     },
     {
       variant: "outline",
       color: "inverse",
-      className: colorVariants.outline.inverse
+      className: colorVariantsWithState.outline.inverse
     },
     // clear / color
     {
       variant: "clear",
       color: "main",
-      className: colorVariants.clear.main
+      className: colorVariantsWithState.clear.main
     },
     {
       variant: "clear",
       color: "critical",
-      className: colorVariants.clear.critical
+      className: colorVariantsWithState.clear.critical
     },
     {
       variant: "clear",
       color: "neutral",
-      className: colorVariants.clear.neutral
+      className: colorVariantsWithState.clear.neutral
     },
     {
       variant: "clear",
       color: "sub",
-      className: colorVariants.clear.sub
+      className: colorVariantsWithState.clear.sub
     },
     {
       variant: "clear",
       color: "inverse",
-      className: colorVariants.clear.inverse
+      className: colorVariantsWithState.clear.inverse
     },
     // iconbutton / size
     {
@@ -201,4 +201,4 @@ var buttonStyles = tv({
 export {
   buttonStyles
 };
-//# sourceMappingURL=chunk-IAY272MS.mjs.map
+//# sourceMappingURL=chunk-LB4U4MBD.mjs.map

package/dist/chunk-LB4U4MBD.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      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    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-NEO5ZU5V.js

@@ -0,0 +1,94 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
+
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/calendar.ts
+var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "relative inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm",
+    prevButton: "",
+    nextButton: "",
+    buttonGroup: "justify-self-end",
+    header: "text-interaction-sub-active flex flex-wrap items-center justify-between",
+    title: "",
+    content: "",
+    cell: [
+      "text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default my-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors duration-150 disabled:cursor-default",
+      ..._chunkX2UCVIR5js.focusVisibleClasses
+    ],
+    grid: "",
+    calendar: "",
+    gridWrapper: "flex gap-x-4 overflow-x-auto max-sm:block",
+    gridHeader: "",
+    gridHeaderCell: "text-base-content-default",
+    gridBody: "",
+    yearSelector: "min-w-fit",
+    monthSelector: "min-w-fit",
+    yearList: "",
+    monthList: "",
+    selectorText: "text-interaction-sub-active",
+    selectors: "flex flex-row gap-0.5",
+    bottomContentWrapper: "border-base-divider-medium flex flex-1 items-center justify-center border-t",
+    todayButton: ""
+  },
+  variants: {
+    variant: {},
+    isDateHighlighted: {
+      true: {
+        cell: "border-utility-focus-default border"
+      }
+    },
+    isMultipleMonths: {
+      true: {
+        cell: "outside-month:hidden"
+      }
+    },
+    isSelected: {
+      false: {
+        cell: "not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active"
+      },
+      true: {
+        cell: "bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]"
+      }
+    },
+    size: {
+      sm: {
+        base: "px-2 py-2",
+        gridHeaderCell: "prose-caption-1 w-10 p-2.5",
+        header: "prose-subhead-2 min-h-10 px-4",
+        cell: "prose-body-2 mx-auto h-9 w-9",
+        monthSelector: "p-1",
+        selectorText: "prose-subhead-2",
+        yearSelector: "p-1",
+        nextButton: "-mr-4",
+        selectors: "-ml-2",
+        bottomContentWrapper: "-mx-2 px-2 pt-2",
+        calendar: "pb-2"
+      },
+      md: {
+        base: "px-2 py-3",
+        gridHeaderCell: "prose-subhead-2 w-11 p-3",
+        header: "prose-subhead-1 min-h-11 px-4",
+        cell: "prose-body-1 mx-auto h-10 w-10",
+        monthSelector: "p-1",
+        selectorText: "prose-subhead-1",
+        yearSelector: "p-1",
+        nextButton: "-mr-4",
+        selectors: "-ml-1.5",
+        bottomContentWrapper: "-mx-2 -mb-1 px-2 pt-2",
+        calendar: "pb-3"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+
+
+
+exports.calendarStyles = calendarStyles;
+//# sourceMappingURL=chunk-NEO5ZU5V.js.map

package/dist/chunk-NEO5ZU5V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-NEO5ZU5V.js","../src/components/calendar.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,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,WAAA,EAAa,kBAAA;AAAA,IACb,MAAA,EACE,yEAAA;AAAA,IACF,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,EAAA;AAAA,IACT,IAAA,EAAM;AAAA,MACJ,2WAAA;AAAA,MACA,GAAG;AAAA,IACL,CAAA;AAAA,IACA,IAAA,EAAM,EAAA;AAAA,IACN,QAAA,EAAU,EAAA;AAAA,IACV,WAAA,EAAa,2CAAA;AAAA,IACb,UAAA,EAAY,EAAA;AAAA,IACZ,cAAA,EAAgB,2BAAA;AAAA,IAChB,QAAA,EAAU,EAAA;AAAA,IACV,YAAA,EAAc,WAAA;AAAA,IACd,aAAA,EAAe,WAAA;AAAA,IACf,QAAA,EAAU,EAAA;AAAA,IACV,SAAA,EAAW,EAAA;AAAA,IACX,YAAA,EAAc,6BAAA;AAAA,IACd,SAAA,EAAW,uBAAA;AAAA,IACX,oBAAA,EACE,6EAAA;AAAA,IACF,WAAA,EAAa;AAAA,EACf,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,iBAAA,EAAmB;AAAA,MACjB,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,WAAA;AAAA,QACN,cAAA,EAAgB,4BAAA;AAAA,QAChB,MAAA,EAAQ,+BAAA;AAAA,QACR,IAAA,EAAM,8BAAA;AAAA,QACN,aAAA,EAAe,KAAA;AAAA,QACf,YAAA,EAAc,iBAAA;AAAA,QACd,YAAA,EAAc,KAAA;AAAA,QACd,UAAA,EAAY,OAAA;AAAA,QACZ,SAAA,EAAW,OAAA;AAAA,QACX,oBAAA,EAAsB,iBAAA;AAAA,QACtB,QAAA,EAAU;AAAA,MACZ,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,WAAA;AAAA,QACN,cAAA,EAAgB,0BAAA;AAAA,QAChB,MAAA,EAAQ,+BAAA;AAAA,QACR,IAAA,EAAM,gCAAA;AAAA,QACN,aAAA,EAAe,KAAA;AAAA,QACf,YAAA,EAAc,iBAAA;AAAA,QACd,YAAA,EAAc,KAAA;AAAA,QACd,UAAA,EAAY,OAAA;AAAA,QACZ,SAAA,EAAW,SAAA;AAAA,QACX,oBAAA,EAAsB,uBAAA;AAAA,QACtB,QAAA,EAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-NEO5ZU5V.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n  slots: {\n    base: \"relative inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm\",\n    prevButton: \"\",\n    nextButton: \"\",\n    buttonGroup: \"justify-self-end\",\n    header:\n      \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n    title: \"\",\n    content: \"\",\n    cell: [\n      \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default my-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors duration-150 disabled:cursor-default\",\n      ...focusVisibleClasses,\n    ],\n    grid: \"\",\n    calendar: \"\",\n    gridWrapper: \"flex gap-x-4 overflow-x-auto max-sm:block\",\n    gridHeader: \"\",\n    gridHeaderCell: \"text-base-content-default\",\n    gridBody: \"\",\n    yearSelector: \"min-w-fit\",\n    monthSelector: \"min-w-fit\",\n    yearList: \"\",\n    monthList: \"\",\n    selectorText: \"text-interaction-sub-active\",\n    selectors: \"flex flex-row gap-0.5\",\n    bottomContentWrapper:\n      \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n    todayButton: \"\",\n  },\n  variants: {\n    variant: {},\n    isDateHighlighted: {\n      true: {\n        cell: \"border-utility-focus-default border\",\n      },\n    },\n    isMultipleMonths: {\n      true: {\n        cell: \"outside-month:hidden\",\n      },\n    },\n    isSelected: {\n      false: {\n        cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n      },\n      true: {\n        cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n      },\n    },\n    size: {\n      sm: {\n        base: \"px-2 py-2\",\n        gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n        header: \"prose-subhead-2 min-h-10 px-4\",\n        cell: \"prose-body-2 mx-auto h-9 w-9\",\n        monthSelector: \"p-1\",\n        selectorText: \"prose-subhead-2\",\n        yearSelector: \"p-1\",\n        nextButton: \"-mr-4\",\n        selectors: \"-ml-2\",\n        bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n        calendar: \"pb-2\",\n      },\n      md: {\n        base: \"px-2 py-3\",\n        gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n        header: \"prose-subhead-1 min-h-11 px-4\",\n        cell: \"prose-body-1 mx-auto h-10 w-10\",\n        monthSelector: \"p-1\",\n        selectorText: \"prose-subhead-1\",\n        yearSelector: \"p-1\",\n        nextButton: \"-mr-4\",\n        selectors: \"-ml-1.5\",\n        bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n        calendar: \"pb-3\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"]}