@ifhover/leaf-ui 0.6.0 → 0.7.0

package/dist/cjs/browser/modules/config-provider/component-defaults.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider/component-defaults.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/config-provider/component-defaults.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { HTMLAttributes } from 'react';\nimport { createContext, useContext } from 'react';\nimport type { AlertProps } from '../alert/alert';\nimport type { AffixProps, AnchorProps } from '../anchor/anchor';\nimport type { AppBarProps, BottomNavigationProps, ToolbarProps } from '../appbar/appbar';\nimport type { AutoCompleteProps } from '../autocomplete/autocomplete';\nimport type { AvatarProps } from '../avatar/avatar';\nimport type { AvatarGroupProps } from '../avatar/group';\nimport type { BackTopProps } from '../backtop/backtop';\nimport type { BadgeProps } from '../badge/badge';\nimport type { BreadcrumbProps } from '../breadcrumb/breadcrumb';\nimport type { ButtonProps } from '../button/button';\nimport type { ButtonGroupProps, SplitButtonProps } from '../button/group';\nimport type { CalendarProps } from '../calendar/calendar';\nimport type { CardProps } from '../card/card';\nimport type { CarouselProps } from '../carousel/carousel';\nimport type { CascaderProps } from '../cascader/cascader';\nimport type { CheckboxProps } from '../checkbox/checkbox';\nimport type { CheckboxGroupProps } from '../checkbox/group';\nimport type { CollapseProps } from '../collapse/collapse';\nimport type { ColorPickerProps } from '../colorpicker/colorpicker';\nimport type { CommandPaletteProps } from '../commandpalette/commandpalette';\nimport type { ConfirmOptions } from '../confirm/confirm';\nimport type { DatePickerProps } from '../datepicker/datepicker';\nimport type { DateRangePickerProps } from '../daterangepicker/daterangepicker';\nimport type { DateTimePickerProps } from '../datetimepicker/datetimepicker';\nimport type { DescriptionsProps } from '../descriptions/descriptions';\nimport type { DividerProps } from '../divider/divider';\nimport type { DrawerProps } from '../drawer/drawer';\nimport type { DropdownProps } from '../dropdown/dropdown';\nimport type { EmptyProps } from '../empty/empty';\nimport type { ErrorBoundaryProps } from '../errorboundary/errorboundary';\nimport type { FileListProps } from '../filelist/filelist';\nimport type { FlexProps } from '../flex/flex';\nimport type { FloatButtonGroupProps, FloatButtonProps } from '../floatbutton/floatbutton';\nimport type {\n  FormErrorSummaryProps,\n  FormFieldProps,\n  FormGroupProps,\n  FormProps,\n} from '../form/form';\nimport type { FormListProps } from '../form/list';\nimport type { ColProps, GridProps, RowProps } from '../grid/grid';\nimport type { ImagePreviewGroupProps, ImagePreviewProps, ImageProps } from '../image/image';\nimport type { InfiniteScrollProps } from '../infinitescroll/infinitescroll';\nimport type { InputGroupProps, InputSearchProps } from '../input/group';\nimport type { InputProps } from '../input/input';\nimport type { InputMaskProps } from '../inputmask/inputmask';\nimport type { InputNumberProps } from '../inputnumber/inputnumber';\nimport type { InputOTPProps } from '../inputotp/inputotp';\nimport type { LayoutProps, LayoutSiderProps } from '../layout/layout';\nimport type { LoadingProps } from '../loading/loading';\nimport type { LoadingBarProps } from '../loadingbar/loadingbar';\nimport type { MasonryProps } from '../masonry/masonry';\nimport type { MentionsProps } from '../mentions/mentions';\nimport type { MenuProps } from '../menu/menu';\nimport type { MessageOptions, MessageProps } from '../message/message';\nimport type { ModalProps } from '../modal/modal';\nimport type { NotificationOptions, NotificationProps } from '../notification/notification';\nimport type { PaginationProps } from '../pagination/pagination';\nimport type { PopconfirmProps } from '../popconfirm/popconfirm';\nimport type { PopoverProps } from '../popover/popover';\nimport type { ProgressProps } from '../progress/progress';\nimport type { QRCodeProps } from '../qrcode/qrcode';\nimport type { RadioGroupProps, RadioProps } from '../radio/radio';\nimport type { RateProps } from '../rate/rate';\nimport type { ResultProps } from '../result/result';\nimport type { ScrollAreaProps } from '../scrollarea/scrollarea';\nimport type { ScrollbarProps } from '../scrollbar/scrollbar';\nimport type { SegmentedProps } from '../segmented/segmented';\nimport type { SelectProps } from '../select/select';\nimport type { SkeletonProps } from '../skeleton/skeleton';\nimport type { SliderProps } from '../slider/slider';\nimport type { SpaceProps } from '../space/space';\nimport type { SplitterProps } from '../splitter/splitter';\nimport type { CountdownProps, StatisticProps } from '../statistic/statistic';\nimport type { StepsProps } from '../steps/steps';\nimport type { SwitchProps } from '../switch/switch';\nimport type {\n  TableCellProps,\n  TableColumnHeaderProps,\n  TableErrorProps,\n  TableProps,\n  TableRowProps,\n  TableStateProps,\n} from '../table/table';\nimport type {\n  DataTableColumnVisibilityProps,\n  DataTableContentProps,\n  DataTablePaginationProps,\n  DataTablePresentationProps,\n  DataTableSearchProps,\n} from '../tabletanstack/defaults';\nimport type { TabsProps } from '../tabs/tabs';\nimport type { CheckableTagProps, TagGroupProps } from '../tag/group';\nimport type { TagProps } from '../tag/tag';\nimport type { TextareaProps } from '../textarea/textarea';\nimport type { TimelineProps } from '../timeline/timeline';\nimport type { TimePickerProps } from '../timepicker/timepicker';\nimport type { TimeRangePickerProps } from '../timerangepicker/timerangepicker';\nimport type { TooltipProps } from '../tooltip/tooltip';\nimport type { TourProps } from '../tour/tour';\nimport type { TransferProps } from '../transfer/transfer';\nimport type { TreeProps } from '../tree/tree';\nimport type { TreeSelectProps } from '../treeselect/treeselect';\nimport type {\n  LinkProps,\n  ParagraphProps,\n  TextProps,\n  TitleProps,\n  TypographyProps,\n} from '../typography/typography';\nimport type { UploadProps } from '../upload/upload';\nimport type { VirtualListProps } from '../virtuallist/virtuallist';\n\n/** Only props independent of the caller's item type can cross a generic component boundary. */\ntype GenericComponentName = 'FormList' | 'VirtualList' | 'DataTable';\n\n/** Full public props keep each hook key tied to its component, including Select's union. */\ninterface ComponentPropsMap {\n  Affix: AffixProps;\n  Alert: AlertProps;\n  Anchor: AnchorProps;\n  AppBar: AppBarProps;\n  AutoComplete: AutoCompleteProps;\n  Avatar: AvatarProps;\n  AvatarGroup: AvatarGroupProps;\n  BackTop: BackTopProps;\n  Badge: BadgeProps;\n  BottomNavigation: BottomNavigationProps;\n  Breadcrumb: BreadcrumbProps;\n  Button: ButtonProps;\n  ButtonGroup: ButtonGroupProps;\n  Calendar: CalendarProps;\n  Card: CardProps;\n  Carousel: CarouselProps;\n  Cascader: CascaderProps;\n  CheckableTag: CheckableTagProps;\n  Checkbox: CheckboxProps;\n  CheckboxGroup: CheckboxGroupProps;\n  Col: ColProps;\n  Collapse: CollapseProps;\n  ColorPicker: ColorPickerProps;\n  CommandPalette: CommandPaletteProps;\n  Confirm: ConfirmOptions;\n  Countdown: CountdownProps;\n  DataTableColumnVisibility: DataTableColumnVisibilityProps;\n  DataTableContent: DataTableContentProps;\n  DataTableFooter: HTMLAttributes<HTMLDivElement>;\n  DataTablePagination: DataTablePaginationProps;\n  DataTableSearch: DataTableSearchProps;\n  DataTableToolbar: HTMLAttributes<HTMLDivElement>;\n  DatePicker: DatePickerProps;\n  DateRangePicker: DateRangePickerProps;\n  DateTimePicker: DateTimePickerProps;\n  Descriptions: DescriptionsProps;\n  Divider: DividerProps;\n  Drawer: DrawerProps;\n  Dropdown: DropdownProps;\n  Empty: EmptyProps;\n  ErrorBoundary: ErrorBoundaryProps;\n  FileList: FileListProps;\n  Flex: FlexProps;\n  FloatButton: FloatButtonProps;\n  FloatButtonGroup: FloatButtonGroupProps;\n  Form: FormProps;\n  FormErrorSummary: FormErrorSummaryProps;\n  FormField: FormFieldProps;\n  FormGroup: FormGroupProps;\n  Grid: GridProps;\n  Image: ImageProps;\n  ImagePreview: ImagePreviewProps;\n  ImagePreviewGroup: ImagePreviewGroupProps;\n  InfiniteScroll: InfiniteScrollProps;\n  Input: InputProps;\n  InputGroup: InputGroupProps;\n  InputMask: InputMaskProps;\n  InputNumber: InputNumberProps;\n  InputOTP: InputOTPProps;\n  InputSearch: InputSearchProps;\n  Layout: LayoutProps;\n  LayoutContent: HTMLAttributes<HTMLElement>;\n  LayoutFooter: HTMLAttributes<HTMLElement>;\n  LayoutHeader: HTMLAttributes<HTMLElement>;\n  LayoutSider: LayoutSiderProps;\n  Link: LinkProps;\n  Loading: LoadingProps;\n  LoadingBar: LoadingBarProps;\n  Masonry: MasonryProps;\n  Mentions: MentionsProps;\n  Menu: MenuProps;\n  Message: MessageProps;\n  Modal: ModalProps;\n  Notification: NotificationProps;\n  Pagination: PaginationProps;\n  Paragraph: ParagraphProps;\n  Popconfirm: PopconfirmProps;\n  Popover: PopoverProps;\n  Progress: ProgressProps;\n  QRCode: QRCodeProps;\n  Radio: RadioProps;\n  RadioGroup: RadioGroupProps;\n  Rate: RateProps;\n  Result: ResultProps;\n  Row: RowProps;\n  ScrollArea: ScrollAreaProps;\n  Scrollbar: ScrollbarProps;\n  Segmented: SegmentedProps;\n  Select: SelectProps;\n  Skeleton: SkeletonProps;\n  Slider: SliderProps;\n  Space: SpaceProps;\n  SplitButton: SplitButtonProps;\n  Splitter: SplitterProps;\n  Statistic: StatisticProps;\n  Steps: StepsProps;\n  Switch: SwitchProps;\n  Table: TableProps;\n  TableBody: HTMLAttributes<HTMLTableSectionElement>;\n  TableCaption: HTMLAttributes<HTMLTableCaptionElement>;\n  TableCell: TableCellProps;\n  TableColumnHeader: TableColumnHeaderProps;\n  TableEmpty: TableStateProps;\n  TableError: TableErrorProps;\n  TableFooter: HTMLAttributes<HTMLTableSectionElement>;\n  TableHeader: HTMLAttributes<HTMLTableSectionElement>;\n  TableLoading: TableStateProps;\n  TableRow: TableRowProps;\n  Tabs: TabsProps;\n  Tag: TagProps;\n  TagGroup: TagGroupProps;\n  Text: TextProps;\n  Textarea: TextareaProps;\n  Timeline: TimelineProps;\n  TimePicker: TimePickerProps;\n  TimeRangePicker: TimeRangePickerProps;\n  Title: TitleProps;\n  Toolbar: ToolbarProps;\n  Tooltip: TooltipProps;\n  Tour: TourProps;\n  Transfer: TransferProps;\n  Tree: TreeProps;\n  TreeSelect: TreeSelectProps;\n  Typography: TypographyProps;\n  Upload: UploadProps;\n}\n\n/** Default props for supported components; null clears that component's inherited defaults. */\nexport interface LeafComponentDefaults {\n  Affix?: Partial<Omit<AffixProps, 'key' | 'ref'>> | null;\n  Alert?: Partial<Omit<AlertProps, 'key' | 'ref' | 'title'>> | null;\n  Anchor?: Partial<Omit<AnchorProps, 'key' | 'ref' | 'items'>> | null;\n  AppBar?: Partial<Omit<AppBarProps, 'key' | 'ref'>> | null;\n  AutoComplete?: Partial<Omit<AutoCompleteProps, 'key' | 'ref' | 'options'>> | null;\n  Avatar?: Partial<Omit<AvatarProps, 'key' | 'ref'>> | null;\n  AvatarGroup?: Partial<Omit<AvatarGroupProps, 'key' | 'ref'>> | null;\n  BackTop?: Partial<Omit<BackTopProps, 'key' | 'ref'>> | null;\n  Badge?: Partial<Omit<BadgeProps, 'key' | 'ref'>> | null;\n  BottomNavigation?: Partial<Omit<BottomNavigationProps, 'key' | 'ref' | 'items'>> | null;\n  Breadcrumb?: Partial<Omit<BreadcrumbProps, 'key' | 'ref' | 'items'>> | null;\n  Button?: Partial<Omit<ButtonProps, 'key' | 'ref'>> | null;\n  ButtonGroup?: Partial<Omit<ButtonGroupProps, 'key' | 'ref'>> | null;\n  Calendar?: Partial<Omit<CalendarProps, 'key' | 'ref'>> | null;\n  Card?: Partial<Omit<CardProps, 'key' | 'ref'>> | null;\n  Carousel?: Partial<Omit<CarouselProps, 'key' | 'ref'>> | null;\n  Cascader?: Partial<\n    Omit<\n      CascaderProps,\n      'key' | 'ref' | 'options' | 'multiple' | 'value' | 'defaultValue' | 'onChange'\n    >\n  > | null;\n  CheckableTag?: Partial<Omit<CheckableTagProps, 'key' | 'ref'>> | null;\n  Checkbox?: Partial<Omit<CheckboxProps, 'key' | 'ref'>> | null;\n  CheckboxGroup?: Partial<Omit<CheckboxGroupProps, 'key' | 'ref' | 'options'>> | null;\n  Col?: Partial<Omit<ColProps, 'key' | 'ref'>> | null;\n  Collapse?: Partial<Omit<CollapseProps, 'key' | 'ref' | 'items'>> | null;\n  ColorPicker?: Partial<Omit<ColorPickerProps, 'key' | 'ref'>> | null;\n  CommandPalette?: Partial<Omit<CommandPaletteProps, 'key' | 'ref' | 'items'>> | null;\n  Confirm?: Partial<Omit<ConfirmOptions, 'key' | 'ref'>> | null;\n  Countdown?: Partial<Omit<CountdownProps, 'key' | 'ref' | 'value'>> | null;\n  DataTable?: Partial<Omit<DataTablePresentationProps, 'tableRef'>> | null;\n  DataTableColumnVisibility?: Partial<Omit<DataTableColumnVisibilityProps, 'key' | 'ref'>> | null;\n  DataTableContent?: Partial<Omit<DataTableContentProps, 'key' | 'ref'>> | null;\n  DataTableFooter?: Partial<Omit<HTMLAttributes<HTMLDivElement>, 'key' | 'ref'>> | null;\n  DataTablePagination?: Partial<Omit<DataTablePaginationProps, 'key' | 'ref'>> | null;\n  DataTableSearch?: Partial<Omit<DataTableSearchProps, 'key' | 'ref'>> | null;\n  DataTableToolbar?: Partial<Omit<HTMLAttributes<HTMLDivElement>, 'key' | 'ref'>> | null;\n  DatePicker?: Partial<\n    Omit<DatePickerProps, 'key' | 'ref' | 'multiple' | 'value' | 'defaultValue' | 'onChange'>\n  > | null;\n  DateRangePicker?: Partial<Omit<DateRangePickerProps, 'key' | 'ref'>> | null;\n  DateTimePicker?: Partial<Omit<DateTimePickerProps, 'key' | 'ref'>> | null;\n  Descriptions?: Partial<Omit<DescriptionsProps, 'key' | 'ref' | 'items'>> | null;\n  Divider?: Partial<Omit<DividerProps, 'key' | 'ref'>> | null;\n  Drawer?: Partial<Omit<DrawerProps, 'key' | 'ref' | 'open'>> | null;\n  Dropdown?: Partial<Omit<DropdownProps, 'key' | 'ref' | 'items' | 'children'>> | null;\n  Empty?: Partial<Omit<EmptyProps, 'key' | 'ref'>> | null;\n  ErrorBoundary?: Partial<Omit<ErrorBoundaryProps, 'key' | 'ref'>> | null;\n  FileList?: Partial<Omit<FileListProps, 'key' | 'ref' | 'items'>> | null;\n  Flex?: Partial<Omit<FlexProps, 'key' | 'ref'>> | null;\n  FloatButton?: Partial<Omit<FloatButtonProps, 'key' | 'ref'>> | null;\n  FloatButtonGroup?: Partial<Omit<FloatButtonGroupProps, 'key' | 'ref' | 'actions'>> | null;\n  Form?: Partial<Omit<FormProps, 'key' | 'ref'>> | null;\n  FormErrorSummary?: Partial<Omit<FormErrorSummaryProps, 'key' | 'ref'>> | null;\n  FormField?: Partial<Omit<FormFieldProps, 'key' | 'ref'>> | null;\n  FormGroup?: Partial<Omit<FormGroupProps, 'key' | 'ref'>> | null;\n  FormList?: Partial<\n    Omit<\n      FormListProps<unknown>,\n      'name' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'itemKey'\n    >\n  > | null;\n  Grid?: Partial<Omit<GridProps, 'key' | 'ref'>> | null;\n  Image?: Partial<Omit<ImageProps, 'key' | 'ref'>> | null;\n  ImagePreview?: Partial<\n    Omit<ImagePreviewProps, 'key' | 'ref' | 'items' | 'open' | 'onClose'>\n  > | null;\n  ImagePreviewGroup?: Partial<Omit<ImagePreviewGroupProps, 'key' | 'ref'>> | null;\n  InfiniteScroll?: Partial<\n    Omit<InfiniteScrollProps, 'key' | 'ref' | 'dataLength' | 'hasMore' | 'onLoadMore'>\n  > | null;\n  Input?: Partial<Omit<InputProps, 'key' | 'ref'>> | null;\n  InputGroup?: Partial<Omit<InputGroupProps, 'key' | 'ref'>> | null;\n  InputMask?: Partial<Omit<InputMaskProps, 'key' | 'ref' | 'mask'>> | null;\n  InputNumber?: Partial<\n    Omit<\n      InputNumberProps,\n      'key' | 'ref' | 'stringMode' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'\n    >\n  > | null;\n  InputOTP?: Partial<Omit<InputOTPProps, 'key' | 'ref'>> | null;\n  InputSearch?: Partial<Omit<InputSearchProps, 'key' | 'ref'>> | null;\n  Layout?: Partial<Omit<LayoutProps, 'key' | 'ref'>> | null;\n  LayoutContent?: Partial<Omit<HTMLAttributes<HTMLElement>, 'key' | 'ref'>> | null;\n  LayoutFooter?: Partial<Omit<HTMLAttributes<HTMLElement>, 'key' | 'ref'>> | null;\n  LayoutHeader?: Partial<Omit<HTMLAttributes<HTMLElement>, 'key' | 'ref'>> | null;\n  LayoutSider?: Partial<Omit<LayoutSiderProps, 'key' | 'ref'>> | null;\n  Link?: Partial<Omit<LinkProps, 'key' | 'ref'>> | null;\n  Loading?: Partial<Omit<LoadingProps, 'key' | 'ref'>> | null;\n  LoadingBar?: Partial<Omit<LoadingBarProps, 'key' | 'ref' | 'active' | 'progress'>> | null;\n  Masonry?: Partial<Omit<MasonryProps, 'key' | 'ref'>> | null;\n  Mentions?: Partial<Omit<MentionsProps, 'key' | 'ref' | 'options'>> | null;\n  Menu?: Partial<Omit<MenuProps, 'key' | 'ref' | 'items'>> | null;\n  Message?: Partial<Omit<MessageOptions, 'key' | 'content'>> | null;\n  Modal?: Partial<Omit<ModalProps, 'key' | 'ref' | 'open'>> | null;\n  Notification?: Partial<Omit<NotificationOptions, 'key' | 'title'>> | null;\n  Pagination?: Partial<Omit<PaginationProps, 'key' | 'ref' | 'total'>> | null;\n  Paragraph?: Partial<Omit<ParagraphProps, 'key' | 'ref'>> | null;\n  Popconfirm?: Partial<Omit<PopconfirmProps, 'key' | 'ref' | 'children' | 'title'>> | null;\n  Popover?: Partial<Omit<PopoverProps, 'key' | 'ref' | 'children' | 'content'>> | null;\n  Progress?: Partial<Omit<ProgressProps, 'key' | 'ref'>> | null;\n  QRCode?: Partial<Omit<QRCodeProps, 'key' | 'ref' | 'value'>> | null;\n  Radio?: Partial<Omit<RadioProps, 'key' | 'ref'>> | null;\n  RadioGroup?: Partial<Omit<RadioGroupProps, 'key' | 'ref' | 'options'>> | null;\n  Rate?: Partial<Omit<RateProps, 'key' | 'ref'>> | null;\n  Result?: Partial<Omit<ResultProps, 'key' | 'ref'>> | null;\n  Row?: Partial<Omit<RowProps, 'key' | 'ref'>> | null;\n  ScrollArea?: Partial<Omit<ScrollAreaProps, 'key' | 'ref'>> | null;\n  Scrollbar?: Partial<Omit<ScrollbarProps, 'key' | 'ref'>> | null;\n  Segmented?: Partial<Omit<SegmentedProps, 'key' | 'ref' | 'options'>> | null;\n  /** Required data, mode-dependent values and callbacks belong on each Select. */\n  Select?: Partial<\n    Omit<\n      SelectProps,\n      'key' | 'ref' | 'options' | 'multiple' | 'value' | 'defaultValue' | 'onChange'\n    >\n  > | null;\n  Skeleton?: Partial<Omit<SkeletonProps, 'key' | 'ref'>> | null;\n  Slider?: Partial<\n    Omit<SliderProps, 'key' | 'ref' | 'range' | 'value' | 'defaultValue' | 'onChange'>\n  > | null;\n  Space?: Partial<Omit<SpaceProps, 'key' | 'ref'>> | null;\n  SplitButton?: Partial<Omit<SplitButtonProps, 'key' | 'ref' | 'items'>> | null;\n  Splitter?: Partial<Omit<SplitterProps, 'key' | 'ref' | 'panels'>> | null;\n  Statistic?: Partial<Omit<StatisticProps, 'key' | 'ref' | 'value'>> | null;\n  Steps?: Partial<Omit<StepsProps, 'key' | 'ref' | 'items'>> | null;\n  Switch?: Partial<Omit<SwitchProps, 'key' | 'ref'>> | null;\n  Table?: Partial<Omit<TableProps, 'key' | 'ref' | 'scrollRef'>> | null;\n  TableBody?: Partial<Omit<HTMLAttributes<HTMLTableSectionElement>, 'key' | 'ref'>> | null;\n  TableCaption?: Partial<Omit<HTMLAttributes<HTMLTableCaptionElement>, 'key' | 'ref'>> | null;\n  TableCell?: Partial<Omit<TableCellProps, 'key' | 'ref'>> | null;\n  TableColumnHeader?: Partial<Omit<TableColumnHeaderProps, 'key' | 'ref'>> | null;\n  TableEmpty?: Partial<Omit<TableStateProps, 'key' | 'ref'>> | null;\n  TableError?: Partial<Omit<TableErrorProps, 'key' | 'ref'>> | null;\n  TableFooter?: Partial<Omit<HTMLAttributes<HTMLTableSectionElement>, 'key' | 'ref'>> | null;\n  TableHeader?: Partial<Omit<HTMLAttributes<HTMLTableSectionElement>, 'key' | 'ref'>> | null;\n  TableLoading?: Partial<Omit<TableStateProps, 'key' | 'ref'>> | null;\n  TableRow?: Partial<Omit<TableRowProps, 'key' | 'ref'>> | null;\n  Tabs?: Partial<Omit<TabsProps, 'key' | 'ref' | 'items'>> | null;\n  Tag?: Partial<Omit<TagProps, 'key' | 'ref'>> | null;\n  TagGroup?: Partial<Omit<TagGroupProps, 'key' | 'ref' | 'options'>> | null;\n  Text?: Partial<Omit<TextProps, 'key' | 'ref'>> | null;\n  Textarea?: Partial<Omit<TextareaProps, 'key' | 'ref'>> | null;\n  Timeline?: Partial<Omit<TimelineProps, 'key' | 'ref' | 'items'>> | null;\n  TimePicker?: Partial<Omit<TimePickerProps, 'key' | 'ref'>> | null;\n  TimeRangePicker?: Partial<Omit<TimeRangePickerProps, 'key' | 'ref'>> | null;\n  Title?: Partial<Omit<TitleProps, 'key' | 'ref'>> | null;\n  Toolbar?: Partial<Omit<ToolbarProps, 'key' | 'ref'>> | null;\n  Tooltip?: Partial<Omit<TooltipProps, 'key' | 'ref' | 'content' | 'children'>> | null;\n  Tour?: Partial<Omit<TourProps, 'key' | 'ref' | 'open' | 'steps'>> | null;\n  Transfer?: Partial<Omit<TransferProps, 'key' | 'ref' | 'items'>> | null;\n  Tree?: Partial<Omit<TreeProps, 'key' | 'ref' | 'data'>> | null;\n  TreeSelect?: Partial<\n    Omit<\n      TreeSelectProps,\n      | 'key'\n      | 'ref'\n      | 'options'\n      | 'multiple'\n      | 'treeCheckable'\n      | 'value'\n      | 'defaultValue'\n      | 'onChange'\n    >\n  > | null;\n  Typography?: Partial<Omit<TypographyProps, 'key' | 'ref'>> | null;\n  Upload?: Partial<Omit<UploadProps, 'key' | 'ref'>> | null;\n  VirtualList?:\n    | (Partial<\n        Omit<VirtualListProps<unknown>, 'items' | 'itemKey' | 'renderItem' | 'estimateSize'>\n      > & { estimateSize?: number })\n    | null;\n}\n\nexport const ComponentDefaultsContext = createContext<LeafComponentDefaults>({});\n\n/** Supplement missing props without copying unless a defined default is used. */\nexport function mergeComponentProps<Props extends object>(\n  defaults: Partial<Props> | null | undefined,\n  props: Props,\n): Props {\n  if (!defaults) return props;\n  let resolved = props;\n  for (const key of Object.keys(defaults) as (keyof Props)[]) {\n    const value = defaults[key];\n    if (value !== undefined && props[key] === undefined) {\n      if (resolved === props) resolved = { ...props };\n      resolved[key] = value as Props[typeof key];\n    }\n  }\n  return resolved;\n}\n\n/** Merge scopes by component and prop; nested prop values are replaced as a whole. */\nexport function mergeComponentDefaults(\n  parent: LeafComponentDefaults,\n  overrides: LeafComponentDefaults | undefined,\n): LeafComponentDefaults {\n  if (!overrides) return parent;\n  let merged = parent;\n  for (const name of Object.keys(overrides) as (keyof LeafComponentDefaults)[]) {\n    const incoming = overrides[name];\n    if (incoming === undefined) continue;\n    const inherited = parent[name] ?? undefined;\n    if (incoming === null) {\n      if (inherited == null) continue;\n      if (merged === parent) merged = { ...parent };\n      delete merged[name];\n      continue;\n    }\n    let entry = inherited;\n    for (const key of Object.keys(incoming)) {\n      const value = (incoming as Record<string, unknown>)[key];\n      if (\n        value === undefined ||\n        value === (inherited as Record<string, unknown> | undefined)?.[key]\n      )\n        continue;\n      if (entry === inherited) entry = { ...inherited };\n      (entry as Record<string, unknown>)[key] = value;\n    }\n    if (entry !== inherited) {\n      if (merged === parent) merged = { ...parent };\n      // Each entry remains the same component's props; only the dynamic key loses that relation.\n      (merged as Record<string, object | undefined>)[name] = entry;\n    }\n  }\n  return merged;\n}\n\nexport function useComponentProps<Name extends keyof ComponentPropsMap>(\n  name: Name,\n  props: ComponentPropsMap[Name],\n): ComponentPropsMap[Name] {\n  const defaults = useContext(ComponentDefaultsContext)[name];\n  return mergeComponentProps(\n    defaults as Partial<ComponentPropsMap[Name]> | null | undefined,\n    props,\n  );\n}\n\n/** Generic owners merge this type-independent projection into their own complete props. */\nexport function useGenericComponentDefaults<Name extends GenericComponentName>(name: Name) {\n  return useContext(ComponentDefaultsContext)[name];\n}\n\n/** Read defaults for an API request without invoking hooks from the request callback. */\nexport function useComponentDefaults<Name extends keyof LeafComponentDefaults>(name: Name) {\n  return useContext(ComponentDefaultsContext)[name];\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ComponentDefaultsContext","createContext","mergeComponentProps","defaults","props","resolved","value","undefined","mergeComponentDefaults","parent","overrides","merged","name","incoming","inherited","entry","useComponentProps","useContext","useGenericComponentDefaults","useComponentDefaults"],"mappings":"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"}
+{"version":3,"file":"config-provider/component-defaults.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/config-provider/component-defaults.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { HTMLAttributes } from 'react';\nimport { createContext, useContext } from 'react';\nimport type { AlertProps } from '../alert/alert';\nimport type { AffixProps, AnchorProps } from '../anchor/anchor';\nimport type { AppBarProps, BottomNavigationProps, ToolbarProps } from '../appbar/appbar';\nimport type { AutoCompleteProps } from '../autocomplete/autocomplete';\nimport type { AvatarProps } from '../avatar/avatar';\nimport type { AvatarGroupProps } from '../avatar/group';\nimport type { BackTopProps } from '../backtop/backtop';\nimport type { BadgeProps } from '../badge/badge';\nimport type { BreadcrumbProps } from '../breadcrumb/breadcrumb';\nimport type { ButtonProps } from '../button/button';\nimport type { ButtonGroupProps, SplitButtonProps } from '../button/group';\nimport type { CalendarProps } from '../calendar/calendar';\nimport type { CardProps } from '../card/card';\nimport type { CarouselProps } from '../carousel/carousel';\nimport type { CascaderProps } from '../cascader/cascader';\nimport type { CheckboxProps } from '../checkbox/checkbox';\nimport type { CheckboxGroupProps } from '../checkbox/group';\nimport type { CollapseProps } from '../collapse/collapse';\nimport type { ColorPickerProps } from '../colorpicker/colorpicker';\nimport type { CommandPaletteProps } from '../commandpalette/commandpalette';\nimport type { ConfirmOptions } from '../confirm/confirm';\nimport type { DatePickerProps } from '../datepicker/datepicker';\nimport type { DateRangePickerProps } from '../daterangepicker/daterangepicker';\nimport type { DateTimePickerProps } from '../datetimepicker/datetimepicker';\nimport type { DescriptionsProps } from '../descriptions/descriptions';\nimport type { DividerProps } from '../divider/divider';\nimport type { DrawerProps } from '../drawer/drawer';\nimport type { DropdownProps } from '../dropdown/dropdown';\nimport type { EmptyProps } from '../empty/empty';\nimport type { ErrorBoundaryProps } from '../errorboundary/errorboundary';\nimport type { FileListProps } from '../filelist/filelist';\nimport type { FlexProps } from '../flex/flex';\nimport type { FloatButtonGroupProps, FloatButtonProps } from '../floatbutton/floatbutton';\nimport type {\n  FormErrorSummaryProps,\n  FormFieldProps,\n  FormGroupProps,\n  FormProps,\n} from '../form/form';\nimport type { FormListProps } from '../form/list';\nimport type { ColProps, GridProps, RowProps } from '../grid/grid';\nimport type { ImagePreviewGroupProps, ImagePreviewProps, ImageProps } from '../image/image';\nimport type { InfiniteScrollProps } from '../infinitescroll/infinitescroll';\nimport type { InputGroupProps, InputSearchProps } from '../input/group';\nimport type { InputProps } from '../input/input';\nimport type { InputMaskProps } from '../inputmask/inputmask';\nimport type { InputNumberProps } from '../inputnumber/inputnumber';\nimport type { InputOTPProps } from '../inputotp/inputotp';\nimport type { LayoutProps, LayoutSiderProps } from '../layout/layout';\nimport type { LoadingProps } from '../loading/loading';\nimport type { LoadingBarProps } from '../loadingbar/loadingbar';\nimport type { MasonryProps } from '../masonry/masonry';\nimport type { MentionsProps } from '../mentions/mentions';\nimport type { MenuGroupProps, MenuProps } from '../menu/menu';\nimport type { MessageOptions, MessageProps } from '../message/message';\nimport type { ModalProps } from '../modal/modal';\nimport type { NotificationOptions, NotificationProps } from '../notification/notification';\nimport type { PaginationProps } from '../pagination/pagination';\nimport type { PopconfirmProps } from '../popconfirm/popconfirm';\nimport type { PopoverProps } from '../popover/popover';\nimport type { ProgressProps } from '../progress/progress';\nimport type { QRCodeProps } from '../qrcode/qrcode';\nimport type { RadioGroupProps, RadioProps } from '../radio/radio';\nimport type { RateProps } from '../rate/rate';\nimport type { ResultProps } from '../result/result';\nimport type { ScrollAreaProps } from '../scrollarea/scrollarea';\nimport type { ScrollbarProps } from '../scrollbar/scrollbar';\nimport type { SelectProps } from '../select/select';\nimport type { SkeletonProps } from '../skeleton/skeleton';\nimport type { SliderProps } from '../slider/slider';\nimport type { SpaceProps } from '../space/space';\nimport type { SplitterProps } from '../splitter/splitter';\nimport type { CountdownProps, StatisticProps } from '../statistic/statistic';\nimport type { StepsProps } from '../steps/steps';\nimport type { SwitchProps } from '../switch/switch';\nimport type {\n  TableCellProps,\n  TableColumnHeaderProps,\n  TableErrorProps,\n  TableProps,\n  TableRowProps,\n  TableStateProps,\n} from '../table/table';\nimport type {\n  DataTableColumnVisibilityProps,\n  DataTableContentProps,\n  DataTablePaginationProps,\n  DataTablePresentationProps,\n  DataTableSearchProps,\n} from '../tabletanstack/defaults';\nimport type { TabsProps } from '../tabs/tabs';\nimport type { CheckableTagProps, TagGroupProps } from '../tag/group';\nimport type { TagProps } from '../tag/tag';\nimport type { TextareaProps } from '../textarea/textarea';\nimport type { TimelineProps } from '../timeline/timeline';\nimport type { TimePickerProps } from '../timepicker/timepicker';\nimport type { TimeRangePickerProps } from '../timerangepicker/timerangepicker';\nimport type { TooltipProps } from '../tooltip/tooltip';\nimport type { TourProps } from '../tour/tour';\nimport type { TransferProps } from '../transfer/transfer';\nimport type { TreeProps } from '../tree/tree';\nimport type { TreeSelectProps } from '../treeselect/treeselect';\nimport type {\n  LinkProps,\n  ParagraphProps,\n  TextProps,\n  TitleProps,\n  TypographyProps,\n} from '../typography/typography';\nimport type { UploadProps } from '../upload/upload';\nimport type { VirtualListProps } from '../virtuallist/virtuallist';\n\n/** Only props independent of the caller's item type can cross a generic component boundary. */\ntype GenericComponentName = 'FormList' | 'VirtualList' | 'DataTable';\n\n/** Full public props keep each hook key tied to its component, including Select's union. */\ninterface ComponentPropsMap {\n  Affix: AffixProps;\n  Alert: AlertProps;\n  Anchor: AnchorProps;\n  AppBar: AppBarProps;\n  AutoComplete: AutoCompleteProps;\n  Avatar: AvatarProps;\n  AvatarGroup: AvatarGroupProps;\n  BackTop: BackTopProps;\n  Badge: BadgeProps;\n  BottomNavigation: BottomNavigationProps;\n  Breadcrumb: BreadcrumbProps;\n  Button: ButtonProps;\n  ButtonGroup: ButtonGroupProps;\n  Calendar: CalendarProps;\n  Card: CardProps;\n  Carousel: CarouselProps;\n  Cascader: CascaderProps;\n  CheckableTag: CheckableTagProps;\n  Checkbox: CheckboxProps;\n  CheckboxGroup: CheckboxGroupProps;\n  Col: ColProps;\n  Collapse: CollapseProps;\n  ColorPicker: ColorPickerProps;\n  CommandPalette: CommandPaletteProps;\n  Confirm: ConfirmOptions;\n  Countdown: CountdownProps;\n  DataTableColumnVisibility: DataTableColumnVisibilityProps;\n  DataTableContent: DataTableContentProps;\n  DataTableFooter: HTMLAttributes<HTMLDivElement>;\n  DataTablePagination: DataTablePaginationProps;\n  DataTableSearch: DataTableSearchProps;\n  DataTableToolbar: HTMLAttributes<HTMLDivElement>;\n  DatePicker: DatePickerProps;\n  DateRangePicker: DateRangePickerProps;\n  DateTimePicker: DateTimePickerProps;\n  Descriptions: DescriptionsProps;\n  Divider: DividerProps;\n  Drawer: DrawerProps;\n  Dropdown: DropdownProps;\n  Empty: EmptyProps;\n  ErrorBoundary: ErrorBoundaryProps;\n  FileList: FileListProps;\n  Flex: FlexProps;\n  FloatButton: FloatButtonProps;\n  FloatButtonGroup: FloatButtonGroupProps;\n  Form: FormProps;\n  FormErrorSummary: FormErrorSummaryProps;\n  FormField: FormFieldProps;\n  FormGroup: FormGroupProps;\n  Grid: GridProps;\n  Image: ImageProps;\n  ImagePreview: ImagePreviewProps;\n  ImagePreviewGroup: ImagePreviewGroupProps;\n  InfiniteScroll: InfiniteScrollProps;\n  Input: InputProps;\n  InputGroup: InputGroupProps;\n  InputMask: InputMaskProps;\n  InputNumber: InputNumberProps;\n  InputOTP: InputOTPProps;\n  InputSearch: InputSearchProps;\n  Layout: LayoutProps;\n  LayoutContent: HTMLAttributes<HTMLElement>;\n  LayoutFooter: HTMLAttributes<HTMLElement>;\n  LayoutHeader: HTMLAttributes<HTMLElement>;\n  LayoutSider: LayoutSiderProps;\n  Link: LinkProps;\n  Loading: LoadingProps;\n  LoadingBar: LoadingBarProps;\n  Masonry: MasonryProps;\n  Mentions: MentionsProps;\n  Menu: MenuProps;\n  MenuGroup: MenuGroupProps;\n  Message: MessageProps;\n  Modal: ModalProps;\n  Notification: NotificationProps;\n  Pagination: PaginationProps;\n  Paragraph: ParagraphProps;\n  Popconfirm: PopconfirmProps;\n  Popover: PopoverProps;\n  Progress: ProgressProps;\n  QRCode: QRCodeProps;\n  Radio: RadioProps;\n  RadioGroup: RadioGroupProps;\n  Rate: RateProps;\n  Result: ResultProps;\n  Row: RowProps;\n  ScrollArea: ScrollAreaProps;\n  Scrollbar: ScrollbarProps;\n  Select: SelectProps;\n  Skeleton: SkeletonProps;\n  Slider: SliderProps;\n  Space: SpaceProps;\n  SplitButton: SplitButtonProps;\n  Splitter: SplitterProps;\n  Statistic: StatisticProps;\n  Steps: StepsProps;\n  Switch: SwitchProps;\n  Table: TableProps;\n  TableBody: HTMLAttributes<HTMLTableSectionElement>;\n  TableCaption: HTMLAttributes<HTMLTableCaptionElement>;\n  TableCell: TableCellProps;\n  TableColumnHeader: TableColumnHeaderProps;\n  TableEmpty: TableStateProps;\n  TableError: TableErrorProps;\n  TableFooter: HTMLAttributes<HTMLTableSectionElement>;\n  TableHeader: HTMLAttributes<HTMLTableSectionElement>;\n  TableLoading: TableStateProps;\n  TableRow: TableRowProps;\n  Tabs: TabsProps;\n  Tag: TagProps;\n  TagGroup: TagGroupProps;\n  Text: TextProps;\n  Textarea: TextareaProps;\n  Timeline: TimelineProps;\n  TimePicker: TimePickerProps;\n  TimeRangePicker: TimeRangePickerProps;\n  Title: TitleProps;\n  Toolbar: ToolbarProps;\n  Tooltip: TooltipProps;\n  Tour: TourProps;\n  Transfer: TransferProps;\n  Tree: TreeProps;\n  TreeSelect: TreeSelectProps;\n  Typography: TypographyProps;\n  Upload: UploadProps;\n}\n\n/** Default props for supported components; null clears that component's inherited defaults. */\nexport interface LeafComponentDefaults {\n  Affix?: Partial<Omit<AffixProps, 'key' | 'ref'>> | null;\n  Alert?: Partial<Omit<AlertProps, 'key' | 'ref' | 'title'>> | null;\n  Anchor?: Partial<Omit<AnchorProps, 'key' | 'ref' | 'items'>> | null;\n  AppBar?: Partial<Omit<AppBarProps, 'key' | 'ref'>> | null;\n  AutoComplete?: Partial<Omit<AutoCompleteProps, 'key' | 'ref' | 'options'>> | null;\n  Avatar?: Partial<Omit<AvatarProps, 'key' | 'ref'>> | null;\n  AvatarGroup?: Partial<Omit<AvatarGroupProps, 'key' | 'ref'>> | null;\n  BackTop?: Partial<Omit<BackTopProps, 'key' | 'ref'>> | null;\n  Badge?: Partial<Omit<BadgeProps, 'key' | 'ref'>> | null;\n  BottomNavigation?: Partial<Omit<BottomNavigationProps, 'key' | 'ref' | 'items'>> | null;\n  Breadcrumb?: Partial<Omit<BreadcrumbProps, 'key' | 'ref' | 'items'>> | null;\n  Button?: Partial<Omit<ButtonProps, 'key' | 'ref'>> | null;\n  ButtonGroup?: Partial<Omit<ButtonGroupProps, 'key' | 'ref'>> | null;\n  Calendar?: Partial<Omit<CalendarProps, 'key' | 'ref'>> | null;\n  Card?: Partial<Omit<CardProps, 'key' | 'ref'>> | null;\n  Carousel?: Partial<Omit<CarouselProps, 'key' | 'ref'>> | null;\n  Cascader?: Partial<\n    Omit<\n      CascaderProps,\n      'key' | 'ref' | 'options' | 'multiple' | 'value' | 'defaultValue' | 'onChange'\n    >\n  > | null;\n  CheckableTag?: Partial<Omit<CheckableTagProps, 'key' | 'ref'>> | null;\n  Checkbox?: Partial<Omit<CheckboxProps, 'key' | 'ref'>> | null;\n  CheckboxGroup?: Partial<Omit<CheckboxGroupProps, 'key' | 'ref' | 'options'>> | null;\n  Col?: Partial<Omit<ColProps, 'key' | 'ref'>> | null;\n  Collapse?: Partial<Omit<CollapseProps, 'key' | 'ref' | 'items'>> | null;\n  ColorPicker?: Partial<Omit<ColorPickerProps, 'key' | 'ref'>> | null;\n  CommandPalette?: Partial<Omit<CommandPaletteProps, 'key' | 'ref' | 'items'>> | null;\n  Confirm?: Partial<Omit<ConfirmOptions, 'key' | 'ref'>> | null;\n  Countdown?: Partial<Omit<CountdownProps, 'key' | 'ref' | 'value'>> | null;\n  DataTable?: Partial<Omit<DataTablePresentationProps, 'tableRef'>> | null;\n  DataTableColumnVisibility?: Partial<Omit<DataTableColumnVisibilityProps, 'key' | 'ref'>> | null;\n  DataTableContent?: Partial<Omit<DataTableContentProps, 'key' | 'ref'>> | null;\n  DataTableFooter?: Partial<Omit<HTMLAttributes<HTMLDivElement>, 'key' | 'ref'>> | null;\n  DataTablePagination?: Partial<Omit<DataTablePaginationProps, 'key' | 'ref'>> | null;\n  DataTableSearch?: Partial<Omit<DataTableSearchProps, 'key' | 'ref'>> | null;\n  DataTableToolbar?: Partial<Omit<HTMLAttributes<HTMLDivElement>, 'key' | 'ref'>> | null;\n  DatePicker?: Partial<\n    Omit<DatePickerProps, 'key' | 'ref' | 'multiple' | 'value' | 'defaultValue' | 'onChange'>\n  > | null;\n  DateRangePicker?: Partial<Omit<DateRangePickerProps, 'key' | 'ref'>> | null;\n  DateTimePicker?: Partial<Omit<DateTimePickerProps, 'key' | 'ref'>> | null;\n  Descriptions?: Partial<Omit<DescriptionsProps, 'key' | 'ref' | 'items'>> | null;\n  Divider?: Partial<Omit<DividerProps, 'key' | 'ref'>> | null;\n  Drawer?: Partial<Omit<DrawerProps, 'key' | 'ref' | 'open'>> | null;\n  Dropdown?: Partial<Omit<DropdownProps, 'key' | 'ref' | 'items' | 'children'>> | null;\n  Empty?: Partial<Omit<EmptyProps, 'key' | 'ref'>> | null;\n  ErrorBoundary?: Partial<Omit<ErrorBoundaryProps, 'key' | 'ref'>> | null;\n  FileList?: Partial<Omit<FileListProps, 'key' | 'ref' | 'items'>> | null;\n  Flex?: Partial<Omit<FlexProps, 'key' | 'ref'>> | null;\n  FloatButton?: Partial<Omit<FloatButtonProps, 'key' | 'ref'>> | null;\n  FloatButtonGroup?: Partial<Omit<FloatButtonGroupProps, 'key' | 'ref' | 'actions'>> | null;\n  Form?: Partial<Omit<FormProps, 'key' | 'ref'>> | null;\n  FormErrorSummary?: Partial<Omit<FormErrorSummaryProps, 'key' | 'ref'>> | null;\n  FormField?: Partial<Omit<FormFieldProps, 'key' | 'ref'>> | null;\n  FormGroup?: Partial<Omit<FormGroupProps, 'key' | 'ref'>> | null;\n  FormList?: Partial<\n    Omit<\n      FormListProps<unknown>,\n      'name' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'itemKey'\n    >\n  > | null;\n  Grid?: Partial<Omit<GridProps, 'key' | 'ref'>> | null;\n  Image?: Partial<Omit<ImageProps, 'key' | 'ref'>> | null;\n  ImagePreview?: Partial<\n    Omit<ImagePreviewProps, 'key' | 'ref' | 'items' | 'open' | 'onClose'>\n  > | null;\n  ImagePreviewGroup?: Partial<Omit<ImagePreviewGroupProps, 'key' | 'ref'>> | null;\n  InfiniteScroll?: Partial<\n    Omit<InfiniteScrollProps, 'key' | 'ref' | 'dataLength' | 'hasMore' | 'onLoadMore'>\n  > | null;\n  Input?: Partial<Omit<InputProps, 'key' | 'ref'>> | null;\n  InputGroup?: Partial<Omit<InputGroupProps, 'key' | 'ref'>> | null;\n  InputMask?: Partial<Omit<InputMaskProps, 'key' | 'ref' | 'mask'>> | null;\n  InputNumber?: Partial<\n    Omit<\n      InputNumberProps,\n      'key' | 'ref' | 'stringMode' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max' | 'step'\n    >\n  > | null;\n  InputOTP?: Partial<Omit<InputOTPProps, 'key' | 'ref'>> | null;\n  InputSearch?: Partial<Omit<InputSearchProps, 'key' | 'ref'>> | null;\n  Layout?: Partial<Omit<LayoutProps, 'key' | 'ref'>> | null;\n  LayoutContent?: Partial<Omit<HTMLAttributes<HTMLElement>, 'key' | 'ref'>> | null;\n  LayoutFooter?: Partial<Omit<HTMLAttributes<HTMLElement>, 'key' | 'ref'>> | null;\n  LayoutHeader?: Partial<Omit<HTMLAttributes<HTMLElement>, 'key' | 'ref'>> | null;\n  LayoutSider?: Partial<Omit<LayoutSiderProps, 'key' | 'ref'>> | null;\n  Link?: Partial<Omit<LinkProps, 'key' | 'ref'>> | null;\n  Loading?: Partial<Omit<LoadingProps, 'key' | 'ref'>> | null;\n  LoadingBar?: Partial<Omit<LoadingBarProps, 'key' | 'ref' | 'active' | 'progress'>> | null;\n  Masonry?: Partial<Omit<MasonryProps, 'key' | 'ref'>> | null;\n  Mentions?: Partial<Omit<MentionsProps, 'key' | 'ref' | 'options'>> | null;\n  Menu?: Partial<Omit<MenuProps, 'key' | 'ref' | 'items'>> | null;\n  MenuGroup?: Partial<Omit<MenuGroupProps, 'key' | 'ref' | 'title'>> | null;\n  Message?: Partial<Omit<MessageOptions, 'key' | 'content'>> | null;\n  Modal?: Partial<Omit<ModalProps, 'key' | 'ref' | 'open'>> | null;\n  Notification?: Partial<Omit<NotificationOptions, 'key' | 'title'>> | null;\n  Pagination?: Partial<Omit<PaginationProps, 'key' | 'ref' | 'total'>> | null;\n  Paragraph?: Partial<Omit<ParagraphProps, 'key' | 'ref'>> | null;\n  Popconfirm?: Partial<Omit<PopconfirmProps, 'key' | 'ref' | 'children' | 'title'>> | null;\n  Popover?: Partial<Omit<PopoverProps, 'key' | 'ref' | 'children' | 'content'>> | null;\n  Progress?: Partial<Omit<ProgressProps, 'key' | 'ref'>> | null;\n  QRCode?: Partial<Omit<QRCodeProps, 'key' | 'ref' | 'value'>> | null;\n  Radio?: Partial<Omit<RadioProps, 'key' | 'ref'>> | null;\n  RadioGroup?: Partial<Omit<RadioGroupProps, 'key' | 'ref' | 'options'>> | null;\n  Rate?: Partial<Omit<RateProps, 'key' | 'ref'>> | null;\n  Result?: Partial<Omit<ResultProps, 'key' | 'ref'>> | null;\n  Row?: Partial<Omit<RowProps, 'key' | 'ref'>> | null;\n  ScrollArea?: Partial<Omit<ScrollAreaProps, 'key' | 'ref'>> | null;\n  Scrollbar?: Partial<Omit<ScrollbarProps, 'key' | 'ref'>> | null;\n  /** Required data, mode-dependent values and callbacks belong on each Select. */\n  Select?: Partial<\n    Omit<\n      SelectProps,\n      'key' | 'ref' | 'options' | 'multiple' | 'value' | 'defaultValue' | 'onChange'\n    >\n  > | null;\n  Skeleton?: Partial<Omit<SkeletonProps, 'key' | 'ref'>> | null;\n  Slider?: Partial<\n    Omit<SliderProps, 'key' | 'ref' | 'range' | 'value' | 'defaultValue' | 'onChange'>\n  > | null;\n  Space?: Partial<Omit<SpaceProps, 'key' | 'ref'>> | null;\n  SplitButton?: Partial<Omit<SplitButtonProps, 'key' | 'ref' | 'items'>> | null;\n  Splitter?: Partial<Omit<SplitterProps, 'key' | 'ref' | 'panels'>> | null;\n  Statistic?: Partial<Omit<StatisticProps, 'key' | 'ref' | 'value'>> | null;\n  Steps?: Partial<Omit<StepsProps, 'key' | 'ref' | 'items'>> | null;\n  Switch?: Partial<Omit<SwitchProps, 'key' | 'ref'>> | null;\n  Table?: Partial<Omit<TableProps, 'key' | 'ref' | 'scrollRef'>> | null;\n  TableBody?: Partial<Omit<HTMLAttributes<HTMLTableSectionElement>, 'key' | 'ref'>> | null;\n  TableCaption?: Partial<Omit<HTMLAttributes<HTMLTableCaptionElement>, 'key' | 'ref'>> | null;\n  TableCell?: Partial<Omit<TableCellProps, 'key' | 'ref'>> | null;\n  TableColumnHeader?: Partial<Omit<TableColumnHeaderProps, 'key' | 'ref'>> | null;\n  TableEmpty?: Partial<Omit<TableStateProps, 'key' | 'ref'>> | null;\n  TableError?: Partial<Omit<TableErrorProps, 'key' | 'ref'>> | null;\n  TableFooter?: Partial<Omit<HTMLAttributes<HTMLTableSectionElement>, 'key' | 'ref'>> | null;\n  TableHeader?: Partial<Omit<HTMLAttributes<HTMLTableSectionElement>, 'key' | 'ref'>> | null;\n  TableLoading?: Partial<Omit<TableStateProps, 'key' | 'ref'>> | null;\n  TableRow?: Partial<Omit<TableRowProps, 'key' | 'ref'>> | null;\n  Tabs?: Partial<Omit<TabsProps, 'key' | 'ref' | 'items'>> | null;\n  Tag?: Partial<Omit<TagProps, 'key' | 'ref'>> | null;\n  TagGroup?: Partial<Omit<TagGroupProps, 'key' | 'ref' | 'options'>> | null;\n  Text?: Partial<Omit<TextProps, 'key' | 'ref'>> | null;\n  Textarea?: Partial<Omit<TextareaProps, 'key' | 'ref'>> | null;\n  Timeline?: Partial<Omit<TimelineProps, 'key' | 'ref' | 'items'>> | null;\n  TimePicker?: Partial<Omit<TimePickerProps, 'key' | 'ref'>> | null;\n  TimeRangePicker?: Partial<Omit<TimeRangePickerProps, 'key' | 'ref'>> | null;\n  Title?: Partial<Omit<TitleProps, 'key' | 'ref'>> | null;\n  Toolbar?: Partial<Omit<ToolbarProps, 'key' | 'ref'>> | null;\n  Tooltip?: Partial<Omit<TooltipProps, 'key' | 'ref' | 'content' | 'children'>> | null;\n  Tour?: Partial<Omit<TourProps, 'key' | 'ref' | 'open' | 'steps'>> | null;\n  Transfer?: Partial<Omit<TransferProps, 'key' | 'ref' | 'items'>> | null;\n  Tree?: Partial<Omit<TreeProps, 'key' | 'ref' | 'data'>> | null;\n  TreeSelect?: Partial<\n    Omit<\n      TreeSelectProps,\n      | 'key'\n      | 'ref'\n      | 'options'\n      | 'multiple'\n      | 'treeCheckable'\n      | 'value'\n      | 'defaultValue'\n      | 'onChange'\n    >\n  > | null;\n  Typography?: Partial<Omit<TypographyProps, 'key' | 'ref'>> | null;\n  Upload?: Partial<Omit<UploadProps, 'key' | 'ref'>> | null;\n  VirtualList?:\n    | (Partial<\n        Omit<VirtualListProps<unknown>, 'items' | 'itemKey' | 'renderItem' | 'estimateSize'>\n      > & { estimateSize?: number })\n    | null;\n}\n\nexport const ComponentDefaultsContext = createContext<LeafComponentDefaults>({});\n\n/** Supplement missing props without copying unless a defined default is used. */\nexport function mergeComponentProps<Props extends object>(\n  defaults: Partial<Props> | null | undefined,\n  props: Props,\n): Props {\n  if (!defaults) return props;\n  let resolved = props;\n  for (const key of Object.keys(defaults) as (keyof Props)[]) {\n    const value = defaults[key];\n    if (value !== undefined && props[key] === undefined) {\n      if (resolved === props) resolved = { ...props };\n      resolved[key] = value as Props[typeof key];\n    }\n  }\n  return resolved;\n}\n\n/** Merge scopes by component and prop; nested prop values are replaced as a whole. */\nexport function mergeComponentDefaults(\n  parent: LeafComponentDefaults,\n  overrides: LeafComponentDefaults | undefined,\n): LeafComponentDefaults {\n  if (!overrides) return parent;\n  let merged = parent;\n  for (const name of Object.keys(overrides) as (keyof LeafComponentDefaults)[]) {\n    const incoming = overrides[name];\n    if (incoming === undefined) continue;\n    const inherited = parent[name] ?? undefined;\n    if (incoming === null) {\n      if (inherited == null) continue;\n      if (merged === parent) merged = { ...parent };\n      delete merged[name];\n      continue;\n    }\n    let entry = inherited;\n    for (const key of Object.keys(incoming)) {\n      const value = (incoming as Record<string, unknown>)[key];\n      if (\n        value === undefined ||\n        value === (inherited as Record<string, unknown> | undefined)?.[key]\n      )\n        continue;\n      if (entry === inherited) entry = { ...inherited };\n      (entry as Record<string, unknown>)[key] = value;\n    }\n    if (entry !== inherited) {\n      if (merged === parent) merged = { ...parent };\n      // Each entry remains the same component's props; only the dynamic key loses that relation.\n      (merged as Record<string, object | undefined>)[name] = entry;\n    }\n  }\n  return merged;\n}\n\nexport function useComponentProps<Name extends keyof ComponentPropsMap>(\n  name: Name,\n  props: ComponentPropsMap[Name],\n): ComponentPropsMap[Name] {\n  const defaults = useContext(ComponentDefaultsContext)[name];\n  return mergeComponentProps(\n    defaults as Partial<ComponentPropsMap[Name]> | null | undefined,\n    props,\n  );\n}\n\n/** Generic owners merge this type-independent projection into their own complete props. */\nexport function useGenericComponentDefaults<Name extends GenericComponentName>(name: Name) {\n  return useContext(ComponentDefaultsContext)[name];\n}\n\n/** Read defaults for an API request without invoking hooks from the request callback. */\nexport function useComponentDefaults<Name extends keyof LeafComponentDefaults>(name: Name) {\n  return useContext(ComponentDefaultsContext)[name];\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","ComponentDefaultsContext","createContext","mergeComponentProps","defaults","props","resolved","value","undefined","mergeComponentDefaults","parent","overrides","merged","name","incoming","inherited","entry","useComponentProps","useContext","useGenericComponentDefaults","useComponentDefaults"],"mappings":"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"}

