@gunkin/uiify 0.0.24-alpha → 0.0.25-alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/agents/index.md +1 -1
- package/agents/reference/components/accordion.md +18 -3
- package/agents/reference/components/alert-modal.md +19 -7
- package/agents/reference/components/alert.md +9 -1
- package/agents/reference/components/aspect-ratio.md +8 -0
- package/agents/reference/components/avatar.md +10 -0
- package/agents/reference/components/breadcrumb.md +20 -1
- package/agents/reference/components/candle-chart.md +50 -2
- package/agents/reference/components/carousel.md +30 -1
- package/agents/reference/components/checkbox.md +3 -1
- package/agents/reference/components/collapsible.md +16 -3
- package/agents/reference/components/color-picker.md +18 -2
- package/agents/reference/components/combobox.md +20 -9
- package/agents/reference/components/context-menu.md +37 -5
- package/agents/reference/components/drawer.md +30 -5
- package/agents/reference/components/dropdown-menu.md +4 -3
- package/agents/reference/components/field.md +3 -3
- package/agents/reference/components/form-error-summary.md +11 -1
- package/agents/reference/components/line-chart.md +41 -2
- package/agents/reference/components/modal.md +22 -3
- package/agents/reference/components/pagination.md +13 -1
- package/agents/reference/components/radio-group.md +8 -2
- package/agents/reference/components/rating.md +8 -2
- package/agents/reference/components/segmented-control.md +8 -3
- package/agents/reference/components/slider.md +13 -1
- package/agents/reference/components/spinner.md +10 -1
- package/agents/reference/components/table.md +15 -0
- package/agents/reference/components/tabs.md +21 -3
- package/agents/reference/components/tags-input.md +22 -1
- package/agents/reference/components/toast.md +55 -10
- package/agents/reference/components/toggle-group.md +5 -3
- package/agents/reference/components/toggle.md +16 -3
- package/agents/reference/components/toolbar.md +4 -4
- package/agents/reference/components/virtual-scroll.md +31 -2
- package/agents/reference/elements/choice.md +20 -7
- package/dist/components/accordion/Accordion.d.ts +1 -1
- package/dist/components/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/accordion/Accordion.js +62 -15
- package/dist/components/accordion/Accordion.js.map +1 -1
- package/dist/components/accordion/index.d.ts +1 -1
- package/dist/components/accordion/index.d.ts.map +1 -1
- package/dist/components/accordion/index.js.map +1 -1
- package/dist/components/accordion/types.d.ts +23 -2
- package/dist/components/accordion/types.d.ts.map +1 -1
- package/dist/components/alert/Alert.d.ts.map +1 -1
- package/dist/components/alert/Alert.js +11 -1
- package/dist/components/alert/Alert.js.map +1 -1
- package/dist/components/alert/index.d.ts +1 -1
- package/dist/components/alert/index.d.ts.map +1 -1
- package/dist/components/alert/index.js.map +1 -1
- package/dist/components/alert/types.d.ts +11 -1
- package/dist/components/alert/types.d.ts.map +1 -1
- package/dist/components/alert-modal/AlertModal.d.ts +1 -1
- package/dist/components/alert-modal/AlertModal.d.ts.map +1 -1
- package/dist/components/alert-modal/AlertModal.js +139 -20
- package/dist/components/alert-modal/AlertModal.js.map +1 -1
- package/dist/components/alert-modal/AlertModalParts.d.ts.map +1 -1
- package/dist/components/alert-modal/AlertModalParts.js +37 -4
- package/dist/components/alert-modal/AlertModalParts.js.map +1 -1
- package/dist/components/alert-modal/index.d.ts +1 -1
- package/dist/components/alert-modal/index.d.ts.map +1 -1
- package/dist/components/alert-modal/index.js.map +1 -1
- package/dist/components/alert-modal/types.d.ts +40 -6
- package/dist/components/alert-modal/types.d.ts.map +1 -1
- package/dist/components/aspect-ratio/AspectRatio.d.ts.map +1 -1
- package/dist/components/aspect-ratio/AspectRatio.js +10 -2
- package/dist/components/aspect-ratio/AspectRatio.js.map +1 -1
- package/dist/components/aspect-ratio/types.d.ts +10 -1
- package/dist/components/aspect-ratio/types.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.js +19 -2
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/avatar/types.d.ts +19 -1
- package/dist/components/avatar/types.d.ts.map +1 -1
- package/dist/components/breadcrumb/Breadcrumb.d.ts +2 -2
- package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/components/breadcrumb/Breadcrumb.js +118 -26
- package/dist/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/breadcrumb/index.d.ts +1 -1
- package/dist/components/breadcrumb/index.d.ts.map +1 -1
- package/dist/components/breadcrumb/index.js.map +1 -1
- package/dist/components/breadcrumb/types.d.ts +40 -1
- package/dist/components/breadcrumb/types.d.ts.map +1 -1
- package/dist/components/candle-chart/CandleChart.d.ts +1 -1
- package/dist/components/candle-chart/CandleChart.d.ts.map +1 -1
- package/dist/components/candle-chart/CandleChart.js +269 -119
- package/dist/components/candle-chart/CandleChart.js.map +1 -1
- package/dist/components/candle-chart/client/CandleChartClient.d.ts.map +1 -1
- package/dist/components/candle-chart/client/CandleChartClient.js +21 -1
- package/dist/components/candle-chart/client/CandleChartClient.js.map +1 -1
- package/dist/components/candle-chart/client/index.d.ts +1 -1
- package/dist/components/candle-chart/client/index.d.ts.map +1 -1
- package/dist/components/candle-chart/client/index.js.map +1 -1
- package/dist/components/candle-chart/index.d.ts +1 -1
- package/dist/components/candle-chart/index.d.ts.map +1 -1
- package/dist/components/candle-chart/index.js.map +1 -1
- package/dist/components/candle-chart/types.d.ts +129 -1
- package/dist/components/candle-chart/types.d.ts.map +1 -1
- package/dist/components/carousel/Carousel.d.ts +2 -2
- package/dist/components/carousel/Carousel.d.ts.map +1 -1
- package/dist/components/carousel/Carousel.js +2 -1
- package/dist/components/carousel/Carousel.js.map +1 -1
- package/dist/components/carousel/CarouselMarkup.d.ts.map +1 -1
- package/dist/components/carousel/CarouselMarkup.js +137 -22
- package/dist/components/carousel/CarouselMarkup.js.map +1 -1
- package/dist/components/carousel/client/CarouselClient.d.ts.map +1 -1
- package/dist/components/carousel/client/CarouselClient.js +3 -2
- package/dist/components/carousel/client/CarouselClient.js.map +1 -1
- package/dist/components/carousel/client/carousel-controls.d.ts.map +1 -1
- package/dist/components/carousel/client/carousel-controls.js +2 -2
- package/dist/components/carousel/client/carousel-controls.js.map +1 -1
- package/dist/components/carousel/fade/FadeCarouselClient.d.ts.map +1 -1
- package/dist/components/carousel/fade/FadeCarouselClient.js +3 -2
- package/dist/components/carousel/fade/FadeCarouselClient.js.map +1 -1
- package/dist/components/carousel/index.d.ts +1 -1
- package/dist/components/carousel/index.d.ts.map +1 -1
- package/dist/components/carousel/index.js.map +1 -1
- package/dist/components/carousel/types.d.ts +85 -2
- package/dist/components/carousel/types.d.ts.map +1 -1
- package/dist/components/checkbox/Checkbox.d.ts +6 -1
- package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/checkbox/Checkbox.js +6 -1
- package/dist/components/checkbox/Checkbox.js.map +1 -1
- package/dist/components/checkbox/index.d.ts +1 -1
- package/dist/components/checkbox/index.d.ts.map +1 -1
- package/dist/components/checkbox/index.js.map +1 -1
- package/dist/components/checkbox/types.d.ts +3 -0
- package/dist/components/checkbox/types.d.ts.map +1 -1
- package/dist/components/collapsible/Collapsible.d.ts +1 -1
- package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
- package/dist/components/collapsible/Collapsible.js +35 -4
- package/dist/components/collapsible/Collapsible.js.map +1 -1
- package/dist/components/collapsible/index.d.ts +1 -1
- package/dist/components/collapsible/index.d.ts.map +1 -1
- package/dist/components/collapsible/index.js.map +1 -1
- package/dist/components/collapsible/types.d.ts +25 -3
- package/dist/components/collapsible/types.d.ts.map +1 -1
- package/dist/components/color-picker/ColorPicker.d.ts.map +1 -1
- package/dist/components/color-picker/ColorPicker.js +165 -49
- package/dist/components/color-picker/ColorPicker.js.map +1 -1
- package/dist/components/color-picker/index.d.ts +1 -1
- package/dist/components/color-picker/index.d.ts.map +1 -1
- package/dist/components/color-picker/index.js.map +1 -1
- package/dist/components/color-picker/types.d.ts +37 -0
- package/dist/components/color-picker/types.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +44 -25
- package/dist/components/combobox/Combobox.js.map +1 -1
- package/dist/components/combobox/index.d.ts +1 -1
- package/dist/components/combobox/index.d.ts.map +1 -1
- package/dist/components/combobox/index.js.map +1 -1
- package/dist/components/combobox/types.d.ts +29 -4
- package/dist/components/combobox/types.d.ts.map +1 -1
- package/dist/components/context-menu/ContextMenu.d.ts.map +1 -1
- package/dist/components/context-menu/ContextMenu.js +48 -11
- package/dist/components/context-menu/ContextMenu.js.map +1 -1
- package/dist/components/context-menu/index.d.ts +1 -1
- package/dist/components/context-menu/index.d.ts.map +1 -1
- package/dist/components/context-menu/index.js.map +1 -1
- package/dist/components/context-menu/types.d.ts +35 -9
- package/dist/components/context-menu/types.d.ts.map +1 -1
- package/dist/components/drawer/Drawer.d.ts.map +1 -1
- package/dist/components/drawer/Drawer.js +5 -1
- package/dist/components/drawer/Drawer.js.map +1 -1
- package/dist/components/drawer/DrawerNative.d.ts +1 -1
- package/dist/components/drawer/DrawerNative.d.ts.map +1 -1
- package/dist/components/drawer/DrawerNative.js +254 -44
- package/dist/components/drawer/DrawerNative.js.map +1 -1
- package/dist/components/drawer/index.d.ts +1 -1
- package/dist/components/drawer/index.d.ts.map +1 -1
- package/dist/components/drawer/index.js.map +1 -1
- package/dist/components/drawer/types.d.ts +31 -6
- package/dist/components/drawer/types.d.ts.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenu.d.ts.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenu.js +8 -2
- package/dist/components/dropdown-menu/DropdownMenu.js.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenuBar.d.ts.map +1 -1
- package/dist/components/dropdown-menu/DropdownMenuBar.js +47 -29
- package/dist/components/dropdown-menu/DropdownMenuBar.js.map +1 -1
- package/dist/components/dropdown-menu/types.d.ts +7 -5
- package/dist/components/dropdown-menu/types.d.ts.map +1 -1
- package/dist/components/field/types.d.ts +4 -4
- package/dist/components/field/types.d.ts.map +1 -1
- package/dist/components/form-error-summary/FormErrorSummary.d.ts.map +1 -1
- package/dist/components/form-error-summary/FormErrorSummary.js +35 -3
- package/dist/components/form-error-summary/FormErrorSummary.js.map +1 -1
- package/dist/components/form-error-summary/index.d.ts +1 -1
- package/dist/components/form-error-summary/index.d.ts.map +1 -1
- package/dist/components/form-error-summary/index.js.map +1 -1
- package/dist/components/form-error-summary/types.d.ts +20 -1
- package/dist/components/form-error-summary/types.d.ts.map +1 -1
- package/dist/components/internal/choice-family/ChoiceGroup.d.ts.map +1 -1
- package/dist/components/internal/choice-family/ChoiceGroup.js +61 -11
- package/dist/components/internal/choice-family/ChoiceGroup.js.map +1 -1
- package/dist/components/internal/choice-family/types.d.ts +51 -1
- package/dist/components/internal/choice-family/types.d.ts.map +1 -1
- package/dist/components/internal/menu/types.d.ts +1 -0
- package/dist/components/internal/menu/types.d.ts.map +1 -1
- package/dist/components/internal/menu/use-menu-surface.d.ts.map +1 -1
- package/dist/components/internal/menu/use-menu-surface.js +2 -1
- package/dist/components/internal/menu/use-menu-surface.js.map +1 -1
- package/dist/components/internal/native-check-control/NativeCheckControl.d.ts.map +1 -1
- package/dist/components/internal/native-check-control/NativeCheckControl.js +35 -3
- package/dist/components/internal/native-check-control/NativeCheckControl.js.map +1 -1
- package/dist/components/internal/native-check-control/types.d.ts +21 -1
- package/dist/components/internal/native-check-control/types.d.ts.map +1 -1
- package/dist/components/line-chart/LineChart.d.ts +1 -1
- package/dist/components/line-chart/LineChart.d.ts.map +1 -1
- package/dist/components/line-chart/LineChart.js +260 -79
- package/dist/components/line-chart/LineChart.js.map +1 -1
- package/dist/components/line-chart/client/LineChartClient.d.ts.map +1 -1
- package/dist/components/line-chart/client/LineChartClient.js +21 -1
- package/dist/components/line-chart/client/LineChartClient.js.map +1 -1
- package/dist/components/line-chart/client/index.d.ts +1 -1
- package/dist/components/line-chart/client/index.d.ts.map +1 -1
- package/dist/components/line-chart/client/index.js.map +1 -1
- package/dist/components/line-chart/index.d.ts +1 -1
- package/dist/components/line-chart/index.d.ts.map +1 -1
- package/dist/components/line-chart/index.js.map +1 -1
- package/dist/components/line-chart/types.d.ts +113 -1
- package/dist/components/line-chart/types.d.ts.map +1 -1
- package/dist/components/modal/Modal.d.ts +1 -1
- package/dist/components/modal/Modal.d.ts.map +1 -1
- package/dist/components/modal/Modal.js +118 -43
- package/dist/components/modal/Modal.js.map +1 -1
- package/dist/components/modal/index.d.ts +1 -1
- package/dist/components/modal/index.d.ts.map +1 -1
- package/dist/components/modal/index.js.map +1 -1
- package/dist/components/modal/types.d.ts +24 -2
- package/dist/components/modal/types.d.ts.map +1 -1
- package/dist/components/otp-input/OtpInput.d.ts.map +1 -1
- package/dist/components/otp-input/OtpInput.js +4 -2
- package/dist/components/otp-input/OtpInput.js.map +1 -1
- package/dist/components/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/pagination/Pagination.js +172 -55
- package/dist/components/pagination/Pagination.js.map +1 -1
- package/dist/components/pagination/index.d.ts +1 -1
- package/dist/components/pagination/index.d.ts.map +1 -1
- package/dist/components/pagination/index.js.map +1 -1
- package/dist/components/pagination/types.d.ts +33 -1
- package/dist/components/pagination/types.d.ts.map +1 -1
- package/dist/components/radio-group/RadioGroup.d.ts +1 -1
- package/dist/components/radio-group/RadioGroup.d.ts.map +1 -1
- package/dist/components/radio-group/RadioGroup.js +5 -1
- package/dist/components/radio-group/RadioGroup.js.map +1 -1
- package/dist/components/radio-group/index.d.ts +1 -1
- package/dist/components/radio-group/index.d.ts.map +1 -1
- package/dist/components/radio-group/index.js.map +1 -1
- package/dist/components/radio-group/types.d.ts +4 -2
- package/dist/components/radio-group/types.d.ts.map +1 -1
- package/dist/components/rating/Rating.d.ts +1 -1
- package/dist/components/rating/Rating.d.ts.map +1 -1
- package/dist/components/rating/Rating.js +5 -1
- package/dist/components/rating/Rating.js.map +1 -1
- package/dist/components/rating/client/RatingClient.d.ts +1 -1
- package/dist/components/rating/client/RatingClient.d.ts.map +1 -1
- package/dist/components/rating/client/RatingClient.js +5 -1
- package/dist/components/rating/client/RatingClient.js.map +1 -1
- package/dist/components/rating/index.d.ts +1 -1
- package/dist/components/rating/index.d.ts.map +1 -1
- package/dist/components/rating/index.js.map +1 -1
- package/dist/components/rating/types.d.ts +12 -1
- package/dist/components/rating/types.d.ts.map +1 -1
- package/dist/components/segmented-control/SegmentedControl.d.ts +1 -1
- package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -1
- package/dist/components/segmented-control/SegmentedControl.js +5 -1
- package/dist/components/segmented-control/SegmentedControl.js.map +1 -1
- package/dist/components/segmented-control/client/SegmentedControlClient.d.ts +1 -1
- package/dist/components/segmented-control/client/SegmentedControlClient.d.ts.map +1 -1
- package/dist/components/segmented-control/client/SegmentedControlClient.js +5 -1
- package/dist/components/segmented-control/client/SegmentedControlClient.js.map +1 -1
- package/dist/components/segmented-control/index.d.ts +1 -1
- package/dist/components/segmented-control/index.d.ts.map +1 -1
- package/dist/components/segmented-control/index.js.map +1 -1
- package/dist/components/segmented-control/types.d.ts +4 -4
- package/dist/components/segmented-control/types.d.ts.map +1 -1
- package/dist/components/slider/client/SliderClient.d.ts.map +1 -1
- package/dist/components/slider/client/SliderClient.js +102 -20
- package/dist/components/slider/client/SliderClient.js.map +1 -1
- package/dist/components/slider/client/index.d.ts +1 -1
- package/dist/components/slider/client/index.d.ts.map +1 -1
- package/dist/components/slider/client/index.js.map +1 -1
- package/dist/components/slider/types.d.ts +46 -1
- package/dist/components/slider/types.d.ts.map +1 -1
- package/dist/components/spinner/Spinner.d.ts.map +1 -1
- package/dist/components/spinner/Spinner.js +19 -3
- package/dist/components/spinner/Spinner.js.map +1 -1
- package/dist/components/spinner/index.d.ts +1 -1
- package/dist/components/spinner/index.d.ts.map +1 -1
- package/dist/components/spinner/index.js.map +1 -1
- package/dist/components/spinner/types.d.ts +11 -1
- package/dist/components/spinner/types.d.ts.map +1 -1
- package/dist/components/table/client/TableColumnHeader.d.ts +3 -3
- package/dist/components/table/client/TableColumnHeader.d.ts.map +1 -1
- package/dist/components/table/client/TableColumnHeader.js +24 -2
- package/dist/components/table/client/TableColumnHeader.js.map +1 -1
- package/dist/components/table/client/TableSelection.d.ts +3 -3
- package/dist/components/table/client/TableSelection.d.ts.map +1 -1
- package/dist/components/table/client/TableSelection.js +6 -4
- package/dist/components/table/client/TableSelection.js.map +1 -1
- package/dist/components/table/client.d.ts +1 -1
- package/dist/components/table/client.d.ts.map +1 -1
- package/dist/components/table/client.js.map +1 -1
- package/dist/components/table/types.d.ts +17 -0
- package/dist/components/table/types.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.d.ts +1 -1
- package/dist/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.js +45 -1
- package/dist/components/tabs/Tabs.js.map +1 -1
- package/dist/components/tabs/index.d.ts +1 -1
- package/dist/components/tabs/index.d.ts.map +1 -1
- package/dist/components/tabs/index.js.map +1 -1
- package/dist/components/tabs/types.d.ts +29 -3
- package/dist/components/tabs/types.d.ts.map +1 -1
- package/dist/components/tags-input/TagsInput.d.ts.map +1 -1
- package/dist/components/tags-input/TagsInput.js +54 -9
- package/dist/components/tags-input/TagsInput.js.map +1 -1
- package/dist/components/tags-input/index.d.ts +1 -1
- package/dist/components/tags-input/index.d.ts.map +1 -1
- package/dist/components/tags-input/index.js.map +1 -1
- package/dist/components/tags-input/types.d.ts +27 -4
- package/dist/components/tags-input/types.d.ts.map +1 -1
- package/dist/components/toast/Toast.d.ts +1 -1
- package/dist/components/toast/Toast.d.ts.map +1 -1
- package/dist/components/toast/Toast.js +123 -35
- package/dist/components/toast/Toast.js.map +1 -1
- package/dist/components/toast/ToastElements.d.ts.map +1 -1
- package/dist/components/toast/ToastElements.js +73 -12
- package/dist/components/toast/ToastElements.js.map +1 -1
- package/dist/components/toast/index.d.ts +1 -1
- package/dist/components/toast/index.d.ts.map +1 -1
- package/dist/components/toast/index.js.map +1 -1
- package/dist/components/toast/types.d.ts +49 -16
- package/dist/components/toast/types.d.ts.map +1 -1
- package/dist/components/toggle/Toggle.d.ts +1 -1
- package/dist/components/toggle/Toggle.d.ts.map +1 -1
- package/dist/components/toggle/Toggle.js +63 -29
- package/dist/components/toggle/Toggle.js.map +1 -1
- package/dist/components/toggle/index.d.ts +1 -1
- package/dist/components/toggle/index.d.ts.map +1 -1
- package/dist/components/toggle/index.js.map +1 -1
- package/dist/components/toggle/types.d.ts +31 -3
- package/dist/components/toggle/types.d.ts.map +1 -1
- package/dist/components/toggle-group/ToggleGroup.d.ts +1 -1
- package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
- package/dist/components/toggle-group/ToggleGroup.js +5 -1
- package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
- package/dist/components/toggle-group/client/ToggleGroupClient.d.ts +1 -1
- package/dist/components/toggle-group/client/ToggleGroupClient.d.ts.map +1 -1
- package/dist/components/toggle-group/client/ToggleGroupClient.js +15 -1
- package/dist/components/toggle-group/client/ToggleGroupClient.js.map +1 -1
- package/dist/components/toggle-group/index.d.ts +1 -1
- package/dist/components/toggle-group/index.d.ts.map +1 -1
- package/dist/components/toggle-group/index.js.map +1 -1
- package/dist/components/toggle-group/types.d.ts +4 -4
- package/dist/components/toggle-group/types.d.ts.map +1 -1
- package/dist/components/toolbar/Toolbar.d.ts +3 -12
- package/dist/components/toolbar/Toolbar.d.ts.map +1 -1
- package/dist/components/toolbar/Toolbar.js +22 -2
- package/dist/components/toolbar/Toolbar.js.map +1 -1
- package/dist/components/toolbar/types.d.ts +5 -5
- package/dist/components/toolbar/types.d.ts.map +1 -1
- package/dist/components/virtual-scroll/VirtualScroll.d.ts.map +1 -1
- package/dist/components/virtual-scroll/VirtualScroll.js +53 -20
- package/dist/components/virtual-scroll/VirtualScroll.js.map +1 -1
- package/dist/components/virtual-scroll/VirtualScrollRowShell.d.ts +3 -14
- package/dist/components/virtual-scroll/VirtualScrollRowShell.d.ts.map +1 -1
- package/dist/components/virtual-scroll/VirtualScrollRowShell.js +6 -3
- package/dist/components/virtual-scroll/VirtualScrollRowShell.js.map +1 -1
- package/dist/components/virtual-scroll/index.d.ts +1 -1
- package/dist/components/virtual-scroll/index.d.ts.map +1 -1
- package/dist/components/virtual-scroll/index.js.map +1 -1
- package/dist/components/virtual-scroll/types.d.ts +35 -2
- package/dist/components/virtual-scroll/types.d.ts.map +1 -1
- package/dist/components/virtual-scroll/types.js.map +1 -1
- package/dist/core/slot-props.d.ts +19 -0
- package/dist/core/slot-props.d.ts.map +1 -0
- package/dist/core/slot-props.js +59 -0
- package/dist/core/slot-props.js.map +1 -0
- package/dist/core/use-popover.d.ts +2 -1
- package/dist/core/use-popover.d.ts.map +1 -1
- package/dist/core/use-popover.js +3 -1
- package/dist/core/use-popover.js.map +1 -1
- package/dist/elements/choice/Choice.d.ts.map +1 -1
- package/dist/elements/choice/Choice.js +47 -7
- package/dist/elements/choice/Choice.js.map +1 -1
- package/dist/elements/choice/index.d.ts +1 -1
- package/dist/elements/choice/index.d.ts.map +1 -1
- package/dist/elements/choice/index.js.map +1 -1
- package/dist/elements/choice/types.d.ts +25 -10
- package/dist/elements/choice/types.d.ts.map +1 -1
- package/dist/hooks/use-isomorphic-layout-effect.d.ts +2 -2
- package/dist/hooks/use-isomorphic-layout-effect.d.ts.map +1 -1
- package/dist/styles/index.css +1 -1
- package/dist/styles/tailwind.css +17 -16
- package/package.json +1 -1
- package/skills/uiify/references/elements/accordion.md +1 -1
- package/skills/uiify/references/elements/breadcrumb.md +1 -0
- package/skills/uiify/references/elements/checkbox.md +1 -1
- package/skills/uiify/references/elements/color-picker.md +1 -1
- package/skills/uiify/references/elements/combobox.md +1 -1
- package/skills/uiify/references/elements/context-menu.md +1 -1
- package/skills/uiify/references/elements/dropdown-menu.md +1 -1
- package/skills/uiify/references/elements/form-error-summary.md +5 -0
- package/skills/uiify/references/elements/pagination.md +1 -1
- package/skills/uiify/references/elements/radio-group.md +1 -0
- package/skills/uiify/references/elements/rating.md +1 -1
- package/skills/uiify/references/elements/segmented-control.md +1 -0
- package/skills/uiify/references/elements/spinner.md +1 -1
- package/skills/uiify/references/elements/table.md +1 -1
- package/skills/uiify/references/elements/tabs.md +1 -1
- package/skills/uiify/references/elements/tags-input.md +1 -1
- package/skills/uiify/references/elements/toast.md +1 -0
- package/skills/uiify/references/elements/toggle-group.md +1 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import type { ElementType, MouseEvent, ReactNode } from "react";
|
|
1
|
+
import type { ComponentPropsWithRef, ElementType, MouseEvent, ReactNode } from "react";
|
|
2
2
|
import type { PopoverChangeHandler } from "@gunkin/uiify/core/popover";
|
|
3
3
|
import type { RenderableProps } from "@gunkin/uiify/core/render";
|
|
4
|
+
import type { ConsumerDataAttributes } from "@gunkin/uiify/core/slot-props";
|
|
4
5
|
import type { DropdownMenuLabelOwnProps, DropdownMenuSeparatorOwnProps } from "../dropdown-menu/types.js";
|
|
5
6
|
import type { MenuSelectEvent, UseMenuSurfaceReturn } from "../internal/menu/types.js";
|
|
6
7
|
export type ContextMenuLabelOwnProps = DropdownMenuLabelOwnProps;
|
|
@@ -14,6 +15,14 @@ export interface ContextMenuContextValue extends UseMenuSurfaceReturn {
|
|
|
14
15
|
export interface ContextMenuRootShellOwnProps {
|
|
15
16
|
readonly defaultOpen?: boolean;
|
|
16
17
|
readonly id?: string;
|
|
18
|
+
readonly slotProps?: ContextMenuRootSlotProps;
|
|
19
|
+
}
|
|
20
|
+
export interface ContextMenuRootSlotProps {
|
|
21
|
+
readonly virtualAnchor?: Omit<ComponentPropsWithRef<"span">, "aria-hidden" | "children" | "dangerouslySetInnerHTML" | "data-anchor" | "data-virtual-anchor" | "data-uiify-menu"> & ConsumerDataAttributes & {
|
|
22
|
+
readonly "data-anchor"?: never;
|
|
23
|
+
readonly "data-uiify-menu"?: never;
|
|
24
|
+
readonly "data-virtual-anchor"?: never;
|
|
25
|
+
};
|
|
17
26
|
}
|
|
18
27
|
export interface ContextMenuRootControlledOwnProps {
|
|
19
28
|
readonly onOpenChange?: PopoverChangeHandler;
|
|
@@ -49,32 +58,49 @@ export interface ContextMenuItemOwnProps {
|
|
|
49
58
|
export type ContextMenuItemProps<TAs extends ElementType = "div"> = RenderableProps<TAs, ContextMenuItemOwnProps, {
|
|
50
59
|
disabled: boolean;
|
|
51
60
|
}, HTMLElement>;
|
|
52
|
-
export interface ContextMenuCheckboxItemOwnProps {
|
|
61
|
+
export interface ContextMenuCheckboxItemOwnProps extends Omit<ComponentPropsWithRef<"div">, "aria-checked" | "children" | "data-disabled" | "data-part" | "data-state" | "data-uiify-menu" | "dangerouslySetInnerHTML" | "role">, ConsumerDataAttributes {
|
|
53
62
|
readonly checked?: boolean | "indeterminate";
|
|
54
63
|
readonly children?: ReactNode;
|
|
55
|
-
readonly className?: string;
|
|
56
64
|
readonly disabled?: boolean;
|
|
57
65
|
readonly onCheckedChange?: (checked: boolean) => void;
|
|
58
66
|
readonly textValue?: string;
|
|
67
|
+
readonly "aria-checked"?: never;
|
|
68
|
+
readonly "data-disabled"?: never;
|
|
69
|
+
readonly "data-part"?: never;
|
|
70
|
+
readonly "data-state"?: never;
|
|
71
|
+
readonly "data-uiify-menu"?: never;
|
|
72
|
+
readonly role?: never;
|
|
59
73
|
}
|
|
60
|
-
export interface ContextMenuRadioItemOwnProps {
|
|
74
|
+
export interface ContextMenuRadioItemOwnProps extends Omit<ComponentPropsWithRef<"div">, "aria-checked" | "children" | "data-disabled" | "data-part" | "data-state" | "data-uiify-menu" | "dangerouslySetInnerHTML" | "role">, ConsumerDataAttributes {
|
|
61
75
|
readonly children?: ReactNode;
|
|
62
|
-
readonly className?: string;
|
|
63
76
|
readonly disabled?: boolean;
|
|
64
77
|
readonly textValue?: string;
|
|
65
78
|
readonly value: string;
|
|
79
|
+
readonly "aria-checked"?: never;
|
|
80
|
+
readonly "data-disabled"?: never;
|
|
81
|
+
readonly "data-part"?: never;
|
|
82
|
+
readonly "data-state"?: never;
|
|
83
|
+
readonly "data-uiify-menu"?: never;
|
|
84
|
+
readonly role?: never;
|
|
66
85
|
}
|
|
67
86
|
export interface ContextMenuSubOwnProps {
|
|
68
87
|
readonly children?: ReactNode;
|
|
69
88
|
}
|
|
70
|
-
export interface ContextMenuSubTriggerOwnProps {
|
|
89
|
+
export interface ContextMenuSubTriggerOwnProps extends Omit<ComponentPropsWithRef<"div">, "aria-expanded" | "aria-haspopup" | "children" | "data-part" | "data-uiify-menu" | "dangerouslySetInnerHTML" | "role">, ConsumerDataAttributes {
|
|
71
90
|
readonly children?: ReactNode;
|
|
72
|
-
readonly className?: string;
|
|
73
91
|
readonly disabled?: boolean;
|
|
74
92
|
readonly textValue?: string;
|
|
93
|
+
readonly "aria-expanded"?: never;
|
|
94
|
+
readonly "aria-haspopup"?: never;
|
|
95
|
+
readonly "data-part"?: never;
|
|
96
|
+
readonly "data-uiify-menu"?: never;
|
|
97
|
+
readonly role?: never;
|
|
75
98
|
}
|
|
76
|
-
export interface ContextMenuSubContentOwnProps {
|
|
99
|
+
export interface ContextMenuSubContentOwnProps extends Omit<ComponentPropsWithRef<"div">, "children" | "data-part" | "data-state" | "data-uiify-menu" | "dangerouslySetInnerHTML" | "hidden" | "role">, ConsumerDataAttributes {
|
|
77
100
|
readonly children?: ReactNode;
|
|
78
|
-
readonly
|
|
101
|
+
readonly "data-part"?: never;
|
|
102
|
+
readonly "data-state"?: never;
|
|
103
|
+
readonly "data-uiify-menu"?: never;
|
|
104
|
+
readonly role?: never;
|
|
79
105
|
}
|
|
80
106
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,YAAY,EAAkB,MAAM,OAAO,CAAC;AAaxE,OAAO,KAAK,EAGV,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAIpB,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CA8FtE;yBA9Fe,UAAU;;;AAiG1B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAuB5E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CA0F5E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAsB3E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAsBvF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAqBxE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,YAAY,EAAkB,MAAM,OAAO,CAAC;AAaxE,OAAO,KAAK,EAGV,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,yBAAyB,EACzB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAIpB,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,GAAG,IAAI,CA8FtE;yBA9Fe,UAAU;;;AAiG1B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CAuB5E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,YAAY,GAAG,IAAI,CA0F5E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,mBAAmB,GAAG,YAAY,GAAG,IAAI,CAsB3E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,yBAAyB,GAAG,YAAY,GAAG,IAAI,CAsBvF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,GAAG,IAAI,CAqBxE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CAwE7E;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC"}
|
|
@@ -334,7 +334,11 @@ function DrawerHandle(props) {
|
|
|
334
334
|
"aria-hidden": true,
|
|
335
335
|
"data-part": "handle",
|
|
336
336
|
"data-uiify-drawer": "",
|
|
337
|
-
...className ? { className } : {}
|
|
337
|
+
...className ? { className } : {},
|
|
338
|
+
onPointerDown,
|
|
339
|
+
onPointerMove,
|
|
340
|
+
onPointerUp,
|
|
341
|
+
onPointerCancel
|
|
338
342
|
},
|
|
339
343
|
state: { dragging }
|
|
340
344
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport type { PointerEvent, ReactElement, SyntheticEvent } from \"react\";\nimport {\n useId,\n useIsomorphicLayoutEffect,\n useMergedRefs,\n useResizeObserver,\n useMediaQuery,\n} from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { useDialog } from \"@gunkin/uiify/core/dialog\";\nimport { createDrawerStore } from \"./drawer-store.js\";\nimport type {\n DrawerStore,\n DrawerContextValue,\n DrawerRootProps,\n DrawerTriggerProps,\n DrawerContentProps,\n DrawerTitleOwnProps,\n DrawerDescriptionOwnProps,\n DrawerCloseProps,\n DrawerHandleOwnProps,\n} from \"./types.js\";\n\nconst [DrawerProvider, useDrawerContext] = createPartContext<DrawerContextValue>(\"Drawer\");\n\nexport function DrawerRoot(props: DrawerRootProps): ReactElement | null {\n const {\n activeSnapPoint,\n closeOnOverlayClick = true,\n children,\n defaultActiveSnapPoint,\n defaultOpen,\n dismissible = true,\n modal = true,\n onOpenChange,\n onSnapChange,\n open,\n side = \"bottom\",\n snapPoints,\n } = props;\n const mobile = useMediaQuery(\"(width < 40rem)\");\n const effectiveSide = mobile ? \"bottom\" : side;\n const contentId = useId();\n const dialog = useDialog({\n modal,\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(open !== undefined ? { open } : {}),\n ...(onOpenChange ? { onOpenChange } : {}),\n });\n const [labelId, setLabelId] = useState<string | undefined>();\n const [descriptionId, setDescriptionId] = useState<string | undefined>();\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const wasOpenRef = useRef(dialog.open);\n const storeRef = useRef<DrawerStore | null>(null);\n storeRef.current ??= createDrawerStore({\n side: effectiveSide,\n dismissible,\n onDismiss: () => dialog.close(),\n ...(snapPoints ? { snapPoints } : {}),\n ...(activeSnapPoint !== undefined ? { activeSnapPoint } : {}),\n ...(defaultActiveSnapPoint !== undefined ? { defaultActiveSnapPoint } : {}),\n ...(onSnapChange ? { onSnapChange } : {}),\n });\n const store = storeRef.current;\n\n useIsomorphicLayoutEffect(() => {\n if (activeSnapPoint !== undefined) store.syncActiveSnapPoint(activeSnapPoint);\n }, [activeSnapPoint, store]);\n\n useIsomorphicLayoutEffect(() => {\n if (wasOpenRef.current && !dialog.open) {\n queueMicrotask(() => triggerRef.current?.focus({ preventScroll: true }));\n }\n wasOpenRef.current = dialog.open;\n }, [dialog.open]);\n\n useIsomorphicLayoutEffect(() => store.setSide(effectiveSide), [effectiveSide, store]);\n\n const snapEnabled = Boolean(snapPoints && snapPoints.length > 0);\n\n const contextValue = useMemo<DrawerContextValue>(\n () => ({\n close: dialog.close,\n contentId,\n descriptionId,\n dialogProps: dialog.dialogProps,\n dialogRef: dialog.dialogRef,\n dismissible,\n closeOnOverlayClick,\n labelId,\n modal,\n open: dialog.open,\n openDialog: dialog.openDialog,\n setDescriptionId,\n setLabelId,\n side: effectiveSide,\n snapEnabled,\n store,\n triggerRef,\n }),\n [\n contentId,\n descriptionId,\n dialog.close,\n dialog.dialogProps,\n dialog.dialogRef,\n dialog.open,\n dialog.openDialog,\n dismissible,\n closeOnOverlayClick,\n labelId,\n modal,\n effectiveSide,\n snapEnabled,\n store,\n ],\n );\n\n return <DrawerProvider value={contextValue}>{children}</DrawerProvider>;\n}\nDrawerRoot.displayName = \"DrawerRoot\";\n\nexport function DrawerTrigger(props: DrawerTriggerProps): ReactElement | null {\n const { children, className, ref, ...consumerProps } = props;\n const { contentId, open, openDialog, triggerRef } = useDrawerContext(\"Trigger\");\n const mergedRef = useMergedRefs(triggerRef, ref);\n\n return useRenderElement({\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n ref: mergedRef,\n type: \"button\",\n \"data-uiify-button\": \"\",\n \"data-part\": \"trigger\",\n \"data-uiify-drawer\": \"\",\n \"aria-controls\": contentId,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"dialog\",\n onClick: composeEventHandlers(consumerProps.onClick, openDialog),\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerContent(props: DrawerContentProps): ReactElement | null {\n const {\n children,\n className,\n ref,\n style: consumerStyle,\n size: drawerSize,\n dismiss,\n backdrop,\n ...consumerProps\n } = props;\n const {\n contentId,\n descriptionId,\n dialogProps,\n dialogRef,\n dismissible,\n closeOnOverlayClick,\n labelId,\n modal,\n open,\n side,\n snapEnabled,\n store,\n } = useDrawerContext(\"Content\");\n const containerRef = useRef<HTMLDialogElement | null>(null);\n const mergedRef = useMergedRefs(dialogRef, containerRef, ref);\n const size = useResizeObserver(containerRef);\n const transform = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.getTransform(),\n () => \"\",\n );\n const activeSnap = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.getActiveSnapPoint(),\n () => 1,\n );\n\n useIsomorphicLayoutEffect(() => {\n if (!size) return;\n const vertical = side === \"top\" || side === \"bottom\";\n store.setContainerSize(vertical ? size.height : size.width);\n }, [side, size, store]);\n\n const styleVars =\n snapEnabled && transform\n ? ({\n \"--uiify-drawer-transform\": transform,\n \"--uiify-drawer-snap\": String(activeSnap),\n } as React.CSSProperties)\n : undefined;\n\n const content = useRenderElement({\n defaultTag: \"dialog\",\n props: {\n ...consumerProps,\n ref: mergedRef,\n id: contentId,\n \"aria-describedby\": descriptionId,\n \"aria-labelledby\": labelId,\n \"aria-modal\": modal ? true : undefined,\n \"data-size\": drawerSize,\n \"data-backdrop\": backdrop,\n closedby: dismiss ?? (dismissible ? (closeOnOverlayClick ? \"any\" : \"closerequest\") : \"none\"),\n \"data-part\": \"content\",\n \"data-side\": side,\n \"data-state\": open ? \"open\" : \"closed\",\n \"data-uiify-drawer\": \"\",\n \"data-snap-enabled\": snapEnabled ? \"\" : undefined,\n ...(className ? { className } : {}),\n ...(consumerStyle || styleVars ? { style: { ...consumerStyle, ...styleVars } } : {}),\n onCancel: composeEventHandlers(\n consumerProps.onCancel,\n (event: SyntheticEvent<HTMLDialogElement>) => {\n dialogProps.onCancel?.(event);\n },\n ),\n onClose: composeEventHandlers(\n consumerProps.onClose,\n (event: SyntheticEvent<HTMLDialogElement>) => {\n dialogProps.onClose?.(event);\n },\n ),\n children,\n },\n state: { open, side },\n });\n\n return content;\n}\n\nexport function DrawerTitle(props: DrawerTitleOwnProps): ReactElement | null {\n const { children, className, ...consumerProps } = props;\n const id = useId();\n const { setLabelId } = useDrawerContext(\"Title\");\n\n useIsomorphicLayoutEffect(() => {\n setLabelId(id);\n return () => setLabelId(undefined);\n }, [id, setLabelId]);\n\n return useRenderElement({\n defaultTag: \"h2\",\n props: {\n ...consumerProps,\n id,\n \"data-part\": \"title\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerDescription(props: DrawerDescriptionOwnProps): ReactElement | null {\n const { children, className, ...consumerProps } = props;\n const id = useId();\n const { setDescriptionId } = useDrawerContext(\"Description\");\n\n useIsomorphicLayoutEffect(() => {\n setDescriptionId(id);\n return () => setDescriptionId(undefined);\n }, [id, setDescriptionId]);\n\n return useRenderElement({\n defaultTag: \"p\",\n props: {\n ...consumerProps,\n id,\n \"data-part\": \"description\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerClose(props: DrawerCloseProps): ReactElement | null {\n const { children, className, ...consumerProps } = props;\n const { close } = useDrawerContext(\"Close\");\n\n return useRenderElement({\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n type: \"button\",\n \"data-uiify-button\": \"\",\n \"data-part\": \"close\",\n \"data-uiify-drawer\": \"\",\n \"data-variant\": \"ghost\",\n onClick: composeEventHandlers(consumerProps.onClick, () => {\n close();\n }),\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerHandle(props: DrawerHandleOwnProps): ReactElement | null {\n const {\n className,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n ...consumerProps\n } = props;\n const { side, snapEnabled, store } = useDrawerContext(\"Handle\");\n const dragging = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.isDragging(),\n () => false,\n );\n\n const axis = side === \"top\" || side === \"bottom\" ? \"clientY\" : \"clientX\";\n\n return useRenderElement({\n defaultTag: \"div\",\n props: snapEnabled\n ? {\n ...consumerProps,\n \"aria-hidden\": true,\n \"data-part\": \"handle\",\n \"data-uiify-drawer\": \"\",\n \"data-dragging\": dragging ? \"\" : undefined,\n \"data-side\": side,\n ...(className ? { className } : {}),\n onPointerDown: composeEventHandlers(\n onPointerDown,\n (event: PointerEvent<HTMLDivElement>) => {\n event.currentTarget.setPointerCapture(event.pointerId);\n store.startDrag(event[axis]);\n },\n ),\n onPointerMove: composeEventHandlers(\n onPointerMove,\n (event: PointerEvent<HTMLDivElement>) => {\n if (!store.isDragging()) return;\n store.moveDrag(event[axis]);\n },\n ),\n onPointerUp: composeEventHandlers(onPointerUp, (event: PointerEvent<HTMLDivElement>) => {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n store.endDrag();\n }),\n onPointerCancel: composeEventHandlers(\n onPointerCancel,\n (event: PointerEvent<HTMLDivElement>) => {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n store.endDrag();\n },\n ),\n }\n : {\n ...consumerProps,\n \"aria-hidden\": true,\n \"data-part\": \"handle\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n },\n state: { dragging },\n });\n}\n\nexport const Drawer = {\n Close: DrawerClose,\n Content: DrawerContent,\n Description: DrawerDescription,\n Handle: DrawerHandle,\n Root: DrawerRoot,\n Title: DrawerTitle,\n Trigger: DrawerTrigger,\n};\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport type { PointerEvent, ReactElement, SyntheticEvent } from \"react\";\nimport {\n useId,\n useIsomorphicLayoutEffect,\n useMergedRefs,\n useResizeObserver,\n useMediaQuery,\n} from \"@gunkin/uiify/hooks\";\nimport { createPartContext } from \"@gunkin/uiify/core\";\nimport { composeEventHandlers } from \"@gunkin/uiify/core/compose-event-handlers\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { useDialog } from \"@gunkin/uiify/core/dialog\";\nimport { createDrawerStore } from \"./drawer-store.js\";\nimport type {\n DrawerStore,\n DrawerContextValue,\n DrawerRootProps,\n DrawerTriggerProps,\n DrawerContentProps,\n DrawerTitleOwnProps,\n DrawerDescriptionOwnProps,\n DrawerCloseProps,\n DrawerHandleOwnProps,\n} from \"./types.js\";\n\nconst [DrawerProvider, useDrawerContext] = createPartContext<DrawerContextValue>(\"Drawer\");\n\nexport function DrawerRoot(props: DrawerRootProps): ReactElement | null {\n const {\n activeSnapPoint,\n closeOnOverlayClick = true,\n children,\n defaultActiveSnapPoint,\n defaultOpen,\n dismissible = true,\n modal = true,\n onOpenChange,\n onSnapChange,\n open,\n side = \"bottom\",\n snapPoints,\n } = props;\n const mobile = useMediaQuery(\"(width < 40rem)\");\n const effectiveSide = mobile ? \"bottom\" : side;\n const contentId = useId();\n const dialog = useDialog({\n modal,\n ...(defaultOpen !== undefined ? { defaultOpen } : {}),\n ...(open !== undefined ? { open } : {}),\n ...(onOpenChange ? { onOpenChange } : {}),\n });\n const [labelId, setLabelId] = useState<string | undefined>();\n const [descriptionId, setDescriptionId] = useState<string | undefined>();\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const wasOpenRef = useRef(dialog.open);\n const storeRef = useRef<DrawerStore | null>(null);\n storeRef.current ??= createDrawerStore({\n side: effectiveSide,\n dismissible,\n onDismiss: () => dialog.close(),\n ...(snapPoints ? { snapPoints } : {}),\n ...(activeSnapPoint !== undefined ? { activeSnapPoint } : {}),\n ...(defaultActiveSnapPoint !== undefined ? { defaultActiveSnapPoint } : {}),\n ...(onSnapChange ? { onSnapChange } : {}),\n });\n const store = storeRef.current;\n\n useIsomorphicLayoutEffect(() => {\n if (activeSnapPoint !== undefined) store.syncActiveSnapPoint(activeSnapPoint);\n }, [activeSnapPoint, store]);\n\n useIsomorphicLayoutEffect(() => {\n if (wasOpenRef.current && !dialog.open) {\n queueMicrotask(() => triggerRef.current?.focus({ preventScroll: true }));\n }\n wasOpenRef.current = dialog.open;\n }, [dialog.open]);\n\n useIsomorphicLayoutEffect(() => store.setSide(effectiveSide), [effectiveSide, store]);\n\n const snapEnabled = Boolean(snapPoints && snapPoints.length > 0);\n\n const contextValue = useMemo<DrawerContextValue>(\n () => ({\n close: dialog.close,\n contentId,\n descriptionId,\n dialogProps: dialog.dialogProps,\n dialogRef: dialog.dialogRef,\n dismissible,\n closeOnOverlayClick,\n labelId,\n modal,\n open: dialog.open,\n openDialog: dialog.openDialog,\n setDescriptionId,\n setLabelId,\n side: effectiveSide,\n snapEnabled,\n store,\n triggerRef,\n }),\n [\n contentId,\n descriptionId,\n dialog.close,\n dialog.dialogProps,\n dialog.dialogRef,\n dialog.open,\n dialog.openDialog,\n dismissible,\n closeOnOverlayClick,\n labelId,\n modal,\n effectiveSide,\n snapEnabled,\n store,\n ],\n );\n\n return <DrawerProvider value={contextValue}>{children}</DrawerProvider>;\n}\nDrawerRoot.displayName = \"DrawerRoot\";\n\nexport function DrawerTrigger(props: DrawerTriggerProps): ReactElement | null {\n const { children, className, ref, ...consumerProps } = props;\n const { contentId, open, openDialog, triggerRef } = useDrawerContext(\"Trigger\");\n const mergedRef = useMergedRefs(triggerRef, ref);\n\n return useRenderElement({\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n ref: mergedRef,\n type: \"button\",\n \"data-uiify-button\": \"\",\n \"data-part\": \"trigger\",\n \"data-uiify-drawer\": \"\",\n \"aria-controls\": contentId,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"dialog\",\n onClick: composeEventHandlers(consumerProps.onClick, openDialog),\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerContent(props: DrawerContentProps): ReactElement | null {\n const {\n children,\n className,\n ref,\n style: consumerStyle,\n size: drawerSize,\n dismiss,\n backdrop,\n ...consumerProps\n } = props;\n const {\n contentId,\n descriptionId,\n dialogProps,\n dialogRef,\n dismissible,\n closeOnOverlayClick,\n labelId,\n modal,\n open,\n side,\n snapEnabled,\n store,\n } = useDrawerContext(\"Content\");\n const containerRef = useRef<HTMLDialogElement | null>(null);\n const mergedRef = useMergedRefs(dialogRef, containerRef, ref);\n const size = useResizeObserver(containerRef);\n const transform = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.getTransform(),\n () => \"\",\n );\n const activeSnap = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.getActiveSnapPoint(),\n () => 1,\n );\n\n useIsomorphicLayoutEffect(() => {\n if (!size) return;\n const vertical = side === \"top\" || side === \"bottom\";\n store.setContainerSize(vertical ? size.height : size.width);\n }, [side, size, store]);\n\n const styleVars =\n snapEnabled && transform\n ? ({\n \"--uiify-drawer-transform\": transform,\n \"--uiify-drawer-snap\": String(activeSnap),\n } as React.CSSProperties)\n : undefined;\n\n const content = useRenderElement({\n defaultTag: \"dialog\",\n props: {\n ...consumerProps,\n ref: mergedRef,\n id: contentId,\n \"aria-describedby\": descriptionId,\n \"aria-labelledby\": labelId,\n \"aria-modal\": modal ? true : undefined,\n \"data-size\": drawerSize,\n \"data-backdrop\": backdrop,\n closedby: dismiss ?? (dismissible ? (closeOnOverlayClick ? \"any\" : \"closerequest\") : \"none\"),\n \"data-part\": \"content\",\n \"data-side\": side,\n \"data-state\": open ? \"open\" : \"closed\",\n \"data-uiify-drawer\": \"\",\n \"data-snap-enabled\": snapEnabled ? \"\" : undefined,\n ...(className ? { className } : {}),\n ...(consumerStyle || styleVars ? { style: { ...consumerStyle, ...styleVars } } : {}),\n onCancel: composeEventHandlers(\n consumerProps.onCancel,\n (event: SyntheticEvent<HTMLDialogElement>) => {\n dialogProps.onCancel?.(event);\n },\n ),\n onClose: composeEventHandlers(\n consumerProps.onClose,\n (event: SyntheticEvent<HTMLDialogElement>) => {\n dialogProps.onClose?.(event);\n },\n ),\n children,\n },\n state: { open, side },\n });\n\n return content;\n}\n\nexport function DrawerTitle(props: DrawerTitleOwnProps): ReactElement | null {\n const { children, className, ...consumerProps } = props;\n const id = useId();\n const { setLabelId } = useDrawerContext(\"Title\");\n\n useIsomorphicLayoutEffect(() => {\n setLabelId(id);\n return () => setLabelId(undefined);\n }, [id, setLabelId]);\n\n return useRenderElement({\n defaultTag: \"h2\",\n props: {\n ...consumerProps,\n id,\n \"data-part\": \"title\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerDescription(props: DrawerDescriptionOwnProps): ReactElement | null {\n const { children, className, ...consumerProps } = props;\n const id = useId();\n const { setDescriptionId } = useDrawerContext(\"Description\");\n\n useIsomorphicLayoutEffect(() => {\n setDescriptionId(id);\n return () => setDescriptionId(undefined);\n }, [id, setDescriptionId]);\n\n return useRenderElement({\n defaultTag: \"p\",\n props: {\n ...consumerProps,\n id,\n \"data-part\": \"description\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerClose(props: DrawerCloseProps): ReactElement | null {\n const { children, className, ...consumerProps } = props;\n const { close } = useDrawerContext(\"Close\");\n\n return useRenderElement({\n defaultTag: \"button\",\n props: {\n ...consumerProps,\n type: \"button\",\n \"data-uiify-button\": \"\",\n \"data-part\": \"close\",\n \"data-uiify-drawer\": \"\",\n \"data-variant\": \"ghost\",\n onClick: composeEventHandlers(consumerProps.onClick, () => {\n close();\n }),\n ...(className ? { className } : {}),\n children,\n },\n state: {},\n });\n}\n\nexport function DrawerHandle(props: DrawerHandleOwnProps): ReactElement | null {\n const {\n className,\n onPointerCancel,\n onPointerDown,\n onPointerMove,\n onPointerUp,\n ...consumerProps\n } = props;\n const { side, snapEnabled, store } = useDrawerContext(\"Handle\");\n const dragging = useSyncExternalStore(\n (listener) => store.subscribe(listener),\n () => store.isDragging(),\n () => false,\n );\n\n const axis = side === \"top\" || side === \"bottom\" ? \"clientY\" : \"clientX\";\n\n return useRenderElement({\n defaultTag: \"div\",\n props: snapEnabled\n ? {\n ...consumerProps,\n \"aria-hidden\": true,\n \"data-part\": \"handle\",\n \"data-uiify-drawer\": \"\",\n \"data-dragging\": dragging ? \"\" : undefined,\n \"data-side\": side,\n ...(className ? { className } : {}),\n onPointerDown: composeEventHandlers(\n onPointerDown,\n (event: PointerEvent<HTMLDivElement>) => {\n event.currentTarget.setPointerCapture(event.pointerId);\n store.startDrag(event[axis]);\n },\n ),\n onPointerMove: composeEventHandlers(\n onPointerMove,\n (event: PointerEvent<HTMLDivElement>) => {\n if (!store.isDragging()) return;\n store.moveDrag(event[axis]);\n },\n ),\n onPointerUp: composeEventHandlers(onPointerUp, (event: PointerEvent<HTMLDivElement>) => {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n store.endDrag();\n }),\n onPointerCancel: composeEventHandlers(\n onPointerCancel,\n (event: PointerEvent<HTMLDivElement>) => {\n if (event.currentTarget.hasPointerCapture(event.pointerId)) {\n event.currentTarget.releasePointerCapture(event.pointerId);\n }\n store.endDrag();\n },\n ),\n }\n : {\n ...consumerProps,\n \"aria-hidden\": true,\n \"data-part\": \"handle\",\n \"data-uiify-drawer\": \"\",\n ...(className ? { className } : {}),\n onPointerDown,\n onPointerMove,\n onPointerUp,\n onPointerCancel,\n },\n state: { dragging },\n });\n}\n\nexport const Drawer = {\n Close: DrawerClose,\n Content: DrawerContent,\n Description: DrawerDescription,\n Handle: DrawerHandle,\n Root: DrawerRoot,\n Title: DrawerTitle,\n Trigger: DrawerTrigger,\n};\n"],"mappings":";AA2HS;AAzHT,SAAS,SAAS,QAAQ,UAAU,4BAA4B;AAEhE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAalC,MAAM,CAAC,gBAAgB,gBAAgB,IAAI,kBAAsC,QAAQ;AAElF,SAAS,WAAW,OAA6C;AACtE,QAAM;AAAA,IACJ;AAAA,IACA,sBAAsB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,EACF,IAAI;AACJ,QAAM,SAAS,cAAc,iBAAiB;AAC9C,QAAM,gBAAgB,SAAS,WAAW;AAC1C,QAAM,YAAY,MAAM;AACxB,QAAM,SAAS,UAAU;AAAA,IACvB;AAAA,IACA,GAAI,gBAAgB,SAAY,EAAE,YAAY,IAAI,CAAC;AAAA,IACnD,GAAI,SAAS,SAAY,EAAE,KAAK,IAAI,CAAC;AAAA,IACrC,GAAI,eAAe,EAAE,aAAa,IAAI,CAAC;AAAA,EACzC,CAAC;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAA6B;AAC3D,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAA6B;AACvE,QAAM,aAAa,OAAiC,IAAI;AACxD,QAAM,aAAa,OAAO,OAAO,IAAI;AACrC,QAAM,WAAW,OAA2B,IAAI;AAChD,WAAS,YAAY,kBAAkB;AAAA,IACrC,MAAM;AAAA,IACN;AAAA,IACA,WAAW,MAAM,OAAO,MAAM;AAAA,IAC9B,GAAI,aAAa,EAAE,WAAW,IAAI,CAAC;AAAA,IACnC,GAAI,oBAAoB,SAAY,EAAE,gBAAgB,IAAI,CAAC;AAAA,IAC3D,GAAI,2BAA2B,SAAY,EAAE,uBAAuB,IAAI,CAAC;AAAA,IACzE,GAAI,eAAe,EAAE,aAAa,IAAI,CAAC;AAAA,EACzC,CAAC;AACD,QAAM,QAAQ,SAAS;AAEvB,4BAA0B,MAAM;AAC9B,QAAI,oBAAoB,OAAW,OAAM,oBAAoB,eAAe;AAAA,EAC9E,GAAG,CAAC,iBAAiB,KAAK,CAAC;AAE3B,4BAA0B,MAAM;AAC9B,QAAI,WAAW,WAAW,CAAC,OAAO,MAAM;AACtC,qBAAe,MAAM,WAAW,SAAS,MAAM,EAAE,eAAe,KAAK,CAAC,CAAC;AAAA,IACzE;AACA,eAAW,UAAU,OAAO;AAAA,EAC9B,GAAG,CAAC,OAAO,IAAI,CAAC;AAEhB,4BAA0B,MAAM,MAAM,QAAQ,aAAa,GAAG,CAAC,eAAe,KAAK,CAAC;AAEpF,QAAM,cAAc,QAAQ,cAAc,WAAW,SAAS,CAAC;AAE/D,QAAM,eAAe;AAAA,IACnB,OAAO;AAAA,MACL,OAAO,OAAO;AAAA,MACd;AAAA,MACA;AAAA,MACA,aAAa,OAAO;AAAA,MACpB,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,OAAO;AAAA,MACb,YAAY,OAAO;AAAA,MACnB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,oBAAC,kBAAe,OAAO,cAAe,UAAS;AACxD;AACA,WAAW,cAAc;AAElB,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,UAAU,WAAW,KAAK,GAAG,cAAc,IAAI;AACvD,QAAM,EAAE,WAAW,MAAM,YAAY,WAAW,IAAI,iBAAiB,SAAS;AAC9E,QAAM,YAAY,cAAc,YAAY,GAAG;AAE/C,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,KAAK;AAAA,MACL,MAAM;AAAA,MACN,qBAAqB;AAAA,MACrB,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,SAAS,qBAAqB,cAAc,SAAS,UAAU;AAAA,MAC/D,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,cAAc,OAAgD;AAC5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,iBAAiB,SAAS;AAC9B,QAAM,eAAe,OAAiC,IAAI;AAC1D,QAAM,YAAY,cAAc,WAAW,cAAc,GAAG;AAC5D,QAAM,OAAO,kBAAkB,YAAY;AAC3C,QAAM,YAAY;AAAA,IAChB,CAAC,aAAa,MAAM,UAAU,QAAQ;AAAA,IACtC,MAAM,MAAM,aAAa;AAAA,IACzB,MAAM;AAAA,EACR;AACA,QAAM,aAAa;AAAA,IACjB,CAAC,aAAa,MAAM,UAAU,QAAQ;AAAA,IACtC,MAAM,MAAM,mBAAmB;AAAA,IAC/B,MAAM;AAAA,EACR;AAEA,4BAA0B,MAAM;AAC9B,QAAI,CAAC,KAAM;AACX,UAAM,WAAW,SAAS,SAAS,SAAS;AAC5C,UAAM,iBAAiB,WAAW,KAAK,SAAS,KAAK,KAAK;AAAA,EAC5D,GAAG,CAAC,MAAM,MAAM,KAAK,CAAC;AAEtB,QAAM,YACJ,eAAe,YACV;AAAA,IACC,4BAA4B;AAAA,IAC5B,uBAAuB,OAAO,UAAU;AAAA,EAC1C,IACA;AAEN,QAAM,UAAU,iBAAiB;AAAA,IAC/B,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,oBAAoB;AAAA,MACpB,mBAAmB;AAAA,MACnB,cAAc,QAAQ,OAAO;AAAA,MAC7B,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB,UAAU,YAAY,cAAe,sBAAsB,QAAQ,iBAAkB;AAAA,MACrF,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc,OAAO,SAAS;AAAA,MAC9B,qBAAqB;AAAA,MACrB,qBAAqB,cAAc,KAAK;AAAA,MACxC,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,GAAI,iBAAiB,YAAY,EAAE,OAAO,EAAE,GAAG,eAAe,GAAG,UAAU,EAAE,IAAI,CAAC;AAAA,MAClF,UAAU;AAAA,QACR,cAAc;AAAA,QACd,CAAC,UAA6C;AAC5C,sBAAY,WAAW,KAAK;AAAA,QAC9B;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,cAAc;AAAA,QACd,CAAC,UAA6C;AAC5C,sBAAY,UAAU,KAAK;AAAA,QAC7B;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO,EAAE,MAAM,KAAK;AAAA,EACtB,CAAC;AAED,SAAO;AACT;AAEO,SAAS,YAAY,OAAiD;AAC3E,QAAM,EAAE,UAAU,WAAW,GAAG,cAAc,IAAI;AAClD,QAAM,KAAK,MAAM;AACjB,QAAM,EAAE,WAAW,IAAI,iBAAiB,OAAO;AAE/C,4BAA0B,MAAM;AAC9B,eAAW,EAAE;AACb,WAAO,MAAM,WAAW,MAAS;AAAA,EACnC,GAAG,CAAC,IAAI,UAAU,CAAC;AAEnB,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,kBAAkB,OAAuD;AACvF,QAAM,EAAE,UAAU,WAAW,GAAG,cAAc,IAAI;AAClD,QAAM,KAAK,MAAM;AACjB,QAAM,EAAE,iBAAiB,IAAI,iBAAiB,aAAa;AAE3D,4BAA0B,MAAM;AAC9B,qBAAiB,EAAE;AACnB,WAAO,MAAM,iBAAiB,MAAS;AAAA,EACzC,GAAG,CAAC,IAAI,gBAAgB,CAAC;AAEzB,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,YAAY,OAA8C;AACxE,QAAM,EAAE,UAAU,WAAW,GAAG,cAAc,IAAI;AAClD,QAAM,EAAE,MAAM,IAAI,iBAAiB,OAAO;AAE1C,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,MAAM;AAAA,MACN,qBAAqB;AAAA,MACrB,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,SAAS,qBAAqB,cAAc,SAAS,MAAM;AACzD,cAAM;AAAA,MACR,CAAC;AAAA,MACD,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,aAAa,OAAkD;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,MAAM,aAAa,MAAM,IAAI,iBAAiB,QAAQ;AAC9D,QAAM,WAAW;AAAA,IACf,CAAC,aAAa,MAAM,UAAU,QAAQ;AAAA,IACtC,MAAM,MAAM,WAAW;AAAA,IACvB,MAAM;AAAA,EACR;AAEA,QAAM,OAAO,SAAS,SAAS,SAAS,WAAW,YAAY;AAE/D,SAAO,iBAAiB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO,cACH;AAAA,MACE,GAAG;AAAA,MACH,eAAe;AAAA,MACf,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,iBAAiB,WAAW,KAAK;AAAA,MACjC,aAAa;AAAA,MACb,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC,eAAe;AAAA,QACb;AAAA,QACA,CAAC,UAAwC;AACvC,gBAAM,cAAc,kBAAkB,MAAM,SAAS;AACrD,gBAAM,UAAU,MAAM,IAAI,CAAC;AAAA,QAC7B;AAAA,MACF;AAAA,MACA,eAAe;AAAA,QACb;AAAA,QACA,CAAC,UAAwC;AACvC,cAAI,CAAC,MAAM,WAAW,EAAG;AACzB,gBAAM,SAAS,MAAM,IAAI,CAAC;AAAA,QAC5B;AAAA,MACF;AAAA,MACA,aAAa,qBAAqB,aAAa,CAAC,UAAwC;AACtF,YAAI,MAAM,cAAc,kBAAkB,MAAM,SAAS,GAAG;AAC1D,gBAAM,cAAc,sBAAsB,MAAM,SAAS;AAAA,QAC3D;AACA,cAAM,QAAQ;AAAA,MAChB,CAAC;AAAA,MACD,iBAAiB;AAAA,QACf;AAAA,QACA,CAAC,UAAwC;AACvC,cAAI,MAAM,cAAc,kBAAkB,MAAM,SAAS,GAAG;AAC1D,kBAAM,cAAc,sBAAsB,MAAM,SAAS;AAAA,UAC3D;AACA,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAAA,IACF,IACA;AAAA,MACE,GAAG;AAAA,MACH,eAAe;AAAA,MACf,aAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,MACjC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,EACpB,CAAC;AACH;AAEO,MAAM,SAAS;AAAA,EACpB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AACX;","names":[]}
|
|
@@ -6,7 +6,7 @@ export declare function DrawerNativeContent({ size, dismiss, backdrop, side, ...
|
|
|
6
6
|
export declare namespace DrawerNativeContent {
|
|
7
7
|
var displayName: string;
|
|
8
8
|
}
|
|
9
|
-
export declare function DrawerPanel({ id, trigger, title, description, children, closeLabel, labels, side,
|
|
9
|
+
export declare function DrawerPanel({ id, trigger, title, description, children, closeLabel, labels, side, footer, slotProps, size, dismiss, backdrop, ...rootProps }: DrawerProps): ReactElement;
|
|
10
10
|
export declare namespace DrawerPanel {
|
|
11
11
|
var displayName: string;
|
|
12
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerNative.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/DrawerNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DrawerNative.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/DrawerNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,WAAW,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAIlG,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,YAAY,CAsBhG;AACD,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,YAAY,CAsB9F;AACD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAe,EACf,QAAQ,EACR,IAAe,EACf,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG,YAAY,CAsBzC;yBA5Be,mBAAmB;;;AA+BnC,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,MAAM,EACN,IAAe,EACf,MAAM,EACN,SAAS,EACT,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,WAAW,GAAG,YAAY,CAiM5B;yBAhNe,WAAW"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { omitProps } from "../../core/slot-props.js";
|
|
2
3
|
import { renderNativeInvoker } from "@gunkin/uiify/core/render";
|
|
3
4
|
const DEFAULT_DRAWER_LABELS = { close: "Close" };
|
|
4
5
|
function DrawerNativeTrigger({ target, ...props }) {
|
|
@@ -8,7 +9,19 @@ function DrawerNativeTrigger({ target, ...props }) {
|
|
|
8
9
|
"trigger",
|
|
9
10
|
"show-modal",
|
|
10
11
|
target,
|
|
11
|
-
props,
|
|
12
|
+
omitProps(props, [
|
|
13
|
+
"type",
|
|
14
|
+
"command",
|
|
15
|
+
"commandfor",
|
|
16
|
+
"commandFor",
|
|
17
|
+
"popoverTarget",
|
|
18
|
+
"popoverTargetAction",
|
|
19
|
+
"data-part",
|
|
20
|
+
"data-variant",
|
|
21
|
+
"data-uiify-button",
|
|
22
|
+
"data-uiify-drawer",
|
|
23
|
+
"dangerouslySetInnerHTML"
|
|
24
|
+
]),
|
|
12
25
|
{ button: true }
|
|
13
26
|
);
|
|
14
27
|
}
|
|
@@ -19,7 +32,19 @@ function DrawerNativeClose({ target, ...props }) {
|
|
|
19
32
|
"close",
|
|
20
33
|
"request-close",
|
|
21
34
|
target,
|
|
22
|
-
props,
|
|
35
|
+
omitProps(props, [
|
|
36
|
+
"type",
|
|
37
|
+
"command",
|
|
38
|
+
"commandfor",
|
|
39
|
+
"commandFor",
|
|
40
|
+
"popoverTarget",
|
|
41
|
+
"popoverTargetAction",
|
|
42
|
+
"data-part",
|
|
43
|
+
"data-variant",
|
|
44
|
+
"data-uiify-button",
|
|
45
|
+
"data-uiify-drawer",
|
|
46
|
+
"dangerouslySetInnerHTML"
|
|
47
|
+
]),
|
|
23
48
|
{ button: true, variant: "ghost" }
|
|
24
49
|
);
|
|
25
50
|
}
|
|
@@ -33,7 +58,17 @@ function DrawerNativeContent({
|
|
|
33
58
|
return /* @__PURE__ */ jsx(
|
|
34
59
|
"dialog",
|
|
35
60
|
{
|
|
36
|
-
...props,
|
|
61
|
+
...omitProps(props, [
|
|
62
|
+
"dangerouslySetInnerHTML",
|
|
63
|
+
"open",
|
|
64
|
+
"popover",
|
|
65
|
+
"closedby",
|
|
66
|
+
"data-side",
|
|
67
|
+
"data-size",
|
|
68
|
+
"data-backdrop",
|
|
69
|
+
"data-part",
|
|
70
|
+
"data-uiify-drawer"
|
|
71
|
+
]),
|
|
37
72
|
closedby: dismiss,
|
|
38
73
|
"data-side": side,
|
|
39
74
|
"data-size": size,
|
|
@@ -53,52 +88,227 @@ function DrawerPanel({
|
|
|
53
88
|
closeLabel,
|
|
54
89
|
labels,
|
|
55
90
|
side = "bottom",
|
|
56
|
-
className,
|
|
57
91
|
footer,
|
|
92
|
+
slotProps,
|
|
58
93
|
size,
|
|
59
94
|
dismiss,
|
|
60
|
-
backdrop
|
|
95
|
+
backdrop,
|
|
96
|
+
...rootProps
|
|
61
97
|
}) {
|
|
62
98
|
const effectiveCloseLabel = closeLabel ?? labels?.close ?? DEFAULT_DRAWER_LABELS.close;
|
|
63
|
-
return /* @__PURE__ */ jsxs(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
"
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
99
|
+
return /* @__PURE__ */ jsxs(
|
|
100
|
+
"div",
|
|
101
|
+
{
|
|
102
|
+
...omitProps(rootProps, [
|
|
103
|
+
"children",
|
|
104
|
+
"dangerouslySetInnerHTML",
|
|
105
|
+
"data-part",
|
|
106
|
+
"data-side",
|
|
107
|
+
"data-uiify-drawer"
|
|
108
|
+
]),
|
|
109
|
+
"data-part": "root",
|
|
110
|
+
"data-side": side,
|
|
111
|
+
"data-uiify-drawer": "",
|
|
112
|
+
children: [
|
|
113
|
+
/* @__PURE__ */ jsx(
|
|
114
|
+
DrawerNativeTrigger,
|
|
115
|
+
{
|
|
116
|
+
...omitProps(slotProps?.trigger, [
|
|
117
|
+
"children",
|
|
118
|
+
"dangerouslySetInnerHTML",
|
|
119
|
+
"type",
|
|
120
|
+
"command",
|
|
121
|
+
"commandfor",
|
|
122
|
+
"commandFor",
|
|
123
|
+
"popoverTarget",
|
|
124
|
+
"popoverTargetAction",
|
|
125
|
+
"data-part",
|
|
126
|
+
"data-variant",
|
|
127
|
+
"data-uiify-button",
|
|
128
|
+
"data-uiify-drawer"
|
|
129
|
+
]),
|
|
130
|
+
target: id,
|
|
131
|
+
children: trigger
|
|
132
|
+
}
|
|
133
|
+
),
|
|
134
|
+
/* @__PURE__ */ jsxs(
|
|
135
|
+
DrawerNativeContent,
|
|
136
|
+
{
|
|
137
|
+
...omitProps(slotProps?.content, [
|
|
138
|
+
"children",
|
|
139
|
+
"dangerouslySetInnerHTML",
|
|
140
|
+
"size",
|
|
141
|
+
"dismiss",
|
|
142
|
+
"side",
|
|
143
|
+
"backdrop",
|
|
144
|
+
"id",
|
|
145
|
+
"open",
|
|
146
|
+
"popover",
|
|
147
|
+
"closedby",
|
|
148
|
+
"aria-describedby",
|
|
149
|
+
"aria-labelledby",
|
|
150
|
+
"aria-modal",
|
|
151
|
+
"data-part",
|
|
152
|
+
"data-side",
|
|
153
|
+
"data-size",
|
|
154
|
+
"data-backdrop",
|
|
155
|
+
"data-state",
|
|
156
|
+
"data-snap-enabled",
|
|
157
|
+
"data-uiify-drawer"
|
|
158
|
+
]),
|
|
159
|
+
"aria-describedby": description === null || description === void 0 ? void 0 : `${id}-description`,
|
|
160
|
+
"aria-labelledby": `${id}-title`,
|
|
161
|
+
side,
|
|
162
|
+
id,
|
|
163
|
+
...size ? { size } : {},
|
|
164
|
+
...dismiss ? { dismiss } : {},
|
|
165
|
+
...backdrop ? { backdrop } : {},
|
|
166
|
+
children: [
|
|
167
|
+
/* @__PURE__ */ jsx(
|
|
168
|
+
"div",
|
|
169
|
+
{
|
|
170
|
+
...omitProps(slotProps?.grabber, [
|
|
171
|
+
"children",
|
|
172
|
+
"dangerouslySetInnerHTML",
|
|
173
|
+
"aria-hidden",
|
|
174
|
+
"data-part",
|
|
175
|
+
"data-uiify-drawer"
|
|
176
|
+
]),
|
|
177
|
+
"data-part": "grabber",
|
|
178
|
+
"data-uiify-drawer": "",
|
|
179
|
+
"aria-hidden": "true"
|
|
180
|
+
}
|
|
181
|
+
),
|
|
182
|
+
/* @__PURE__ */ jsxs(
|
|
183
|
+
"div",
|
|
184
|
+
{
|
|
185
|
+
...omitProps(slotProps?.header, [
|
|
186
|
+
"children",
|
|
187
|
+
"dangerouslySetInnerHTML",
|
|
188
|
+
"data-part",
|
|
189
|
+
"data-uiify-drawer"
|
|
190
|
+
]),
|
|
191
|
+
"data-part": "header",
|
|
192
|
+
"data-uiify-drawer": "",
|
|
193
|
+
children: [
|
|
194
|
+
/* @__PURE__ */ jsx(
|
|
195
|
+
"h2",
|
|
196
|
+
{
|
|
197
|
+
...omitProps(slotProps?.title, [
|
|
198
|
+
"children",
|
|
199
|
+
"dangerouslySetInnerHTML",
|
|
200
|
+
"id",
|
|
201
|
+
"data-part",
|
|
202
|
+
"data-uiify-drawer"
|
|
203
|
+
]),
|
|
204
|
+
"data-part": "title",
|
|
205
|
+
id: `${id}-title`,
|
|
206
|
+
"data-uiify-drawer": "",
|
|
207
|
+
children: title
|
|
208
|
+
}
|
|
209
|
+
),
|
|
210
|
+
description === null || description === void 0 ? null : /* @__PURE__ */ jsx(
|
|
211
|
+
"p",
|
|
212
|
+
{
|
|
213
|
+
...omitProps(slotProps?.description, [
|
|
214
|
+
"children",
|
|
215
|
+
"dangerouslySetInnerHTML",
|
|
216
|
+
"id",
|
|
217
|
+
"data-part",
|
|
218
|
+
"data-uiify-drawer"
|
|
219
|
+
]),
|
|
220
|
+
"data-part": "description",
|
|
221
|
+
id: `${id}-description`,
|
|
222
|
+
"data-uiify-drawer": "",
|
|
223
|
+
children: description
|
|
224
|
+
}
|
|
225
|
+
),
|
|
226
|
+
/* @__PURE__ */ jsx(
|
|
227
|
+
DrawerNativeClose,
|
|
228
|
+
{
|
|
229
|
+
...omitProps(slotProps?.close, [
|
|
230
|
+
"children",
|
|
231
|
+
"dangerouslySetInnerHTML",
|
|
232
|
+
"type",
|
|
233
|
+
"command",
|
|
234
|
+
"commandfor",
|
|
235
|
+
"commandFor",
|
|
236
|
+
"popoverTarget",
|
|
237
|
+
"popoverTargetAction",
|
|
238
|
+
"aria-label",
|
|
239
|
+
"data-part",
|
|
240
|
+
"data-variant",
|
|
241
|
+
"data-uiify-button",
|
|
242
|
+
"data-uiify-drawer"
|
|
243
|
+
]),
|
|
244
|
+
target: id,
|
|
245
|
+
"aria-label": effectiveCloseLabel,
|
|
246
|
+
children: /* @__PURE__ */ jsx(
|
|
247
|
+
"svg",
|
|
248
|
+
{
|
|
249
|
+
fill: "none",
|
|
250
|
+
viewBox: "0 0 16 16",
|
|
251
|
+
width: "14",
|
|
252
|
+
height: "14",
|
|
253
|
+
stroke: "currentColor",
|
|
254
|
+
strokeWidth: "1.75",
|
|
255
|
+
strokeLinecap: "round",
|
|
256
|
+
...omitProps(slotProps?.closeIcon, [
|
|
257
|
+
"children",
|
|
258
|
+
"dangerouslySetInnerHTML",
|
|
259
|
+
"aria-hidden",
|
|
260
|
+
"focusable"
|
|
261
|
+
]),
|
|
262
|
+
"aria-hidden": "true",
|
|
263
|
+
focusable: "false",
|
|
264
|
+
children: /* @__PURE__ */ jsx(
|
|
265
|
+
"path",
|
|
266
|
+
{
|
|
267
|
+
d: "M3 3l10 10M13 3L3 13",
|
|
268
|
+
...omitProps(slotProps?.closeIconPath, ["children", "dangerouslySetInnerHTML"])
|
|
269
|
+
}
|
|
270
|
+
)
|
|
271
|
+
}
|
|
272
|
+
)
|
|
273
|
+
}
|
|
274
|
+
)
|
|
275
|
+
]
|
|
276
|
+
}
|
|
277
|
+
),
|
|
278
|
+
children === null || children === void 0 ? null : /* @__PURE__ */ jsx(
|
|
279
|
+
"div",
|
|
280
|
+
{
|
|
281
|
+
...omitProps(slotProps?.body, [
|
|
282
|
+
"children",
|
|
283
|
+
"dangerouslySetInnerHTML",
|
|
284
|
+
"data-part",
|
|
285
|
+
"data-uiify-drawer"
|
|
286
|
+
]),
|
|
287
|
+
"data-part": "body",
|
|
288
|
+
"data-uiify-drawer": "",
|
|
289
|
+
children
|
|
290
|
+
}
|
|
291
|
+
),
|
|
292
|
+
footer === null || footer === void 0 ? null : /* @__PURE__ */ jsx(
|
|
293
|
+
"div",
|
|
294
|
+
{
|
|
295
|
+
...omitProps(slotProps?.footer, [
|
|
296
|
+
"children",
|
|
297
|
+
"dangerouslySetInnerHTML",
|
|
298
|
+
"data-part",
|
|
299
|
+
"data-uiify-drawer"
|
|
300
|
+
]),
|
|
301
|
+
"data-part": "footer",
|
|
302
|
+
"data-uiify-drawer": "",
|
|
303
|
+
children: footer
|
|
304
|
+
}
|
|
305
|
+
)
|
|
306
|
+
]
|
|
307
|
+
}
|
|
308
|
+
)
|
|
309
|
+
]
|
|
310
|
+
}
|
|
311
|
+
);
|
|
102
312
|
}
|
|
103
313
|
DrawerPanel.displayName = "DrawerPanel";
|
|
104
314
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/drawer/DrawerNative.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type { DrawerProps, DrawerNativeContentProps, DrawerNativeInvokerProps } from \"./types.js\";\n\nconst DEFAULT_DRAWER_LABELS = { close: \"Close\" } as const;\n\nexport function DrawerNativeTrigger({ target, ...props }: DrawerNativeInvokerProps): ReactElement {\n return renderNativeInvoker(\n \"button\",\n \"data-uiify-drawer\",\n \"trigger\",\n \"show-modal\",\n target,\n props,\n { button: true },\n );\n}\nexport function DrawerNativeClose({ target, ...props }: DrawerNativeInvokerProps): ReactElement {\n return renderNativeInvoker(\n \"button\",\n \"data-uiify-drawer\",\n \"close\",\n \"request-close\",\n target,\n props,\n { button: true, variant: \"ghost\" },\n );\n}\nexport function DrawerNativeContent({\n size,\n dismiss = \"any\",\n backdrop,\n side = \"bottom\",\n ...props\n}: DrawerNativeContentProps): ReactElement {\n return (\n <dialog\n {...props}\n closedby={dismiss}\n data-side={side}\n data-size={size}\n data-backdrop={backdrop}\n data-part=\"content\"\n data-uiify-drawer=\"\"\n />\n );\n}\nDrawerNativeContent.displayName = \"DrawerNativeContent\";\n\nexport function DrawerPanel({\n id,\n trigger,\n title,\n description,\n children,\n closeLabel,\n labels,\n side = \"bottom\",\n className,\n footer,\n size,\n dismiss,\n backdrop,\n}: DrawerProps): ReactElement {\n const effectiveCloseLabel = closeLabel ?? labels?.close ?? DEFAULT_DRAWER_LABELS.close;\n return (\n <div data-part=\"root\" data-side={side} data-uiify-drawer=\"\">\n <DrawerNativeTrigger target={id}>{trigger}</DrawerNativeTrigger>\n <DrawerNativeContent\n aria-describedby={\n description === null || description === undefined ? undefined : `${id}-description`\n }\n aria-labelledby={`${id}-title`}\n className={className}\n side={side}\n id={id}\n {...(size ? { size } : {})}\n {...(dismiss ? { dismiss } : {})}\n {...(backdrop ? { backdrop } : {})}\n >\n <div data-part=\"grabber\" data-uiify-drawer=\"\" aria-hidden=\"true\" />\n <div data-part=\"header\" data-uiify-drawer=\"\">\n <h2 data-part=\"title\" id={`${id}-title`}>\n {title}\n </h2>\n {description === null || description === undefined ? null : (\n <p data-part=\"description\" id={`${id}-description`}>\n {description}\n </p>\n )}\n <DrawerNativeClose target={id} aria-label={effectiveCloseLabel}>\n <svg\n aria-hidden=\"true\"\n viewBox=\"0 0 16 16\"\n width=\"14\"\n height=\"14\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.75\"\n strokeLinecap=\"round\"\n >\n <path d=\"M3 3l10 10M13 3L3 13\" />\n </svg>\n </DrawerNativeClose>\n </div>\n {children === null || children === undefined ? null : (\n <div data-part=\"body\" data-uiify-drawer=\"\">\n {children}\n </div>\n )}\n {footer === null || footer === undefined ? null : (\n <div data-part=\"footer\" data-uiify-drawer=\"\">\n {footer}\n </div>\n )}\n </DrawerNativeContent>\n </div>\n );\n}\nDrawerPanel.displayName = \"DrawerPanel\";\n"],"mappings":"AAoCI,cA6CI,YA7CJ;AAnCJ,SAAS,2BAA2B;AAGpC,MAAM,wBAAwB,EAAE,OAAO,QAAQ;AAExC,SAAS,oBAAoB,EAAE,QAAQ,GAAG,MAAM,GAA2C;AAChG,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACO,SAAS,kBAAkB,EAAE,QAAQ,GAAG,MAAM,GAA2C;AAC9F,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,MAAM,SAAS,QAAQ;AAAA,EACnC;AACF;AACO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,aAAW;AAAA,MACX,aAAW;AAAA,MACX,iBAAe;AAAA,MACf,aAAU;AAAA,MACV,qBAAkB;AAAA;AAAA,EACpB;AAEJ;AACA,oBAAoB,cAAc;AAE3B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,sBAAsB,cAAc,QAAQ,SAAS,sBAAsB;AACjF,SACE,qBAAC,SAAI,aAAU,QAAO,aAAW,MAAM,qBAAkB,IACvD;AAAA,wBAAC,uBAAoB,QAAQ,IAAK,mBAAQ;AAAA,IAC1C;AAAA,MAAC;AAAA;AAAA,QACC,oBACE,gBAAgB,QAAQ,gBAAgB,SAAY,SAAY,GAAG,EAAE;AAAA,QAEvE,mBAAiB,GAAG,EAAE;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,OAAO,EAAE,KAAK,IAAI,CAAC;AAAA,QACvB,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;AAAA,QAC7B,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;AAAA,QAEhC;AAAA,8BAAC,SAAI,aAAU,WAAU,qBAAkB,IAAG,eAAY,QAAO;AAAA,UACjE,qBAAC,SAAI,aAAU,UAAS,qBAAkB,IACxC;AAAA,gCAAC,QAAG,aAAU,SAAQ,IAAI,GAAG,EAAE,UAC5B,iBACH;AAAA,YACC,gBAAgB,QAAQ,gBAAgB,SAAY,OACnD,oBAAC,OAAE,aAAU,eAAc,IAAI,GAAG,EAAE,gBACjC,uBACH;AAAA,YAEF,oBAAC,qBAAkB,QAAQ,IAAI,cAAY,qBACzC;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,QAAO;AAAA,gBACP,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,aAAY;AAAA,gBACZ,eAAc;AAAA,gBAEd,8BAAC,UAAK,GAAE,wBAAuB;AAAA;AAAA,YACjC,GACF;AAAA,aACF;AAAA,UACC,aAAa,QAAQ,aAAa,SAAY,OAC7C,oBAAC,SAAI,aAAU,QAAO,qBAAkB,IACrC,UACH;AAAA,UAED,WAAW,QAAQ,WAAW,SAAY,OACzC,oBAAC,SAAI,aAAU,UAAS,qBAAkB,IACvC,kBACH;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AACA,YAAY,cAAc;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/drawer/DrawerNative.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { omitProps } from \"../../core/slot-props.js\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type { DrawerProps, DrawerNativeContentProps, DrawerNativeInvokerProps } from \"./types.js\";\n\nconst DEFAULT_DRAWER_LABELS = { close: \"Close\" } as const;\n\nexport function DrawerNativeTrigger({ target, ...props }: DrawerNativeInvokerProps): ReactElement {\n return renderNativeInvoker(\n \"button\",\n \"data-uiify-drawer\",\n \"trigger\",\n \"show-modal\",\n target,\n omitProps(props, [\n \"type\",\n \"command\",\n \"commandfor\",\n \"commandFor\",\n \"popoverTarget\",\n \"popoverTargetAction\",\n \"data-part\",\n \"data-variant\",\n \"data-uiify-button\",\n \"data-uiify-drawer\",\n \"dangerouslySetInnerHTML\",\n ]),\n { button: true },\n );\n}\nexport function DrawerNativeClose({ target, ...props }: DrawerNativeInvokerProps): ReactElement {\n return renderNativeInvoker(\n \"button\",\n \"data-uiify-drawer\",\n \"close\",\n \"request-close\",\n target,\n omitProps(props, [\n \"type\",\n \"command\",\n \"commandfor\",\n \"commandFor\",\n \"popoverTarget\",\n \"popoverTargetAction\",\n \"data-part\",\n \"data-variant\",\n \"data-uiify-button\",\n \"data-uiify-drawer\",\n \"dangerouslySetInnerHTML\",\n ]),\n { button: true, variant: \"ghost\" },\n );\n}\nexport function DrawerNativeContent({\n size,\n dismiss = \"any\",\n backdrop,\n side = \"bottom\",\n ...props\n}: DrawerNativeContentProps): ReactElement {\n return (\n <dialog\n {...omitProps(props, [\n \"dangerouslySetInnerHTML\",\n \"open\",\n \"popover\",\n \"closedby\",\n \"data-side\",\n \"data-size\",\n \"data-backdrop\",\n \"data-part\",\n \"data-uiify-drawer\",\n ])}\n closedby={dismiss}\n data-side={side}\n data-size={size}\n data-backdrop={backdrop}\n data-part=\"content\"\n data-uiify-drawer=\"\"\n />\n );\n}\nDrawerNativeContent.displayName = \"DrawerNativeContent\";\n\nexport function DrawerPanel({\n id,\n trigger,\n title,\n description,\n children,\n closeLabel,\n labels,\n side = \"bottom\",\n footer,\n slotProps,\n size,\n dismiss,\n backdrop,\n ...rootProps\n}: DrawerProps): ReactElement {\n const effectiveCloseLabel = closeLabel ?? labels?.close ?? DEFAULT_DRAWER_LABELS.close;\n return (\n <div\n {...omitProps(rootProps, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"data-part\",\n \"data-side\",\n \"data-uiify-drawer\",\n ])}\n data-part=\"root\"\n data-side={side}\n data-uiify-drawer=\"\"\n >\n <DrawerNativeTrigger\n {...omitProps(slotProps?.trigger, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"type\",\n \"command\",\n \"commandfor\",\n \"commandFor\",\n \"popoverTarget\",\n \"popoverTargetAction\",\n \"data-part\",\n \"data-variant\",\n \"data-uiify-button\",\n \"data-uiify-drawer\",\n ])}\n target={id}\n >\n {trigger}\n </DrawerNativeTrigger>\n <DrawerNativeContent\n {...omitProps(slotProps?.content, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"size\",\n \"dismiss\",\n \"side\",\n \"backdrop\",\n \"id\",\n \"open\",\n \"popover\",\n \"closedby\",\n \"aria-describedby\",\n \"aria-labelledby\",\n \"aria-modal\",\n \"data-part\",\n \"data-side\",\n \"data-size\",\n \"data-backdrop\",\n \"data-state\",\n \"data-snap-enabled\",\n \"data-uiify-drawer\",\n ])}\n aria-describedby={\n description === null || description === undefined ? undefined : `${id}-description`\n }\n aria-labelledby={`${id}-title`}\n side={side}\n id={id}\n {...(size ? { size } : {})}\n {...(dismiss ? { dismiss } : {})}\n {...(backdrop ? { backdrop } : {})}\n >\n <div\n {...omitProps(slotProps?.grabber, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"aria-hidden\",\n \"data-part\",\n \"data-uiify-drawer\",\n ])}\n data-part=\"grabber\"\n data-uiify-drawer=\"\"\n aria-hidden=\"true\"\n />\n <div\n {...omitProps(slotProps?.header, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"data-part\",\n \"data-uiify-drawer\",\n ])}\n data-part=\"header\"\n data-uiify-drawer=\"\"\n >\n <h2\n {...omitProps(slotProps?.title, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"id\",\n \"data-part\",\n \"data-uiify-drawer\",\n ])}\n data-part=\"title\"\n id={`${id}-title`}\n data-uiify-drawer=\"\"\n >\n {title}\n </h2>\n {description === null || description === undefined ? null : (\n <p\n {...omitProps(slotProps?.description, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"id\",\n \"data-part\",\n \"data-uiify-drawer\",\n ])}\n data-part=\"description\"\n id={`${id}-description`}\n data-uiify-drawer=\"\"\n >\n {description}\n </p>\n )}\n <DrawerNativeClose\n {...omitProps(slotProps?.close, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"type\",\n \"command\",\n \"commandfor\",\n \"commandFor\",\n \"popoverTarget\",\n \"popoverTargetAction\",\n \"aria-label\",\n \"data-part\",\n \"data-variant\",\n \"data-uiify-button\",\n \"data-uiify-drawer\",\n ])}\n target={id}\n aria-label={effectiveCloseLabel}\n >\n <svg\n fill=\"none\"\n viewBox=\"0 0 16 16\"\n width=\"14\"\n height=\"14\"\n stroke=\"currentColor\"\n strokeWidth=\"1.75\"\n strokeLinecap=\"round\"\n {...omitProps(slotProps?.closeIcon, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"aria-hidden\",\n \"focusable\",\n ])}\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path\n d=\"M3 3l10 10M13 3L3 13\"\n {...omitProps(slotProps?.closeIconPath, [\"children\", \"dangerouslySetInnerHTML\"])}\n />\n </svg>\n </DrawerNativeClose>\n </div>\n {children === null || children === undefined ? null : (\n <div\n {...omitProps(slotProps?.body, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"data-part\",\n \"data-uiify-drawer\",\n ])}\n data-part=\"body\"\n data-uiify-drawer=\"\"\n >\n {children}\n </div>\n )}\n {footer === null || footer === undefined ? null : (\n <div\n {...omitProps(slotProps?.footer, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"data-part\",\n \"data-uiify-drawer\",\n ])}\n data-part=\"footer\"\n data-uiify-drawer=\"\"\n >\n {footer}\n </div>\n )}\n </DrawerNativeContent>\n </div>\n );\n}\nDrawerPanel.displayName = \"DrawerPanel\";\n"],"mappings":"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","names":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerHandle, DrawerRoot, DrawerTitle, DrawerTrigger, } from "./Drawer.js";
|
|
2
2
|
export { DrawerPanel, DrawerNativeTrigger, DrawerNativeClose, DrawerNativeContent, } from "./DrawerNative.js";
|
|
3
3
|
export type { DrawerCloseOwnProps, DrawerCloseProps, DrawerContentOwnProps, DrawerContentProps, DrawerDescriptionOwnProps, DrawerHandleOwnProps, DrawerRootOwnProps, DrawerRootProps, DrawerTitleOwnProps, DrawerTriggerOwnProps, DrawerTriggerProps, } from "./types.js";
|
|
4
|
-
export type { DrawerProps, DrawerLabels, DrawerSide, DrawerAppearanceProps, DrawerNativeContentProps, DrawerNativeInvokerProps, } from "./types.js";
|
|
4
|
+
export type { DrawerProps, DrawerLabels, DrawerSide, DrawerAppearanceProps, DrawerNativeContentProps, DrawerNativeInvokerProps, DrawerOwnProps, DrawerSlotProps, } from "./types.js";
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,WAAW,EACX,YAAY,EACZ,UAAU,EACV,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,WAAW,EACX,YAAY,EACZ,UAAU,EACV,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,EACxB,cAAc,EACd,eAAe,GAChB,MAAM,YAAY,CAAC"}
|