npm - @choco-vanille/ui - Versions diffs - 1.13.5 → 1.14.0 - Mend

@choco-vanille/ui 1.13.5 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (588) hide show

package/dist/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DrawerSectionItem.js","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { DRAWER_SECTION_ITEM_STYLES } from '@components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.ts'\r\nimport { useDrawerSectionItem } from '@components/overlay/drawer/components/items/drawer-section-item/hooks/use-drawer-section-item/useDrawerSectionItem.hook.tsx'\r\nimport type { DrawerSectionItemProps } from '@components/overlay/drawer/components/items/drawer-section-item/types/DrawerSectionItem.props.ts'\r\nimport { Flex, Grid, Separator, Tooltip } from '@components'\r\nimport {\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT,\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT,\r\n} from '@components/overlay/drawer/components/items/drawer-section-item/constants'\r\nimport { useTransitionRender } from '@hooks/use-transition-render/useTransitionRender.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/*\r\n An expandable section row rendered inside a `Drawer`.\r\n \r\n Clicking the header toggles the children. The expanded state is\r\n * independent of the drawer open/close state to avoid unwanted transitions.\r\n */\r\nconst DrawerSectionItem: FC<DrawerSectionItemProps> = memo(\r\n ({\r\n label,\r\n startIcon,\r\n endIcon,\r\n children,\r\n trailing,\r\n hideTooltip = false,\r\n sectionLabel,\r\n 'aria-label': ariaLabel,\r\n defaultExpanded = false,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n color = 'primary',\r\n disabled,\r\n className,\r\n style,\r\n ...props\r\n }) => {\r\n const { open, itemAttributes, sectionId, expanded, handleToggle } =\r\n useDrawerSectionItem({\r\n defaultExpanded,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n disabled,\r\n })\r\n\r\n // Children are only shown when the section is expanded.\r\n const showChildren = expanded\r\n\r\n // useTransitionRender drives the separator mount/unmount so its margin\r\n // transition plays fully before it is removed from the DOM (and mounts\r\n // at margin 0 before animating to its full values).\r\n const {\r\n shouldRenderContent: shouldRenderSeparator,\r\n isFadingIn: isSeparatorFadingIn,\r\n } = useTransitionRender(open, vars.duration.normal)\r\n\r\n return (\r\n <Box\r\n className={className}\r\n style={style}\r\n >\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open \|\| hideTooltip}\r\n >\r\n <button\r\n type={'button'}\r\n disabled={disabled}\r\n aria-expanded={showChildren}\r\n aria-controls={sectionId}\r\n aria-label={ariaLabel ?? (open ? undefined : label)}\r\n className={DRAWER_SECTION_ITEM_STYLES.recipe({ color })}\r\n onClick={handleToggle}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n endIcon={endIcon}\r\n trailing={trailing}\r\n endChevronIcon\r\n expanded={expanded}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n <Grid\r\n id={sectionId}\r\n role={'region'}\r\n aria-label={sectionLabel ?? label}\r\n aria-hidden={!showChildren}\r\n inert={!showChildren}\r\n gridTemplateRows={showChildren ? '1fr' : '0fr'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionContent}\r\n data-state={showChildren ? 'open' : 'closed'}\r\n >\r\n <Flex\r\n flexDirection={'row'}\r\n minHeight={0}\r\n minWidth={0}\r\n paddingBottom={showChildren ? 'xs' : 'none'}\r\n overflow={showChildren ? 'visible' : 'hidden'}\r\n gap={'none'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionInner}\r\n >\r\n {shouldRenderSeparator && (\r\n <Separator\r\n orientation={'vertical'}\r\n data-state={isSeparatorFadingIn ? 'open' : 'closed'}\r\n marginRight={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT\r\n : 'none'\r\n }\r\n marginLeft={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT\r\n : 'none'\r\n }\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionSeparator}\r\n />\r\n )}\r\n <Flex\r\n flexDirection={'column'}\r\n minHeight={0}\r\n gap={'none'}\r\n width={'100%'}\r\n >\r\n {children}\r\n </Flex>\r\n </Flex>\r\n </Grid>\r\n </Box>\r\n )\r\n },\r\n)\r\n\r\nDrawerSectionItem.displayName = 'Drawer.SectionItem'\r\n\r\nexport default DrawerSectionItem\r\n"],"names":["DrawerSectionItem","memo","label","startIcon","endIcon","children","trailing","hideTooltip","sectionLabel","ariaLabel","defaultExpanded","expandedProp","onExpandedChange","color","disabled","className","style","props","open","itemAttributes","sectionId","expanded","handleToggle","useDrawerSectionItem","showChildren","shouldRenderSeparator","isSeparatorFadingIn","useTransitionRender","vars","jsxs","Box","jsx","Tooltip","DRAWER_SECTION_ITEM_STYLES","DrawerItemContent","Grid","Flex","Separator","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT"],"mappings":"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"}
1	+ {"version":3,"file":"DrawerSectionItem.js","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { DRAWER_SECTION_ITEM_STYLES } from '@components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.ts'\r\nimport { useDrawerSectionItem } from '@components/overlay/drawer/components/items/drawer-section-item/hooks/use-drawer-section-item/useDrawerSectionItem.hook.tsx'\r\nimport type { DrawerSectionItemProps } from '@components/overlay/drawer/components/items/drawer-section-item/types/DrawerSectionItem.props.ts'\r\nimport { Flex, Grid, Separator, Tooltip } from '@components'\r\nimport {\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT,\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT,\r\n} from '@components/overlay/drawer/components/items/drawer-section-item/constants'\r\nimport { useTransitionRender } from '@hooks/use-transition-render/useTransitionRender.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/*\r\n An expandable section row rendered inside a `Drawer`.\r\n \r\n Clicking the header toggles the children. The expanded state is\r\n * independent of the drawer open/close state to avoid unwanted transitions.\r\n */\r\nconst DrawerSectionItem: FC<DrawerSectionItemProps> = memo(\r\n ({\r\n label,\r\n startIcon,\r\n endIcon,\r\n children,\r\n trailing,\r\n hideTooltip = false,\r\n sectionLabel,\r\n 'aria-label': ariaLabel,\r\n defaultExpanded = false,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n color = 'primary',\r\n disabled,\r\n className,\r\n style,\r\n ...props\r\n }) => {\r\n const { open, itemAttributes, sectionId, expanded, handleToggle } =\r\n useDrawerSectionItem({\r\n defaultExpanded,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n disabled,\r\n })\r\n\r\n // Children are only shown when the section is expanded.\r\n const showChildren = expanded\r\n\r\n // useTransitionRender drives the separator mount/unmount so its margin\r\n // transition plays fully before it is removed from the DOM (and mounts\r\n // at margin 0 before animating to its full values).\r\n const {\r\n shouldRenderContent: shouldRenderSeparator,\r\n isFadingIn: isSeparatorFadingIn,\r\n } = useTransitionRender(open, vars.duration.normal)\r\n\r\n return (\r\n <Box\r\n className={className}\r\n style={style}\r\n >\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open \|\| hideTooltip}\r\n >\r\n <button\r\n type={'button'}\r\n disabled={disabled}\r\n aria-expanded={showChildren}\r\n aria-controls={sectionId}\r\n aria-label={ariaLabel ?? (open ? undefined : label)}\r\n className={DRAWER_SECTION_ITEM_STYLES.recipe({ color })}\r\n onClick={handleToggle}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n endIcon={endIcon}\r\n trailing={trailing}\r\n endChevronIcon\r\n expanded={expanded}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n <Grid\r\n id={sectionId}\r\n role={'region'}\r\n aria-label={sectionLabel ?? label}\r\n aria-hidden={!showChildren}\r\n inert={!showChildren}\r\n gridTemplateRows={showChildren ? '1fr' : '0fr'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionContent}\r\n data-state={showChildren ? 'open' : 'closed'}\r\n >\r\n <Flex\r\n flexDirection={'row'}\r\n minHeight={0}\r\n minWidth={0}\r\n paddingBottom={showChildren ? 'xs' : 'none'}\r\n overflow={showChildren ? 'visible' : 'hidden'}\r\n gap={'none'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionInner}\r\n >\r\n {shouldRenderSeparator && (\r\n <Separator\r\n orientation={'vertical'}\r\n data-state={isSeparatorFadingIn ? 'open' : 'closed'}\r\n marginRight={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT\r\n : 'none'\r\n }\r\n marginLeft={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT\r\n : 'none'\r\n }\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionSeparator}\r\n />\r\n )}\r\n <Flex\r\n flexDirection={'column'}\r\n minHeight={0}\r\n gap={'none'}\r\n width={'100%'}\r\n >\r\n {children}\r\n </Flex>\r\n </Flex>\r\n </Grid>\r\n </Box>\r\n )\r\n },\r\n)\r\n\r\nDrawerSectionItem.displayName = 'Drawer.SectionItem'\r\n\r\nexport default DrawerSectionItem\r\n"],"names":["DrawerSectionItem","memo","label","startIcon","endIcon","children","trailing","hideTooltip","sectionLabel","ariaLabel","defaultExpanded","expandedProp","onExpandedChange","color","disabled","className","style","props","open","itemAttributes","sectionId","expanded","handleToggle","useDrawerSectionItem","showChildren","shouldRenderSeparator","isSeparatorFadingIn","useTransitionRender","vars","jsxs","Box","jsx","Tooltip","DRAWER_SECTION_ITEM_STYLES","DrawerItemContent","Grid","Flex","Separator","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT"],"mappings":"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"}

