@opengovsg/oui-theme 0.0.12 → 0.0.14

package/dist/chunk-MA67SUVH.js

@@ -0,0 +1,332 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
+
+
+var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
+
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/pagination.ts
+var paginationStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: ["p-2.5", "-m-2.5", "overflow-x-scroll", "scrollbar-hide"],
+    wrapper: [
+      "flex",
+      "flex-nowrap",
+      "h-fit",
+      "max-w-fit",
+      "relative",
+      "gap-1",
+      "items-center",
+      "overflow-visible"
+    ],
+    item: [
+      "tap-highlight-transparent",
+      "select-none",
+      "touch-none",
+      "transition"
+    ],
+    prev: "",
+    next: "",
+    cursor: [
+      "absolute",
+      "flex",
+      "overflow-visible",
+      "items-center",
+      "justify-center",
+      "origin-center",
+      "left-0",
+      "select-none",
+      "touch-none",
+      "pointer-events-none",
+      "z-20",
+      "text-standard-white"
+    ],
+    forwardIcon: [
+      "hidden",
+      "group-hover:block",
+      "group-data-[focus-visible=true]:block",
+      "data-[before=true]:rotate-180"
+    ],
+    ellipsis: "group-hover:hidden group-data-[focus-visible=true]:hidden",
+    chevronNext: "rotate-180"
+  },
+  variants: {
+    variant: {
+      light: {
+        item: "bg-transparent"
+      }
+    },
+    color: {
+      main: {
+        cursor: _chunk7Y2HFACMjs.colorVariants.solid.main
+      },
+      neutral: {
+        cursor: _chunk7Y2HFACMjs.colorVariants.solid.neutral
+      },
+      success: {
+        cursor: _chunk7Y2HFACMjs.colorVariants.solid.success
+      },
+      warning: {
+        cursor: _chunk7Y2HFACMjs.colorVariants.solid.warning
+      },
+      critical: {
+        cursor: _chunk7Y2HFACMjs.colorVariants.solid.critical
+      }
+    },
+    size: {
+      sm: {
+        item: "prose-body-2",
+        cursor: "prose-body-2"
+      },
+      md: {
+        item: "prose-body-2",
+        cursor: "prose-body-2"
+      },
+      lg: {
+        item: "prose-body-1",
+        cursor: "prose-body-1"
+      }
+    },
+    radius: {
+      none: {},
+      sm: {},
+      md: {},
+      lg: {},
+      full: {}
+    },
+    isCompact: {
+      true: {
+        wrapper: "gap-1"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "pointer-events-none"
+      }
+    },
+    disableCursorAnimation: {
+      true: {
+        cursor: "hidden"
+      }
+    },
+    disableAnimation: {
+      true: {
+        item: "transition-none",
+        cursor: "transition-none"
+      },
+      false: {
+        item: [
+          "data-[pressed=true]:scale-[0.95]",
+          "transition-transform-background"
+        ],
+        cursor: [
+          "data-[moving=true]:transition-transform",
+          "!data-[moving=true]:duration-300",
+          // this hides the cursor and only shows it once it has been moved to its initial position
+          "opacity-0",
+          "data-[moving]:opacity-100"
+        ]
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "light",
+    color: "neutral",
+    size: "md",
+    radius: "sm",
+    isCompact: false,
+    isDisabled: false,
+    disableCursorAnimation: false
+  },
+  compoundVariants: [
+    /**
+     * --------------------------------------------------------
+     * disableCursorAnimation
+     * the classNames will be applied to the active item
+     * --------------------------------------------------------
+     */
+    // disableCursorAnimation / color
+    {
+      disableCursorAnimation: true,
+      color: "main",
+      class: {
+        item: [
+          "data-[active=true]:bg-interaction-main-active",
+          "data-[active=true]:border-interaction-main-active",
+          "data-[active=true]:text-white"
+        ]
+      }
+    },
+    {
+      disableCursorAnimation: true,
+      color: "neutral",
+      class: {
+        item: [
+          "data-[active=true]:bg-interaction-support-selected",
+          "data-[active=true]:border-interaction-support-selected",
+          "data-[active=true]:text-white"
+        ]
+      }
+    },
+    {
+      disableCursorAnimation: true,
+      color: "success",
+      class: {
+        item: [
+          "data-[active=true]:bg-interaction-success-active",
+          "data-[active=true]:border-interaction-success-active",
+          "data-[active=true]:text-white"
+        ]
+      }
+    },
+    {
+      disableCursorAnimation: true,
+      color: "warning",
+      class: {
+        item: [
+          "data-[active=true]:bg-interaction-warning-active",
+          "data-[active=true]:border-interaction-warning-active",
+          "data-[active=true]:text-base-content-strong"
+        ]
+      }
+    },
+    {
+      disableCursorAnimation: true,
+      color: "critical",
+      class: {
+        item: [
+          "data-[active=true]:bg-interaction-critical-active",
+          "data-[active=true]:border-interaction-critical-active",
+          "data-[active=true]:text-white"
+        ]
+      }
+    }
+  ],
+  compoundSlots: [
+    // without variant
+    {
+      slots: ["item", "prev", "next"],
+      class: [
+        "flex",
+        "flex-wrap",
+        "truncate",
+        "box-border",
+        "outline-transparent outline-solid",
+        "items-center",
+        "justify-center",
+        "text-base-content-default",
+        // focus ring
+        ..._chunkPWPTVAILjs.dataFocusVisibleClasses,
+        "outline-offset-0",
+        // disabled
+        "data-[disabled=true]:text-interaction-support-disabled-content",
+        "data-[disabled=true]:pointer-events-none"
+      ]
+    },
+    {
+      slots: ["prev", "next"],
+      variant: "light",
+      class: [
+        "[&[data-hover=true]:not([data-active=true])]:bg-interaction-neutral-subtle-default",
+        "[&[data-pressed=true]:not([data-active=true])]:bg-interaction-neutral-subtle-hover",
+        "active:bg-interaction-muted-neutral-active"
+      ]
+    },
+    {
+      slots: ["item"],
+      variant: "light",
+      isCompact: false,
+      class: [
+        "[&[data-hover=true]:not([data-active=true])]:bg-interaction-neutral-subtle-default",
+        "[&[data-pressed=true]:not([data-active=true])]:bg-interaction-neutral-subtle-hover",
+        "active:bg-interaction-muted-neutral-active"
+      ]
+    },
+    // size
+    {
+      slots: ["item", "cursor"],
+      size: "sm",
+      isCompact: false,
+      class: "h-7 w-7 min-w-7"
+    },
+    {
+      slots: ["item"],
+      size: "sm",
+      isCompact: true,
+      class: "px-2"
+    },
+    {
+      slots: ["prev", "next"],
+      size: "sm",
+      class: "h-7 w-7 min-w-7 [&_svg]:size-5"
+    },
+    {
+      slots: ["item", "cursor"],
+      size: "md",
+      isCompact: false,
+      class: "h-8 w-8 min-w-8"
+    },
+    {
+      slots: ["item"],
+      size: "md",
+      isCompact: true,
+      class: "px-2.5"
+    },
+    {
+      slots: ["prev", "next"],
+      size: "md",
+      class: "h-8 w-8 min-w-8 [&_svg]:size-6"
+    },
+    {
+      slots: ["item", "cursor"],
+      size: "lg",
+      isCompact: false,
+      class: "h-9 w-9 min-w-9"
+    },
+    {
+      slots: ["item"],
+      size: "lg",
+      isCompact: true,
+      class: "px-3"
+    },
+    {
+      slots: ["prev", "next"],
+      size: "lg",
+      class: "h-9 w-9 min-w-9 [&_svg]:size-7"
+    },
+    // radius
+    {
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
+      radius: "none",
+      class: "rounded-none"
+    },
+    {
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
+      radius: "sm",
+      class: "rounded-sm"
+    },
+    {
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
+      radius: "md",
+      class: "rounded-md"
+    },
+    {
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
+      radius: "lg",
+      class: "rounded-lg"
+    },
+    {
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
+      radius: "full",
+      class: "rounded-full"
+    }
+  ]
+});
+
+
+
+exports.paginationStyles = paginationStyles;
+//# sourceMappingURL=chunk-MA67SUVH.js.map

