npm - @choco-vanille/ui - Versions diffs - 1.2.0 → 1.3.1-dev.1 - Mend

@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

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 (1418) hide show

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

@@ -17,9 +17,11 @@ import "../../../../../data-display/avatar/components/avatar-status/styles/Avata
 import "../../../../../data-display/avatar-group/AvatarGroup.js";
 import "../../../../../data-display/badge/Badge.js";
 import "../../../../../data-display/badge/styles/Badge.css.js";
+import "../../../../../data-display/rich-text-renderer/RichTextRenderer.js";
+import '../../../../../../ui-kit63.css';import '../../../../../../ui-kit115.css';import '../../../../../../ui-kit128.css';import '../../../../../../ui-kit92.css';import '../../../../../../ui-kit52.css';import '../../../../../../ui-kit68.css';import '../../../../../../ui-kit45.css';import '../../../../../../ui-kit82.css';import '../../../../../../ui-kit41.css';import '../../../../../../ui-kit40.css';import '../../../../../../ui-kit80.css';import '../../../../../../ui-kit37.css';import '../../../../../../ui-kit31.css';import '../../../../../../ui-kit66.css';import '../../../../../../ui-kit43.css';import '../../../../../../ui-kit56.css';import '../../../../../../ui-kit93.css';import '../../../../../../ui-kit86.css';import '../../../../../../ui-kit97.css';import '../../../../../../ui-kit73.css';import '../../../../../../ui-kit95.css';import '../../../../../../ui-kit62.css';import '../../../../../../ui-kit88.css';import '../../../../../../ui-kit94.css';import '../../../../../../ui-kit54.css';import '../../../../../../ui-kit71.css';import '../../../../../../ui-kit67.css';import '../../../../../../ui-kit36.css';import '../../../../../../ui-kit24.css';import '../../../../../../ui-kit18.css';import '../../../../../../ui-kit15.css';import '../../../../../../ui-kit49.css';import '../../../../../../ui-kit75.css';import '../../../../../../ui-kit35.css';import '../../../../../../ui-kit34.css';import '../../../../../../ui-kit30.css';import '../../../../../../ui-kit38.css';import '../../../../../../ui-kit20.css';import '../../../../../../ui-kit22.css';import '../../../../../../ui-kit103.css';import '../../../../../../ui-kit105.css';import '../../../../../../ui-kit107.css';import '../../../../../../ui-kit113.css';import '../../../../../../ui-kit114.css';import '../../../../../../ui-kit2.css';import '../../../../../../ui-kit19.css';import '../../../../../../ui-kit44.css';import '../../../../../../ui-kit17.css';import '../../../../../../ui-kit29.css';import '../../../../../../ui-kit57.css';import '../../../../../../ui-kit61.css';import '../../../../../../ui-kit27.css';import '../../../../../../ui-kit25.css';import '../../../../../../ui-kit48.css';import '../../../../../../ui-kit16.css';import '../../../../../../ui-kit23.css';import '../../../../../../ui-kit111.css';import '../../../../../../ui-kit108.css';import '../../../../../../ui-kit112.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit110.css';import '../../../../../../ui-kit85.css';import '../../../../../../ui-kit89.css';import '../../../../../../ui-kit90.css';import '../../../../../../ui-kit87.css';import '../../../../../../ui-kit39.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                                                                        */
 import "../../../../../data-display/table/Table.js";
 import "../../../../../data-display/table/styles/Table.css.js";
-/* empty css                                                  */
 /* empty css                                                                                              */
 /* empty css                                                                                          */
 /* empty css                                                                                              */
@@ -82,10 +84,19 @@ import "../../../../../forms/calendar/Calendar.js";
 /* empty css                                                                                                     */
 import "../../../../../forms/checkbox/Checkbox.js";
 /* empty css                                                               */
+import "../../../../../forms/checkbox-group/CheckboxGroup.js";
 import "../../../../../forms/date-picker/DatePicker.js";
 /* empty css                                                                    */
 import "../../../../../forms/radio-group/RadioGroup.js";
 /* empty css                                                                                         */
+import "../../../../../forms/rich-text-editor/RichTextEditor.js";
+import "../../../../../forms/rich-text-editor/RichTextEditorField.js";
+/* empty css                                                                             */
+import "../../../../../forms/rich-text-editor/constants/richTextColorPalettes.const.js";
+import "../../../../../forms/rich-text-editor/constants/richTextFontSizes.const.js";
+import "../../../../../forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.js";
+/* empty css                                                      */
+/* empty css                                                                                                                    */
 import "../../../../../forms/select/Select.js";
 import "../../../../../forms/select/components/select-trigger/SelectTrigger.js";
 import "../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.js";
@@ -101,11 +112,12 @@ import "../../../../../forms/select/components/select-separator/SelectSeparator.
 /* empty css                                                                                                */
 import "../../../../../forms/select/components/select-field/SelectField.js";
 /* empty css                                                           */
