@opengovsg/oui-theme 0.0.58 → 0.0.59

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-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/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');
 
 
 
@@ -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 = _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 = _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
@@ -193,6 +194,7 @@ export {
   paginationStyles,
   phoneNumberFieldStyles,
   popoverArrowStyles,
+  popoverOverlayStyles,
   popoverStyles,
   radioGroupStyles,
   radioStyles,

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');
 
 
 
@@ -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 = _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 = _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
@@ -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.58",
+  "version": "0.0.59",
   "sideEffects": false,
   "files": [
     "dist",
@@ -32,9 +32,9 @@
     "tailwindcss": "4.1.18",
     "tsup": "^8.5.1",
     "typescript": "5.7.3",
+    "@oui/prettier-config": "0.0.0",
     "@oui/eslint-config": "0.0.0",
-    "@oui/typescript-config": "0.0.0",
-    "@oui/prettier-config": "0.0.0"
+    "@oui/typescript-config": "0.0.0"
   },
   "dependencies": {
     "clsx": "^2.1.1",

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":[]}