package/dist/chunk-MA67SUVH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MA67SUVH.js","../src/components/pagination.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MA67SUVH.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { dataFocusVisibleClasses } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants } from \"../utils/variants\"\n\n/**\n * Pagination wrapper **Tailwind Variants** component\n *\n * const {base, cursor, prev, next, item } = paginationStyles({...})\n *\n * @example\n * <ul className={base()} aria-label=\"pagination navigation\">\n *    <li className={cursor()} aria-hidden=\"true\">{active page}</li> // this marks the active page\n *    <li role=\"button\" className={prev()} aria-label=\"Go to previous page\" data-disabled=\"true\">Prev</li>\n *    <li role=\"button\" className={item()} aria-label=\"page 1\" data-active=\"true\">1</li>\n *    <li role=\"button\" className={item()} aria-label=\"page 2\">2</li>\n *    <li role=\"button\" className={item()} aria-hidden=\"true\">...</li>\n *    <li role=\"button\" className={item()} aria-label=\"page 10\">10</li>\n *    <li role=\"button\" className={next()} aria-label=\"Go to next page\">Next</li>\n *  </ul>\n */\nexport const paginationStyles = tv({\n  slots: {\n    base: [\"p-2.5\", \"-m-2.5\", \"overflow-x-scroll\", \"scrollbar-hide\"],\n    wrapper: [\n      \"flex\",\n      \"flex-nowrap\",\n      \"h-fit\",\n      \"max-w-fit\",\n      \"relative\",\n      \"gap-1\",\n      \"items-center\",\n      \"overflow-visible\",\n    ],\n    item: [\n      \"tap-highlight-transparent\",\n      \"select-none\",\n      \"touch-none\",\n      \"transition\",\n    ],\n    prev: \"\",\n    next: \"\",\n    cursor: [\n      \"absolute\",\n      \"flex\",\n      \"overflow-visible\",\n      \"items-center\",\n      \"justify-center\",\n      \"origin-center\",\n      \"left-0\",\n      \"select-none\",\n      \"touch-none\",\n      \"pointer-events-none\",\n      \"z-20\",\n      \"text-standard-white\",\n    ],\n    forwardIcon: [\n      \"hidden\",\n      \"group-hover:block\",\n      \"group-data-[focus-visible=true]:block\",\n      \"data-[before=true]:rotate-180\",\n    ],\n    ellipsis: \"group-hover:hidden group-data-[focus-visible=true]:hidden\",\n    chevronNext: \"rotate-180\",\n  },\n  variants: {\n    variant: {\n      light: {\n        item: \"bg-transparent\",\n      },\n    },\n    color: {\n      main: {\n        cursor: colorVariants.solid.main,\n      },\n      neutral: {\n        cursor: colorVariants.solid.neutral,\n      },\n      success: {\n        cursor: colorVariants.solid.success,\n      },\n      warning: {\n        cursor: colorVariants.solid.warning,\n      },\n      critical: {\n        cursor: colorVariants.solid.critical,\n      },\n    },\n    size: {\n      sm: {\n        item: \"prose-body-2\",\n        cursor: \"prose-body-2\",\n      },\n      md: {\n        item: \"prose-body-2\",\n        cursor: \"prose-body-2\",\n      },\n      lg: {\n        item: \"prose-body-1\",\n        cursor: \"prose-body-1\",\n      },\n    },\n    radius: {\n      none: {},\n      sm: {},\n      md: {},\n      lg: {},\n      full: {},\n    },\n    isCompact: {\n      true: {\n        wrapper: \"gap-1\",\n      },\n    },\n    isDisabled: {\n      true: {\n        base: \"pointer-events-none\",\n      },\n    },\n    disableCursorAnimation: {\n      true: {\n        cursor: \"hidden\",\n      },\n    },\n    disableAnimation: {\n      true: {\n        item: \"transition-none\",\n        cursor: \"transition-none\",\n      },\n      false: {\n        item: [\n          \"data-[pressed=true]:scale-[0.95]\",\n          \"transition-transform-background\",\n        ],\n        cursor: [\n          \"data-[moving=true]:transition-transform\",\n          \"!data-[moving=true]:duration-300\",\n          // this hides the cursor and only shows it once it has been moved to its initial position\n          \"opacity-0\",\n          \"data-[moving]:opacity-100\",\n        ],\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"light\",\n    color: \"neutral\",\n    size: \"md\",\n    radius: \"sm\",\n    isCompact: false,\n    isDisabled: false,\n    disableCursorAnimation: false,\n  },\n  compoundVariants: [\n    /**\n     * --------------------------------------------------------\n     * disableCursorAnimation\n     * the classNames will be applied to the active item\n     * --------------------------------------------------------\n     */\n    // disableCursorAnimation / color\n    {\n      disableCursorAnimation: true,\n      color: \"main\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-main-active\",\n          \"data-[active=true]:border-interaction-main-active\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"neutral\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-support-selected\",\n          \"data-[active=true]:border-interaction-support-selected\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"success\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-success-active\",\n          \"data-[active=true]:border-interaction-success-active\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"warning\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-warning-active\",\n          \"data-[active=true]:border-interaction-warning-active\",\n          \"data-[active=true]:text-base-content-strong\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"critical\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-critical-active\",\n          \"data-[active=true]:border-interaction-critical-active\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n  ],\n  compoundSlots: [\n    // without variant\n    {\n      slots: [\"item\", \"prev\", \"next\"],\n      class: [\n        \"flex\",\n        \"flex-wrap\",\n        \"truncate\",\n        \"box-border\",\n        \"outline-transparent outline-solid\",\n        \"items-center\",\n        \"justify-center\",\n        \"text-base-content-default\",\n        // focus ring\n        ...dataFocusVisibleClasses,\n        \"outline-offset-0\",\n        // disabled\n        \"data-[disabled=true]:text-interaction-support-disabled-content\",\n        \"data-[disabled=true]:pointer-events-none\",\n      ],\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      variant: \"light\",\n      class: [\n        \"[&[data-hover=true]:not([data-active=true])]:bg-interaction-neutral-subtle-default\",\n        \"[&[data-pressed=true]:not([data-active=true])]:bg-interaction-neutral-subtle-hover\",\n        \"active:bg-interaction-muted-neutral-active\",\n      ],\n    },\n    {\n      slots: [\"item\"],\n      variant: \"light\",\n      isCompact: false,\n      class: [\n        \"[&[data-hover=true]:not([data-active=true])]:bg-interaction-neutral-subtle-default\",\n        \"[&[data-pressed=true]:not([data-active=true])]:bg-interaction-neutral-subtle-hover\",\n        \"active:bg-interaction-muted-neutral-active\",\n      ],\n    },\n    // size\n    {\n      slots: [\"item\", \"cursor\"],\n      size: \"sm\",\n      isCompact: false,\n      class: \"h-7 w-7 min-w-7\",\n    },\n    {\n      slots: [\"item\"],\n      size: \"sm\",\n      isCompact: true,\n      class: \"px-2\",\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      size: \"sm\",\n      class: \"h-7 w-7 min-w-7 [&_svg]:size-5\",\n    },\n    {\n      slots: [\"item\", \"cursor\"],\n      size: \"md\",\n      isCompact: false,\n      class: \"h-8 w-8 min-w-8\",\n    },\n    {\n      slots: [\"item\"],\n      size: \"md\",\n      isCompact: true,\n      class: \"px-2.5\",\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      size: \"md\",\n      class: \"h-8 w-8 min-w-8 [&_svg]:size-6\",\n    },\n    {\n      slots: [\"item\", \"cursor\"],\n      size: \"lg\",\n      isCompact: false,\n      class: \"h-9 w-9 min-w-9\",\n    },\n    {\n      slots: [\"item\"],\n      size: \"lg\",\n      isCompact: true,\n      class: \"px-3\",\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      size: \"lg\",\n      class: \"h-9 w-9 min-w-9 [&_svg]:size-7\",\n    },\n    // radius\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"none\",\n      class: \"rounded-none\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"sm\",\n      class: \"rounded-sm\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"md\",\n      class: \"rounded-md\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"lg\",\n      class: \"rounded-lg\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"full\",\n      class: \"rounded-full\",\n    },\n  ],\n})\n\nexport type PaginationVariantProps = VariantProps<typeof paginationStyles>\nexport type PaginationSlots = keyof ReturnType<typeof paginationStyles>\n"]}

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

