@opengovsg/oui-theme 0.0.44 → 0.0.46

package/dist/chunk-3QGSS6EK.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-3QGSS6EK.mjs.map

package/dist/chunk-46MYOZAQ.js

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/phone-number-field.ts
+var phoneNumberFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "flex flex-col gap-2",
+    group: "group/field relative overflow-hidden",
+    wrapper: "inline-flex w-full items-center overflow-hidden",
+    label: "",
+    input: "h-auto",
+    description: "",
+    error: "",
+    select: "w-fit",
+    selectTrigger: "border-base-divider-strong hover:bg-interaction-muted-main-hover focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active min-w-auto h-auto rounded-r-none border-r outline-offset-0 disabled:active:bg-inherit",
+    selectIcon: "",
+    selectItem: "flex flex-row items-center gap-2",
+    selectItemLabel: "line-clamp-1 flex-1",
+    selectItemCountryCode: "text-base-content-default/50 prose-caption-1",
+    flag: "bg-interaction-support-disabled flex shrink-0 overflow-hidden",
+    selectList: "",
+    selectPopover: ""
+  },
+  variants: {
+    variant: {
+      local: {},
+      international: {}
+    },
+    size: {
+      xs: {
+        input: "h-8.5",
+        selectTrigger: "h-8.5 px-2 py-2",
+        flag: "[&_svg]:w-4.5 [&_svg]:h-3"
+      },
+      sm: {
+        input: "h-9.5",
+        selectTrigger: "h-9.5 px-2 py-2.5",
+        flag: "[&_svg]:h-4 [&_svg]:w-6"
+      },
+      md: {
+        input: "h-10.5",
+        selectTrigger: "h-10.5 px-2 py-3",
+        flag: "[&_svg]:h-4 [&_svg]:w-6"
+      }
+    },
+    isDisabled: {
+      true: {
+        input: ""
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      size: "xs",
+      variant: "local",
+      className: {
+        flag: "mr-2"
+      }
+    },
+    {
+      size: "sm",
+      variant: "local",
+      className: {
+        flag: "mr-2"
+      }
+    },
+    {
+      size: "md",
+      variant: "local",
+      className: {
+        flag: "mr-3.5"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+
+
+exports.phoneNumberFieldStyles = phoneNumberFieldStyles;
+//# sourceMappingURL=chunk-46MYOZAQ.js.map

package/dist/chunk-46MYOZAQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-46MYOZAQ.js","../src/components/phone-number-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,uBAAA,EAAyB,iCAAA;AAAG,EACvC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qBAAA;AAAA,IACN,KAAA,EAAO,sCAAA;AAAA,IACP,OAAA,EAAS,iDAAA;AAAA,IACT,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,WAAA,EAAa,EAAA;AAAA,IACb,KAAA,EAAO,EAAA;AAAA,IACP,MAAA,EAAQ,OAAA;AAAA,IACR,aAAA,EACE,+QAAA;AAAA,IACF,UAAA,EAAY,EAAA;AAAA,IACZ,UAAA,EAAY,kCAAA;AAAA,IACZ,eAAA,EAAiB,qBAAA;AAAA,IACjB,qBAAA,EAAuB,8CAAA;AAAA,IACvB,IAAA,EAAM,+DAAA;AAAA,IACN,UAAA,EAAY,EAAA;AAAA,IACZ,aAAA,EAAe;AAAA,EACjB,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,CAAC,CAAA;AAAA,MACR,aAAA,EAAe,CAAC;AAAA,IAClB,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,OAAA;AAAA,QACP,aAAA,EAAe,iBAAA;AAAA,QACf,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,OAAA;AAAA,QACP,aAAA,EAAe,mBAAA;AAAA,QACf,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,QAAA;AAAA,QACP,aAAA,EAAe,kBAAA;AAAA,QACf,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,OAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,OAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,OAAA;AAAA,MACT,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACF,wDAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-46MYOZAQ.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const phoneNumberFieldStyles = tv({\n  slots: {\n    base: \"flex flex-col gap-2\",\n    group: \"group/field relative overflow-hidden\",\n    wrapper: \"inline-flex w-full items-center overflow-hidden\",\n    label: \"\",\n    input: \"h-auto\",\n    description: \"\",\n    error: \"\",\n    select: \"w-fit\",\n    selectTrigger:\n      \"border-base-divider-strong hover:bg-interaction-muted-main-hover focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active min-w-auto h-auto rounded-r-none border-r outline-offset-0 disabled:active:bg-inherit\",\n    selectIcon: \"\",\n    selectItem: \"flex flex-row items-center gap-2\",\n    selectItemLabel: \"line-clamp-1 flex-1\",\n    selectItemCountryCode: \"text-base-content-default/50 prose-caption-1\",\n    flag: \"bg-interaction-support-disabled flex shrink-0 overflow-hidden\",\n    selectList: \"\",\n    selectPopover: \"\",\n  },\n  variants: {\n    variant: {\n      local: {},\n      international: {},\n    },\n    size: {\n      xs: {\n        input: \"h-8.5\",\n        selectTrigger: \"h-8.5 px-2 py-2\",\n        flag: \"[&_svg]:w-4.5 [&_svg]:h-3\",\n      },\n      sm: {\n        input: \"h-9.5\",\n        selectTrigger: \"h-9.5 px-2 py-2.5\",\n        flag: \"[&_svg]:h-4 [&_svg]:w-6\",\n      },\n      md: {\n        input: \"h-10.5\",\n        selectTrigger: \"h-10.5 px-2 py-3\",\n        flag: \"[&_svg]:h-4 [&_svg]:w-6\",\n      },\n    },\n    isDisabled: {\n      true: {\n        input: \"\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"xs\",\n      variant: \"local\",\n      className: {\n        flag: \"mr-2\",\n      },\n    },\n    {\n      size: \"sm\",\n      variant: \"local\",\n      className: {\n        flag: \"mr-2\",\n      },\n    },\n    {\n      size: \"md\",\n      variant: \"local\",\n      className: {\n        flag: \"mr-3.5\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type PhoneNumberFieldVariantProps = VariantProps<\n  typeof phoneNumberFieldStyles\n>\n\nexport type PhoneNumberFieldSlots = keyof ReturnType<\n  typeof phoneNumberFieldStyles\n>\n"]}

package/dist/chunk-AP5AVQWY.mjs

@@ -0,0 +1,113 @@
+import {
+  focusVisibleClasses
+} from "./chunk-5T7MRJOK.mjs";
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/sidebar.ts
+var sidebarStyles = tv({
+  slots: {
+    base: "w-full",
+    ul: "flex flex-col",
+    item: [
+      "group/item text-base-content-default hover:text-interaction-main-default selected:text-interaction-main-default inline-flex w-full cursor-pointer flex-row items-center transition",
+      ...focusVisibleClasses,
+      "-outline-offset-2"
+    ],
+    section: "group/section w-full",
+    header: "text-base-content-strong inline-flex items-center",
+    headerLi: "",
+    list: "",
+    label: [
+      "group-expanded/item:text-interaction-main-default inline-flex flex-1 items-center text-start transition [&>svg]:shrink-0",
+      ...focusVisibleClasses,
+      "-outline-offset-2"
+    ],
+    nestedPanel: "h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]",
+    chevron: "shrink-0 transition-transform",
+    chevronContainer: "flex min-w-auto items-center justify-center"
+  },
+  variants: {
+    variant: {},
+    size: {
+      sm: {
+        base: "",
+        header: "prose-subhead-3 px-4 py-2",
+        item: "prose-subhead-2 gap-3",
+        label: "gap-3 px-4 py-3 [&>svg]:size-5",
+        chevron: "size-5",
+        chevronContainer: "p-3"
+      },
+      md: {
+        base: "",
+        header: "prose-subhead-3 px-4 py-2",
+        item: "prose-subhead-1 gap-3",
+        label: "gap-3 p-4 [&>svg]:size-6",
+        chevron: "size-6",
+        chevronContainer: "p-3"
+      }
+    },
+    isExpanded: {
+      true: {
+        chevron: "rotate-180"
+      }
+    },
+    isDisabled: {
+      true: {}
+    },
+    isCollapsed: {
+      true: {
+        base: "w-(--sidebar-collapsed-width) overflow-hidden",
+        header: "hidden",
+        nestedPanel: "h-0! overflow-hidden"
+      }
+    },
+    isNested: {
+      true: {
+        ul: "pl-7",
+        item: "ml-px",
+        label: "group-selected/item:border-l-2 group-selected/item:-ml-px group-expanded/item:-ml-px group-selected/item:border-interaction-main-default group-expanded/item:border-interaction-main-default border-base-divider-medium group-expanded/item:border-l-2 border-l pl-6"
+      },
+      false: {
+        item: "selected:bg-interaction-muted-main-active rounded-sm",
+        label: "rounded-sm"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      isCollapsed: true,
+      className: {
+        base: "[--sidebar-collapsed-width:44px]",
+        ul: "gap-2 p-1",
+        label: "flex items-center justify-center p-2"
+      }
+    },
+    {
+      size: "md",
+      isCollapsed: true,
+      className: {
+        base: "[--sidebar-collapsed-width:56px]",
+        ul: "gap-2 p-1",
+        label: "flex items-center justify-center p-3"
+      }
+    },
+    {
+      isExpanded: true,
+      isNested: false,
+      className: {
+        item: "bg-interaction-muted-main-active text-interaction-main-default"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+export {
+  sidebarStyles
+};
+//# sourceMappingURL=chunk-AP5AVQWY.mjs.map

package/dist/chunk-AP5AVQWY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const sidebarStyles = tv({\n  slots: {\n    base: \"w-full\",\n    ul: \"flex flex-col\",\n    item: [\n      \"group/item text-base-content-default hover:text-interaction-main-default selected:text-interaction-main-default inline-flex w-full cursor-pointer flex-row items-center transition\",\n      ...focusVisibleClasses,\n      \"-outline-offset-2\",\n    ],\n    section: \"group/section w-full\",\n    header: \"text-base-content-strong inline-flex items-center\",\n    headerLi: \"\",\n    list: \"\",\n    label: [\n      \"group-expanded/item:text-interaction-main-default inline-flex flex-1 items-center text-start transition [&>svg]:shrink-0\",\n      ...focusVisibleClasses,\n      \"-outline-offset-2\",\n    ],\n    nestedPanel:\n      \"h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]\",\n    chevron: \"shrink-0 transition-transform\",\n    chevronContainer: \"flex min-w-auto items-center justify-center\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      sm: {\n        base: \"\",\n        header: \"prose-subhead-3 px-4 py-2\",\n        item: \"prose-subhead-2 gap-3\",\n        label: \"gap-3 px-4 py-3 [&>svg]:size-5\",\n        chevron: \"size-5\",\n        chevronContainer: \"p-3\",\n      },\n      md: {\n        base: \"\",\n        header: \"prose-subhead-3 px-4 py-2\",\n        item: \"prose-subhead-1 gap-3\",\n        label: \"gap-3 p-4 [&>svg]:size-6\",\n        chevron: \"size-6\",\n        chevronContainer: \"p-3\",\n      },\n    },\n    isExpanded: {\n      true: {\n        chevron: \"rotate-180\",\n      },\n    },\n    isDisabled: {\n      true: {},\n    },\n    isCollapsed: {\n      true: {\n        base: \"w-(--sidebar-collapsed-width) overflow-hidden\",\n        header: \"hidden\",\n        nestedPanel: \"h-0! overflow-hidden\",\n      },\n    },\n    isNested: {\n      true: {\n        ul: \"pl-7\",\n        item: \"ml-px\",\n        label:\n          \"group-selected/item:border-l-2 group-selected/item:-ml-px group-expanded/item:-ml-px group-selected/item:border-interaction-main-default group-expanded/item:border-interaction-main-default border-base-divider-medium group-expanded/item:border-l-2 border-l pl-6\",\n      },\n      false: {\n        item: \"selected:bg-interaction-muted-main-active rounded-sm\",\n        label: \"rounded-sm\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      isCollapsed: true,\n      className: {\n        base: \"[--sidebar-collapsed-width:44px]\",\n        ul: \"gap-2 p-1\",\n        label: \"flex items-center justify-center p-2\",\n      },\n    },\n    {\n      size: \"md\",\n      isCollapsed: true,\n      className: {\n        base: \"[--sidebar-collapsed-width:56px]\",\n        ul: \"gap-2 p-1\",\n        label: \"flex items-center justify-center p-3\",\n      },\n    },\n    {\n      isExpanded: true,\n      isNested: false,\n      className: {\n        item: \"bg-interaction-muted-main-active text-interaction-main-default\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type SidebarVariantProps = VariantProps<typeof sidebarStyles>\nexport type SidebarSlots = keyof ReturnType<typeof sidebarStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,MAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL;AAAA,MACA,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,aACE;AAAA,IACF,SAAS;AAAA,IACT,kBAAkB;AAAA,EACpB;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,QACT,kBAAkB;AAAA,MACpB;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,QACT,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM,CAAC;AAAA,IACT;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAW;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAW;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/chunk-BIKIWF22.js

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/tooltip.ts
+var tooltipStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "group prose-body-2 box-border will-change-transform",
+    arrow: "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
+  },
+  variants: {
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      sm: {
+        base: "rounded-sm"
+      },
+      default: {
+        base: "rounded"
+      },
+      md: {
+        base: "rounded-md"
+      },
+      lg: {
+        base: "rounded-lg"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    },
+    isEntering: {
+      true: {
+        base: "animate-in fade-in placement-bottom:slide-in-from-top-0.5 placement-top:slide-in-from-bottom-0.5 placement-left:slide-in-from-right-0.5 placement-right:slide-in-from-left-0.5 duration-200 ease-out"
+      }
+    },
+    isExiting: {
+      true: {
+        base: "animate-out fade-out placement-bottom:slide-out-to-top-0.5 placement-top:slide-out-to-bottom-0.5 placement-left:slide-out-to-right-0.5 placement-right:slide-out-to-left-0.5 duration-150 ease-in"
+      }
+    },
+    variant: {
+      unstyled: {},
+      default: {
+        base: "bg-base-content-strong text-base-content-inverse border-base-content-strong border px-3 py-2",
+        arrow: "fill-base-content-strong stroke-base-content-strong"
+      }
+    },
+    size: {}
+  },
+  defaultVariants: {
+    variant: "default",
+    radius: "sm"
+  }
+});
+
+
+
+exports.tooltipStyles = tooltipStyles;
+//# sourceMappingURL=chunk-BIKIWF22.js.map

package/dist/chunk-BIKIWF22.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BIKIWF22.js","../src/components/tooltip.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,cAAA,EAAgB,iCAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qDAAA;AAAA,IACN,KAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,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,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,QAAA,EAAU,CAAC,CAAA;AAAA,MACX,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,8FAAA;AAAA,QACN,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM,CAAC;AAAA,EACT,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACF,sCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BIKIWF22.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const tooltipStyles = tv({\n  slots: {\n    base: \"group prose-body-2 box-border will-change-transform\",\n    arrow:\n      \"group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]\",\n  },\n  variants: {\n    radius: {\n      none: {\n        base: \"rounded-none\",\n      },\n      sm: {\n        base: \"rounded-sm\",\n      },\n      default: {\n        base: \"rounded\",\n      },\n      md: {\n        base: \"rounded-md\",\n      },\n      lg: {\n        base: \"rounded-lg\",\n      },\n      full: {\n        base: \"rounded-full\",\n      },\n    },\n    isEntering: {\n      true: {\n        base: \"animate-in fade-in placement-bottom:slide-in-from-top-0.5 placement-top:slide-in-from-bottom-0.5 placement-left:slide-in-from-right-0.5 placement-right:slide-in-from-left-0.5 duration-200 ease-out\",\n      },\n    },\n    isExiting: {\n      true: {\n        base: \"animate-out fade-out placement-bottom:slide-out-to-top-0.5 placement-top:slide-out-to-bottom-0.5 placement-left:slide-out-to-right-0.5 placement-right:slide-out-to-left-0.5 duration-150 ease-in\",\n      },\n    },\n    variant: {\n      unstyled: {},\n      default: {\n        base: \"bg-base-content-strong text-base-content-inverse border-base-content-strong border px-3 py-2\",\n        arrow: \"fill-base-content-strong stroke-base-content-strong\",\n      },\n    },\n    size: {},\n  },\n  defaultVariants: {\n    variant: \"default\",\n    radius: \"sm\",\n  },\n})\n\nexport type TooltipVariantProps = VariantProps<typeof tooltipStyles>\nexport type TooltipSlots = keyof ReturnType<typeof tooltipStyles>\n"]}

package/dist/{chunk-7ZJHWJNE.js → chunk-CEVZV4UI.js}

@@ -8,7 +8,7 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 // src/components/link.ts
 var linkStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   extend: _chunkQ2IC5MPBjs.racFocusRing,
-  base: "inline cursor-pointer *:inline",
+  base: "inline cursor-pointer outline-offset-4 transition [-webkit-tap-highlight-color:transparent] *:inline hover:underline disabled:cursor-default disabled:no-underline",
   variants: {
     color: {
       unstyled: "",
@@ -31,7 +31,7 @@ var linkStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   compoundVariants: [
     {
       color: ["default", "neutral"],
-      className: "disabled:text-interaction-support-disabled-content outline-offset-4 transition [-webkit-tap-highlight-color:transparent] hover:underline disabled:cursor-default disabled:no-underline"
+      className: "disabled:text-interaction-support-disabled-content"
     }
   ]
 });
@@ -39,4 +39,4 @@ var linkStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.linkStyles = linkStyles;
-//# sourceMappingURL=chunk-7ZJHWJNE.js.map
+//# sourceMappingURL=chunk-CEVZV4UI.js.map

package/dist/chunk-CEVZV4UI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-CEVZV4UI.js","../src/components/link.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,WAAA,EAAa,iCAAA;AAAG,EAC3B,MAAA,EAAQ,6BAAA;AAAA,EACR,IAAA,EAAM,oKAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,QAAA,EAAU,EAAA;AAAA,MACV,OAAA,EACE,mEAAA;AAAA,MACF,OAAA,EACE;AAAA,IACJ,CAAA;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,cAAA;AAAA,MACN,EAAA,EAAI,YAAA;AAAA,MACJ,OAAA,EAAS,SAAA;AAAA,MACT,EAAA,EAAI,YAAA;AAAA,MACJ,EAAA,EAAI,YAAA;AAAA,MACJ,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ;AAAA,EACV,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,CAAC,SAAA,EAAW,SAAS,CAAA;AAAA,MAC5B,SAAA,EAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,gCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-CEVZV4UI.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { racFocusRing } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const linkStyles = tv({\n  extend: racFocusRing,\n  base: \"inline cursor-pointer outline-offset-4 transition [-webkit-tap-highlight-color:transparent] *:inline hover:underline disabled:cursor-default disabled:no-underline\",\n  variants: {\n    color: {\n      unstyled: \"\",\n      default:\n        \"text-interaction-links-default hover:text-interaction-links-hover\",\n      neutral:\n        \"text-interaction-links-neutral-default hover:text-interaction-links-neutral-hover\",\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  },\n  defaultVariants: {\n    color: \"default\",\n    radius: \"sm\",\n  },\n  compoundVariants: [\n    {\n      color: [\"default\", \"neutral\"],\n      className: \"disabled:text-interaction-support-disabled-content\",\n    },\n  ],\n})\n\nexport type LinkVariantProps = VariantProps<typeof linkStyles>\n"]}

package/dist/chunk-D7ZOKENW.mjs

@@ -0,0 +1,84 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/phone-number-field.ts
+var phoneNumberFieldStyles = tv({
+  slots: {
+    base: "flex flex-col gap-2",
+    group: "group/field relative overflow-hidden",
+    wrapper: "inline-flex w-full items-center overflow-hidden",
+    label: "",
+    input: "h-auto",
+    description: "",
+    error: "",
+    select: "w-fit",
+    selectTrigger: "border-base-divider-strong hover:bg-interaction-muted-main-hover focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active min-w-auto h-auto rounded-r-none border-r outline-offset-0 disabled:active:bg-inherit",
+    selectIcon: "",
+    selectItem: "flex flex-row items-center gap-2",
+    selectItemLabel: "line-clamp-1 flex-1",
+    selectItemCountryCode: "text-base-content-default/50 prose-caption-1",
+    flag: "bg-interaction-support-disabled flex shrink-0 overflow-hidden",
+    selectList: "",
+    selectPopover: ""
+  },
+  variants: {
+    variant: {
+      local: {},
+      international: {}
+    },
+    size: {
+      xs: {
+        input: "h-8.5",
+        selectTrigger: "h-8.5 px-2 py-2",
+        flag: "[&_svg]:w-4.5 [&_svg]:h-3"
+      },
+      sm: {
+        input: "h-9.5",
+        selectTrigger: "h-9.5 px-2 py-2.5",
+        flag: "[&_svg]:h-4 [&_svg]:w-6"
+      },
+      md: {
+        input: "h-10.5",
+        selectTrigger: "h-10.5 px-2 py-3",
+        flag: "[&_svg]:h-4 [&_svg]:w-6"
+      }
+    },
+    isDisabled: {
+      true: {
+        input: ""
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      size: "xs",
+      variant: "local",
+      className: {
+        flag: "mr-2"
+      }
+    },
+    {
+      size: "sm",
+      variant: "local",
+      className: {
+        flag: "mr-2"
+      }
+    },
+    {
+      size: "md",
+      variant: "local",
+      className: {
+        flag: "mr-3.5"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+export {
+  phoneNumberFieldStyles
+};
+//# sourceMappingURL=chunk-D7ZOKENW.mjs.map

package/dist/chunk-D7ZOKENW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/phone-number-field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const phoneNumberFieldStyles = tv({\n  slots: {\n    base: \"flex flex-col gap-2\",\n    group: \"group/field relative overflow-hidden\",\n    wrapper: \"inline-flex w-full items-center overflow-hidden\",\n    label: \"\",\n    input: \"h-auto\",\n    description: \"\",\n    error: \"\",\n    select: \"w-fit\",\n    selectTrigger:\n      \"border-base-divider-strong hover:bg-interaction-muted-main-hover focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active min-w-auto h-auto rounded-r-none border-r outline-offset-0 disabled:active:bg-inherit\",\n    selectIcon: \"\",\n    selectItem: \"flex flex-row items-center gap-2\",\n    selectItemLabel: \"line-clamp-1 flex-1\",\n    selectItemCountryCode: \"text-base-content-default/50 prose-caption-1\",\n    flag: \"bg-interaction-support-disabled flex shrink-0 overflow-hidden\",\n    selectList: \"\",\n    selectPopover: \"\",\n  },\n  variants: {\n    variant: {\n      local: {},\n      international: {},\n    },\n    size: {\n      xs: {\n        input: \"h-8.5\",\n        selectTrigger: \"h-8.5 px-2 py-2\",\n        flag: \"[&_svg]:w-4.5 [&_svg]:h-3\",\n      },\n      sm: {\n        input: \"h-9.5\",\n        selectTrigger: \"h-9.5 px-2 py-2.5\",\n        flag: \"[&_svg]:h-4 [&_svg]:w-6\",\n      },\n      md: {\n        input: \"h-10.5\",\n        selectTrigger: \"h-10.5 px-2 py-3\",\n        flag: \"[&_svg]:h-4 [&_svg]:w-6\",\n      },\n    },\n    isDisabled: {\n      true: {\n        input: \"\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"xs\",\n      variant: \"local\",\n      className: {\n        flag: \"mr-2\",\n      },\n    },\n    {\n      size: \"sm\",\n      variant: \"local\",\n      className: {\n        flag: \"mr-2\",\n      },\n    },\n    {\n      size: \"md\",\n      variant: \"local\",\n      className: {\n        flag: \"mr-3.5\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type PhoneNumberFieldVariantProps = VariantProps<\n  typeof phoneNumberFieldStyles\n>\n\nexport type PhoneNumberFieldSlots = keyof ReturnType<\n  typeof phoneNumberFieldStyles\n>\n"],"mappings":";;;;;AAIO,IAAM,yBAAyB,GAAG;AAAA,EACvC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,eACE;AAAA,IACF,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,uBAAuB;AAAA,IACvB,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO,CAAC;AAAA,MACR,eAAe,CAAC;AAAA,IAClB;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,eAAe;AAAA,QACf,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,eAAe;AAAA,QACf,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,eAAe;AAAA,QACf,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/chunk-GHCG2M3M.js

@@ -0,0 +1,113 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
+
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/sidebar.ts
+var sidebarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "w-full",
+    ul: "flex flex-col",
+    item: [
+      "group/item text-base-content-default hover:text-interaction-main-default selected:text-interaction-main-default inline-flex w-full cursor-pointer flex-row items-center transition",
+      ..._chunkQ2IC5MPBjs.focusVisibleClasses,
+      "-outline-offset-2"
+    ],
+    section: "group/section w-full",
+    header: "text-base-content-strong inline-flex items-center",
+    headerLi: "",
+    list: "",
+    label: [
+      "group-expanded/item:text-interaction-main-default inline-flex flex-1 items-center text-start transition [&>svg]:shrink-0",
+      ..._chunkQ2IC5MPBjs.focusVisibleClasses,
+      "-outline-offset-2"
+    ],
+    nestedPanel: "h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]",
+    chevron: "shrink-0 transition-transform",
+    chevronContainer: "flex min-w-auto items-center justify-center"
+  },
+  variants: {
+    variant: {},
+    size: {
+      sm: {
+        base: "",
+        header: "prose-subhead-3 px-4 py-2",
+        item: "prose-subhead-2 gap-3",
+        label: "gap-3 px-4 py-3 [&>svg]:size-5",
+        chevron: "size-5",
+        chevronContainer: "p-3"
+      },
+      md: {
+        base: "",
+        header: "prose-subhead-3 px-4 py-2",
+        item: "prose-subhead-1 gap-3",
+        label: "gap-3 p-4 [&>svg]:size-6",
+        chevron: "size-6",
+        chevronContainer: "p-3"
+      }
+    },
+    isExpanded: {
+      true: {
+        chevron: "rotate-180"
+      }
+    },
+    isDisabled: {
+      true: {}
+    },
+    isCollapsed: {
+      true: {
+        base: "w-(--sidebar-collapsed-width) overflow-hidden",
+        header: "hidden",
+        nestedPanel: "h-0! overflow-hidden"
+      }
+    },
+    isNested: {
+      true: {
+        ul: "pl-7",
+        item: "ml-px",
+        label: "group-selected/item:border-l-2 group-selected/item:-ml-px group-expanded/item:-ml-px group-selected/item:border-interaction-main-default group-expanded/item:border-interaction-main-default border-base-divider-medium group-expanded/item:border-l-2 border-l pl-6"
+      },
+      false: {
+        item: "selected:bg-interaction-muted-main-active rounded-sm",
+        label: "rounded-sm"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      isCollapsed: true,
+      className: {
+        base: "[--sidebar-collapsed-width:44px]",
+        ul: "gap-2 p-1",
+        label: "flex items-center justify-center p-2"
+      }
+    },
+    {
+      size: "md",
+      isCollapsed: true,
+      className: {
+        base: "[--sidebar-collapsed-width:56px]",
+        ul: "gap-2 p-1",
+        label: "flex items-center justify-center p-3"
+      }
+    },
+    {
+      isExpanded: true,
+      isNested: false,
+      className: {
+        item: "bg-interaction-muted-main-active text-interaction-main-default"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+
+
+exports.sidebarStyles = sidebarStyles;
+//# sourceMappingURL=chunk-GHCG2M3M.js.map

package/dist/chunk-GHCG2M3M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GHCG2M3M.js","../src/components/sidebar.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GHCG2M3M.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const sidebarStyles = tv({\n  slots: {\n    base: \"w-full\",\n    ul: \"flex flex-col\",\n    item: [\n      \"group/item text-base-content-default hover:text-interaction-main-default selected:text-interaction-main-default inline-flex w-full cursor-pointer flex-row items-center transition\",\n      ...focusVisibleClasses,\n      \"-outline-offset-2\",\n    ],\n    section: \"group/section w-full\",\n    header: \"text-base-content-strong inline-flex items-center\",\n    headerLi: \"\",\n    list: \"\",\n    label: [\n      \"group-expanded/item:text-interaction-main-default inline-flex flex-1 items-center text-start transition [&>svg]:shrink-0\",\n      ...focusVisibleClasses,\n      \"-outline-offset-2\",\n    ],\n    nestedPanel:\n      \"h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]\",\n    chevron: \"shrink-0 transition-transform\",\n    chevronContainer: \"flex min-w-auto items-center justify-center\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      sm: {\n        base: \"\",\n        header: \"prose-subhead-3 px-4 py-2\",\n        item: \"prose-subhead-2 gap-3\",\n        label: \"gap-3 px-4 py-3 [&>svg]:size-5\",\n        chevron: \"size-5\",\n        chevronContainer: \"p-3\",\n      },\n      md: {\n        base: \"\",\n        header: \"prose-subhead-3 px-4 py-2\",\n        item: \"prose-subhead-1 gap-3\",\n        label: \"gap-3 p-4 [&>svg]:size-6\",\n        chevron: \"size-6\",\n        chevronContainer: \"p-3\",\n      },\n    },\n    isExpanded: {\n      true: {\n        chevron: \"rotate-180\",\n      },\n    },\n    isDisabled: {\n      true: {},\n    },\n    isCollapsed: {\n      true: {\n        base: \"w-(--sidebar-collapsed-width) overflow-hidden\",\n        header: \"hidden\",\n        nestedPanel: \"h-0! overflow-hidden\",\n      },\n    },\n    isNested: {\n      true: {\n        ul: \"pl-7\",\n        item: \"ml-px\",\n        label:\n          \"group-selected/item:border-l-2 group-selected/item:-ml-px group-expanded/item:-ml-px group-selected/item:border-interaction-main-default group-expanded/item:border-interaction-main-default border-base-divider-medium group-expanded/item:border-l-2 border-l pl-6\",\n      },\n      false: {\n        item: \"selected:bg-interaction-muted-main-active rounded-sm\",\n        label: \"rounded-sm\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      isCollapsed: true,\n      className: {\n        base: \"[--sidebar-collapsed-width:44px]\",\n        ul: \"gap-2 p-1\",\n        label: \"flex items-center justify-center p-2\",\n      },\n    },\n    {\n      size: \"md\",\n      isCollapsed: true,\n      className: {\n        base: \"[--sidebar-collapsed-width:56px]\",\n        ul: \"gap-2 p-1\",\n        label: \"flex items-center justify-center p-3\",\n      },\n    },\n    {\n      isExpanded: true,\n      isNested: false,\n      className: {\n        item: \"bg-interaction-muted-main-active text-interaction-main-default\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type SidebarVariantProps = VariantProps<typeof sidebarStyles>\nexport type SidebarSlots = keyof ReturnType<typeof sidebarStyles>\n"]}

package/dist/{chunk-6N2TN2X4.mjs → chunk-GVRSU3VL.mjs}

@@ -31,6 +31,7 @@ var buttonStyles = tv({
       unstyled: ""
     },
     color: {
+      none: "",
       main: "",
       success: "",
       warning: "",
@@ -205,4 +206,4 @@ var buttonStyles = tv({
 export {
   buttonStyles
 };
-//# sourceMappingURL=chunk-6N2TN2X4.mjs.map
+//# sourceMappingURL=chunk-GVRSU3VL.mjs.map

package/dist/chunk-GVRSU3VL.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      none: \"\",\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 [&>svg]:shrink-0\",\n      false: \"[&>svg]:max-w-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-IGJAM4OC.mjs

@@ -0,0 +1,60 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/tooltip.ts
+var tooltipStyles = tv({
+  slots: {
+    base: "group prose-body-2 box-border will-change-transform",
+    arrow: "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
+  },
+  variants: {
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      sm: {
+        base: "rounded-sm"
+      },
+      default: {
+        base: "rounded"
+      },
+      md: {
+        base: "rounded-md"
+      },
+      lg: {
+        base: "rounded-lg"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    },
+    isEntering: {
+      true: {
+        base: "animate-in fade-in placement-bottom:slide-in-from-top-0.5 placement-top:slide-in-from-bottom-0.5 placement-left:slide-in-from-right-0.5 placement-right:slide-in-from-left-0.5 duration-200 ease-out"
+      }
+    },
+    isExiting: {
+      true: {
+        base: "animate-out fade-out placement-bottom:slide-out-to-top-0.5 placement-top:slide-out-to-bottom-0.5 placement-left:slide-out-to-right-0.5 placement-right:slide-out-to-left-0.5 duration-150 ease-in"
+      }
+    },
+    variant: {
+      unstyled: {},
+      default: {
+        base: "bg-base-content-strong text-base-content-inverse border-base-content-strong border px-3 py-2",
+        arrow: "fill-base-content-strong stroke-base-content-strong"
+      }
+    },
+    size: {}
+  },
+  defaultVariants: {
+    variant: "default",
+    radius: "sm"
+  }
+});
+
+export {
+  tooltipStyles
+};
+//# sourceMappingURL=chunk-IGJAM4OC.mjs.map

package/dist/chunk-IGJAM4OC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const tooltipStyles = tv({\n  slots: {\n    base: \"group prose-body-2 box-border will-change-transform\",\n    arrow:\n      \"group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]\",\n  },\n  variants: {\n    radius: {\n      none: {\n        base: \"rounded-none\",\n      },\n      sm: {\n        base: \"rounded-sm\",\n      },\n      default: {\n        base: \"rounded\",\n      },\n      md: {\n        base: \"rounded-md\",\n      },\n      lg: {\n        base: \"rounded-lg\",\n      },\n      full: {\n        base: \"rounded-full\",\n      },\n    },\n    isEntering: {\n      true: {\n        base: \"animate-in fade-in placement-bottom:slide-in-from-top-0.5 placement-top:slide-in-from-bottom-0.5 placement-left:slide-in-from-right-0.5 placement-right:slide-in-from-left-0.5 duration-200 ease-out\",\n      },\n    },\n    isExiting: {\n      true: {\n        base: \"animate-out fade-out placement-bottom:slide-out-to-top-0.5 placement-top:slide-out-to-bottom-0.5 placement-left:slide-out-to-right-0.5 placement-right:slide-out-to-left-0.5 duration-150 ease-in\",\n      },\n    },\n    variant: {\n      unstyled: {},\n      default: {\n        base: \"bg-base-content-strong text-base-content-inverse border-base-content-strong border px-3 py-2\",\n        arrow: \"fill-base-content-strong stroke-base-content-strong\",\n      },\n    },\n    size: {},\n  },\n  defaultVariants: {\n    variant: \"default\",\n    radius: \"sm\",\n  },\n})\n\nexport type TooltipVariantProps = VariantProps<typeof tooltipStyles>\nexport type TooltipSlots = keyof ReturnType<typeof tooltipStyles>\n"],"mappings":";;;;;AAIO,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,UAAU,CAAC;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,MAAM,CAAC;AAAA,EACT;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AACF,CAAC;","names":[]}