+import "../../../../../forms/slider/Slider.js";
+/* empty css                                                           */
 import "../../../../../forms/switch/Switch.js";
 import "../../../../../forms/switch/styles/Switch.css.js";
 import "../../../../../forms/text-area/TextArea.js";
 import "../../../../../forms/text-area/styles/TextArea.css.js";
-/* empty css                                                      */
 /* empty css                                                                                                */
 /* empty css                                                                                                         */
 /* empty css                                                                                                         */
@@ -114,6 +126,8 @@ import "../../../../../forms/text-field/styles/TextField.css.js";
 /* empty css                                                                                                   */
 /* empty css                                                                                                            */
 /* empty css                                                                                                            */
+import "../../../../../forms/number-field/NumberField.js";
+/* empty css                                                                      */
 /* empty css                                                                    */
 /* empty css                                                                 */
 import "../../../../../forms/_shared/components/helper-text/HelperText.js";
@@ -121,6 +135,8 @@ import d from "../../../../../layout/flex/Flex.js";
 import "../../../../../layout/flex/styles/Flex.css.js";
 import b from "../../../../../layout/grid/Grid.js";
 import "../../../../../layout/grid/styles/Grid.css.js";
+import "../../../../../layout/inset/Inset.js";
+import "../../../../../layout/inset/styles/Inset.css.js";
 import "../../../../../layout/image/Image.js";
 import "../../../../../layout/image/styles/Image.css.js";
 import O from "../../../../../layout/separator/Separator.js";
@@ -148,31 +164,55 @@ import "../../../../../navigation/tabs/Tabs.js";
 import "../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.js";
 import "../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.js";
 import "../../../../../navigation/link/Link.js";
-/* empty css                                                            */
+import "../../../../../navigation/link/styles/Link.css.js";
+import "../../../../../navigation/pagination/Pagination.js";
+/* empty css                                                                        */
+import "../../../../../navigation/breadcrumbs/Breadcrumbs.js";
+/* empty css                                                                          */
+import "../../../../../navigation/stepper/Stepper.js";
+/* empty css                                                                  */
+import "../../../../../navigation/step-indicator/StepIndicator.js";
+/* empty css                                                                               */
 import F from "../../../../tooltip/Tooltip.js";
 import "../../../../tooltip/components/tooltip-provider/TooltipProvider.js";
 /* empty css                                                    */
 import "../../../../dropdown-menu/index.js";
+import "../../../../context-menu/ContextMenu.js";
 import "../../../../popover/Popover.js";
 /* empty css                                                                              */
 import "../../../../hover-card/HoverCard.js";
 import "../../../../dialog/Dialog.js";
+/* empty css                                                            */
 /* empty css                                                  */
 /* empty css                                                                                 */
+import "../../../../alert-dialog/AlertDialog.js";
+/* empty css                                                             */
 import "../../../Drawer.js";
 import "../../../styles/Drawer.css.js";
+import "../../../../panel/Panel.js";
+/* empty css                                                */
+import "../../../../command/Command.js";
+/* empty css                                                    */
+/* empty css                                                                                */
+import "../../../../_shared/components/overlay-backdrop/OverlayBackdrop.js";
 import "../../../../../feedback/skeleton/Skeleton.js";
 import "../../../../../feedback/skeleton/styles/Skeleton.css.js";
 import "../../../../../feedback/callout/Callout.js";
 import "../../../../../feedback/callout/styles/Callout.css.js";
 /* empty css                                                                                            */
 import "../../../../../feedback/toast/Toast.js";
+import "../../../../../feedback/toast/ToastProvider.js";
 import "../../../../../feedback/toast/styles/Toast.css.js";
 /* empty css                                                                                      */
 import "../../../../../feedback/progress/Progress.js";
 import "../../../../../feedback/progress/CircularProgress.js";
 import "../../../../../feedback/progress/styles/Progress.css.js";
 import "../../../../../feedback/progress/constants/progressColors.const.js";