@@ -3,7 +3,7 @@
 var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
+var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -18,7 +18,7 @@ var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     link: "text-[#2f5fd0] underline hover:text-[#4371d6]",
     identifyButton: _chunkZIQLHX3Ujs.cn.call(void 0, 
       "inline-flex cursor-pointer items-center rounded text-[#2f5fd0]",
-      _chunkX2UCVIR5js.focusVisibleClasses
+      _chunkPWPTVAILjs.focusVisibleClasses
     ),
     panel: "flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11",
     panelGroup: "flex flex-1 gap-2 md:gap-4",
@@ -33,4 +33,4 @@ var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.govtBannerStyles = govtBannerStyles;
-//# sourceMappingURL=chunk-TQ3MGBT6.js.map
+//# sourceMappingURL=chunk-MNRXJUFJ.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TQ3MGBT6.js","../src/components/govt-banner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACLO,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,uDAAA;AAAA,IACR,oBAAA,EAAsB,sCAAA;AAAA,IACtB,KAAA,EACE,oFAAA;AAAA,IACF,WAAA,EAAa,2CAAA;AAAA,IACb,IAAA,EAAM,+CAAA;AAAA,IACN,cAAA,EAAgB,iCAAA;AAAA,MACd,gEAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,iFAAA;AAAA,IACF,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,kCAAA;AAAA,IACd,SAAA,EACE,sEAAA;AAAA,IACF,OAAA,EACE,sEAAA;AAAA,IACF,UAAA,EAAY,+DAAA;AAAA,IACZ,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADGD;AACA;AACE;AACF,4CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TQ3MGBT6.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const govtBannerStyles = tv({\n  slots: {\n    banner: \"bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base\",\n    mainContentContainer: \"flex min-h-7 items-center gap-2 py-1\",\n    crest:\n      \"h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5\",\n    mainContent: \"flex flex-wrap gap-x-1 text-xs lg:text-sm\",\n    link: \"text-[#2f5fd0] underline hover:text-[#4371d6]\",\n    identifyButton: cn(\n      \"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]\",\n      focusVisibleClasses,\n    ),\n    panel:\n      \"flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11\",\n    panelGroup: \"flex flex-1 gap-2 md:gap-4\",\n    panelSection: \"flex flex-col gap-y-2 lg:gap-y-3\",\n    panelIcon:\n      \"inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6\",\n    chevron:\n      \"h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform\",\n    inlineIcon: \"inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4\",\n    panelHeader: \"leading-4 font-bold md:leading-5 lg:leading-6\",\n  },\n})\n\nexport type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>\nexport type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MNRXJUFJ.js","../src/components/govt-banner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACLO,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,uDAAA;AAAA,IACR,oBAAA,EAAsB,sCAAA;AAAA,IACtB,KAAA,EACE,oFAAA;AAAA,IACF,WAAA,EAAa,2CAAA;AAAA,IACb,IAAA,EAAM,+CAAA;AAAA,IACN,cAAA,EAAgB,iCAAA;AAAA,MACd,gEAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,iFAAA;AAAA,IACF,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,kCAAA;AAAA,IACd,SAAA,EACE,sEAAA;AAAA,IACF,OAAA,EACE,sEAAA;AAAA,IACF,UAAA,EAAY,+DAAA;AAAA,IACZ,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADGD;AACA;AACE;AACF,4CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MNRXJUFJ.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const govtBannerStyles = tv({\n  slots: {\n    banner: \"bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base\",\n    mainContentContainer: \"flex min-h-7 items-center gap-2 py-1\",\n    crest:\n      \"h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5\",\n    mainContent: \"flex flex-wrap gap-x-1 text-xs lg:text-sm\",\n    link: \"text-[#2f5fd0] underline hover:text-[#4371d6]\",\n    identifyButton: cn(\n      \"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]\",\n      focusVisibleClasses,\n    ),\n    panel:\n      \"flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11\",\n    panelGroup: \"flex flex-1 gap-2 md:gap-4\",\n    panelSection: \"flex flex-col gap-y-2 lg:gap-y-3\",\n    panelIcon:\n      \"inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6\",\n    chevron:\n      \"h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform\",\n    inlineIcon: \"inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4\",\n    panelHeader: \"leading-4 font-bold md:leading-5 lg:leading-6\",\n  },\n})\n\nexport type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>\nexport type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>\n"]}

