@opengovsg/oui-theme 0.0.57 → 0.0.59

package/dist/{chunk-BIXVP43C.js → chunk-4J6NV2EP.js}

@@ -5,7 +5,7 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 // src/components/list-box.ts
 var listBoxItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   slots: {
-    container: "text-base-content-strong flex cursor-pointer flex-col",
+    container: "text-base-content-strong focus-visible:outline-utility-focus-default flex cursor-pointer flex-col outline-none focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-solid",
     label: "line-clamp-1",
     description: "text-base-content-medium"
   },
@@ -63,4 +63,4 @@ var listBoxItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.listBoxItemStyles = listBoxItemStyles;
-//# sourceMappingURL=chunk-BIXVP43C.js.map
+//# sourceMappingURL=chunk-4J6NV2EP.js.map

package/dist/chunk-4J6NV2EP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-4J6NV2EP.js","../src/components/list-box.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,KAAA,EAAO;AAAA,IACL,SAAA,EACE,oMAAA;AAAA,IACF,KAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAa;AAAA,EACf,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,SAAA,EAAW,wBAAA;AAAA,QACX,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,SAAA,EAAW,wBAAA;AAAA,QACX,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI,EAAE,SAAA,EAAW,wBAAA,EAA0B,WAAA,EAAa,eAAe;AAAA,IACzE,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,EAAE,SAAA,EAAW,kCAAkC;AAAA,IACvD,CAAA;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,EAAE,SAAA,EAAW,mCAAmC;AAAA,IACxD,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,SAAA,EACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,SAAA,EAAW,KAAA;AAAA,MACX,MAAA,EAAQ,IAAA;AAAA,MACR,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,MACb;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,IAAA;AAAA,MACN,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW,EAAE,SAAA,EAAW,kBAAkB;AAAA,IAC5C,CAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,CAAC,IAAA,EAAM,IAAI,CAAA;AAAA,MACjB,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW,EAAE,SAAA,EAAW,kBAAkB;AAAA,IAC5C;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACF,8CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-4J6NV2EP.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const listBoxItemStyles = tv({\n  slots: {\n    container:\n      \"text-base-content-strong focus-visible:outline-utility-focus-default flex cursor-pointer flex-col outline-none focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-solid\",\n    label: \"line-clamp-1\",\n    description: \"text-base-content-medium\",\n  },\n  variants: {\n    size: {\n      xs: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      sm: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n    },\n    isFocused: {\n      true: { container: \"bg-interaction-muted-main-hover\" },\n    },\n    isOpen: {\n      true: \"\",\n    },\n    isSelected: {\n      true: { container: \"bg-interaction-muted-main-active\" },\n    },\n    isDisabled: {\n      true: {\n        container:\n          \"text-interaction-support-disabled-content cursor-not-allowed\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isFocused: false,\n      isOpen: true,\n      className: {\n        container: \"bg-interaction-muted-neutral-hover\",\n      },\n    },\n    {\n      size: \"md\",\n      isSelected: true,\n      className: { container: \"prose-subhead-1\" },\n    },\n    {\n      size: [\"sm\", \"xs\"],\n      isSelected: true,\n      className: { container: \"prose-subhead-2\" },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type ListBoxItemVariantProps = VariantProps<typeof listBoxItemStyles>\nexport type ListBoxItemSlots = keyof ReturnType<typeof listBoxItemStyles>\n"]}

package/dist/chunk-BDOITSMX.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/popover.ts
+var popoverStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  // `transition-none`: the open/close effect is a keyframe `animation`, not a
+  // transition. Without it, `duration-*` also sets `transition-duration` and the
+  // default `transition-property: all` makes the wrapper *animate* its inherited
+  // `max-height` whenever react-aria re-clamps the overlay — so a popover that
+  // does not fit its boundary visibly grows to full height then shrinks.
+  base: "bg-utility-ui text-base-content-strong motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 max-h-[inherit] overflow-hidden rounded-sm bg-clip-padding shadow-sm transition-none motion-safe:duration-200 motion-safe:ease-out forced-colors:bg-[Canvas]"
+});
+var popoverOverlayStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  // `transition-none` so react-aria's positioning writes (top/max-height) apply
+  // instantly and are never animated by a stray `transition`. The exit effect is
+  // a keyframe `animation`, unaffected by this.
+  base: "motion-safe:exiting:animate-out motion-safe:exiting:fade-out placement-bottom:exiting:slide-out-to-top-1 placement-top:exiting:slide-out-to-bottom-1 placement-left:exiting:slide-out-to-right-1 placement-right:exiting:slide-out-to-left-1 motion-safe:exiting:duration-150 transition-none ease-in"
+});
+var popoverArrowStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  base: "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
+});
+
+
+
+
+
+exports.popoverStyles = popoverStyles; exports.popoverOverlayStyles = popoverOverlayStyles; exports.popoverArrowStyles = popoverArrowStyles;
+//# sourceMappingURL=chunk-BDOITSMX.js.map