+import "../../../../../feedback/empty-state/EmptyState.js";
+/* empty css                                                                       */
+import "../../../../../feedback/spinner/Spinner.js";
+import "../../../../../feedback/spinner/styles/Spinner.css.js";
+import "../../../../../feedback/spinner/constants/spinnerColors.const.js";
 import { DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT as G, DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT as P } from "./constants/index.js";
 import { useTransitionRender as W } from "../../../../../../hooks/use-transition-render/useTransitionRender.hook.js";
 import { vars as y } from "../../../../../../theme/contract.css.js";

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 children,\r\n trailing,\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}\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 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","children","trailing","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 children,\r\n trailing,\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}\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 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","children","trailing","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"});;/* 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-kit125.css');require('../../../../../../../ui-kit124.css');require('../../../../../../../ui-kit78.css');require('../../../../../../../ui-kit32.css');require('../../../../../../../ui-kit4.css');require('../../../../../../../ui-kit6.css');require('../../../../../../../ui-kit3.css');require('../../../../../../../ui-kit8.css');require('../../../../../../../ui-kit13.css');require('../../../../../../../ui-kit14.css');require('../../../../../../../ui-kit12.css');require('../../../../../../../ui-kit10.css');require('../../../../../../../ui-kit5.css');require('../../../../../../../ui-kit7.css');require('../../../../../../../ui-kit11.css');require('../../../../../../../ui-kit9.css');require('../../../../../../../ui-kit79.css');require('../../../../../../../ui-kit2.css');require('../../../../../../../ui-kit116.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 @@
-/* empty css                                                     */
+import '../../../../../../../ui-kit125.css';import '../../../../../../../ui-kit124.css';import '../../../../../../../ui-kit78.css';import '../../../../../../../ui-kit32.css';import '../../../../../../../ui-kit4.css';import '../../../../../../../ui-kit6.css';import '../../../../../../../ui-kit3.css';import '../../../../../../../ui-kit8.css';import '../../../../../../../ui-kit13.css';import '../../../../../../../ui-kit14.css';import '../../../../../../../ui-kit12.css';import '../../../../../../../ui-kit10.css';import '../../../../../../../ui-kit5.css';import '../../../../../../../ui-kit7.css';import '../../../../../../../ui-kit11.css';import '../../../../../../../ui-kit9.css';import '../../../../../../../ui-kit79.css';import '../../../../../../../ui-kit2.css';import '../../../../../../../ui-kit116.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"});;/* 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-kit136.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 @@
-/* empty css                                                     */
+import '../../../../../../../ui-kit136.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"});;/* 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-kit141.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 @@
-/* empty css                                                     */
+import '../../../../../../../ui-kit141.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"});;/* 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-kit145.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 @@
-/* empty css                                                     */
+import '../../../../../../../ui-kit145.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"});;/* 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",input:"cdvk7w3y",ring:"cdvk7w3z",highlight:"cdvk7w40",highlightForeground:"cdvk7w41",skeleton:"cdvk7w42",skeletonForeground:"cdvk7w43",transparent:"cdvk7w44"}},defaultVariants:{},compoundVariants:[]})};exports.DRAWER_STYLES=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit42.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",input:"cdvk7w3y",ring:"cdvk7w3z",highlight:"cdvk7w40",highlightForeground:"cdvk7w41",skeleton:"cdvk7w42",skeletonForeground:"cdvk7w43",transparent:"cdvk7w44"}},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 @@
-/* empty css                                            */
+import '../../../../ui-kit42.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", input: "cdvk7w3y", ring: "cdvk7w3z", highlight: "cdvk7w40", highlightForeground: "cdvk7w41", skeleton: "cdvk7w42", skeletonForeground: "cdvk7w43", transparent: "cdvk7w44" } }, 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"});;/* 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-kit132.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 @@
-/* empty css                                               */
+import '../../../../../ui-kit132.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/DropdownMenuContent.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuContent.cjs","sources":["../../../../../../src/components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.ts'\r\nimport type { DropdownMenuContentProps } from '@components/overlay/dropdown-menu/components/content/types/DropdownMenuContent.props.ts'\r\nimport { useViewportShift } from '@hooks'\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 handling is disabled here: it would flip the menu\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 menu.\r\n */\r\nconst DropdownMenuContent: FC<DropdownMenuContentProps> = memo(({\r\n className,\r\n side = 'bottom',\r\n align = 'start',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_CONTENT_STYLES.root, className)}\r\n style={{ width, flexGrow: '0', flexShrink: '0', ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuContent.displayName = 'DropdownMenu.Content'\r\n\r\nexport default DropdownMenuContent\r\n"],"names":["DropdownMenuContent","memo","className","side","align","sideOffset","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_CONTENT_STYLES"],"mappings":"gRAkBMA,EAAoDC,EAAAA,KAAK,CAAC,CAC5D,UAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,MAAAC,EAAQ,QACR,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBL,CAAgB,EAEpD,OACIM,EAAAA,IAACC,EAAAA,KAAS,OAAT,CACG,SAAAD,EAAAA,IAACC,EAAAA,KAAS,WAAT,CACG,KAAAV,EACA,MAAAC,EACA,WAAAC,EAEA,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGI,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,KAAS,MAAT,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,+BAA6B,KAAMb,CAAS,EAC1D,MAAO,CAAE,MAAAK,EAAO,SAAU,IAAK,WAAY,IAAK,GAAGC,CAAA,EAElD,SAAAC,EAAM,QAAA,CAAA,CACX,CAAA,EAER,CAER,CAAC,EAEDT,EAAoB,YAAc"}
1	+ {"version":3,"file":"DropdownMenuContent.cjs","sources":["../../../../../../src/components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.ts'\r\nimport type { DropdownMenuContentProps } from '@components/overlay/dropdown-menu/components/content/types/DropdownMenuContent.props.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 handling is disabled here: it would flip the menu\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 menu.\r\n */\r\nconst DropdownMenuContent: FC<DropdownMenuContentProps> = memo(({\r\n className,\r\n side = 'bottom',\r\n align = 'start',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_CONTENT_STYLES.root, className)}\r\n style={{ width, flexGrow: '0', flexShrink: '0', ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuContent.displayName = 'DropdownMenu.Content'\r\n\r\nexport default DropdownMenuContent\r\n"],"names":["DropdownMenuContent","memo","className","side","align","sideOffset","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_CONTENT_STYLES"],"mappings":"gRAkBMA,EAAoDC,EAAAA,KAAK,CAAC,CAC5D,UAAAC,EACA,KAAAC,EAAO,SACP,MAAAC,EAAQ,QACR,WAAAC,EAAa,EACb,iBAAAC,EAAmB,EACnB,MAAAC,EAAQ,QACR,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaC,EAAAA,iBAAiBL,CAAgB,EAEpD,OACIM,EAAAA,IAACC,EAAAA,KAAS,OAAT,CACG,SAAAD,EAAAA,IAACC,EAAAA,KAAS,WAAT,CACG,KAAAV,EACA,MAAAC,EACA,WAAAC,EAEA,mBAAoB,CAAE,KAAM,OAAQ,MAAO,MAAA,EAC1C,GAAGI,EAEJ,SAAAG,EAAAA,IAACC,EAAAA,KAAS,MAAT,CACG,IAAKH,EACL,UAAWI,EAAAA,GAAGC,+BAA6B,KAAMb,CAAS,EAC1D,MAAO,CAAE,MAAAK,EAAO,SAAU,IAAK,WAAY,IAAK,GAAGC,CAAA,EAElD,SAAAC,EAAM,QAAA,CAAA,CACX,CAAA,EAER,CAER,CAAC,EAEDT,EAAoB,YAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuContent.js","sources":["../../../../../../src/components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.ts'\r\nimport type { DropdownMenuContentProps } from '@components/overlay/dropdown-menu/components/content/types/DropdownMenuContent.props.ts'\r\nimport { useViewportShift } from '@hooks'\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 handling is disabled here: it would flip the menu\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 menu.\r\n */\r\nconst DropdownMenuContent: FC<DropdownMenuContentProps> = memo(({\r\n className,\r\n side = 'bottom',\r\n align = 'start',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_CONTENT_STYLES.root, className)}\r\n style={{ width, flexGrow: '0', flexShrink: '0', ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuContent.displayName = 'DropdownMenu.Content'\r\n\r\nexport default DropdownMenuContent\r\n"],"names":["DropdownMenuContent","memo","className","side","align","sideOffset","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_CONTENT_STYLES"],"mappings":";;;;;;AAkBA,MAAMA,IAAoDC,EAAK,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBL,CAAgB;AAEpD,SACI,gBAAAM,EAACC,EAAS,QAAT,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACG,MAAAV;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGI;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAS;AAAA,QAAT;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAA6B,MAAMb,CAAS;AAAA,UAC1D,OAAO,EAAE,OAAAK,GAAO,UAAU,KAAK,YAAY,KAAK,GAAGC,EAAA;AAAA,UAElD,UAAAC,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,GAER;AAER,CAAC;AAEDT,EAAoB,cAAc;"}
1	+ {"version":3,"file":"DropdownMenuContent.js","sources":["../../../../../../src/components/overlay/dropdown-menu/components/content/DropdownMenuContent.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_CONTENT_STYLES } from '@components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.ts'\r\nimport type { DropdownMenuContentProps } from '@components/overlay/dropdown-menu/components/content/types/DropdownMenuContent.props.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 handling is disabled here: it would flip the menu\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 menu.\r\n */\r\nconst DropdownMenuContent: FC<DropdownMenuContentProps> = memo(({\r\n className,\r\n side = 'bottom',\r\n align = 'start',\r\n sideOffset = 6,\r\n collisionPadding = 8,\r\n width = '14rem',\r\n style,\r\n ...props\r\n}) => {\r\n const contentRef = useViewportShift(collisionPadding)\r\n\r\n return (\r\n <BaseMenu.Portal>\r\n <BaseMenu.Positioner\r\n side={side}\r\n align={align}\r\n sideOffset={sideOffset}\r\n // Disable Base UI's flip/shift — our hook handles collision instead.\r\n collisionAvoidance={{ side: 'none', align: 'none' }}\r\n {...props}\r\n >\r\n <BaseMenu.Popup\r\n ref={contentRef}\r\n className={cn(DROPDOWN_MENU_CONTENT_STYLES.root, className)}\r\n style={{ width, flexGrow: '0', flexShrink: '0', ...style } as CSSProperties}\r\n >\r\n {props.children}\r\n </BaseMenu.Popup>\r\n </BaseMenu.Positioner>\r\n </BaseMenu.Portal>\r\n )\r\n})\r\n\r\nDropdownMenuContent.displayName = 'DropdownMenu.Content'\r\n\r\nexport default DropdownMenuContent\r\n"],"names":["DropdownMenuContent","memo","className","side","align","sideOffset","collisionPadding","width","style","props","contentRef","useViewportShift","jsx","BaseMenu","cn","DROPDOWN_MENU_CONTENT_STYLES"],"mappings":";;;;;;AAkBA,MAAMA,IAAoDC,EAAK,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaC,EAAiBL,CAAgB;AAEpD,SACI,gBAAAM,EAACC,EAAS,QAAT,EACG,UAAA,gBAAAD;AAAA,IAACC,EAAS;AAAA,IAAT;AAAA,MACG,MAAAV;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,oBAAoB,EAAE,MAAM,QAAQ,OAAO,OAAA;AAAA,MAC1C,GAAGI;AAAA,MAEJ,UAAA,gBAAAG;AAAA,QAACC,EAAS;AAAA,QAAT;AAAA,UACG,KAAKH;AAAA,UACL,WAAWI,EAAGC,EAA6B,MAAMb,CAAS;AAAA,UAC1D,OAAO,EAAE,OAAAK,GAAO,UAAU,KAAK,YAAY,KAAK,GAAGC,EAAA;AAAA,UAElD,UAAAC,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACX;AAAA,EAAA,GAER;AAER,CAAC;AAEDT,EAAoB,cAAc;"}

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"});;/* 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:"w7l7ew0"};exports.DROPDOWN_MENU_CONTENT_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit134.css');require('../../../../../../ui-kit4.css');require('../../../../../../ui-kit6.css');require('../../../../../../ui-kit3.css');require('../../../../../../ui-kit8.css');require('../../../../../../ui-kit13.css');require('../../../../../../ui-kit14.css');require('../../../../../../ui-kit12.css');require('../../../../../../ui-kit10.css');require('../../../../../../ui-kit5.css');require('../../../../../../ui-kit7.css');require('../../../../../../ui-kit11.css');require('../../../../../../ui-kit9.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={root:"w7l7ew0"};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 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit134.css';import '../../../../../../ui-kit4.css';import '../../../../../../ui-kit6.css';import '../../../../../../ui-kit3.css';import '../../../../../../ui-kit8.css';import '../../../../../../ui-kit13.css';import '../../../../../../ui-kit14.css';import '../../../../../../ui-kit12.css';import '../../../../../../ui-kit10.css';import '../../../../../../ui-kit5.css';import '../../../../../../ui-kit7.css';import '../../../../../../ui-kit11.css';import '../../../../../../ui-kit9.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                                    */
 /* empty css                                                                     */
 /* empty css                                                                             */

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),x=require("@base-ui/react/menu"),_=require("react"),q=require("../../../../../../utils/cn.cjs"),s=require("../../_shared/item.css.cjs"),t=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const c=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const E=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const M=require("../../shortcut/DropdownMenuShortcut.cjs"),o=_.memo(({className:a,destructive:u=!1,startIcon:r,endIcon:n,shortcut:i,label:d,...m})=>e.jsxs(x.Menu.Item,{className:q.cn(s.DROPDOWN_MENU_ITEM_STYLES.root,u&&s.DROPDOWN_MENU_ITEM_STYLES.destructive,a),...m,children:[r&&e.jsx(t,{as:"span",justifyContent:"center",className:s.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(c,{icon:r,size:"xs"})}),e.jsx(E,{as:"span",variant:"span",maxLines:1,width:"100%",children:d}),i&&e.jsx(M,{children:i}),n&&e.jsx(t,{as:"span",justifyContent:"center",className:s.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(c,{icon:n,size:"xs"})})]}));o.displayName="DropdownMenu.Item";module.exports=o;
+"use strict";const e=require("react/jsx-runtime"),_=require("@base-ui/react/menu"),l=require("react"),q=require("../../../../../../utils/cn.cjs"),s=require("../../_shared/item.css.cjs"),t=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const c=require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");const E=require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");const M=require("../../shortcut/DropdownMenuShortcut.cjs"),a=l.memo(({className:o,active:u=!1,destructive:d=!1,startIcon:r,endIcon:n,shortcut:i,label:m,...x})=>e.jsxs(_.Menu.Item,{className:q.cn(s.DROPDOWN_MENU_ITEM_STYLES.root,d&&s.DROPDOWN_MENU_ITEM_STYLES.destructive,o),"data-active":u?"true":void 0,...x,children:[r&&e.jsx(t,{as:"span",justifyContent:"center",className:s.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(c,{icon:r,size:"xs"})}),e.jsx(E,{as:"span",variant:"span",maxLines:1,width:"100%",children:m}),i&&e.jsx(M,{children:i}),n&&e.jsx(t,{as:"span",justifyContent:"center",className:s.DROPDOWN_MENU_ITEM_STYLES.icon,"aria-hidden":!0,children:e.jsx(c,{icon:n,size:"xs"})})]}));a.displayName="DropdownMenu.Item";module.exports=a;
 //# sourceMappingURL=DropdownMenuItem.cjs.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuItem.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport type { DropdownMenuItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.ts'\r\n\r\n/*\r\n A single actionable item inside the dropdown.\r\n \r\n @example\r\n * ```tsx\r\n * <DropdownMenuItem\r\n * label={'Edit'}\r\n * startIcon={'lucide:pencil'}\r\n * shortcut={'⌘E'}\r\n * />\r\n * ```\r\n */\r\nconst DropdownMenuItem: FC<DropdownMenuItemProps> = memo(({\r\n className,\r\n destructive = false,\r\n startIcon,\r\n endIcon,\r\n shortcut,\r\n label,\r\n ...props\r\n}) => (\r\n <BaseMenu.Item\r\n className={cn(\r\n DROPDOWN_MENU_ITEM_STYLES.root,\r\n destructive && DROPDOWN_MENU_ITEM_STYLES.destructive,\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {startIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={startIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n maxLines={1}\r\n width={'100%'}\r\n >\r\n {label}\r\n </Typography>\r\n {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\r\n {endIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={endIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n </BaseMenu.Item>\r\n))\r\n\r\nDropdownMenuItem.displayName = 'DropdownMenu.Item'\r\n\r\nexport default DropdownMenuItem\r\n"],"names":["DropdownMenuItem","memo","className","destructive","startIcon","endIcon","shortcut","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Flex","Icon","Typography","DropdownMenuShortcut"],"mappings":"0mBAuBMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,UAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,KAAS,KAAT,CACG,UAAWC,EAAAA,GACPC,EAAAA,0BAA0B,KAC1BT,GAAeS,EAAAA,0BAA0B,~~YACzCV~~,CAAA,~~EAEH~~,GAAGM,EAEH,SAAA,CAAAJ,GACGS,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMX,EACN,KAAM,IAAA,CAAA,CACV,CAAA,EAGRS,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAT,CAAA,CAAA,EAEJD,GAAYO,EAAAA,IAACI,EAAA,CAAsB,SAAAX,CAAA,CAAS,EAC5CD,GACGQ,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMV,EACN,KAAM,IAAA,CAAA,CACV,CAAA,CACJ,CAAA,CAER,CACH,~~EAEDL~~,EAAiB,YAAc"}
1	+ {"version":3,"file":"DropdownMenuItem.cjs","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport type { DropdownMenuItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.ts'\r\n\r\n/*\r\n A single actionable item inside the dropdown.\r\n \r\n @example\r\n * ```tsx\r\n * <DropdownMenuItem\r\n * label={'Edit'}\r\n * startIcon={'lucide:pencil'}\r\n * shortcut={'⌘E'}\r\n * />\r\n * ```\r\n */\r\nconst DropdownMenuItem: FC<DropdownMenuItemProps> = memo(({\r\n className,\r\n active = false,\r\n destructive = false,\r\n startIcon,\r\n endIcon,\r\n shortcut,\r\n label,\r\n ...props\r\n}) => (\r\n <BaseMenu.Item\r\n className={cn(\r\n DROPDOWN_MENU_ITEM_STYLES.root,\r\n destructive && DROPDOWN_MENU_ITEM_STYLES.destructive,\r\n className,\r\n )}\r\n data-active={active ? 'true' : undefined}\r\n {...props}\r\n >\r\n {startIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={startIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n maxLines={1}\r\n width={'100%'}\r\n >\r\n {label}\r\n </Typography>\r\n {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\r\n {endIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={endIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n </BaseMenu.Item>\r\n))\r\n\r\nDropdownMenuItem.displayName = 'DropdownMenu.Item'\r\n\r\nexport default DropdownMenuItem\r\n"],"names":["DropdownMenuItem","memo","className","active","destructive","startIcon","endIcon","shortcut","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Flex","Icon","Typography","DropdownMenuShortcut"],"mappings":"0mBAuBMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,UAAAC,EACA,OAAAC,EAAS,GACT,YAAAC,EAAc,GACd,UAAAC,EACA,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAAA,KAAS,KAAT,CACG,UAAWC,EAAAA,GACPC,EAAAA,0BAA0B,KAC1BT,GAAeS,EAAAA,0BAA0B,YACzCX,CAAA,EAEJ,cAAaC,EAAS,OAAS,OAC9B,GAAGM,EAEH,SAAA,CAAAJ,GACGS,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMX,EACN,KAAM,IAAA,CAAA,CACV,CAAA,EAGRS,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,EACV,MAAO,OAEN,SAAAT,CAAA,CAAA,EAEJD,GAAYO,EAAAA,IAACI,EAAA,CAAsB,SAAAX,CAAA,CAAS,EAC5CD,GACGQ,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,eAAgB,SAChB,UAAWF,EAAAA,0BAA0B,KACrC,cAAW,GAEX,SAAAC,EAAAA,IAACE,EAAA,CACG,KAAMV,EACN,KAAM,IAAA,CAAA,CACV,CAAA,CACJ,CAAA,CAER,CACH,EAEDN,EAAiB,YAAc"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.js CHANGED Viewed

@@ -1,35 +1,37 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { Menu as f } from "@base-ui/react/menu";
-import { memo as l } from "react";
-import { cn as u } from "../../../../../../utils/cn.js";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { Menu as l } from "@base-ui/react/menu";
+import { memo as u } from "react";
+import { cn as h } from "../../../../../../utils/cn.js";
 import { DROPDOWN_MENU_ITEM_STYLES as o } from "../../_shared/item.css.js";
-import t from "../../../../../layout/flex/Flex.js";
+import m from "../../../../../layout/flex/Flex.js";
 import "../../../../../layout/flex/styles/Flex.css.js";
 import n from "../../../../../foundation/icon/Icon.js";
 import "../../../../../foundation/icon/styles/Icon.css.js";
-import h from "../../../../../foundation/typography/Typography.js";
+import x from "../../../../../foundation/typography/Typography.js";
 import "../../../../../foundation/typography/styles/Typography.css.js";
-import x from "../../shortcut/DropdownMenuShortcut.js";
-const M = l(({
-  className: s,
-  destructive: a = !1,
+import M from "../../shortcut/DropdownMenuShortcut.js";
+const N = u(({
+  className: a,
+  active: s = !1,
+  destructive: p = !1,
   startIcon: e,
   endIcon: i,
-  shortcut: m,
-  label: p,
-  ...c
-}) => /* @__PURE__ */ d(
-  f.Item,
+  shortcut: t,
+  label: c,
+  ...d
+}) => /* @__PURE__ */ f(
+  l.Item,
   {
-    className: u(
+    className: h(
       o.root,
-      a && o.destructive,
-      s
+      p && o.destructive,
+      a
     ),
-    ...c,
+    "data-active": s ? "true" : void 0,
+    ...d,
     children: [
       e && /* @__PURE__ */ r(
-        t,
+        m,
         {
           as: "span",
           justifyContent: "center",
@@ -45,18 +47,18 @@ const M = l(({
         }
       ),
       /* @__PURE__ */ r(
-        h,
+        x,
         {
           as: "span",
           variant: "span",
           maxLines: 1,
           width: "100%",
-          children: p
+          children: c
         }
       ),
-      m && /* @__PURE__ */ r(x, { children: m }),
+      t && /* @__PURE__ */ r(M, { children: t }),
       i && /* @__PURE__ */ r(
-        t,
+        m,
         {
           as: "span",
           justifyContent: "center",
@@ -74,8 +76,8 @@ const M = l(({
     ]
   }
 ));
-M.displayName = "DropdownMenu.Item";
+N.displayName = "DropdownMenu.Item";
 export {
-  M as default
+  N as default
 };
 //# sourceMappingURL=DropdownMenuItem.js.map

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuItem.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport type { DropdownMenuItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.ts'\r\n\r\n/*\r\n A single actionable item inside the dropdown.\r\n \r\n @example\r\n * ```tsx\r\n * <DropdownMenuItem\r\n * label={'Edit'}\r\n * startIcon={'lucide:pencil'}\r\n * shortcut={'⌘E'}\r\n * />\r\n * ```\r\n */\r\nconst DropdownMenuItem: FC<DropdownMenuItemProps> = memo(({\r\n className,\r\n destructive = false,\r\n startIcon,\r\n endIcon,\r\n shortcut,\r\n label,\r\n ...props\r\n}) => (\r\n <BaseMenu.Item\r\n className={cn(\r\n DROPDOWN_MENU_ITEM_STYLES.root,\r\n destructive && DROPDOWN_MENU_ITEM_STYLES.destructive,\r\n className,\r\n )}\r\n {...props}\r\n >\r\n {startIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={startIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n maxLines={1}\r\n width={'100%'}\r\n >\r\n {label}\r\n </Typography>\r\n {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\r\n {endIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={endIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n </BaseMenu.Item>\r\n))\r\n\r\nDropdownMenuItem.displayName = 'DropdownMenu.Item'\r\n\r\nexport default DropdownMenuItem\r\n"],"names":["DropdownMenuItem","memo","className","destructive","startIcon","endIcon","shortcut","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Flex","Icon","Typography","DropdownMenuShortcut"],"mappings":";;;;;;;;;;;;AAuBA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC;AAAA,MACPC,EAA0B;AAAA,MAC1BT,KAAeS,EAA0B;AAAA,~~MACzCV~~;AAAA,IAAA;AAAA,~~IAEH~~,GAAGM;AAAA,IAEH,UAAA;AAAA,MAAAJ,KACG,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAMX;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,MAGR,gBAAAS;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UAEN,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJD,KAAY,gBAAAO,EAACI,GAAA,EAAsB,UAAAX,EAAA,CAAS;AAAA,MAC5CD,KACG,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAMV;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAER,CACH;~~AAEDL~~,EAAiB,cAAc;"}
1	+ {"version":3,"file":"DropdownMenuItem.js","sources":["../../../../../../../src/components/overlay/dropdown-menu/components/items/dropdown-menu-item/DropdownMenuItem.tsx"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { cn } from '@utils/cn.ts'\r\nimport { DROPDOWN_MENU_ITEM_STYLES } from '@components/overlay/dropdown-menu/components/_shared/item.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport DropdownMenuShortcut from '@components/overlay/dropdown-menu/components/shortcut/DropdownMenuShortcut.tsx'\r\nimport type { DropdownMenuItemProps } from '@components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.ts'\r\n\r\n/*\r\n A single actionable item inside the dropdown.\r\n \r\n @example\r\n * ```tsx\r\n * <DropdownMenuItem\r\n * label={'Edit'}\r\n * startIcon={'lucide:pencil'}\r\n * shortcut={'⌘E'}\r\n * />\r\n * ```\r\n */\r\nconst DropdownMenuItem: FC<DropdownMenuItemProps> = memo(({\r\n className,\r\n active = false,\r\n destructive = false,\r\n startIcon,\r\n endIcon,\r\n shortcut,\r\n label,\r\n ...props\r\n}) => (\r\n <BaseMenu.Item\r\n className={cn(\r\n DROPDOWN_MENU_ITEM_STYLES.root,\r\n destructive && DROPDOWN_MENU_ITEM_STYLES.destructive,\r\n className,\r\n )}\r\n data-active={active ? 'true' : undefined}\r\n {...props}\r\n >\r\n {startIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={startIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n maxLines={1}\r\n width={'100%'}\r\n >\r\n {label}\r\n </Typography>\r\n {shortcut && <DropdownMenuShortcut>{shortcut}</DropdownMenuShortcut>}\r\n {endIcon && (\r\n <Flex\r\n as={'span'}\r\n justifyContent={'center'}\r\n className={DROPDOWN_MENU_ITEM_STYLES.icon}\r\n aria-hidden\r\n >\r\n <Icon\r\n icon={endIcon}\r\n size={'xs'}\r\n />\r\n </Flex>\r\n )}\r\n </BaseMenu.Item>\r\n))\r\n\r\nDropdownMenuItem.displayName = 'DropdownMenu.Item'\r\n\r\nexport default DropdownMenuItem\r\n"],"names":["DropdownMenuItem","memo","className","active","destructive","startIcon","endIcon","shortcut","label","props","jsxs","BaseMenu","cn","DROPDOWN_MENU_ITEM_STYLES","jsx","Flex","Icon","Typography","DropdownMenuShortcut"],"mappings":";;;;;;;;;;;;AAuBA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC;AAAA,MACPC,EAA0B;AAAA,MAC1BT,KAAeS,EAA0B;AAAA,MACzCX;AAAA,IAAA;AAAA,IAEJ,eAAaC,IAAS,SAAS;AAAA,IAC9B,GAAGM;AAAA,IAEH,UAAA;AAAA,MAAAJ,KACG,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAMX;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,MAGR,gBAAAS;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,UACV,OAAO;AAAA,UAEN,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJD,KAAY,gBAAAO,EAACI,GAAA,EAAsB,UAAAX,EAAA,CAAS;AAAA,MAC5CD,KACG,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,IAAI;AAAA,UACJ,gBAAgB;AAAA,UAChB,WAAWF,EAA0B;AAAA,UACrC,eAAW;AAAA,UAEX,UAAA,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACG,MAAMV;AAAA,cACN,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAER,CACH;AAEDN,EAAiB,cAAc;"}

package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-item/types/DropdownMenuItem.props.d.ts CHANGED Viewed

@@ -2,6 +2,8 @@ import { Menu } from '@base-ui/react/menu';
 export type DropdownMenuItemProps = Omit<Menu.Item.Props, 'children'> & {
     /** Text label of the item. */
     label: string;
+    /** Marks the item as the currently selected option. */
+    active?: boolean;
     /** Renders the item with a destructive (danger) visual style. */
     destructive?: boolean;
     /** Iconify icon identifier rendered on the left side of the item. */

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"});;/* 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-kit143.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 @@
-/* empty css                                                  */
+import '../../../../../../ui-kit143.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"});;/* 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-kit140.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                           */var e={root:"_1yf568h0"};exports.DROPDOWN_MENU_SEPARATOR_STYLES=e;
 //# sourceMappingURL=DropdownMenuSeparator.css.cjs.map