@gunkin/uiify 0.0.22-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 +23 -3
- package/agents/reference/components/alert-modal.md +25 -7
- package/agents/reference/components/alert.md +13 -1
- package/agents/reference/components/aspect-ratio.md +12 -0
- package/agents/reference/components/avatar.md +14 -0
- package/agents/reference/components/badge.md +4 -0
- package/agents/reference/components/breadcrumb.md +25 -1
- package/agents/reference/components/button.md +4 -0
- package/agents/reference/components/candle-chart.md +54 -2
- package/agents/reference/components/card.md +4 -0
- package/agents/reference/components/carousel.md +34 -1
- package/agents/reference/components/checkbox.md +7 -1
- package/agents/reference/components/collapsible.md +21 -3
- package/agents/reference/components/color-picker.md +22 -2
- package/agents/reference/components/combobox.md +24 -9
- package/agents/reference/components/context-menu.md +41 -5
- package/agents/reference/components/date-picker.md +4 -0
- package/agents/reference/components/description-list.md +4 -0
- package/agents/reference/components/drawer.md +35 -5
- package/agents/reference/components/dropdown-menu.md +8 -3
- package/agents/reference/components/empty.md +4 -0
- package/agents/reference/components/field.md +8 -3
- package/agents/reference/components/fieldset.md +4 -0
- package/agents/reference/components/file-upload.md +4 -0
- package/agents/reference/components/form-error-summary.md +15 -1
- package/agents/reference/components/form.md +4 -0
- package/agents/reference/components/header.md +4 -0
- package/agents/reference/components/hover-card.md +4 -0
- package/agents/reference/components/input-group.md +4 -0
- package/agents/reference/components/input.md +4 -0
- package/agents/reference/components/item.md +4 -0
- package/agents/reference/components/line-chart.md +45 -2
- package/agents/reference/components/modal.md +27 -3
- package/agents/reference/components/number-field.md +4 -0
- package/agents/reference/components/otp-input.md +4 -0
- package/agents/reference/components/pagination.md +17 -1
- package/agents/reference/components/popup.md +5 -0
- package/agents/reference/components/progress.md +4 -0
- package/agents/reference/components/radio-group.md +13 -2
- package/agents/reference/components/rating.md +13 -2
- package/agents/reference/components/segmented-control.md +13 -3
- package/agents/reference/components/select.md +5 -0
- package/agents/reference/components/skeleton.md +4 -0
- package/agents/reference/components/slider.md +17 -1
- package/agents/reference/components/spinner.md +14 -1
- package/agents/reference/components/switch.md +4 -0
- package/agents/reference/components/table-of-contents.md +4 -0
- package/agents/reference/components/table.md +20 -0
- package/agents/reference/components/tabs.md +26 -3
- package/agents/reference/components/tags-input.md +26 -1
- package/agents/reference/components/textarea.md +4 -0
- package/agents/reference/components/toast.md +59 -10
- package/agents/reference/components/toggle-group.md +10 -3
- package/agents/reference/components/toggle.md +20 -3
- package/agents/reference/components/toolbar.md +8 -4
- package/agents/reference/components/tooltip.md +4 -0
- package/agents/reference/components/virtual-scroll.md +35 -2
- package/agents/reference/elements/choice.md +21 -8
- package/agents/reference/elements/details.md +1 -1
- package/agents/reference/elements/dialog.md +1 -1
- package/agents/reference/elements/invoker.md +1 -1
- package/agents/reference/elements/popover.md +1 -1
- 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/SKILL.md +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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,eAAe;CAAG;AAEzD,KAAK,4BAA4B,GAAG;IAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC;IACtC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,KAAK,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,iBAAiB,CACpD,IAAI,CACF,qBAAqB,CAAC,SAAS,CAAC,EAC9B,MAAM,GACN,MAAM,GACN,UAAU,GACV,yBAAyB,GACzB,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,UAAU,CACb,EACD,4BAA4B,CAC7B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,CACvD,IAAI,CACF,qBAAqB,CAAC,SAAS,CAAC,EAC9B,UAAU,GACV,yBAAyB,GACzB,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,UAAU,GACV,MAAM,CACT,EACD,4BAA4B,CAC7B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CACrD,IAAI,CACF,qBAAqB,CAAC,KAAK,CAAC,EAC1B,UAAU,GACV,yBAAyB,GACzB,WAAW,GACX,oBAAoB,GACpB,sBAAsB,GACtB,MAAM,CACT,EACD,4BAA4B,CAC7B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,sBAAsB,CAAC;IACvC,QAAQ,CAAC,OAAO,CAAC,EAAE,yBAAyB,CAAC;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC;CAC1C;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IACnD,QAAQ,CAAC,SAAS,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAED,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAC5C,IAAI,CACF,qBAAqB,CAAC,KAAK,CAAC,EAC5B,MAAM,iBAAiB,GAAG,UAAU,GAAG,yBAAyB,GAAG,sBAAsB,CAC1F,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAIrF,wBAAgB,KAAK,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACnD,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,GACrB,YAAY,GAAG,IAAI,CAmCrB;yBArCe,KAAK;;;AAyCrB,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACxD,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CASrB;yBAXe,UAAU;;;AAa1B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAarB;yBAfe,gBAAgB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useRenderElement } from "@gunkin/uiify/core/render";
|
|
3
|
+
import { omitProps } from "../../core/slot-props.js";
|
|
3
4
|
const symbols = { secondary: "\u24D8", success: "\u2713", warning: "\u26A0\uFE0E", destructive: "\xD7" };
|
|
4
5
|
function Alert(props) {
|
|
5
6
|
const {
|
|
@@ -7,6 +8,7 @@ function Alert(props) {
|
|
|
7
8
|
render,
|
|
8
9
|
variant = "secondary",
|
|
9
10
|
symbol = symbols[variant],
|
|
11
|
+
slotProps,
|
|
10
12
|
children,
|
|
11
13
|
...consumerProps
|
|
12
14
|
} = props;
|
|
@@ -18,7 +20,15 @@ function Alert(props) {
|
|
|
18
20
|
"data-uiify-alert": "",
|
|
19
21
|
"data-variant": variant,
|
|
20
22
|
children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
21
|
-
symbol !== false && /* @__PURE__ */ jsx(
|
|
23
|
+
symbol !== false && /* @__PURE__ */ jsx(
|
|
24
|
+
"span",
|
|
25
|
+
{
|
|
26
|
+
...omitProps(slotProps?.symbol, ["aria-hidden", "data-part", "data-uiify-alert"]),
|
|
27
|
+
"data-part": "symbol",
|
|
28
|
+
"aria-hidden": "true",
|
|
29
|
+
children: symbol
|
|
30
|
+
}
|
|
31
|
+
),
|
|
22
32
|
children
|
|
23
33
|
] })
|
|
24
34
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AlertDescriptionProps, AlertProps, AlertTitleProps } from \"./types.js\";\n\nconst symbols = { secondary: \"ⓘ\", success: \"✓\", warning: \"⚠︎\", destructive: \"×\" };\n\nexport function Alert<TAs extends ElementType = \"div\">(\n props: AlertProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n variant = \"secondary\",\n symbol = symbols[variant],\n children,\n ...consumerProps\n } = props as AlertProps<\"div\">;\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-uiify-alert\": \"\",\n \"data-variant\": variant,\n children: (\n <>\n {symbol !== false && (\n <span data-part=\"symbol\"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport { omitProps } from \"../../core/slot-props.js\";\nimport type { AlertDescriptionProps, AlertProps, AlertTitleProps } from \"./types.js\";\n\nconst symbols = { secondary: \"ⓘ\", success: \"✓\", warning: \"⚠︎\", destructive: \"×\" };\n\nexport function Alert<TAs extends ElementType = \"div\">(\n props: AlertProps<TAs>,\n): ReactElement | null {\n const {\n as,\n render,\n variant = \"secondary\",\n symbol = symbols[variant],\n slotProps,\n children,\n ...consumerProps\n } = props as AlertProps<\"div\">;\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-uiify-alert\": \"\",\n \"data-variant\": variant,\n children: (\n <>\n {symbol !== false && (\n <span\n {...omitProps(slotProps?.symbol, [\"aria-hidden\", \"data-part\", \"data-uiify-alert\"])}\n data-part=\"symbol\"\n aria-hidden=\"true\"\n >\n {symbol}\n </span>\n )}\n {children}\n </>\n ),\n },\n render,\n state: {},\n });\n}\n\nAlert.displayName = \"Alert\";\n\nexport function AlertTitle<TAs extends ElementType = \"div\">(\n props: AlertTitleProps<TAs>,\n): ReactElement | null {\n const { as, render, ...consumerProps } = props as AlertTitleProps<\"div\">;\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: { ...consumerProps, \"data-uiify-alert-title\": \"\", \"data-part\": \"title\" },\n render,\n state: {},\n });\n}\n\nexport function AlertDescription<TAs extends ElementType = \"div\">(\n props: AlertDescriptionProps<TAs>,\n): ReactElement | null {\n const { as, render, ...consumerProps } = props as AlertDescriptionProps<\"div\">;\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-uiify-alert-description\": \"\",\n \"data-part\": \"description\",\n },\n render,\n state: {},\n });\n}\n\nAlertTitle.displayName = \"AlertTitle\";\nAlertDescription.displayName = \"AlertDescription\";\n"],"mappings":"AA2BQ,mBAEI,KAFJ;AA1BR,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAG1B,MAAM,UAAU,EAAE,WAAW,UAAK,SAAS,UAAK,SAAS,gBAAM,aAAa,OAAI;AAEzE,SAAS,MACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS,QAAQ,OAAO;AAAA,IACxB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,UACE,iCACG;AAAA,mBAAW,SACV;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,UAAU,WAAW,QAAQ,CAAC,eAAe,aAAa,kBAAkB,CAAC;AAAA,YACjF,aAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAED;AAAA,SACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,MAAM,cAAc;AAEb,SAAS,WACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,0BAA0B,IAAI,aAAa,QAAQ;AAAA,IAC9E;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,iBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,gCAAgC;AAAA,MAChC,aAAa;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,WAAW,cAAc;AACzB,iBAAiB,cAAc;","names":[]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { Alert, AlertDescription, AlertTitle } from "./Alert.js";
|
|
2
|
-
export type { AlertDescriptionOwnProps, AlertDescriptionProps, AlertOwnProps, AlertProps, AlertTitleOwnProps, AlertTitleProps, AlertVariant, } from "./types.js";
|
|
2
|
+
export type { AlertDescriptionOwnProps, AlertDescriptionProps, AlertOwnProps, AlertProps, AlertSlotProps, AlertSymbolSlotProps, AlertTitleOwnProps, AlertTitleProps, AlertVariant, } from "./types.js";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjE,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjE,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EAClB,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/alert/index.ts"],"sourcesContent":["export { Alert, AlertDescription, AlertTitle } from \"./Alert.js\";\nexport type {\n AlertDescriptionOwnProps,\n AlertDescriptionProps,\n AlertOwnProps,\n AlertProps,\n AlertTitleOwnProps,\n AlertTitleProps,\n AlertVariant,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,OAAO,kBAAkB,kBAAkB;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/alert/index.ts"],"sourcesContent":["export { Alert, AlertDescription, AlertTitle } from \"./Alert.js\";\nexport type {\n AlertDescriptionOwnProps,\n AlertDescriptionProps,\n AlertOwnProps,\n AlertProps,\n AlertSlotProps,\n AlertSymbolSlotProps,\n AlertTitleOwnProps,\n AlertTitleProps,\n AlertVariant,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,OAAO,kBAAkB,kBAAkB;","names":[]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { ElementType, ReactNode } from "react";
|
|
1
|
+
import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
|
|
2
|
+
import type { ConsumerDataAttributes } from "../../core/slot-props.js";
|
|
2
3
|
import type { RenderableProps } from "@gunkin/uiify/core/render";
|
|
3
4
|
export type AlertVariant = "secondary" | "success" | "warning" | "destructive";
|
|
4
5
|
export interface AlertOwnProps {
|
|
@@ -7,6 +8,7 @@ export interface AlertOwnProps {
|
|
|
7
8
|
readonly variant?: AlertVariant;
|
|
8
9
|
/** Override the decorative text symbol, or hide it with false. */
|
|
9
10
|
readonly symbol?: string | false;
|
|
11
|
+
readonly slotProps?: AlertSlotProps;
|
|
10
12
|
}
|
|
11
13
|
export type AlertProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AlertOwnProps, Record<string, never>, HTMLElement>;
|
|
12
14
|
export interface AlertTitleOwnProps {
|
|
@@ -17,4 +19,12 @@ export interface AlertDescriptionOwnProps {
|
|
|
17
19
|
readonly children?: ReactNode;
|
|
18
20
|
}
|
|
19
21
|
export type AlertDescriptionProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AlertDescriptionOwnProps, Record<string, never>, HTMLElement>;
|
|
22
|
+
export type AlertSymbolSlotProps = Omit<ComponentPropsWithRef<"span">, "aria-hidden" | "children" | "dangerouslySetInnerHTML" | "data-part" | "data-uiify-alert"> & {
|
|
23
|
+
readonly "aria-hidden"?: never;
|
|
24
|
+
readonly "data-part"?: never;
|
|
25
|
+
readonly "data-uiify-alert"?: never;
|
|
26
|
+
} & ConsumerDataAttributes;
|
|
27
|
+
export interface AlertSlotProps {
|
|
28
|
+
readonly symbol?: AlertSymbolSlotProps;
|
|
29
|
+
}
|
|
20
30
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,uEAAuE;IACvE,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,kEAAkE;IAClE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;CACrC;AAED,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACvE,GAAG,EACH,aAAa,EACb,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC5E,GAAG,EACH,kBAAkB,EAClB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAClF,GAAG,EACH,wBAAwB,EACxB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,qBAAqB,CAAC,MAAM,CAAC,EAC7B,aAAa,GAAG,UAAU,GAAG,yBAAyB,GAAG,WAAW,GAAG,kBAAkB,CAC1F,GAAG;IACF,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAC7B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC;CACrC,GAAG,sBAAsB,CAAC;AAE3B,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,oBAAoB,CAAC;CACxC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactElement } from "react";
|
|
2
2
|
import type { AlertModalProps } from "./types.js";
|
|
3
3
|
/** Convenience shell over the native parts: one trigger, one modal alertdialog, cancel and action. */
|
|
4
|
-
export declare function AlertModal({ id, trigger, title, description, children, actionLabel, cancelLabel,
|
|
4
|
+
export declare function AlertModal({ id, trigger, title, description, children, actionLabel, cancelLabel, slotProps, ...rootProps }: AlertModalProps): ReactElement;
|
|
5
5
|
export declare namespace AlertModal {
|
|
6
6
|
var displayName: string;
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertModal.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AlertModal.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAQ1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,sGAAsG;AACtG,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAuB,EACvB,WAAsB,EACtB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,eAAe,GAAG,YAAY,CA8HhC;yBAxIe,UAAU"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { omitProps } from "../../core/slot-props.js";
|
|
2
3
|
import {
|
|
3
4
|
AlertModalAction,
|
|
4
5
|
AlertModalCancel,
|
|
@@ -13,29 +14,147 @@ function AlertModal({
|
|
|
13
14
|
children,
|
|
14
15
|
actionLabel = "Confirm",
|
|
15
16
|
cancelLabel = "Cancel",
|
|
16
|
-
|
|
17
|
+
slotProps,
|
|
18
|
+
...rootProps
|
|
17
19
|
}) {
|
|
18
20
|
const titleId = `${id}-title`;
|
|
19
21
|
const descriptionId = `${id}-description`;
|
|
20
|
-
return /* @__PURE__ */ jsxs(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
22
|
+
return /* @__PURE__ */ jsxs(
|
|
23
|
+
"div",
|
|
24
|
+
{
|
|
25
|
+
...omitProps(rootProps, [
|
|
26
|
+
"children",
|
|
27
|
+
"dangerouslySetInnerHTML",
|
|
28
|
+
"data-part",
|
|
29
|
+
"data-uiify-alert-modal"
|
|
30
|
+
]),
|
|
31
|
+
"data-part": "root",
|
|
32
|
+
"data-uiify-alert-modal": "",
|
|
33
|
+
children: [
|
|
34
|
+
/* @__PURE__ */ jsx(
|
|
35
|
+
AlertModalTrigger,
|
|
36
|
+
{
|
|
37
|
+
...omitProps(slotProps?.trigger, [
|
|
38
|
+
"children",
|
|
39
|
+
"dangerouslySetInnerHTML",
|
|
40
|
+
"type",
|
|
41
|
+
"command",
|
|
42
|
+
"commandfor",
|
|
43
|
+
"commandFor",
|
|
44
|
+
"popoverTarget",
|
|
45
|
+
"popoverTargetAction",
|
|
46
|
+
"data-part",
|
|
47
|
+
"data-uiify-button",
|
|
48
|
+
"data-uiify-alert-modal"
|
|
49
|
+
]),
|
|
50
|
+
target: id,
|
|
51
|
+
children: trigger
|
|
52
|
+
}
|
|
53
|
+
),
|
|
54
|
+
/* @__PURE__ */ jsxs(
|
|
55
|
+
AlertModalContent,
|
|
56
|
+
{
|
|
57
|
+
...omitProps(slotProps?.content, [
|
|
58
|
+
"children",
|
|
59
|
+
"dangerouslySetInnerHTML",
|
|
60
|
+
"id",
|
|
61
|
+
"open",
|
|
62
|
+
"popover",
|
|
63
|
+
"role",
|
|
64
|
+
"aria-describedby",
|
|
65
|
+
"aria-labelledby",
|
|
66
|
+
"data-part",
|
|
67
|
+
"data-uiify-alert-modal"
|
|
68
|
+
]),
|
|
69
|
+
"aria-describedby": description === void 0 ? void 0 : descriptionId,
|
|
70
|
+
"aria-labelledby": titleId,
|
|
71
|
+
id,
|
|
72
|
+
children: [
|
|
73
|
+
/* @__PURE__ */ jsx(
|
|
74
|
+
"h2",
|
|
75
|
+
{
|
|
76
|
+
...omitProps(slotProps?.title, [
|
|
77
|
+
"children",
|
|
78
|
+
"dangerouslySetInnerHTML",
|
|
79
|
+
"id",
|
|
80
|
+
"data-part",
|
|
81
|
+
"data-uiify-alert-modal"
|
|
82
|
+
]),
|
|
83
|
+
id: titleId,
|
|
84
|
+
"data-part": "title",
|
|
85
|
+
"data-uiify-alert-modal": "",
|
|
86
|
+
children: title
|
|
87
|
+
}
|
|
88
|
+
),
|
|
89
|
+
description === void 0 ? null : /* @__PURE__ */ jsx(
|
|
90
|
+
"p",
|
|
91
|
+
{
|
|
92
|
+
...omitProps(slotProps?.description, [
|
|
93
|
+
"children",
|
|
94
|
+
"dangerouslySetInnerHTML",
|
|
95
|
+
"id",
|
|
96
|
+
"data-part",
|
|
97
|
+
"data-uiify-alert-modal"
|
|
98
|
+
]),
|
|
99
|
+
id: descriptionId,
|
|
100
|
+
"data-part": "description",
|
|
101
|
+
"data-uiify-alert-modal": "",
|
|
102
|
+
children: description
|
|
103
|
+
}
|
|
104
|
+
),
|
|
105
|
+
children,
|
|
106
|
+
/* @__PURE__ */ jsx(
|
|
107
|
+
AlertModalCancel,
|
|
108
|
+
{
|
|
109
|
+
...omitProps(slotProps?.cancel, [
|
|
110
|
+
"children",
|
|
111
|
+
"dangerouslySetInnerHTML",
|
|
112
|
+
"type",
|
|
113
|
+
"value",
|
|
114
|
+
"command",
|
|
115
|
+
"commandfor",
|
|
116
|
+
"commandFor",
|
|
117
|
+
"popoverTarget",
|
|
118
|
+
"popoverTargetAction",
|
|
119
|
+
"data-part",
|
|
120
|
+
"data-variant",
|
|
121
|
+
"data-uiify-button",
|
|
122
|
+
"data-uiify-alert-modal"
|
|
123
|
+
]),
|
|
124
|
+
target: id,
|
|
125
|
+
value: "cancel",
|
|
126
|
+
children: cancelLabel
|
|
127
|
+
}
|
|
128
|
+
),
|
|
129
|
+
/* @__PURE__ */ jsx(
|
|
130
|
+
AlertModalAction,
|
|
131
|
+
{
|
|
132
|
+
...omitProps(slotProps?.action, [
|
|
133
|
+
"children",
|
|
134
|
+
"dangerouslySetInnerHTML",
|
|
135
|
+
"type",
|
|
136
|
+
"value",
|
|
137
|
+
"command",
|
|
138
|
+
"commandfor",
|
|
139
|
+
"commandFor",
|
|
140
|
+
"popoverTarget",
|
|
141
|
+
"popoverTargetAction",
|
|
142
|
+
"data-part",
|
|
143
|
+
"data-variant",
|
|
144
|
+
"data-uiify-button",
|
|
145
|
+
"data-uiify-alert-modal"
|
|
146
|
+
]),
|
|
147
|
+
target: id,
|
|
148
|
+
value: "confirm",
|
|
149
|
+
children: actionLabel
|
|
150
|
+
}
|
|
151
|
+
)
|
|
152
|
+
]
|
|
153
|
+
}
|
|
154
|
+
)
|
|
155
|
+
]
|
|
156
|
+
}
|
|
157
|
+
);
|
|
39
158
|
}
|
|
40
159
|
AlertModal.displayName = "AlertModal";
|
|
41
160
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/alert-modal/AlertModal.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport {\n AlertModalAction,\n AlertModalCancel,\n AlertModalContent,\n AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nimport type { AlertModalProps } from \"./types.js\";\n\n/** Convenience shell over the native parts: one trigger, one modal alertdialog, cancel and action. */\nexport function AlertModal({\n id,\n trigger,\n title,\n description,\n children,\n actionLabel = \"Confirm\",\n cancelLabel = \"Cancel\",\n
|
|
1
|
+
{"version":3,"sources":["../../../src/components/alert-modal/AlertModal.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { omitProps } from \"../../core/slot-props.js\";\nimport {\n AlertModalAction,\n AlertModalCancel,\n AlertModalContent,\n AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nimport type { AlertModalProps } from \"./types.js\";\n\n/** Convenience shell over the native parts: one trigger, one modal alertdialog, cancel and action. */\nexport function AlertModal({\n id,\n trigger,\n title,\n description,\n children,\n actionLabel = \"Confirm\",\n cancelLabel = \"Cancel\",\n slotProps,\n ...rootProps\n}: AlertModalProps): ReactElement {\n const titleId = `${id}-title`;\n const descriptionId = `${id}-description`;\n\n return (\n <div\n {...omitProps(rootProps, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"data-part\",\n \"data-uiify-alert-modal\",\n ])}\n data-part=\"root\"\n data-uiify-alert-modal=\"\"\n >\n <AlertModalTrigger\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-uiify-button\",\n \"data-uiify-alert-modal\",\n ])}\n target={id}\n >\n {trigger}\n </AlertModalTrigger>\n <AlertModalContent\n {...omitProps(slotProps?.content, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"id\",\n \"open\",\n \"popover\",\n \"role\",\n \"aria-describedby\",\n \"aria-labelledby\",\n \"data-part\",\n \"data-uiify-alert-modal\",\n ])}\n aria-describedby={description === undefined ? undefined : descriptionId}\n aria-labelledby={titleId}\n id={id}\n >\n <h2\n {...omitProps(slotProps?.title, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"id\",\n \"data-part\",\n \"data-uiify-alert-modal\",\n ])}\n id={titleId}\n data-part=\"title\"\n data-uiify-alert-modal=\"\"\n >\n {title}\n </h2>\n {description === undefined ? null : (\n <p\n {...omitProps(slotProps?.description, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"id\",\n \"data-part\",\n \"data-uiify-alert-modal\",\n ])}\n id={descriptionId}\n data-part=\"description\"\n data-uiify-alert-modal=\"\"\n >\n {description}\n </p>\n )}\n {children}\n <AlertModalCancel\n {...omitProps(slotProps?.cancel, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"type\",\n \"value\",\n \"command\",\n \"commandfor\",\n \"commandFor\",\n \"popoverTarget\",\n \"popoverTargetAction\",\n \"data-part\",\n \"data-variant\",\n \"data-uiify-button\",\n \"data-uiify-alert-modal\",\n ])}\n target={id}\n value=\"cancel\"\n >\n {cancelLabel}\n </AlertModalCancel>\n <AlertModalAction\n {...omitProps(slotProps?.action, [\n \"children\",\n \"dangerouslySetInnerHTML\",\n \"type\",\n \"value\",\n \"command\",\n \"commandfor\",\n \"commandFor\",\n \"popoverTarget\",\n \"popoverTargetAction\",\n \"data-part\",\n \"data-variant\",\n \"data-uiify-button\",\n \"data-uiify-alert-modal\",\n ])}\n target={id}\n value=\"confirm\"\n >\n {actionLabel}\n </AlertModalAction>\n </AlertModalContent>\n </div>\n );\n}\nAlertModal.displayName = \"AlertModal\";\n"],"mappings":"AAoCM,cAkBA,YAlBA;AAnCN,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,QAAM,UAAU,GAAG,EAAE;AACrB,QAAM,gBAAgB,GAAG,EAAE;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,UAAU,WAAW;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACD,aAAU;AAAA,MACV,0BAAuB;AAAA,MAEvB;AAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,UAAU,WAAW,SAAS;AAAA,cAChC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,YACD,QAAQ;AAAA,YAEP;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,UAAU,WAAW,SAAS;AAAA,cAChC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,YACD,oBAAkB,gBAAgB,SAAY,SAAY;AAAA,YAC1D,mBAAiB;AAAA,YACjB;AAAA,YAEA;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,OAAO;AAAA,oBAC9B;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,IAAI;AAAA,kBACJ,aAAU;AAAA,kBACV,0BAAuB;AAAA,kBAEtB;AAAA;AAAA,cACH;AAAA,cACC,gBAAgB,SAAY,OAC3B;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,aAAa;AAAA,oBACpC;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,IAAI;AAAA,kBACJ,aAAU;AAAA,kBACV,0BAAuB;AAAA,kBAEtB;AAAA;AAAA,cACH;AAAA,cAED;AAAA,cACD;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,QAAQ;AAAA,oBAC/B;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,QAAQ;AAAA,kBACR,OAAM;AAAA,kBAEL;AAAA;AAAA,cACH;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,UAAU,WAAW,QAAQ;AAAA,oBAC/B;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF,CAAC;AAAA,kBACD,QAAQ;AAAA,kBACR,OAAM;AAAA,kBAEL;AAAA;AAAA,cACH;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AACA,WAAW,cAAc;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertModalParts.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AlertModalParts.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AAmBpB,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EAClE,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,GACjC,YAAY,CAWd;yBAbe,iBAAiB;;;AAgBjC,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,YAAY,CAmB7E;yBAnBe,iBAAiB;;;AAsBjC,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,CAWd;yBAbe,gBAAgB;;;AAgBhC,yCAAyC;AACzC,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,QAAQ,EACjE,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,CAWd;yBAbe,gBAAgB"}
|
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { omitProps } from "../../core/slot-props.js";
|
|
2
3
|
import { renderNativeInvoker } from "@gunkin/uiify/core/render";
|
|
4
|
+
const ALERT_MODAL_TRIGGER_OWNED_PROPS = [
|
|
5
|
+
"type",
|
|
6
|
+
"command",
|
|
7
|
+
"commandfor",
|
|
8
|
+
"commandFor",
|
|
9
|
+
"popoverTarget",
|
|
10
|
+
"popoverTargetAction",
|
|
11
|
+
"data-part",
|
|
12
|
+
"data-uiify-button",
|
|
13
|
+
"data-uiify-alert-modal",
|
|
14
|
+
"dangerouslySetInnerHTML"
|
|
15
|
+
];
|
|
16
|
+
const ALERT_MODAL_CHOICE_OWNED_PROPS = [
|
|
17
|
+
...ALERT_MODAL_TRIGGER_OWNED_PROPS,
|
|
18
|
+
"data-variant"
|
|
19
|
+
];
|
|
3
20
|
function AlertModalTrigger(props) {
|
|
4
21
|
const { as, target, ...consumerProps } = props;
|
|
5
22
|
return renderNativeInvoker(
|
|
@@ -8,14 +25,30 @@ function AlertModalTrigger(props) {
|
|
|
8
25
|
"trigger",
|
|
9
26
|
"show-modal",
|
|
10
27
|
target,
|
|
11
|
-
consumerProps,
|
|
28
|
+
omitProps(consumerProps, ALERT_MODAL_TRIGGER_OWNED_PROPS),
|
|
12
29
|
{ button: true }
|
|
13
30
|
);
|
|
14
31
|
}
|
|
15
32
|
AlertModalTrigger.displayName = "AlertModalTrigger";
|
|
16
33
|
function AlertModalContent(props) {
|
|
17
34
|
const { children, ...dialogProps } = props;
|
|
18
|
-
return /* @__PURE__ */ jsx(
|
|
35
|
+
return /* @__PURE__ */ jsx(
|
|
36
|
+
"dialog",
|
|
37
|
+
{
|
|
38
|
+
...omitProps(dialogProps, [
|
|
39
|
+
"open",
|
|
40
|
+
"popover",
|
|
41
|
+
"role",
|
|
42
|
+
"data-part",
|
|
43
|
+
"data-uiify-alert-modal",
|
|
44
|
+
"dangerouslySetInnerHTML"
|
|
45
|
+
]),
|
|
46
|
+
"data-part": "content",
|
|
47
|
+
"data-uiify-alert-modal": "",
|
|
48
|
+
role: "alertdialog",
|
|
49
|
+
children
|
|
50
|
+
}
|
|
51
|
+
);
|
|
19
52
|
}
|
|
20
53
|
AlertModalContent.displayName = "AlertModalContent";
|
|
21
54
|
function AlertModalAction(props) {
|
|
@@ -26,7 +59,7 @@ function AlertModalAction(props) {
|
|
|
26
59
|
"action",
|
|
27
60
|
"request-close",
|
|
28
61
|
target,
|
|
29
|
-
consumerProps,
|
|
62
|
+
omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS),
|
|
30
63
|
{ button: true, variant: "destructive" }
|
|
31
64
|
);
|
|
32
65
|
}
|
|
@@ -39,7 +72,7 @@ function AlertModalCancel(props) {
|
|
|
39
72
|
"cancel",
|
|
40
73
|
"request-close",
|
|
41
74
|
target,
|
|
42
|
-
consumerProps,
|
|
75
|
+
omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS),
|
|
43
76
|
{ button: true, variant: "secondary" }
|
|
44
77
|
);
|
|
45
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type {\n AlertModalActionProps,\n AlertModalCancelProps,\n AlertModalContentProps,\n AlertModalTriggerProps,\n} from \"./types.js\";\n\n/** Native alert modal invoker with alert-modal identity and trigger anatomy. */\nexport function AlertModalTrigger<TAs extends ElementType = \"button\">(\n props: AlertModalTriggerProps<TAs>,\n): ReactElement {\n const { as, target, ...consumerProps } = props as AlertModalTriggerProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"trigger\",\n \"show-modal\",\n target,\n consumerProps as Record<string, unknown>,\n { button: true },\n );\n}\nAlertModalTrigger.displayName = \"AlertModalTrigger\";\n\n/** Native alert dialog content with alert-modal identity and content anatomy. */\nexport function AlertModalContent(props: AlertModalContentProps): ReactElement {\n const { children, ...dialogProps } = props;\n return (\n <dialog
|
|
1
|
+
{"version":3,"sources":["../../../src/components/alert-modal/AlertModalParts.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { omitProps } from \"../../core/slot-props.js\";\nimport { renderNativeInvoker } from \"@gunkin/uiify/core/render\";\nimport type {\n AlertModalActionProps,\n AlertModalCancelProps,\n AlertModalContentProps,\n AlertModalTriggerProps,\n} from \"./types.js\";\n\nconst ALERT_MODAL_TRIGGER_OWNED_PROPS = [\n \"type\",\n \"command\",\n \"commandfor\",\n \"commandFor\",\n \"popoverTarget\",\n \"popoverTargetAction\",\n \"data-part\",\n \"data-uiify-button\",\n \"data-uiify-alert-modal\",\n \"dangerouslySetInnerHTML\",\n] as const;\nconst ALERT_MODAL_CHOICE_OWNED_PROPS = [\n ...ALERT_MODAL_TRIGGER_OWNED_PROPS,\n \"data-variant\",\n] as const;\n\n/** Native alert modal invoker with alert-modal identity and trigger anatomy. */\nexport function AlertModalTrigger<TAs extends ElementType = \"button\">(\n props: AlertModalTriggerProps<TAs>,\n): ReactElement {\n const { as, target, ...consumerProps } = props as unknown as AlertModalTriggerProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"trigger\",\n \"show-modal\",\n target,\n omitProps(consumerProps, ALERT_MODAL_TRIGGER_OWNED_PROPS) as Record<string, unknown>,\n { button: true },\n );\n}\nAlertModalTrigger.displayName = \"AlertModalTrigger\";\n\n/** Native alert dialog content with alert-modal identity and content anatomy. */\nexport function AlertModalContent(props: AlertModalContentProps): ReactElement {\n const { children, ...dialogProps } = props;\n return (\n <dialog\n {...omitProps(dialogProps, [\n \"open\",\n \"popover\",\n \"role\",\n \"data-part\",\n \"data-uiify-alert-modal\",\n \"dangerouslySetInnerHTML\",\n ])}\n data-part=\"content\"\n data-uiify-alert-modal=\"\"\n role=\"alertdialog\"\n >\n {children}\n </dialog>\n );\n}\nAlertModalContent.displayName = \"AlertModalContent\";\n\n/** Native alert modal action invoker. */\nexport function AlertModalAction<TAs extends ElementType = \"button\">(\n props: AlertModalActionProps<TAs>,\n): ReactElement {\n const { as, target, ...consumerProps } = props as unknown as AlertModalActionProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"action\",\n \"request-close\",\n target,\n omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS) as Record<string, unknown>,\n { button: true, variant: \"destructive\" },\n );\n}\nAlertModalAction.displayName = \"AlertModalAction\";\n\n/** Native alert modal cancel invoker. */\nexport function AlertModalCancel<TAs extends ElementType = \"button\">(\n props: AlertModalCancelProps<TAs>,\n): ReactElement {\n const { as, target, ...consumerProps } = props as unknown as AlertModalCancelProps<\"button\">;\n return renderNativeInvoker(\n as,\n \"data-uiify-alert-modal\",\n \"cancel\",\n \"request-close\",\n target,\n omitProps(consumerProps, ALERT_MODAL_CHOICE_OWNED_PROPS) as Record<string, unknown>,\n { button: true, variant: \"secondary\" },\n );\n}\nAlertModalCancel.displayName = \"AlertModalCancel\";\n"],"mappings":"AAgDI;AA/CJ,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AAQpC,MAAM,kCAAkC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,MAAM,iCAAiC;AAAA,EACrC,GAAG;AAAA,EACH;AACF;AAGO,SAAS,kBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,eAAe,+BAA+B;AAAA,IACxD,EAAE,QAAQ,KAAK;AAAA,EACjB;AACF;AACA,kBAAkB,cAAc;AAGzB,SAAS,kBAAkB,OAA6C;AAC7E,QAAM,EAAE,UAAU,GAAG,YAAY,IAAI;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,UAAU,aAAa;AAAA,QACzB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACD,aAAU;AAAA,MACV,0BAAuB;AAAA,MACvB,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AACA,kBAAkB,cAAc;AAGzB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,eAAe,8BAA8B;AAAA,IACvD,EAAE,QAAQ,MAAM,SAAS,cAAc;AAAA,EACzC;AACF;AACA,iBAAiB,cAAc;AAGxB,SAAS,iBACd,OACc;AACd,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,eAAe,8BAA8B;AAAA,IACvD,EAAE,QAAQ,MAAM,SAAS,YAAY;AAAA,EACvC;AACF;AACA,iBAAiB,cAAc;","names":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { AlertModal } from "./AlertModal.js";
|
|
2
2
|
export { AlertModalAction, AlertModalCancel, AlertModalContent, AlertModalTrigger, } from "./AlertModalParts.js";
|
|
3
|
-
export type { AlertModalActionOwnProps, AlertModalActionProps, AlertModalCancelOwnProps, AlertModalCancelProps, AlertModalContentOwnProps, AlertModalContentProps, AlertModalProps, AlertModalTriggerOwnProps, AlertModalTriggerProps, } from "./types.js";
|
|
3
|
+
export type { AlertModalActionOwnProps, AlertModalActionProps, AlertModalCancelOwnProps, AlertModalCancelProps, AlertModalContentOwnProps, AlertModalContentProps, AlertModalOwnProps, AlertModalProps, AlertModalSlotProps, AlertModalTriggerOwnProps, AlertModalTriggerProps, } from "./types.js";
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EACtB,eAAe,EACf,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,yBAAyB,EACzB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,yBAAyB,EACzB,sBAAsB,GACvB,MAAM,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/alert-modal/index.ts"],"sourcesContent":["export { AlertModal } from \"./AlertModal.js\";\nexport {\n AlertModalAction,\n AlertModalCancel,\n AlertModalContent,\n AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nexport type {\n AlertModalActionOwnProps,\n AlertModalActionProps,\n AlertModalCancelOwnProps,\n AlertModalCancelProps,\n AlertModalContentOwnProps,\n AlertModalContentProps,\n AlertModalProps,\n AlertModalTriggerOwnProps,\n AlertModalTriggerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/alert-modal/index.ts"],"sourcesContent":["export { AlertModal } from \"./AlertModal.js\";\nexport {\n AlertModalAction,\n AlertModalCancel,\n AlertModalContent,\n AlertModalTrigger,\n} from \"./AlertModalParts.js\";\nexport type {\n AlertModalActionOwnProps,\n AlertModalActionProps,\n AlertModalCancelOwnProps,\n AlertModalCancelProps,\n AlertModalContentOwnProps,\n AlertModalContentProps,\n AlertModalOwnProps,\n AlertModalProps,\n AlertModalSlotProps,\n AlertModalTriggerOwnProps,\n AlertModalTriggerProps,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
|
|
2
2
|
import type { NativeButtonProps } from "@gunkin/uiify/core/render";
|
|
3
|
-
|
|
3
|
+
import type { ConsumerDataAttributes } from "../../core/slot-props.js";
|
|
4
|
+
export interface AlertModalOwnProps {
|
|
4
5
|
readonly id: string;
|
|
5
6
|
readonly trigger: ReactNode;
|
|
6
7
|
readonly title: ReactNode;
|
|
@@ -8,28 +9,61 @@ export interface AlertModalProps {
|
|
|
8
9
|
readonly children?: ReactNode;
|
|
9
10
|
readonly actionLabel?: ReactNode;
|
|
10
11
|
readonly cancelLabel?: ReactNode;
|
|
11
|
-
|
|
12
|
+
/** Native props for each generated part; the AlertModal root takes props directly. */
|
|
13
|
+
readonly slotProps?: AlertModalSlotProps;
|
|
12
14
|
}
|
|
15
|
+
type AlertModalSlotElementProps<T extends ElementType, TProtected extends string = never> = Omit<ComponentPropsWithRef<T>, "children" | "dangerouslySetInnerHTML" | TProtected> & ConsumerDataAttributes & {
|
|
16
|
+
readonly [K in TProtected]?: never;
|
|
17
|
+
};
|
|
18
|
+
type AlertModalInvokerSlotProps<TProtected extends string = never> = AlertModalSlotElementProps<"button", "type" | "command" | "commandfor" | "commandFor" | "popoverTarget" | "popoverTargetAction" | "data-part" | "data-uiify-button" | "data-uiify-alert-modal" | TProtected>;
|
|
19
|
+
type AlertModalChoiceSlotProps = AlertModalInvokerSlotProps<"value" | "data-variant">;
|
|
20
|
+
export interface AlertModalSlotProps {
|
|
21
|
+
readonly trigger?: AlertModalInvokerSlotProps;
|
|
22
|
+
readonly content?: AlertModalSlotElementProps<"dialog", "id" | "role" | "open" | "popover" | "aria-describedby" | "aria-labelledby" | "data-part" | "data-uiify-alert-modal">;
|
|
23
|
+
readonly title?: AlertModalSlotElementProps<"h2", "id" | "data-part" | "data-uiify-alert-modal">;
|
|
24
|
+
readonly description?: AlertModalSlotElementProps<"p", "id" | "data-part" | "data-uiify-alert-modal">;
|
|
25
|
+
readonly cancel?: AlertModalChoiceSlotProps;
|
|
26
|
+
readonly action?: AlertModalChoiceSlotProps;
|
|
27
|
+
}
|
|
28
|
+
export type AlertModalProps = AlertModalOwnProps & Omit<AlertModalSlotElementProps<"div", "data-part" | "data-uiify-alert-modal">, keyof AlertModalOwnProps>;
|
|
13
29
|
export interface AlertModalTriggerOwnProps {
|
|
14
30
|
readonly children?: ReactNode;
|
|
15
31
|
/** `id` of the `AlertModalContent` this button opens. */
|
|
16
32
|
readonly target: string;
|
|
17
33
|
}
|
|
18
|
-
export type AlertModalTriggerProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalTriggerOwnProps
|
|
34
|
+
export type AlertModalTriggerProps<TAs extends ElementType = "button"> = Omit<NativeButtonProps<TAs, AlertModalTriggerOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
|
|
35
|
+
readonly "data-part"?: never;
|
|
36
|
+
readonly "data-uiify-button"?: never;
|
|
37
|
+
readonly "data-uiify-alert-modal"?: never;
|
|
38
|
+
};
|
|
19
39
|
export interface AlertModalActionOwnProps {
|
|
20
40
|
readonly children?: ReactNode;
|
|
21
41
|
readonly target: string;
|
|
22
42
|
}
|
|
23
|
-
export type AlertModalActionProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalActionOwnProps
|
|
43
|
+
export type AlertModalActionProps<TAs extends ElementType = "button"> = Omit<NativeButtonProps<TAs, AlertModalActionOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
|
|
44
|
+
readonly "data-part"?: never;
|
|
45
|
+
readonly "data-variant"?: never;
|
|
46
|
+
readonly "data-uiify-button"?: never;
|
|
47
|
+
readonly "data-uiify-alert-modal"?: never;
|
|
48
|
+
};
|
|
24
49
|
export interface AlertModalCancelOwnProps {
|
|
25
50
|
readonly children?: ReactNode;
|
|
26
51
|
readonly target: string;
|
|
27
52
|
}
|
|
28
|
-
export type AlertModalCancelProps<TAs extends ElementType = "button"> = NativeButtonProps<TAs, AlertModalCancelOwnProps
|
|
53
|
+
export type AlertModalCancelProps<TAs extends ElementType = "button"> = Omit<NativeButtonProps<TAs, AlertModalCancelOwnProps>, "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
|
|
54
|
+
readonly "data-part"?: never;
|
|
55
|
+
readonly "data-variant"?: never;
|
|
56
|
+
readonly "data-uiify-button"?: never;
|
|
57
|
+
readonly "data-uiify-alert-modal"?: never;
|
|
58
|
+
};
|
|
29
59
|
export interface AlertModalContentOwnProps {
|
|
30
60
|
readonly children?: ReactNode;
|
|
31
61
|
readonly id: string;
|
|
32
62
|
}
|
|
33
63
|
/** `<dialog role="alertdialog">`; `role`, `open` and `popover` belong to the part. */
|
|
34
|
-
export type AlertModalContentProps = AlertModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof AlertModalContentOwnProps | "open" | "popover" | "role"
|
|
64
|
+
export type AlertModalContentProps = AlertModalContentOwnProps & Omit<ComponentPropsWithRef<"dialog">, keyof AlertModalContentOwnProps | "open" | "popover" | "role" | "dangerouslySetInnerHTML"> & ConsumerDataAttributes & {
|
|
65
|
+
readonly "data-part"?: never;
|
|
66
|
+
readonly "data-uiify-alert-modal"?: never;
|
|
67
|
+
};
|
|
68
|
+
export {};
|
|
35
69
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert-modal/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACzD,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CA6BrB;yBA/Be,WAAW"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { omitProps } from "../../core/slot-props.js";
|
|
2
3
|
import { useRenderElement } from "@gunkin/uiify/core/render";
|
|
3
4
|
function AspectRatio(props) {
|
|
4
|
-
const { as, render, ratio, children, ...consumerProps } = props;
|
|
5
|
+
const { as, render, ratio, children, slotProps, ...consumerProps } = props;
|
|
5
6
|
const style = consumerProps.style;
|
|
6
7
|
return useRenderElement({
|
|
7
8
|
as,
|
|
@@ -13,7 +14,14 @@ function AspectRatio(props) {
|
|
|
13
14
|
...style,
|
|
14
15
|
...ratio !== void 0 ? { "--uiify-aspect-ratio": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 } : {}
|
|
15
16
|
},
|
|
16
|
-
children: /* @__PURE__ */ jsx(
|
|
17
|
+
children: /* @__PURE__ */ jsx(
|
|
18
|
+
"div",
|
|
19
|
+
{
|
|
20
|
+
...omitProps(slotProps?.content, ["data-part", "data-uiify-aspect-ratio"]),
|
|
21
|
+
"data-part": "content",
|
|
22
|
+
children
|
|
23
|
+
}
|
|
24
|
+
)
|
|
17
25
|
},
|
|
18
26
|
render,
|
|
19
27
|
state: {}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"sourcesContent":["// API research: Radix UI Aspect Ratio; independently authored from UIify design notes.\nimport type { CSSProperties, ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AspectRatioProps } from \"./types.js\";\n\nexport function AspectRatio<TAs extends ElementType = \"div\">(\n props: AspectRatioProps<TAs>,\n): ReactElement | null {\n const { as, render, ratio, children, ...consumerProps }
|
|
1
|
+
{"version":3,"sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"sourcesContent":["// API research: Radix UI Aspect Ratio; independently authored from UIify design notes.\nimport type { CSSProperties, ElementType, ReactElement } from \"react\";\nimport { omitProps } from \"../../core/slot-props.js\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AspectRatioProps } from \"./types.js\";\n\nexport function AspectRatio<TAs extends ElementType = \"div\">(\n props: AspectRatioProps<TAs>,\n): ReactElement | null {\n const { as, render, ratio, children, slotProps, ...consumerProps } =\n props as AspectRatioProps<\"div\">;\n const style = (consumerProps as { style?: CSSProperties }).style;\n\n return useRenderElement({\n as,\n defaultTag: \"div\",\n props: {\n ...consumerProps,\n \"data-uiify-aspect-ratio\": \"\",\n style: {\n ...style,\n ...(ratio !== undefined\n ? { \"--uiify-aspect-ratio\": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 }\n : {}),\n } as CSSProperties,\n children: (\n <div\n {...omitProps(slotProps?.content, [\"data-part\", \"data-uiify-aspect-ratio\"])}\n data-part=\"content\"\n >\n {children}\n </div>\n ),\n },\n render,\n state: {},\n });\n}\nAspectRatio.displayName = \"AspectRatio\";\n"],"mappings":"AA0BQ;AAxBR,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AAG1B,SAAS,YACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,OAAO,UAAU,WAAW,GAAG,cAAc,IAC/D;AACF,QAAM,QAAS,cAA4C;AAE3D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,2BAA2B;AAAA,MAC3B,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAI,UAAU,SACV,EAAE,wBAAwB,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ,EAAE,IAC1E,CAAC;AAAA,MACP;AAAA,MACA,UACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG,UAAU,WAAW,SAAS,CAAC,aAAa,yBAAyB,CAAC;AAAA,UAC1E,aAAU;AAAA,UAET;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,YAAY,cAAc;","names":[]}
|