package/dist/components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit131.css');require('../../../../../../../ui-kit130.css');require('../../../../../../../ui-kit52.css');require('../../../../../../../ui-kit41.css');require('../../../../../../../ui-kit6.css');require('../../../../../../../ui-kit10.css');require('../../../../../../../ui-kit12.css');require('../../../../../../../ui-kit9.css');require('../../../../../../../ui-kit8.css');require('../../../../../../../ui-kit14.css');require('../../../../../../../ui-kit5.css');require('../../../../../../../ui-kit11.css');require('../../../../../../../ui-kit13.css');require('../../../../../../../ui-kit7.css');require('../../../../../../../ui-kit3.css');require('../../../../../../../ui-kit4.css');require('../../../../../../../ui-kit58.css');require('../../../../../../../ui-kit2.css');require('../../../../../../../ui-kit114.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                                         */;/* empty css                                                           */;/* empty css                                                           */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                                  */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                                */;/* empty css                                                                                 */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                                */;/* empty css                                                                 */;/* empty css                                                                             */;/* empty css                                                                                     */;/* empty css                                       */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:r.createRuntimeFn({defaultClassName:"lux2bn1",variantClassNames:{variant:{default:"lux2bn2",outlined:"lux2bn3"},color:{primary:"lux2bn4",secondary:"lux2bn5",tertiary:"lux2bn6",destructive:"lux2bn7",success:"lux2bn8",warning:"lux2bn9",info:"lux2bna"}},defaultVariants:{variant:"default",color:"primary"},compoundVariants:[[{variant:"default",color:"primary"},"lux2bnb"],[{variant:"default",color:"secondary"},"lux2bnc"],[{variant:"default",color:"tertiary"},"lux2bnd"],[{variant:"default",color:"destructive"},"lux2bne"],[{variant:"default",color:"success"},"lux2bnf"],[{variant:"default",color:"warning"},"lux2bng"],[{variant:"default",color:"info"},"lux2bnh"],[{variant:"outlined",color:"primary"},"lux2bni"],[{variant:"outlined",color:"secondary"},"lux2bnj"],[{variant:"outlined",color:"tertiary"},"lux2bnk"],[{variant:"outlined",color:"destructive"},"lux2bnl"],[{variant:"outlined",color:"success"},"lux2bnm"],[{variant:"outlined",color:"warning"},"lux2bnn"],[{variant:"outlined",color:"info"},"lux2bno"]]}),content:"lux2bn0",sectionContent:"kcmo9t0",sectionInner:"kcmo9t1",sectionSeparator:"kcmo9t2"};exports.DRAWER_SECTION_ITEM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit128.css');require('../../../../../../../ui-kit127.css');require('../../../../../../../ui-kit40.css');require('../../../../../../../ui-kit68.css');require('../../../../../../../ui-kit12.css');require('../../../../../../../ui-kit3.css');require('../../../../../../../ui-kit10.css');require('../../../../../../../ui-kit4.css');require('../../../../../../../ui-kit7.css');require('../../../../../../../ui-kit5.css');require('../../../../../../../ui-kit9.css');require('../../../../../../../ui-kit14.css');require('../../../../../../../ui-kit8.css');require('../../../../../../../ui-kit6.css');require('../../../../../../../ui-kit11.css');require('../../../../../../../ui-kit13.css');require('../../../../../../../ui-kit71.css');require('../../../../../../../ui-kit2.css');require('../../../../../../../ui-kit115.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                                         */;/* empty css                                                           */;/* empty css                                                           */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                                  */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                                */;/* empty css                                                                                 */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                                */;/* empty css                                                                 */;/* empty css                                                                             */;/* empty css                                                                                     */;/* empty css                                       */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:r.createRuntimeFn({defaultClassName:"lux2bn1",variantClassNames:{variant:{default:"lux2bn2",outlined:"lux2bn3"},color:{primary:"lux2bn4",secondary:"lux2bn5",tertiary:"lux2bn6",destructive:"lux2bn7",success:"lux2bn8",warning:"lux2bn9",info:"lux2bna"}},defaultVariants:{variant:"default",color:"primary"},compoundVariants:[[{variant:"default",color:"primary"},"lux2bnb"],[{variant:"default",color:"secondary"},"lux2bnc"],[{variant:"default",color:"tertiary"},"lux2bnd"],[{variant:"default",color:"destructive"},"lux2bne"],[{variant:"default",color:"success"},"lux2bnf"],[{variant:"default",color:"warning"},"lux2bng"],[{variant:"default",color:"info"},"lux2bnh"],[{variant:"outlined",color:"primary"},"lux2bni"],[{variant:"outlined",color:"secondary"},"lux2bnj"],[{variant:"outlined",color:"tertiary"},"lux2bnk"],[{variant:"outlined",color:"destructive"},"lux2bnl"],[{variant:"outlined",color:"success"},"lux2bnm"],[{variant:"outlined",color:"warning"},"lux2bnn"],[{variant:"outlined",color:"info"},"lux2bno"]]}),content:"lux2bn0",sectionContent:"kcmo9t0",sectionInner:"kcmo9t1",sectionSeparator:"kcmo9t2"};exports.DRAWER_SECTION_ITEM_STYLES=e;
 //# sourceMappingURL=DrawerSectionItem.css.cjs.map

package/dist/components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../../ui-kit131.css';import '../../../../../../../ui-kit130.css';import '../../../../../../../ui-kit52.css';import '../../../../../../../ui-kit41.css';import '../../../../../../../ui-kit6.css';import '../../../../../../../ui-kit10.css';import '../../../../../../../ui-kit12.css';import '../../../../../../../ui-kit9.css';import '../../../../../../../ui-kit8.css';import '../../../../../../../ui-kit14.css';import '../../../../../../../ui-kit5.css';import '../../../../../../../ui-kit11.css';import '../../../../../../../ui-kit13.css';import '../../../../../../../ui-kit7.css';import '../../../../../../../ui-kit3.css';import '../../../../../../../ui-kit4.css';import '../../../../../../../ui-kit58.css';import '../../../../../../../ui-kit2.css';import '../../../../../../../ui-kit114.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
+import '../../../../../../../ui-kit128.css';import '../../../../../../../ui-kit127.css';import '../../../../../../../ui-kit40.css';import '../../../../../../../ui-kit68.css';import '../../../../../../../ui-kit12.css';import '../../../../../../../ui-kit3.css';import '../../../../../../../ui-kit10.css';import '../../../../../../../ui-kit4.css';import '../../../../../../../ui-kit7.css';import '../../../../../../../ui-kit5.css';import '../../../../../../../ui-kit9.css';import '../../../../../../../ui-kit14.css';import '../../../../../../../ui-kit8.css';import '../../../../../../../ui-kit6.css';import '../../../../../../../ui-kit11.css';import '../../../../../../../ui-kit13.css';import '../../../../../../../ui-kit71.css';import '../../../../../../../ui-kit2.css';import '../../../../../../../ui-kit115.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
 /* empty css                                                       */
 /* empty css                                                         */
 /* empty css                                                         */

package/dist/components/overlay/drawer/components/variants/drawer-inline/styles/DrawerInline.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit142.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                  */var e={panel:"_10whbww0",closed:"_10whbww1"};exports.DRAWER_INLINE_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit133.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                  */var e={panel:"_10whbww0",closed:"_10whbww1"};exports.DRAWER_INLINE_STYLES=e;
 //# sourceMappingURL=DrawerInline.css.cjs.map