package/dist/cjs/browser/modules/config-provider/use-color-variables.cjs

@@ -40,16 +40,32 @@ function useColorVariables(root, theme) {
     (0, external_react_namespaceObject.useEffect)(()=>{
         const node = root.current;
         const entries = Object.entries((0, external_theme_cjs_namespaceObject.leafThemeColors)(theme));
-        if (!node || !entries.some(([, value])=>String(value).includes('var('))) return void setResolved((previous)=>Object.keys(previous).length ? {} : previous);
+        if (!node || !entries.some(([, value])=>/(?:var|color-mix|light-dark|oklch|oklab|lab|lch|color)\(/i.test(value))) return void setResolved((previous)=>Object.keys(previous).length ? {} : previous);
         const sync = ()=>{
             const probe = document.createElement('span');
             probe.hidden = true;
             node.append(probe);
             const overrides = {};
+            let canvas;
             for (const [key, value] of entries){
                 probe.style.color = '';
                 probe.style.color = String(value);
-                if (probe.style.color) overrides[key] = getComputedStyle(probe).color;
+                if (probe.style.color) {
+                    const color = getComputedStyle(probe).color;
+                    overrides[key] = color;
+                    if (/^(?:color|oklch|oklab|lab|lch)\(/i.test(color) && globalThis.CSS?.supports?.('color', color)) {
+                        canvas ??= document.createElement('canvas').getContext('2d', {
+                            willReadFrequently: true
+                        });
+                        if (canvas) {
+                            canvas.clearRect(0, 0, 1, 1);
+                            canvas.fillStyle = color;
+                            canvas.fillRect(0, 0, 1, 1);
+                            const [r, g, b, a = 255] = canvas.getImageData(0, 0, 1, 1).data;
+                            overrides[key] = `rgba(${r}, ${g}, ${b}, ${a / 255})`;
+                        }
+                    }
+                }
             }
             probe.remove();
             const mode = theme.appearance ?? (getComputedStyle(node).colorScheme.includes('dark') ? 'dark' : 'light');

package/dist/cjs/browser/modules/config-provider/use-color-variables.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider/use-color-variables.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/config-provider/use-color-variables.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type RefObject, useEffect, useState } from 'react';\nimport { deriveColors } from '../colors';\nimport { composedParent } from '../shared/dom';\nimport { type LeafTheme, type LeafThemeStyle, leafThemeColors } from '../theme';\n\n/** Resolve CSS variable colors after hydration; concrete theme colors are already SSR safe. */\nexport function useColorVariables(root: RefObject<HTMLDivElement | null>, theme: LeafTheme) {\n  const [resolved, setResolved] = useState<LeafThemeStyle>({});\n  useEffect(() => {\n    const node = root.current;\n    const entries = Object.entries(leafThemeColors(theme));\n    if (!node || !entries.some(([, value]) => String(value).includes('var('))) {\n      setResolved((previous) => (Object.keys(previous).length ? {} : previous));\n      return;\n    }\n    const sync = () => {\n      const probe = document.createElement('span');\n      probe.hidden = true;\n      node.append(probe);\n      const overrides: Record<string, string> = {};\n      for (const [key, value] of entries) {\n        probe.style.color = '';\n        probe.style.color = String(value);\n        if (probe.style.color) overrides[key] = getComputedStyle(probe).color;\n      }\n      probe.remove();\n      const mode =\n        theme.appearance ??\n        (getComputedStyle(node).colorScheme.includes('dark') ? 'dark' : 'light');\n      const next = deriveColors(mode, overrides);\n      setResolved((previous) =>\n        JSON.stringify(previous) === JSON.stringify(next) ? previous : next,\n      );\n    };\n    sync();\n    const observer = new MutationObserver(sync);\n    let ancestor: HTMLElement | null = node;\n    while (ancestor) {\n      observer.observe(ancestor, {\n        attributes: true,\n        attributeFilter: ['style', 'class', 'data-leaf-theme'],\n      });\n      ancestor = composedParent(ancestor);\n    }\n    return () => observer.disconnect();\n  }, [root, theme]);\n  return resolved;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useColorVariables","root","theme","resolved","setResolved","useState","useEffect","node","entries","leafThemeColors","value","String","previous","sync","probe","document","overrides","getComputedStyle","mode","next","deriveColors","JSON","observer","MutationObserver","ancestor","composedParent"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;ACAO,SAASI,kBAAkBC,IAAsC,EAAEC,KAAgB;IACxF,MAAM,CAACC,UAAUC,YAAY,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAyB,CAAC;IAC1DC,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,MAAMC,OAAON,KAAK,OAAO;QACzB,MAAMO,UAAUZ,OAAO,OAAO,CAACa,AAAAA,IAAAA,mCAAAA,eAAAA,AAAAA,EAAgBP;QAC/C,IAAI,CAACK,QAAQ,CAACC,QAAQ,IAAI,CAAC,CAAC,GAAGE,MAAM,GAAKC,OAAOD,OAAO,QAAQ,CAAC,UAAU,YACzEN,YAAY,CAACQ,WAAchB,OAAO,IAAI,CAACgB,UAAU,MAAM,GAAG,CAAC,IAAIA;QAGjE,MAAMC,OAAO;YACX,MAAMC,QAAQC,SAAS,aAAa,CAAC;YACrCD,MAAM,MAAM,GAAG;YACfP,KAAK,MAAM,CAACO;YACZ,MAAME,YAAoC,CAAC;YAC3C,KAAK,MAAM,CAACrB,KAAKe,MAAM,IAAIF,QAAS;gBAClCM,MAAM,KAAK,CAAC,KAAK,GAAG;gBACpBA,MAAM,KAAK,CAAC,KAAK,GAAGH,OAAOD;gBAC3B,IAAII,MAAM,KAAK,CAAC,KAAK,EAAEE,SAAS,CAACrB,IAAI,GAAGsB,iBAAiBH,OAAO,KAAK;YACvE;YACAA,MAAM,MAAM;YACZ,MAAMI,OACJhB,MAAM,UAAU,IACfe,CAAAA,iBAAiBV,MAAM,WAAW,CAAC,QAAQ,CAAC,UAAU,SAAS,OAAM;YACxE,MAAMY,OAAOC,AAAAA,IAAAA,oCAAAA,YAAAA,AAAAA,EAAaF,MAAMF;YAChCZ,YAAY,CAACQ,WACXS,KAAK,SAAS,CAACT,cAAcS,KAAK,SAAS,CAACF,QAAQP,WAAWO;QAEnE;QACAN;QACA,MAAMS,WAAW,IAAIC,iBAAiBV;QACtC,IAAIW,WAA+BjB;QACnC,MAAOiB,SAAU;YACfF,SAAS,OAAO,CAACE,UAAU;gBACzB,YAAY;gBACZ,iBAAiB;oBAAC;oBAAS;oBAAS;iBAAkB;YACxD;YACAA,WAAWC,AAAAA,IAAAA,wBAAAA,cAAAA,AAAAA,EAAeD;QAC5B;QACA,OAAO,IAAMF,SAAS,UAAU;IAClC,GAAG;QAACrB;QAAMC;KAAM;IAChB,OAAOC;AACT"}
+{"version":3,"file":"config-provider/use-color-variables.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/config-provider/use-color-variables.ts"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { type RefObject, useEffect, useState } from 'react';\nimport { deriveColors } from '../colors';\nimport { composedParent } from '../shared/dom';\nimport { type LeafTheme, type LeafThemeStyle, leafThemeColors } from '../theme';\n\n/** Resolve CSS variable colors after hydration; concrete theme colors are already SSR safe. */\nexport function useColorVariables(root: RefObject<HTMLDivElement | null>, theme: LeafTheme) {\n  const [resolved, setResolved] = useState<LeafThemeStyle>({});\n  useEffect(() => {\n    const node = root.current;\n    const entries = Object.entries(leafThemeColors(theme));\n    if (\n      !node ||\n      !entries.some(([, value]) =>\n        /(?:var|color-mix|light-dark|oklch|oklab|lab|lch|color)\\(/i.test(value),\n      )\n    ) {\n      setResolved((previous) => (Object.keys(previous).length ? {} : previous));\n      return;\n    }\n    const sync = () => {\n      const probe = document.createElement('span');\n      probe.hidden = true;\n      node.append(probe);\n      const overrides: Record<string, string> = {};\n      let canvas: CanvasRenderingContext2D | null | undefined;\n      for (const [key, value] of entries) {\n        probe.style.color = '';\n        probe.style.color = String(value);\n        if (probe.style.color) {\n          const color = getComputedStyle(probe).color;\n          overrides[key] = color;\n          // CSS Color 4 computed values are not understood by TinyColor. Resolve\n          // them to sRGB for contrast and interaction calculations in the browser.\n          if (\n            /^(?:color|oklch|oklab|lab|lch)\\(/i.test(color) &&\n            globalThis.CSS?.supports?.('color', color)\n          ) {\n            canvas ??= document\n              .createElement('canvas')\n              .getContext('2d', { willReadFrequently: true });\n            if (canvas) {\n              canvas.clearRect(0, 0, 1, 1);\n              canvas.fillStyle = color;\n              canvas.fillRect(0, 0, 1, 1);\n              const [r, g, b, a = 255] = canvas.getImageData(0, 0, 1, 1).data;\n              overrides[key] = `rgba(${r}, ${g}, ${b}, ${a / 255})`;\n            }\n          }\n        }\n      }\n      probe.remove();\n      const mode =\n        theme.appearance ??\n        (getComputedStyle(node).colorScheme.includes('dark') ? 'dark' : 'light');\n      const next = deriveColors(mode, overrides);\n      setResolved((previous) =>\n        JSON.stringify(previous) === JSON.stringify(next) ? previous : next,\n      );\n    };\n    sync();\n    const observer = new MutationObserver(sync);\n    let ancestor: HTMLElement | null = node;\n    while (ancestor) {\n      observer.observe(ancestor, {\n        attributes: true,\n        attributeFilter: ['style', 'class', 'data-leaf-theme'],\n      });\n      ancestor = composedParent(ancestor);\n    }\n    return () => observer.disconnect();\n  }, [root, theme]);\n  return resolved;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useColorVariables","root","theme","resolved","setResolved","useState","useEffect","node","entries","leafThemeColors","value","previous","sync","probe","document","overrides","canvas","String","color","getComputedStyle","globalThis","r","g","b","a","mode","next","deriveColors","JSON","observer","MutationObserver","ancestor","composedParent"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D;;;;;;;;;;;ACAO,SAASI,kBAAkBC,IAAsC,EAAEC,KAAgB;IACxF,MAAM,CAACC,UAAUC,YAAY,GAAGC,AAAAA,IAAAA,+BAAAA,QAAAA,AAAAA,EAAyB,CAAC;IAC1DC,IAAAA,+BAAAA,SAAAA,AAAAA,EAAU;QACR,MAAMC,OAAON,KAAK,OAAO;QACzB,MAAMO,UAAUZ,OAAO,OAAO,CAACa,AAAAA,IAAAA,mCAAAA,eAAAA,AAAAA,EAAgBP;QAC/C,IACE,CAACK,QACD,CAACC,QAAQ,IAAI,CAAC,CAAC,GAAGE,MAAM,GACtB,4DAA4D,IAAI,CAACA,SAEnE,YACAN,YAAY,CAACO,WAAcf,OAAO,IAAI,CAACe,UAAU,MAAM,GAAG,CAAC,IAAIA;QAGjE,MAAMC,OAAO;YACX,MAAMC,QAAQC,SAAS,aAAa,CAAC;YACrCD,MAAM,MAAM,GAAG;YACfN,KAAK,MAAM,CAACM;YACZ,MAAME,YAAoC,CAAC;YAC3C,IAAIC;YACJ,KAAK,MAAM,CAACrB,KAAKe,MAAM,IAAIF,QAAS;gBAClCK,MAAM,KAAK,CAAC,KAAK,GAAG;gBACpBA,MAAM,KAAK,CAAC,KAAK,GAAGI,OAAOP;gBAC3B,IAAIG,MAAM,KAAK,CAAC,KAAK,EAAE;oBACrB,MAAMK,QAAQC,iBAAiBN,OAAO,KAAK;oBAC3CE,SAAS,CAACpB,IAAI,GAAGuB;oBAGjB,IACE,oCAAoC,IAAI,CAACA,UACzCE,WAAW,GAAG,EAAE,WAAW,SAASF,QACpC;wBACAF,WAAWF,SACR,aAAa,CAAC,UACd,UAAU,CAAC,MAAM;4BAAE,oBAAoB;wBAAK;wBAC/C,IAAIE,QAAQ;4BACVA,OAAO,SAAS,CAAC,GAAG,GAAG,GAAG;4BAC1BA,OAAO,SAAS,GAAGE;4BACnBF,OAAO,QAAQ,CAAC,GAAG,GAAG,GAAG;4BACzB,MAAM,CAACK,GAAGC,GAAGC,GAAGC,IAAI,GAAG,CAAC,GAAGR,OAAO,YAAY,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI;4BAC/DD,SAAS,CAACpB,IAAI,GAAG,CAAC,KAAK,EAAE0B,EAAE,EAAE,EAAEC,EAAE,EAAE,EAAEC,EAAE,EAAE,EAAEC,IAAI,IAAI,CAAC,CAAC;wBACvD;oBACF;gBACF;YACF;YACAX,MAAM,MAAM;YACZ,MAAMY,OACJvB,MAAM,UAAU,IACfiB,CAAAA,iBAAiBZ,MAAM,WAAW,CAAC,QAAQ,CAAC,UAAU,SAAS,OAAM;YACxE,MAAMmB,OAAOC,AAAAA,IAAAA,oCAAAA,YAAAA,AAAAA,EAAaF,MAAMV;YAChCX,YAAY,CAACO,WACXiB,KAAK,SAAS,CAACjB,cAAciB,KAAK,SAAS,CAACF,QAAQf,WAAWe;QAEnE;QACAd;QACA,MAAMiB,WAAW,IAAIC,iBAAiBlB;QACtC,IAAImB,WAA+BxB;QACnC,MAAOwB,SAAU;YACfF,SAAS,OAAO,CAACE,UAAU;gBACzB,YAAY;gBACZ,iBAAiB;oBAAC;oBAAS;oBAAS;iBAAkB;YACxD;YACAA,WAAWC,AAAAA,IAAAA,wBAAAA,cAAAA,AAAAA,EAAeD;QAC5B;QACA,OAAO,IAAMF,SAAS,UAAU;IAClC,GAAG;QAAC5B;QAAMC;KAAM;IAChB,OAAOC;AACT"}

package/dist/cjs/browser/modules/drawer/drawer.cjs

@@ -38,6 +38,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const context_cjs_namespaceObject = require("../config-provider/context.cjs");
+const scrollbar_cjs_namespaceObject = require("../scrollbar/scrollbar.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const dialog_cjs_namespaceObject = require("../shared/dialog.cjs");
 const inert_cjs_namespaceObject = require("../shared/inert.cjs");
@@ -241,8 +242,13 @@ function DrawerSurface({ open, title, description, icon, divided = true, footer,
                                     })
                                 ]
                             }),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scrollbar_cjs_namespaceObject.ScrollbarControl, {
                                 className: "leaf-drawer__body",
+                                viewportClassName: "leaf-drawer__viewport",
+                                orientation: "vertical",
+                                role: null != title || props['aria-label'] ? 'region' : 'presentation',
+                                "aria-labelledby": null != title ? `${id}-title` : void 0,
+                                "aria-label": null == title ? props['aria-label'] : void 0,
                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                                     ref: content,
                                     className: "leaf-drawer__content",

package/dist/cjs/browser/modules/drawer/drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"drawer/drawer.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/drawer/drawer.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { classes } from '../shared/classes';\nimport { type DialogFocusOptions, useDialog } from '../shared/dialog';\nimport { inertProps } from '../shared/inert';\nimport { OverlayOwner } from '../shared/overlay-owner';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\n\nexport interface DrawerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onResize'>,\n    DialogFocusOptions {\n  open: boolean;\n  title?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  divided?: boolean;\n  footer?: ReactNode;\n  extra?: ReactNode;\n  placement?: 'left' | 'right' | 'top' | 'bottom';\n  width?: number | string;\n  height?: number | string;\n  closable?: boolean;\n  maskClosable?: boolean;\n  keyboard?: boolean;\n  onClose?: () => void;\n  afterClose?: () => void;\n  forceRender?: boolean;\n  destroyOnClose?: boolean;\n  preserve?: boolean;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n  push?: boolean | number;\n  resizable?: boolean;\n  minSize?: number;\n  maxSize?: number;\n  onResize?: (size: number) => void;\n}\nfunction DrawerSurface({\n  open,\n  title,\n  description,\n  icon,\n  divided = true,\n  footer,\n  extra,\n  placement = 'right',\n  width = 380,\n  height = 300,\n  closable = true,\n  maskClosable = true,\n  keyboard = true,\n  onClose,\n  afterClose,\n  forceRender = false,\n  destroyOnClose = false,\n  preserve,\n  initialFocus,\n  returnFocus,\n  container: _container,\n  push = false,\n  resizable = false,\n  minSize = 240,\n  maxSize = 900,\n  onResize,\n  children,\n  className,\n  style,\n  ...props\n}: DrawerProps) {\n  const { messages, maskBlur } = useLeafConfig();\n  const id = useId();\n  const panel = useRef<HTMLDivElement>(null);\n  const backdrop = useRef<HTMLButtonElement>(null);\n  const content = useRef<HTMLDivElement>(null);\n  const present = usePresence(open, backdrop);\n  const contentRevision = useRef({ children, revision: 0 });\n  if (children !== contentRevision.current.children)\n    contentRevision.current = { children, revision: contentRevision.current.revision + 1 };\n  useContentTransition(content, `${open}:${contentRevision.current.revision}`, 0, true);\n  const owner = useContext(OverlayOwner);\n  const [resized, setResized] = useState<number>();\n  const stopDragging = useRef<(() => void) | undefined>(undefined);\n  useEffect(() => () => stopDragging.current?.(), []);\n  const horizontal = placement === 'left' || placement === 'right';\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Resizing resets when the configured dimensions change.\n  useEffect(() => {\n    setResized(undefined);\n  }, [width, height]);\n  useEffect(() => {\n    if (!open || !push || !owner) return;\n    const parent = document.getElementById(owner);\n    if (!parent) return;\n    const previous = parent.style.transform;\n    const distance = typeof push === 'number' ? push : 40;\n    parent.style.transform = `translate${horizontal ? 'X' : 'Y'}(${placement === 'right' || placement === 'bottom' ? -distance : distance}px)`;\n    return () => {\n      parent.style.transform = previous;\n    };\n  }, [open, push, owner, placement, horizontal]);\n  const previous = useRef(false);\n  useEffect(() => {\n    if (previous.current && !present) afterClose?.();\n    previous.current = present;\n  }, [present, afterClose]);\n  useDialog(open, panel, id, () => onClose?.(), keyboard, { initialFocus, returnFocus });\n  const visited = useRef(false);\n  if (open) visited.current = true;\n  if (\n    !present &&\n    !forceRender &&\n    ((preserve === undefined ? destroyOnClose : !preserve) || !visited.current)\n  )\n    return null;\n  return (\n    <div\n      hidden={!present}\n      className={classes('leaf-drawer-mask', `leaf-drawer-mask--${placement}`)}\n      data-blur={maskBlur ? undefined : 'off'}\n      data-state={open ? 'open' : 'closing'}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n    >\n      <button\n        ref={backdrop}\n        type=\"button\"\n        tabIndex={-1}\n        className=\"leaf-drawer-backdrop\"\n        aria-label={messages.common.close}\n        onClick={() => {\n          if (maskClosable) onClose?.();\n        }}\n      />\n      <div\n        {...props}\n        ref={panel}\n        id={props.id ?? id}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title != null ? `${id}-title` : props['aria-labelledby']}\n        aria-describedby={\n          [props['aria-describedby'], description != null && `${id}-description`]\n            .filter(Boolean)\n            .join(' ') || undefined\n        }\n        tabIndex={-1}\n        className={classes('leaf-drawer', divided && 'leaf-drawer--divided', className)}\n        style={{\n          ...(horizontal\n            ? { width: resized ?? width, height: '100%' }\n            : { height: resized ?? height, width: '100%' }),\n          ...style,\n        }}\n      >\n        {resizable && (\n          // biome-ignore lint/a11y/useSemanticElements: This is the adjustable ARIA window-splitter handle, not a decorative separator.\n          <div\n            role=\"separator\"\n            tabIndex={0}\n            aria-label={messages.tree.expand}\n            aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n            aria-valuemin={minSize}\n            aria-valuemax={maxSize}\n            aria-valuenow={\n              resized ??\n              (typeof (horizontal ? width : height) === 'number'\n                ? Number(horizontal ? width : height)\n                : undefined)\n            }\n            className=\"leaf-drawer__resize\"\n            onPointerDown={(event) => {\n              if (!panel.current) return;\n              stopDragging.current?.();\n              event.preventDefault();\n              event.currentTarget.setPointerCapture(event.pointerId);\n              const start = horizontal ? event.clientX : event.clientY;\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const update = (event: PointerEvent) => {\n                const next = Math.min(\n                  maxSize,\n                  Math.max(\n                    minSize,\n                    size +\n                      ((horizontal ? event.clientX : event.clientY) - start) *\n                        (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                  ),\n                );\n                setResized(next);\n                onResize?.(next);\n              };\n              const end = () => {\n                window.removeEventListener('pointermove', update);\n                window.removeEventListener('pointerup', end);\n                window.removeEventListener('pointercancel', end);\n              };\n              stopDragging.current = end;\n              window.addEventListener('pointermove', update);\n              window.addEventListener('pointerup', end, { once: true });\n              window.addEventListener('pointercancel', end, { once: true });\n            }}\n            onKeyDown={(event) => {\n              if (!panel.current) return;\n              if (!['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) return;\n              event.preventDefault();\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const next = Math.min(\n                maxSize,\n                Math.max(\n                  minSize,\n                  size +\n                    (['ArrowRight', 'ArrowDown'].includes(event.key) ? 10 : -10) *\n                      (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                ),\n              );\n              setResized(next);\n              onResize?.(next);\n            }}\n          />\n        )}\n        <OverlayOwner.Provider value={id}>\n          {(title != null || description != null || icon != null || closable || extra) && (\n            <div\n              className={classes(\n                'leaf-drawer__header',\n                title == null &&\n                  description == null &&\n                  icon == null &&\n                  'leaf-drawer__header--compact',\n              )}\n            >\n              {icon != null && (\n                <span className=\"leaf-drawer__icon\" aria-hidden=\"true\">\n                  {icon}\n                </span>\n              )}\n              {(title != null || description != null) && (\n                <div className=\"leaf-drawer__heading\">\n                  {title != null && <h2 id={`${id}-title`}>{title}</h2>}\n                  {description != null && (\n                    <div id={`${id}-description`} className=\"leaf-drawer__description\">\n                      {description}\n                    </div>\n                  )}\n                </div>\n              )}\n              {extra && <div className=\"leaf-drawer__extra\">{extra}</div>}\n              {closable && (\n                <button\n                  type=\"button\"\n                  className=\"leaf-modal__close\"\n                  aria-label={messages.common.close}\n                  onClick={onClose}\n                >\n                  <X size={18} aria-hidden=\"true\" />\n                </button>\n              )}\n            </div>\n          )}\n          <div className=\"leaf-drawer__body\">\n            <div ref={content} className=\"leaf-drawer__content\">\n              {children}\n            </div>\n          </div>\n          {footer != null && <div className=\"leaf-drawer__footer\">{footer}</div>}\n        </OverlayOwner.Provider>\n      </div>\n    </div>\n  );\n}\nexport function Drawer(rawProps: DrawerProps) {\n  const props = useComponentProps('Drawer', rawProps);\n  return (\n    <ScopedPortal container={props.container}>\n      <DrawerSurface {...props} />\n    </ScopedPortal>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","DrawerSurface","open","title","description","icon","divided","footer","extra","placement","width","height","closable","maskClosable","keyboard","onClose","afterClose","forceRender","destroyOnClose","preserve","initialFocus","returnFocus","_container","push","resizable","minSize","maxSize","onResize","children","className","style","props","messages","maskBlur","useLeafConfig","id","useId","panel","useRef","backdrop","content","present","usePresence","contentRevision","useContentTransition","owner","useContext","OverlayOwner","resized","setResized","useState","stopDragging","undefined","useEffect","horizontal","parent","document","previous","distance","useDialog","visited","classes","inertProps","Boolean","Number","event","start","bounds","size","update","next","Math","end","window","X","Drawer","rawProps","useComponentProps","ScopedPortal"],"mappings":"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"}
+{"version":3,"file":"drawer/drawer.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/drawer/drawer.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { X } from 'lucide-react';\nimport {\n  type HTMLAttributes,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { ScrollbarControl } from '../scrollbar/scrollbar';\nimport { classes } from '../shared/classes';\nimport { type DialogFocusOptions, useDialog } from '../shared/dialog';\nimport { inertProps } from '../shared/inert';\nimport { OverlayOwner } from '../shared/overlay-owner';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\n\nexport interface DrawerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onResize'>,\n    DialogFocusOptions {\n  open: boolean;\n  title?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  divided?: boolean;\n  footer?: ReactNode;\n  extra?: ReactNode;\n  placement?: 'left' | 'right' | 'top' | 'bottom';\n  width?: number | string;\n  height?: number | string;\n  closable?: boolean;\n  maskClosable?: boolean;\n  keyboard?: boolean;\n  onClose?: () => void;\n  afterClose?: () => void;\n  forceRender?: boolean;\n  destroyOnClose?: boolean;\n  preserve?: boolean;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n  push?: boolean | number;\n  resizable?: boolean;\n  minSize?: number;\n  maxSize?: number;\n  onResize?: (size: number) => void;\n}\nfunction DrawerSurface({\n  open,\n  title,\n  description,\n  icon,\n  divided = true,\n  footer,\n  extra,\n  placement = 'right',\n  width = 380,\n  height = 300,\n  closable = true,\n  maskClosable = true,\n  keyboard = true,\n  onClose,\n  afterClose,\n  forceRender = false,\n  destroyOnClose = false,\n  preserve,\n  initialFocus,\n  returnFocus,\n  container: _container,\n  push = false,\n  resizable = false,\n  minSize = 240,\n  maxSize = 900,\n  onResize,\n  children,\n  className,\n  style,\n  ...props\n}: DrawerProps) {\n  const { messages, maskBlur } = useLeafConfig();\n  const id = useId();\n  const panel = useRef<HTMLDivElement>(null);\n  const backdrop = useRef<HTMLButtonElement>(null);\n  const content = useRef<HTMLDivElement>(null);\n  const present = usePresence(open, backdrop);\n  const contentRevision = useRef({ children, revision: 0 });\n  if (children !== contentRevision.current.children)\n    contentRevision.current = { children, revision: contentRevision.current.revision + 1 };\n  useContentTransition(content, `${open}:${contentRevision.current.revision}`, 0, true);\n  const owner = useContext(OverlayOwner);\n  const [resized, setResized] = useState<number>();\n  const stopDragging = useRef<(() => void) | undefined>(undefined);\n  useEffect(() => () => stopDragging.current?.(), []);\n  const horizontal = placement === 'left' || placement === 'right';\n  // biome-ignore lint/correctness/useExhaustiveDependencies: Resizing resets when the configured dimensions change.\n  useEffect(() => {\n    setResized(undefined);\n  }, [width, height]);\n  useEffect(() => {\n    if (!open || !push || !owner) return;\n    const parent = document.getElementById(owner);\n    if (!parent) return;\n    const previous = parent.style.transform;\n    const distance = typeof push === 'number' ? push : 40;\n    parent.style.transform = `translate${horizontal ? 'X' : 'Y'}(${placement === 'right' || placement === 'bottom' ? -distance : distance}px)`;\n    return () => {\n      parent.style.transform = previous;\n    };\n  }, [open, push, owner, placement, horizontal]);\n  const previous = useRef(false);\n  useEffect(() => {\n    if (previous.current && !present) afterClose?.();\n    previous.current = present;\n  }, [present, afterClose]);\n  useDialog(open, panel, id, () => onClose?.(), keyboard, { initialFocus, returnFocus });\n  const visited = useRef(false);\n  if (open) visited.current = true;\n  if (\n    !present &&\n    !forceRender &&\n    ((preserve === undefined ? destroyOnClose : !preserve) || !visited.current)\n  )\n    return null;\n  return (\n    <div\n      hidden={!present}\n      className={classes('leaf-drawer-mask', `leaf-drawer-mask--${placement}`)}\n      data-blur={maskBlur ? undefined : 'off'}\n      data-state={open ? 'open' : 'closing'}\n      aria-hidden={!open || undefined}\n      {...inertProps(!open)}\n    >\n      <button\n        ref={backdrop}\n        type=\"button\"\n        tabIndex={-1}\n        className=\"leaf-drawer-backdrop\"\n        aria-label={messages.common.close}\n        onClick={() => {\n          if (maskClosable) onClose?.();\n        }}\n      />\n      <div\n        {...props}\n        ref={panel}\n        id={props.id ?? id}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title != null ? `${id}-title` : props['aria-labelledby']}\n        aria-describedby={\n          [props['aria-describedby'], description != null && `${id}-description`]\n            .filter(Boolean)\n            .join(' ') || undefined\n        }\n        tabIndex={-1}\n        className={classes('leaf-drawer', divided && 'leaf-drawer--divided', className)}\n        style={{\n          ...(horizontal\n            ? { width: resized ?? width, height: '100%' }\n            : { height: resized ?? height, width: '100%' }),\n          ...style,\n        }}\n      >\n        {resizable && (\n          // biome-ignore lint/a11y/useSemanticElements: This is the adjustable ARIA window-splitter handle, not a decorative separator.\n          <div\n            role=\"separator\"\n            tabIndex={0}\n            aria-label={messages.tree.expand}\n            aria-orientation={horizontal ? 'vertical' : 'horizontal'}\n            aria-valuemin={minSize}\n            aria-valuemax={maxSize}\n            aria-valuenow={\n              resized ??\n              (typeof (horizontal ? width : height) === 'number'\n                ? Number(horizontal ? width : height)\n                : undefined)\n            }\n            className=\"leaf-drawer__resize\"\n            onPointerDown={(event) => {\n              if (!panel.current) return;\n              stopDragging.current?.();\n              event.preventDefault();\n              event.currentTarget.setPointerCapture(event.pointerId);\n              const start = horizontal ? event.clientX : event.clientY;\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const update = (event: PointerEvent) => {\n                const next = Math.min(\n                  maxSize,\n                  Math.max(\n                    minSize,\n                    size +\n                      ((horizontal ? event.clientX : event.clientY) - start) *\n                        (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                  ),\n                );\n                setResized(next);\n                onResize?.(next);\n              };\n              const end = () => {\n                window.removeEventListener('pointermove', update);\n                window.removeEventListener('pointerup', end);\n                window.removeEventListener('pointercancel', end);\n              };\n              stopDragging.current = end;\n              window.addEventListener('pointermove', update);\n              window.addEventListener('pointerup', end, { once: true });\n              window.addEventListener('pointercancel', end, { once: true });\n            }}\n            onKeyDown={(event) => {\n              if (!panel.current) return;\n              if (!['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)) return;\n              event.preventDefault();\n              const bounds = panel.current.getBoundingClientRect();\n              const size = horizontal ? bounds.width : bounds.height;\n              const next = Math.min(\n                maxSize,\n                Math.max(\n                  minSize,\n                  size +\n                    (['ArrowRight', 'ArrowDown'].includes(event.key) ? 10 : -10) *\n                      (placement === 'right' || placement === 'bottom' ? -1 : 1),\n                ),\n              );\n              setResized(next);\n              onResize?.(next);\n            }}\n          />\n        )}\n        <OverlayOwner.Provider value={id}>\n          {(title != null || description != null || icon != null || closable || extra) && (\n            <div\n              className={classes(\n                'leaf-drawer__header',\n                title == null &&\n                  description == null &&\n                  icon == null &&\n                  'leaf-drawer__header--compact',\n              )}\n            >\n              {icon != null && (\n                <span className=\"leaf-drawer__icon\" aria-hidden=\"true\">\n                  {icon}\n                </span>\n              )}\n              {(title != null || description != null) && (\n                <div className=\"leaf-drawer__heading\">\n                  {title != null && <h2 id={`${id}-title`}>{title}</h2>}\n                  {description != null && (\n                    <div id={`${id}-description`} className=\"leaf-drawer__description\">\n                      {description}\n                    </div>\n                  )}\n                </div>\n              )}\n              {extra && <div className=\"leaf-drawer__extra\">{extra}</div>}\n              {closable && (\n                <button\n                  type=\"button\"\n                  className=\"leaf-modal__close\"\n                  aria-label={messages.common.close}\n                  onClick={onClose}\n                >\n                  <X size={18} aria-hidden=\"true\" />\n                </button>\n              )}\n            </div>\n          )}\n          <ScrollbarControl\n            className=\"leaf-drawer__body\"\n            viewportClassName=\"leaf-drawer__viewport\"\n            orientation=\"vertical\"\n            role={title != null || props['aria-label'] ? 'region' : 'presentation'}\n            aria-labelledby={title != null ? `${id}-title` : undefined}\n            aria-label={title == null ? props['aria-label'] : undefined}\n          >\n            <div ref={content} className=\"leaf-drawer__content\">\n              {children}\n            </div>\n          </ScrollbarControl>\n          {footer != null && <div className=\"leaf-drawer__footer\">{footer}</div>}\n        </OverlayOwner.Provider>\n      </div>\n    </div>\n  );\n}\nexport function Drawer(rawProps: DrawerProps) {\n  const props = useComponentProps('Drawer', rawProps);\n  return (\n    <ScopedPortal container={props.container}>\n      <DrawerSurface {...props} />\n    </ScopedPortal>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","DrawerSurface","open","title","description","icon","divided","footer","extra","placement","width","height","closable","maskClosable","keyboard","onClose","afterClose","forceRender","destroyOnClose","preserve","initialFocus","returnFocus","_container","push","resizable","minSize","maxSize","onResize","children","className","style","props","messages","maskBlur","useLeafConfig","id","useId","panel","useRef","backdrop","content","present","usePresence","contentRevision","useContentTransition","owner","useContext","OverlayOwner","resized","setResized","useState","stopDragging","undefined","useEffect","horizontal","parent","document","previous","distance","useDialog","visited","classes","inertProps","Boolean","Number","event","start","bounds","size","update","next","Math","end","window","X","ScrollbarControl","Drawer","rawProps","useComponentProps","ScopedPortal"],"mappings":"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"}

package/dist/cjs/browser/modules/dropdown/dropdown.cjs

@@ -53,7 +53,7 @@ const flatten = (items)=>items.flatMap((item)=>'group' === item.type ? [
             item
         ]);
 const useBrowserLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
-function DropdownControl({ items, children, disabled, open: controlled, defaultOpen = false, onOpenChange, onSelect, placement = 'bottom-start', popupWidth, popupMaxWidth = 420, trigger: triggerType = 'click', mouseEnterDelay = 100, mouseLeaveDelay = 150, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender }) {
+function DropdownControl({ items, children, disabled, open: controlled, defaultOpen = false, onOpenChange, onSelect, placement = 'bottom-start', popupWidth, popupMaxWidth = 420, trigger: triggerType = 'click', mouseEnterDelay = 100, mouseLeaveDelay = 150, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender, navigation }) {
     const triggers = Array.isArray(triggerType) ? triggerType : [
         triggerType
     ];
@@ -206,6 +206,7 @@ function DropdownControl({ items, children, disabled, open: controlled, defaultO
                 }
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MenuPanel, {
+                navigation: navigation,
                 items: items,
                 open: open,
                 trigger: trigger,
@@ -233,7 +234,7 @@ function DropdownControl({ items, children, disabled, open: controlled, defaultO
         ]
     });
 }
-function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, startAtEnd, register, unregister, checks, choose, close, onTab, position, pointerOpen, onPointerEnter, onPointerLeave, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender }) {
+function MenuPanel({ navigation, items, open, trigger, id, placement, width, maxWidth, startAtEnd, register, unregister, checks, choose, close, onTab, position, pointerOpen, onPointerEnter, onPointerLeave, popupClassName, popupStyle, popupRender, getPopupContainer, itemRender }) {
     const { direction } = (0, context_cjs_namespaceObject.useLeafConfig)();
     const panel = (0, external_react_namespaceObject.useRef)(null);
     const submenuTrigger = (0, external_react_namespaceObject.useRef)(null);
@@ -322,9 +323,12 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
     };
     const child = rows.find((item)=>item.key === submenu);
     const activeItem = rows.find((item)=>item.key === current);
+    const containsSelected = (item)=>item.key === navigation?.selectedKey || Boolean(item.children?.some(containsSelected));
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(floating_cjs_namespaceObject.FloatingPanel, {
+                sideFallback: Boolean(navigation),
+                resetSurfaceGeometry: Boolean(navigation),
                 open: open,
                 triggerRef: trigger,
                 panelRef: panel,
@@ -332,7 +336,7 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                 placement: placement,
                 width: width,
                 maxWidth: maxWidth,
-                className: (0, classes_cjs_namespaceObject.classes)('leaf-floating', 'leaf-dropdown', popupClassName),
+                className: (0, classes_cjs_namespaceObject.classes)('leaf-floating', 'leaf-dropdown', navigation && 'leaf-menu__popup', popupClassName),
                 position: position,
                 onPointerEnter: onPointerEnter,
                 onPointerLeave: onPointerLeave,
@@ -340,15 +344,20 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                 render: popupRender,
                 container: getPopupContainer,
                 role: "menu",
+                "aria-label": 'string' == typeof navigation?.title ? navigation.title : void 0,
                 tabIndex: -1,
                 onKeyDown: keyDown,
                 children: [
+                    navigation?.title && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-menu__popup-title",
+                        children: navigation.title
+                    }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                         className: "leaf-dropdown__highlight",
                         "aria-hidden": "true",
                         "data-ready": Boolean(highlight),
                         "data-danger": activeItem?.danger || void 0,
-                        "data-selected": (activeItem?.type === 'checkbox' || activeItem?.type === 'radio') && (activeItem.checked ?? Boolean(checks[activeItem.key])) || void 0,
+                        "data-selected": navigation && activeItem?.key === navigation.selectedKey || (activeItem?.type === 'checkbox' || activeItem?.type === 'radio') && (activeItem.checked ?? Boolean(checks[activeItem.key])) || void 0,
                         style: highlight
                     }),
                     rows.map((item)=>'divider' === item.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("hr", {
@@ -363,6 +372,8 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                             role: 'checkbox' === item.type ? 'menuitemcheckbox' : 'radio' === item.type ? 'menuitemradio' : 'menuitem',
                             "aria-checked": 'checkbox' === item.type || 'radio' === item.type ? item.checked ?? Boolean(checks[item.key]) : void 0,
                             "aria-haspopup": item.children?.length ? 'menu' : void 0,
+                            "aria-current": navigation && item.key === navigation.selectedKey ? 'page' : void 0,
+                            "data-active-parent": navigation && item.children?.length && containsSelected(item) ? true : void 0,
                             "aria-expanded": item.children?.length ? submenu === item.key : void 0,
                             disabled: item.disabled,
                             tabIndex: current === item.key ? 0 : -1,
@@ -398,8 +409,13 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                                         opacity: item.checked ?? checks[item.key] ? 1 : 0
                                     },
                                     "aria-hidden": "true"
+                                }) : navigation && item.icon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: "leaf-menu__popup-icon",
+                                    "aria-hidden": "true",
+                                    children: item.icon
                                 }) : item.icon,
                                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                    className: navigation ? 'leaf-menu__popup-label' : void 0,
                                     children: itemRender?.(item) ?? item.label
                                 }),
                                 item.children?.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
@@ -412,6 +428,9 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                 ]
             }),
             child?.children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MenuPanel, {
+                navigation: navigation ? {
+                    selectedKey: navigation.selectedKey
+                } : void 0,
                 items: child.children,
                 open: open && Boolean(submenu),
                 trigger: submenuTrigger,
@@ -423,6 +442,7 @@ function MenuPanel({ items, open, trigger, id, placement, width, maxWidth, start
                 getPopupContainer: getPopupContainer,
                 itemRender: itemRender,
                 maxWidth: maxWidth,
+                width: navigation ? width : void 0,
                 register: register,
                 unregister: unregister,
                 checks: checks,
@@ -440,6 +460,7 @@ function MenuAction({ item, children, ...props }) {
         rel: '_blank' === item.target ? 'noopener noreferrer' : void 0,
         role: props.role,
         "aria-disabled": item.disabled || void 0,
+        "aria-current": props['aria-current'],
         className: props.className,
         tabIndex: props.tabIndex,
         "data-key": item.key,