package/dist/{chunk-J43U6YH5.mjs → chunk-OJ7NRUXZ.mjs}

@@ -1,6 +1,6 @@
 import {
   racFocusRing
-} from "./chunk-SFKXXWVK.mjs";
+} from "./chunk-E43A5ROR.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -204,4 +204,4 @@ export {
   tabPanelStyles,
   tabListStyles
 };
-//# sourceMappingURL=chunk-J43U6YH5.mjs.map
+//# sourceMappingURL=chunk-OJ7NRUXZ.mjs.map

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HAUMMW6T.mjs";
 import {
   focusVisibleClasses
-} from "./chunk-SFKXXWVK.mjs";
+} from "./chunk-E43A5ROR.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -33,4 +33,4 @@ var govtBannerStyles = tv({
 export {
   govtBannerStyles
 };
-//# sourceMappingURL=chunk-SUTSDQSC.mjs.map
+//# sourceMappingURL=chunk-PKY2UCL3.mjs.map

package/dist/{chunk-X2UCVIR5.js → chunk-PWPTVAIL.js}

@@ -11,6 +11,14 @@ var focusVisibleClasses = [
   "focus-visible:outline-solid",
   "focus-visible:outline-2"
 ];
+var dataFocusVisibleClasses = [
+  "outline-none",
+  "outline-transparent",
+  "outline-offset-2",
+  "data-[focus-visible=true]:outline-focus-ring",
+  "data-[focus-visible=true]:outline-solid",
+  "data-[focus-visible=true]:outline-2"
+];
 var focusClasses = [
   "outline-none",
   "outline-transparent",
@@ -40,5 +48,6 @@ var racFocusRing = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 
-exports.focusVisibleClasses = focusVisibleClasses; exports.focusClasses = focusClasses; exports.groupFocusVisibleClasses = groupFocusVisibleClasses; exports.racFocusRing = racFocusRing;
-//# sourceMappingURL=chunk-X2UCVIR5.js.map
+
+exports.focusVisibleClasses = focusVisibleClasses; exports.dataFocusVisibleClasses = dataFocusVisibleClasses; exports.focusClasses = focusClasses; exports.groupFocusVisibleClasses = groupFocusVisibleClasses; exports.racFocusRing = racFocusRing;
+//# sourceMappingURL=chunk-PWPTVAIL.js.map

package/dist/chunk-PWPTVAIL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-PWPTVAIL.js","../src/utils/classes.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,oBAAA,EAAsB;AAAA,EACjC,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kCAAA;AAAA,EACA,6BAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,wBAAA,EAA0B;AAAA,EACrC,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,8CAAA;AAAA,EACA,yCAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe;AAAA,EAC1B,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,0BAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,yBAAA,EAA2B;AAAA,EACtC,uBAAA;AAAA,EACA,4BAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,IAAA,EAAM,+BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,cAAA,EAAgB;AAAA,MACd,KAAA,EAAO,qBAAA;AAAA,MACP,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACA;AACA;AACA;AACA;AACF,oPAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-PWPTVAIL.js","sourcesContent":[null,"import { tv } from \"./tv\"\n\nexport const focusVisibleClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"focus-visible:outline-focus-ring\",\n  \"focus-visible:outline-solid\",\n  \"focus-visible:outline-2\",\n] as const\n\nexport const dataFocusVisibleClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"data-[focus-visible=true]:outline-focus-ring\",\n  \"data-[focus-visible=true]:outline-solid\",\n  \"data-[focus-visible=true]:outline-2\",\n] as const\n\nexport const focusClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"focus:outline-focus-ring\",\n  \"focus:outline-solid\",\n  \"focus:outline-2\",\n] as const\n\nexport const groupFocusVisibleClasses = [\n  \"in-focus-visible:z-10\",\n  \"in-focus-visible:outline-2\",\n  \"outline-focus-ring\",\n  \"outline-offset-2\",\n] as const\n\nexport const racFocusRing = tv({\n  base: \"outline-offset-2 outline-none\",\n  variants: {\n    isFocusVisible: {\n      false: \"outline-transparent\",\n      true: \"outline-focus-ring outline-2 outline-solid\",\n    },\n  },\n})\n"]}