package/dist/components/overlay/drawer/components/variants/drawer-inline/styles/DrawerInline.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../../ui-kit142.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
+import '../../../../../../../ui-kit133.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
 /* empty css                                */
 var p = { panel: "_10whbww0", closed: "_10whbww1" };
 export {

package/dist/components/overlay/drawer/components/variants/drawer-mini/styles/DrawerMini.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit143.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                */var e={panel:"r8fppb0",closed:"r8fppb1"};exports.DRAWER_MINI_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit144.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                */var e={panel:"r8fppb0",closed:"r8fppb1"};exports.DRAWER_MINI_STYLES=e;
 //# sourceMappingURL=DrawerMini.css.cjs.map

package/dist/components/overlay/drawer/components/variants/drawer-mini/styles/DrawerMini.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../../ui-kit143.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
+import '../../../../../../../ui-kit144.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
 /* empty css                              */
 var o = { panel: "r8fppb0", closed: "r8fppb1" };
 export {

package/dist/components/overlay/drawer/components/variants/drawer-portal/styles/DrawerPortal.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit144.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                  */var e={backdrop:"_1i23q30",panel:"_1i23q31",left:"_1i23q32",right:"_1i23q33"};exports.DRAWER_PORTAL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit143.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                  */var e={backdrop:"_1i23q30",panel:"_1i23q31",left:"_1i23q32",right:"_1i23q33"};exports.DRAWER_PORTAL_STYLES=e;
 //# sourceMappingURL=DrawerPortal.css.cjs.map

package/dist/components/overlay/drawer/components/variants/drawer-portal/styles/DrawerPortal.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../../ui-kit144.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
+import '../../../../../../../ui-kit143.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
 /* empty css                                */
 var _ = { backdrop: "_1i23q30", panel: "_1i23q31", left: "_1i23q32", right: "_1i23q33" };
 export {

package/dist/components/overlay/drawer/styles/Drawer.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit63.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */const e=require("@vanilla-extract/recipes/createRuntimeFn");var d={panel:"cdvk7w0",size:{sm:"cdvk7w1",md:"cdvk7w2",lg:"cdvk7w3",xl:"cdvk7w4","2xl":"cdvk7w5",full:"cdvk7w6"},recipe:e.createRuntimeFn({defaultClassName:"cdvk7w7",variantClassNames:{backgroundColor:{background:"cdvk7w8",foreground:"cdvk7w9",text:"cdvk7wa",textSecondary:"cdvk7wb",textTertiary:"cdvk7wc",card:"cdvk7wd",cardForeground:"cdvk7we",popover:"cdvk7wf",popoverForeground:"cdvk7wg",muted:"cdvk7wh",mutedForeground:"cdvk7wi",overlay:"cdvk7wj",primary:"cdvk7wk",primaryHover:"cdvk7wl",primaryActive:"cdvk7wm",primaryForeground:"cdvk7wn",primarySubtle:"cdvk7wo",primarySubtleHover:"cdvk7wp",primarySubtleActive:"cdvk7wq",primarySubtleForeground:"cdvk7wr",primarySubtleBorder:"cdvk7ws",link:"cdvk7wt",linkHover:"cdvk7wu",linkActive:"cdvk7wv",secondary:"cdvk7ww",secondaryHover:"cdvk7wx",secondaryActive:"cdvk7wy",secondaryForeground:"cdvk7wz",secondarySubtle:"cdvk7w10",secondarySubtleHover:"cdvk7w11",secondarySubtleActive:"cdvk7w12",secondarySubtleForeground:"cdvk7w13",secondarySubtleBorder:"cdvk7w14",tertiary:"cdvk7w15",tertiaryHover:"cdvk7w16",tertiaryActive:"cdvk7w17",tertiaryForeground:"cdvk7w18",tertiarySubtle:"cdvk7w19",tertiarySubtleHover:"cdvk7w1a",tertiarySubtleActive:"cdvk7w1b",tertiarySubtleForeground:"cdvk7w1c",tertiarySubtleBorder:"cdvk7w1d",success:"cdvk7w1e",successHover:"cdvk7w1f",successActive:"cdvk7w1g",successForeground:"cdvk7w1h",successSubtle:"cdvk7w1i",successSubtleHover:"cdvk7w1j",successSubtleActive:"cdvk7w1k",successSubtleForeground:"cdvk7w1l",successSubtleBorder:"cdvk7w1m",warning:"cdvk7w1n",warningHover:"cdvk7w1o",warningActive:"cdvk7w1p",warningForeground:"cdvk7w1q",warningSubtle:"cdvk7w1r",warningSubtleHover:"cdvk7w1s",warningSubtleActive:"cdvk7w1t",warningSubtleForeground:"cdvk7w1u",warningSubtleBorder:"cdvk7w1v",info:"cdvk7w1w",infoHover:"cdvk7w1x",infoActive:"cdvk7w1y",infoForeground:"cdvk7w1z",infoSubtle:"cdvk7w20",infoSubtleHover:"cdvk7w21",infoSubtleActive:"cdvk7w22",infoSubtleForeground:"cdvk7w23",infoSubtleBorder:"cdvk7w24",destructive:"cdvk7w25",destructiveHover:"cdvk7w26",destructiveActive:"cdvk7w27",destructiveForeground:"cdvk7w28",destructiveSubtle:"cdvk7w29",destructiveSubtleHover:"cdvk7w2a",destructiveSubtleActive:"cdvk7w2b",destructiveSubtleForeground:"cdvk7w2c",destructiveSubtleBorder:"cdvk7w2d",purple:"cdvk7w2e",purpleHover:"cdvk7w2f",purpleActive:"cdvk7w2g",purpleForeground:"cdvk7w2h",purpleSubtle:"cdvk7w2i",purpleSubtleHover:"cdvk7w2j",purpleSubtleActive:"cdvk7w2k",purpleSubtleForeground:"cdvk7w2l",purpleSubtleBorder:"cdvk7w2m",pink:"cdvk7w2n",pinkHover:"cdvk7w2o",pinkActive:"cdvk7w2p",pinkForeground:"cdvk7w2q",pinkSubtle:"cdvk7w2r",pinkSubtleHover:"cdvk7w2s",pinkSubtleActive:"cdvk7w2t",pinkSubtleForeground:"cdvk7w2u",pinkSubtleBorder:"cdvk7w2v",orange:"cdvk7w2w",orangeHover:"cdvk7w2x",orangeActive:"cdvk7w2y",orangeForeground:"cdvk7w2z",orangeSubtle:"cdvk7w30",orangeSubtleHover:"cdvk7w31",orangeSubtleActive:"cdvk7w32",orangeSubtleForeground:"cdvk7w33",orangeSubtleBorder:"cdvk7w34",teal:"cdvk7w35",tealHover:"cdvk7w36",tealActive:"cdvk7w37",tealForeground:"cdvk7w38",tealSubtle:"cdvk7w39",tealSubtleHover:"cdvk7w3a",tealSubtleActive:"cdvk7w3b",tealSubtleForeground:"cdvk7w3c",tealSubtleBorder:"cdvk7w3d",cyan:"cdvk7w3e",cyanHover:"cdvk7w3f",cyanActive:"cdvk7w3g",cyanForeground:"cdvk7w3h",cyanSubtle:"cdvk7w3i",cyanSubtleHover:"cdvk7w3j",cyanSubtleActive:"cdvk7w3k",cyanSubtleForeground:"cdvk7w3l",cyanSubtleBorder:"cdvk7w3m",indigo:"cdvk7w3n",indigoHover:"cdvk7w3o",indigoActive:"cdvk7w3p",indigoForeground:"cdvk7w3q",indigoSubtle:"cdvk7w3r",indigoSubtleHover:"cdvk7w3s",indigoSubtleActive:"cdvk7w3t",indigoSubtleForeground:"cdvk7w3u",indigoSubtleBorder:"cdvk7w3v",border:"cdvk7w3w",borderStrong:"cdvk7w3x",ring:"cdvk7w3y",highlight:"cdvk7w3z",highlightForeground:"cdvk7w40",skeleton:"cdvk7w41",skeletonForeground:"cdvk7w42",transparent:"cdvk7w43"}},defaultVariants:{},compoundVariants:[]})};exports.DRAWER_STYLES=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit53.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */const e=require("@vanilla-extract/recipes/createRuntimeFn");var d={panel:"cdvk7w0",size:{sm:"cdvk7w1",md:"cdvk7w2",lg:"cdvk7w3",xl:"cdvk7w4","2xl":"cdvk7w5",full:"cdvk7w6"},recipe:e.createRuntimeFn({defaultClassName:"cdvk7w7",variantClassNames:{backgroundColor:{background:"cdvk7w8",foreground:"cdvk7w9",text:"cdvk7wa",textSecondary:"cdvk7wb",textTertiary:"cdvk7wc",card:"cdvk7wd",cardForeground:"cdvk7we",popover:"cdvk7wf",popoverForeground:"cdvk7wg",muted:"cdvk7wh",mutedForeground:"cdvk7wi",overlay:"cdvk7wj",primary:"cdvk7wk",primaryHover:"cdvk7wl",primaryActive:"cdvk7wm",primaryForeground:"cdvk7wn",primarySubtle:"cdvk7wo",primarySubtleHover:"cdvk7wp",primarySubtleActive:"cdvk7wq",primarySubtleForeground:"cdvk7wr",primarySubtleBorder:"cdvk7ws",link:"cdvk7wt",linkHover:"cdvk7wu",linkActive:"cdvk7wv",secondary:"cdvk7ww",secondaryHover:"cdvk7wx",secondaryActive:"cdvk7wy",secondaryForeground:"cdvk7wz",secondarySubtle:"cdvk7w10",secondarySubtleHover:"cdvk7w11",secondarySubtleActive:"cdvk7w12",secondarySubtleForeground:"cdvk7w13",secondarySubtleBorder:"cdvk7w14",tertiary:"cdvk7w15",tertiaryHover:"cdvk7w16",tertiaryActive:"cdvk7w17",tertiaryForeground:"cdvk7w18",tertiarySubtle:"cdvk7w19",tertiarySubtleHover:"cdvk7w1a",tertiarySubtleActive:"cdvk7w1b",tertiarySubtleForeground:"cdvk7w1c",tertiarySubtleBorder:"cdvk7w1d",success:"cdvk7w1e",successHover:"cdvk7w1f",successActive:"cdvk7w1g",successForeground:"cdvk7w1h",successSubtle:"cdvk7w1i",successSubtleHover:"cdvk7w1j",successSubtleActive:"cdvk7w1k",successSubtleForeground:"cdvk7w1l",successSubtleBorder:"cdvk7w1m",warning:"cdvk7w1n",warningHover:"cdvk7w1o",warningActive:"cdvk7w1p",warningForeground:"cdvk7w1q",warningSubtle:"cdvk7w1r",warningSubtleHover:"cdvk7w1s",warningSubtleActive:"cdvk7w1t",warningSubtleForeground:"cdvk7w1u",warningSubtleBorder:"cdvk7w1v",info:"cdvk7w1w",infoHover:"cdvk7w1x",infoActive:"cdvk7w1y",infoForeground:"cdvk7w1z",infoSubtle:"cdvk7w20",infoSubtleHover:"cdvk7w21",infoSubtleActive:"cdvk7w22",infoSubtleForeground:"cdvk7w23",infoSubtleBorder:"cdvk7w24",destructive:"cdvk7w25",destructiveHover:"cdvk7w26",destructiveActive:"cdvk7w27",destructiveForeground:"cdvk7w28",destructiveSubtle:"cdvk7w29",destructiveSubtleHover:"cdvk7w2a",destructiveSubtleActive:"cdvk7w2b",destructiveSubtleForeground:"cdvk7w2c",destructiveSubtleBorder:"cdvk7w2d",purple:"cdvk7w2e",purpleHover:"cdvk7w2f",purpleActive:"cdvk7w2g",purpleForeground:"cdvk7w2h",purpleSubtle:"cdvk7w2i",purpleSubtleHover:"cdvk7w2j",purpleSubtleActive:"cdvk7w2k",purpleSubtleForeground:"cdvk7w2l",purpleSubtleBorder:"cdvk7w2m",pink:"cdvk7w2n",pinkHover:"cdvk7w2o",pinkActive:"cdvk7w2p",pinkForeground:"cdvk7w2q",pinkSubtle:"cdvk7w2r",pinkSubtleHover:"cdvk7w2s",pinkSubtleActive:"cdvk7w2t",pinkSubtleForeground:"cdvk7w2u",pinkSubtleBorder:"cdvk7w2v",orange:"cdvk7w2w",orangeHover:"cdvk7w2x",orangeActive:"cdvk7w2y",orangeForeground:"cdvk7w2z",orangeSubtle:"cdvk7w30",orangeSubtleHover:"cdvk7w31",orangeSubtleActive:"cdvk7w32",orangeSubtleForeground:"cdvk7w33",orangeSubtleBorder:"cdvk7w34",teal:"cdvk7w35",tealHover:"cdvk7w36",tealActive:"cdvk7w37",tealForeground:"cdvk7w38",tealSubtle:"cdvk7w39",tealSubtleHover:"cdvk7w3a",tealSubtleActive:"cdvk7w3b",tealSubtleForeground:"cdvk7w3c",tealSubtleBorder:"cdvk7w3d",cyan:"cdvk7w3e",cyanHover:"cdvk7w3f",cyanActive:"cdvk7w3g",cyanForeground:"cdvk7w3h",cyanSubtle:"cdvk7w3i",cyanSubtleHover:"cdvk7w3j",cyanSubtleActive:"cdvk7w3k",cyanSubtleForeground:"cdvk7w3l",cyanSubtleBorder:"cdvk7w3m",indigo:"cdvk7w3n",indigoHover:"cdvk7w3o",indigoActive:"cdvk7w3p",indigoForeground:"cdvk7w3q",indigoSubtle:"cdvk7w3r",indigoSubtleHover:"cdvk7w3s",indigoSubtleActive:"cdvk7w3t",indigoSubtleForeground:"cdvk7w3u",indigoSubtleBorder:"cdvk7w3v",border:"cdvk7w3w",borderStrong:"cdvk7w3x",ring:"cdvk7w3y",highlight:"cdvk7w3z",highlightForeground:"cdvk7w40",skeleton:"cdvk7w41",skeletonForeground:"cdvk7w42",transparent:"cdvk7w43"}},defaultVariants:{},compoundVariants:[]})};exports.DRAWER_STYLES=d;
 //# sourceMappingURL=Drawer.css.cjs.map

package/dist/components/overlay/drawer/styles/Drawer.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../ui-kit63.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit53.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 import { createRuntimeFn as e } from "@vanilla-extract/recipes/createRuntimeFn";
 var v = { panel: "cdvk7w0", size: { sm: "cdvk7w1", md: "cdvk7w2", lg: "cdvk7w3", xl: "cdvk7w4", "2xl": "cdvk7w5", full: "cdvk7w6" }, recipe: e({ defaultClassName: "cdvk7w7", variantClassNames: { backgroundColor: { background: "cdvk7w8", foreground: "cdvk7w9", text: "cdvk7wa", textSecondary: "cdvk7wb", textTertiary: "cdvk7wc", card: "cdvk7wd", cardForeground: "cdvk7we", popover: "cdvk7wf", popoverForeground: "cdvk7wg", muted: "cdvk7wh", mutedForeground: "cdvk7wi", overlay: "cdvk7wj", primary: "cdvk7wk", primaryHover: "cdvk7wl", primaryActive: "cdvk7wm", primaryForeground: "cdvk7wn", primarySubtle: "cdvk7wo", primarySubtleHover: "cdvk7wp", primarySubtleActive: "cdvk7wq", primarySubtleForeground: "cdvk7wr", primarySubtleBorder: "cdvk7ws", link: "cdvk7wt", linkHover: "cdvk7wu", linkActive: "cdvk7wv", secondary: "cdvk7ww", secondaryHover: "cdvk7wx", secondaryActive: "cdvk7wy", secondaryForeground: "cdvk7wz", secondarySubtle: "cdvk7w10", secondarySubtleHover: "cdvk7w11", secondarySubtleActive: "cdvk7w12", secondarySubtleForeground: "cdvk7w13", secondarySubtleBorder: "cdvk7w14", tertiary: "cdvk7w15", tertiaryHover: "cdvk7w16", tertiaryActive: "cdvk7w17", tertiaryForeground: "cdvk7w18", tertiarySubtle: "cdvk7w19", tertiarySubtleHover: "cdvk7w1a", tertiarySubtleActive: "cdvk7w1b", tertiarySubtleForeground: "cdvk7w1c", tertiarySubtleBorder: "cdvk7w1d", success: "cdvk7w1e", successHover: "cdvk7w1f", successActive: "cdvk7w1g", successForeground: "cdvk7w1h", successSubtle: "cdvk7w1i", successSubtleHover: "cdvk7w1j", successSubtleActive: "cdvk7w1k", successSubtleForeground: "cdvk7w1l", successSubtleBorder: "cdvk7w1m", warning: "cdvk7w1n", warningHover: "cdvk7w1o", warningActive: "cdvk7w1p", warningForeground: "cdvk7w1q", warningSubtle: "cdvk7w1r", warningSubtleHover: "cdvk7w1s", warningSubtleActive: "cdvk7w1t", warningSubtleForeground: "cdvk7w1u", warningSubtleBorder: "cdvk7w1v", info: "cdvk7w1w", infoHover: "cdvk7w1x", infoActive: "cdvk7w1y", infoForeground: "cdvk7w1z", infoSubtle: "cdvk7w20", infoSubtleHover: "cdvk7w21", infoSubtleActive: "cdvk7w22", infoSubtleForeground: "cdvk7w23", infoSubtleBorder: "cdvk7w24", destructive: "cdvk7w25", destructiveHover: "cdvk7w26", destructiveActive: "cdvk7w27", destructiveForeground: "cdvk7w28", destructiveSubtle: "cdvk7w29", destructiveSubtleHover: "cdvk7w2a", destructiveSubtleActive: "cdvk7w2b", destructiveSubtleForeground: "cdvk7w2c", destructiveSubtleBorder: "cdvk7w2d", purple: "cdvk7w2e", purpleHover: "cdvk7w2f", purpleActive: "cdvk7w2g", purpleForeground: "cdvk7w2h", purpleSubtle: "cdvk7w2i", purpleSubtleHover: "cdvk7w2j", purpleSubtleActive: "cdvk7w2k", purpleSubtleForeground: "cdvk7w2l", purpleSubtleBorder: "cdvk7w2m", pink: "cdvk7w2n", pinkHover: "cdvk7w2o", pinkActive: "cdvk7w2p", pinkForeground: "cdvk7w2q", pinkSubtle: "cdvk7w2r", pinkSubtleHover: "cdvk7w2s", pinkSubtleActive: "cdvk7w2t", pinkSubtleForeground: "cdvk7w2u", pinkSubtleBorder: "cdvk7w2v", orange: "cdvk7w2w", orangeHover: "cdvk7w2x", orangeActive: "cdvk7w2y", orangeForeground: "cdvk7w2z", orangeSubtle: "cdvk7w30", orangeSubtleHover: "cdvk7w31", orangeSubtleActive: "cdvk7w32", orangeSubtleForeground: "cdvk7w33", orangeSubtleBorder: "cdvk7w34", teal: "cdvk7w35", tealHover: "cdvk7w36", tealActive: "cdvk7w37", tealForeground: "cdvk7w38", tealSubtle: "cdvk7w39", tealSubtleHover: "cdvk7w3a", tealSubtleActive: "cdvk7w3b", tealSubtleForeground: "cdvk7w3c", tealSubtleBorder: "cdvk7w3d", cyan: "cdvk7w3e", cyanHover: "cdvk7w3f", cyanActive: "cdvk7w3g", cyanForeground: "cdvk7w3h", cyanSubtle: "cdvk7w3i", cyanSubtleHover: "cdvk7w3j", cyanSubtleActive: "cdvk7w3k", cyanSubtleForeground: "cdvk7w3l", cyanSubtleBorder: "cdvk7w3m", indigo: "cdvk7w3n", indigoHover: "cdvk7w3o", indigoActive: "cdvk7w3p", indigoForeground: "cdvk7w3q", indigoSubtle: "cdvk7w3r", indigoSubtleHover: "cdvk7w3s", indigoSubtleActive: "cdvk7w3t", indigoSubtleForeground: "cdvk7w3u", indigoSubtleBorder: "cdvk7w3v", border: "cdvk7w3w", borderStrong: "cdvk7w3x", ring: "cdvk7w3y", highlight: "cdvk7w3z", highlightForeground: "cdvk7w40", skeleton: "cdvk7w41", skeletonForeground: "cdvk7w42", transparent: "cdvk7w43" } }, defaultVariants: {}, compoundVariants: [] }) };

package/dist/components/overlay/dropdown-menu/components/_shared/item.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit137.css');require('../../../../../ui-kit.css');;/* empty css                                                 */;/* empty css                          */var e={root:"_1l4jl5m0",destructive:"_1l4jl5m1",icon:"_1l4jl5m2"};exports.DROPDOWN_MENU_ITEM_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit117.css');require('../../../../../ui-kit.css');;/* empty css                                                 */;/* empty css                          */var e={root:"_1l4jl5m0",destructive:"_1l4jl5m1",icon:"_1l4jl5m2"};exports.DROPDOWN_MENU_ITEM_STYLES=e;
 //# sourceMappingURL=item.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/_shared/item.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../ui-kit137.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit117.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                        */
 var r = { root: "_1l4jl5m0", destructive: "_1l4jl5m1", icon: "_1l4jl5m2" };
 export {

package/dist/components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit133.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                         */var e={positioner:"w7l7ew0",root:"w7l7ew1"};exports.DROPDOWN_MENU_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit141.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                         */var e={positioner:"w7l7ew0",root:"w7l7ew1"};exports.DROPDOWN_MENU_CONTENT_STYLES=e;
 //# sourceMappingURL=DropdownMenuContent.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit133.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit141.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                                    */
 /* empty css                                                                     */
 /* empty css                                                                             */

package/dist/components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit121.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                       */var e={root:"_1uy3vvo0"};exports.DROPDOWN_MENU_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit134.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                       */var e={root:"_1uy3vvo0"};exports.DROPDOWN_MENU_LABEL_STYLES=e;
 //# sourceMappingURL=DropdownMenuLabel.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit121.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit134.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                     */
 var t = { root: "_1uy3vvo0" };
 export {

package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit127.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                           */var e={root:"_1yf568h0"};exports.DROPDOWN_MENU_SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit139.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                           */var e={root:"_1yf568h0"};exports.DROPDOWN_MENU_SEPARATOR_STYLES=e;
 //# sourceMappingURL=DropdownMenuSeparator.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit127.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit139.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                         */
 var t = { root: "_1yf568h0" };
 export {

package/dist/components/overlay/dropdown-menu/components/shortcut/styles/DropdownMenuShortcut.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit136.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                          */var e={root:"wgftfs0"};exports.DROPDOWN_MENU_SHORTCUT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit138.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                          */var e={root:"wgftfs0"};exports.DROPDOWN_MENU_SHORTCUT_STYLES=e;
 //# sourceMappingURL=DropdownMenuShortcut.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/shortcut/styles/DropdownMenuShortcut.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit136.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit138.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                        */
 var t = { root: "wgftfs0" };
 export {

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit139.css');require('../../../../../../../ui-kit133.css');require('../../../../../../../ui-kit6.css');require('../../../../../../../ui-kit10.css');require('../../../../../../../ui-kit12.css');require('../../../../../../../ui-kit9.css');require('../../../../../../../ui-kit8.css');require('../../../../../../../ui-kit14.css');require('../../../../../../../ui-kit5.css');require('../../../../../../../ui-kit11.css');require('../../../../../../../ui-kit13.css');require('../../../../../../../ui-kit7.css');require('../../../../../../../ui-kit3.css');require('../../../../../../../ui-kit4.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                                  */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                                */;/* empty css                                                                                 */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                                */;/* empty css                                                               */;/* empty css                                            */var e={root:"_166bkx70 w7l7ew1"};exports.DROPDOWN_MENU_SUB_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit142.css');require('../../../../../../../ui-kit141.css');require('../../../../../../../ui-kit12.css');require('../../../../../../../ui-kit3.css');require('../../../../../../../ui-kit10.css');require('../../../../../../../ui-kit4.css');require('../../../../../../../ui-kit7.css');require('../../../../../../../ui-kit5.css');require('../../../../../../../ui-kit9.css');require('../../../../../../../ui-kit14.css');require('../../../../../../../ui-kit8.css');require('../../../../../../../ui-kit6.css');require('../../../../../../../ui-kit11.css');require('../../../../../../../ui-kit13.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                                  */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                                */;/* empty css                                                                                 */;/* empty css                                                                               */;/* empty css                                                                                */;/* empty css                                                                                */;/* empty css                                                               */;/* empty css                                            */var e={root:"_166bkx70 w7l7ew1"};exports.DROPDOWN_MENU_SUB_CONTENT_STYLES=e;
 //# sourceMappingURL=DropdownMenuSubContent.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../../ui-kit139.css';import '../../../../../../../ui-kit133.css';import '../../../../../../../ui-kit6.css';import '../../../../../../../ui-kit10.css';import '../../../../../../../ui-kit12.css';import '../../../../../../../ui-kit9.css';import '../../../../../../../ui-kit8.css';import '../../../../../../../ui-kit14.css';import '../../../../../../../ui-kit5.css';import '../../../../../../../ui-kit11.css';import '../../../../../../../ui-kit13.css';import '../../../../../../../ui-kit7.css';import '../../../../../../../ui-kit3.css';import '../../../../../../../ui-kit4.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
+import '../../../../../../../ui-kit142.css';import '../../../../../../../ui-kit141.css';import '../../../../../../../ui-kit12.css';import '../../../../../../../ui-kit3.css';import '../../../../../../../ui-kit10.css';import '../../../../../../../ui-kit4.css';import '../../../../../../../ui-kit7.css';import '../../../../../../../ui-kit5.css';import '../../../../../../../ui-kit9.css';import '../../../../../../../ui-kit14.css';import '../../../../../../../ui-kit8.css';import '../../../../../../../ui-kit6.css';import '../../../../../../../ui-kit11.css';import '../../../../../../../ui-kit13.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
 /* empty css                                                                       */
 /* empty css                                                                        */
 /* empty css                                                                                */

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit138.css');require('../../../../../../../ui-kit137.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                         */;/* empty css                                            */var r={root:"_1p8u6rr0 _1l4jl5m0",chevron:"_1p8u6rr1"};exports.DROPDOWN_MENU_SUB_TRIGGER_STYLES=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../../ui-kit135.css');require('../../../../../../../ui-kit117.css');require('../../../../../../../ui-kit.css');;/* empty css                                                       */;/* empty css                                         */;/* empty css                                            */var r={root:"_1p8u6rr0 _1l4jl5m0",chevron:"_1p8u6rr1"};exports.DROPDOWN_MENU_SUB_TRIGGER_STYLES=r;
 //# sourceMappingURL=DropdownMenuSubTrigger.css.cjs.map

package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../../ui-kit138.css';import '../../../../../../../ui-kit137.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
+import '../../../../../../../ui-kit135.css';import '../../../../../../../ui-kit117.css';import '../../../../../../../ui-kit.css';/* empty css                                                     */
 /* empty css                                       */
 /* empty css                                          */
 var p = { root: "_1p8u6rr0 _1l4jl5m0", chevron: "_1p8u6rr1" };

package/dist/components/overlay/panel/styles/Panel.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit70.css');require('../../../../ui-kit35.css');require('../../../../ui-kit.css');require('../../../../ui-kit6.css');require('../../../../ui-kit10.css');require('../../../../ui-kit12.css');require('../../../../ui-kit9.css');require('../../../../ui-kit8.css');require('../../../../ui-kit14.css');require('../../../../ui-kit5.css');require('../../../../ui-kit11.css');require('../../../../ui-kit13.css');require('../../../../ui-kit7.css');require('../../../../ui-kit3.css');require('../../../../ui-kit4.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                                                        */;/* empty css                           */var e={backdrop:"_1toz4gl0",content:"_1ghn4b60",left:"_1ghn4b61",right:"_1ghn4b62"};exports.PANEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit65.css');require('../../../../ui-kit25.css');require('../../../../ui-kit.css');require('../../../../ui-kit12.css');require('../../../../ui-kit3.css');require('../../../../ui-kit10.css');require('../../../../ui-kit4.css');require('../../../../ui-kit7.css');require('../../../../ui-kit5.css');require('../../../../ui-kit9.css');require('../../../../ui-kit14.css');require('../../../../ui-kit8.css');require('../../../../ui-kit6.css');require('../../../../ui-kit11.css');require('../../../../ui-kit13.css');;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                                                        */;/* empty css                           */var e={backdrop:"_1toz4gl0",content:"_1ghn4b60",left:"_1ghn4b61",right:"_1ghn4b62"};exports.PANEL_STYLES=e;
 //# sourceMappingURL=Panel.css.cjs.map

package/dist/components/overlay/panel/styles/Panel.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../ui-kit70.css';import '../../../../ui-kit35.css';import '../../../../ui-kit.css';import '../../../../ui-kit6.css';import '../../../../ui-kit10.css';import '../../../../ui-kit12.css';import '../../../../ui-kit9.css';import '../../../../ui-kit8.css';import '../../../../ui-kit14.css';import '../../../../ui-kit5.css';import '../../../../ui-kit11.css';import '../../../../ui-kit13.css';import '../../../../ui-kit7.css';import '../../../../ui-kit3.css';import '../../../../ui-kit4.css';/* empty css                                                              */
+import '../../../../ui-kit65.css';import '../../../../ui-kit25.css';import '../../../../ui-kit.css';import '../../../../ui-kit12.css';import '../../../../ui-kit3.css';import '../../../../ui-kit10.css';import '../../../../ui-kit4.css';import '../../../../ui-kit7.css';import '../../../../ui-kit5.css';import '../../../../ui-kit9.css';import '../../../../ui-kit14.css';import '../../../../ui-kit8.css';import '../../../../ui-kit6.css';import '../../../../ui-kit11.css';import '../../../../ui-kit13.css';/* empty css                                                              */
 /* empty css                                                               */
 /* empty css                                                                       */
 /* empty css                                                                    */

package/dist/components/overlay/popover/components/content/PopoverContent.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/popover"),q=require("react"),S=require("../../../../../utils/cn.cjs"),r=require("./styles/PopoverContent.css.cjs"),_=require("../../../_shared/utils/parsePosition.utils.cjs"),x=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),s=q.memo(({className:t,position:i,side:a="bottom",align:c="center",sideOffset:l=6,collisionPadding:p=8,"aria-label":P,"aria-labelledby":n,defaultAriaLabel:u="Popover",...d})=>{const v=x.useViewportShift(p),{side:b,align:m}=i?_.parsePosition(i):{side:a,align:c},N=P??(n?void 0:u);return e.jsx(o.Popover.Portal,{children:e.jsx(o.Popover.Positioner,{side:b,align:m,sideOffset:l,className:r.POPOVER_CONTENT_STYLES.positioner,collisionAvoidance:{side:"none",align:"none",fallbackAxisSide:"none"},children:e.jsx(o.Popover.Popup,{ref:v,className:S.cn(r.POPOVER_CONTENT_STYLES.root,t),"aria-label":N,"aria-labelledby":n,...d})})})});s.displayName="Popover.Content";module.exports=s;
+"use strict";const e=require("react/jsx-runtime"),o=require("@base-ui/react/popover"),_=require("react"),b=require("../../../../../utils/cn.cjs"),i=require("./styles/PopoverContent.css.cjs"),q=require("../../../_shared/utils/parsePosition.utils.cjs"),x=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),r=_.memo(({className:t,position:n,padding:a="md",width:c,side:l="bottom",align:p="center",sideOffset:P=6,collisionPadding:d=8,"aria-label":u,"aria-labelledby":s,defaultAriaLabel:v="Popover",style:N,...m})=>{const E=x.useViewportShift(d),{side:O,align:S}=n?q.parsePosition(n):{side:l,align:p},T=u??(s?void 0:v);return e.jsx(o.Popover.Portal,{children:e.jsx(o.Popover.Positioner,{side:O,align:S,sideOffset:P,className:i.POPOVER_CONTENT_STYLES.positioner,collisionAvoidance:{side:"none",align:"none",fallbackAxisSide:"none"},children:e.jsx(o.Popover.Popup,{ref:E,className:b.cn(i.POPOVER_CONTENT_STYLES.root,i.POPOVER_CONTENT_STYLES.padding({padding:a}),t),"aria-label":T,"aria-labelledby":s,style:{width:c,...N},...m})})})});r.displayName="Popover.Content";module.exports=r;
 //# sourceMappingURL=PopoverContent.cjs.map

package/dist/components/overlay/popover/components/content/PopoverContent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverContent.cjs","sources":["../../../../../../src/components/overlay/popover/components/content/PopoverContent.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { POPOVER_CONTENT_STYLES } from '@components/overlay/popover/components/content/styles/PopoverContent.css.ts'\r\nimport type { PopoverContentProps } from '@components/overlay/popover/components/content/types/PopoverContent.props.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\n\r\n/*\r\n The panel that pops out from the trigger.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Base UI's built-in collision avoidance is disabled here: it would flip the popover\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the content.\r\n */\r\nconst PopoverContent: FC<PopoverContentProps> = memo(({\r\n className,\r\n position,\r\n side: sideProp = 'bottom',\r\n align: alignProp = 'center',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': ariaLabelledBy,\r\n defaultAriaLabel = 'Popover',\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n // back to defaultAriaLabel so it can be localized.\r\n const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n return (\r\n <BasePopover.Portal>\r\n <BasePopover.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n className={POPOVER_CONTENT_STYLES.positioner}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}\r\n >\r\n <BasePopover.Popup\r\n ref={contentRef}\r\n className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n aria-label={accessibleName}\r\n aria-labelledby={ariaLabelledBy}\r\n {...props}\r\n />\r\n </BasePopover.Positioner>\r\n </BasePopover.Portal>\r\n )\r\n})\r\n\r\nPopoverContent.displayName = 'Popover.Content'\r\n\r\nexport default PopoverContent\r\n"],"names":["PopoverContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","ariaLabel","ariaLabelledBy","defaultAriaLabel","props","contentRef","useViewportShift","side","align","parsePosition","accessibleName","jsx","BasePopover","POPOVER_CONTENT_STYLES","cn"],"mappings":"0UAmBMA,EAA0CC,EAAAA,KAAK,CAAC,CAClD,UAAAC,EACA,SAAAC,EACA,KAAMC,EAAW,SACjB,MAAOC,EAAY,SACnB,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,aAAcC,EACd,kBAAmBC,EACnB,iBAAAC,EAAmB,UACnB,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,~~iBAAiBN~~,CAAgB,EAE9C,CAAE,~~KAAAO~~,EAAM,MAAAC,CAAA,~~EAAUZ~~,~~EAClBa~~,EAAAA,~~cAAcb~~,CAAQ,EACtB,CAAE,~~KAAMC~~,EAAU,MAAOC,CAAA,~~EAKzBY~~,~~EAAiBT~~,IAAcC,EAAiB,OAAYC,GAElE,~~OACIQ~~,EAAAA,IAACC,EAAAA,QAAY,OAAZ,CACG,SAAAD,EAAAA,IAACC,EAAAA,QAAY,WAAZ,CACG,KAAAL,EACA,MAAAC,EACA,~~WAAAT~~,EACA,~~UAAWc~~,EAAAA,uBAAuB,WAElC,mBAAoB,CAAE,KAAM,OAAQ,MAAO,OAAQ,iBAAkB,MAAA,EAErE,SAAAF,EAAAA,IAACC,EAAAA,QAAY,MAAZ,CACG,IAAKP,EACL,UAAWS,EAAAA,~~GAAGD~~,yBAAuB,~~KAAMlB~~,~~CAAS~~,~~EACpD~~,~~aAAYe~~,EACZ,~~kBAAiBR~~,~~EAChB~~,~~GAAGE~~,CAAA,CAAA,CACR,CAAA,EAER,CAER,CAAC,~~EAEDX~~,EAAe,YAAc"}
1	+ {"version":3,"file":"PopoverContent.cjs","sources":["../../../../../../src/components/overlay/popover/components/content/PopoverContent.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { POPOVER_CONTENT_STYLES } from '@components/overlay/popover/components/content/styles/PopoverContent.css.ts'\r\nimport type { PopoverContentProps } from '@components/overlay/popover/components/content/types/PopoverContent.props.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\n\r\n/*\r\n The panel that pops out from the trigger.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Base UI's built-in collision avoidance is disabled here: it would flip the popover\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the content.\r\n */\r\nconst PopoverContent: FC<PopoverContentProps> = memo(({\r\n className,\r\n position,\r\n padding = 'md',\r\n width,\r\n side: sideProp = 'bottom',\r\n align: alignProp = 'center',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': ariaLabelledBy,\r\n defaultAriaLabel = 'Popover',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n // back to defaultAriaLabel so it can be localized.\r\n const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n return (\r\n <BasePopover.Portal>\r\n <BasePopover.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n className={POPOVER_CONTENT_STYLES.positioner}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}\r\n >\r\n <BasePopover.Popup\r\n ref={contentRef}\r\n className={cn(\r\n POPOVER_CONTENT_STYLES.root,\r\n POPOVER_CONTENT_STYLES.padding({ padding }),\r\n className,\r\n )}\r\n aria-label={accessibleName}\r\n aria-labelledby={ariaLabelledBy}\r\n style={{\r\n width,\r\n ...style,\r\n }}\r\n {...props}\r\n />\r\n </BasePopover.Positioner>\r\n </BasePopover.Portal>\r\n )\r\n})\r\n\r\nPopoverContent.displayName = 'Popover.Content'\r\n\r\nexport default PopoverContent\r\n"],"names":["PopoverContent","memo","className","position","padding","width","sideProp","alignProp","sideOffset","collisionPadding","ariaLabel","ariaLabelledBy","defaultAriaLabel","style","props","contentRef","useViewportShift","side","align","parsePosition","accessibleName","jsx","BasePopover","POPOVER_CONTENT_STYLES","cn"],"mappings":"0UAmBMA,EAA0CC,EAAAA,KAAK,CAAC,CAClD,UAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,KACV,MAAAC,EACA,KAAMC,EAAW,SACjB,MAAOC,EAAY,SACnB,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,aAAcC,EACd,kBAAmBC,EACnB,iBAAAC,EAAmB,UACnB,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBP,CAAgB,EAE9C,CAAE,KAAAQ,EAAM,MAAAC,CAAA,EAAUf,EAClBgB,EAAAA,cAAchB,CAAQ,EACtB,CAAE,KAAMG,EAAU,MAAOC,CAAA,EAKzBa,EAAiBV,IAAcC,EAAiB,OAAYC,GAElE,OACIS,EAAAA,IAACC,EAAAA,QAAY,OAAZ,CACG,SAAAD,EAAAA,IAACC,EAAAA,QAAY,WAAZ,CACG,KAAAL,EACA,MAAAC,EACA,WAAAV,EACA,UAAWe,EAAAA,uBAAuB,WAElC,mBAAoB,CAAE,KAAM,OAAQ,MAAO,OAAQ,iBAAkB,MAAA,EAErE,SAAAF,EAAAA,IAACC,EAAAA,QAAY,MAAZ,CACG,IAAKP,EACL,UAAWS,EAAAA,GACPD,EAAAA,uBAAuB,KACvBA,yBAAuB,QAAQ,CAAE,QAAAnB,EAAS,EAC1CF,CAAA,EAEJ,aAAYkB,EACZ,kBAAiBT,EACjB,MAAO,CACH,MAAAN,EACA,GAAGQ,CAAA,EAEN,GAAGC,CAAA,CAAA,CACR,CAAA,EAER,CAER,CAAC,EAEDd,EAAe,YAAc"}

package/dist/components/overlay/popover/components/content/PopoverContent.js CHANGED Viewed

@@ -1,46 +1,57 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Popover as e } from "@base-ui/react/popover";
-import { memo as N } from "react";
-import { cn as g } from "../../../../../utils/cn.js";
-import { POPOVER_CONTENT_STYLES as n } from "./styles/PopoverContent.css.js";
-import { parsePosition as u } from "../../../_shared/utils/parsePosition.utils.js";
-import { useViewportShift as S } from "../../../../../hooks/use-viewport-shift/useViewportShift.hook.js";
-const h = N(({
+import { memo as S } from "react";
+import { cn as h } from "../../../../../utils/cn.js";
+import { POPOVER_CONTENT_STYLES as i } from "./styles/PopoverContent.css.js";
+import { parsePosition as x } from "../../../_shared/utils/parsePosition.utils.js";
+import { useViewportShift as y } from "../../../../../hooks/use-viewport-shift/useViewportShift.hook.js";
+const C = S(({
   className: t,
-  position: i,
-  side: a = "bottom",
-  align: l = "center",
-  sideOffset: s = 6,
-  collisionPadding: m = 8,
-  "aria-label": p,
-  "aria-labelledby": r,
-  defaultAriaLabel: c = "Popover",
-  ...d
+  position: r,
+  padding: a = "md",
+  width: l,
+  side: s = "bottom",
+  align: m = "center",
+  sideOffset: p = 6,
+  collisionPadding: c = 8,
+  "aria-label": d,
+  "aria-labelledby": n,
+  defaultAriaLabel: f = "Popover",
+  style: P,
+  ...b
 }) => {
-  const f = S(m), { side: P, align: b } = i ? u(i) : { side: a, align: l }, v = p ?? (r ? void 0 : c);
+  const v = y(c), { side: N, align: g } = r ? x(r) : { side: s, align: m }, u = d ?? (n ? void 0 : f);
   return /* @__PURE__ */ o(e.Portal, { children: /* @__PURE__ */ o(
     e.Positioner,
     {
-      side: P,
-      align: b,
-      sideOffset: s,
-      className: n.positioner,
+      side: N,
+      align: g,
+      sideOffset: p,
+      className: i.positioner,
       collisionAvoidance: { side: "none", align: "none", fallbackAxisSide: "none" },
       children: /* @__PURE__ */ o(
         e.Popup,
         {
-          ref: f,
-          className: g(n.root, t),
-          "aria-label": v,
-          "aria-labelledby": r,
-          ...d
+          ref: v,
+          className: h(
+            i.root,
+            i.padding({ padding: a }),
+            t
+          ),
+          "aria-label": u,
+          "aria-labelledby": n,
+          style: {
+            width: l,
+            ...P
+          },
+          ...b
         }
       )
     }
   ) });
 });
-h.displayName = "Popover.Content";
+C.displayName = "Popover.Content";
 export {
-  h as default
+  C as default
 };
 //# sourceMappingURL=PopoverContent.js.map

package/dist/components/overlay/popover/components/content/PopoverContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverContent.js","sources":["../../../../../../src/components/overlay/popover/components/content/PopoverContent.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { POPOVER_CONTENT_STYLES } from '@components/overlay/popover/components/content/styles/PopoverContent.css.ts'\r\nimport type { PopoverContentProps } from '@components/overlay/popover/components/content/types/PopoverContent.props.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\n\r\n/*\r\n The panel that pops out from the trigger.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Base UI's built-in collision avoidance is disabled here: it would flip the popover\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the content.\r\n */\r\nconst PopoverContent: FC<PopoverContentProps> = memo(({\r\n className,\r\n position,\r\n side: sideProp = 'bottom',\r\n align: alignProp = 'center',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': ariaLabelledBy,\r\n defaultAriaLabel = 'Popover',\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n // back to defaultAriaLabel so it can be localized.\r\n const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n return (\r\n <BasePopover.Portal>\r\n <BasePopover.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n className={POPOVER_CONTENT_STYLES.positioner}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}\r\n >\r\n <BasePopover.Popup\r\n ref={contentRef}\r\n className={cn(POPOVER_CONTENT_STYLES.root, className)}\r\n aria-label={accessibleName}\r\n aria-labelledby={ariaLabelledBy}\r\n {...props}\r\n />\r\n </BasePopover.Positioner>\r\n </BasePopover.Portal>\r\n )\r\n})\r\n\r\nPopoverContent.displayName = 'Popover.Content'\r\n\r\nexport default PopoverContent\r\n"],"names":["PopoverContent","memo","className","position","sideProp","alignProp","sideOffset","collisionPadding","ariaLabel","ariaLabelledBy","defaultAriaLabel","props","contentRef","useViewportShift","side","align","parsePosition","accessibleName","jsx","BasePopover","POPOVER_CONTENT_STYLES","cn"],"mappings":";;;;;;;AAmBA,MAAMA,IAA0CC,EAAK,CAAC;AAAA,EAClD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,~~EAAiBN~~,CAAgB,GAE9C,EAAE,~~MAAAO~~,GAAM,OAAAC,EAAA,~~IAAUZ~~,~~IAClBa~~,~~EAAcb~~,CAAQ,IACtB,EAAE,~~MAAMC~~,GAAU,OAAOC,EAAA,~~GAKzBY~~,~~IAAiBT~~,MAAcC,IAAiB,SAAYC;AAElE,SACI,~~gBAAAQ~~,EAACC,EAAY,QAAZ,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAAL;AAAA,MACA,OAAAC;AAAA,MACA,~~YAAAT~~;AAAA,MACA,~~WAAWc~~,EAAuB;AAAA,MAElC,oBAAoB,EAAE,MAAM,QAAQ,OAAO,QAAQ,kBAAkB,OAAA;AAAA,MAErE,UAAA,gBAAAF;AAAA,QAACC,EAAY;AAAA,QAAZ;AAAA,UACG,KAAKP;AAAA,UACL,WAAWS,~~EAAGD~~,EAAuB,~~MAAMlB~~,~~CAAS~~;AAAA,~~UACpD~~,~~cAAYe~~;AAAA,UACZ,~~mBAAiBR~~;AAAA,~~UAChB~~,~~GAAGE~~;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA,GAER;AAER,CAAC;~~AAEDX~~,EAAe,cAAc;"}
1	+ {"version":3,"file":"PopoverContent.js","sources":["../../../../../../src/components/overlay/popover/components/content/PopoverContent.tsx"],"sourcesContent":["import { Popover as BasePopover } from '@base-ui/react/popover'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { POPOVER_CONTENT_STYLES } from '@components/overlay/popover/components/content/styles/PopoverContent.css.ts'\r\nimport type { PopoverContentProps } from '@components/overlay/popover/components/content/types/PopoverContent.props.ts'\r\nimport { parsePosition } from '@components/overlay/_shared/utils/parsePosition.utils.ts'\r\nimport { useViewportShift } from '@hooks/use-viewport-shift/useViewportShift.hook.ts'\r\n\r\n/*\r\n The panel that pops out from the trigger.\r\n * Rendered inside a portal by default for correct stacking.\r\n \r\n Base UI's built-in collision avoidance is disabled here: it would flip the popover\r\n * to the opposite side when space is tight, which is jarring.\r\n * Instead, `useViewportShift` detects any overflow after positioning and\r\n * shifts the panel inward by exactly the overflowing amount — keeping the\r\n * original side and never cropping the content.\r\n */\r\nconst PopoverContent: FC<PopoverContentProps> = memo(({\r\n className,\r\n position,\r\n padding = 'md',\r\n width,\r\n side: sideProp = 'bottom',\r\n align: alignProp = 'center',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': ariaLabelledBy,\r\n defaultAriaLabel = 'Popover',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n const { side, align } = position\r\n ? parsePosition(position)\r\n : { side: sideProp, align: alignProp }\r\n\r\n // A role=\"dialog\" element must have an accessible name (axe aria-dialog-name).\r\n // Consumers can override via aria-label or aria-labelledby; otherwise we fall\r\n // back to defaultAriaLabel so it can be localized.\r\n const accessibleName = ariaLabel ?? (ariaLabelledBy ? undefined : defaultAriaLabel)\r\n\r\n return (\r\n <BasePopover.Portal>\r\n <BasePopover.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n className={POPOVER_CONTENT_STYLES.positioner}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none', fallbackAxisSide: 'none' }}\r\n >\r\n <BasePopover.Popup\r\n ref={contentRef}\r\n className={cn(\r\n POPOVER_CONTENT_STYLES.root,\r\n POPOVER_CONTENT_STYLES.padding({ padding }),\r\n className,\r\n )}\r\n aria-label={accessibleName}\r\n aria-labelledby={ariaLabelledBy}\r\n style={{\r\n width,\r\n ...style,\r\n }}\r\n {...props}\r\n />\r\n </BasePopover.Positioner>\r\n </BasePopover.Portal>\r\n )\r\n})\r\n\r\nPopoverContent.displayName = 'Popover.Content'\r\n\r\nexport default PopoverContent\r\n"],"names":["PopoverContent","memo","className","position","padding","width","sideProp","alignProp","sideOffset","collisionPadding","ariaLabel","ariaLabelledBy","defaultAriaLabel","style","props","contentRef","useViewportShift","side","align","parsePosition","accessibleName","jsx","BasePopover","POPOVER_CONTENT_STYLES","cn"],"mappings":";;;;;;;AAmBA,MAAMA,IAA0CC,EAAK,CAAC;AAAA,EAClD,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,MAAMC,IAAW;AAAA,EACjB,OAAOC,IAAY;AAAA,EACnB,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBP,CAAgB,GAE9C,EAAE,MAAAQ,GAAM,OAAAC,EAAA,IAAUf,IAClBgB,EAAchB,CAAQ,IACtB,EAAE,MAAMG,GAAU,OAAOC,EAAA,GAKzBa,IAAiBV,MAAcC,IAAiB,SAAYC;AAElE,SACI,gBAAAS,EAACC,EAAY,QAAZ,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACG,MAAAL;AAAA,MACA,OAAAC;AAAA,MACA,YAAAV;AAAA,MACA,WAAWe,EAAuB;AAAA,MAElC,oBAAoB,EAAE,MAAM,QAAQ,OAAO,QAAQ,kBAAkB,OAAA;AAAA,MAErE,UAAA,gBAAAF;AAAA,QAACC,EAAY;AAAA,QAAZ;AAAA,UACG,KAAKP;AAAA,UACL,WAAWS;AAAA,YACPD,EAAuB;AAAA,YACvBA,EAAuB,QAAQ,EAAE,SAAAnB,GAAS;AAAA,YAC1CF;AAAA,UAAA;AAAA,UAEJ,cAAYkB;AAAA,UACZ,mBAAiBT;AAAA,UACjB,OAAO;AAAA,YACH,OAAAN;AAAA,YACA,GAAGQ;AAAA,UAAA;AAAA,UAEN,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IACR;AAAA,EAAA,GAER;AAER,CAAC;AAEDd,EAAe,cAAc;"}

package/dist/components/overlay/popover/components/content/styles/PopoverContent.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit93.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                    */var e={positioner:"hgspgn0",root:"hgspgn1"};exports.POPOVER_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit73.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit9.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit2.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                    */const e=require("@vanilla-extract/recipes/createRuntimeFn");var g={positioner:"hgspgn0",root:"hgspgn1",padding:e.createRuntimeFn({defaultClassName:"hgspgn2",variantClassNames:{padding:{none:"hgspgn3",px:"hgspgn4",xxs:"hgspgn5",xs:"hgspgn6",xs2:"hgspgn7",sm:"hgspgn8",sm2:"hgspgn9",md:"hgspgna",md2:"hgspgnb",lg:"hgspgnc",lg2:"hgspgnd",xl:"hgspgne","2xl":"hgspgnf","3xl":"hgspgng","4xl":"hgspgnh","5xl":"hgspgni"}},defaultVariants:{padding:"md"},compoundVariants:[]})};exports.POPOVER_CONTENT_STYLES=g;
 //# sourceMappingURL=PopoverContent.css.cjs.map

package/dist/components/overlay/popover/components/content/styles/PopoverContent.css.d.ts CHANGED Viewed

@@ -1,4 +1,57 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const POPOVER_CONTENT_STYLES: {
     positioner: string;
     root: string;
+    padding: RuntimeFn<{
+        padding: {
+            readonly none: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly px: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly xxs: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly xs: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly xs2: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly sm: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly sm2: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly md: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly md2: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly lg: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly lg2: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly xl: {
+                readonly padding: `var(--${string})`;
+            };
+            readonly '2xl': {
+                readonly padding: `var(--${string})`;
+            };
+            readonly '3xl': {
+                readonly padding: `var(--${string})`;
+            };
+            readonly '4xl': {
+                readonly padding: `var(--${string})`;
+            };
+            readonly '5xl': {
+                readonly padding: `var(--${string})`;
+            };
+        };
+    }>;
 };