package/dist/chunk-BDOITSMX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BDOITSMX.js","../src/components/popover.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACqBO,IAAM,cAAA,EAAgB,iCAAA;AAAG;AAAA;AAAA;AAAA;AAAA;AAAA,EAM9B,IAAA,EAAM;AACR,CAAC,CAAA;AAaM,IAAM,qBAAA,EAAuB,iCAAA;AAAG;AAAA;AAAA;AAAA,EAIrC,IAAA,EAAM;AACR,CAAC,CAAA;AAEM,IAAM,mBAAA,EAAqB,iCAAA;AAAG,EACnC,IAAA,EAAM;AACR,CAAC,CAAA;ADhCD;AACA;AACE;AACA;AACA;AACF,4IAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BDOITSMX.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n/**\n * Styles for the VISIBLE popover box, rendered as an inner wrapper inside the\n * react-aria-positioned overlay (see `popoverOverlayStyles`).\n *\n * The ENTER animation lives here, NOT on the positioned overlay. react-aria\n * decides whether to flip the popover (e.g. above the trigger near a boundary\n * edge) by measuring the overlay; a collection (e.g. `Menu`) populates in a\n * second render pass, so react-aria re-measures once content arrives. If the\n * enter animation is on the measured overlay, that CSS animation starts in the\n * same commit and corrupts the re-measurement, so the popover never flips on\n * open (only after a later resize) — even when there is ample room above.\n * Animating this inner wrapper instead keeps the overlay measurement clean, so\n * react-aria flips on open for any trigger position.\n *\n * The enter animation is applied statically (it runs on mount) rather than via\n * react-aria's `isEntering` render prop, because `isEntering`/`data-entering`\n * live on the overlay, not this wrapper. `placement-*` slide variants resolve\n * against the wrapper's mirrored `data-placement`. `overflow-hidden` clips\n * scrollable content to the rounded corners (the inner menu/listbox owns the\n * scroll via its own `max-h-[inherit] overflow-y-auto`).\n */\nexport const popoverStyles = tv({\n  // `transition-none`: the open/close effect is a keyframe `animation`, not a\n  // transition. Without it, `duration-*` also sets `transition-duration` and the\n  // default `transition-property: all` makes the wrapper *animate* its inherited\n  // `max-height` whenever react-aria re-clamps the overlay — so a popover that\n  // does not fit its boundary visibly grows to full height then shrinks.\n  base: \"bg-utility-ui text-base-content-strong motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 max-h-[inherit] overflow-hidden rounded-sm bg-clip-padding shadow-sm transition-none motion-safe:duration-200 motion-safe:ease-out forced-colors:bg-[Canvas]\",\n})\n\nexport type PopoverVariantProps = VariantProps<typeof popoverStyles>\n\n/**\n * Styles for the positioned overlay (`AriaPopover`) that react-aria measures.\n * Only the EXIT animation lives here, gated on react-aria's `data-exiting`\n * attribute: react-aria's `useExitAnimation` inspects THIS element's animations\n * to know when to unmount, so the exit animation must be on it (exit happens\n * after positioning has settled, so it cannot corrupt flip-on-open). There is\n * deliberately no enter animation here. The exit slide direction resolves against\n * react-aria's own `data-placement`.\n */\nexport const popoverOverlayStyles = tv({\n  // `transition-none` so react-aria's positioning writes (top/max-height) apply\n  // instantly and are never animated by a stray `transition`. The exit effect is\n  // a keyframe `animation`, unaffected by this.\n  base: \"motion-safe:exiting:animate-out motion-safe:exiting:fade-out placement-bottom:exiting:slide-out-to-top-1 placement-top:exiting:slide-out-to-bottom-1 placement-left:exiting:slide-out-to-right-1 placement-right:exiting:slide-out-to-left-1 motion-safe:exiting:duration-150 transition-none ease-in\",\n})\n\nexport const popoverArrowStyles = tv({\n  base: \"group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]\",\n})\n"]}

package/dist/{chunk-4YH455F5.js → chunk-CLW7ODUI.js}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkBIXVP43Cjs = require('./chunk-BIXVP43C.js');
+var _chunk4J6NV2EPjs = require('./chunk-4J6NV2EP.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 
 // src/components/menu.ts
 var menuItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
-  extend: _chunkBIXVP43Cjs.listBoxItemStyles,
+  extend: _chunk4J6NV2EPjs.listBoxItemStyles,
   slots: {
     container: "flex flex-row items-center gap-2",
     iconContainer: "flex items-center",
@@ -80,4 +80,4 @@ var menuDividerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.menuItemStyles = menuItemStyles; exports.menuStyles = menuStyles; exports.menuSectionStyles = menuSectionStyles; exports.menuDividerStyles = menuDividerStyles;
-//# sourceMappingURL=chunk-4YH455F5.js.map
+//# sourceMappingURL=chunk-CLW7ODUI.js.map

package/dist/{chunk-4YH455F5.js.map → chunk-CLW7ODUI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-4YH455F5.js","../src/components/menu.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,MAAA,EAAQ,kCAAA;AAAA,EACR,KAAA,EAAO;AAAA,IACL,SAAA,EAAW,kCAAA;AAAA,IACX,aAAA,EAAe,mBAAA;AAAA,IACf,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,aAAA,EAAe,OAAA;AAAA,QACf,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,aAAA,EAAe,KAAA;AAAA,QACf,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,aAAA,EAAe,KAAA;AAAA,QACf,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAKM,IAAM,WAAA,EAAa,iCAAA;AAAG,EAC3B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,kEAAA;AAAA,IACN,OAAA,EAAS,yBAAA;AAAA,IACT,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EAEA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAKM,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,MAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAE,MAAA,EAAQ,4BAA4B,CAAA;AAAA,MAC1C,EAAA,EAAI,EAAE,MAAA,EAAQ,8BAA8B,CAAA;AAAA,MAC5C,EAAA,EAAI,EAAE,MAAA,EAAQ,4BAA4B;AAAA,IAC5C;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAKM,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,IAAA,EAAM;AACR,CAAC,CAAA;ADVD;AACA;AACE;AACA;AACA;AACA;AACF,uKAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-4YH455F5.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { listBoxItemStyles } from \"./list-box\"\n\nexport const menuItemStyles = tv({\n  extend: listBoxItemStyles,\n  slots: {\n    container: \"flex flex-row items-center gap-2\",\n    iconContainer: \"flex items-center\",\n    icon: \"\",\n  },\n  variants: {\n    size: {\n      xs: {\n        iconContainer: \"w-3.5\",\n        icon: \"size-3.5\",\n      },\n      sm: {\n        iconContainer: \"w-4\",\n        icon: \"size-4\",\n      },\n      md: {\n        iconContainer: \"w-4\",\n        icon: \"size-4\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type MenuItemVariantProps = VariantProps<typeof menuItemStyles>\nexport type MenuItemVariantSlots = keyof ReturnType<typeof menuItemStyles>\n\nexport const menuStyles = tv({\n  slots: {\n    base: \"scrollbar-hide max-h-[inherit] overflow-x-hidden overflow-y-auto\",\n    popover: \"min-w-(--trigger-width)\",\n    separator: \"border-t border-gray-200\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n    },\n    isEmpty: {\n      true: \"\",\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type MenuVariantProps = VariantProps<typeof menuStyles>\nexport type MenuVariantSlots = keyof ReturnType<typeof menuStyles>\n\nexport const menuSectionStyles = tv({\n  slots: {\n    base: \"\",\n    header:\n      \"bg-utility-ui text-base-content-strong border-base-divider-medium -mt-px truncate border-y\",\n  },\n  variants: {\n    size: {\n      xs: { header: \"prose-subhead-2 px-3 py-2\" },\n      sm: { header: \"prose-subhead-2 px-3 py-2.5\" },\n      md: { header: \"prose-subhead-1 px-4 py-3\" },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type MenuSectionVariantProps = VariantProps<typeof menuSectionStyles>\nexport type MenuSectionVariantSlots = keyof ReturnType<typeof menuSectionStyles>\n\nexport const menuDividerStyles = tv({\n  base: \"border-base-divider-medium my-1 border-b\",\n})\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-CLW7ODUI.js","../src/components/menu.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,MAAA,EAAQ,kCAAA;AAAA,EACR,KAAA,EAAO;AAAA,IACL,SAAA,EAAW,kCAAA;AAAA,IACX,aAAA,EAAe,mBAAA;AAAA,IACf,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,aAAA,EAAe,OAAA;AAAA,QACf,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,aAAA,EAAe,KAAA;AAAA,QACf,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,aAAA,EAAe,KAAA;AAAA,QACf,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAKM,IAAM,WAAA,EAAa,iCAAA;AAAG,EAC3B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,kEAAA;AAAA,IACN,OAAA,EAAS,yBAAA;AAAA,IACT,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EAEA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAKM,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,MAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAE,MAAA,EAAQ,4BAA4B,CAAA;AAAA,MAC1C,EAAA,EAAI,EAAE,MAAA,EAAQ,8BAA8B,CAAA;AAAA,MAC5C,EAAA,EAAI,EAAE,MAAA,EAAQ,4BAA4B;AAAA,IAC5C;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAKM,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,IAAA,EAAM;AACR,CAAC,CAAA;ADVD;AACA;AACE;AACA;AACA;AACA;AACF,uKAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-CLW7ODUI.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { listBoxItemStyles } from \"./list-box\"\n\nexport const menuItemStyles = tv({\n  extend: listBoxItemStyles,\n  slots: {\n    container: \"flex flex-row items-center gap-2\",\n    iconContainer: \"flex items-center\",\n    icon: \"\",\n  },\n  variants: {\n    size: {\n      xs: {\n        iconContainer: \"w-3.5\",\n        icon: \"size-3.5\",\n      },\n      sm: {\n        iconContainer: \"w-4\",\n        icon: \"size-4\",\n      },\n      md: {\n        iconContainer: \"w-4\",\n        icon: \"size-4\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type MenuItemVariantProps = VariantProps<typeof menuItemStyles>\nexport type MenuItemVariantSlots = keyof ReturnType<typeof menuItemStyles>\n\nexport const menuStyles = tv({\n  slots: {\n    base: \"scrollbar-hide max-h-[inherit] overflow-x-hidden overflow-y-auto\",\n    popover: \"min-w-(--trigger-width)\",\n    separator: \"border-t border-gray-200\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n    },\n    isEmpty: {\n      true: \"\",\n    },\n  },\n\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type MenuVariantProps = VariantProps<typeof menuStyles>\nexport type MenuVariantSlots = keyof ReturnType<typeof menuStyles>\n\nexport const menuSectionStyles = tv({\n  slots: {\n    base: \"\",\n    header:\n      \"bg-utility-ui text-base-content-strong border-base-divider-medium -mt-px truncate border-y\",\n  },\n  variants: {\n    size: {\n      xs: { header: \"prose-subhead-2 px-3 py-2\" },\n      sm: { header: \"prose-subhead-2 px-3 py-2.5\" },\n      md: { header: \"prose-subhead-1 px-4 py-3\" },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type MenuSectionVariantProps = VariantProps<typeof menuSectionStyles>\nexport type MenuSectionVariantSlots = keyof ReturnType<typeof menuSectionStyles>\n\nexport const menuDividerStyles = tv({\n  base: \"border-base-divider-medium my-1 border-b\",\n})\n"]}

package/dist/chunk-D22TBERZ.mjs

@@ -0,0 +1,29 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/popover.ts
+var popoverStyles = tv({
+  // `transition-none`: the open/close effect is a keyframe `animation`, not a
+  // transition. Without it, `duration-*` also sets `transition-duration` and the
+  // default `transition-property: all` makes the wrapper *animate* its inherited
+  // `max-height` whenever react-aria re-clamps the overlay — so a popover that
+  // does not fit its boundary visibly grows to full height then shrinks.
+  base: "bg-utility-ui text-base-content-strong motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 max-h-[inherit] overflow-hidden rounded-sm bg-clip-padding shadow-sm transition-none motion-safe:duration-200 motion-safe:ease-out forced-colors:bg-[Canvas]"
+});
+var popoverOverlayStyles = tv({
+  // `transition-none` so react-aria's positioning writes (top/max-height) apply
+  // instantly and are never animated by a stray `transition`. The exit effect is
+  // a keyframe `animation`, unaffected by this.
+  base: "motion-safe:exiting:animate-out motion-safe:exiting:fade-out placement-bottom:exiting:slide-out-to-top-1 placement-top:exiting:slide-out-to-bottom-1 placement-left:exiting:slide-out-to-right-1 placement-right:exiting:slide-out-to-left-1 motion-safe:exiting:duration-150 transition-none ease-in"
+});
+var popoverArrowStyles = tv({
+  base: "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
+});
+
+export {
+  popoverStyles,
+  popoverOverlayStyles,
+  popoverArrowStyles
+};
+//# sourceMappingURL=chunk-D22TBERZ.mjs.map

package/dist/chunk-D22TBERZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/popover.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n/**\n * Styles for the VISIBLE popover box, rendered as an inner wrapper inside the\n * react-aria-positioned overlay (see `popoverOverlayStyles`).\n *\n * The ENTER animation lives here, NOT on the positioned overlay. react-aria\n * decides whether to flip the popover (e.g. above the trigger near a boundary\n * edge) by measuring the overlay; a collection (e.g. `Menu`) populates in a\n * second render pass, so react-aria re-measures once content arrives. If the\n * enter animation is on the measured overlay, that CSS animation starts in the\n * same commit and corrupts the re-measurement, so the popover never flips on\n * open (only after a later resize) — even when there is ample room above.\n * Animating this inner wrapper instead keeps the overlay measurement clean, so\n * react-aria flips on open for any trigger position.\n *\n * The enter animation is applied statically (it runs on mount) rather than via\n * react-aria's `isEntering` render prop, because `isEntering`/`data-entering`\n * live on the overlay, not this wrapper. `placement-*` slide variants resolve\n * against the wrapper's mirrored `data-placement`. `overflow-hidden` clips\n * scrollable content to the rounded corners (the inner menu/listbox owns the\n * scroll via its own `max-h-[inherit] overflow-y-auto`).\n */\nexport const popoverStyles = tv({\n  // `transition-none`: the open/close effect is a keyframe `animation`, not a\n  // transition. Without it, `duration-*` also sets `transition-duration` and the\n  // default `transition-property: all` makes the wrapper *animate* its inherited\n  // `max-height` whenever react-aria re-clamps the overlay — so a popover that\n  // does not fit its boundary visibly grows to full height then shrinks.\n  base: \"bg-utility-ui text-base-content-strong motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 max-h-[inherit] overflow-hidden rounded-sm bg-clip-padding shadow-sm transition-none motion-safe:duration-200 motion-safe:ease-out forced-colors:bg-[Canvas]\",\n})\n\nexport type PopoverVariantProps = VariantProps<typeof popoverStyles>\n\n/**\n * Styles for the positioned overlay (`AriaPopover`) that react-aria measures.\n * Only the EXIT animation lives here, gated on react-aria's `data-exiting`\n * attribute: react-aria's `useExitAnimation` inspects THIS element's animations\n * to know when to unmount, so the exit animation must be on it (exit happens\n * after positioning has settled, so it cannot corrupt flip-on-open). There is\n * deliberately no enter animation here. The exit slide direction resolves against\n * react-aria's own `data-placement`.\n */\nexport const popoverOverlayStyles = tv({\n  // `transition-none` so react-aria's positioning writes (top/max-height) apply\n  // instantly and are never animated by a stray `transition`. The exit effect is\n  // a keyframe `animation`, unaffected by this.\n  base: \"motion-safe:exiting:animate-out motion-safe:exiting:fade-out placement-bottom:exiting:slide-out-to-top-1 placement-top:exiting:slide-out-to-bottom-1 placement-left:exiting:slide-out-to-right-1 placement-right:exiting:slide-out-to-left-1 motion-safe:exiting:duration-150 transition-none ease-in\",\n})\n\nexport const popoverArrowStyles = tv({\n  base: \"group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]\",\n})\n"],"mappings":";;;;;AAyBO,IAAM,gBAAgB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM9B,MAAM;AACR,CAAC;AAaM,IAAM,uBAAuB,GAAG;AAAA;AAAA;AAAA;AAAA,EAIrC,MAAM;AACR,CAAC;AAEM,IAAM,qBAAqB,GAAG;AAAA,EACnC,MAAM;AACR,CAAC;","names":[]}

package/dist/{chunk-KKW4VCZA.mjs → chunk-EIKNU5FU.mjs}

@@ -1,6 +1,6 @@
 import {
   listBoxItemStyles
-} from "./chunk-UTOQXAFU.mjs";
+} from "./chunk-MROA2WAO.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -80,4 +80,4 @@ export {
   menuSectionStyles,
   menuDividerStyles
 };
-//# sourceMappingURL=chunk-KKW4VCZA.mjs.map
+//# sourceMappingURL=chunk-EIKNU5FU.mjs.map

package/dist/{chunk-UTOQXAFU.mjs → chunk-MROA2WAO.mjs}

@@ -5,7 +5,7 @@ import {
 // src/components/list-box.ts
 var listBoxItemStyles = tv({
   slots: {
-    container: "text-base-content-strong flex cursor-pointer flex-col",
+    container: "text-base-content-strong focus-visible:outline-utility-focus-default flex cursor-pointer flex-col outline-none focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-solid",
     label: "line-clamp-1",
     description: "text-base-content-medium"
   },
@@ -63,4 +63,4 @@ var listBoxItemStyles = tv({
 export {
   listBoxItemStyles
 };
-//# sourceMappingURL=chunk-UTOQXAFU.mjs.map
+//# sourceMappingURL=chunk-MROA2WAO.mjs.map

package/dist/chunk-MROA2WAO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/list-box.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const listBoxItemStyles = tv({\n  slots: {\n    container:\n      \"text-base-content-strong focus-visible:outline-utility-focus-default flex cursor-pointer flex-col outline-none focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-solid\",\n    label: \"line-clamp-1\",\n    description: \"text-base-content-medium\",\n  },\n  variants: {\n    size: {\n      xs: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      sm: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n    },\n    isFocused: {\n      true: { container: \"bg-interaction-muted-main-hover\" },\n    },\n    isOpen: {\n      true: \"\",\n    },\n    isSelected: {\n      true: { container: \"bg-interaction-muted-main-active\" },\n    },\n    isDisabled: {\n      true: {\n        container:\n          \"text-interaction-support-disabled-content cursor-not-allowed\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isFocused: false,\n      isOpen: true,\n      className: {\n        container: \"bg-interaction-muted-neutral-hover\",\n      },\n    },\n    {\n      size: \"md\",\n      isSelected: true,\n      className: { container: \"prose-subhead-1\" },\n    },\n    {\n      size: [\"sm\", \"xs\"],\n      isSelected: true,\n      className: { container: \"prose-subhead-2\" },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type ListBoxItemVariantProps = VariantProps<typeof listBoxItemStyles>\nexport type ListBoxItemSlots = keyof ReturnType<typeof listBoxItemStyles>\n"],"mappings":";;;;;AAIO,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,WACE;AAAA,IACF,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI,EAAE,WAAW,0BAA0B,aAAa,eAAe;AAAA,IACzE;AAAA,IACA,WAAW;AAAA,MACT,MAAM,EAAE,WAAW,kCAAkC;AAAA,IACvD;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE,WAAW,mCAAmC;AAAA,IACxD;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,WACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,WAAW;AAAA,QACT,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,MAAM,CAAC,MAAM,IAAI;AAAA,MACjB,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/components/index.d.mts

@@ -15,7 +15,7 @@ export { SelectItemVariantProps, SelectItemVariantSlots, SelectVariantProps, Sel
 export { BadgeSlots, BadgeVariantProps, badgeCloseButtonStyles, badgeStyles } from './badge.mjs';
 export { MenuItemVariantProps, MenuItemVariantSlots, MenuSectionVariantProps, MenuSectionVariantSlots, MenuVariantProps, MenuVariantSlots, menuDividerStyles, menuItemStyles, menuSectionStyles, menuStyles } from './menu.mjs';
 export { ListBoxItemSlots, ListBoxItemVariantProps, listBoxItemStyles } from './list-box.mjs';
-export { PopoverVariantProps, popoverArrowStyles, popoverStyles } from './popover.mjs';
+export { PopoverVariantProps, popoverArrowStyles, popoverOverlayStyles, popoverStyles } from './popover.mjs';
 export { TabListVariantProps, TabPanelVariantProps, TabVariantProps, TabsVariantProps, tabListStyles, tabPanelStyles, tabStyles, tabsStyles } from './tabs.mjs';
 export { DateInputVariantProps, DateSegmentVariantProps, dateInputStyles, dateSegmentStyles } from './date-field.mjs';
 export { DatePickerSlots, DatePickerVariantProps, datePickerStyles } from './date-picker.mjs';

package/dist/components/index.d.ts

@@ -15,7 +15,7 @@ export { SelectItemVariantProps, SelectItemVariantSlots, SelectVariantProps, Sel
 export { BadgeSlots, BadgeVariantProps, badgeCloseButtonStyles, badgeStyles } from './badge.js';
 export { MenuItemVariantProps, MenuItemVariantSlots, MenuSectionVariantProps, MenuSectionVariantSlots, MenuVariantProps, MenuVariantSlots, menuDividerStyles, menuItemStyles, menuSectionStyles, menuStyles } from './menu.js';
 export { ListBoxItemSlots, ListBoxItemVariantProps, listBoxItemStyles } from './list-box.js';
-export { PopoverVariantProps, popoverArrowStyles, popoverStyles } from './popover.js';
+export { PopoverVariantProps, popoverArrowStyles, popoverOverlayStyles, popoverStyles } from './popover.js';
 export { TabListVariantProps, TabPanelVariantProps, TabVariantProps, TabsVariantProps, tabListStyles, tabPanelStyles, tabStyles, tabsStyles } from './tabs.js';
 export { DateInputVariantProps, DateSegmentVariantProps, dateInputStyles, dateSegmentStyles } from './date-field.js';
 export { DatePickerSlots, DatePickerVariantProps, datePickerStyles } from './date-picker.js';

package/dist/components/index.js

@@ -49,7 +49,8 @@ var _chunkN42PNG6Kjs = require('../chunk-N42PNG6K.js');
 
 
 
-var _chunkGNNN3RQTjs = require('../chunk-GNNN3RQT.js');
+
+var _chunkBDOITSMXjs = require('../chunk-BDOITSMX.js');
 
 
 
@@ -76,10 +77,10 @@ var _chunkCEVZV4UIjs = require('../chunk-CEVZV4UI.js');
 
 
 
-var _chunk4YH455F5js = require('../chunk-4YH455F5.js');
+var _chunkCLW7ODUIjs = require('../chunk-CLW7ODUI.js');
 
 
-var _chunkBIXVP43Cjs = require('../chunk-BIXVP43C.js');
+var _chunk4J6NV2EPjs = require('../chunk-4J6NV2EP.js');
 
 
 var _chunkF5D7OEF3js = require('../chunk-F5D7OEF3.js');
@@ -213,5 +214,6 @@ require('../chunk-HEB3T2LL.js');
 
 
 
-exports.accordionStyles = _chunkK3HXIECNjs.accordionStyles; exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkTK26VCRGjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkTK26VCRGjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.breadcrumbsStyles = _chunkQBNBNIH6js.breadcrumbsStyles; exports.buttonStyles = _chunkLUUZG6W6js.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkB66CRCIMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkB66CRCIMjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateInputStyles = _chunk3UT6IRJPjs.dateInputStyles; exports.datePickerStyles = _chunkZDUFVZY4js.datePickerStyles; exports.dateRangePickerStyles = _chunkGNQOEROBjs.dateRangePickerStyles; exports.dateSegmentStyles = _chunk3UT6IRJPjs.dateSegmentStyles; exports.descriptionStyles = _chunkCRLWF7KXjs.descriptionStyles; exports.fieldBorderStyles = _chunkCRLWF7KXjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkCRLWF7KXjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkCRLWF7KXjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.govtBannerStyles = _chunkORUAKFKDjs.govtBannerStyles; exports.infoboxStyles = _chunk4J4LHS6Jjs.infoboxStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkCRLWF7KXjs.labelStyles; exports.linkStyles = _chunkCEVZV4UIjs.linkStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunkF5D7OEF3js.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkQTG5VWROjs.numberFieldStyles; exports.paginationStyles = _chunkSBSMCRDXjs.paginationStyles; exports.phoneNumberFieldStyles = _chunkN42PNG6Kjs.phoneNumberFieldStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.radioGroupStyles = _chunkBOLUJXH7js.radioGroupStyles; exports.radioStyles = _chunkBOLUJXH7js.radioStyles; exports.searchFieldStyles = _chunkIKTN75BFjs.searchFieldStyles; exports.selectItemStyles = _chunkXQCCRAFEjs.selectItemStyles; exports.selectSearchStyles = _chunkXQCCRAFEjs.selectSearchStyles; exports.selectStyles = _chunkXQCCRAFEjs.selectStyles; exports.sidebarStyles = _chunkGHCG2M3Mjs.sidebarStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkVY64AMMQjs.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk37W3BXDAjs.textAreaStyles; exports.timeFieldStyles = _chunkPQ5AGLRSjs.timeFieldStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkLFBYVPYBjs.toggleStyles; exports.tooltipStyles = _chunkBIKIWF22js.tooltipStyles;
+
+exports.accordionStyles = _chunkK3HXIECNjs.accordionStyles; exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkTK26VCRGjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkTK26VCRGjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.breadcrumbsStyles = _chunkQBNBNIH6js.breadcrumbsStyles; exports.buttonStyles = _chunkLUUZG6W6js.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkB66CRCIMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkB66CRCIMjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateInputStyles = _chunk3UT6IRJPjs.dateInputStyles; exports.datePickerStyles = _chunkZDUFVZY4js.datePickerStyles; exports.dateRangePickerStyles = _chunkGNQOEROBjs.dateRangePickerStyles; exports.dateSegmentStyles = _chunk3UT6IRJPjs.dateSegmentStyles; exports.descriptionStyles = _chunkCRLWF7KXjs.descriptionStyles; exports.fieldBorderStyles = _chunkCRLWF7KXjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkCRLWF7KXjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkCRLWF7KXjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.govtBannerStyles = _chunkORUAKFKDjs.govtBannerStyles; exports.infoboxStyles = _chunk4J4LHS6Jjs.infoboxStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkCRLWF7KXjs.labelStyles; exports.linkStyles = _chunkCEVZV4UIjs.linkStyles; exports.listBoxItemStyles = _chunk4J6NV2EPjs.listBoxItemStyles; exports.menuDividerStyles = _chunkCLW7ODUIjs.menuDividerStyles; exports.menuItemStyles = _chunkCLW7ODUIjs.menuItemStyles; exports.menuSectionStyles = _chunkCLW7ODUIjs.menuSectionStyles; exports.menuStyles = _chunkCLW7ODUIjs.menuStyles; exports.modalStyles = _chunkF5D7OEF3js.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkQTG5VWROjs.numberFieldStyles; exports.paginationStyles = _chunkSBSMCRDXjs.paginationStyles; exports.phoneNumberFieldStyles = _chunkN42PNG6Kjs.phoneNumberFieldStyles; exports.popoverArrowStyles = _chunkBDOITSMXjs.popoverArrowStyles; exports.popoverOverlayStyles = _chunkBDOITSMXjs.popoverOverlayStyles; exports.popoverStyles = _chunkBDOITSMXjs.popoverStyles; exports.radioGroupStyles = _chunkBOLUJXH7js.radioGroupStyles; exports.radioStyles = _chunkBOLUJXH7js.radioStyles; exports.searchFieldStyles = _chunkIKTN75BFjs.searchFieldStyles; exports.selectItemStyles = _chunkXQCCRAFEjs.selectItemStyles; exports.selectSearchStyles = _chunkXQCCRAFEjs.selectSearchStyles; exports.selectStyles = _chunkXQCCRAFEjs.selectStyles; exports.sidebarStyles = _chunkGHCG2M3Mjs.sidebarStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkVY64AMMQjs.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk37W3BXDAjs.textAreaStyles; exports.timeFieldStyles = _chunkPQ5AGLRSjs.timeFieldStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkLFBYVPYBjs.toggleStyles; exports.tooltipStyles = _chunkBIKIWF22js.tooltipStyles;
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"],"names":[],"mappings":"AAAA,yGAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,urHAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"],"names":[],"mappings":"AAAA,yGAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,6vHAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/index.js"}

package/dist/components/index.mjs

@@ -48,8 +48,9 @@ import {
 } from "../chunk-ASJOVCVD.mjs";
 import {
   popoverArrowStyles,
+  popoverOverlayStyles,
   popoverStyles
-} from "../chunk-GPTGOTBN.mjs";
+} from "../chunk-D22TBERZ.mjs";
 import {
   radioGroupStyles,
   radioStyles
@@ -76,10 +77,10 @@ import {
   menuItemStyles,
   menuSectionStyles,
   menuStyles
-} from "../chunk-KKW4VCZA.mjs";
+} from "../chunk-EIKNU5FU.mjs";
 import {
   listBoxItemStyles
-} from "../chunk-UTOQXAFU.mjs";
+} from "../chunk-MROA2WAO.mjs";
 import {
   modalStyles
 } from "../chunk-AY2DNDLA.mjs";
@@ -193,6 +194,7 @@ export {
   paginationStyles,
   phoneNumberFieldStyles,
   popoverArrowStyles,
+  popoverOverlayStyles,
   popoverStyles,
   radioGroupStyles,
   radioStyles,

package/dist/components/list-box.js

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkBIXVP43Cjs = require('../chunk-BIXVP43C.js');
+var _chunk4J6NV2EPjs = require('../chunk-4J6NV2EP.js');
 require('../chunk-OLJN3WXR.js');
 require('../chunk-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
@@ -11,5 +11,5 @@ require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles;
+exports.listBoxItemStyles = _chunk4J6NV2EPjs.listBoxItemStyles;
 //# sourceMappingURL=list-box.js.map

package/dist/components/list-box.mjs

@@ -1,6 +1,6 @@
 import {
   listBoxItemStyles
-} from "../chunk-UTOQXAFU.mjs";
+} from "../chunk-MROA2WAO.mjs";
 import "../chunk-M2BG3FAA.mjs";
 import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";

package/dist/components/menu.js

@@ -3,8 +3,8 @@
 
 
 
-var _chunk4YH455F5js = require('../chunk-4YH455F5.js');
-require('../chunk-BIXVP43C.js');
+var _chunkCLW7ODUIjs = require('../chunk-CLW7ODUI.js');
+require('../chunk-4J6NV2EP.js');
 require('../chunk-OLJN3WXR.js');
 require('../chunk-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
@@ -18,5 +18,5 @@ require('../chunk-HEB3T2LL.js');
 
 
 
-exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles;
+exports.menuDividerStyles = _chunkCLW7ODUIjs.menuDividerStyles; exports.menuItemStyles = _chunkCLW7ODUIjs.menuItemStyles; exports.menuSectionStyles = _chunkCLW7ODUIjs.menuSectionStyles; exports.menuStyles = _chunkCLW7ODUIjs.menuStyles;
 //# sourceMappingURL=menu.js.map

package/dist/components/menu.mjs

@@ -3,8 +3,8 @@ import {
   menuItemStyles,
   menuSectionStyles,
   menuStyles
-} from "../chunk-KKW4VCZA.mjs";
-import "../chunk-UTOQXAFU.mjs";
+} from "../chunk-EIKNU5FU.mjs";
+import "../chunk-MROA2WAO.mjs";
 import "../chunk-M2BG3FAA.mjs";
 import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";

package/dist/components/popover.d.mts

@@ -1,29 +1,39 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
-declare const popoverStyles: tailwind_variants.TVReturnType<{
-    isEntering: {
-        true: string;
-    };
-    isExiting: {
-        true: string;
-    };
-}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", {
-    isEntering: {
-        true: string;
-    };
-    isExiting: {
-        true: string;
-    };
-}, undefined, tailwind_variants.TVReturnType<{
-    isEntering: {
-        true: string;
-    };
-    isExiting: {
-        true: string;
-    };
-}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", unknown, unknown, undefined>>;
+/**
+ * Styles for the VISIBLE popover box, rendered as an inner wrapper inside the
+ * react-aria-positioned overlay (see `popoverOverlayStyles`).
+ *
+ * The ENTER animation lives here, NOT on the positioned overlay. react-aria
+ * decides whether to flip the popover (e.g. above the trigger near a boundary
+ * edge) by measuring the overlay; a collection (e.g. `Menu`) populates in a
+ * second render pass, so react-aria re-measures once content arrives. If the
+ * enter animation is on the measured overlay, that CSS animation starts in the
+ * same commit and corrupts the re-measurement, so the popover never flips on
+ * open (only after a later resize) — even when there is ample room above.
+ * Animating this inner wrapper instead keeps the overlay measurement clean, so
+ * react-aria flips on open for any trigger position.
+ *
+ * The enter animation is applied statically (it runs on mount) rather than via
+ * react-aria's `isEntering` render prop, because `isEntering`/`data-entering`
+ * live on the overlay, not this wrapper. `placement-*` slide variants resolve
+ * against the wrapper's mirrored `data-placement`. `overflow-hidden` clips
+ * scrollable content to the rounded corners (the inner menu/listbox owns the
+ * scroll via its own `max-h-[inherit] overflow-y-auto`).
+ */
+declare const popoverStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "bg-utility-ui text-base-content-strong motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 max-h-[inherit] overflow-hidden rounded-sm bg-clip-padding shadow-sm transition-none motion-safe:duration-200 motion-safe:ease-out forced-colors:bg-[Canvas]", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "bg-utility-ui text-base-content-strong motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 max-h-[inherit] overflow-hidden rounded-sm bg-clip-padding shadow-sm transition-none motion-safe:duration-200 motion-safe:ease-out forced-colors:bg-[Canvas]", unknown, unknown, undefined>>;
 type PopoverVariantProps = VariantProps<typeof popoverStyles>;
+/**
+ * Styles for the positioned overlay (`AriaPopover`) that react-aria measures.
+ * Only the EXIT animation lives here, gated on react-aria's `data-exiting`
+ * attribute: react-aria's `useExitAnimation` inspects THIS element's animations
+ * to know when to unmount, so the exit animation must be on it (exit happens
+ * after positioning has settled, so it cannot corrupt flip-on-open). There is
+ * deliberately no enter animation here. The exit slide direction resolves against
+ * react-aria's own `data-placement`.
+ */
+declare const popoverOverlayStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "motion-safe:exiting:animate-out motion-safe:exiting:fade-out placement-bottom:exiting:slide-out-to-top-1 placement-top:exiting:slide-out-to-bottom-1 placement-left:exiting:slide-out-to-right-1 placement-right:exiting:slide-out-to-left-1 motion-safe:exiting:duration-150 transition-none ease-in", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "motion-safe:exiting:animate-out motion-safe:exiting:fade-out placement-bottom:exiting:slide-out-to-top-1 placement-top:exiting:slide-out-to-bottom-1 placement-left:exiting:slide-out-to-right-1 placement-right:exiting:slide-out-to-left-1 motion-safe:exiting:duration-150 transition-none ease-in", unknown, unknown, undefined>>;
 declare const popoverArrowStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", unknown, unknown, undefined>>;
 
-export { type PopoverVariantProps, popoverArrowStyles, popoverStyles };
+export { type PopoverVariantProps, popoverArrowStyles, popoverOverlayStyles, popoverStyles };

package/dist/components/popover.d.ts

@@ -1,29 +1,39 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
-declare const popoverStyles: tailwind_variants.TVReturnType<{
-    isEntering: {
-        true: string;
-    };
-    isExiting: {
-        true: string;
-    };
-}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", {
-    isEntering: {
-        true: string;
-    };
-    isExiting: {
-        true: string;
-    };
-}, undefined, tailwind_variants.TVReturnType<{
-    isEntering: {
-        true: string;
-    };
-    isExiting: {
-        true: string;
-    };
-}, undefined, "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]", unknown, unknown, undefined>>;
+/**
+ * Styles for the VISIBLE popover box, rendered as an inner wrapper inside the
+ * react-aria-positioned overlay (see `popoverOverlayStyles`).
+ *
+ * The ENTER animation lives here, NOT on the positioned overlay. react-aria
+ * decides whether to flip the popover (e.g. above the trigger near a boundary
+ * edge) by measuring the overlay; a collection (e.g. `Menu`) populates in a
+ * second render pass, so react-aria re-measures once content arrives. If the
+ * enter animation is on the measured overlay, that CSS animation starts in the
+ * same commit and corrupts the re-measurement, so the popover never flips on
+ * open (only after a later resize) — even when there is ample room above.
+ * Animating this inner wrapper instead keeps the overlay measurement clean, so
+ * react-aria flips on open for any trigger position.
+ *
+ * The enter animation is applied statically (it runs on mount) rather than via
+ * react-aria's `isEntering` render prop, because `isEntering`/`data-entering`
+ * live on the overlay, not this wrapper. `placement-*` slide variants resolve
+ * against the wrapper's mirrored `data-placement`. `overflow-hidden` clips
+ * scrollable content to the rounded corners (the inner menu/listbox owns the
+ * scroll via its own `max-h-[inherit] overflow-y-auto`).
+ */
+declare const popoverStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "bg-utility-ui text-base-content-strong motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 max-h-[inherit] overflow-hidden rounded-sm bg-clip-padding shadow-sm transition-none motion-safe:duration-200 motion-safe:ease-out forced-colors:bg-[Canvas]", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "bg-utility-ui text-base-content-strong motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 max-h-[inherit] overflow-hidden rounded-sm bg-clip-padding shadow-sm transition-none motion-safe:duration-200 motion-safe:ease-out forced-colors:bg-[Canvas]", unknown, unknown, undefined>>;
 type PopoverVariantProps = VariantProps<typeof popoverStyles>;
+/**
+ * Styles for the positioned overlay (`AriaPopover`) that react-aria measures.
+ * Only the EXIT animation lives here, gated on react-aria's `data-exiting`
+ * attribute: react-aria's `useExitAnimation` inspects THIS element's animations
+ * to know when to unmount, so the exit animation must be on it (exit happens
+ * after positioning has settled, so it cannot corrupt flip-on-open). There is
+ * deliberately no enter animation here. The exit slide direction resolves against
+ * react-aria's own `data-placement`.
+ */
+declare const popoverOverlayStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "motion-safe:exiting:animate-out motion-safe:exiting:fade-out placement-bottom:exiting:slide-out-to-top-1 placement-top:exiting:slide-out-to-bottom-1 placement-left:exiting:slide-out-to-right-1 placement-right:exiting:slide-out-to-left-1 motion-safe:exiting:duration-150 transition-none ease-in", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "motion-safe:exiting:animate-out motion-safe:exiting:fade-out placement-bottom:exiting:slide-out-to-top-1 placement-top:exiting:slide-out-to-bottom-1 placement-left:exiting:slide-out-to-right-1 placement-right:exiting:slide-out-to-left-1 motion-safe:exiting:duration-150 transition-none ease-in", unknown, unknown, undefined>>;
 declare const popoverArrowStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]", unknown, unknown, undefined>>;
 
-export { type PopoverVariantProps, popoverArrowStyles, popoverStyles };
+export { type PopoverVariantProps, popoverArrowStyles, popoverOverlayStyles, popoverStyles };

package/dist/components/popover.js

@@ -1,11 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkGNNN3RQTjs = require('../chunk-GNNN3RQT.js');
+
+var _chunkBDOITSMXjs = require('../chunk-BDOITSMX.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
-exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles;
+
+exports.popoverArrowStyles = _chunkBDOITSMXjs.popoverArrowStyles; exports.popoverOverlayStyles = _chunkBDOITSMXjs.popoverOverlayStyles; exports.popoverStyles = _chunkBDOITSMXjs.popoverStyles;
 //# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/popover.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,yHAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/popover.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/popover.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,+LAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/popover.js"}

package/dist/components/popover.mjs

@@ -1,11 +1,13 @@
 import {
   popoverArrowStyles,
+  popoverOverlayStyles,
   popoverStyles
-} from "../chunk-GPTGOTBN.mjs";
+} from "../chunk-D22TBERZ.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {
   popoverArrowStyles,
+  popoverOverlayStyles,
   popoverStyles
 };
 //# sourceMappingURL=popover.mjs.map

package/dist/index.d.mts

@@ -15,7 +15,7 @@ export { SelectItemVariantProps, SelectItemVariantSlots, SelectVariantProps, Sel
 export { BadgeSlots, BadgeVariantProps, badgeCloseButtonStyles, badgeStyles } from './components/badge.mjs';
 export { MenuItemVariantProps, MenuItemVariantSlots, MenuSectionVariantProps, MenuSectionVariantSlots, MenuVariantProps, MenuVariantSlots, menuDividerStyles, menuItemStyles, menuSectionStyles, menuStyles } from './components/menu.mjs';
 export { ListBoxItemSlots, ListBoxItemVariantProps, listBoxItemStyles } from './components/list-box.mjs';
-export { PopoverVariantProps, popoverArrowStyles, popoverStyles } from './components/popover.mjs';
+export { PopoverVariantProps, popoverArrowStyles, popoverOverlayStyles, popoverStyles } from './components/popover.mjs';
 export { TabListVariantProps, TabPanelVariantProps, TabVariantProps, TabsVariantProps, tabListStyles, tabPanelStyles, tabStyles, tabsStyles } from './components/tabs.mjs';
 export { DateInputVariantProps, DateSegmentVariantProps, dateInputStyles, dateSegmentStyles } from './components/date-field.mjs';
 export { DatePickerSlots, DatePickerVariantProps, datePickerStyles } from './components/date-picker.mjs';

package/dist/index.d.ts

@@ -15,7 +15,7 @@ export { SelectItemVariantProps, SelectItemVariantSlots, SelectVariantProps, Sel
 export { BadgeSlots, BadgeVariantProps, badgeCloseButtonStyles, badgeStyles } from './components/badge.js';
 export { MenuItemVariantProps, MenuItemVariantSlots, MenuSectionVariantProps, MenuSectionVariantSlots, MenuVariantProps, MenuVariantSlots, menuDividerStyles, menuItemStyles, menuSectionStyles, menuStyles } from './components/menu.js';
 export { ListBoxItemSlots, ListBoxItemVariantProps, listBoxItemStyles } from './components/list-box.js';
-export { PopoverVariantProps, popoverArrowStyles, popoverStyles } from './components/popover.js';
+export { PopoverVariantProps, popoverArrowStyles, popoverOverlayStyles, popoverStyles } from './components/popover.js';
 export { TabListVariantProps, TabPanelVariantProps, TabVariantProps, TabsVariantProps, tabListStyles, tabPanelStyles, tabStyles, tabsStyles } from './components/tabs.js';
 export { DateInputVariantProps, DateSegmentVariantProps, dateInputStyles, dateSegmentStyles } from './components/date-field.js';
 export { DatePickerSlots, DatePickerVariantProps, datePickerStyles } from './components/date-picker.js';

package/dist/index.js

@@ -49,7 +49,8 @@ var _chunkN42PNG6Kjs = require('./chunk-N42PNG6K.js');
 
 
 
-var _chunkGNNN3RQTjs = require('./chunk-GNNN3RQT.js');
+
+var _chunkBDOITSMXjs = require('./chunk-BDOITSMX.js');
 
 
 
@@ -76,10 +77,10 @@ var _chunkCEVZV4UIjs = require('./chunk-CEVZV4UI.js');
 
 
 
-var _chunk4YH455F5js = require('./chunk-4YH455F5.js');
+var _chunkCLW7ODUIjs = require('./chunk-CLW7ODUI.js');
 
 
-var _chunkBIXVP43Cjs = require('./chunk-BIXVP43C.js');
+var _chunk4J6NV2EPjs = require('./chunk-4J6NV2EP.js');
 
 
 var _chunkF5D7OEF3js = require('./chunk-F5D7OEF3.js');
@@ -243,5 +244,6 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
 
 
 
-exports.accordionStyles = _chunkK3HXIECNjs.accordionStyles; exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkTK26VCRGjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkTK26VCRGjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.breadcrumbsStyles = _chunkQBNBNIH6js.breadcrumbsStyles; exports.buttonStyles = _chunkLUUZG6W6js.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkB66CRCIMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkB66CRCIMjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dataFocusVisibleClasses = _chunkQ2IC5MPBjs.dataFocusVisibleClasses; exports.dateInputStyles = _chunk3UT6IRJPjs.dateInputStyles; exports.datePickerStyles = _chunkZDUFVZY4js.datePickerStyles; exports.dateRangePickerStyles = _chunkGNQOEROBjs.dateRangePickerStyles; exports.dateSegmentStyles = _chunk3UT6IRJPjs.dateSegmentStyles; exports.descriptionStyles = _chunkCRLWF7KXjs.descriptionStyles; exports.fieldBorderStyles = _chunkCRLWF7KXjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkCRLWF7KXjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkCRLWF7KXjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.focusClasses = _chunkQ2IC5MPBjs.focusClasses; exports.focusVisibleClasses = _chunkQ2IC5MPBjs.focusVisibleClasses; exports.govtBannerStyles = _chunkORUAKFKDjs.govtBannerStyles; exports.groupFocusVisibleClasses = _chunkQ2IC5MPBjs.groupFocusVisibleClasses; exports.infoboxStyles = _chunk4J4LHS6Jjs.infoboxStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkCRLWF7KXjs.labelStyles; exports.linkStyles = _chunkCEVZV4UIjs.linkStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunkF5D7OEF3js.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkQTG5VWROjs.numberFieldStyles; exports.paginationStyles = _chunkSBSMCRDXjs.paginationStyles; exports.phoneNumberFieldStyles = _chunkN42PNG6Kjs.phoneNumberFieldStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.racFocusRing = _chunkQ2IC5MPBjs.racFocusRing; exports.radioGroupStyles = _chunkBOLUJXH7js.radioGroupStyles; exports.radioStyles = _chunkBOLUJXH7js.radioStyles; exports.searchFieldStyles = _chunkIKTN75BFjs.searchFieldStyles; exports.selectItemStyles = _chunkXQCCRAFEjs.selectItemStyles; exports.selectSearchStyles = _chunkXQCCRAFEjs.selectSearchStyles; exports.selectStyles = _chunkXQCCRAFEjs.selectStyles; exports.sidebarStyles = _chunkGHCG2M3Mjs.sidebarStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkVY64AMMQjs.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk37W3BXDAjs.textAreaStyles; exports.timeFieldStyles = _chunkPQ5AGLRSjs.timeFieldStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkLFBYVPYBjs.toggleStyles; exports.tooltipStyles = _chunkBIKIWF22js.tooltipStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
+
+exports.accordionStyles = _chunkK3HXIECNjs.accordionStyles; exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkTK26VCRGjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkTK26VCRGjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.breadcrumbsStyles = _chunkQBNBNIH6js.breadcrumbsStyles; exports.buttonStyles = _chunkLUUZG6W6js.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkB66CRCIMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkB66CRCIMjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dataFocusVisibleClasses = _chunkQ2IC5MPBjs.dataFocusVisibleClasses; exports.dateInputStyles = _chunk3UT6IRJPjs.dateInputStyles; exports.datePickerStyles = _chunkZDUFVZY4js.datePickerStyles; exports.dateRangePickerStyles = _chunkGNQOEROBjs.dateRangePickerStyles; exports.dateSegmentStyles = _chunk3UT6IRJPjs.dateSegmentStyles; exports.descriptionStyles = _chunkCRLWF7KXjs.descriptionStyles; exports.fieldBorderStyles = _chunkCRLWF7KXjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkCRLWF7KXjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkCRLWF7KXjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.focusClasses = _chunkQ2IC5MPBjs.focusClasses; exports.focusVisibleClasses = _chunkQ2IC5MPBjs.focusVisibleClasses; exports.govtBannerStyles = _chunkORUAKFKDjs.govtBannerStyles; exports.groupFocusVisibleClasses = _chunkQ2IC5MPBjs.groupFocusVisibleClasses; exports.infoboxStyles = _chunk4J4LHS6Jjs.infoboxStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkCRLWF7KXjs.labelStyles; exports.linkStyles = _chunkCEVZV4UIjs.linkStyles; exports.listBoxItemStyles = _chunk4J6NV2EPjs.listBoxItemStyles; exports.menuDividerStyles = _chunkCLW7ODUIjs.menuDividerStyles; exports.menuItemStyles = _chunkCLW7ODUIjs.menuItemStyles; exports.menuSectionStyles = _chunkCLW7ODUIjs.menuSectionStyles; exports.menuStyles = _chunkCLW7ODUIjs.menuStyles; exports.modalStyles = _chunkF5D7OEF3js.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkQTG5VWROjs.numberFieldStyles; exports.paginationStyles = _chunkSBSMCRDXjs.paginationStyles; exports.phoneNumberFieldStyles = _chunkN42PNG6Kjs.phoneNumberFieldStyles; exports.popoverArrowStyles = _chunkBDOITSMXjs.popoverArrowStyles; exports.popoverOverlayStyles = _chunkBDOITSMXjs.popoverOverlayStyles; exports.popoverStyles = _chunkBDOITSMXjs.popoverStyles; exports.racFocusRing = _chunkQ2IC5MPBjs.racFocusRing; exports.radioGroupStyles = _chunkBOLUJXH7js.radioGroupStyles; exports.radioStyles = _chunkBOLUJXH7js.radioStyles; exports.searchFieldStyles = _chunkIKTN75BFjs.searchFieldStyles; exports.selectItemStyles = _chunkXQCCRAFEjs.selectItemStyles; exports.selectSearchStyles = _chunkXQCCRAFEjs.selectSearchStyles; exports.selectStyles = _chunkXQCCRAFEjs.selectStyles; exports.sidebarStyles = _chunkGHCG2M3Mjs.sidebarStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkVY64AMMQjs.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk37W3BXDAjs.textAreaStyles; exports.timeFieldStyles = _chunkPQ5AGLRSjs.timeFieldStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkLFBYVPYBjs.toggleStyles; exports.tooltipStyles = _chunkBIKIWF22js.tooltipStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"],"names":[],"mappings":"AAAA,wGAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,u3IAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"],"names":[],"mappings":"AAAA,wGAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACA;AACF,sDAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,67IAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/index.js"}

package/dist/index.mjs

@@ -48,8 +48,9 @@ import {
 } from "./chunk-ASJOVCVD.mjs";
 import {
   popoverArrowStyles,
+  popoverOverlayStyles,
   popoverStyles
-} from "./chunk-GPTGOTBN.mjs";
+} from "./chunk-D22TBERZ.mjs";
 import {
   radioGroupStyles,
   radioStyles
@@ -76,10 +77,10 @@ import {
   menuItemStyles,
   menuSectionStyles,
   menuStyles
-} from "./chunk-KKW4VCZA.mjs";
+} from "./chunk-EIKNU5FU.mjs";
 import {
   listBoxItemStyles
-} from "./chunk-UTOQXAFU.mjs";
+} from "./chunk-MROA2WAO.mjs";
 import {
   modalStyles
 } from "./chunk-AY2DNDLA.mjs";
@@ -220,6 +221,7 @@ export {
   paginationStyles,
   phoneNumberFieldStyles,
   popoverArrowStyles,
+  popoverOverlayStyles,
   popoverStyles,
   racFocusRing,
   radioGroupStyles,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.57",
+  "version": "0.0.59",
   "sideEffects": false,
   "files": [
     "dist",
@@ -32,8 +32,8 @@
     "tailwindcss": "4.1.18",
     "tsup": "^8.5.1",
     "typescript": "5.7.3",
-    "@oui/eslint-config": "0.0.0",
     "@oui/prettier-config": "0.0.0",
+    "@oui/eslint-config": "0.0.0",
     "@oui/typescript-config": "0.0.0"
   },
   "dependencies": {

package/dist/chunk-BIXVP43C.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BIXVP43C.js","../src/components/list-box.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,KAAA,EAAO;AAAA,IACL,SAAA,EAAW,uDAAA;AAAA,IACX,KAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAa;AAAA,EACf,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,SAAA,EAAW,wBAAA;AAAA,QACX,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,SAAA,EAAW,wBAAA;AAAA,QACX,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI,EAAE,SAAA,EAAW,wBAAA,EAA0B,WAAA,EAAa,eAAe;AAAA,IACzE,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,EAAE,SAAA,EAAW,kCAAkC;AAAA,IACvD,CAAA;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM,EAAE,SAAA,EAAW,mCAAmC;AAAA,IACxD,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,SAAA,EACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,SAAA,EAAW,KAAA;AAAA,MACX,MAAA,EAAQ,IAAA;AAAA,MACR,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,MACb;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,IAAA;AAAA,MACN,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW,EAAE,SAAA,EAAW,kBAAkB;AAAA,IAC5C,CAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,CAAC,IAAA,EAAM,IAAI,CAAA;AAAA,MACjB,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW,EAAE,SAAA,EAAW,kBAAkB;AAAA,IAC5C;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACF,8CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BIXVP43C.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const listBoxItemStyles = tv({\n  slots: {\n    container: \"text-base-content-strong flex cursor-pointer flex-col\",\n    label: \"line-clamp-1\",\n    description: \"text-base-content-medium\",\n  },\n  variants: {\n    size: {\n      xs: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      sm: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n    },\n    isFocused: {\n      true: { container: \"bg-interaction-muted-main-hover\" },\n    },\n    isOpen: {\n      true: \"\",\n    },\n    isSelected: {\n      true: { container: \"bg-interaction-muted-main-active\" },\n    },\n    isDisabled: {\n      true: {\n        container:\n          \"text-interaction-support-disabled-content cursor-not-allowed\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isFocused: false,\n      isOpen: true,\n      className: {\n        container: \"bg-interaction-muted-neutral-hover\",\n      },\n    },\n    {\n      size: \"md\",\n      isSelected: true,\n      className: { container: \"prose-subhead-1\" },\n    },\n    {\n      size: [\"sm\", \"xs\"],\n      isSelected: true,\n      className: { container: \"prose-subhead-2\" },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type ListBoxItemVariantProps = VariantProps<typeof listBoxItemStyles>\nexport type ListBoxItemSlots = keyof ReturnType<typeof listBoxItemStyles>\n"]}

package/dist/chunk-GNNN3RQT.js

@@ -1,25 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
-
-// src/components/popover.ts
-var popoverStyles = _chunkUZONBJUXjs.tv.call(void 0, {
-  base: "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]",
-  variants: {
-    isEntering: {
-      true: "motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 motion-safe:duration-200 motion-safe:ease-out"
-    },
-    isExiting: {
-      true: "motion-safe:animate-out motion-safe:fade-out placement-bottom:slide-out-to-top-1 placement-top:slide-out-to-bottom-1 placement-left:slide-out-to-right-1 placement-right:slide-out-to-left-1 ease-in motion-safe:duration-150"
-    }
-  }
-});
-var popoverArrowStyles = _chunkUZONBJUXjs.tv.call(void 0, {
-  base: "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
-});
-
-
-
-
-exports.popoverStyles = popoverStyles; exports.popoverArrowStyles = popoverArrowStyles;
-//# sourceMappingURL=chunk-GNNN3RQT.js.map

package/dist/chunk-GNNN3RQT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GNNN3RQT.js","../src/components/popover.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,cAAA,EAAgB,iCAAA;AAAG,EAC9B,IAAA,EAAM,qHAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC,CAAA;AAIM,IAAM,mBAAA,EAAqB,iCAAA;AAAG,EACnC,IAAA,EAAM;AACR,CAAC,CAAA;ADDD;AACA;AACE;AACA;AACF,uFAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GNNN3RQT.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const popoverStyles = tv({\n  base: \"bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]\",\n  variants: {\n    isEntering: {\n      true: \"motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 motion-safe:duration-200 motion-safe:ease-out\",\n    },\n    isExiting: {\n      true: \"motion-safe:animate-out motion-safe:fade-out placement-bottom:slide-out-to-top-1 placement-top:slide-out-to-bottom-1 placement-left:slide-out-to-right-1 placement-right:slide-out-to-left-1 ease-in motion-safe:duration-150\",\n    },\n  },\n})\n\nexport type PopoverVariantProps = VariantProps<typeof popoverStyles>\n\nexport const popoverArrowStyles = tv({\n  base: \"group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]\",\n})\n"]}

package/dist/chunk-GPTGOTBN.mjs

@@ -1,25 +0,0 @@
-import {
-  tv
-} from "./chunk-4JENAMGV.mjs";
-
-// src/components/popover.ts
-var popoverStyles = tv({
-  base: "bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]",
-  variants: {
-    isEntering: {
-      true: "motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 motion-safe:duration-200 motion-safe:ease-out"
-    },
-    isExiting: {
-      true: "motion-safe:animate-out motion-safe:fade-out placement-bottom:slide-out-to-top-1 placement-top:slide-out-to-bottom-1 placement-left:slide-out-to-right-1 placement-right:slide-out-to-left-1 ease-in motion-safe:duration-150"
-    }
-  }
-});
-var popoverArrowStyles = tv({
-  base: "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
-});
-
-export {
-  popoverStyles,
-  popoverArrowStyles
-};
-//# sourceMappingURL=chunk-GPTGOTBN.mjs.map

package/dist/chunk-GPTGOTBN.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/popover.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const popoverStyles = tv({\n  base: \"bg-utility-ui text-base-content-strong overflow-auto rounded-sm bg-clip-padding shadow-sm forced-colors:bg-[Canvas]\",\n  variants: {\n    isEntering: {\n      true: \"motion-safe:animate-in motion-safe:fade-in placement-bottom:slide-in-from-top-1 placement-top:slide-in-from-bottom-1 placement-left:slide-in-from-right-1 placement-right:slide-in-from-left-1 motion-safe:duration-200 motion-safe:ease-out\",\n    },\n    isExiting: {\n      true: \"motion-safe:animate-out motion-safe:fade-out placement-bottom:slide-out-to-top-1 placement-top:slide-out-to-bottom-1 placement-left:slide-out-to-right-1 placement-right:slide-out-to-left-1 ease-in motion-safe:duration-150\",\n    },\n  },\n})\n\nexport type PopoverVariantProps = VariantProps<typeof popoverStyles>\n\nexport const popoverArrowStyles = tv({\n  base: \"group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 fill-utility-ui block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]\",\n})\n"],"mappings":";;;;;AAIO,IAAM,gBAAgB,GAAG;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAIM,IAAM,qBAAqB,GAAG;AAAA,EACnC,MAAM;AACR,CAAC;","names":[]}

package/dist/chunk-UTOQXAFU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/list-box.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const listBoxItemStyles = tv({\n  slots: {\n    container: \"text-base-content-strong flex cursor-pointer flex-col\",\n    label: \"line-clamp-1\",\n    description: \"text-base-content-medium\",\n  },\n  variants: {\n    size: {\n      xs: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      sm: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n    },\n    isFocused: {\n      true: { container: \"bg-interaction-muted-main-hover\" },\n    },\n    isOpen: {\n      true: \"\",\n    },\n    isSelected: {\n      true: { container: \"bg-interaction-muted-main-active\" },\n    },\n    isDisabled: {\n      true: {\n        container:\n          \"text-interaction-support-disabled-content cursor-not-allowed\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isFocused: false,\n      isOpen: true,\n      className: {\n        container: \"bg-interaction-muted-neutral-hover\",\n      },\n    },\n    {\n      size: \"md\",\n      isSelected: true,\n      className: { container: \"prose-subhead-1\" },\n    },\n    {\n      size: [\"sm\", \"xs\"],\n      isSelected: true,\n      className: { container: \"prose-subhead-2\" },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type ListBoxItemVariantProps = VariantProps<typeof listBoxItemStyles>\nexport type ListBoxItemSlots = keyof ReturnType<typeof listBoxItemStyles>\n"],"mappings":";;;;;AAIO,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI,EAAE,WAAW,0BAA0B,aAAa,eAAe;AAAA,IACzE;AAAA,IACA,WAAW;AAAA,MACT,MAAM,EAAE,WAAW,kCAAkC;AAAA,IACvD;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE,WAAW,mCAAmC;AAAA,IACxD;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,WACE;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,WAAW;AAAA,QACT,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,MAAM,CAAC,MAAM,IAAI;AAAA,MACjB,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}