package/dist/{chunk-2K77M7UD.js → chunk-QON6KDRO.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
+var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -17,7 +17,7 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     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 data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default",
-      ..._chunkX2UCVIR5js.focusVisibleClasses
+      ..._chunkPWPTVAILjs.focusVisibleClasses
     ],
     grid: "",
     calendar: "",
@@ -110,4 +110,4 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.calendarStyles = calendarStyles;
-//# sourceMappingURL=chunk-2K77M7UD.js.map
+//# sourceMappingURL=chunk-QON6KDRO.js.map

package/dist/{chunk-2K77M7UD.js.map → chunk-QON6KDRO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-2K77M7UD.js","../src/components/calendar.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-2K77M7UD.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 isolate inline-block h-fit max-w-full overflow-y-hidden\",\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 data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default\",\n      ...focusVisibleClasses,\n    ],\n    grid: \"\",\n    calendar: \"\",\n    gridWrapper: \"-m-1 flex gap-x-4 overflow-x-auto p-1 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    errorMessage: \"\",\n  },\n  variants: {\n    variant: {},\n    isRange: {\n      true: {\n        cell: \"outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']\",\n      },\n    },\n    isMultipleMonths: {\n      true: {\n        cell: \"outside-month:hidden\",\n      },\n    },\n    isSelected: {\n      true: \"\",\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  compoundVariants: [\n    {\n      isRange: false,\n      isSelected: true,\n      className: {\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    {\n      isRange: false,\n      isSelected: false,\n      className: {\n        cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n      },\n    },\n    {\n      isRange: true,\n      isSelected: true,\n      className: {\n        cell: \"selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm\",\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"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-QON6KDRO.js","../src/components/calendar.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-QON6KDRO.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 isolate inline-block h-fit max-w-full overflow-y-hidden\",\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 data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default\",\n      ...focusVisibleClasses,\n    ],\n    grid: \"\",\n    calendar: \"\",\n    gridWrapper: \"-m-1 flex gap-x-4 overflow-x-auto p-1 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    errorMessage: \"\",\n  },\n  variants: {\n    variant: {},\n    isRange: {\n      true: {\n        cell: \"outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']\",\n      },\n    },\n    isMultipleMonths: {\n      true: {\n        cell: \"outside-month:hidden\",\n      },\n    },\n    isSelected: {\n      true: \"\",\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  compoundVariants: [\n    {\n      isRange: false,\n      isSelected: true,\n      className: {\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    {\n      isRange: false,\n      isSelected: false,\n      className: {\n        cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n      },\n    },\n    {\n      isRange: true,\n      isSelected: true,\n      className: {\n        cell: \"selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm\",\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"]}

