npm - @choco-vanille/ui - Versions diffs - 1.1.2 → 1.3.0 - Mend

@choco-vanille/ui 1.1.2 → 1.3.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 (1359) hide show

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),C=require("react"),w=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");require("../_shared/styles/DrawerItemShared.css.cjs");require("../../../context/Drawer.context.cjs");const j=require("../_shared/components/drawer-item-content/DrawerItemContent.cjs"),u=require("./styles/DrawerSectionItem.css.cjs"),O=require("./hooks/use-drawer-section-item/useDrawerSectionItem.hook.cjs");require("../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../data-display/avatar/Avatar.cjs");require("../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../data-display/badge/Badge.cjs");require("../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../data-display/table/Table.cjs");require("../../../../../data-display/table/styles/Table.css.cjs");;/* empty css                                                    */;/* empty css                                                                                                */;/* empty css                                                                                            */;/* empty css                                                                                                */require("../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css                                                                                                  */require("../../../../../actions/button/Button.cjs");require("../../../../../actions/button/styles/Button.css.cjs");require("../../../../../actions/icon-button/IconButton.cjs");require("../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../actions/toggle-button/ToggleButton.cjs");require("../../../../../actions/toggle-button/styles/ToggleButton.css.cjs");require("../../../../../actions/toggle-icon-button/ToggleIconButton.cjs");require("../../../../../actions/toggle-icon-button/styles/ToggleIconButton.css.cjs");require("../../../../../actions/toggle-button-group/ToggleButtonGroup.cjs");require("../../../../../actions/toggle-button-group/styles/ToggleButtonGroup.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.cjs");require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../forms/autocomplete/Autocomplete.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                                                                                                */require("../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* 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                                                                                                                */require("../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                                                          */require("../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                                                    */require("../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css                                                                         */require("../../../../../forms/calendar/Calendar.cjs");;/* empty css                                                                     */;/* empty css                                                                                                    */;/* empty css                                                                     */;/* empty css                                                                          */;/* empty css                                                                                                         */;/* empty css                                                                                                       */require("../../../../../forms/checkbox/Checkbox.cjs");;/* empty css                                                                 */require("../../../../../forms/date-picker/DatePicker.cjs");;/* empty css                                                                      */require("../../../../../forms/radio-group/RadioGroup.cjs");;/* empty css                                                                                           */require("../../../../../forms/select/Select.cjs");require("../../../../../forms/select/components/select-trigger/SelectTrigger.cjs");require("../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../forms/select/components/select-content/SelectContent.cjs");;/* empty css                                                                                              */require("../../../../../forms/select/components/select-list/SelectList.cjs");require("../../../../../forms/select/components/select-group/SelectGroup.cjs");require("../../../../../forms/select/components/select-label/SelectLabel.cjs");;/* empty css                                                                                          */require("../../../../../forms/select/components/select-item/SelectItem.cjs");;/* empty css                                                                                        */require("../../../../../forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css                                                                                                  */require("../../../../../forms/select/components/select-field/SelectField.cjs");;/* empty css                                                             */require("../../../../../forms/switch/Switch.cjs");require("../../../../../forms/switch/styles/Switch.css.cjs");require("../../../../../forms/text-area/TextArea.cjs");require("../../../../../forms/text-area/styles/TextArea.css.cjs");;/* empty css                                                        */;/* empty css                                                                                                  */;/* empty css                                                                                                           */;/* empty css                                                                                                           */require("../../../../../forms/text-field/TextField.cjs");require("../../../../../forms/text-field/styles/TextField.css.cjs");;/* empty css                                                                                                     */;/* empty css                                                                                                              */;/* empty css                                                                                                              */;/* empty css                                                                      */;/* empty css                                                                   */require("../../../../../forms/_shared/components/helper-text/HelperText.cjs");const s=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const f=require("../../../../../layout/grid/Grid.cjs");require("../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../layout/image/Image.cjs");require("../../../../../layout/image/styles/Image.css.cjs");const W=require("../../../../../layout/separator/Separator.cjs");require("../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../layout/form/Form.cjs");;/* empty css                                                          */require("../../../../../layout/fieldset/Fieldset.cjs");;/* empty css                                                                  */require("../../../../../layout/legend/Legend.cjs");;/* empty css                                                              */require("../../../../../surfaces/accordion/Accordion.cjs");;/* empty css                                                                      */require("../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css                                                                                                          */;/* empty css                                                                                                          */require("../../../../../surfaces/card/Card.cjs");;/* empty css                                                            */;/* empty css                                                                                         */require("../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css                                                                          */;/* empty css                                                                                                                */;/* empty css                                                                                                            */require("../../../../../navigation/tabs/Tabs.cjs");;/* empty css                                                                                             */require("../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../navigation/link/Link.cjs");;/* empty css                                                              */const v=require("../../../../tooltip/Tooltip.cjs");require("../../../../tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                      */require("../../../../dropdown-menu/index.cjs");require("../../../../popover/Popover.cjs");;/* empty css                                                                                */require("../../../../hover-card/HoverCard.cjs");require("../../../../dialog/Dialog.cjs");;/* empty css                                                    */;/* empty css                                                                                   */require("../../../Drawer.cjs");require("../../../styles/Drawer.css.cjs");require("../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../feedback/callout/Callout.cjs");require("../../../../../feedback/callout/styles/Callout.css.cjs");require("../../../../../feedback/callout/components/callout-icon/CalloutIcon.cjs");;/* empty css                                                                                              */require("../../../../../feedback/callout/components/callout-title/CalloutTitle.cjs");require("../../../../../feedback/callout/components/callout-description/CalloutDescription.cjs");require("../../../../../feedback/toast/Toast.cjs");require("../../../../../feedback/toast/styles/Toast.css.cjs");require("../../../../../feedback/toast/components/toast-icon/ToastIcon.cjs");;/* empty css                                                                                        */require("../../../../../feedback/toast/components/toast-title/ToastTitle.cjs");require("../../../../../feedback/toast/components/toast-description/ToastDescription.cjs");require("../../../../../feedback/toast/components/toast-actions/ToastActions.cjs");require("../../../../../feedback/toast/components/toast-close/ToastClose.cjs");require("../../../../../feedback/progress/Progress.cjs");require("../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../feedback/progress/constants/progressColors.const.cjs");const a=require("./constants/index.cjs"),L=require("../../../../../../hooks/use-transition-render/useTransitionRender.hook.cjs"),M=require("../../../../../../theme/contract.css.cjs"),c=C.memo(({label:i,startIcon:d,children:l,trailing:I,sectionLabel:_,"aria-label":m,defaultExpanded:E=!1,expanded:R,onExpandedChange:S,color:T="primary",disabled:p,className:h,style:x,...D})=>{const{open:q,itemAttributes:g,sectionId:t,expanded:o,handleToggle:A}=O.useDrawerSectionItem({defaultExpanded:E,expanded:R,onExpandedChange:S}),r=o,{shouldRenderContent:N,isFadingIn:n}=L.useTransitionRender(q,M.vars.duration.normal);return e.jsxs(w,{className:h,style:x,children:[e.jsx(v,{position:"right",content:i,disabled:q,children:e.jsx("button",{type:"button",disabled:p,"aria-expanded":r,"aria-controls":t,"aria-label":m??(q?void 0:i),className:u.DRAWER_SECTION_ITEM_STYLES.recipe({color:T}),onClick:A,...g,...D,children:e.jsx(j,{label:i,startIcon:d,trailing:I,endChevronIcon:!0,expanded:o})})}),e.jsx(f,{id:t,role:"region","aria-label":_??i,"aria-hidden":!r,inert:!r,gridTemplateRows:r?"1fr":"0fr",className:u.DRAWER_SECTION_ITEM_STYLES.sectionContent,"data-state":r?"open":"closed",children:e.jsxs(s,{flexDirection:"row",minHeight:0,minWidth:0,paddingBottom:r?"xs":"none",overflow:r?"visible":"hidden",gap:"none",className:u.DRAWER_SECTION_ITEM_STYLES.sectionInner,children:[N&&e.jsx(W,{orientation:"vertical","data-state":n?"open":"closed",marginRight:n?a.DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT:"none",marginLeft:n?a.DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT:"none",className:u.DRAWER_SECTION_ITEM_STYLES.sectionSeparator}),e.jsx(s,{flexDirection:"column",minHeight:0,gap:"none",width:"100%",children:l})]})})]})});c.displayName="Drawer.SectionItem";module.exports=c;
+"use strict";const e=require("react/jsx-runtime"),C=require("react"),w=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");require("../_shared/styles/DrawerItemShared.css.cjs");require("../../../context/Drawer.context.cjs");const j=require("../_shared/components/drawer-item-content/DrawerItemContent.cjs"),u=require("./styles/DrawerSectionItem.css.cjs"),O=require("./hooks/use-drawer-section-item/useDrawerSectionItem.hook.cjs");require("../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../data-display/avatar/Avatar.cjs");require("../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../data-display/badge/Badge.cjs");require("../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../data-display/rich-text-renderer/RichTextRenderer.cjs");;/* empty css                                                    */;/* empty css                                                                                          */require("../../../../../data-display/table/Table.cjs");require("../../../../../data-display/table/styles/Table.css.cjs");;/* empty css                                                                                                */;/* empty css                                                                                            */;/* empty css                                                                                                */require("../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css                                                                                                  */require("../../../../../actions/button/Button.cjs");require("../../../../../actions/button/styles/Button.css.cjs");require("../../../../../actions/icon-button/IconButton.cjs");require("../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../actions/toggle/Toggle.cjs");require("../../../../../actions/toggle/styles/Toggle.css.cjs");require("../../../../../actions/toggle-group/ToggleGroup.cjs");require("../../../../../actions/toggle-group/styles/ToggleGroup.css.cjs");require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../forms/autocomplete/Autocomplete.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                                                                                                */require("../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* 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                                                                                                                */require("../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                                                          */require("../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                                                    */require("../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css                                                                         */require("../../../../../forms/calendar/Calendar.cjs");;/* empty css                                                                     */;/* empty css                                                                                                    */;/* empty css                                                                     */;/* empty css                                                                          */;/* empty css                                                                                                         */;/* empty css                                                                                                       */require("../../../../../forms/checkbox/Checkbox.cjs");;/* empty css                                                                 */require("../../../../../forms/checkbox-group/CheckboxGroup.cjs");require("../../../../../forms/date-picker/DatePicker.cjs");;/* empty css                                                                      */require("../../../../../forms/radio-group/RadioGroup.cjs");;/* empty css                                                                                           */require("../../../../../forms/rich-text-editor/RichTextEditor.cjs");require("../../../../../forms/rich-text-editor/RichTextEditorField.cjs");;/* empty css                                                                               */require("../../../../../forms/rich-text-editor/constants/richTextColorPalettes.const.cjs");require("../../../../../forms/rich-text-editor/constants/richTextFontSizes.const.cjs");require("../../../../../forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                                        */;/* empty css                                                                                                                      */require("../../../../../forms/select/Select.cjs");require("../../../../../forms/select/components/select-trigger/SelectTrigger.cjs");require("../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../forms/select/components/select-content/SelectContent.cjs");;/* empty css                                                                                              */require("../../../../../forms/select/components/select-list/SelectList.cjs");require("../../../../../forms/select/components/select-group/SelectGroup.cjs");require("../../../../../forms/select/components/select-label/SelectLabel.cjs");;/* empty css                                                                                          */require("../../../../../forms/select/components/select-item/SelectItem.cjs");;/* empty css                                                                                        */require("../../../../../forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css                                                                                                  */require("../../../../../forms/select/components/select-field/SelectField.cjs");;/* empty css                                                             */require("../../../../../forms/slider/Slider.cjs");;/* empty css                                                             */require("../../../../../forms/switch/Switch.cjs");require("../../../../../forms/switch/styles/Switch.css.cjs");require("../../../../../forms/text-area/TextArea.cjs");require("../../../../../forms/text-area/styles/TextArea.css.cjs");;/* empty css                                                                                                  */;/* empty css                                                                                                           */;/* empty css                                                                                                           */require("../../../../../forms/text-field/TextField.cjs");require("../../../../../forms/text-field/styles/TextField.css.cjs");;/* empty css                                                                                                     */;/* empty css                                                                                                              */;/* empty css                                                                                                              */require("../../../../../forms/number-field/NumberField.cjs");;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                   */require("../../../../../forms/_shared/components/helper-text/HelperText.cjs");const s=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const f=require("../../../../../layout/grid/Grid.cjs");require("../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../layout/inset/Inset.cjs");require("../../../../../layout/inset/styles/Inset.css.cjs");require("../../../../../layout/image/Image.cjs");require("../../../../../layout/image/styles/Image.css.cjs");const W=require("../../../../../layout/separator/Separator.cjs");require("../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../layout/form/Form.cjs");;/* empty css                                                          */require("../../../../../layout/fieldset/Fieldset.cjs");;/* empty css                                                                  */require("../../../../../layout/legend/Legend.cjs");;/* empty css                                                              */require("../../../../../surfaces/accordion/Accordion.cjs");;/* empty css                                                                      */require("../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css                                                                                                          */;/* empty css                                                                                                          */require("../../../../../surfaces/card/Card.cjs");;/* empty css                                                            */;/* empty css                                                                                         */require("../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css                                                                          */;/* empty css                                                                                                                */;/* empty css                                                                                                            */require("../../../../../navigation/tabs/Tabs.cjs");;/* empty css                                                                                             */require("../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../navigation/link/Link.cjs");require("../../../../../navigation/link/styles/Link.css.cjs");require("../../../../../navigation/pagination/Pagination.cjs");;/* empty css                                                                          */require("../../../../../navigation/breadcrumbs/Breadcrumbs.cjs");;/* empty css                                                                            */require("../../../../../navigation/stepper/Stepper.cjs");;/* empty css                                                                    */require("../../../../../navigation/step-indicator/StepIndicator.cjs");;/* empty css                                                                                 */const v=require("../../../../tooltip/Tooltip.cjs");require("../../../../tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                      */require("../../../../dropdown-menu/index.cjs");require("../../../../context-menu/ContextMenu.cjs");require("../../../../popover/Popover.cjs");;/* empty css                                                                                */require("../../../../hover-card/HoverCard.cjs");require("../../../../dialog/Dialog.cjs");;/* empty css                                                              */;/* empty css                                                    */;/* empty css                                                                                   */require("../../../../alert-dialog/AlertDialog.cjs");require("../../../Drawer.cjs");require("../../../styles/Drawer.css.cjs");require("../../../../panel/Panel.cjs");;/* empty css                                                  */require("../../../../command/Command.cjs");;/* empty css                                                      */;/* empty css                                                                                  */require("../../../../_shared/components/overlay-backdrop/OverlayBackdrop.cjs");require("../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../feedback/callout/Callout.cjs");require("../../../../../feedback/callout/styles/Callout.css.cjs");;/* empty css                                                                                              */require("../../../../../feedback/toast/Toast.cjs");require("../../../../../feedback/toast/ToastProvider.cjs");require("../../../../../feedback/toast/styles/Toast.css.cjs");;/* empty css                                                                                        */require("../../../../../feedback/progress/Progress.cjs");require("../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../feedback/progress/constants/progressColors.const.cjs");require("../../../../../feedback/empty-state/EmptyState.cjs");;/* empty css                                                                         */require("../../../../../feedback/spinner/Spinner.cjs");require("../../../../../feedback/spinner/styles/Spinner.css.cjs");require("../../../../../feedback/spinner/constants/spinnerColors.const.cjs");const a=require("./constants/index.cjs"),L=require("../../../../../../hooks/use-transition-render/useTransitionRender.hook.cjs"),M=require("../../../../../../theme/contract.css.cjs"),c=C.memo(({label:i,startIcon:d,children:l,trailing:I,sectionLabel:_,"aria-label":m,defaultExpanded:E=!1,expanded:S,onExpandedChange:T,color:R="primary",disabled:p,className:h,style:x,...D})=>{const{open:q,itemAttributes:g,sectionId:t,expanded:o,handleToggle:A}=O.useDrawerSectionItem({defaultExpanded:E,expanded:S,onExpandedChange:T}),r=o,{shouldRenderContent:N,isFadingIn:n}=L.useTransitionRender(q,M.vars.duration.normal);return e.jsxs(w,{className:h,style:x,children:[e.jsx(v,{position:"right",content:i,disabled:q,children:e.jsx("button",{type:"button",disabled:p,"aria-expanded":r,"aria-controls":t,"aria-label":m??(q?void 0:i),className:u.DRAWER_SECTION_ITEM_STYLES.recipe({color:R}),onClick:A,...g,...D,children:e.jsx(j,{label:i,startIcon:d,trailing:I,endChevronIcon:!0,expanded:o})})}),e.jsx(f,{id:t,role:"region","aria-label":_??i,"aria-hidden":!r,inert:!r,gridTemplateRows:r?"1fr":"0fr",className:u.DRAWER_SECTION_ITEM_STYLES.sectionContent,"data-state":r?"open":"closed",children:e.jsxs(s,{flexDirection:"row",minHeight:0,minWidth:0,paddingBottom:r?"xs":"none",overflow:r?"visible":"hidden",gap:"none",className:u.DRAWER_SECTION_ITEM_STYLES.sectionInner,children:[N&&e.jsx(W,{orientation:"vertical","data-state":n?"open":"closed",marginRight:n?a.DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT:"none",marginLeft:n?a.DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT:"none",className:u.DRAWER_SECTION_ITEM_STYLES.sectionSeparator}),e.jsx(s,{flexDirection:"column",minHeight:0,gap:"none",width:"100%",children:l})]})})]})});c.displayName="Drawer.SectionItem";module.exports=c;
 //# sourceMappingURL=DrawerSectionItem.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DrawerSectionItem.cjs","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":"~~w/dAqBMA~~,EAAgDC,EAAAA,KAClD,CAAC,CACG,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,aAAcC,EACd,gBAAAC,EAAkB,GAClB,SAAUC,EACV,iBAAAC,EACA,MAAAC,EAAQ,UACR,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,IACD,CACF,KAAM,CAAE,KAAAC,EAAM,eAAAC,EAAgB,UAAAC,EAAW,SAAAC,EAAU,aAAAC,CAAA,EACrDC,uBAAqB,CACjB,gBAAAb,EACA,SAAUC,EACV,iBAAAC,CAEJ,CAAC,EAGOY,EAAeH,EAKf,CACF,oBAAqBI,EACrB,WAAYC,CAAA,EACZC,EAAAA,oBAAoBT,EAAMU,OAAK,SAAS,MAAM,EAElD,OACIC,EAAAA,KAACC,EAAA,CACG,UAAAf,EACA,MAAAC,EAEA,SAAA,CAAAe,EAAAA,IAACC,EAAA,CACG,SAAU,QACV,QAAS5B,EACT,SAAUc,EAEV,SAAAa,EAAAA,IAAC,SAAA,CACG,KAAM,SACN,SAAAjB,EACA,gBAAeU,EACf,gBAAeJ,EACf,aAAYX,IAAcS,EAAO,OAAYd,GAC7C,UAAW6B,EAAAA,2BAA2B,OAAO,CAAE,MAAApB,EAAO,EACtD,QAASS,EACR,GAAGH,EACH,GAAGF,EAEJ,SAAAc,EAAAA,IAACG,EAAA,CACG,MAAA9B,EACA,UAAAC,EACA,SAAAE,EACA,eAAc,GACd,SAAAc,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,EAGJU,EAAAA,IAACI,EAAA,CACG,GAAIf,EACJ,KAAM,SACN,aAAYZ,GAAgBJ,EAC5B,cAAa,CAACoB,EACd,MAAO,CAACA,EACR,iBAAkBA,EAAe,MAAQ,MACzC,UAAWS,EAAAA,2BAA2B,eACtC,aAAYT,EAAe,OAAS,SAEpC,SAAAK,EAAAA,KAACO,EAAA,CACG,cAAe,MACf,UAAW,EACX,SAAU,EACV,cAAeZ,EAAe,KAAO,OACrC,SAAUA,EAAe,UAAY,SACrC,IAAK,OACL,UAAWS,EAAAA,2BAA2B,aAErC,SAAA,CAAAR,GACGM,EAAAA,IAACM,EAAA,CACG,YAAa,WACb,aAAYX,EAAsB,OAAS,SAC3C,YACIA,EACMY,EAAAA,4CACA,OAEV,WACIZ,EACMa,EAAAA,2CACA,OAEV,UAAWN,EAAAA,2BAA2B,gBAAA,CAAA,EAG9CF,EAAAA,IAACK,EAAA,CACG,cAAe,SACf,UAAW,EACX,IAAK,OACL,MAAO,OAEN,SAAA9B,CAAA,CAAA,CACL,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,CAAA,CAGZ,CACJ,EAEAJ,EAAkB,YAAc"}
1	+ {"version":3,"file":"DrawerSectionItem.cjs","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":"4qhBAqBMA,EAAgDC,EAAAA,KAClD,CAAC,CACG,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,aAAcC,EACd,gBAAAC,EAAkB,GAClB,SAAUC,EACV,iBAAAC,EACA,MAAAC,EAAQ,UACR,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,IACD,CACF,KAAM,CAAE,KAAAC,EAAM,eAAAC,EAAgB,UAAAC,EAAW,SAAAC,EAAU,aAAAC,CAAA,EACrDC,uBAAqB,CACjB,gBAAAb,EACA,SAAUC,EACV,iBAAAC,CAEJ,CAAC,EAGOY,EAAeH,EAKf,CACF,oBAAqBI,EACrB,WAAYC,CAAA,EACZC,EAAAA,oBAAoBT,EAAMU,OAAK,SAAS,MAAM,EAElD,OACIC,EAAAA,KAACC,EAAA,CACG,UAAAf,EACA,MAAAC,EAEA,SAAA,CAAAe,EAAAA,IAACC,EAAA,CACG,SAAU,QACV,QAAS5B,EACT,SAAUc,EAEV,SAAAa,EAAAA,IAAC,SAAA,CACG,KAAM,SACN,SAAAjB,EACA,gBAAeU,EACf,gBAAeJ,EACf,aAAYX,IAAcS,EAAO,OAAYd,GAC7C,UAAW6B,EAAAA,2BAA2B,OAAO,CAAE,MAAApB,EAAO,EACtD,QAASS,EACR,GAAGH,EACH,GAAGF,EAEJ,SAAAc,EAAAA,IAACG,EAAA,CACG,MAAA9B,EACA,UAAAC,EACA,SAAAE,EACA,eAAc,GACd,SAAAc,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,EAGJU,EAAAA,IAACI,EAAA,CACG,GAAIf,EACJ,KAAM,SACN,aAAYZ,GAAgBJ,EAC5B,cAAa,CAACoB,EACd,MAAO,CAACA,EACR,iBAAkBA,EAAe,MAAQ,MACzC,UAAWS,EAAAA,2BAA2B,eACtC,aAAYT,EAAe,OAAS,SAEpC,SAAAK,EAAAA,KAACO,EAAA,CACG,cAAe,MACf,UAAW,EACX,SAAU,EACV,cAAeZ,EAAe,KAAO,OACrC,SAAUA,EAAe,UAAY,SACrC,IAAK,OACL,UAAWS,EAAAA,2BAA2B,aAErC,SAAA,CAAAR,GACGM,EAAAA,IAACM,EAAA,CACG,YAAa,WACb,aAAYX,EAAsB,OAAS,SAC3C,YACIA,EACMY,EAAAA,4CACA,OAEV,WACIZ,EACMa,EAAAA,2CACA,OAEV,UAAWN,EAAAA,2BAA2B,gBAAA,CAAA,EAG9CF,EAAAA,IAACK,EAAA,CACG,cAAe,SACf,UAAW,EACX,IAAK,OACL,MAAO,OAEN,SAAA9B,CAAA,CAAA,CACL,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,CAAA,CAGZ,CACJ,EAEAJ,EAAkB,YAAc"}

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";
+/* 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                                                                                              */
@@ -31,14 +33,10 @@ import "../../../../../actions/button/Button.js";
 import "../../../../../actions/button/styles/Button.css.js";
 import "../../../../../actions/icon-button/IconButton.js";
 import "../../../../../actions/icon-button/styles/IconButton.css.js";
-import "../../../../../actions/toggle-button/ToggleButton.js";
-import "../../../../../actions/toggle-button/styles/ToggleButton.css.js";
-import "../../../../../actions/toggle-icon-button/ToggleIconButton.js";
-import "../../../../../actions/toggle-icon-button/styles/ToggleIconButton.css.js";
-import "../../../../../actions/toggle-button-group/ToggleButtonGroup.js";
-import "../../../../../actions/toggle-button-group/styles/ToggleButtonGroup.css.js";
-import "../../../../../actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.js";
-import "../../../../../actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.js";
+import "../../../../../actions/toggle/Toggle.js";
+import "../../../../../actions/toggle/styles/Toggle.css.js";
+import "../../../../../actions/toggle-group/ToggleGroup.js";
+import "../../../../../actions/toggle-group/styles/ToggleGroup.css.js";
 import "../../../../../foundation/icon/Icon.js";
 import "../../../../../foundation/icon/styles/Icon.css.js";
 import "../../../../../foundation/typography/Typography.js";
@@ -86,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";
@@ -105,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                                                                                                         */
@@ -118,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";
@@ -125,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";
@@ -152,39 +164,54 @@ 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";
 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";
-import "../../../../../feedback/callout/components/callout-icon/CalloutIcon.js";
 /* empty css                                                                                            */
-import "../../../../../feedback/callout/components/callout-title/CalloutTitle.js";
-import "../../../../../feedback/callout/components/callout-description/CalloutDescription.js";
 import "../../../../../feedback/toast/Toast.js";
+import "../../../../../feedback/toast/ToastProvider.js";
 import "../../../../../feedback/toast/styles/Toast.css.js";
-import "../../../../../feedback/toast/components/toast-icon/ToastIcon.js";
 /* empty css                                                                                      */
-import "../../../../../feedback/toast/components/toast-title/ToastTitle.js";
-import "../../../../../feedback/toast/components/toast-description/ToastDescription.js";
-import "../../../../../feedback/toast/components/toast-actions/ToastActions.js";
-import "../../../../../feedback/toast/components/toast-close/ToastClose.js";
 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/constants/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/constants/index.ts"],"sourcesContent":["type ~~PaddingVariant~~ = ~~NonNullable<import(~~'@components/layout/box').~~BoxRecipeVariants[~~'~~paddingLeft']>\~~r\n\r\n/*\r\n Left padding of the drawer section item collapsible content area.\r\n /\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT: PaddingVariant = 'lg2'\r\n\r\n/\r\n Right padding of the drawer section item collapsible content area.\r\n */\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT: PaddingVariant = 'sm'\r\n"],"names":["DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT"],"mappings":"~~gFAKO~~,MAAMA,EAA6D,MAK7DC,EAA8D"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/constants/index.ts"],"sourcesContent":["import type { BoxSpace } from '@components/layout/box/types/Box.types.ts'\r\n\r\ntype PaddingVariant = BoxSpace\r\n\r\n/*\r\n Left padding of the drawer section item collapsible content area.\r\n /\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT: PaddingVariant = 'lg2'\r\n\r\n/\r\n Right padding of the drawer section item collapsible content area.\r\n */\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT: PaddingVariant = 'sm'\r\n"],"names":["DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT"],"mappings":"gFAOO,MAAMA,EAA6D,MAK7DC,EAA8D"}

package/dist/components/overlay/drawer/components/items/drawer-section-item/constants/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { BoxRecipeVariants } from '../../../../../../layout/box';
-type PaddingVariant = NonNullable< BoxRecipeVariants['paddingLeft']>;
+import { BoxSpace } from '../../../../../../layout/box/types/Box.types.ts';
+type PaddingVariant = BoxSpace;
 /**
  * Left padding of the drawer section item collapsible content area.
  */

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/constants/index.ts"],"sourcesContent":["type ~~PaddingVariant~~ = ~~NonNullable<import(~~'@components/layout/box').~~BoxRecipeVariants[~~'~~paddingLeft']>\~~r\n\r\n/*\r\n Left padding of the drawer section item collapsible content area.\r\n /\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT: PaddingVariant = 'lg2'\r\n\r\n/\r\n Right padding of the drawer section item collapsible content area.\r\n */\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT: PaddingVariant = 'sm'\r\n"],"names":["DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT"],"mappings":"~~AAKO~~,MAAMA,IAA6D,OAK7DC,IAA8D;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/constants/index.ts"],"sourcesContent":["import type { BoxSpace } from '@components/layout/box/types/Box.types.ts'\r\n\r\ntype PaddingVariant = BoxSpace\r\n\r\n/*\r\n Left padding of the drawer section item collapsible content area.\r\n /\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT: PaddingVariant = 'lg2'\r\n\r\n/\r\n Right padding of the drawer section item collapsible content area.\r\n */\r\nexport const DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT: PaddingVariant = 'sm'\r\n"],"names":["DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT"],"mappings":"AAOO,MAAMA,IAA6D,OAK7DC,IAA8D;"}

package/dist/components/overlay/drawer/components/variants/drawer-inline/types/DrawerInline.props.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-import { DrawerRecipeVariants } from '../../../../styles/Drawer.css.ts';
-import { DrawerSize } from '../../../../types';
+import { DrawerColor, DrawerSize } from '../../../../types';
 /** Props for the inline drawer renderer. */
 export type DrawerInlineProps = HTMLAttributes<HTMLDivElement> & {
     /** Current open state. */
@@ -10,7 +9,7 @@ export type DrawerInlineProps = HTMLAttributes<HTMLDivElement> & {
     /** Maps a size preset to a CSS width value. */
     sizeWidthMap: Record<DrawerSize, string>;
     /** Theme color token applied to the drawer panel background. */
-    backgroundColor?: DrawerRecipeVariants['backgroundColor'];
+    backgroundColor?: DrawerColor;
     /** Accessible name used when no visible title is present. */
     accessibleName: string | undefined;
     /** Accessible labelled-by id. */

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

@@ -1,2 +1,2 @@
-"use strict";const q=require("react/jsx-runtime"),a=require("react"),L=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const s=require("../../../styles/Drawer.css.cjs"),A=require("../../../../../../utils/cn.cjs"),n=require("./styles/DrawerMini.css.cjs"),M=require("./constants/index.cjs"),c=a.memo(({open:r,size:i,sizeWidthMap:t,collapsedWidth:l=M.COLLAPSED_WIDTH,backgroundColor:e,accessibleName:R,ariaLabelledBy:u,children:D,className:E,style:S,...o})=>{const _=a.useMemo(()=>e?s.DRAWER_STYLES.recipe({backgroundColor:e}):void 0,[e]),m=A.cn(s.DRAWER_STYLES.panel,n.DRAWER_MINI_STYLES.panel,!r&&n.DRAWER_MINI_STYLES.closed,s.DRAWER_STYLES.size[i],_,E);return q.jsx(L,{className:m,style:{width:r?t[i]:l,...S},"aria-label":R,"aria-labelledby":u,...o,children:D})});c.displayName="Drawer.Mini";module.exports=c;
+"use strict";const q=require("react/jsx-runtime"),a=require("react"),L=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");const r=require("../../../styles/Drawer.css.cjs"),A=require("../../../../../../utils/cn.cjs"),n=require("./styles/DrawerMini.css.cjs"),M=require("./constants/index.cjs"),c=a.memo(({open:s,size:i,sizeWidthMap:t,collapsedWidth:l=M.COLLAPSED_WIDTH,backgroundColor:e,accessibleName:u,ariaLabelledBy:D,children:E,className:R,style:S,...o})=>{const _=a.useMemo(()=>e?r.DRAWER_STYLES.recipe({backgroundColor:e}):void 0,[e]),m=A.cn(r.DRAWER_STYLES.panel,n.DRAWER_MINI_STYLES.panel,!s&&n.DRAWER_MINI_STYLES.closed,r.DRAWER_STYLES.size[i],_,R);return q.jsx(L,{className:m,style:{width:s?t[i]:l,...S},"aria-label":u,"aria-labelledby":D,...o,children:E})});c.displayName="Drawer.Mini";module.exports=c;
 //# sourceMappingURL=DrawerMini.cjs.map

package/dist/components/overlay/drawer/components/variants/drawer-mini/types/DrawerMini.props.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-import { DrawerRecipeVariants } from '../../../../styles/Drawer.css.ts';
-import { DrawerSize } from '../../../../types';
+import { DrawerColor, DrawerSize } from '../../../../types';
 /** Props for the inline drawer renderer. */
 export type DrawerMiniProps = HTMLAttributes<HTMLDivElement> & {
     /** Current open state. */
@@ -12,7 +11,7 @@ export type DrawerMiniProps = HTMLAttributes<HTMLDivElement> & {
     /** Width applied when the drawer is collapsed. @default '4rem' */
     collapsedWidth?: string;
     /** Theme color token applied to the drawer panel background. */
-    backgroundColor?: DrawerRecipeVariants['backgroundColor'];
+    backgroundColor?: DrawerColor;
     /** Accessible name used when no visible title is present. */
     accessibleName?: string;
     /** Accessible labelled-by id. */

package/dist/components/overlay/drawer/components/variants/drawer-portal/types/DrawerPortal.props.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { DrawerRecipeVariants } from '../../../../styles/Drawer.css.ts';
-import { DrawerPosition, DrawerSize } from '../../../../types';
+import { DrawerColor, DrawerPosition, DrawerSize } from '../../../../types';
 /** Props for the portal drawer renderer. */
 export type DrawerPortalProps = HTMLAttributes<HTMLDivElement> & {
     /** Current open state. */
@@ -14,7 +13,7 @@ export type DrawerPortalProps = HTMLAttributes<HTMLDivElement> & {
     /** Whether to render the backdrop. @default true */
     withBackdrop?: boolean;
     /** Theme color token applied to the drawer panel background. */
-    backgroundColor?: DrawerRecipeVariants['backgroundColor'];
+    backgroundColor?: DrawerColor;
     /** Accessible name used when no visible title is present. */
     accessibleName: string | undefined;
     /** Accessible labelled-by id. */

package/dist/components/overlay/drawer/hooks/use-drawer/useDrawer.hook.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),O=require("../../constants/drawerModes.const.cjs"),R=({open:c,defaultOpen:v=!1,onOpenChange:s,mode:d=O.DRAWER_MODES.portal,position:t="left",size:l="md",withBackdrop:S,backgroundColor:w,defaultAriaLabel:y="Drawer",children:m,className:p,style:D,"aria-label":i,"aria-labelledby":W,titleId:n,...e})=>{const[f,g]=r.useState(v),a=c!==void 0?c:f,o=r.useCallback(h=>{g(h),s?.(h)},[s]),B=r.useMemo(()=>({open:a,onOpenChange:o,mode:d,position:t,size:l,titleId:n,collapsedWidth:"collapsedWidth"in e&&typeof e.collapsedWidth=="string"?e.collapsedWidth:void 0}),[a,o,d,t,l,n,e]),u=i?void 0:W??n,b=i??(u?void 0:y),M={open:a,position:t,size:l,backgroundColor:w,accessibleName:b,ariaLabelledBy:u,children:m,className:p,style:D,...e};return{isOpen:a,handleOpenChange:o,contextValue:B,accessibleName:b,commonRendererProps:M}};exports.useDrawer=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),O=require("../../constants/drawerModes.const.cjs"),S=({open:c,defaultOpen:v=!1,onOpenChange:s,mode:d=O.DRAWER_MODES.portal,position:t="left",size:r="md",withBackdrop:k,backgroundColor:w,defaultAriaLabel:y="Drawer",children:m,className:p,style:D,"aria-label":i,"aria-labelledby":W,titleId:l,...e})=>{const[f,g]=o.useState(v),a=c!==void 0?c:f,n=o.useCallback(h=>{g(h),s?.(h)},[s]),B=o.useMemo(()=>({open:a,onOpenChange:n,mode:d,position:t,size:r,titleId:l,collapsedWidth:"collapsedWidth"in e&&typeof e.collapsedWidth=="string"?e.collapsedWidth:void 0}),[a,n,d,t,r,l,e]),u=i?void 0:W??l,b=i??(u?void 0:y),M={open:a,position:t,size:r,backgroundColor:w,accessibleName:b,ariaLabelledBy:u,children:m,className:p,style:D,...e};return{isOpen:a,handleOpenChange:n,contextValue:B,accessibleName:b,commonRendererProps:M}};exports.useDrawer=S;
 //# sourceMappingURL=useDrawer.hook.cjs.map

package/dist/components/overlay/drawer/index.d.ts CHANGED Viewed

@@ -2,10 +2,11 @@ export { Drawer } from './Drawer.tsx';
 export { DRAWER_STYLES } from './styles/Drawer.css.ts';
 export { DRAWER_ITEM_STYLES } from './components/items/_shared';
 export type { DrawerProps } from './types/Drawer.props.ts';
-export type { DrawerMode, DrawerPosition, DrawerSize, } from './types/Drawer.types.ts';
+export type { DrawerColor, DrawerMode, DrawerPosition, DrawerSize, } from './types/Drawer.types.ts';
 export type { DrawerHeaderProps } from './components/blocs/drawer-header/types/DrawerHeader.props.ts';
 export type { DrawerBodyProps } from './components/blocs/drawer-body/types/DrawerBody.props.ts';
 export type { DrawerFooterProps } from './components/blocs/drawer-footer/types/DrawerFooter.props.ts';
+export type { DrawerSectionProps } from './components/blocs/drawer-section/types/DrawerSection.props.ts';
 export type { DrawerNavItemProps } from './components/items/drawer-nav-item/types/DrawerNavItem.props.ts';
 export type { DrawerActionItemProps } from './components/items/drawer-action-item/types/DrawerActionItem.props.ts';
 export type { DrawerSectionItemProps } from './components/items/drawer-section-item/types/DrawerSectionItem.props.ts';

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

@@ -1,7 +1,4 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
-declare const recipeStyles: RuntimeFn<{
-    backgroundColor: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
-}>;
+import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const DRAWER_STYLES: {
     panel: string;
     size: {
@@ -16,5 +13,3 @@ export declare const DRAWER_STYLES: {
         backgroundColor: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
     }>;
 };
-export type DrawerRecipeVariants = NonNullable<RecipeVariants<typeof recipeStyles>>;
-export {};

package/dist/components/overlay/drawer/types/Drawer.props.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { DrawerRecipeVariants } from '../styles/Drawer.css.ts';
-import { DrawerMode, DrawerPosition, DrawerSize } from './Drawer.types.ts';
+import { DrawerColor, DrawerMode, DrawerPosition, DrawerSize } from './Drawer.types.ts';
 /** Props for the root `Drawer` component. */
 export type DrawerProps = HTMLAttributes<HTMLDivElement> & {
     /** Controlled open state. */
@@ -20,7 +19,7 @@ export type DrawerProps = HTMLAttributes<HTMLDivElement> & {
     /** Width applied when the drawer is collapsed in `mini` mode. @default '4rem' */
     collapsedWidth?: string;
     /** Theme color token applied to the drawer panel background. */
-    backgroundColor?: DrawerRecipeVariants['backgroundColor'];
+    backgroundColor?: DrawerColor;
     /** Accessible name used when no visible title is present. @default 'Drawer' */
     defaultAriaLabel?: string;
     /** Drawer content — typically `Drawer.Header`, `Drawer.Body`, `Drawer.Footer`. */

package/dist/components/overlay/drawer/types/Drawer.types.d.ts CHANGED Viewed

@@ -1,7 +1,10 @@
 import { DRAWER_MODES, DRAWER_POSITIONS, DRAWER_SIZES } from '../constants';
+import { ThemeColorValue } from '../../../../theme/types/index.ts';
 /** Render mode for the drawer. */
 export type DrawerMode = (typeof DRAWER_MODES)[keyof typeof DRAWER_MODES];
 /** Side the drawer attaches to. */
 export type DrawerPosition = (typeof DRAWER_POSITIONS)[keyof typeof DRAWER_POSITIONS];
 /** Predefined width for the drawer. */
 export type DrawerSize = (typeof DRAWER_SIZES)[keyof typeof DRAWER_SIZES];
+/** Theme color token used for the drawer panel background. */
+export type DrawerColor = ThemeColorValue;

package/dist/components/overlay/drawer/types/index.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@ export type DrawerCompound = FC<DrawerProps> & {
     SectionItem: typeof DrawerSectionItem;
 };
 export type { DrawerProps } from './Drawer.props.ts';
-export type { DrawerMode, DrawerPosition, DrawerSize, } from './Drawer.types.ts';
+export type { DrawerColor, DrawerMode, DrawerPosition, DrawerSize, } from './Drawer.types.ts';
 export type { DrawerHeaderProps } from '../components/blocs/drawer-header/types/DrawerHeader.props.ts';
 export type { DrawerBodyProps } from '../components/blocs/drawer-body/types/DrawerBody.props.ts';
 export type { DrawerFooterProps } from '../components/blocs/drawer-footer/types/DrawerFooter.props.ts';

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"}