@pickle-ui/react 0.0.0-stage → 1.0.0-beta.4
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 +490 -2
- package/dist/components/Alert.d.ts +38 -0
- package/dist/components/Alert.d.ts.map +1 -0
- package/dist/components/Alert.js +54 -0
- package/dist/components/Alert.js.map +1 -0
- package/dist/components/AlertDialog.d.ts +41 -0
- package/dist/components/AlertDialog.d.ts.map +1 -0
- package/dist/components/AlertDialog.js +47 -0
- package/dist/components/AlertDialog.js.map +1 -0
- package/dist/components/Avatar.d.ts +18 -0
- package/dist/components/Avatar.d.ts.map +1 -0
- package/dist/components/Avatar.js +34 -0
- package/dist/components/Avatar.js.map +1 -0
- package/dist/components/Badge.d.ts +12 -0
- package/dist/components/Badge.d.ts.map +1 -0
- package/dist/components/Badge.js +37 -0
- package/dist/components/Badge.js.map +1 -0
- package/dist/components/Button.d.ts +19 -0
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/components/Button.js +66 -0
- package/dist/components/Button.js.map +1 -0
- package/dist/components/Card.d.ts +27 -0
- package/dist/components/Card.d.ts.map +1 -0
- package/dist/components/Card.js +34 -0
- package/dist/components/Card.js.map +1 -0
- package/dist/components/Dialog.d.ts +38 -0
- package/dist/components/Dialog.d.ts.map +1 -0
- package/dist/components/Dialog.js +41 -0
- package/dist/components/Dialog.js.map +1 -0
- package/dist/components/Flex.d.ts +22 -0
- package/dist/components/Flex.d.ts.map +1 -0
- package/dist/components/Flex.js +20 -0
- package/dist/components/Flex.js.map +1 -0
- package/dist/components/Grid.d.ts +66 -0
- package/dist/components/Grid.d.ts.map +1 -0
- package/dist/components/Grid.js +63 -0
- package/dist/components/Grid.js.map +1 -0
- package/dist/components/Group.d.ts +20 -0
- package/dist/components/Group.d.ts.map +1 -0
- package/dist/components/Group.js +43 -0
- package/dist/components/Group.js.map +1 -0
- package/dist/components/Menu.d.ts +53 -0
- package/dist/components/Menu.d.ts.map +1 -0
- package/dist/components/Menu.js +78 -0
- package/dist/components/Menu.js.map +1 -0
- package/dist/components/Popover.d.ts +27 -0
- package/dist/components/Popover.d.ts.map +1 -0
- package/dist/components/Popover.js +34 -0
- package/dist/components/Popover.js.map +1 -0
- package/dist/components/Progress.d.ts +23 -0
- package/dist/components/Progress.d.ts.map +1 -0
- package/dist/components/Progress.js +26 -0
- package/dist/components/Progress.js.map +1 -0
- package/dist/components/ScrollArea.d.ts +32 -0
- package/dist/components/ScrollArea.d.ts.map +1 -0
- package/dist/components/ScrollArea.js +36 -0
- package/dist/components/ScrollArea.js.map +1 -0
- package/dist/components/Separator.d.ts +7 -0
- package/dist/components/Separator.d.ts.map +1 -0
- package/dist/components/Separator.js +8 -0
- package/dist/components/Separator.js.map +1 -0
- package/dist/components/Sidebar.d.ts +35 -0
- package/dist/components/Sidebar.d.ts.map +1 -0
- package/dist/components/Sidebar.js +45 -0
- package/dist/components/Sidebar.js.map +1 -0
- package/dist/components/Spinner.d.ts +11 -0
- package/dist/components/Spinner.d.ts.map +1 -0
- package/dist/components/Spinner.js +13 -0
- package/dist/components/Spinner.js.map +1 -0
- package/dist/components/Table.d.ts +32 -0
- package/dist/components/Table.d.ts.map +1 -0
- package/dist/components/Table.js +37 -0
- package/dist/components/Table.js.map +1 -0
- package/dist/components/Text.d.ts +14 -0
- package/dist/components/Text.d.ts.map +1 -0
- package/dist/components/Text.js +50 -0
- package/dist/components/Text.js.map +1 -0
- package/dist/components/Toast.d.ts +39 -0
- package/dist/components/Toast.d.ts.map +1 -0
- package/dist/components/Toast.js +97 -0
- package/dist/components/Toast.js.map +1 -0
- package/dist/components/Tooltip.d.ts +18 -0
- package/dist/components/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip.js +22 -0
- package/dist/components/Tooltip.js.map +1 -0
- package/dist/components/XStack.d.ts +6 -0
- package/dist/components/XStack.d.ts.map +1 -0
- package/dist/components/XStack.js +8 -0
- package/dist/components/XStack.js.map +1 -0
- package/dist/components/YStack.d.ts +6 -0
- package/dist/components/YStack.d.ts.map +1 -0
- package/dist/components/YStack.js +8 -0
- package/dist/components/YStack.js.map +1 -0
- package/dist/components/_internal/VisuallyHiddenInput.d.ts +11 -0
- package/dist/components/_internal/VisuallyHiddenInput.d.ts.map +1 -0
- package/dist/components/_internal/VisuallyHiddenInput.js +105 -0
- package/dist/components/_internal/VisuallyHiddenInput.js.map +1 -0
- package/dist/components/_internal/dialog-styles.d.ts +15 -0
- package/dist/components/_internal/dialog-styles.d.ts.map +1 -0
- package/dist/components/_internal/dialog-styles.js +27 -0
- package/dist/components/_internal/dialog-styles.js.map +1 -0
- package/dist/components/_internal/layout.d.ts +46 -0
- package/dist/components/_internal/layout.d.ts.map +1 -0
- package/dist/components/_internal/layout.js +72 -0
- package/dist/components/_internal/layout.js.map +1 -0
- package/dist/components/form/Checkbox.d.ts +19 -0
- package/dist/components/form/Checkbox.d.ts.map +1 -0
- package/dist/components/form/Checkbox.js +27 -0
- package/dist/components/form/Checkbox.js.map +1 -0
- package/dist/components/form/ColorPicker.d.ts +25 -0
- package/dist/components/form/ColorPicker.d.ts.map +1 -0
- package/dist/components/form/ColorPicker.js +14 -0
- package/dist/components/form/ColorPicker.js.map +1 -0
- package/dist/components/form/ColorPickerPrimitive.d.ts +65 -0
- package/dist/components/form/ColorPickerPrimitive.d.ts.map +1 -0
- package/dist/components/form/ColorPickerPrimitive.js +486 -0
- package/dist/components/form/ColorPickerPrimitive.js.map +1 -0
- package/dist/components/form/Combobox.d.ts +86 -0
- package/dist/components/form/Combobox.d.ts.map +1 -0
- package/dist/components/form/Combobox.js +198 -0
- package/dist/components/form/Combobox.js.map +1 -0
- package/dist/components/form/Form.context.d.ts +28 -0
- package/dist/components/form/Form.context.d.ts.map +1 -0
- package/dist/components/form/Form.context.js +56 -0
- package/dist/components/form/Form.context.js.map +1 -0
- package/dist/components/form/Form.d.ts +68 -0
- package/dist/components/form/Form.d.ts.map +1 -0
- package/dist/components/form/Form.js +32 -0
- package/dist/components/form/Form.js.map +1 -0
- package/dist/components/form/FormCheckbox.d.ts +10 -0
- package/dist/components/form/FormCheckbox.d.ts.map +1 -0
- package/dist/components/form/FormCheckbox.js +24 -0
- package/dist/components/form/FormCheckbox.js.map +1 -0
- package/dist/components/form/FormCombobox.d.ts +28 -0
- package/dist/components/form/FormCombobox.d.ts.map +1 -0
- package/dist/components/form/FormCombobox.js +50 -0
- package/dist/components/form/FormCombobox.js.map +1 -0
- package/dist/components/form/FormDescription.d.ts +7 -0
- package/dist/components/form/FormDescription.d.ts.map +1 -0
- package/dist/components/form/FormDescription.js +9 -0
- package/dist/components/form/FormDescription.js.map +1 -0
- package/dist/components/form/FormError.d.ts +7 -0
- package/dist/components/form/FormError.d.ts.map +1 -0
- package/dist/components/form/FormError.js +9 -0
- package/dist/components/form/FormError.js.map +1 -0
- package/dist/components/form/FormField.d.ts +13 -0
- package/dist/components/form/FormField.d.ts.map +1 -0
- package/dist/components/form/FormField.js +45 -0
- package/dist/components/form/FormField.js.map +1 -0
- package/dist/components/form/FormInput.d.ts +8 -0
- package/dist/components/form/FormInput.d.ts.map +1 -0
- package/dist/components/form/FormInput.js +17 -0
- package/dist/components/form/FormInput.js.map +1 -0
- package/dist/components/form/FormInputGroup.d.ts +7 -0
- package/dist/components/form/FormInputGroup.d.ts.map +1 -0
- package/dist/components/form/FormInputGroup.js +30 -0
- package/dist/components/form/FormInputGroup.js.map +1 -0
- package/dist/components/form/FormLabel.d.ts +7 -0
- package/dist/components/form/FormLabel.d.ts.map +1 -0
- package/dist/components/form/FormLabel.js +9 -0
- package/dist/components/form/FormLabel.js.map +1 -0
- package/dist/components/form/FormRadioGroup.d.ts +14 -0
- package/dist/components/form/FormRadioGroup.d.ts.map +1 -0
- package/dist/components/form/FormRadioGroup.js +25 -0
- package/dist/components/form/FormRadioGroup.js.map +1 -0
- package/dist/components/form/FormRoot.d.ts +10 -0
- package/dist/components/form/FormRoot.d.ts.map +1 -0
- package/dist/components/form/FormRoot.js +10 -0
- package/dist/components/form/FormRoot.js.map +1 -0
- package/dist/components/form/FormSelect.d.ts +19 -0
- package/dist/components/form/FormSelect.d.ts.map +1 -0
- package/dist/components/form/FormSelect.js +34 -0
- package/dist/components/form/FormSelect.js.map +1 -0
- package/dist/components/form/FormSwitch.d.ts +10 -0
- package/dist/components/form/FormSwitch.d.ts.map +1 -0
- package/dist/components/form/FormSwitch.js +24 -0
- package/dist/components/form/FormSwitch.js.map +1 -0
- package/dist/components/form/FormTextarea.d.ts +8 -0
- package/dist/components/form/FormTextarea.d.ts.map +1 -0
- package/dist/components/form/FormTextarea.js +13 -0
- package/dist/components/form/FormTextarea.js.map +1 -0
- package/dist/components/form/Input.d.ts +14 -0
- package/dist/components/form/Input.d.ts.map +1 -0
- package/dist/components/form/Input.js +22 -0
- package/dist/components/form/Input.js.map +1 -0
- package/dist/components/form/InputGroup.d.ts +26 -0
- package/dist/components/form/InputGroup.d.ts.map +1 -0
- package/dist/components/form/InputGroup.js +58 -0
- package/dist/components/form/InputGroup.js.map +1 -0
- package/dist/components/form/RadioGroup.d.ts +23 -0
- package/dist/components/form/RadioGroup.d.ts.map +1 -0
- package/dist/components/form/RadioGroup.js +30 -0
- package/dist/components/form/RadioGroup.js.map +1 -0
- package/dist/components/form/Select.d.ts +42 -0
- package/dist/components/form/Select.d.ts.map +1 -0
- package/dist/components/form/Select.js +68 -0
- package/dist/components/form/Select.js.map +1 -0
- package/dist/components/form/Slider.d.ts +37 -0
- package/dist/components/form/Slider.d.ts.map +1 -0
- package/dist/components/form/Slider.js +35 -0
- package/dist/components/form/Slider.js.map +1 -0
- package/dist/components/form/Switch.d.ts +23 -0
- package/dist/components/form/Switch.d.ts.map +1 -0
- package/dist/components/form/Switch.js +21 -0
- package/dist/components/form/Switch.js.map +1 -0
- package/dist/components/form/Textarea.d.ts +16 -0
- package/dist/components/form/Textarea.d.ts.map +1 -0
- package/dist/components/form/Textarea.js +12 -0
- package/dist/components/form/Textarea.js.map +1 -0
- package/dist/entries/alert-dialog.d.ts +3 -0
- package/dist/entries/alert-dialog.d.ts.map +1 -0
- package/dist/entries/alert-dialog.js +2 -0
- package/dist/entries/alert-dialog.js.map +1 -0
- package/dist/entries/alert.d.ts +3 -0
- package/dist/entries/alert.d.ts.map +1 -0
- package/dist/entries/alert.js +2 -0
- package/dist/entries/alert.js.map +1 -0
- package/dist/entries/avatar.d.ts +3 -0
- package/dist/entries/avatar.d.ts.map +1 -0
- package/dist/entries/avatar.js +2 -0
- package/dist/entries/avatar.js.map +1 -0
- package/dist/entries/badge.d.ts +3 -0
- package/dist/entries/badge.d.ts.map +1 -0
- package/dist/entries/badge.js +2 -0
- package/dist/entries/badge.js.map +1 -0
- package/dist/entries/button.d.ts +3 -0
- package/dist/entries/button.d.ts.map +1 -0
- package/dist/entries/button.js +2 -0
- package/dist/entries/button.js.map +1 -0
- package/dist/entries/card.d.ts +3 -0
- package/dist/entries/card.d.ts.map +1 -0
- package/dist/entries/card.js +2 -0
- package/dist/entries/card.js.map +1 -0
- package/dist/entries/checkbox.d.ts +3 -0
- package/dist/entries/checkbox.d.ts.map +1 -0
- package/dist/entries/checkbox.js +2 -0
- package/dist/entries/checkbox.js.map +1 -0
- package/dist/entries/cn.d.ts +3 -0
- package/dist/entries/cn.d.ts.map +1 -0
- package/dist/entries/cn.js +2 -0
- package/dist/entries/cn.js.map +1 -0
- package/dist/entries/color-picker.d.ts +3 -0
- package/dist/entries/color-picker.d.ts.map +1 -0
- package/dist/entries/color-picker.js +2 -0
- package/dist/entries/color-picker.js.map +1 -0
- package/dist/entries/combobox.d.ts +3 -0
- package/dist/entries/combobox.d.ts.map +1 -0
- package/dist/entries/combobox.js +2 -0
- package/dist/entries/combobox.js.map +1 -0
- package/dist/entries/dialog.d.ts +3 -0
- package/dist/entries/dialog.d.ts.map +1 -0
- package/dist/entries/dialog.js +2 -0
- package/dist/entries/dialog.js.map +1 -0
- package/dist/entries/flex.d.ts +3 -0
- package/dist/entries/flex.d.ts.map +1 -0
- package/dist/entries/flex.js +2 -0
- package/dist/entries/flex.js.map +1 -0
- package/dist/entries/form.d.ts +3 -0
- package/dist/entries/form.d.ts.map +1 -0
- package/dist/entries/form.js +2 -0
- package/dist/entries/form.js.map +1 -0
- package/dist/entries/grid.d.ts +3 -0
- package/dist/entries/grid.d.ts.map +1 -0
- package/dist/entries/grid.js +2 -0
- package/dist/entries/grid.js.map +1 -0
- package/dist/entries/group.d.ts +3 -0
- package/dist/entries/group.d.ts.map +1 -0
- package/dist/entries/group.js +2 -0
- package/dist/entries/group.js.map +1 -0
- package/dist/entries/input-group.d.ts +3 -0
- package/dist/entries/input-group.d.ts.map +1 -0
- package/dist/entries/input-group.js +2 -0
- package/dist/entries/input-group.js.map +1 -0
- package/dist/entries/input.d.ts +3 -0
- package/dist/entries/input.d.ts.map +1 -0
- package/dist/entries/input.js +2 -0
- package/dist/entries/input.js.map +1 -0
- package/dist/entries/menu.d.ts +3 -0
- package/dist/entries/menu.d.ts.map +1 -0
- package/dist/entries/menu.js +2 -0
- package/dist/entries/menu.js.map +1 -0
- package/dist/entries/popover.d.ts +3 -0
- package/dist/entries/popover.d.ts.map +1 -0
- package/dist/entries/popover.js +2 -0
- package/dist/entries/popover.js.map +1 -0
- package/dist/entries/progress.d.ts +3 -0
- package/dist/entries/progress.d.ts.map +1 -0
- package/dist/entries/progress.js +2 -0
- package/dist/entries/progress.js.map +1 -0
- package/dist/entries/radio-group.d.ts +3 -0
- package/dist/entries/radio-group.d.ts.map +1 -0
- package/dist/entries/radio-group.js +2 -0
- package/dist/entries/radio-group.js.map +1 -0
- package/dist/entries/scroll-area.d.ts +3 -0
- package/dist/entries/scroll-area.d.ts.map +1 -0
- package/dist/entries/scroll-area.js +2 -0
- package/dist/entries/scroll-area.js.map +1 -0
- package/dist/entries/select.d.ts +3 -0
- package/dist/entries/select.d.ts.map +1 -0
- package/dist/entries/select.js +2 -0
- package/dist/entries/select.js.map +1 -0
- package/dist/entries/separator.d.ts +3 -0
- package/dist/entries/separator.d.ts.map +1 -0
- package/dist/entries/separator.js +2 -0
- package/dist/entries/separator.js.map +1 -0
- package/dist/entries/sidebar.d.ts +3 -0
- package/dist/entries/sidebar.d.ts.map +1 -0
- package/dist/entries/sidebar.js +2 -0
- package/dist/entries/sidebar.js.map +1 -0
- package/dist/entries/slider.d.ts +3 -0
- package/dist/entries/slider.d.ts.map +1 -0
- package/dist/entries/slider.js +2 -0
- package/dist/entries/slider.js.map +1 -0
- package/dist/entries/spinner.d.ts +3 -0
- package/dist/entries/spinner.d.ts.map +1 -0
- package/dist/entries/spinner.js +2 -0
- package/dist/entries/spinner.js.map +1 -0
- package/dist/entries/switch.d.ts +3 -0
- package/dist/entries/switch.d.ts.map +1 -0
- package/dist/entries/switch.js +2 -0
- package/dist/entries/switch.js.map +1 -0
- package/dist/entries/table.d.ts +3 -0
- package/dist/entries/table.d.ts.map +1 -0
- package/dist/entries/table.js +2 -0
- package/dist/entries/table.js.map +1 -0
- package/dist/entries/text.d.ts +3 -0
- package/dist/entries/text.d.ts.map +1 -0
- package/dist/entries/text.js +2 -0
- package/dist/entries/text.js.map +1 -0
- package/dist/entries/textarea.d.ts +3 -0
- package/dist/entries/textarea.d.ts.map +1 -0
- package/dist/entries/textarea.js +2 -0
- package/dist/entries/textarea.js.map +1 -0
- package/dist/entries/theme.d.ts +3 -0
- package/dist/entries/theme.d.ts.map +1 -0
- package/dist/entries/theme.js +2 -0
- package/dist/entries/theme.js.map +1 -0
- package/dist/entries/toast.d.ts +3 -0
- package/dist/entries/toast.d.ts.map +1 -0
- package/dist/entries/toast.js +2 -0
- package/dist/entries/toast.js.map +1 -0
- package/dist/entries/tooltip.d.ts +3 -0
- package/dist/entries/tooltip.d.ts.map +1 -0
- package/dist/entries/tooltip.js +2 -0
- package/dist/entries/tooltip.js.map +1 -0
- package/dist/entries/x-stack.d.ts +3 -0
- package/dist/entries/x-stack.d.ts.map +1 -0
- package/dist/entries/x-stack.js +2 -0
- package/dist/entries/x-stack.js.map +1 -0
- package/dist/entries/y-stack.d.ts +3 -0
- package/dist/entries/y-stack.d.ts.map +1 -0
- package/dist/entries/y-stack.js +2 -0
- package/dist/entries/y-stack.js.map +1 -0
- package/dist/hooks/use-as-ref.d.ts +4 -0
- package/dist/hooks/use-as-ref.d.ts.map +1 -0
- package/dist/hooks/use-as-ref.js +11 -0
- package/dist/hooks/use-as-ref.js.map +1 -0
- package/dist/hooks/use-isomorphic-layout-effect.d.ts +4 -0
- package/dist/hooks/use-isomorphic-layout-effect.d.ts.map +1 -0
- package/dist/hooks/use-isomorphic-layout-effect.js +4 -0
- package/dist/hooks/use-isomorphic-layout-effect.js.map +1 -0
- package/dist/hooks/use-lazy-ref.d.ts +4 -0
- package/dist/hooks/use-lazy-ref.d.ts.map +1 -0
- package/dist/hooks/use-lazy-ref.js +10 -0
- package/dist/hooks/use-lazy-ref.js.map +1 -0
- package/dist/index.d.ts +37 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +39 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/color.d.ts +42 -0
- package/dist/lib/color.d.ts.map +1 -0
- package/dist/lib/color.js +140 -0
- package/dist/lib/color.js.map +1 -0
- package/dist/lib/compose-refs.d.ts +14 -0
- package/dist/lib/compose-refs.d.ts.map +1 -0
- package/dist/lib/compose-refs.js +57 -0
- package/dist/lib/compose-refs.js.map +1 -0
- package/dist/lib/theme.d.ts +40 -0
- package/dist/lib/theme.d.ts.map +1 -0
- package/dist/lib/theme.js +82 -0
- package/dist/lib/theme.js.map +1 -0
- package/dist/lib/utils.d.ts +8 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +18 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/test-setup.d.ts +2 -0
- package/dist/test-setup.d.ts.map +1 -0
- package/dist/test-setup.js +2 -0
- package/dist/test-setup.js.map +1 -0
- package/package.json +107 -4
- package/src/base.css +99 -0
- package/src/components/Alert.stories.tsx +124 -0
- package/src/components/Alert.test.tsx +76 -0
- package/src/components/Alert.tsx +133 -0
- package/src/components/AlertDialog.stories.tsx +184 -0
- package/src/components/AlertDialog.test.tsx +142 -0
- package/src/components/AlertDialog.tsx +164 -0
- package/src/components/Avatar.stories.tsx +92 -0
- package/src/components/Avatar.test.tsx +26 -0
- package/src/components/Avatar.tsx +96 -0
- package/src/components/Badge.stories.tsx +52 -0
- package/src/components/Badge.test.tsx +35 -0
- package/src/components/Badge.tsx +65 -0
- package/src/components/Button.stories.tsx +171 -0
- package/src/components/Button.test.tsx +112 -0
- package/src/components/Button.tsx +114 -0
- package/src/components/Card.stories.tsx +62 -0
- package/src/components/Card.test.tsx +23 -0
- package/src/components/Card.tsx +129 -0
- package/src/components/Dialog.stories.tsx +133 -0
- package/src/components/Dialog.test.tsx +95 -0
- package/src/components/Dialog.tsx +147 -0
- package/src/components/Flex.stories.tsx +70 -0
- package/src/components/Flex.test.tsx +53 -0
- package/src/components/Flex.tsx +59 -0
- package/src/components/Grid.stories.tsx +70 -0
- package/src/components/Grid.test.tsx +46 -0
- package/src/components/Grid.tsx +114 -0
- package/src/components/Group.stories.tsx +130 -0
- package/src/components/Group.test.tsx +57 -0
- package/src/components/Group.tsx +92 -0
- package/src/components/Menu.stories.tsx +139 -0
- package/src/components/Menu.test.tsx +103 -0
- package/src/components/Menu.tsx +290 -0
- package/src/components/Popover.stories.tsx +72 -0
- package/src/components/Popover.tsx +117 -0
- package/src/components/Progress.stories.tsx +105 -0
- package/src/components/Progress.test.tsx +28 -0
- package/src/components/Progress.tsx +111 -0
- package/src/components/ScrollArea.stories.tsx +66 -0
- package/src/components/ScrollArea.test.tsx +32 -0
- package/src/components/ScrollArea.tsx +160 -0
- package/src/components/Separator.stories.tsx +39 -0
- package/src/components/Separator.test.tsx +24 -0
- package/src/components/Separator.tsx +27 -0
- package/src/components/Sidebar.stories.tsx +87 -0
- package/src/components/Sidebar.tsx +166 -0
- package/src/components/Spinner.stories.tsx +36 -0
- package/src/components/Spinner.test.tsx +25 -0
- package/src/components/Spinner.tsx +31 -0
- package/src/components/Table.stories.tsx +76 -0
- package/src/components/Table.tsx +151 -0
- package/src/components/Text.stories.tsx +148 -0
- package/src/components/Text.test.tsx +106 -0
- package/src/components/Text.tsx +85 -0
- package/src/components/Toast.stories.tsx +166 -0
- package/src/components/Toast.test.tsx +97 -0
- package/src/components/Toast.tsx +270 -0
- package/src/components/Tooltip.stories.tsx +116 -0
- package/src/components/Tooltip.test.tsx +51 -0
- package/src/components/Tooltip.tsx +80 -0
- package/src/components/XStack.stories.tsx +64 -0
- package/src/components/XStack.test.tsx +33 -0
- package/src/components/XStack.tsx +19 -0
- package/src/components/YStack.stories.tsx +65 -0
- package/src/components/YStack.test.tsx +31 -0
- package/src/components/YStack.tsx +19 -0
- package/src/components/_internal/Story.tsx +161 -0
- package/src/components/_internal/VisuallyHiddenInput.tsx +164 -0
- package/src/components/_internal/dialog-styles.ts +57 -0
- package/src/components/_internal/layout.ts +103 -0
- package/src/components/form/Checkbox.stories.tsx +78 -0
- package/src/components/form/Checkbox.test.tsx +107 -0
- package/src/components/form/Checkbox.tsx +95 -0
- package/src/components/form/ColorPicker.stories.tsx +160 -0
- package/src/components/form/ColorPicker.test.tsx +45 -0
- package/src/components/form/ColorPicker.tsx +55 -0
- package/src/components/form/ColorPickerPrimitive.test.tsx +14 -0
- package/src/components/form/ColorPickerPrimitive.tsx +1283 -0
- package/src/components/form/Combobox.stories.tsx +378 -0
- package/src/components/form/Combobox.test.tsx +334 -0
- package/src/components/form/Combobox.tsx +667 -0
- package/src/components/form/Form.context.ts +114 -0
- package/src/components/form/Form.stories.tsx +226 -0
- package/src/components/form/Form.test.tsx +293 -0
- package/src/components/form/Form.tsx +50 -0
- package/src/components/form/FormCheckbox.tsx +50 -0
- package/src/components/form/FormCombobox.tsx +92 -0
- package/src/components/form/FormDescription.tsx +21 -0
- package/src/components/form/FormError.tsx +21 -0
- package/src/components/form/FormField.tsx +109 -0
- package/src/components/form/FormInput.tsx +41 -0
- package/src/components/form/FormInputGroup.tsx +47 -0
- package/src/components/form/FormLabel.tsx +24 -0
- package/src/components/form/FormRadioGroup.tsx +46 -0
- package/src/components/form/FormRoot.tsx +41 -0
- package/src/components/form/FormSelect.tsx +60 -0
- package/src/components/form/FormSwitch.tsx +50 -0
- package/src/components/form/FormTextarea.tsx +34 -0
- package/src/components/form/Input.stories.tsx +114 -0
- package/src/components/form/Input.test.tsx +62 -0
- package/src/components/form/Input.tsx +93 -0
- package/src/components/form/InputGroup.stories.tsx +162 -0
- package/src/components/form/InputGroup.tsx +149 -0
- package/src/components/form/RadioGroup.stories.tsx +68 -0
- package/src/components/form/RadioGroup.test.tsx +171 -0
- package/src/components/form/RadioGroup.tsx +127 -0
- package/src/components/form/Select.stories.tsx +115 -0
- package/src/components/form/Select.test.tsx +115 -0
- package/src/components/form/Select.tsx +293 -0
- package/src/components/form/Slider.stories.tsx +121 -0
- package/src/components/form/Slider.test.tsx +33 -0
- package/src/components/form/Slider.tsx +200 -0
- package/src/components/form/Switch.stories.tsx +62 -0
- package/src/components/form/Switch.test.tsx +29 -0
- package/src/components/form/Switch.tsx +81 -0
- package/src/components/form/Textarea.stories.tsx +71 -0
- package/src/components/form/Textarea.test.tsx +31 -0
- package/src/components/form/Textarea.tsx +46 -0
- package/src/entries/alert-dialog.ts +11 -0
- package/src/entries/alert.ts +8 -0
- package/src/entries/avatar.ts +7 -0
- package/src/entries/badge.ts +2 -0
- package/src/entries/button.ts +2 -0
- package/src/entries/card.ts +10 -0
- package/src/entries/checkbox.ts +5 -0
- package/src/entries/cn.ts +2 -0
- package/src/entries/color-picker.ts +13 -0
- package/src/entries/combobox.ts +20 -0
- package/src/entries/dialog.ts +11 -0
- package/src/entries/entries.test.ts +65 -0
- package/src/entries/flex.ts +2 -0
- package/src/entries/form.ts +16 -0
- package/src/entries/grid.ts +2 -0
- package/src/entries/group.ts +6 -0
- package/src/entries/input-group.ts +8 -0
- package/src/entries/input.ts +2 -0
- package/src/entries/menu.ts +17 -0
- package/src/entries/popover.ts +10 -0
- package/src/entries/progress.ts +8 -0
- package/src/entries/radio-group.ts +5 -0
- package/src/entries/scroll-area.ts +10 -0
- package/src/entries/select.ts +12 -0
- package/src/entries/separator.ts +2 -0
- package/src/entries/sidebar.ts +13 -0
- package/src/entries/slider.ts +7 -0
- package/src/entries/spinner.ts +2 -0
- package/src/entries/switch.ts +2 -0
- package/src/entries/table.ts +11 -0
- package/src/entries/text.ts +2 -0
- package/src/entries/textarea.ts +2 -0
- package/src/entries/theme.ts +8 -0
- package/src/entries/toast.ts +2 -0
- package/src/entries/tooltip.ts +7 -0
- package/src/entries/x-stack.ts +2 -0
- package/src/entries/y-stack.ts +2 -0
- package/src/hooks/use-as-ref.ts +15 -0
- package/src/hooks/use-isomorphic-layout-effect.ts +6 -0
- package/src/hooks/use-lazy-ref.ts +13 -0
- package/src/index.ts +38 -0
- package/src/lib/color.test.ts +148 -0
- package/src/lib/color.ts +193 -0
- package/src/lib/compose-refs.ts +63 -0
- package/src/lib/theme.test.ts +64 -0
- package/src/lib/theme.ts +143 -0
- package/src/lib/utils.ts +25 -0
- package/src/public-api.test.ts +74 -0
- package/src/styles.css +2 -0
- package/src/test-setup.ts +1 -0
- package/src/theme.css +195 -0
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../lib/utils.js';
|
|
3
|
+
import { getLayoutClasses } from './_internal/layout.js';
|
|
4
|
+
const columnClasses = {
|
|
5
|
+
1: 'grid-cols-1',
|
|
6
|
+
2: 'grid-cols-2',
|
|
7
|
+
3: 'grid-cols-3',
|
|
8
|
+
4: 'grid-cols-4',
|
|
9
|
+
5: 'grid-cols-5',
|
|
10
|
+
6: 'grid-cols-6',
|
|
11
|
+
7: 'grid-cols-7',
|
|
12
|
+
8: 'grid-cols-8',
|
|
13
|
+
9: 'grid-cols-9',
|
|
14
|
+
10: 'grid-cols-10',
|
|
15
|
+
11: 'grid-cols-11',
|
|
16
|
+
12: 'grid-cols-12',
|
|
17
|
+
};
|
|
18
|
+
const flowClasses = {
|
|
19
|
+
column: 'grid-flow-col',
|
|
20
|
+
'column-dense': 'grid-flow-col-dense',
|
|
21
|
+
dense: 'grid-flow-dense',
|
|
22
|
+
row: 'grid-flow-row',
|
|
23
|
+
'row-dense': 'grid-flow-row-dense',
|
|
24
|
+
};
|
|
25
|
+
const placeContentClasses = {
|
|
26
|
+
around: 'place-content-around',
|
|
27
|
+
baseline: 'place-content-baseline',
|
|
28
|
+
between: 'place-content-between',
|
|
29
|
+
center: 'place-content-center',
|
|
30
|
+
end: 'place-content-end',
|
|
31
|
+
evenly: 'place-content-evenly',
|
|
32
|
+
start: 'place-content-start',
|
|
33
|
+
stretch: 'place-content-stretch',
|
|
34
|
+
};
|
|
35
|
+
const placeItemsClasses = {
|
|
36
|
+
baseline: 'place-items-baseline',
|
|
37
|
+
center: 'place-items-center',
|
|
38
|
+
end: 'place-items-end',
|
|
39
|
+
start: 'place-items-start',
|
|
40
|
+
stretch: 'place-items-stretch',
|
|
41
|
+
};
|
|
42
|
+
const rowClasses = {
|
|
43
|
+
1: 'grid-rows-1',
|
|
44
|
+
2: 'grid-rows-2',
|
|
45
|
+
3: 'grid-rows-3',
|
|
46
|
+
4: 'grid-rows-4',
|
|
47
|
+
5: 'grid-rows-5',
|
|
48
|
+
6: 'grid-rows-6',
|
|
49
|
+
7: 'grid-rows-7',
|
|
50
|
+
8: 'grid-rows-8',
|
|
51
|
+
9: 'grid-rows-9',
|
|
52
|
+
10: 'grid-rows-10',
|
|
53
|
+
11: 'grid-rows-11',
|
|
54
|
+
12: 'grid-rows-12',
|
|
55
|
+
};
|
|
56
|
+
function Grid({ align, as, className, columns, flow, gap, gapX, gapY, justify, placeContent, placeItems, ref, rows, ...props }) {
|
|
57
|
+
const Component = as ?? 'div';
|
|
58
|
+
return (_jsx(Component, { className: cn('grid', getLayoutClasses({ align, gap, gapX, gapY, justify }), columns === undefined ? undefined : columnClasses[columns], flow === undefined ? undefined : flowClasses[flow], placeContent === undefined
|
|
59
|
+
? undefined
|
|
60
|
+
: placeContentClasses[placeContent], placeItems === undefined ? undefined : placeItemsClasses[placeItems], rows === undefined ? undefined : rowClasses[rows], className), "data-slot": "grid", ref: ref, ...props }));
|
|
61
|
+
}
|
|
62
|
+
export { Grid };
|
|
63
|
+
//# sourceMappingURL=Grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/components/Grid.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAC;AAE7E,MAAM,aAAa,GAAG;IACpB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;CACV,CAAC;AAEX,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,eAAe;IACvB,cAAc,EAAE,qBAAqB;IACrC,KAAK,EAAE,iBAAiB;IACxB,GAAG,EAAE,eAAe;IACpB,WAAW,EAAE,qBAAqB;CAC1B,CAAC;AAEX,MAAM,mBAAmB,GAAG;IAC1B,MAAM,EAAE,sBAAsB;IAC9B,QAAQ,EAAE,wBAAwB;IAClC,OAAO,EAAE,uBAAuB;IAChC,MAAM,EAAE,sBAAsB;IAC9B,GAAG,EAAE,mBAAmB;IACxB,MAAM,EAAE,sBAAsB;IAC9B,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,uBAAuB;CACxB,CAAC;AAEX,MAAM,iBAAiB,GAAG;IACxB,QAAQ,EAAE,sBAAsB;IAChC,MAAM,EAAE,oBAAoB;IAC5B,GAAG,EAAE,iBAAiB;IACtB,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,qBAAqB;CACtB,CAAC;AAEX,MAAM,UAAU,GAAG;IACjB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,CAAC,EAAE,aAAa;IAChB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;IAClB,EAAE,EAAE,cAAc;CACV,CAAC;AAYX,SAAS,IAAI,CAAC,EACZ,KAAK,EACL,EAAE,EACF,SAAS,EACT,OAAO,EACP,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,UAAU,EACV,GAAG,EACH,IAAI,EACJ,GAAG,KAAK,EACE;IACV,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CACX,MAAM,EACN,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EACrD,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,EAC1D,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,EAClD,YAAY,KAAK,SAAS;YACxB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,mBAAmB,CAAC,YAAY,CAAC,EACrC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,EACpE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EACjD,SAAS,CACV,eACS,MAAM,EAChB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { type SeparatorProps } from './Separator.js';
|
|
5
|
+
declare const groupVariants: (props?: ({
|
|
6
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
type GroupProps = React.ComponentProps<'div'> & VariantProps<typeof groupVariants>;
|
|
9
|
+
type GroupSeparatorProps = SeparatorProps;
|
|
10
|
+
type GroupTextProps = useRender.ComponentProps<'div'>;
|
|
11
|
+
declare function GroupRoot({ className, orientation, ...props }: GroupProps): React.JSX.Element;
|
|
12
|
+
declare function GroupSeparator({ className, orientation, ...props }: GroupSeparatorProps): React.JSX.Element;
|
|
13
|
+
declare function GroupText({ className, render, ...props }: GroupTextProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
14
|
+
declare const Group: typeof GroupRoot & {
|
|
15
|
+
Separator: typeof GroupSeparator;
|
|
16
|
+
Text: typeof GroupText;
|
|
17
|
+
};
|
|
18
|
+
export { Group, GroupRoot, GroupSeparator, GroupText, groupVariants };
|
|
19
|
+
export type { GroupProps, GroupSeparatorProps, GroupTextProps };
|
|
20
|
+
//# sourceMappingURL=Group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/components/Group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,QAAA,MAAM,aAAa;;8EAelB,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC3C,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAErC,KAAK,mBAAmB,GAAG,cAAc,CAAC;AAE1C,KAAK,cAAc,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtD,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,UAAU,qBAWZ;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAWrB;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,0EAcjE;AAED,QAAA,MAAM,KAAK;;;CAGT,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;AACtE,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { mergeProps } from '@base-ui/react/merge-props';
|
|
4
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
5
|
+
import { cva } from 'class-variance-authority';
|
|
6
|
+
import { cn } from '../lib/utils.js';
|
|
7
|
+
import { Separator } from './Separator.js';
|
|
8
|
+
const groupVariants = cva('flex w-fit *:focus-visible:z-1 has-[>[data-slot=group]]:gap-2 *:has-focus-visible:z-1 dark:*:[[data-slot=separator]:has(~button:hover):not(:has(~[data-slot=separator]~[data-slot]:hover)),[data-slot=separator]:has(~[data-slot][data-pressed]):not(:has(~[data-slot=separator]~[data-slot][data-pressed]))]:before:bg-input/64 dark:*:[button:hover~[data-slot=separator]:not([data-slot]:hover~[data-slot=separator]~[data-slot=separator]),[data-slot][data-pressed]~[data-slot=separator]:not([data-slot][data-pressed]~[data-slot=separator]~[data-slot=separator])]:before:bg-input/64', {
|
|
9
|
+
defaultVariants: {
|
|
10
|
+
orientation: 'horizontal',
|
|
11
|
+
},
|
|
12
|
+
variants: {
|
|
13
|
+
orientation: {
|
|
14
|
+
horizontal: '*:pointer-coarse:after:min-w-auto *:data-slot:has-[~[data-slot]]:rounded-e-none *:data-slot:has-[~[data-slot]]:border-e-0 *:data-slot:not-data-[slot=separator]:has-[~[data-slot]]:before:-end-[0.5px] *:data-slot:has-[~[data-slot]]:before:rounded-e-none *:[[data-slot]~[data-slot]:not([data-slot=separator])]:before:-start-[0.5px] *:[[data-slot]~[data-slot]]:rounded-s-none *:[[data-slot]~[data-slot]]:border-s-0 *:[[data-slot]~[data-slot]]:before:rounded-s-none',
|
|
15
|
+
vertical: 'flex-col *:pointer-coarse:after:min-h-auto *:data-slot:has-[~[data-slot]]:rounded-b-none *:data-slot:has-[~[data-slot]]:border-b-0 *:data-slot:not-data-[slot=separator]:has-[~[data-slot]]:before:-bottom-[0.5px] *:data-slot:not-data-[slot=separator]:has-[~[data-slot]]:before:hidden *:data-slot:has-[~[data-slot]]:before:rounded-b-none dark:*:last:before:hidden dark:*:first:before:block *:[[data-slot]~[data-slot]:not([data-slot=separator])]:before:-top-[0.5px] *:[[data-slot]~[data-slot]]:rounded-t-none *:[[data-slot]~[data-slot]]:border-t-0 *:[[data-slot]~[data-slot]]:before:rounded-t-none',
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
});
|
|
19
|
+
function GroupRoot({ className, orientation = 'horizontal', ...props }) {
|
|
20
|
+
return (_jsx("div", { className: cn(groupVariants({ orientation }), className), "data-orientation": orientation, "data-slot": "group",
|
|
21
|
+
// react-doctor-disable-next-line react-doctor/prefer-tag-over-role -- role="group" is the correct ARIA pattern for grouped controls
|
|
22
|
+
role: "group", ...props }));
|
|
23
|
+
}
|
|
24
|
+
function GroupSeparator({ className, orientation = 'vertical', ...props }) {
|
|
25
|
+
return (_jsx(Separator, { className: cn('bg-input has-[+[data-slot=input-control]:focus-within,+[data-slot=input-group]:focus-within,+[data-slot=select-trigger]:focus-visible+*,+[data-slot=number-field]:focus-within]:bg-ring dark:before:bg-input/32 [[data-slot=input-control]:focus-within+&,[data-slot=input-group]:focus-within+&,[data-slot=select-trigger]:focus-visible+*+&,[data-slot=number-field]:focus-within+&,[data-slot=number-field]:focus-within+input+&]:bg-ring pointer-events-none relative z-2 before:absolute before:inset-0 has-[+[data-slot=input-control]:focus-within,+[data-slot=input-group]:focus-within,+[data-slot=select-trigger]:focus-visible+*,+[data-slot=number-field]:focus-within]:translate-x-px [[data-slot=input-control]:focus-within+&,[data-slot=input-group]:focus-within+&,[data-slot=select-trigger]:focus-visible+*+&,[data-slot=number-field]:focus-within+input+&]:-translate-x-px', className), orientation: orientation, ...props }));
|
|
26
|
+
}
|
|
27
|
+
function GroupText({ className, render, ...props }) {
|
|
28
|
+
const defaultProps = {
|
|
29
|
+
className: cn('border-input bg-muted text-muted-foreground relative inline-flex h-8 items-center gap-2 rounded-lg border px-[calc(--spacing(3)-1px)] text-base whitespace-nowrap shadow-xs/5 outline-none transition-shadow not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/6%)] sm:text-sm dark:bg-input/64 dark:before:shadow-[0_-1px_--theme(--color-white/6%)] [&_svg:not([class*="size-"])]:size-4 [&_svg]:-mx-0.5 [&_svg]:shrink-0', className),
|
|
30
|
+
'data-slot': 'group-text',
|
|
31
|
+
};
|
|
32
|
+
return useRender({
|
|
33
|
+
defaultTagName: 'div',
|
|
34
|
+
props: mergeProps(defaultProps, props),
|
|
35
|
+
render,
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
const Group = Object.assign(GroupRoot, {
|
|
39
|
+
Separator: GroupSeparator,
|
|
40
|
+
Text: GroupText,
|
|
41
|
+
});
|
|
42
|
+
export { Group, GroupRoot, GroupSeparator, GroupText, groupVariants };
|
|
43
|
+
//# sourceMappingURL=Group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../src/components/Group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAE7D,MAAM,aAAa,GAAG,GAAG,CACvB,+jBAA+jB,EAC/jB;IACE,eAAe,EAAE;QACf,WAAW,EAAE,YAAY;KAC1B;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EACR,8cAA8c;YAChd,QAAQ,EACN,mlBAAmlB;SACtlB;KACF;CACF,CACF,CAAC;AASF,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,GAAG,KAAK,EACG;IACX,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC,sBACtC,WAAW,eACnB,OAAO;QACjB,oIAAoI;QACpI,IAAI,EAAC,OAAO,KACR,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,GAAG,KAAK,EACY;IACpB,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CACX,i2BAAi2B,EACj2B,SAAS,CACV,EACD,WAAW,EAAE,WAAW,KACpB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkB;IAChE,MAAM,YAAY,GAAG;QACnB,SAAS,EAAE,EAAE,CACX,qhBAAqhB,EACrhB,SAAS,CACV;QACD,WAAW,EAAE,YAAY;KAC1B,CAAC;IAEF,OAAO,SAAS,CAAC;QACf,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,KAAK,CAAC;QACtC,MAAM;KACP,CAAC,CAAC;AACL,CAAC;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IACrC,SAAS,EAAE,cAAc;IACzB,IAAI,EAAE,SAAS;CAChB,CAAC,CAAC;AAEH,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { Menu as MenuPrimitive } from '@base-ui/react/menu';
|
|
2
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { type TextProps } from './Text.js';
|
|
5
|
+
type MenuCheckboxItemProps = React.ComponentProps<typeof MenuPrimitive.CheckboxItem>;
|
|
6
|
+
type MenuContentProps = Pick<React.ComponentProps<typeof MenuPrimitive.Positioner>, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & React.ComponentProps<typeof MenuPrimitive.Popup>;
|
|
7
|
+
type MenuGroupLabelProps = React.ComponentProps<typeof MenuPrimitive.GroupLabel>;
|
|
8
|
+
type MenuGroupProps = React.ComponentProps<typeof MenuPrimitive.Group>;
|
|
9
|
+
type MenuItemProps = React.ComponentProps<typeof MenuPrimitive.Item> & VariantProps<typeof menuItemVariants>;
|
|
10
|
+
type MenuProps = React.ComponentProps<typeof MenuPrimitive.Root>;
|
|
11
|
+
type MenuRadioGroupProps = React.ComponentProps<typeof MenuPrimitive.RadioGroup>;
|
|
12
|
+
type MenuRadioItemProps = React.ComponentProps<typeof MenuPrimitive.RadioItem>;
|
|
13
|
+
type MenuSeparatorProps = React.ComponentProps<typeof MenuPrimitive.Separator>;
|
|
14
|
+
type MenuShortcutProps = Omit<TextProps, 'as'>;
|
|
15
|
+
type MenuSubContentProps = MenuContentProps;
|
|
16
|
+
type MenuSubProps = React.ComponentProps<typeof MenuPrimitive.SubmenuRoot>;
|
|
17
|
+
type MenuSubTriggerProps = React.ComponentProps<typeof MenuPrimitive.SubmenuTrigger>;
|
|
18
|
+
type MenuTriggerProps = React.ComponentProps<typeof MenuPrimitive.Trigger>;
|
|
19
|
+
declare const menuItemVariants: (props?: ({
|
|
20
|
+
variant?: "destructive" | "default" | null | undefined;
|
|
21
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
22
|
+
declare function MenuCheckboxItem({ children, className, ...props }: MenuCheckboxItemProps): React.JSX.Element;
|
|
23
|
+
declare function MenuContent({ align, alignOffset, className, side, sideOffset, ...props }: MenuContentProps): React.JSX.Element;
|
|
24
|
+
declare function MenuGroup({ ...props }: MenuGroupProps): React.JSX.Element;
|
|
25
|
+
declare function MenuGroupLabel({ className, ...props }: MenuGroupLabelProps): React.JSX.Element;
|
|
26
|
+
declare function MenuItem({ className, variant, ...props }: MenuItemProps): React.JSX.Element;
|
|
27
|
+
declare function MenuRadioGroup({ ...props }: MenuRadioGroupProps): React.JSX.Element;
|
|
28
|
+
declare function MenuRadioItem({ children, className, ...props }: MenuRadioItemProps): React.JSX.Element;
|
|
29
|
+
declare function MenuRoot({ ...props }: MenuProps): React.JSX.Element;
|
|
30
|
+
declare function MenuSeparator({ className, ...props }: MenuSeparatorProps): React.JSX.Element;
|
|
31
|
+
declare function MenuShortcut({ className, ...props }: MenuShortcutProps): React.JSX.Element;
|
|
32
|
+
declare function MenuSub({ ...props }: MenuSubProps): React.JSX.Element;
|
|
33
|
+
declare function MenuSubContent({ align, alignOffset, className, side, sideOffset, ...props }: MenuSubContentProps): React.JSX.Element;
|
|
34
|
+
declare function MenuSubTrigger({ children, className, ...props }: MenuSubTriggerProps): React.JSX.Element;
|
|
35
|
+
declare function MenuTrigger({ ...props }: MenuTriggerProps): React.JSX.Element;
|
|
36
|
+
declare const Menu: typeof MenuRoot & {
|
|
37
|
+
CheckboxItem: typeof MenuCheckboxItem;
|
|
38
|
+
Content: typeof MenuContent;
|
|
39
|
+
Group: typeof MenuGroup;
|
|
40
|
+
GroupLabel: typeof MenuGroupLabel;
|
|
41
|
+
Item: typeof MenuItem;
|
|
42
|
+
RadioGroup: typeof MenuRadioGroup;
|
|
43
|
+
RadioItem: typeof MenuRadioItem;
|
|
44
|
+
Separator: typeof MenuSeparator;
|
|
45
|
+
Shortcut: typeof MenuShortcut;
|
|
46
|
+
Sub: typeof MenuSub;
|
|
47
|
+
SubContent: typeof MenuSubContent;
|
|
48
|
+
SubTrigger: typeof MenuSubTrigger;
|
|
49
|
+
Trigger: typeof MenuTrigger;
|
|
50
|
+
};
|
|
51
|
+
export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger, };
|
|
52
|
+
export type { MenuCheckboxItemProps, MenuContentProps, MenuGroupLabelProps, MenuGroupProps, MenuItemProps, MenuProps, MenuRadioGroupProps, MenuRadioItemProps, MenuSeparatorProps, MenuShortcutProps, MenuSubContentProps, MenuSubProps, MenuSubTriggerProps, MenuTriggerProps, };
|
|
53
|
+
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/components/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAM5D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAC/C,OAAO,aAAa,CAAC,YAAY,CAClC,CAAC;AACF,KAAK,gBAAgB,GAAG,IAAI,CAC1B,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,UAAU,CAAC,EACrD,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAChD,GACC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;AACnD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAC7C,OAAO,aAAa,CAAC,UAAU,CAChC,CAAC;AACF,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;AACvE,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,GAClE,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACxC,KAAK,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;AACjE,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAC7C,OAAO,aAAa,CAAC,UAAU,CAChC,CAAC;AACF,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AAC/E,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AAC/E,KAAK,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;AAC/C,KAAK,mBAAmB,GAAG,gBAAgB,CAAC;AAC5C,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,CAAC;AAC3E,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAC7C,OAAO,aAAa,CAAC,cAAc,CACpC,CAAC;AACF,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC;AAQ3E,QAAA,MAAM,gBAAgB;;8EAWpB,CAAC;AAEH,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAkBvB;AAED,iBAAS,WAAW,CAAC,EACnB,KAAe,EACf,WAAe,EACf,SAAS,EACT,IAAe,EACf,UAAc,EACd,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAkBlB;AAED,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAE9C;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAQnE;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAS5E;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAExD;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAkB3E;AAED,iBAAS,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAExC;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAQjE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAU/D;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAE1C;AAED,iBAAS,cAAc,CAAC,EACtB,KAAe,EACf,WAAgB,EAChB,SAAS,EACT,IAAc,EACd,UAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAkBrB;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAerB;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAElD;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAcR,CAAC;AAEH,OAAO,EACL,IAAI,EACJ,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,cAAc,EACd,QAAQ,EACR,cAAc,EACd,aAAa,EACb,aAAa,EACb,YAAY,EACZ,OAAO,EACP,cAAc,EACd,cAAc,EACd,WAAW,GACZ,CAAC;AACF,YAAY,EACV,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,GACjB,CAAC"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Menu as MenuPrimitive } from '@base-ui/react/menu';
|
|
3
|
+
import { IconCheck, IconChevronRight, IconCircleFilled, } from '@tabler/icons-react';
|
|
4
|
+
import { cva } from 'class-variance-authority';
|
|
5
|
+
import { cn } from '../lib/utils.js';
|
|
6
|
+
import { Text } from './Text.js';
|
|
7
|
+
const menuPopupClassName = 'border-border bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 max-h-(--available-height) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-lg duration-100 outline-none';
|
|
8
|
+
const menuItemBaseClassName = "data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
|
|
9
|
+
const menuItemVariants = cva(menuItemBaseClassName, {
|
|
10
|
+
defaultVariants: {
|
|
11
|
+
variant: 'default',
|
|
12
|
+
},
|
|
13
|
+
variants: {
|
|
14
|
+
variant: {
|
|
15
|
+
default: "[&_svg:not([class*='text-'])]:text-muted-foreground",
|
|
16
|
+
destructive: 'text-destructive data-highlighted:bg-destructive/10 data-highlighted:text-destructive dark:data-highlighted:bg-destructive/20 [&_svg]:text-destructive',
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
function MenuCheckboxItem({ children, className, ...props }) {
|
|
21
|
+
return (_jsxs(MenuPrimitive.CheckboxItem, { className: cn(menuItemBaseClassName, 'pr-8', className), "data-slot": "menu-checkbox-item", ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", "data-slot": "menu-checkbox-item-indicator", children: _jsx(MenuPrimitive.CheckboxItemIndicator, { children: _jsx(IconCheck, {}) }) }), children] }));
|
|
22
|
+
}
|
|
23
|
+
function MenuContent({ align = 'start', alignOffset = 0, className, side = 'bottom', sideOffset = 4, ...props }) {
|
|
24
|
+
return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { align: align, alignOffset: alignOffset, className: "z-50 outline-none", side: side, sideOffset: sideOffset, children: _jsx(MenuPrimitive.Popup, { className: cn(menuPopupClassName, className), "data-slot": "menu-content", ...props }) }) }));
|
|
25
|
+
}
|
|
26
|
+
function MenuGroup({ ...props }) {
|
|
27
|
+
return _jsx(MenuPrimitive.Group, { "data-slot": "menu-group", ...props });
|
|
28
|
+
}
|
|
29
|
+
function MenuGroupLabel({ className, ...props }) {
|
|
30
|
+
return (_jsx(MenuPrimitive.GroupLabel, { className: cn('text-muted-foreground px-2 py-1.5 text-xs', className), "data-slot": "menu-group-label", ...props }));
|
|
31
|
+
}
|
|
32
|
+
function MenuItem({ className, variant = 'default', ...props }) {
|
|
33
|
+
return (_jsx(MenuPrimitive.Item, { className: cn(menuItemVariants({ variant }), className), "data-slot": "menu-item", "data-variant": variant, ...props }));
|
|
34
|
+
}
|
|
35
|
+
function MenuRadioGroup({ ...props }) {
|
|
36
|
+
return _jsx(MenuPrimitive.RadioGroup, { "data-slot": "menu-radio-group", ...props });
|
|
37
|
+
}
|
|
38
|
+
function MenuRadioItem({ children, className, ...props }) {
|
|
39
|
+
return (_jsxs(MenuPrimitive.RadioItem, { className: cn(menuItemBaseClassName, 'pr-8', className), "data-slot": "menu-radio-item", ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", "data-slot": "menu-radio-item-indicator", children: _jsx(MenuPrimitive.RadioItemIndicator, { children: _jsx(IconCircleFilled, { className: "size-2" }) }) }), children] }));
|
|
40
|
+
}
|
|
41
|
+
function MenuRoot({ ...props }) {
|
|
42
|
+
return _jsx(MenuPrimitive.Root, { ...props });
|
|
43
|
+
}
|
|
44
|
+
function MenuSeparator({ className, ...props }) {
|
|
45
|
+
return (_jsx(MenuPrimitive.Separator, { className: cn('bg-border/50 -mx-1 my-1 h-px', className), "data-slot": "menu-separator", ...props }));
|
|
46
|
+
}
|
|
47
|
+
function MenuShortcut({ className, ...props }) {
|
|
48
|
+
return (_jsx(Text, { as: "span", className: cn('ml-auto text-xs tracking-widest', className), "data-slot": "menu-shortcut", tone: "muted", ...props }));
|
|
49
|
+
}
|
|
50
|
+
function MenuSub({ ...props }) {
|
|
51
|
+
return _jsx(MenuPrimitive.SubmenuRoot, { ...props });
|
|
52
|
+
}
|
|
53
|
+
function MenuSubContent({ align = 'start', alignOffset = -5, className, side = 'right', sideOffset = 0, ...props }) {
|
|
54
|
+
return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { align: align, alignOffset: alignOffset, className: "z-50 outline-none", side: side, sideOffset: sideOffset, children: _jsx(MenuPrimitive.Popup, { className: cn(menuPopupClassName, className), "data-slot": "menu-sub-content", ...props }) }) }));
|
|
55
|
+
}
|
|
56
|
+
function MenuSubTrigger({ children, className, ...props }) {
|
|
57
|
+
return (_jsxs(MenuPrimitive.SubmenuTrigger, { className: cn(menuItemBaseClassName, "data-popup-open:bg-accent data-popup-open:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground", className), "data-slot": "menu-sub-trigger", ...props, children: [children, _jsx(IconChevronRight, { className: "ml-auto" })] }));
|
|
58
|
+
}
|
|
59
|
+
function MenuTrigger({ ...props }) {
|
|
60
|
+
return _jsx(MenuPrimitive.Trigger, { "data-slot": "menu-trigger", ...props });
|
|
61
|
+
}
|
|
62
|
+
const Menu = Object.assign(MenuRoot, {
|
|
63
|
+
CheckboxItem: MenuCheckboxItem,
|
|
64
|
+
Content: MenuContent,
|
|
65
|
+
Group: MenuGroup,
|
|
66
|
+
GroupLabel: MenuGroupLabel,
|
|
67
|
+
Item: MenuItem,
|
|
68
|
+
RadioGroup: MenuRadioGroup,
|
|
69
|
+
RadioItem: MenuRadioItem,
|
|
70
|
+
Separator: MenuSeparator,
|
|
71
|
+
Shortcut: MenuShortcut,
|
|
72
|
+
Sub: MenuSub,
|
|
73
|
+
SubContent: MenuSubContent,
|
|
74
|
+
SubTrigger: MenuSubTrigger,
|
|
75
|
+
Trigger: MenuTrigger,
|
|
76
|
+
});
|
|
77
|
+
export { Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger, };
|
|
78
|
+
//# sourceMappingURL=Menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/components/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type PopoverAnchorProps = React.ComponentProps<'div'>;
|
|
4
|
+
type PopoverContentProps = Pick<React.ComponentProps<typeof PopoverPrimitive.Positioner>, 'align' | 'side' | 'sideOffset'> & React.ComponentProps<typeof PopoverPrimitive.Popup>;
|
|
5
|
+
type PopoverDescriptionProps = React.ComponentProps<'p'>;
|
|
6
|
+
type PopoverHeaderProps = React.ComponentProps<'div'>;
|
|
7
|
+
type PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;
|
|
8
|
+
type PopoverTitleProps = React.ComponentProps<'h2'>;
|
|
9
|
+
type PopoverTriggerProps = React.ComponentProps<typeof PopoverPrimitive.Trigger>;
|
|
10
|
+
declare function PopoverAnchor({ ...props }: PopoverAnchorProps): React.JSX.Element;
|
|
11
|
+
declare function PopoverContent({ align, className, side, sideOffset, ...props }: PopoverContentProps): React.JSX.Element;
|
|
12
|
+
declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): React.JSX.Element;
|
|
13
|
+
declare function PopoverHeader({ className, ...props }: PopoverHeaderProps): React.JSX.Element;
|
|
14
|
+
declare function PopoverRoot({ ...props }: PopoverProps): React.JSX.Element;
|
|
15
|
+
declare function PopoverTitle({ children, className, ...props }: PopoverTitleProps): React.JSX.Element;
|
|
16
|
+
declare function PopoverTrigger(props: PopoverTriggerProps): React.JSX.Element;
|
|
17
|
+
declare const Popover: typeof PopoverRoot & {
|
|
18
|
+
Anchor: typeof PopoverAnchor;
|
|
19
|
+
Content: typeof PopoverContent;
|
|
20
|
+
Description: typeof PopoverDescription;
|
|
21
|
+
Header: typeof PopoverHeader;
|
|
22
|
+
Title: typeof PopoverTitle;
|
|
23
|
+
Trigger: typeof PopoverTrigger;
|
|
24
|
+
};
|
|
25
|
+
export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
|
|
26
|
+
export type { PopoverAnchorProps, PopoverContentProps, PopoverDescriptionProps, PopoverHeaderProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, };
|
|
27
|
+
//# sourceMappingURL=Popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/components/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACtD,KAAK,mBAAmB,GAAG,IAAI,CAC7B,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,EACxD,OAAO,GAAG,MAAM,GAAG,YAAY,CAChC,GACC,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAC;AACtD,KAAK,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACzD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACtD,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACvE,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AACpD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAC7C,OAAO,gBAAgB,CAAC,OAAO,CAChC,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAEtD;AAED,iBAAS,cAAc,CAAC,EACtB,KAAgB,EAChB,SAAS,EACT,IAAe,EACf,UAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAmBrB;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,qBAQ3E;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAQjE;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAE9C;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAUzE;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAEjD;AAED,QAAA,MAAM,OAAO;;;;;;;CAOX,CAAC;AAEH,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,cAAc,GACf,CAAC;AACF,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,uBAAuB,EACvB,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,GACpB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
function PopoverAnchor({ ...props }) {
|
|
5
|
+
return _jsx("div", { "data-slot": "popover-anchor", ...props });
|
|
6
|
+
}
|
|
7
|
+
function PopoverContent({ align = 'center', className, side = 'bottom', sideOffset = 4, ...props }) {
|
|
8
|
+
return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Positioner, { align: align, side: side, sideOffset: sideOffset, children: _jsx(PopoverPrimitive.Popup, { className: cn('border-border bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-md border p-4 text-sm shadow-lg duration-100 outline-none', className), "data-slot": "popover-content", ...props }) }) }));
|
|
9
|
+
}
|
|
10
|
+
function PopoverDescription({ className, ...props }) {
|
|
11
|
+
return (_jsx("p", { className: cn('text-muted-foreground', className), "data-slot": "popover-description", ...props }));
|
|
12
|
+
}
|
|
13
|
+
function PopoverHeader({ className, ...props }) {
|
|
14
|
+
return (_jsx("div", { className: cn('flex flex-col gap-1 text-sm', className), "data-slot": "popover-header", ...props }));
|
|
15
|
+
}
|
|
16
|
+
function PopoverRoot({ ...props }) {
|
|
17
|
+
return _jsx(PopoverPrimitive.Root, { ...props });
|
|
18
|
+
}
|
|
19
|
+
function PopoverTitle({ children, className, ...props }) {
|
|
20
|
+
return (_jsx("h2", { className: cn('text-base font-medium', className), "data-slot": "popover-title", ...props, children: children }));
|
|
21
|
+
}
|
|
22
|
+
function PopoverTrigger(props) {
|
|
23
|
+
return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
|
|
24
|
+
}
|
|
25
|
+
const Popover = Object.assign(PopoverRoot, {
|
|
26
|
+
Anchor: PopoverAnchor,
|
|
27
|
+
Content: PopoverContent,
|
|
28
|
+
Description: PopoverDescription,
|
|
29
|
+
Header: PopoverHeader,
|
|
30
|
+
Title: PopoverTitle,
|
|
31
|
+
Trigger: PopoverTrigger,
|
|
32
|
+
});
|
|
33
|
+
export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
|
|
34
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/components/Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAgBjC,SAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAsB;IACrD,OAAO,2BAAe,gBAAgB,KAAK,KAAK,GAAI,CAAC;AACvD,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,KAAK,GAAG,QAAQ,EAChB,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EACY;IACpB,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,UAAU,IAC1B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,YAEtB,KAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,EAAE,CACX,+cAA+c,EAC/c,SAAS,CACV,eACS,iBAAiB,KACvB,KAAK,GACT,GAC0B,GACN,CAC3B,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA2B;IAC1E,OAAO,CACL,YACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,eACvC,qBAAqB,KAC3B,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB;IAChE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,eAC7C,gBAAgB,KACtB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAgB;IAC7C,OAAO,KAAC,gBAAgB,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;AAC9C,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB;IACxE,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,eACvC,eAAe,KACrB,KAAK,YAER,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,KAA0B;IAChD,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IACzC,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,cAAc;IACvB,WAAW,EAAE,kBAAkB;IAC/B,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,cAAc,GACf,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type ProgressIndicatorProps = React.ComponentProps<typeof ProgressPrimitive.Indicator> & {
|
|
4
|
+
indicatorClassName?: string;
|
|
5
|
+
};
|
|
6
|
+
type ProgressLabelProps = React.ComponentProps<typeof ProgressPrimitive.Label>;
|
|
7
|
+
type ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root>;
|
|
8
|
+
type ProgressTrackProps = React.ComponentProps<typeof ProgressPrimitive.Track>;
|
|
9
|
+
type ProgressValueProps = React.ComponentProps<typeof ProgressPrimitive.Value>;
|
|
10
|
+
declare function ProgressIndicator({ className, indicatorClassName, ...props }: ProgressIndicatorProps): React.JSX.Element;
|
|
11
|
+
declare function ProgressLabel({ className, ...props }: ProgressLabelProps): React.JSX.Element;
|
|
12
|
+
declare function ProgressRoot({ children, className, ...props }: ProgressProps): React.JSX.Element;
|
|
13
|
+
declare function ProgressTrack({ children, className, ...props }: ProgressTrackProps): React.JSX.Element;
|
|
14
|
+
declare function ProgressValue({ className, ...props }: ProgressValueProps): React.JSX.Element;
|
|
15
|
+
declare const Progress: typeof ProgressRoot & {
|
|
16
|
+
Indicator: typeof ProgressIndicator;
|
|
17
|
+
Label: typeof ProgressLabel;
|
|
18
|
+
Track: typeof ProgressTrack;
|
|
19
|
+
Value: typeof ProgressValue;
|
|
20
|
+
};
|
|
21
|
+
export { Progress, ProgressIndicator, ProgressLabel, ProgressRoot, ProgressTrack, ProgressValue, };
|
|
22
|
+
export type { ProgressIndicatorProps, ProgressLabelProps, ProgressProps, ProgressTrackProps, ProgressValueProps, };
|
|
23
|
+
//# sourceMappingURL=Progress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAChD,OAAO,iBAAiB,CAAC,SAAS,CACnC,GAAG;IACF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAC/E,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACzE,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAE/E,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAE/E,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,sBAAsB,qBAYxB;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAQjE;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAcrE;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAa3E;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAWjE;AAED,QAAA,MAAM,QAAQ;;;;;CAKZ,CAAC;AAEH,OAAO,EACL,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,GACd,CAAC;AACF,YAAY,EACV,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,kBAAkB,GACnB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
function ProgressIndicator({ className, indicatorClassName, ...props }) {
|
|
5
|
+
return (_jsx(ProgressPrimitive.Indicator, { className: cn('bg-primary h-full rounded-full transition-[width] duration-300', className, indicatorClassName), "data-slot": "progress-indicator", ...props }));
|
|
6
|
+
}
|
|
7
|
+
function ProgressLabel({ className, ...props }) {
|
|
8
|
+
return (_jsx(ProgressPrimitive.Label, { className: cn('text-sm leading-none font-medium', className), "data-slot": "progress-label", ...props }));
|
|
9
|
+
}
|
|
10
|
+
function ProgressRoot({ children, className, ...props }) {
|
|
11
|
+
return (_jsx(ProgressPrimitive.Root, { className: cn('grid w-full gap-2', className), "data-slot": "progress", ...props, children: children ?? (_jsx(ProgressTrack, { children: _jsx(ProgressIndicator, {}) })) }));
|
|
12
|
+
}
|
|
13
|
+
function ProgressTrack({ children, className, ...props }) {
|
|
14
|
+
return (_jsx(ProgressPrimitive.Track, { className: cn('bg-muted h-2 w-full overflow-hidden rounded-full', className), "data-slot": "progress-track", ...props, children: children ?? _jsx(ProgressIndicator, {}) }));
|
|
15
|
+
}
|
|
16
|
+
function ProgressValue({ className, ...props }) {
|
|
17
|
+
return (_jsx(ProgressPrimitive.Value, { className: cn('text-muted-foreground text-right text-sm tabular-nums', className), "data-slot": "progress-value", ...props }));
|
|
18
|
+
}
|
|
19
|
+
const Progress = Object.assign(ProgressRoot, {
|
|
20
|
+
Indicator: ProgressIndicator,
|
|
21
|
+
Label: ProgressLabel,
|
|
22
|
+
Track: ProgressTrack,
|
|
23
|
+
Value: ProgressValue,
|
|
24
|
+
});
|
|
25
|
+
export { Progress, ProgressIndicator, ProgressLabel, ProgressRoot, ProgressTrack, ProgressValue, };
|
|
26
|
+
//# sourceMappingURL=Progress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGxE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAcjC,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACe;IACvB,OAAO,CACL,KAAC,iBAAiB,CAAC,SAAS,IAC1B,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,EACT,kBAAkB,CACnB,eACS,oBAAoB,KAC1B,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB;IAChE,OAAO,CACL,KAAC,iBAAiB,CAAC,KAAK,IACtB,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,eAClD,gBAAgB,KACtB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IACpE,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,IACrB,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,eACnC,UAAU,KAChB,KAAK,YAER,QAAQ,IAAI,CACX,KAAC,aAAa,cACZ,KAAC,iBAAiB,KAAG,GACP,CACjB,GACsB,CAC1B,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB;IAC1E,OAAO,CACL,KAAC,iBAAiB,CAAC,KAAK,IACtB,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,eACS,gBAAgB,KACtB,KAAK,YAER,QAAQ,IAAI,KAAC,iBAAiB,KAAG,GACV,CAC3B,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB;IAChE,OAAO,CACL,KAAC,iBAAiB,CAAC,KAAK,IACtB,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,SAAS,CACV,eACS,gBAAgB,KACtB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAC3C,SAAS,EAAE,iBAAiB;IAC5B,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,aAAa;IACpB,KAAK,EAAE,aAAa;CACrB,CAAC,CAAC;AAEH,OAAO,EACL,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,GACd,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type ScrollAreaContentProps = React.ComponentProps<typeof ScrollAreaPrimitive.Content>;
|
|
4
|
+
type ScrollAreaCornerProps = React.ComponentProps<typeof ScrollAreaPrimitive.Corner>;
|
|
5
|
+
type ScrollAreaProps = Omit<ScrollAreaRootProps, 'children'> & {
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
contentClassName?: string;
|
|
8
|
+
orientation?: 'both' | 'horizontal' | 'vertical';
|
|
9
|
+
viewportClassName?: string;
|
|
10
|
+
};
|
|
11
|
+
type ScrollAreaRootProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root>;
|
|
12
|
+
type ScrollAreaScrollbarProps = React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>;
|
|
13
|
+
type ScrollAreaThumbProps = React.ComponentProps<typeof ScrollAreaPrimitive.Thumb>;
|
|
14
|
+
type ScrollAreaViewportProps = React.ComponentProps<typeof ScrollAreaPrimitive.Viewport>;
|
|
15
|
+
declare function ScrollAreaContent({ className, ...props }: ScrollAreaContentProps): React.JSX.Element;
|
|
16
|
+
declare function ScrollAreaCorner({ className, ...props }: ScrollAreaCornerProps): React.JSX.Element;
|
|
17
|
+
declare function ScrollAreaFacade({ children, contentClassName, orientation, viewportClassName, ...props }: ScrollAreaProps): React.JSX.Element;
|
|
18
|
+
declare function ScrollAreaRoot({ className, ...props }: ScrollAreaRootProps): React.JSX.Element;
|
|
19
|
+
declare function ScrollAreaScrollbar({ children, className, orientation, ...props }: ScrollAreaScrollbarProps): React.JSX.Element;
|
|
20
|
+
declare function ScrollAreaThumb({ className, ...props }: ScrollAreaThumbProps): React.JSX.Element;
|
|
21
|
+
declare function ScrollAreaViewport({ className, ...props }: ScrollAreaViewportProps): React.JSX.Element;
|
|
22
|
+
declare const ScrollArea: typeof ScrollAreaFacade & {
|
|
23
|
+
Content: typeof ScrollAreaContent;
|
|
24
|
+
Corner: typeof ScrollAreaCorner;
|
|
25
|
+
Root: typeof ScrollAreaRoot;
|
|
26
|
+
Scrollbar: typeof ScrollAreaScrollbar;
|
|
27
|
+
Thumb: typeof ScrollAreaThumb;
|
|
28
|
+
Viewport: typeof ScrollAreaViewport;
|
|
29
|
+
};
|
|
30
|
+
export { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, };
|
|
31
|
+
export type { ScrollAreaContentProps, ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaViewportProps, };
|
|
32
|
+
//# sourceMappingURL=ScrollArea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../src/components/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAChD,OAAO,mBAAmB,CAAC,OAAO,CACnC,CAAC;AACF,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAC/C,OAAO,mBAAmB,CAAC,MAAM,CAClC,CAAC;AACF,KAAK,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACjD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AACF,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAC7C,OAAO,mBAAmB,CAAC,IAAI,CAChC,CAAC;AACF,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAClD,OAAO,mBAAmB,CAAC,SAAS,CACrC,CAAC;AACF,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAC9C,OAAO,mBAAmB,CAAC,KAAK,CACjC,CAAC;AACF,KAAK,uBAAuB,GAAG,KAAK,CAAC,cAAc,CACjD,OAAO,mBAAmB,CAAC,QAAQ,CACpC,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,qBAQzE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,qBAQvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,gBAAgB,EAChB,WAAwB,EACxB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,eAAe,qBAoBjB;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAQnE;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,wBAAwB,qBAgB1B;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAWrE;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,qBAQ3E;AAED,QAAA,MAAM,UAAU;;;;;;;CAOd,CAAC;AAEH,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,GACnB,CAAC;AACF,YAAY,EACV,sBAAsB,EACtB,qBAAqB,EACrB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,oBAAoB,EACpB,uBAAuB,GACxB,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
function ScrollAreaContent({ className, ...props }) {
|
|
5
|
+
return (_jsx(ScrollAreaPrimitive.Content, { className: cn('min-w-full', className), "data-slot": "scroll-area-content", ...props }));
|
|
6
|
+
}
|
|
7
|
+
function ScrollAreaCorner({ className, ...props }) {
|
|
8
|
+
return (_jsx(ScrollAreaPrimitive.Corner, { className: cn('absolute right-0 bottom-0 bg-transparent', className), "data-slot": "scroll-area-corner", ...props }));
|
|
9
|
+
}
|
|
10
|
+
function ScrollAreaFacade({ children, contentClassName, orientation = 'vertical', viewportClassName, ...props }) {
|
|
11
|
+
const hasHorizontalScrollbar = orientation === 'horizontal' || orientation === 'both';
|
|
12
|
+
const hasVerticalScrollbar = orientation === 'vertical' || orientation === 'both';
|
|
13
|
+
return (_jsxs(ScrollAreaRoot, { ...props, children: [_jsx(ScrollAreaViewport, { className: viewportClassName, children: _jsx(ScrollAreaContent, { className: contentClassName, children: children }) }), hasVerticalScrollbar ? _jsx(ScrollAreaScrollbar, {}) : null, hasHorizontalScrollbar ? (_jsx(ScrollAreaScrollbar, { orientation: "horizontal" })) : null, orientation === 'both' ? _jsx(ScrollAreaCorner, {}) : null] }));
|
|
14
|
+
}
|
|
15
|
+
function ScrollAreaRoot({ className, ...props }) {
|
|
16
|
+
return (_jsx(ScrollAreaPrimitive.Root, { className: cn('relative', className), "data-slot": "scroll-area", ...props }));
|
|
17
|
+
}
|
|
18
|
+
function ScrollAreaScrollbar({ children, className, orientation = 'vertical', ...props }) {
|
|
19
|
+
return (_jsx(ScrollAreaPrimitive.Scrollbar, { className: cn('pointer-events-none absolute flex touch-none p-0.5 opacity-0 transition-opacity duration-150 select-none data-hovering:pointer-events-auto data-hovering:opacity-100 data-scrolling:pointer-events-auto data-scrolling:opacity-100', orientation === 'vertical' && 'inset-y-0 right-0 w-2.5 justify-center', orientation === 'horizontal' && 'inset-x-0 bottom-0 h-2.5 items-center', className), "data-slot": "scroll-area-scrollbar", orientation: orientation, ...props, children: children ?? _jsx(ScrollAreaThumb, {}) }));
|
|
20
|
+
}
|
|
21
|
+
function ScrollAreaThumb({ className, ...props }) {
|
|
22
|
+
return (_jsx(ScrollAreaPrimitive.Thumb, { className: cn('bg-border relative rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-(--scroll-area-thumb-width) data-[orientation=vertical]:h-(--scroll-area-thumb-height) data-[orientation=vertical]:w-1.5', className), "data-slot": "scroll-area-thumb", ...props }));
|
|
23
|
+
}
|
|
24
|
+
function ScrollAreaViewport({ className, ...props }) {
|
|
25
|
+
return (_jsx(ScrollAreaPrimitive.Viewport, { className: cn('size-full rounded-[inherit] outline-none', className), "data-slot": "scroll-area-viewport", ...props }));
|
|
26
|
+
}
|
|
27
|
+
const ScrollArea = Object.assign(ScrollAreaFacade, {
|
|
28
|
+
Content: ScrollAreaContent,
|
|
29
|
+
Corner: ScrollAreaCorner,
|
|
30
|
+
Root: ScrollAreaRoot,
|
|
31
|
+
Scrollbar: ScrollAreaScrollbar,
|
|
32
|
+
Thumb: ScrollAreaThumb,
|
|
33
|
+
Viewport: ScrollAreaViewport,
|
|
34
|
+
});
|
|
35
|
+
export { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, };
|
|
36
|
+
//# sourceMappingURL=ScrollArea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../src/components/ScrollArea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type SeparatorProps = React.ComponentProps<typeof SeparatorPrimitive>;
|
|
4
|
+
declare function Separator({ className, orientation, ...props }: SeparatorProps): React.JSX.Element;
|
|
5
|
+
export { Separator };
|
|
6
|
+
export type { SeparatorProps };
|
|
7
|
+
//# sourceMappingURL=Separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../src/components/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEtE,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,cAAc,qBAYhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
function Separator({ className, orientation = 'horizontal', ...props }) {
|
|
5
|
+
return (_jsx(SeparatorPrimitive, { className: cn('bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^="h-"]]:not-[[class*="_h-"]]:self-stretch', className), "data-slot": "separator", orientation: orientation, ...props }));
|
|
6
|
+
}
|
|
7
|
+
export { Separator };
|
|
8
|
+
//# sourceMappingURL=Separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../src/components/Separator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAG3E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,GAAG,KAAK,EACO;IACf,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAE,EAAE,CACX,+MAA+M,EAC/M,SAAS,CACV,eACS,WAAW,EACrB,WAAW,EAAE,WAAW,KACpB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type SidebarContentProps = React.ComponentProps<'div'>;
|
|
3
|
+
type SidebarFooterProps = React.ComponentProps<'div'>;
|
|
4
|
+
type SidebarGroupLabelProps = React.ComponentProps<'div'>;
|
|
5
|
+
type SidebarGroupProps = React.ComponentProps<'div'>;
|
|
6
|
+
type SidebarHeaderProps = React.ComponentProps<'div'>;
|
|
7
|
+
type SidebarMenuItemProps = React.ComponentProps<'li'>;
|
|
8
|
+
type SidebarMenuLinkProps = React.ComponentProps<'a'>;
|
|
9
|
+
type SidebarMenuListProps = React.ComponentProps<'ul'>;
|
|
10
|
+
type SidebarMenuProps = React.ComponentProps<'nav'>;
|
|
11
|
+
type SidebarProps = React.ComponentProps<'aside'>;
|
|
12
|
+
declare function SidebarContent({ className, ...props }: SidebarContentProps): React.JSX.Element;
|
|
13
|
+
declare function SidebarFooter({ className, ...props }: SidebarFooterProps): React.JSX.Element;
|
|
14
|
+
declare function SidebarGroup({ className, ...props }: SidebarGroupProps): React.JSX.Element;
|
|
15
|
+
declare function SidebarGroupLabel({ className, ...props }: SidebarGroupLabelProps): React.JSX.Element;
|
|
16
|
+
declare function SidebarHeader({ className, ...props }: SidebarHeaderProps): React.JSX.Element;
|
|
17
|
+
declare function SidebarMenu({ className, ...props }: SidebarMenuProps): React.JSX.Element;
|
|
18
|
+
declare function SidebarMenuItem({ className, ...props }: SidebarMenuItemProps): React.JSX.Element;
|
|
19
|
+
declare function SidebarMenuLink({ children, className, ...props }: SidebarMenuLinkProps): React.JSX.Element;
|
|
20
|
+
declare function SidebarMenuList({ className, ...props }: SidebarMenuListProps): React.JSX.Element;
|
|
21
|
+
declare function SidebarRoot({ className, ...props }: SidebarProps): React.JSX.Element;
|
|
22
|
+
declare const Sidebar: typeof SidebarRoot & {
|
|
23
|
+
Content: typeof SidebarContent;
|
|
24
|
+
Footer: typeof SidebarFooter;
|
|
25
|
+
Group: typeof SidebarGroup;
|
|
26
|
+
GroupLabel: typeof SidebarGroupLabel;
|
|
27
|
+
Header: typeof SidebarHeader;
|
|
28
|
+
Menu: typeof SidebarMenu;
|
|
29
|
+
MenuItem: typeof SidebarMenuItem;
|
|
30
|
+
MenuLink: typeof SidebarMenuLink;
|
|
31
|
+
MenuList: typeof SidebarMenuList;
|
|
32
|
+
};
|
|
33
|
+
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarMenuLink, SidebarMenuList, };
|
|
34
|
+
export type { SidebarContentProps, SidebarFooterProps, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeaderProps, SidebarMenuItemProps, SidebarMenuLinkProps, SidebarMenuListProps, SidebarMenuProps, SidebarProps, };
|
|
35
|
+
//# sourceMappingURL=Sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACvD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACtD,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAC1D,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACrD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACtD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AACvD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACtD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AACvD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AACpD,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAElD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAQnE;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAQjE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAQ/D;AAED,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,qBAWzE;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAQjE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAQ7D;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAQrE;AAED,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAatB;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAQrE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAWzD;AAED,QAAA,MAAM,OAAO;;;;;;;;;;CAUX,CAAC;AAEH,OAAO,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,eAAe,EACf,eAAe,EACf,eAAe,GAChB,CAAC;AACF,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,YAAY,GACb,CAAC"}
|