package/dist/{chunk-2NKETQ3I.mjs → chunk-R3METMPK.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HAUMMW6T.mjs";
 import {
   groupFocusVisibleClasses
-} from "./chunk-SFKXXWVK.mjs";
+} from "./chunk-E43A5ROR.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -54,4 +54,4 @@ var toggleStyles = tv({
 export {
   toggleStyles
 };
-//# sourceMappingURL=chunk-2NKETQ3I.mjs.map
+//# sourceMappingURL=chunk-R3METMPK.mjs.map

package/dist/{chunk-NPNMMEUT.js → chunk-TTH5N3TR.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
+var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -12,7 +12,7 @@ var tagFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     label: "",
     group: "flex-wrap items-start",
     tag: [
-      ..._chunkX2UCVIR5js.focusVisibleClasses,
+      ..._chunkPWPTVAILjs.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",
@@ -63,4 +63,4 @@ var tagFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.tagFieldStyles = tagFieldStyles;
-//# sourceMappingURL=chunk-NPNMMEUT.js.map
+//# sourceMappingURL=chunk-TTH5N3TR.js.map

package/dist/{chunk-NPNMMEUT.js.map → chunk-TTH5N3TR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-NPNMMEUT.js","../src/components/tag-field.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,qBAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,uBAAA;AAAA,IACP,GAAA,EAAK;AAAA,MACH,GAAG,oCAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,cAAA;AAAA,IACT,OAAA,EAAS,yBAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,OAAA,EAAS,4CAAA;AAAA,IACT,WAAA,EAAa,EAAA;AAAA,IACb,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6CAAA;AAAA,QACP,GAAA,EAAK,oCAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,0BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,2BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADID;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-NPNMMEUT.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\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    popover: \"rounded-t-none\",\n    list: \"relative z-10 max-h-80 w-(--trigger-width) overflow-y-auto p-0\",\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>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TTH5N3TR.js","../src/components/tag-field.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,qBAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,uBAAA;AAAA,IACP,GAAA,EAAK;AAAA,MACH,GAAG,oCAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,cAAA;AAAA,IACT,OAAA,EAAS,yBAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,OAAA,EAAS,4CAAA;AAAA,IACT,WAAA,EAAa,EAAA;AAAA,IACb,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6CAAA;AAAA,QACP,GAAA,EAAK,oCAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,0BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,2BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADID;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TTH5N3TR.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\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    popover: \"rounded-t-none\",\n    list: \"relative z-10 max-h-80 w-(--trigger-width) overflow-y-auto p-0\",\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>\n"]}

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

@@ -7,7 +7,7 @@ import {
 } from "./chunk-HAUMMW6T.mjs";
 import {
   racFocusRing
-} from "./chunk-SFKXXWVK.mjs";
+} from "./chunk-E43A5ROR.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -280,4 +280,4 @@ export {
   badgeCloseButtonStyles,
   badgeStyles
 };
-//# sourceMappingURL=chunk-XBNY4LLV.mjs.map
+//# sourceMappingURL=chunk-UGTAUPMB.mjs.map

package/dist/chunk-ZDEFYL6G.mjs

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