@baseplate-dev/ui-components 0.1.2 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +48 -0
- package/dist/base-styles.css +148 -0
- package/dist/components/{Alert/Alert.d.ts → alert/alert.d.ts} +2 -2
- package/dist/components/{Alert/Alert.d.ts.map → alert/alert.d.ts.map} +1 -1
- package/dist/components/{Alert/Alert.js → alert/alert.js} +1 -1
- package/dist/components/alert/alert.js.map +1 -0
- package/dist/components/{Badge/Badge.d.ts → badge/badge.d.ts} +2 -2
- package/dist/components/{Badge/Badge.d.ts.map → badge/badge.d.ts.map} +1 -1
- package/dist/components/{Badge/Badge.js → badge/badge.js} +3 -3
- package/dist/components/badge/badge.js.map +1 -0
- package/dist/components/{Breadcrumb/Breadcrumb.d.ts → breadcrumb/breadcrumb.d.ts} +1 -1
- package/dist/components/{Breadcrumb/Breadcrumb.d.ts.map → breadcrumb/breadcrumb.d.ts.map} +1 -1
- package/dist/components/{Breadcrumb/Breadcrumb.js → breadcrumb/breadcrumb.js} +3 -3
- package/dist/components/breadcrumb/breadcrumb.js.map +1 -0
- package/dist/components/{Button/Button.d.ts → button/button.d.ts} +3 -3
- package/dist/components/button/button.d.ts.map +1 -0
- package/dist/components/{Button/Button.js → button/button.js} +3 -3
- package/dist/components/button/button.js.map +1 -0
- package/dist/components/{ButtonGroup/ButtonGroup.d.ts → button-group/button-group.d.ts} +1 -1
- package/dist/components/button-group/button-group.d.ts.map +1 -0
- package/dist/components/{ButtonGroup/ButtonGroup.js → button-group/button-group.js} +1 -1
- package/dist/components/button-group/button-group.js.map +1 -0
- package/dist/components/calendar/calendar.d.ts +15 -0
- package/dist/components/calendar/calendar.d.ts.map +1 -0
- package/dist/components/calendar/calendar.js +78 -0
- package/dist/components/calendar/calendar.js.map +1 -0
- package/dist/components/{Card/Card.d.ts → card/card.d.ts} +1 -1
- package/dist/components/{Card/Card.d.ts.map → card/card.d.ts.map} +1 -1
- package/dist/components/{Card/Card.js → card/card.js} +1 -1
- package/dist/components/{Card/Card.js.map → card/card.js.map} +1 -1
- package/dist/components/{Checkbox/Checkbox.d.ts → checkbox/checkbox.d.ts} +2 -2
- package/dist/components/checkbox/checkbox.d.ts.map +1 -0
- package/dist/components/{Checkbox/Checkbox.js → checkbox/checkbox.js} +2 -2
- package/dist/components/checkbox/checkbox.js.map +1 -0
- package/dist/components/{CheckboxField/CheckboxField.d.ts → checkbox-field/checkbox-field.d.ts} +1 -1
- package/dist/components/checkbox-field/checkbox-field.d.ts.map +1 -0
- package/dist/components/{CheckboxField/CheckboxField.js → checkbox-field/checkbox-field.js} +4 -4
- package/dist/components/checkbox-field/checkbox-field.js.map +1 -0
- package/dist/components/circular-progress/circular-progress.d.ts +17 -0
- package/dist/components/circular-progress/circular-progress.d.ts.map +1 -0
- package/dist/components/circular-progress/circular-progress.js +56 -0
- package/dist/components/circular-progress/circular-progress.js.map +1 -0
- package/dist/components/{ColorPicker/ColorPicker.d.ts → color-picker/color-picker.d.ts} +1 -1
- package/dist/components/color-picker/color-picker.d.ts.map +1 -0
- package/dist/components/{ColorPicker/ColorPicker.js → color-picker/color-picker.js} +3 -3
- package/dist/components/color-picker/color-picker.js.map +1 -0
- package/dist/components/{ColorPickerField/ColorPickerField.d.ts → color-picker-field/color-picker-field.d.ts} +1 -1
- package/dist/components/color-picker-field/color-picker-field.d.ts.map +1 -0
- package/dist/components/{ColorPickerField/ColorPickerField.js → color-picker-field/color-picker-field.js} +4 -4
- package/dist/components/color-picker-field/color-picker-field.js.map +1 -0
- package/dist/components/{Combobox/Combobox.d.ts → combobox/combobox.d.ts} +1 -1
- package/dist/components/{Combobox/Combobox.d.ts.map → combobox/combobox.d.ts.map} +1 -1
- package/dist/components/{Combobox/Combobox.js → combobox/combobox.js} +8 -9
- package/dist/components/combobox/combobox.js.map +1 -0
- package/dist/components/combobox/combobox.test.d.ts +2 -0
- package/dist/components/combobox/combobox.test.d.ts.map +1 -0
- package/dist/components/{Combobox/Combobox.test.js → combobox/combobox.test.js} +2 -2
- package/dist/components/{Combobox/Combobox.test.js.map → combobox/combobox.test.js.map} +1 -1
- package/dist/components/{ComboboxField/ComboboxField.d.ts → combobox-field/combobox-field.d.ts} +2 -2
- package/dist/components/combobox-field/combobox-field.d.ts.map +1 -0
- package/dist/components/{ComboboxField/ComboboxField.js → combobox-field/combobox-field.js} +4 -4
- package/dist/components/combobox-field/combobox-field.js.map +1 -0
- package/dist/components/{Command/Command.d.ts → command/command.d.ts} +2 -2
- package/dist/components/{Command/Command.d.ts.map → command/command.d.ts.map} +1 -1
- package/dist/components/{Command/Command.js → command/command.js} +2 -2
- package/dist/components/{Command/Command.js.map → command/command.js.map} +1 -1
- package/dist/components/{ConfirmDialog/ConfirmDialog.d.ts → confirm-dialog/confirm-dialog.d.ts} +1 -1
- package/dist/components/confirm-dialog/confirm-dialog.d.ts.map +1 -0
- package/dist/components/{ConfirmDialog/ConfirmDialog.js → confirm-dialog/confirm-dialog.js} +4 -4
- package/dist/components/confirm-dialog/confirm-dialog.js.map +1 -0
- package/dist/components/date-picker-field/date-picker-field.d.ts +25 -0
- package/dist/components/date-picker-field/date-picker-field.d.ts.map +1 -0
- package/dist/components/date-picker-field/date-picker-field.js +46 -0
- package/dist/components/date-picker-field/date-picker-field.js.map +1 -0
- package/dist/components/date-time-picker-field/date-time-picker-field.d.ts +26 -0
- package/dist/components/date-time-picker-field/date-time-picker-field.d.ts.map +1 -0
- package/dist/components/date-time-picker-field/date-time-picker-field.js +100 -0
- package/dist/components/date-time-picker-field/date-time-picker-field.js.map +1 -0
- package/dist/components/{Dialog/Dialog.d.ts → dialog/dialog.d.ts} +6 -2
- package/dist/components/dialog/dialog.d.ts.map +1 -0
- package/dist/components/{Dialog/Dialog.js → dialog/dialog.js} +8 -3
- package/dist/components/dialog/dialog.js.map +1 -0
- package/dist/components/{Dropdown/Dropdown.d.ts → dropdown/dropdown.d.ts} +2 -2
- package/dist/components/dropdown/dropdown.d.ts.map +1 -0
- package/dist/components/{Dropdown/Dropdown.js → dropdown/dropdown.js} +2 -2
- package/dist/components/dropdown/dropdown.js.map +1 -0
- package/dist/components/{EmptyDisplay/EmptyDisplay.d.ts → empty-display/empty-display.d.ts} +1 -1
- package/dist/components/empty-display/empty-display.d.ts.map +1 -0
- package/dist/components/{EmptyDisplay/EmptyDisplay.js → empty-display/empty-display.js} +1 -1
- package/dist/components/empty-display/empty-display.js.map +1 -0
- package/dist/components/{ErrorDisplay/ErrorDisplay.d.ts → error-display/error-display.d.ts} +1 -1
- package/dist/components/error-display/error-display.d.ts.map +1 -0
- package/dist/components/{ErrorDisplay/ErrorDisplay.js → error-display/error-display.js} +1 -1
- package/dist/components/error-display/error-display.js.map +1 -0
- package/dist/components/{ErrorableLoader/ErrorableLoader.d.ts → errorable-loader/errorable-loader.d.ts} +1 -1
- package/dist/components/errorable-loader/errorable-loader.d.ts.map +1 -0
- package/dist/components/{ErrorableLoader/ErrorableLoader.js → errorable-loader/errorable-loader.js} +3 -3
- package/dist/components/errorable-loader/errorable-loader.js.map +1 -0
- package/dist/components/{FormActionBar/FormActionBar.d.ts → form-action-bar/form-action-bar.d.ts} +1 -1
- package/dist/components/form-action-bar/form-action-bar.d.ts.map +1 -0
- package/dist/components/{FormActionBar/FormActionBar.js → form-action-bar/form-action-bar.js} +2 -2
- package/dist/components/form-action-bar/form-action-bar.js.map +1 -0
- package/dist/components/{FormItem/FormItem.d.ts → form-item/form-item.d.ts} +4 -4
- package/dist/components/form-item/form-item.d.ts.map +1 -0
- package/dist/components/{FormItem/FormItem.js → form-item/form-item.js} +4 -4
- package/dist/components/form-item/form-item.js.map +1 -0
- package/dist/components/index.d.ts +51 -47
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +51 -47
- package/dist/components/index.js.map +1 -1
- package/dist/components/{Input/Input.d.ts → input/input.d.ts} +1 -1
- package/dist/components/{Input/Input.d.ts.map → input/input.d.ts.map} +1 -1
- package/dist/components/{Input/Input.js → input/input.js} +1 -1
- package/dist/components/{Input/Input.js.map → input/input.js.map} +1 -1
- package/dist/components/{InputField/InputField.d.ts → input-field/input-field.d.ts} +1 -1
- package/dist/components/input-field/input-field.d.ts.map +1 -0
- package/dist/components/{InputField/InputField.js → input-field/input-field.js} +3 -3
- package/dist/components/input-field/input-field.js.map +1 -0
- package/dist/components/{Label/Label.d.ts → label/label.d.ts} +2 -2
- package/dist/components/label/label.d.ts.map +1 -0
- package/dist/components/{Label/Label.js → label/label.js} +2 -2
- package/dist/components/label/label.js.map +1 -0
- package/dist/components/{Loader/Loader.d.ts → loader/loader.d.ts} +1 -1
- package/dist/components/{Loader/Loader.d.ts.map → loader/loader.d.ts.map} +1 -1
- package/dist/components/{Loader/Loader.js → loader/loader.js} +1 -1
- package/dist/components/{Loader/Loader.js.map → loader/loader.js.map} +1 -1
- package/dist/components/{MultiCombobox/MultiCombobox.d.ts → multi-combobox/multi-combobox.d.ts} +2 -2
- package/dist/components/multi-combobox/multi-combobox.d.ts.map +1 -0
- package/dist/components/{MultiCombobox/MultiCombobox.js → multi-combobox/multi-combobox.js} +4 -4
- package/dist/components/multi-combobox/multi-combobox.js.map +1 -0
- package/dist/components/{MultiComboboxField/MultiComboboxField.d.ts → multi-combobox-field/multi-combobox-field.d.ts} +1 -1
- package/dist/components/multi-combobox-field/multi-combobox-field.d.ts.map +1 -0
- package/dist/components/{MultiComboboxField/MultiComboboxField.js → multi-combobox-field/multi-combobox-field.js} +4 -4
- package/dist/components/multi-combobox-field/multi-combobox-field.js.map +1 -0
- package/dist/components/{MultiSwitchField/MultiSwitchField.d.ts → multi-switch-field/multi-switch-field.d.ts} +1 -1
- package/dist/components/multi-switch-field/multi-switch-field.d.ts.map +1 -0
- package/dist/components/{MultiSwitchField/MultiSwitchField.js → multi-switch-field/multi-switch-field.js} +4 -4
- package/dist/components/multi-switch-field/multi-switch-field.js.map +1 -0
- package/dist/components/{NavigationMenu/NavigationMenu.d.ts → navigation-menu/navigation-menu.d.ts} +2 -2
- package/dist/components/navigation-menu/navigation-menu.d.ts.map +1 -0
- package/dist/components/{NavigationMenu/NavigationMenu.js → navigation-menu/navigation-menu.js} +2 -2
- package/dist/components/navigation-menu/navigation-menu.js.map +1 -0
- package/dist/components/{NavigationTabs/NavigationTabs.d.ts → navigation-tabs/navigation-tabs.d.ts} +3 -3
- package/dist/components/navigation-tabs/navigation-tabs.d.ts.map +1 -0
- package/dist/components/{NavigationTabs/NavigationTabs.js → navigation-tabs/navigation-tabs.js} +2 -2
- package/dist/components/navigation-tabs/navigation-tabs.js.map +1 -0
- package/dist/components/{Popover/Popover.d.ts → popover/popover.d.ts} +2 -2
- package/dist/components/popover/popover.d.ts.map +1 -0
- package/dist/components/{Popover/Popover.js → popover/popover.js} +2 -2
- package/dist/components/popover/popover.js.map +1 -0
- package/dist/components/{RecordView/RecordView.d.ts → record-view/record-view.d.ts} +1 -1
- package/dist/components/record-view/record-view.d.ts.map +1 -0
- package/dist/components/{RecordView/RecordView.js → record-view/record-view.js} +1 -1
- package/dist/components/record-view/record-view.js.map +1 -0
- package/dist/components/{ScrollArea/ScrollArea.d.ts → scroll-area/scroll-area.d.ts} +2 -2
- package/dist/components/scroll-area/scroll-area.d.ts.map +1 -0
- package/dist/components/{ScrollArea/ScrollArea.js → scroll-area/scroll-area.js} +2 -2
- package/dist/components/scroll-area/scroll-area.js.map +1 -0
- package/dist/components/{SectionList/SectionList.d.ts → section-list/section-list.d.ts} +1 -1
- package/dist/components/section-list/section-list.d.ts.map +1 -0
- package/dist/components/{SectionList/SectionList.js → section-list/section-list.js} +1 -1
- package/dist/components/section-list/section-list.js.map +1 -0
- package/dist/components/{Select/Select.d.ts → select/select.d.ts} +2 -2
- package/dist/components/select/select.d.ts.map +1 -0
- package/dist/components/{Select/Select.js → select/select.js} +3 -4
- package/dist/components/select/select.js.map +1 -0
- package/dist/components/{SelectField/SelectField.d.ts → select-field/select-field.d.ts} +1 -1
- package/dist/components/select-field/select-field.d.ts.map +1 -0
- package/dist/components/{SelectField/SelectField.js → select-field/select-field.js} +4 -4
- package/dist/components/select-field/select-field.js.map +1 -0
- package/dist/components/{Separator/Separator.d.ts → separator/separator.d.ts} +2 -2
- package/dist/components/separator/separator.d.ts.map +1 -0
- package/dist/components/{Separator/Separator.js → separator/separator.js} +2 -2
- package/dist/components/separator/separator.js.map +1 -0
- package/dist/components/{Sheet/Sheet.d.ts → sheet/sheet.d.ts} +3 -3
- package/dist/components/sheet/sheet.d.ts.map +1 -0
- package/dist/components/{Sheet/Sheet.js → sheet/sheet.js} +2 -2
- package/dist/components/sheet/sheet.js.map +1 -0
- package/dist/components/{SidebarLayout/SidebarLayout.d.ts → sidebar-layout/sidebar-layout.d.ts} +1 -1
- package/dist/components/sidebar-layout/sidebar-layout.d.ts.map +1 -0
- package/dist/components/{SidebarLayout/SidebarLayout.js → sidebar-layout/sidebar-layout.js} +1 -1
- package/dist/components/sidebar-layout/sidebar-layout.js.map +1 -0
- package/dist/components/{Switch/Switch.d.ts → switch/switch.d.ts} +2 -2
- package/dist/components/switch/switch.d.ts.map +1 -0
- package/dist/components/{Switch/Switch.js → switch/switch.js} +2 -2
- package/dist/components/switch/switch.js.map +1 -0
- package/dist/components/{SwitchField/SwitchField.d.ts → switch-field/switch-field.d.ts} +2 -2
- package/dist/components/switch-field/switch-field.d.ts.map +1 -0
- package/dist/components/{SwitchField/SwitchField.js → switch-field/switch-field.js} +4 -4
- package/dist/components/switch-field/switch-field.js.map +1 -0
- package/dist/components/{Table/Table.d.ts → table/table.d.ts} +1 -1
- package/dist/components/{Table/Table.d.ts.map → table/table.d.ts.map} +1 -1
- package/dist/components/{Table/Table.js → table/table.js} +1 -1
- package/dist/components/{Table/Table.js.map → table/table.js.map} +1 -1
- package/dist/components/{Tabs/Tabs.d.ts → tabs/tabs.d.ts} +2 -2
- package/dist/components/tabs/tabs.d.ts.map +1 -0
- package/dist/components/{Tabs/Tabs.js → tabs/tabs.js} +2 -2
- package/dist/components/tabs/tabs.js.map +1 -0
- package/dist/components/{Textarea/Textarea.d.ts → textarea/textarea.d.ts} +1 -1
- package/dist/components/{Textarea/Textarea.d.ts.map → textarea/textarea.d.ts.map} +1 -1
- package/dist/components/{Textarea/Textarea.js → textarea/textarea.js} +1 -1
- package/dist/components/{Textarea/Textarea.js.map → textarea/textarea.js.map} +1 -1
- package/dist/components/{TextareaField/TextareaField.d.ts → textarea-field/textarea-field.d.ts} +1 -1
- package/dist/components/textarea-field/textarea-field.d.ts.map +1 -0
- package/dist/components/{TextareaField/TextareaField.js → textarea-field/textarea-field.js} +3 -3
- package/dist/components/textarea-field/textarea-field.js.map +1 -0
- package/dist/components/{Toaster/Toaster.d.ts → toaster/toaster.d.ts} +1 -1
- package/dist/components/{Toaster/Toaster.d.ts.map → toaster/toaster.d.ts.map} +1 -1
- package/dist/components/{Toaster/Toaster.js → toaster/toaster.js} +1 -1
- package/dist/components/{Toaster/Toaster.js.map → toaster/toaster.js.map} +1 -1
- package/dist/components/{Tooltip/Tooltip.d.ts → tooltip/tooltip.d.ts} +2 -2
- package/dist/components/tooltip/tooltip.d.ts.map +1 -0
- package/dist/components/{Tooltip/Tooltip.js → tooltip/tooltip.js} +2 -2
- package/dist/components/tooltip/tooltip.js.map +1 -0
- package/dist/hooks/index.d.ts +4 -4
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +4 -4
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/{useConfirmDialog.d.ts → use-confirm-dialog.d.ts} +2 -2
- package/dist/hooks/use-confirm-dialog.d.ts.map +1 -0
- package/dist/hooks/{useConfirmDialog.js → use-confirm-dialog.js} +1 -1
- package/dist/hooks/use-confirm-dialog.js.map +1 -0
- package/dist/hooks/{useControlledState.d.ts → use-controlled-state.d.ts} +1 -1
- package/dist/hooks/use-controlled-state.d.ts.map +1 -0
- package/dist/hooks/{useControlledState.js → use-controlled-state.js} +1 -1
- package/dist/hooks/use-controlled-state.js.map +1 -0
- package/dist/hooks/{useControllerMerged.d.ts → use-controller-merged.d.ts} +1 -1
- package/dist/hooks/use-controller-merged.d.ts.map +1 -0
- package/dist/hooks/{useControllerMerged.js → use-controller-merged.js} +1 -1
- package/dist/hooks/use-controller-merged.js.map +1 -0
- package/dist/hooks/{useEventCallback.d.ts → use-event-callback.d.ts} +1 -1
- package/dist/hooks/use-event-callback.d.ts.map +1 -0
- package/dist/hooks/{useEventCallback.js → use-event-callback.js} +1 -1
- package/dist/hooks/use-event-callback.js.map +1 -0
- package/dist/styles.css +9 -0
- package/dist/utilities.css +99 -0
- package/dist/utils/cn.d.ts +1 -1
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js.map +1 -1
- package/package.json +30 -28
- package/dist/components/Alert/Alert.js.map +0 -1
- package/dist/components/Badge/Badge.js.map +0 -1
- package/dist/components/Breadcrumb/Breadcrumb.js.map +0 -1
- package/dist/components/Button/Button.d.ts.map +0 -1
- package/dist/components/Button/Button.js.map +0 -1
- package/dist/components/ButtonGroup/ButtonGroup.d.ts.map +0 -1
- package/dist/components/ButtonGroup/ButtonGroup.js.map +0 -1
- package/dist/components/Checkbox/Checkbox.d.ts.map +0 -1
- package/dist/components/Checkbox/Checkbox.js.map +0 -1
- package/dist/components/CheckboxField/CheckboxField.d.ts.map +0 -1
- package/dist/components/CheckboxField/CheckboxField.js.map +0 -1
- package/dist/components/ColorPicker/ColorPicker.d.ts.map +0 -1
- package/dist/components/ColorPicker/ColorPicker.js.map +0 -1
- package/dist/components/ColorPickerField/ColorPickerField.d.ts.map +0 -1
- package/dist/components/ColorPickerField/ColorPickerField.js.map +0 -1
- package/dist/components/Combobox/Combobox.js.map +0 -1
- package/dist/components/Combobox/Combobox.test.d.ts +0 -2
- package/dist/components/Combobox/Combobox.test.d.ts.map +0 -1
- package/dist/components/ComboboxField/ComboboxField.d.ts.map +0 -1
- package/dist/components/ComboboxField/ComboboxField.js.map +0 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +0 -1
- package/dist/components/ConfirmDialog/ConfirmDialog.js.map +0 -1
- package/dist/components/Dialog/Dialog.d.ts.map +0 -1
- package/dist/components/Dialog/Dialog.js.map +0 -1
- package/dist/components/Dropdown/Dropdown.d.ts.map +0 -1
- package/dist/components/Dropdown/Dropdown.js.map +0 -1
- package/dist/components/EmptyDisplay/EmptyDisplay.d.ts.map +0 -1
- package/dist/components/EmptyDisplay/EmptyDisplay.js.map +0 -1
- package/dist/components/ErrorDisplay/ErrorDisplay.d.ts.map +0 -1
- package/dist/components/ErrorDisplay/ErrorDisplay.js.map +0 -1
- package/dist/components/ErrorableLoader/ErrorableLoader.d.ts.map +0 -1
- package/dist/components/ErrorableLoader/ErrorableLoader.js.map +0 -1
- package/dist/components/FormActionBar/FormActionBar.d.ts.map +0 -1
- package/dist/components/FormActionBar/FormActionBar.js.map +0 -1
- package/dist/components/FormItem/FormItem.d.ts.map +0 -1
- package/dist/components/FormItem/FormItem.js.map +0 -1
- package/dist/components/InputField/InputField.d.ts.map +0 -1
- package/dist/components/InputField/InputField.js.map +0 -1
- package/dist/components/Label/Label.d.ts.map +0 -1
- package/dist/components/Label/Label.js.map +0 -1
- package/dist/components/MultiCombobox/MultiCombobox.d.ts.map +0 -1
- package/dist/components/MultiCombobox/MultiCombobox.js.map +0 -1
- package/dist/components/MultiComboboxField/MultiComboboxField.d.ts.map +0 -1
- package/dist/components/MultiComboboxField/MultiComboboxField.js.map +0 -1
- package/dist/components/MultiSwitchField/MultiSwitchField.d.ts.map +0 -1
- package/dist/components/MultiSwitchField/MultiSwitchField.js.map +0 -1
- package/dist/components/NavigationMenu/NavigationMenu.d.ts.map +0 -1
- package/dist/components/NavigationMenu/NavigationMenu.js.map +0 -1
- package/dist/components/NavigationTabs/NavigationTabs.d.ts.map +0 -1
- package/dist/components/NavigationTabs/NavigationTabs.js.map +0 -1
- package/dist/components/Popover/Popover.d.ts.map +0 -1
- package/dist/components/Popover/Popover.js.map +0 -1
- package/dist/components/RecordView/RecordView.d.ts.map +0 -1
- package/dist/components/RecordView/RecordView.js.map +0 -1
- package/dist/components/ScrollArea/ScrollArea.d.ts.map +0 -1
- package/dist/components/ScrollArea/ScrollArea.js.map +0 -1
- package/dist/components/SectionList/SectionList.d.ts.map +0 -1
- package/dist/components/SectionList/SectionList.js.map +0 -1
- package/dist/components/Select/Select.d.ts.map +0 -1
- package/dist/components/Select/Select.js.map +0 -1
- package/dist/components/SelectField/SelectField.d.ts.map +0 -1
- package/dist/components/SelectField/SelectField.js.map +0 -1
- package/dist/components/Separator/Separator.d.ts.map +0 -1
- package/dist/components/Separator/Separator.js.map +0 -1
- package/dist/components/Sheet/Sheet.d.ts.map +0 -1
- package/dist/components/Sheet/Sheet.js.map +0 -1
- package/dist/components/SidebarLayout/SidebarLayout.d.ts.map +0 -1
- package/dist/components/SidebarLayout/SidebarLayout.js.map +0 -1
- package/dist/components/Switch/Switch.d.ts.map +0 -1
- package/dist/components/Switch/Switch.js.map +0 -1
- package/dist/components/SwitchField/SwitchField.d.ts.map +0 -1
- package/dist/components/SwitchField/SwitchField.js.map +0 -1
- package/dist/components/Tabs/Tabs.d.ts.map +0 -1
- package/dist/components/Tabs/Tabs.js.map +0 -1
- package/dist/components/TextareaField/TextareaField.d.ts.map +0 -1
- package/dist/components/TextareaField/TextareaField.js.map +0 -1
- package/dist/components/Tooltip/Tooltip.d.ts.map +0 -1
- package/dist/components/Tooltip/Tooltip.js.map +0 -1
- package/dist/hooks/useConfirmDialog.d.ts.map +0 -1
- package/dist/hooks/useConfirmDialog.js.map +0 -1
- package/dist/hooks/useControlledState.d.ts.map +0 -1
- package/dist/hooks/useControlledState.js.map +0 -1
- package/dist/hooks/useControllerMerged.d.ts.map +0 -1
- package/dist/hooks/useControllerMerged.js.map +0 -1
- package/dist/hooks/useEventCallback.d.ts.map +0 -1
- package/dist/hooks/useEventCallback.js.map +0 -1
- /package/{src → dist}/theme.css +0 -0
package/README.md
CHANGED
|
@@ -20,6 +20,54 @@ The ui-components package provides:
|
|
|
20
20
|
- Includes Storybook for component documentation
|
|
21
21
|
- Uses Material Design icons (react-icons/md)
|
|
22
22
|
|
|
23
|
+
## CSS Files
|
|
24
|
+
|
|
25
|
+
The package includes several CSS files that work together to provide theming and styling:
|
|
26
|
+
|
|
27
|
+
### Import Patterns
|
|
28
|
+
|
|
29
|
+
**For Websites (Full Styling):**
|
|
30
|
+
|
|
31
|
+
```css
|
|
32
|
+
/* Import all styling layers */
|
|
33
|
+
@import '@baseplate-dev/ui-components/base-styles.css';
|
|
34
|
+
@import '@baseplate-dev/ui-components/theme.css';
|
|
35
|
+
@import '@baseplate-dev/ui-components/utilities.css';
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
**For Plugins (Theme Only):**
|
|
39
|
+
|
|
40
|
+
```css
|
|
41
|
+
/* Import only the theme configuration */
|
|
42
|
+
@import '@baseplate-dev/ui-components/theme.css';
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
### `base-styles.css`
|
|
46
|
+
|
|
47
|
+
The main entry point for consumers that sets up the complete styling foundation:
|
|
48
|
+
|
|
49
|
+
- **CSS Variables**: Defines color tokens for light and dark themes using OKLCH color space
|
|
50
|
+
- **Font Setup**: Imports Geist and Geist Mono variable fonts with fallback configurations
|
|
51
|
+
- **Typography**: Establishes base heading and paragraph styles
|
|
52
|
+
- **Global Defaults**: Sets border colors, backgrounds, and text antialiasing
|
|
53
|
+
|
|
54
|
+
### `theme.css`
|
|
55
|
+
|
|
56
|
+
Theme configuration file for Tailwind CSS integration:
|
|
57
|
+
|
|
58
|
+
- **Color Mapping**: Maps CSS variables to Tailwind color utilities
|
|
59
|
+
- **Dark Mode**: Configures dark mode variant with automatic detection
|
|
60
|
+
- **Font Configuration**: Defines font family tokens for body and monospace text
|
|
61
|
+
- **Animation**: Imports tw-animate-css for animation utilities
|
|
62
|
+
|
|
63
|
+
### `utilities.css`
|
|
64
|
+
|
|
65
|
+
Custom utility classes for advanced styling patterns:
|
|
66
|
+
|
|
67
|
+
- **Surface Utilities**: `surface-default`, `surface-success`, `surface-warning`, `surface-error` for contextual styling
|
|
68
|
+
- **Typography Utilities**: `text-style-lead`, `text-style-large`, `text-style-small`, `text-style-muted`, `text-style-prose` for consistent text styling
|
|
69
|
+
- Uses dynamic color mixing for muted variations and borders
|
|
70
|
+
|
|
23
71
|
## Part of Baseplate Monorepo
|
|
24
72
|
|
|
25
73
|
This package is part of the Baseplate monorepo and is used by project-builder-web as well as generated Baseplate projects.
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Base styles for the UI components.
|
|
3
|
+
*
|
|
4
|
+
* This file is used to import the base styles for the UI components.
|
|
5
|
+
* It is used to import the fonts and other base styles that affect the
|
|
6
|
+
* page.
|
|
7
|
+
*
|
|
8
|
+
* This is meant to be used for consumers, e.g. websites built with
|
|
9
|
+
* ui-components.
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Make sure to source classes from the ui-components package
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
@source '.';
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Colors
|
|
20
|
+
*/
|
|
21
|
+
|
|
22
|
+
:root {
|
|
23
|
+
--background: oklch(1 0 0);
|
|
24
|
+
--foreground: oklch(0.129 0.041 264.695);
|
|
25
|
+
--muted: oklch(0.968 0.007 247.896);
|
|
26
|
+
--muted-foreground: oklch(0.554 0.041 257.417);
|
|
27
|
+
--card: oklch(1 0 0);
|
|
28
|
+
--card-foreground: oklch(0.129 0.041 264.695);
|
|
29
|
+
--popover: oklch(1 0 0);
|
|
30
|
+
--popover-foreground: oklch(0.129 0.041 264.695);
|
|
31
|
+
--accent: oklch(0.968 0.007 247.896);
|
|
32
|
+
--accent-foreground: oklch(0.208 0.04 265.755);
|
|
33
|
+
--success: oklch(0.979 0.021 166.113);
|
|
34
|
+
--success-foreground: oklch(0.262 0.051 172.552);
|
|
35
|
+
--warning: oklch(0.987 0.022 95.277);
|
|
36
|
+
--warning-foreground: oklch(0.279 0.077 45.635);
|
|
37
|
+
--error: oklch(0.971 0.013 17.38);
|
|
38
|
+
--error-foreground: oklch(0.258 0.092 26.042);
|
|
39
|
+
--primary: oklch(0.424 0.181 265.638);
|
|
40
|
+
--primary-hover: oklch(0.379 0.138 265.522);
|
|
41
|
+
--primary-foreground: oklch(0.984 0.003 247.858);
|
|
42
|
+
--secondary: oklch(0.968 0.007 247.896);
|
|
43
|
+
--secondary-hover: oklch(0.869 0.02 252.894);
|
|
44
|
+
--secondary-foreground: oklch(0.208 0.04 265.755);
|
|
45
|
+
--destructive: oklch(0.637 0.237 25.331);
|
|
46
|
+
--destructive-hover: oklch(0.505 0.213 27.518);
|
|
47
|
+
--destructive-foreground: oklch(0.984 0.003 247.858);
|
|
48
|
+
--link: oklch(0.488 0.217 264.376);
|
|
49
|
+
--link-visited: oklch(0.424 0.181 265.638);
|
|
50
|
+
--border: oklch(0.929 0.013 255.508);
|
|
51
|
+
--input: oklch(0.929 0.013 255.508);
|
|
52
|
+
--ring: oklch(0.714 0.143 254.624);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.dark,
|
|
56
|
+
html[data-theme='dark'] {
|
|
57
|
+
--background: oklch(0.129 0.041 264.695);
|
|
58
|
+
--foreground: oklch(0.984 0.003 247.858);
|
|
59
|
+
--muted: oklch(0.279 0.037 260.031);
|
|
60
|
+
--muted-foreground: oklch(0.711 0.035 256.788);
|
|
61
|
+
--card: oklch(0.129 0.041 264.695);
|
|
62
|
+
--card-foreground: oklch(0.984 0.003 247.858);
|
|
63
|
+
--popover: oklch(0.129 0.041 264.695);
|
|
64
|
+
--popover-foreground: oklch(0.984 0.003 247.858);
|
|
65
|
+
--accent: oklch(0.279 0.037 260.031);
|
|
66
|
+
--accent-foreground: oklch(0.984 0.003 247.858);
|
|
67
|
+
--success: oklch(0.262 0.051 172.552);
|
|
68
|
+
--success-foreground: oklch(0.979 0.021 166.113);
|
|
69
|
+
--warning: oklch(0.279 0.077 45.635);
|
|
70
|
+
--warning-foreground: oklch(0.987 0.022 95.277);
|
|
71
|
+
--error: oklch(0.258 0.092 26.042);
|
|
72
|
+
--error-foreground: oklch(0.971 0.013 17.38);
|
|
73
|
+
--primary: oklch(0.282 0.087 267.935);
|
|
74
|
+
--primary-hover: oklch(0.424 0.181 265.638);
|
|
75
|
+
--primary-foreground: oklch(0.984 0.003 247.858);
|
|
76
|
+
--secondary: oklch(0.279 0.037 260.031);
|
|
77
|
+
--secondary-hover: oklch(0.446 0.037 257.281);
|
|
78
|
+
--secondary-foreground: oklch(0.984 0.003 247.858);
|
|
79
|
+
--destructive: oklch(0.396 0.141 25.723);
|
|
80
|
+
--destructive-hover: oklch(0.505 0.213 27.518);
|
|
81
|
+
--destructive-foreground: oklch(0.984 0.003 247.858);
|
|
82
|
+
--link: oklch(0.546 0.215 262.881);
|
|
83
|
+
--link-visited: oklch(0.488 0.217 264.376);
|
|
84
|
+
--border: oklch(0.279 0.037 260.031);
|
|
85
|
+
--input: oklch(0.279 0.037 260.031);
|
|
86
|
+
--ring: oklch(0.623 0.188 259.815);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
/**
|
|
90
|
+
* Fonts
|
|
91
|
+
*/
|
|
92
|
+
|
|
93
|
+
@import '@fontsource-variable/geist';
|
|
94
|
+
@import '@fontsource-variable/geist-mono';
|
|
95
|
+
|
|
96
|
+
@layer base {
|
|
97
|
+
/* Used https://screenspan.net/fallback to find best fallback settings */
|
|
98
|
+
@font-face {
|
|
99
|
+
font-family: 'Arial Fallback';
|
|
100
|
+
src: local('Arial');
|
|
101
|
+
size-adjust: 102%;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
@font-face {
|
|
105
|
+
font-family: 'Adjusted Courier New Fallback';
|
|
106
|
+
src: local(Courier New);
|
|
107
|
+
size-adjust: 100%;
|
|
108
|
+
ascent-override: 91%;
|
|
109
|
+
descent-override: 40%;
|
|
110
|
+
line-gap-override: normal;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
/**
|
|
115
|
+
* Typography
|
|
116
|
+
*/
|
|
117
|
+
|
|
118
|
+
@layer base {
|
|
119
|
+
h1 {
|
|
120
|
+
@apply text-3xl leading-none font-semibold tracking-tight;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
h2 {
|
|
124
|
+
@apply text-2xl leading-7 font-semibold tracking-tight;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
h3 {
|
|
128
|
+
@apply text-xl leading-6 font-semibold tracking-tight;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
p {
|
|
132
|
+
@apply leading-6;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
/**
|
|
137
|
+
* Base styles for border and background/font colors
|
|
138
|
+
*/
|
|
139
|
+
|
|
140
|
+
@layer base {
|
|
141
|
+
* {
|
|
142
|
+
@apply border-border outline-ring/50;
|
|
143
|
+
}
|
|
144
|
+
body {
|
|
145
|
+
@apply bg-background font-body text-foreground antialiased;
|
|
146
|
+
@apply surface-default;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import type { VariantProps } from 'class-variance-authority';
|
|
1
2
|
import type * as React from 'react';
|
|
2
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const alertVariants: (props?: ({
|
|
4
4
|
variant?: "default" | "error" | "success" | "warning" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -12,4 +12,4 @@ declare function Alert({ className, variant, ...props }: React.ComponentProps<'d
|
|
|
12
12
|
declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
|
|
13
13
|
declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
|
|
14
14
|
export { Alert, AlertDescription, AlertTitle };
|
|
15
|
-
//# sourceMappingURL=
|
|
15
|
+
//# sourceMappingURL=alert.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,QAAA,MAAM,aAAa;;8EAelB,CAAC;AAEF;;;;GAIG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC5B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG,KAAK,CAAC,YAAY,CASxD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAWlD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAWlD;AAED,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -29,4 +29,4 @@ function AlertDescription({ className, ...props }) {
|
|
|
29
29
|
return (_jsx("div", { "data-slot": "alert-description", className: cn('col-start-2 grid justify-items-start gap-1 text-sm text-surface-muted-foreground [&_p]:leading-relaxed', className), ...props }));
|
|
30
30
|
}
|
|
31
31
|
export { Alert, AlertDescription, AlertTitle };
|
|
32
|
-
//# sourceMappingURL=
|
|
32
|
+
//# sourceMappingURL=alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,aAAa,GAAG,GAAG,CACvB,sQAAsQ,EACtQ;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,iBAAiB;YAC1B,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,iBAAiB;SAC3B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF;;;;GAIG;AACH,SAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EAE0B;IAClC,OAAO,CACL,2BACY,OAAO,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CACX,wGAAwG,EACxG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import type { VariantProps } from 'class-variance-authority';
|
|
1
2
|
import type React from 'react';
|
|
2
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
4
|
variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -18,4 +18,4 @@ export interface BadgeWithIconProps extends React.ComponentProps<typeof Badge> {
|
|
|
18
18
|
}
|
|
19
19
|
declare function BadgeWithIcon({ icon: Icon, className, children, ...rest }: BadgeWithIconProps): React.JSX.Element;
|
|
20
20
|
export { Badge, badgeVariants, BadgeWithIcon };
|
|
21
|
-
//# sourceMappingURL=
|
|
21
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,QAAA,MAAM,aAAa;;8EAmBlB,CAAC;AACF;;;;;;GAMG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,YAAY,CAUvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC;IAC5E,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAClE;AAED,iBAAS,aAAa,CAAC,EACrB,IAAI,EAAE,IAAI,EACV,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CASxC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
3
2
|
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { Slot } from 'radix-ui';
|
|
4
4
|
import { cn } from '#src/utils/index.js';
|
|
5
5
|
const badgeVariants = cva('inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3', {
|
|
6
6
|
variants: {
|
|
@@ -23,11 +23,11 @@ const badgeVariants = cva('inline-flex w-fit shrink-0 items-center justify-cente
|
|
|
23
23
|
* https://ui.shadcn.com/docs/components/badge
|
|
24
24
|
*/
|
|
25
25
|
function Badge({ className, variant, asChild = false, ...props }) {
|
|
26
|
-
const Comp = asChild ? Slot : 'span';
|
|
26
|
+
const Comp = asChild ? Slot.Root : 'span';
|
|
27
27
|
return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props }));
|
|
28
28
|
}
|
|
29
29
|
function BadgeWithIcon({ icon: Icon, className, children, ...rest }) {
|
|
30
30
|
return (_jsxs(Badge, { className: cn('flex items-center space-x-2', className), ...rest, children: [Icon && _jsx(Icon, { className: "size-4 shrink-0" }), children && (_jsx("div", { className: "flex-1 overflow-hidden text-ellipsis", children: children }))] }));
|
|
31
31
|
}
|
|
32
32
|
export { Badge, badgeVariants, BadgeWithIcon };
|
|
33
|
-
//# sourceMappingURL=
|
|
33
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,aAAa,GAAG,GAAG,CACvB,gZAAgZ,EAChZ;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,gFAAgF;YAClF,SAAS,EACP,sFAAsF;YACxF,WAAW,EACT,4LAA4L;YAC9L,OAAO,EACL,wEAAwE;SAC3E;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AACF;;;;;;GAMG;AACH,SAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAIP;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1C,OAAO,CACL,KAAC,IAAI,iBACO,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAMD,SAAS,aAAa,CAAC,EACrB,IAAI,EAAE,IAAI,EACV,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACY;IACnB,OAAO,CACL,MAAC,KAAK,IAAC,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,IAAI,aACrE,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,GAAG,EAC5C,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,sCAAsC,YAAE,QAAQ,GAAO,CACvE,IACK,CACT,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -9,4 +9,4 @@ declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'s
|
|
|
9
9
|
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): React.ReactElement;
|
|
10
10
|
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): React.ReactElement;
|
|
11
11
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
|
|
12
|
-
//# sourceMappingURL=
|
|
12
|
+
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAElD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAWjD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAQjD;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,YAAY,CAUrB;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAWnD;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAYjD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAanD;AAED,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Slot } from '
|
|
2
|
+
import { Slot } from 'radix-ui';
|
|
3
3
|
import { MdChevronRight, MdMoreHoriz } from 'react-icons/md';
|
|
4
4
|
import { cn } from '#src/utils/index.js';
|
|
5
5
|
function Breadcrumb({ ...props }) {
|
|
@@ -12,7 +12,7 @@ function BreadcrumbItem({ className, ...props }) {
|
|
|
12
12
|
return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn('inline-flex items-center gap-1.5', className), ...props }));
|
|
13
13
|
}
|
|
14
14
|
function BreadcrumbLink({ asChild, className, ...props }) {
|
|
15
|
-
const Comp = asChild ? Slot : 'a';
|
|
15
|
+
const Comp = asChild ? Slot.Root : 'a';
|
|
16
16
|
return (_jsx(Comp, { "data-slot": "breadcrumb-link", className: cn('transition-colors hover:text-foreground', className), ...props }));
|
|
17
17
|
}
|
|
18
18
|
function BreadcrumbPage({ className, ...props }) {
|
|
@@ -25,4 +25,4 @@ function BreadcrumbEllipsis({ className, ...props }) {
|
|
|
25
25
|
return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn('flex size-9 items-center justify-center', className), ...props, children: [_jsx(MdMoreHoriz, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
|
|
26
26
|
}
|
|
27
27
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
|
|
28
|
-
//# sourceMappingURL=
|
|
28
|
+
//# sourceMappingURL=breadcrumb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,SAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACoB;IAC5B,OAAO,4BAAgB,YAAY,eAAW,YAAY,KAAK,KAAK,GAAI,CAAC;AAC3E,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACmB;IAC3B,OAAO,CACL,0BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,0FAA0F,EAC1F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACmB;IAC3B,OAAO,CACL,0BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EAGT;IACC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAEvC,OAAO,CACL,KAAC,IAAI,iBACO,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,OAAO,CACL,4BACY,iBAAiB,EAC3B,IAAI,EAAC,MAAM,mBACG,MAAM,kBACP,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACmB;IAC3B,OAAO,CACL,0BACY,sBAAsB,EAChC,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,KACxC,KAAK,YAER,QAAQ,IAAI,KAAC,cAAc,KAAG,GAC5B,CACN,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,OAAO,CACL,6BACY,qBAAqB,EAC/B,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,aAET,KAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,GAAG,EAClC,eAAM,SAAS,EAAC,SAAS,qBAAY,IAChC,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import
|
|
1
|
+
import type { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import type * as React from 'react';
|
|
3
3
|
import { buttonVariants } from '#src/styles/index.js';
|
|
4
4
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
5
5
|
asChild?: boolean;
|
|
@@ -20,4 +20,4 @@ declare function Button({ className, variant, size, justify, asChild, type, ...p
|
|
|
20
20
|
asChild?: boolean;
|
|
21
21
|
}): React.ReactElement;
|
|
22
22
|
export { Button };
|
|
23
|
-
//# sourceMappingURL=
|
|
23
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;GAWG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,EACP,OAAe,EACf,IAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,YAAY,CAWvB;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Slot } from '
|
|
2
|
+
import { Slot } from 'radix-ui';
|
|
3
3
|
import { buttonVariants } from '#src/styles/index.js';
|
|
4
4
|
import { cn } from '#src/utils/index.js';
|
|
5
5
|
/**
|
|
@@ -15,8 +15,8 @@ import { cn } from '#src/utils/index.js';
|
|
|
15
15
|
* https://ui.shadcn.com/docs/components/button
|
|
16
16
|
*/
|
|
17
17
|
function Button({ className, variant, size, justify, asChild = false, type = 'button', ...props }) {
|
|
18
|
-
const Comp = asChild ? Slot : 'button';
|
|
18
|
+
const Comp = asChild ? Slot.Root : 'button';
|
|
19
19
|
return (_jsx(Comp, { "data-slot": "button", className: cn(buttonVariants({ variant, size, justify, className })), type: type, ...props }));
|
|
20
20
|
}
|
|
21
21
|
export { Button };
|
|
22
|
-
//# sourceMappingURL=
|
|
22
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAQzC;;;;;;;;;;;GAWG;AACH,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EAIP;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE5C,OAAO,CACL,KAAC,IAAI,iBACO,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,EACpE,IAAI,EAAE,IAAI,KACN,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -4,4 +4,4 @@ import type React from 'react';
|
|
|
4
4
|
* Styles all direct Button children with appropriate group styling.
|
|
5
5
|
*/
|
|
6
6
|
export declare function ButtonGroup({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
|
|
7
|
-
//# sourceMappingURL=
|
|
7
|
+
//# sourceMappingURL=button-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAgB3D"}
|
|
@@ -7,4 +7,4 @@ import { cn } from '#src/utils/cn.js';
|
|
|
7
7
|
export function ButtonGroup({ className, children, ...props }) {
|
|
8
8
|
return (_jsx("div", { className: cn('inline-flex rounded-md shadow-sm', '[&>*:not(:first-child)]:rounded-l-none', '[&>*:not(:last-child)]:rounded-r-none', '[&>*:not(:last-child)]:border-r-0', '[&>*]:focus-visible:z-10', className), ...props, children: children }));
|
|
9
9
|
}
|
|
10
|
-
//# sourceMappingURL=
|
|
10
|
+
//# sourceMappingURL=button-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/components/button-group/button-group.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAC6B;IACrC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,kCAAkC,EAClC,wCAAwC,EACxC,uCAAuC,EACvC,mCAAmC,EACnC,0BAA0B,EAC1B,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { DayButton } from 'react-day-picker';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { DayPicker } from 'react-day-picker';
|
|
4
|
+
import { Button } from '../button/button';
|
|
5
|
+
/**
|
|
6
|
+
* A control that allows the user to select a date.
|
|
7
|
+
*
|
|
8
|
+
* https://ui.shadcn.com/docs/components/calendar
|
|
9
|
+
*/
|
|
10
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
11
|
+
buttonVariant?: React.ComponentProps<typeof Button>['variant'];
|
|
12
|
+
}): React.ReactElement;
|
|
13
|
+
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.ReactElement;
|
|
14
|
+
export { Calendar, CalendarDayButton };
|
|
15
|
+
//# sourceMappingURL=calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAMnE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAI1C;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,GAAG,KAAK,CAAC,YAAY,CA0IrB;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CA+B7D;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { DayPicker, getDefaultClassNames } from 'react-day-picker';
|
|
5
|
+
import { MdChevronLeft, MdChevronRight, MdExpandMore } from 'react-icons/md';
|
|
6
|
+
import { buttonVariants } from '#src/styles/button.js';
|
|
7
|
+
import { cn } from '#src/utils/index.js';
|
|
8
|
+
import { Button } from '../button/button';
|
|
9
|
+
/* eslint-disable react/prop-types -- needed for subcomponents */
|
|
10
|
+
/**
|
|
11
|
+
* A control that allows the user to select a date.
|
|
12
|
+
*
|
|
13
|
+
* https://ui.shadcn.com/docs/components/calendar
|
|
14
|
+
*/
|
|
15
|
+
function Calendar({ className, classNames, showOutsideDays = true, captionLayout = 'label', buttonVariant = 'ghost', formatters, components, ...props }) {
|
|
16
|
+
const defaultClassNames = getDefaultClassNames();
|
|
17
|
+
return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn('group/calendar bg-background p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent', String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {
|
|
18
|
+
formatMonthDropdown: (date) => date.toLocaleString('default', { month: 'short' }),
|
|
19
|
+
...formatters,
|
|
20
|
+
}, classNames: {
|
|
21
|
+
root: cn('w-fit', defaultClassNames.root),
|
|
22
|
+
months: cn('relative flex flex-col gap-4 md:flex-row', defaultClassNames.months),
|
|
23
|
+
month: cn('flex w-full flex-col gap-4', defaultClassNames.month),
|
|
24
|
+
nav: cn('absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1', defaultClassNames.nav),
|
|
25
|
+
button_previous: cn(buttonVariants({ variant: buttonVariant }), 'size-(--cell-size) p-0 select-none aria-disabled:opacity-50', defaultClassNames.button_previous),
|
|
26
|
+
button_next: cn(buttonVariants({ variant: buttonVariant }), 'size-(--cell-size) p-0 select-none aria-disabled:opacity-50', defaultClassNames.button_next),
|
|
27
|
+
month_caption: cn('flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)', defaultClassNames.month_caption),
|
|
28
|
+
dropdowns: cn('flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium', defaultClassNames.dropdowns),
|
|
29
|
+
dropdown_root: cn('relative rounded-md border border-input shadow-xs has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50', defaultClassNames.dropdown_root),
|
|
30
|
+
dropdown: cn('absolute inset-0 opacity-0', defaultClassNames.dropdown),
|
|
31
|
+
caption_label: cn('font-medium select-none', captionLayout === 'label'
|
|
32
|
+
? 'text-sm'
|
|
33
|
+
: 'flex h-8 items-center gap-1 rounded-md pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground', defaultClassNames.caption_label),
|
|
34
|
+
table: 'w-full border-collapse',
|
|
35
|
+
weekdays: cn('flex', defaultClassNames.weekdays),
|
|
36
|
+
weekday: cn('flex-1 rounded-md text-[0.8rem] font-normal text-muted-foreground select-none', defaultClassNames.weekday),
|
|
37
|
+
week: cn('mt-2 flex w-full', defaultClassNames.week),
|
|
38
|
+
week_number_header: cn('w-(--cell-size) select-none', defaultClassNames.week_number_header),
|
|
39
|
+
week_number: cn('text-[0.8rem] text-muted-foreground select-none', defaultClassNames.week_number),
|
|
40
|
+
day: cn('group/day relative aspect-square h-full w-full p-0 text-center select-none [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md', defaultClassNames.day),
|
|
41
|
+
range_start: cn('rounded-l-md bg-accent', defaultClassNames.range_start),
|
|
42
|
+
range_middle: cn('rounded-none', defaultClassNames.range_middle),
|
|
43
|
+
range_end: cn('rounded-r-md bg-accent', defaultClassNames.range_end),
|
|
44
|
+
today: cn('rounded-md bg-accent text-accent-foreground data-[selected=true]:rounded-none', defaultClassNames.today),
|
|
45
|
+
outside: cn('text-muted-foreground aria-selected:text-muted-foreground', defaultClassNames.outside),
|
|
46
|
+
disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),
|
|
47
|
+
hidden: cn('invisible', defaultClassNames.hidden),
|
|
48
|
+
...classNames,
|
|
49
|
+
}, components: {
|
|
50
|
+
Root: ({ className, rootRef, ...props }) => (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props })),
|
|
51
|
+
Chevron: ({ className, orientation, ...props }) => {
|
|
52
|
+
if (orientation === 'left') {
|
|
53
|
+
return (_jsx(MdChevronLeft, { className: cn('size-4', className), ...props }));
|
|
54
|
+
}
|
|
55
|
+
if (orientation === 'right') {
|
|
56
|
+
return (_jsx(MdChevronRight, { className: cn('size-4', className), ...props }));
|
|
57
|
+
}
|
|
58
|
+
return (_jsx(MdExpandMore, { className: cn('size-4', className), ...props }));
|
|
59
|
+
},
|
|
60
|
+
DayButton: CalendarDayButton,
|
|
61
|
+
WeekNumber: ({ children, ...props }) => (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) })),
|
|
62
|
+
...components,
|
|
63
|
+
}, ...props }));
|
|
64
|
+
}
|
|
65
|
+
function CalendarDayButton({ className, day, modifiers, ...props }) {
|
|
66
|
+
const defaultClassNames = getDefaultClassNames();
|
|
67
|
+
const ref = React.useRef(null);
|
|
68
|
+
React.useEffect(() => {
|
|
69
|
+
if (modifiers.focused)
|
|
70
|
+
ref.current?.focus();
|
|
71
|
+
}, [modifiers.focused]);
|
|
72
|
+
return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
|
|
73
|
+
!modifiers.range_start &&
|
|
74
|
+
!modifiers.range_end &&
|
|
75
|
+
!modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn('flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70', defaultClassNames.day, className), ...props }));
|
|
76
|
+
}
|
|
77
|
+
export { Calendar, CalendarDayButton };
|
|
78
|
+
//# sourceMappingURL=calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,4 +12,4 @@ declare function CardAction({ className, ...props }: React.ComponentProps<'div'>
|
|
|
12
12
|
declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
|
|
13
13
|
declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
|
|
14
14
|
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
|
|
15
|
-
//# sourceMappingURL=
|
|
15
|
+
//# sourceMappingURL=card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC;;;;GAIG;AACH,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAWlD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAWlD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQlD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQlD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAWlD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQlD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQlD;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC"}
|
|
@@ -27,4 +27,4 @@ function CardFooter({ className, ...props }) {
|
|
|
27
27
|
return (_jsx("div", { "data-slot": "card-footer", className: cn('flex items-center px-6 [.border-t]:pt-6', className), ...props }));
|
|
28
28
|
}
|
|
29
29
|
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
|
|
30
|
-
//# sourceMappingURL=
|
|
30
|
+
//# sourceMappingURL=card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,MAAM,EAChB,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,4JAA4J,EAC5J,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAC5B,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { Checkbox as CheckboxPrimitive } from 'radix-ui';
|
|
3
3
|
/**
|
|
4
4
|
* A control that allows the user to toggle between checked and not checked.
|
|
5
5
|
*
|
|
@@ -7,4 +7,4 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
|
7
7
|
*/
|
|
8
8
|
declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.ReactElement;
|
|
9
9
|
export { Checkbox };
|
|
10
|
-
//# sourceMappingURL=
|
|
10
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAKzD;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAkB1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
3
|
+
import { Checkbox as CheckboxPrimitive } from 'radix-ui';
|
|
4
4
|
import { MdCheck } from 'react-icons/md';
|
|
5
5
|
import { cn } from '#src/utils/index.js';
|
|
6
6
|
/**
|
|
@@ -12,4 +12,4 @@ function Checkbox({ className, ...props }) {
|
|
|
12
12
|
return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn('peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: _jsx(MdCheck, { className: "size-3.5" }) }) }));
|
|
13
13
|
}
|
|
14
14
|
export { Checkbox };
|
|
15
|
-
//# sourceMappingURL=
|
|
15
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,iBACX,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,6eAA6e,EAC7e,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBAChB,oBAAoB,EAC9B,SAAS,EAAC,+DAA+D,YAEzE,KAAC,OAAO,IAAC,SAAS,EAAC,UAAU,GAAG,GACJ,GACP,CAC1B,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/dist/components/{CheckboxField/CheckboxField.d.ts → checkbox-field/checkbox-field.d.ts}
RENAMED
|
@@ -16,4 +16,4 @@ interface CheckboxFieldControllerProps<TFieldValues extends FieldValues = FieldV
|
|
|
16
16
|
}
|
|
17
17
|
declare function CheckboxFieldController<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, ...rest }: CheckboxFieldControllerProps<TFieldValues, TFieldName>): React.ReactElement;
|
|
18
18
|
export { CheckboxField, CheckboxFieldController };
|
|
19
|
-
//# sourceMappingURL=
|
|
19
|
+
//# sourceMappingURL=checkbox-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-field.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-field/checkbox-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAczD,UAAU,kBACR,SAAQ,IAAI,CACR,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CACrD,EACD,cAAc;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAqBzC;AAED,UAAU,4BAA4B,CACpC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IACzC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,iBAAS,uBAAuB,CAC9B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,EACA,OAAO,EACP,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,4BAA4B,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAO7E;AAED,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useControllerMerged } from '#src/hooks/useControllerMerged.js';
|
|
4
3
|
import { cn } from '#src/utils/index.js';
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
4
|
+
import { useControllerMerged } from '../../hooks/use-controller-merged.js';
|
|
5
|
+
import { Checkbox } from '../checkbox/checkbox.js';
|
|
6
|
+
import { FormControl, FormDescription, FormItem, FormLabel, FormMessage, } from '../form-item/form-item.js';
|
|
7
7
|
/**
|
|
8
8
|
* Field with label and error states that wraps a Checkbox component.
|
|
9
9
|
*/
|
|
@@ -17,4 +17,4 @@ function CheckboxFieldController({ control, name, ...rest }) {
|
|
|
17
17
|
return _jsx(CheckboxField, { error: error?.message, ...rest, ...field });
|
|
18
18
|
}
|
|
19
19
|
export { CheckboxField, CheckboxFieldController };
|
|
20
|
-
//# sourceMappingURL=
|
|
20
|
+
//# sourceMappingURL=checkbox-field.js.map
|