@pickle-ui/react 0.0.0-stage → 1.0.0-beta.3
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,45 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../lib/utils.js';
|
|
3
|
+
function SidebarContent({ className, ...props }) {
|
|
4
|
+
return (_jsx("div", { className: cn('min-h-0 flex-1 overflow-auto px-3 py-4', className), "data-slot": "sidebar-content", ...props }));
|
|
5
|
+
}
|
|
6
|
+
function SidebarFooter({ className, ...props }) {
|
|
7
|
+
return (_jsx("div", { className: cn('border-sidebar-border border-t p-4', className), "data-slot": "sidebar-footer", ...props }));
|
|
8
|
+
}
|
|
9
|
+
function SidebarGroup({ className, ...props }) {
|
|
10
|
+
return (_jsx("div", { className: cn('flex flex-col gap-1', className), "data-slot": "sidebar-group", ...props }));
|
|
11
|
+
}
|
|
12
|
+
function SidebarGroupLabel({ className, ...props }) {
|
|
13
|
+
return (_jsx("div", { className: cn('text-sidebar-foreground/70 px-2 py-1 text-xs font-medium tracking-wide uppercase', className), "data-slot": "sidebar-group-label", ...props }));
|
|
14
|
+
}
|
|
15
|
+
function SidebarHeader({ className, ...props }) {
|
|
16
|
+
return (_jsx("div", { className: cn('border-sidebar-border border-b px-5 py-4', className), "data-slot": "sidebar-header", ...props }));
|
|
17
|
+
}
|
|
18
|
+
function SidebarMenu({ className, ...props }) {
|
|
19
|
+
return (_jsx("nav", { className: cn('flex flex-col gap-1', className), "data-slot": "sidebar-menu", ...props }));
|
|
20
|
+
}
|
|
21
|
+
function SidebarMenuItem({ className, ...props }) {
|
|
22
|
+
return (_jsx("li", { className: cn('w-full', className), "data-slot": "sidebar-menu-item", ...props }));
|
|
23
|
+
}
|
|
24
|
+
function SidebarMenuLink({ children, className, ...props }) {
|
|
25
|
+
return (_jsx("a", { className: cn('focus-ring text-sidebar-foreground/80 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground aria-[current=page]:bg-sidebar-primary aria-[current=page]:text-sidebar-primary-foreground flex h-9 w-full items-center gap-2 rounded-md px-2.5 text-sm font-medium transition-colors [&_svg]:size-4 [&_svg]:shrink-0', className), "data-slot": "sidebar-menu-link", ...props, children: children }));
|
|
26
|
+
}
|
|
27
|
+
function SidebarMenuList({ className, ...props }) {
|
|
28
|
+
return (_jsx("ul", { className: cn('flex list-none flex-col gap-1 p-0', className), "data-slot": "sidebar-menu-list", ...props }));
|
|
29
|
+
}
|
|
30
|
+
function SidebarRoot({ className, ...props }) {
|
|
31
|
+
return (_jsx("aside", { className: cn('border-sidebar-border bg-sidebar text-sidebar-foreground flex w-64 shrink-0 flex-col border-r', className), "data-slot": "sidebar", ...props }));
|
|
32
|
+
}
|
|
33
|
+
const Sidebar = Object.assign(SidebarRoot, {
|
|
34
|
+
Content: SidebarContent,
|
|
35
|
+
Footer: SidebarFooter,
|
|
36
|
+
Group: SidebarGroup,
|
|
37
|
+
GroupLabel: SidebarGroupLabel,
|
|
38
|
+
Header: SidebarHeader,
|
|
39
|
+
Menu: SidebarMenu,
|
|
40
|
+
MenuItem: SidebarMenuItem,
|
|
41
|
+
MenuLink: SidebarMenuLink,
|
|
42
|
+
MenuList: SidebarMenuList,
|
|
43
|
+
});
|
|
44
|
+
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarMenuLink, SidebarMenuList, };
|
|
45
|
+
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../src/components/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IconLoader2 } from '@tabler/icons-react';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type SpinnerProps = React.ComponentProps<typeof IconLoader2>;
|
|
4
|
+
/**
|
|
5
|
+
* Announced as a loading status by default. Pass `aria-hidden` when visible
|
|
6
|
+
* text already says what is loading, and it becomes purely decorative.
|
|
7
|
+
*/
|
|
8
|
+
declare function Spinner({ 'aria-hidden': ariaHidden, className, ...props }: SpinnerProps): React.JSX.Element;
|
|
9
|
+
export { Spinner };
|
|
10
|
+
export type { SpinnerProps };
|
|
11
|
+
//# sourceMappingURL=Spinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE7D;;;GAGG;AACH,iBAAS,OAAO,CAAC,EACf,aAAa,EAAE,UAAU,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,qBAYd;AAED,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { IconLoader2 } from '@tabler/icons-react';
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
/**
|
|
5
|
+
* Announced as a loading status by default. Pass `aria-hidden` when visible
|
|
6
|
+
* text already says what is loading, and it becomes purely decorative.
|
|
7
|
+
*/
|
|
8
|
+
function Spinner({ 'aria-hidden': ariaHidden, className, ...props }) {
|
|
9
|
+
const decorative = ariaHidden === true || ariaHidden === 'true';
|
|
10
|
+
return (_jsx(IconLoader2, { "aria-hidden": ariaHidden, "aria-label": decorative ? undefined : 'Loading', className: cn('animate-spin', className), role: decorative ? undefined : 'status', ...props }));
|
|
11
|
+
}
|
|
12
|
+
export { Spinner };
|
|
13
|
+
//# sourceMappingURL=Spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGlD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC;;;GAGG;AACH,SAAS,OAAO,CAAC,EACf,aAAa,EAAE,UAAU,EACzB,SAAS,EACT,GAAG,KAAK,EACK;IACb,MAAM,UAAU,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,MAAM,CAAC;IAEhE,OAAO,CACL,KAAC,WAAW,mBACG,UAAU,gBACX,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC9C,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EACxC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,KACnC,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type TableBodyProps = React.ComponentProps<'tbody'>;
|
|
3
|
+
type TableCaptionProps = React.ComponentProps<'caption'>;
|
|
4
|
+
type TableCellProps = React.ComponentProps<'td'>;
|
|
5
|
+
type TableFooterProps = React.ComponentProps<'tfoot'>;
|
|
6
|
+
type TableHeaderProps = React.ComponentProps<'thead'>;
|
|
7
|
+
type TableHeadProps = React.ComponentProps<'th'>;
|
|
8
|
+
type TableProps = React.ComponentProps<'table'> & {
|
|
9
|
+
containerClassName?: string;
|
|
10
|
+
containerProps?: Omit<React.ComponentProps<'div'>, 'children' | 'className'>;
|
|
11
|
+
};
|
|
12
|
+
type TableRowProps = React.ComponentProps<'tr'>;
|
|
13
|
+
declare function TableBody({ className, ...props }: TableBodyProps): React.JSX.Element;
|
|
14
|
+
declare function TableCaption({ className, ...props }: TableCaptionProps): React.JSX.Element;
|
|
15
|
+
declare function TableCell({ className, ...props }: TableCellProps): React.JSX.Element;
|
|
16
|
+
declare function TableFooter({ className, ...props }: TableFooterProps): React.JSX.Element;
|
|
17
|
+
declare function TableHead({ className, ...props }: TableHeadProps): React.JSX.Element;
|
|
18
|
+
declare function TableHeader({ className, ...props }: TableHeaderProps): React.JSX.Element;
|
|
19
|
+
declare function TableRoot({ children, className, containerClassName, containerProps, ref, ...props }: TableProps): React.JSX.Element;
|
|
20
|
+
declare function TableRow({ className, ...props }: TableRowProps): React.JSX.Element;
|
|
21
|
+
declare const Table: typeof TableRoot & {
|
|
22
|
+
Body: typeof TableBody;
|
|
23
|
+
Caption: typeof TableCaption;
|
|
24
|
+
Cell: typeof TableCell;
|
|
25
|
+
Footer: typeof TableFooter;
|
|
26
|
+
Head: typeof TableHead;
|
|
27
|
+
Header: typeof TableHeader;
|
|
28
|
+
Row: typeof TableRow;
|
|
29
|
+
};
|
|
30
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };
|
|
31
|
+
export type { TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, };
|
|
32
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AACpD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AACzD,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AACjD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AACtD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AACtD,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AACjD,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;CAC9E,CAAC;AACF,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAEhD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAQzD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAQ/D;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAQzD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAW7D;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAWzD;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAQ7D;AAED,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,GAAG,EACH,GAAG,KAAK,EACT,EAAE,UAAU,qBAiBZ;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAWvD;AAED,QAAA,MAAM,KAAK;;;;;;;;CAQT,CAAC;AAEH,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAC;AACF,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,GACd,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../lib/utils.js';
|
|
3
|
+
function TableBody({ className, ...props }) {
|
|
4
|
+
return (_jsx("tbody", { className: cn('[&_tr:last-child]:border-0', className), "data-slot": "table-body", ...props }));
|
|
5
|
+
}
|
|
6
|
+
function TableCaption({ className, ...props }) {
|
|
7
|
+
return (_jsx("caption", { className: cn('text-muted-foreground mt-4 text-sm', className), "data-slot": "table-caption", ...props }));
|
|
8
|
+
}
|
|
9
|
+
function TableCell({ className, ...props }) {
|
|
10
|
+
return (_jsx("td", { className: cn('p-4 align-middle text-sm', className), "data-slot": "table-cell", ...props }));
|
|
11
|
+
}
|
|
12
|
+
function TableFooter({ className, ...props }) {
|
|
13
|
+
return (_jsx("tfoot", { className: cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className), "data-slot": "table-footer", ...props }));
|
|
14
|
+
}
|
|
15
|
+
function TableHead({ className, ...props }) {
|
|
16
|
+
return (_jsx("th", { className: cn('text-muted-foreground h-10 px-4 text-left align-middle text-xs font-medium tracking-wide uppercase', className), "data-slot": "table-head", ...props }));
|
|
17
|
+
}
|
|
18
|
+
function TableHeader({ className, ...props }) {
|
|
19
|
+
return (_jsx("thead", { className: cn('[&_tr]:border-b', className), "data-slot": "table-header", ...props }));
|
|
20
|
+
}
|
|
21
|
+
function TableRoot({ children, className, containerClassName, containerProps, ref, ...props }) {
|
|
22
|
+
return (_jsx("div", { className: cn('relative w-full overflow-auto', containerClassName), "data-slot": "table-container", ...containerProps, children: _jsx("table", { className: cn('w-full caption-bottom text-sm', className), "data-slot": "table", ref: ref, ...props, children: children }) }));
|
|
23
|
+
}
|
|
24
|
+
function TableRow({ className, ...props }) {
|
|
25
|
+
return (_jsx("tr", { className: cn('border-border hover:bg-muted/30 border-b transition-none', className), "data-slot": "table-row", ...props }));
|
|
26
|
+
}
|
|
27
|
+
const Table = Object.assign(TableRoot, {
|
|
28
|
+
Body: TableBody,
|
|
29
|
+
Caption: TableCaption,
|
|
30
|
+
Cell: TableCell,
|
|
31
|
+
Footer: TableFooter,
|
|
32
|
+
Head: TableHead,
|
|
33
|
+
Header: TableHeader,
|
|
34
|
+
Row: TableRow,
|
|
35
|
+
});
|
|
36
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };
|
|
37
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAcjC,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IACxD,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,eAC5C,YAAY,KAClB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB;IAC9D,OAAO,CACL,kBACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,eACpD,eAAe,KACrB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IACxD,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,eAC1C,YAAY,KAClB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC5D,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,SAAS,CACV,eACS,cAAc,KACpB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IACxD,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CACX,oGAAoG,EACpG,SAAS,CACV,eACS,YAAY,KAClB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAC5D,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,eACjC,cAAc,KACpB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,cAAc,EACd,GAAG,EACH,GAAG,KAAK,EACG;IACX,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,kBAAkB,CAAC,eACxD,iBAAiB,KACvB,cAAc,YAElB,gBACE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,eAC/C,OAAO,EACjB,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACH,GACJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IACtD,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,SAAS,CACV,eACS,WAAW,KACjB,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;IACrC,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,WAAW;IACnB,GAAG,EAAE,QAAQ;CACd,CAAC,CAAC;AAEH,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const textVariants: (props?: ({
|
|
4
|
+
tone?: "destructive" | "muted" | "primary" | null | undefined;
|
|
5
|
+
truncate?: boolean | null | undefined;
|
|
6
|
+
variant?: "body" | "code" | "h1" | "h2" | "h3" | "h4" | "lead" | "small" | null | undefined;
|
|
7
|
+
weight?: "bold" | "normal" | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
export type TextProps = React.ComponentProps<'p'> & VariantProps<typeof textVariants> & {
|
|
10
|
+
as?: React.ElementType;
|
|
11
|
+
};
|
|
12
|
+
declare function Text({ as, className, ref, tone, truncate, variant, weight, ...props }: TextProps): React.JSX.Element;
|
|
13
|
+
export { Text, textVariants };
|
|
14
|
+
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,YAAY;;;;;8EA6BhB,CAAC;AAgBH,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAC/C,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAClC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB,CAAC;AAEJ,iBAAS,IAAI,CAAC,EACZ,EAAE,EACF,SAAS,EACT,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,OAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,qBAkBX;AAED,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
const textVariants = cva('', {
|
|
5
|
+
defaultVariants: {
|
|
6
|
+
variant: 'body',
|
|
7
|
+
},
|
|
8
|
+
variants: {
|
|
9
|
+
tone: {
|
|
10
|
+
destructive: 'text-destructive',
|
|
11
|
+
muted: 'text-muted-foreground',
|
|
12
|
+
primary: 'text-primary',
|
|
13
|
+
},
|
|
14
|
+
truncate: {
|
|
15
|
+
false: '',
|
|
16
|
+
true: 'truncate',
|
|
17
|
+
},
|
|
18
|
+
variant: {
|
|
19
|
+
body: 'text-body',
|
|
20
|
+
code: 'font-mono text-code bg-muted rounded px-2 py-1',
|
|
21
|
+
h1: 'font-heading text-h1 font-semibold tracking-tight',
|
|
22
|
+
h2: 'font-heading text-h2 font-semibold tracking-tight',
|
|
23
|
+
h3: 'text-h3 font-semibold',
|
|
24
|
+
h4: 'text-h4 font-medium',
|
|
25
|
+
lead: 'text-lead',
|
|
26
|
+
small: 'text-small',
|
|
27
|
+
},
|
|
28
|
+
weight: {
|
|
29
|
+
bold: 'font-semibold',
|
|
30
|
+
normal: 'font-normal',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
});
|
|
34
|
+
const variantElement = {
|
|
35
|
+
body: 'p',
|
|
36
|
+
code: 'code',
|
|
37
|
+
h1: 'h1',
|
|
38
|
+
h2: 'h2',
|
|
39
|
+
h3: 'h3',
|
|
40
|
+
h4: 'h4',
|
|
41
|
+
lead: 'p',
|
|
42
|
+
small: 'span',
|
|
43
|
+
};
|
|
44
|
+
function Text({ as, className, ref, tone, truncate, variant = 'body', weight, ...props }) {
|
|
45
|
+
const resolvedVariant = variant ?? 'body';
|
|
46
|
+
const Component = as ?? variantElement[resolvedVariant];
|
|
47
|
+
return (_jsx(Component, { className: cn(textVariants({ tone, truncate, variant, weight }), className), "data-slot": "text", "data-tone": tone, "data-truncate": truncate ? '' : undefined, "data-variant": variant, "data-weight": weight, ref: ref, ...props }));
|
|
48
|
+
}
|
|
49
|
+
export { Text, textVariants };
|
|
50
|
+
//# sourceMappingURL=Text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,YAAY,GAAG,GAAG,CAAC,EAAE,EAAE;IAC3B,eAAe,EAAE;QACf,OAAO,EAAE,MAAM;KAChB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,kBAAkB;YAC/B,KAAK,EAAE,uBAAuB;YAC9B,OAAO,EAAE,cAAc;SACxB;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,UAAU;SACjB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,gDAAgD;YACtD,EAAE,EAAE,mDAAmD;YACvD,EAAE,EAAE,mDAAmD;YACvD,EAAE,EAAE,uBAAuB;YAC3B,EAAE,EAAE,qBAAqB;YACzB,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,YAAY;SACpB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,eAAe;YACrB,MAAM,EAAE,aAAa;SACtB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,cAAc,GAGhB;IACF,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,MAAM;CACd,CAAC;AAOF,SAAS,IAAI,CAAC,EACZ,EAAE,EACF,SAAS,EACT,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,MAAM,EACN,GAAG,KAAK,EACE;IACV,MAAM,eAAe,GAAG,OAAO,IAAI,MAAM,CAAC;IAC1C,MAAM,SAAS,GAAG,EAAE,IAAI,cAAc,CAAC,eAAe,CAAC,CAAC;IACxD,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EACjD,SAAS,CACV,eACS,MAAM,eACL,IAAI,mBACA,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,kBAC1B,OAAO,iBACR,MAAM,EACnB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Toast as ToastPrimitive } from '@base-ui/react/toast';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type ToastPosition = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
|
|
4
|
+
type ToastProviderProps = React.ComponentProps<typeof ToastPrimitive.Provider> & {
|
|
5
|
+
/**
|
|
6
|
+
* Accessible name of each toast's close button.
|
|
7
|
+
* @default 'Close'
|
|
8
|
+
*/
|
|
9
|
+
closeLabel?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Where the toast stack is anchored in the window.
|
|
12
|
+
* @default 'bottom-right'
|
|
13
|
+
*/
|
|
14
|
+
position?: ToastPosition;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Mount once near the root of the app. Renders `children` plus the portalled
|
|
18
|
+
* viewport that stacks toasts added through `Toast.manager` or
|
|
19
|
+
* `Toast.useToast()`. A toast's `type` (`success`, `error`, `warning`,
|
|
20
|
+
* `info`, `loading`) picks its icon.
|
|
21
|
+
*/
|
|
22
|
+
declare function ToastProvider({ children, closeLabel, position, toastManager: manager, ...props }: ToastProviderProps): React.JSX.Element;
|
|
23
|
+
/**
|
|
24
|
+
* Returns the toast manager of the nearest `Toast.Provider`: `add`, `close`,
|
|
25
|
+
* `update`, `promise` and the current `toasts`.
|
|
26
|
+
*/
|
|
27
|
+
declare function useToast(): import("@base-ui/react").UseToastManagerReturnValue<any>;
|
|
28
|
+
/**
|
|
29
|
+
* Toasts are added imperatively, so `Toast` groups the provider and the two
|
|
30
|
+
* ways to reach its manager rather than rendering a toast itself.
|
|
31
|
+
*/
|
|
32
|
+
declare const Toast: {
|
|
33
|
+
manager: import("@base-ui/react").ToastManager<any>;
|
|
34
|
+
Provider: typeof ToastProvider;
|
|
35
|
+
useToast: typeof useToast;
|
|
36
|
+
};
|
|
37
|
+
export { Toast };
|
|
38
|
+
export type { ToastProviderProps };
|
|
39
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAS/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,KAAK,aAAa,GACd,eAAe,GACf,aAAa,GACb,cAAc,GACd,YAAY,GACZ,UAAU,GACV,WAAW,CAAC;AAChB,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAC5C,OAAO,cAAc,CAAC,QAAQ,CAC/B,GAAG;IACF;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AA8GF;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,UAAoB,EACpB,QAAyB,EACzB,YAAY,EAAE,OAAsB,EACpC,GAAG,KAAK,EACT,EAAE,kBAAkB,qBAepB;AAkED;;;GAGG;AACH,iBAAS,QAAQ,6DAEhB;AAED;;;GAGG;AACH,QAAA,MAAM,KAAK;;;;CAIV,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Toast as ToastPrimitive } from '@base-ui/react/toast';
|
|
4
|
+
import { IconAlertCircle, IconAlertTriangle, IconCircleCheck, IconInfoCircle, IconX, } from '@tabler/icons-react';
|
|
5
|
+
import { cva } from 'class-variance-authority';
|
|
6
|
+
import { cn } from '../lib/utils.js';
|
|
7
|
+
import { buttonVariants } from './Button.js';
|
|
8
|
+
import { Spinner } from './Spinner.js';
|
|
9
|
+
import { Text } from './Text.js';
|
|
10
|
+
/**
|
|
11
|
+
* Global toast manager, usable outside React (`Toast.manager.add({ … })`).
|
|
12
|
+
* `Toast.Provider` subscribes to it, so mount a single provider per app.
|
|
13
|
+
*/
|
|
14
|
+
const toastManager = ToastPrimitive.createToastManager();
|
|
15
|
+
const swipeDirections = {
|
|
16
|
+
'bottom-center': ['down'],
|
|
17
|
+
'bottom-left': ['down', 'left'],
|
|
18
|
+
'bottom-right': ['down', 'right'],
|
|
19
|
+
'top-center': ['up'],
|
|
20
|
+
'top-left': ['up', 'left'],
|
|
21
|
+
'top-right': ['up', 'right'],
|
|
22
|
+
};
|
|
23
|
+
const toastViewportVariants = cva('fixed z-50 flex w-[calc(100%-var(--spacing)*8)] max-w-90 outline-none', {
|
|
24
|
+
defaultVariants: {
|
|
25
|
+
position: 'bottom-right',
|
|
26
|
+
},
|
|
27
|
+
variants: {
|
|
28
|
+
position: {
|
|
29
|
+
'bottom-center': 'bottom-4 left-1/2 -translate-x-1/2 [--toast-dir:-1]',
|
|
30
|
+
'bottom-left': 'bottom-4 left-4 [--toast-dir:-1]',
|
|
31
|
+
'bottom-right': 'right-4 bottom-4 [--toast-dir:-1]',
|
|
32
|
+
'top-center': 'top-4 left-1/2 -translate-x-1/2 [--toast-dir:1]',
|
|
33
|
+
'top-left': 'top-4 left-4 [--toast-dir:1]',
|
|
34
|
+
'top-right': 'top-4 right-4 [--toast-dir:1]',
|
|
35
|
+
},
|
|
36
|
+
},
|
|
37
|
+
});
|
|
38
|
+
const toastIcons = {
|
|
39
|
+
error: _jsx(IconAlertCircle, { className: "text-destructive" }),
|
|
40
|
+
info: _jsx(IconInfoCircle, { className: "text-info" }),
|
|
41
|
+
loading: _jsx(Spinner, { "aria-hidden": true, className: "text-muted-foreground" }),
|
|
42
|
+
success: _jsx(IconCircleCheck, { className: "text-success" }),
|
|
43
|
+
warning: _jsx(IconAlertTriangle, { className: "text-warning" }),
|
|
44
|
+
};
|
|
45
|
+
function ToastAction({ className, ...props }) {
|
|
46
|
+
return (_jsx(ToastPrimitive.Action, { className: cn(buttonVariants({ size: 'xs', variant: 'outline' }), className), "data-slot": "toast-action", ...props }));
|
|
47
|
+
}
|
|
48
|
+
function ToastClose({ 'aria-label': ariaLabel = 'Close', children, className, ...props }) {
|
|
49
|
+
return (_jsx(ToastPrimitive.Close, { "aria-label": ariaLabel, className: cn(buttonVariants({ size: 'icon-xs', variant: 'ghost' }), 'text-muted-foreground hover:text-foreground -me-1', className), "data-slot": "toast-close", ...props, children: children ?? _jsx(IconX, {}) }));
|
|
50
|
+
}
|
|
51
|
+
function ToastDescription({ className, ...props }) {
|
|
52
|
+
return (_jsx(ToastPrimitive.Description, { className: cn('text-sm leading-5', className), "data-slot": "toast-description", render: _jsx(Text, { tone: "muted", variant: "body" }), ...props }));
|
|
53
|
+
}
|
|
54
|
+
function ToastList({ closeLabel, position, }) {
|
|
55
|
+
const { toasts } = ToastPrimitive.useToastManager();
|
|
56
|
+
return toasts.map((toast) => (_jsx(ToastRoot, { closeLabel: closeLabel, swipeDirection: swipeDirections[position], toast: toast }, toast.id)));
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Mount once near the root of the app. Renders `children` plus the portalled
|
|
60
|
+
* viewport that stacks toasts added through `Toast.manager` or
|
|
61
|
+
* `Toast.useToast()`. A toast's `type` (`success`, `error`, `warning`,
|
|
62
|
+
* `info`, `loading`) picks its icon.
|
|
63
|
+
*/
|
|
64
|
+
function ToastProvider({ children, closeLabel = 'Close', position = 'bottom-right', toastManager: manager = toastManager, ...props }) {
|
|
65
|
+
return (_jsxs(ToastPrimitive.Provider, { toastManager: manager, ...props, children: [children, _jsx(ToastPrimitive.Portal, { children: _jsx(ToastPrimitive.Viewport, { className: toastViewportVariants({ position }), "data-position": position, "data-slot": "toast-viewport", children: _jsx(ToastList, { closeLabel: closeLabel, position: position }) }) })] }));
|
|
66
|
+
}
|
|
67
|
+
/** A single toast; `Toast.Provider` renders one per queued toast. */
|
|
68
|
+
function ToastRoot({ closeLabel, swipeDirection, toast, }) {
|
|
69
|
+
const icon = toast.type ? toastIcons[toast.type] : undefined;
|
|
70
|
+
return (_jsx(ToastPrimitive.Root, { className: cn(
|
|
71
|
+
// Stack geometry, driven by Base UI's --toast-* variables and the
|
|
72
|
+
// viewport's --toast-dir (-1 stacks upwards, 1 stacks downwards).
|
|
73
|
+
'[--toast-expanded-y:calc(var(--toast-dir)*(var(--toast-offset-y)+var(--toast-index)*var(--toast-gap))+var(--toast-swipe-movement-y))] [--toast-gap:--spacing(3)] [--toast-peek:--spacing(3)] [--toast-scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--toast-shrink:calc(1-var(--toast-scale))] [--toast-stack-height:var(--toast-frontmost-height,var(--toast-height))]', 'absolute inset-x-0 z-[calc(1000-var(--toast-index))] h-(--toast-stack-height) w-full select-none in-[[data-position^=bottom]]:bottom-0 in-[[data-position^=bottom]]:origin-bottom in-[[data-position^=top]]:top-0 in-[[data-position^=top]]:origin-top data-expanded:h-(--toast-height)', 'translate-x-(--toast-swipe-movement-x) translate-y-[calc(var(--toast-swipe-movement-y)+var(--toast-dir)*(var(--toast-index)*var(--toast-peek)+var(--toast-shrink)*var(--toast-stack-height)))] scale-(--toast-scale) data-expanded:translate-y-(--toast-expanded-y) data-expanded:scale-100', 'transition-[translate,scale,opacity,height] duration-500 ease-[cubic-bezier(0.22,1,0.36,1)] data-ending-style:opacity-0 data-limited:opacity-0 data-starting-style:translate-y-[calc(var(--toast-dir)*-150%)] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:translate-y-[calc(var(--toast-dir)*-150%)]', 'data-ending-style:data-[swipe-direction=down]:translate-y-[calc(var(--toast-swipe-movement-y)+150%)] data-ending-style:data-[swipe-direction=left]:translate-x-[calc(var(--toast-swipe-movement-x)-150%)] data-ending-style:data-[swipe-direction=left]:translate-y-(--toast-expanded-y) data-ending-style:data-[swipe-direction=right]:translate-x-[calc(var(--toast-swipe-movement-x)+150%)] data-ending-style:data-[swipe-direction=right]:translate-y-(--toast-expanded-y) data-ending-style:data-[swipe-direction=up]:translate-y-[calc(var(--toast-swipe-movement-y)-150%)]',
|
|
74
|
+
// Keeps the stack expanded while the pointer crosses the gap.
|
|
75
|
+
"after:absolute after:inset-x-0 after:h-[calc(var(--toast-gap)+1px)] after:content-[''] in-[[data-position^=bottom]]:after:top-full in-[[data-position^=top]]:after:bottom-full", 'bg-popover text-popover-foreground rounded-xl border bg-clip-padding text-sm shadow-lg/5'), "data-slot": "toast", swipeDirection: swipeDirection, toast: toast, children: _jsxs(ToastPrimitive.Content, { className: "flex items-start gap-2.5 overflow-hidden px-3.5 py-3 transition-opacity duration-250 data-behind:pointer-events-none data-behind:opacity-0 data-expanded:pointer-events-auto data-expanded:opacity-100", children: [icon ? (_jsx("div", { "aria-hidden": true, className: "flex h-5 shrink-0 items-center [&_svg]:size-4", "data-slot": "toast-icon", children: icon })) : null, _jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsx(ToastTitle, {}), _jsx(ToastDescription, {})] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [_jsx(ToastAction, {}), _jsx(ToastClose, { "aria-label": closeLabel })] })] }) }));
|
|
76
|
+
}
|
|
77
|
+
function ToastTitle({ className, ...props }) {
|
|
78
|
+
return (_jsx(ToastPrimitive.Title, { className: cn('text-sm leading-5 font-medium', className), "data-slot": "toast-title", render: _jsx(Text, { as: "h2", variant: "body" }), ...props }));
|
|
79
|
+
}
|
|
80
|
+
/**
|
|
81
|
+
* Returns the toast manager of the nearest `Toast.Provider`: `add`, `close`,
|
|
82
|
+
* `update`, `promise` and the current `toasts`.
|
|
83
|
+
*/
|
|
84
|
+
function useToast() {
|
|
85
|
+
return ToastPrimitive.useToastManager();
|
|
86
|
+
}
|
|
87
|
+
/**
|
|
88
|
+
* Toasts are added imperatively, so `Toast` groups the provider and the two
|
|
89
|
+
* ways to reach its manager rather than rendering a toast itself.
|
|
90
|
+
*/
|
|
91
|
+
const Toast = {
|
|
92
|
+
manager: toastManager,
|
|
93
|
+
Provider: ToastProvider,
|
|
94
|
+
useToast,
|
|
95
|
+
};
|
|
96
|
+
export { Toast };
|
|
97
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
type TooltipContentProps = Pick<React.ComponentProps<typeof TooltipPrimitive.Positioner>, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & React.ComponentProps<typeof TooltipPrimitive.Popup>;
|
|
4
|
+
type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;
|
|
5
|
+
type TooltipProviderProps = React.ComponentProps<typeof TooltipPrimitive.Provider>;
|
|
6
|
+
type TooltipTriggerProps = React.ComponentProps<typeof TooltipPrimitive.Trigger>;
|
|
7
|
+
declare function TooltipContent({ align, alignOffset, children, className, side, sideOffset, ...props }: TooltipContentProps): React.JSX.Element;
|
|
8
|
+
declare function TooltipProvider({ ...props }: TooltipProviderProps): React.JSX.Element;
|
|
9
|
+
declare function TooltipRoot({ ...props }: TooltipProps): React.JSX.Element;
|
|
10
|
+
declare function TooltipTrigger({ ...props }: TooltipTriggerProps): React.JSX.Element;
|
|
11
|
+
declare const Tooltip: typeof TooltipRoot & {
|
|
12
|
+
Content: typeof TooltipContent;
|
|
13
|
+
Provider: typeof TooltipProvider;
|
|
14
|
+
Trigger: typeof TooltipTrigger;
|
|
15
|
+
};
|
|
16
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
17
|
+
export type { TooltipContentProps, TooltipProps, TooltipProviderProps, TooltipTriggerProps, };
|
|
18
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,mBAAmB,GAAG,IAAI,CAC7B,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,UAAU,CAAC,EACxD,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAChD,GACC,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAC;AACtD,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACvE,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAC9C,OAAO,gBAAgB,CAAC,QAAQ,CACjC,CAAC;AACF,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAC7C,OAAO,gBAAgB,CAAC,OAAO,CAChC,CAAC;AAEF,iBAAS,cAAc,CAAC,EACtB,KAAgB,EAChB,WAAe,EACf,QAAQ,EACR,SAAS,EACT,IAAY,EACZ,UAAc,EACd,GAAG,KAAK,EACT,EAAE,mBAAmB,qBA2BrB;AAED,iBAAS,eAAe,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAE1D;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAE9C;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAExD;AAED,QAAA,MAAM,OAAO;;;;CAIX,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC;AACpE,YAAY,EACV,mBAAmB,EACnB,YAAY,EACZ,oBAAoB,EACpB,mBAAmB,GACpB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
|
|
3
|
+
import { cn } from '../lib/utils.js';
|
|
4
|
+
function TooltipContent({ align = 'center', alignOffset = 0, children, className, side = 'top', sideOffset = 6, ...props }) {
|
|
5
|
+
return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { align: align, alignOffset: alignOffset, className: "z-50", side: side, sideOffset: sideOffset, children: _jsxs(TooltipPrimitive.Popup, { className: cn('bg-foreground text-background 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 relative z-50 w-fit max-w-xs origin-(--transform-origin) rounded-md px-2 py-1 text-xs text-balance duration-100', className), "data-slot": "tooltip-content", ...props, children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-foreground size-2 rotate-45 rounded-[1px] data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1 data-[side=top]:-bottom-1", "data-slot": "tooltip-arrow" })] }) }) }));
|
|
6
|
+
}
|
|
7
|
+
function TooltipProvider({ ...props }) {
|
|
8
|
+
return _jsx(TooltipPrimitive.Provider, { ...props });
|
|
9
|
+
}
|
|
10
|
+
function TooltipRoot({ ...props }) {
|
|
11
|
+
return _jsx(TooltipPrimitive.Root, { ...props });
|
|
12
|
+
}
|
|
13
|
+
function TooltipTrigger({ ...props }) {
|
|
14
|
+
return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
|
|
15
|
+
}
|
|
16
|
+
const Tooltip = Object.assign(TooltipRoot, {
|
|
17
|
+
Content: TooltipContent,
|
|
18
|
+
Provider: TooltipProvider,
|
|
19
|
+
Trigger: TooltipTrigger,
|
|
20
|
+
});
|
|
21
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
|
22
|
+
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAejC,SAAS,cAAc,CAAC,EACtB,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,KAAK,EACZ,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EACY;IACpB,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,UAAU,IAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAC,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,YAEtB,MAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAE,EAAE,CACX,gbAAgb,EAChb,SAAS,CACV,eACS,iBAAiB,KACvB,KAAK,aAER,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IACrB,SAAS,EAAC,sJAAsJ,eACtJ,eAAe,GACzB,IACqB,GACG,GACN,CAC3B,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,GAAG,KAAK,EAAwB;IACzD,OAAO,KAAC,gBAAgB,CAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;AAClD,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAgB;IAC7C,OAAO,KAAC,gBAAgB,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;AAC9C,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAuB;IACvD,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IACzC,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,eAAe;IACzB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type FlexProps } from './Flex.js';
|
|
2
|
+
type XStackProps = Omit<FlexProps, 'direction'>;
|
|
3
|
+
declare function XStack({ className, ref, ...props }: XStackProps): import("react").JSX.Element;
|
|
4
|
+
export { XStack };
|
|
5
|
+
export type { XStackProps };
|
|
6
|
+
//# sourceMappingURL=XStack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"XStack.d.ts","sourceRoot":"","sources":["../../src/components/XStack.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,KAAK,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AAEhD,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BASxD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../lib/utils.js';
|
|
3
|
+
import { Flex } from './Flex.js';
|
|
4
|
+
function XStack({ className, ref, ...props }) {
|
|
5
|
+
return (_jsx(Flex, { className: cn('flex-row', className), "data-slot": "x-stack", ref: ref, ...props }));
|
|
6
|
+
}
|
|
7
|
+
export { XStack };
|
|
8
|
+
//# sourceMappingURL=XStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"XStack.js","sourceRoot":"","sources":["../../src/components/XStack.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAI9C,SAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAe;IACvD,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,eAC1B,SAAS,EACnB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type FlexProps } from './Flex.js';
|
|
2
|
+
type YStackProps = Omit<FlexProps, 'direction'>;
|
|
3
|
+
declare function YStack({ className, ref, ...props }: YStackProps): import("react").JSX.Element;
|
|
4
|
+
export { YStack };
|
|
5
|
+
export type { YStackProps };
|
|
6
|
+
//# sourceMappingURL=YStack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"YStack.d.ts","sourceRoot":"","sources":["../../src/components/YStack.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,KAAK,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;AAEhD,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BASxD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../lib/utils.js';
|
|
3
|
+
import { Flex } from './Flex.js';
|
|
4
|
+
function YStack({ className, ref, ...props }) {
|
|
5
|
+
return (_jsx(Flex, { className: cn('flex-col', className), "data-slot": "y-stack", ref: ref, ...props }));
|
|
6
|
+
}
|
|
7
|
+
export { YStack };
|
|
8
|
+
//# sourceMappingURL=YStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"YStack.js","sourceRoot":"","sources":["../../src/components/YStack.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAI9C,SAAS,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAe;IACvD,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,eAC1B,SAAS,EACnB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type InputValue = string | string[];
|
|
3
|
+
interface VisuallyHiddenInputProps<T = InputValue> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'onReset' | 'value'> {
|
|
4
|
+
bubbles?: boolean;
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
control: HTMLElement | null;
|
|
7
|
+
value?: T;
|
|
8
|
+
}
|
|
9
|
+
declare function VisuallyHiddenInput<T = InputValue>(props: VisuallyHiddenInputProps<T>): React.JSX.Element;
|
|
10
|
+
export { VisuallyHiddenInput };
|
|
11
|
+
//# sourceMappingURL=VisuallyHiddenInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VisuallyHiddenInput.d.ts","sourceRoot":"","sources":["../../../src/components/_internal/VisuallyHiddenInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAEpC,UAAU,wBAAwB,CAAC,CAAC,GAAG,UAAU,CAAE,SAAQ,IAAI,CAC7D,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,SAAS,GAAG,SAAS,GAAG,OAAO,CAChC;IACC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,CAAC,CAAC;CACX;AAED,iBAAS,mBAAmB,CAAC,CAAC,GAAG,UAAU,EACzC,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,qBA8InC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
|