@a-type/ui 4.0.7 → 4.0.9
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/dist/cjs/colors.stories.js +2 -2
- package/dist/cjs/components/actions/ActionBar.js +1 -1
- package/dist/cjs/components/actions/ActionBar.js.map +1 -1
- package/dist/cjs/components/actions/ActionButton.js +1 -1
- package/dist/cjs/components/avatar/Avatar.js +2 -2
- package/dist/cjs/components/box/Box.js +5 -5
- package/dist/cjs/components/box/Box.stories.js +1 -1
- package/dist/cjs/components/button/Button.js +2 -2
- package/dist/cjs/components/button/ConfirmedButton.js +1 -1
- package/dist/cjs/components/button/ConfirmedButton.js.map +1 -1
- package/dist/cjs/components/button/classes.js +10 -10
- package/dist/cjs/components/camera/Camera.d.ts +3 -2
- package/dist/cjs/components/camera/Camera.js +44 -13
- package/dist/cjs/components/camera/Camera.js.map +1 -1
- package/dist/cjs/components/camera/Camera.stories.d.ts +1 -1
- package/dist/cjs/components/camera/Camera.stories.js +1 -1
- package/dist/cjs/components/card/Card.js +2 -2
- package/dist/cjs/components/card/Card.stories.js +2 -2
- package/dist/cjs/components/card/Card.stories.js.map +1 -1
- package/dist/cjs/components/checkbox/Checkbox.js +3 -3
- package/dist/cjs/components/chip/Chip.js +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.js +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.js +1 -1
- package/dist/cjs/components/datePicker/DatePicker.d.ts +1 -1
- package/dist/cjs/components/datePicker/DatePicker.js +2 -2
- package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.stories.d.ts +1 -1
- package/dist/cjs/components/dialog/Dialog.d.ts +4 -4
- package/dist/cjs/components/dialog/Dialog.js +8 -8
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dialog/Dialog.stories.d.ts +2 -2
- package/dist/cjs/components/dialog/Dialog.stories.js +3 -3
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +2 -2
- package/dist/cjs/components/editableText/EditableText.js +1 -1
- package/dist/cjs/components/emojiPicker/EmojiPicker.js +4 -4
- package/dist/cjs/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/dist/cjs/components/forms/CheckboxField.js +1 -1
- package/dist/cjs/components/forms/CheckboxField.js.map +1 -1
- package/dist/cjs/components/forms/EmojiField.js +1 -1
- package/dist/cjs/components/forms/FormikForm.stories.js +1 -1
- package/dist/cjs/components/forms/FormikForm.stories.js.map +1 -1
- package/dist/cjs/components/forms/NumberStepperField.d.ts +1 -2
- package/dist/cjs/components/forms/NumberStepperField.js +1 -1
- package/dist/cjs/components/forms/NumberStepperField.js.map +1 -1
- package/dist/cjs/components/forms/SwitchField.js +1 -1
- package/dist/cjs/components/forms/SwitchField.js.map +1 -1
- package/dist/cjs/components/forms/ToggleGroupField.js +1 -1
- package/dist/cjs/components/forms/ToggleGroupField.js.map +1 -1
- package/dist/cjs/components/horizontalList/HorizontalList.js +2 -2
- package/dist/cjs/components/horizontalList/HorizontalList.stories.js +3 -3
- package/dist/cjs/components/icon/Icon.stories.js +1 -1
- package/dist/cjs/components/imageUploader/ImageUploader.js +6 -6
- package/dist/cjs/components/imageUploader/ImageUploader.stories.js +1 -1
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/layouts/PageContent.js +1 -1
- package/dist/cjs/components/layouts/PageContent.js.map +1 -1
- package/dist/cjs/components/layouts/PageFixedArea.js +1 -1
- package/dist/cjs/components/layouts/PageNav.js +1 -1
- package/dist/cjs/components/layouts/PageNowPlaying.js +3 -3
- package/dist/cjs/components/layouts/PageRoot.js +1 -1
- package/dist/cjs/components/layouts/layouts.stories.js +2 -2
- package/dist/cjs/components/lightbox/Lightbox.js +1 -1
- package/dist/cjs/components/marquee/marquee.js +1 -1
- package/dist/cjs/components/marquee/marquee.stories.js +1 -1
- package/dist/cjs/components/navBar/NavBar.js +1 -1
- package/dist/cjs/components/note/Note.js +1 -1
- package/dist/cjs/components/numberStepper/NumberStepper.js +3 -3
- package/dist/cjs/components/particles/ParticleLayer.js +1 -1
- package/dist/cjs/components/particles/ParticleLayer.stories.js +2 -2
- package/dist/cjs/components/particles/particlesState.js +2 -4
- package/dist/cjs/components/particles/particlesState.js.map +1 -1
- package/dist/cjs/components/peek/Peek.js +2 -2
- package/dist/cjs/components/popover/Popover.d.ts +2 -4
- package/dist/cjs/components/popover/Popover.js +1 -1
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/progress/Progress.d.ts +2 -2
- package/dist/cjs/components/progress/Progress.js +2 -2
- package/dist/cjs/components/progress/Progress.js.map +1 -1
- package/dist/cjs/components/progress/Progress.stories.d.ts +1 -1
- package/dist/cjs/components/pwaInstall/PwaInstall.d.ts +2 -2
- package/dist/cjs/components/pwaInstall/PwaInstall.js +2 -2
- package/dist/cjs/components/pwaInstall/PwaInstall.js.map +1 -1
- package/dist/cjs/components/richEditor/index.js +2 -2
- package/dist/cjs/components/richEditor/index.js.map +1 -1
- package/dist/cjs/components/scrollArea/ScrollArea.stories.js +1 -1
- package/dist/cjs/components/select/Select.js +3 -3
- package/dist/cjs/components/select/Select.js.map +1 -1
- package/dist/cjs/components/select/Select.stories.js +1 -1
- package/dist/cjs/components/select/Select.stories.js.map +1 -1
- package/dist/cjs/components/skeletons/skeletons.js +1 -1
- package/dist/cjs/components/slider/Slider.d.ts +1 -2
- package/dist/cjs/components/slider/Slider.js +1 -2
- package/dist/cjs/components/slider/Slider.js.map +1 -1
- package/dist/cjs/components/slider/Slider.stories.d.ts +1 -1
- package/dist/cjs/components/slider/Slider.stories.js +1 -1
- package/dist/cjs/components/spinner/Spinner.js +2 -2
- package/dist/cjs/components/textArea/TextArea.js +1 -1
- package/dist/cjs/components/toasts/toasts.js +5 -5
- package/dist/cjs/components/tooltip/Tooltip.js +4 -4
- package/dist/cjs/components/viewport/Viewport.js +3 -3
- package/dist/cjs/components/viewport/ViewportContent.js +1 -1
- package/dist/cjs/components/viewport/useViewportGestures.js +2 -1
- package/dist/cjs/components/viewport/useViewportGestures.js.map +1 -1
- package/dist/cjs/hooks/useStorage.js +4 -4
- package/dist/cjs/hooks/useStorage.js.map +1 -1
- package/dist/cjs/hooks/useTitleBarColor.js +1 -1
- package/dist/cjs/hooks/useTitleBarColor.stories.js +1 -1
- package/dist/cjs/hooks/withProps.d.ts +2 -2
- package/dist/cjs/themes.stories.js +1 -1
- package/dist/cjs/uno/logic/color.js +0 -9
- package/dist/cjs/uno/logic/color.js.map +1 -1
- package/dist/cjs/uno/preflights/keyboard.d.ts +1 -0
- package/dist/cjs/uno/preflights/keyboard.js +16 -0
- package/dist/cjs/uno/preflights/keyboard.js.map +1 -0
- package/dist/cjs/uno/rules/color.js +10 -10
- package/dist/cjs/uno/rules/color.js.map +1 -1
- package/dist/cjs/utilities.stories.js +1 -1
- package/dist/css/main.css +2 -2
- package/dist/esm/colors.stories.js +2 -2
- package/dist/esm/components/actions/ActionBar.js +1 -1
- package/dist/esm/components/actions/ActionBar.js.map +1 -1
- package/dist/esm/components/actions/ActionButton.js +1 -1
- package/dist/esm/components/avatar/Avatar.js +2 -2
- package/dist/esm/components/box/Box.js +5 -5
- package/dist/esm/components/box/Box.stories.js +1 -1
- package/dist/esm/components/button/Button.js +2 -2
- package/dist/esm/components/button/ConfirmedButton.js +1 -1
- package/dist/esm/components/button/ConfirmedButton.js.map +1 -1
- package/dist/esm/components/button/classes.js +10 -10
- package/dist/esm/components/camera/Camera.d.ts +3 -2
- package/dist/esm/components/camera/Camera.js +11 -10
- package/dist/esm/components/camera/Camera.js.map +1 -1
- package/dist/esm/components/camera/Camera.stories.d.ts +1 -1
- package/dist/esm/components/camera/Camera.stories.js +1 -1
- package/dist/esm/components/card/Card.js +2 -2
- package/dist/esm/components/card/Card.stories.js +2 -2
- package/dist/esm/components/card/Card.stories.js.map +1 -1
- package/dist/esm/components/checkbox/Checkbox.js +3 -3
- package/dist/esm/components/chip/Chip.js +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.js +1 -1
- package/dist/esm/components/contextMenu/contextMenu.js +1 -1
- package/dist/esm/components/datePicker/DatePicker.d.ts +1 -1
- package/dist/esm/components/datePicker/DatePicker.js +2 -2
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.stories.d.ts +1 -1
- package/dist/esm/components/dialog/Dialog.d.ts +4 -4
- package/dist/esm/components/dialog/Dialog.js +8 -8
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dialog/Dialog.stories.d.ts +2 -2
- package/dist/esm/components/dialog/Dialog.stories.js +3 -3
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +2 -2
- package/dist/esm/components/editableText/EditableText.js +1 -1
- package/dist/esm/components/emojiPicker/EmojiPicker.js +4 -4
- package/dist/esm/components/emojiPicker/EmojiPicker.js.map +1 -1
- package/dist/esm/components/forms/CheckboxField.js +1 -1
- package/dist/esm/components/forms/CheckboxField.js.map +1 -1
- package/dist/esm/components/forms/EmojiField.js +1 -1
- package/dist/esm/components/forms/FormikForm.stories.js +1 -1
- package/dist/esm/components/forms/FormikForm.stories.js.map +1 -1
- package/dist/esm/components/forms/NumberStepperField.d.ts +1 -2
- package/dist/esm/components/forms/NumberStepperField.js +1 -1
- package/dist/esm/components/forms/NumberStepperField.js.map +1 -1
- package/dist/esm/components/forms/SwitchField.js +1 -1
- package/dist/esm/components/forms/SwitchField.js.map +1 -1
- package/dist/esm/components/forms/ToggleGroupField.js +1 -1
- package/dist/esm/components/forms/ToggleGroupField.js.map +1 -1
- package/dist/esm/components/horizontalList/HorizontalList.js +2 -2
- package/dist/esm/components/horizontalList/HorizontalList.stories.js +3 -3
- package/dist/esm/components/icon/Icon.stories.js +1 -1
- package/dist/esm/components/imageUploader/ImageUploader.js +6 -6
- package/dist/esm/components/imageUploader/ImageUploader.stories.js +1 -1
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/layouts/PageContent.js +1 -1
- package/dist/esm/components/layouts/PageContent.js.map +1 -1
- package/dist/esm/components/layouts/PageFixedArea.js +1 -1
- package/dist/esm/components/layouts/PageNav.js +1 -1
- package/dist/esm/components/layouts/PageNowPlaying.js +3 -3
- package/dist/esm/components/layouts/PageRoot.js +1 -1
- package/dist/esm/components/layouts/layouts.stories.js +2 -2
- package/dist/esm/components/lightbox/Lightbox.js +1 -1
- package/dist/esm/components/marquee/marquee.js +1 -1
- package/dist/esm/components/marquee/marquee.stories.js +1 -1
- package/dist/esm/components/navBar/NavBar.js +1 -1
- package/dist/esm/components/note/Note.js +1 -1
- package/dist/esm/components/numberStepper/NumberStepper.js +3 -3
- package/dist/esm/components/particles/ParticleLayer.js +1 -1
- package/dist/esm/components/particles/ParticleLayer.stories.js +2 -2
- package/dist/esm/components/particles/particlesState.js +2 -4
- package/dist/esm/components/particles/particlesState.js.map +1 -1
- package/dist/esm/components/peek/Peek.js +2 -2
- package/dist/esm/components/popover/Popover.d.ts +2 -4
- package/dist/esm/components/popover/Popover.js +1 -1
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/progress/Progress.d.ts +2 -2
- package/dist/esm/components/progress/Progress.js +2 -2
- package/dist/esm/components/progress/Progress.js.map +1 -1
- package/dist/esm/components/progress/Progress.stories.d.ts +1 -1
- package/dist/esm/components/pwaInstall/PwaInstall.d.ts +2 -2
- package/dist/esm/components/pwaInstall/PwaInstall.js +2 -2
- package/dist/esm/components/pwaInstall/PwaInstall.js.map +1 -1
- package/dist/esm/components/richEditor/index.js +2 -2
- package/dist/esm/components/richEditor/index.js.map +1 -1
- package/dist/esm/components/scrollArea/ScrollArea.stories.js +1 -1
- package/dist/esm/components/select/Select.js +3 -3
- package/dist/esm/components/select/Select.js.map +1 -1
- package/dist/esm/components/select/Select.stories.js +1 -1
- package/dist/esm/components/select/Select.stories.js.map +1 -1
- package/dist/esm/components/skeletons/skeletons.js +1 -1
- package/dist/esm/components/slider/Slider.d.ts +1 -2
- package/dist/esm/components/slider/Slider.js +1 -2
- package/dist/esm/components/slider/Slider.js.map +1 -1
- package/dist/esm/components/slider/Slider.stories.d.ts +1 -1
- package/dist/esm/components/slider/Slider.stories.js +1 -1
- package/dist/esm/components/spinner/Spinner.js +2 -2
- package/dist/esm/components/textArea/TextArea.js +1 -1
- package/dist/esm/components/toasts/toasts.js +5 -5
- package/dist/esm/components/tooltip/Tooltip.js +4 -4
- package/dist/esm/components/viewport/Viewport.js +3 -3
- package/dist/esm/components/viewport/ViewportContent.js +1 -1
- package/dist/esm/components/viewport/useViewportGestures.js +2 -1
- package/dist/esm/components/viewport/useViewportGestures.js.map +1 -1
- package/dist/esm/hooks/useStorage.js +4 -4
- package/dist/esm/hooks/useStorage.js.map +1 -1
- package/dist/esm/hooks/useTitleBarColor.js +1 -1
- package/dist/esm/hooks/useTitleBarColor.stories.js +1 -1
- package/dist/esm/hooks/withProps.d.ts +2 -2
- package/dist/esm/themes.stories.js +1 -1
- package/dist/esm/uno/logic/color.js +0 -9
- package/dist/esm/uno/logic/color.js.map +1 -1
- package/dist/esm/uno/preflights/keyboard.d.ts +1 -0
- package/dist/esm/uno/preflights/keyboard.js +13 -0
- package/dist/esm/uno/preflights/keyboard.js.map +1 -0
- package/dist/esm/uno/rules/color.js +10 -10
- package/dist/esm/uno/rules/color.js.map +1 -1
- package/dist/esm/utilities.stories.js +1 -1
- package/package.json +18 -2
- package/src/colors.stories.tsx +11 -11
- package/src/components/actions/ActionBar.tsx +3 -3
- package/src/components/actions/ActionButton.tsx +1 -1
- package/src/components/avatar/Avatar.tsx +3 -3
- package/src/components/box/Box.stories.tsx +1 -1
- package/src/components/box/Box.tsx +5 -5
- package/src/components/button/Button.tsx +3 -3
- package/src/components/button/ConfirmedButton.tsx +1 -1
- package/src/components/button/classes.tsx +18 -18
- package/src/components/camera/Camera.stories.tsx +1 -1
- package/src/components/camera/Camera.tsx +26 -13
- package/src/components/card/Card.stories.tsx +2 -8
- package/src/components/card/Card.tsx +5 -5
- package/src/components/checkbox/Checkbox.tsx +5 -5
- package/src/components/chip/Chip.tsx +2 -2
- package/src/components/colorPicker/ColorPicker.tsx +1 -1
- package/src/components/contextMenu/contextMenu.tsx +3 -3
- package/src/components/datePicker/DatePicker.tsx +3 -2
- package/src/components/dialog/Dialog.stories.tsx +3 -3
- package/src/components/dialog/Dialog.tsx +10 -12
- package/src/components/dropdownMenu/DropdownMenu.tsx +5 -5
- package/src/components/editableText/EditableText.tsx +2 -2
- package/src/components/emojiPicker/EmojiPicker.tsx +9 -4
- package/src/components/forms/CheckboxField.tsx +1 -1
- package/src/components/forms/EmojiField.tsx +1 -1
- package/src/components/forms/FormikForm.stories.tsx +1 -1
- package/src/components/forms/NumberStepperField.tsx +0 -2
- package/src/components/forms/SwitchField.tsx +1 -1
- package/src/components/forms/ToggleGroupField.tsx +1 -1
- package/src/components/horizontalList/HorizontalList.stories.tsx +8 -8
- package/src/components/horizontalList/HorizontalList.tsx +5 -5
- package/src/components/icon/Icon.stories.tsx +2 -2
- package/src/components/imageUploader/ImageUploader.stories.tsx +1 -1
- package/src/components/imageUploader/ImageUploader.tsx +6 -6
- package/src/components/input/Input.tsx +5 -5
- package/src/components/layouts/PageContent.tsx +1 -1
- package/src/components/layouts/PageFixedArea.tsx +1 -1
- package/src/components/layouts/PageNav.tsx +3 -3
- package/src/components/layouts/PageNowPlaying.tsx +3 -3
- package/src/components/layouts/PageRoot.tsx +3 -3
- package/src/components/layouts/layouts.stories.tsx +3 -3
- package/src/components/lightbox/Lightbox.tsx +1 -1
- package/src/components/marquee/marquee.stories.tsx +1 -1
- package/src/components/marquee/marquee.tsx +2 -2
- package/src/components/navBar/NavBar.tsx +3 -3
- package/src/components/note/Note.tsx +6 -6
- package/src/components/numberStepper/NumberStepper.tsx +3 -3
- package/src/components/particles/ParticleLayer.stories.tsx +2 -2
- package/src/components/particles/ParticleLayer.tsx +1 -1
- package/src/components/particles/particlesState.ts +2 -4
- package/src/components/peek/Peek.tsx +4 -4
- package/src/components/popover/Popover.tsx +0 -2
- package/src/components/progress/Progress.tsx +2 -2
- package/src/components/pwaInstall/PwaInstall.tsx +4 -4
- package/src/components/richEditor/index.tsx +13 -13
- package/src/components/scrollArea/ScrollArea.stories.tsx +1 -1
- package/src/components/select/Select.stories.tsx +1 -1
- package/src/components/select/Select.tsx +20 -20
- package/src/components/skeletons/skeletons.tsx +1 -1
- package/src/components/slider/Slider.stories.tsx +1 -1
- package/src/components/slider/Slider.tsx +1 -2
- package/src/components/spinner/Spinner.tsx +3 -3
- package/src/components/textArea/TextArea.tsx +1 -1
- package/src/components/toasts/toasts.tsx +13 -13
- package/src/components/tooltip/Tooltip.tsx +6 -6
- package/src/components/viewport/Viewport.tsx +3 -3
- package/src/components/viewport/ViewportContent.tsx +1 -1
- package/src/components/viewport/useViewportGestures.ts +1 -1
- package/src/hooks/useStorage.ts +4 -4
- package/src/hooks/useTitleBarColor.stories.tsx +1 -1
- package/src/hooks/useTitleBarColor.ts +1 -1
- package/src/hooks/withProps.tsx +2 -2
- package/src/themes.stories.tsx +1 -1
- package/src/uno/logic/color.ts +0 -12
- package/src/uno/preflights/keyboard.ts +12 -0
- package/src/uno/rules/color.ts +10 -10
- package/src/utilities.stories.tsx +3 -3
|
@@ -60,13 +60,13 @@ export const Inheritance = {
|
|
|
60
60
|
'--p-primary-hue': args.customHue,
|
|
61
61
|
}
|
|
62
62
|
: {};
|
|
63
|
-
return (_jsx(Box, { color: "primary", surface: true, p: "xl", className: "theme", style: style, children: _jsx(Box, { className: "
|
|
63
|
+
return (_jsx(Box, { color: "primary", surface: true, p: "xl", className: "theme", style: style, children: _jsx(Box, { className: "color-bg color-darken-5 border-bg border-darken-5", border: true, p: "xl", children: "Inherits and darkens" }) }));
|
|
64
64
|
},
|
|
65
65
|
};
|
|
66
66
|
export const TweakOpacity = {
|
|
67
67
|
render() {
|
|
68
68
|
// none of these elements have root opacity; all opacity is done through colors
|
|
69
|
-
return (_jsxs(Box, { color: "accent", surface: true, className: "h-32", full: "width", p: true, gap: true, children: [_jsx(Box, { className: "
|
|
69
|
+
return (_jsxs(Box, { color: "accent", surface: true, className: "h-32", full: "width", p: true, gap: true, children: [_jsx(Box, { className: "h-full border ring color-primary-dark/100 bg-primary/100 border-black/100 ring-primary-light/100", grow: true, children: "100" }), _jsx(Box, { className: "h-full border ring color-primary-dark/90 bg-primary/90 border-black/90 ring-primary-light/90", grow: true, children: "90" }), _jsx(Box, { className: "h-full border ring color-primary-dark/80 bg-primary/80 border-black/80 ring-primary-light/80", grow: true, children: "80" }), _jsx(Box, { className: "h-full border ring color-primary-dark/70 bg-primary/70 border-black/70 ring-primary-light/70", grow: true, children: "70" }), _jsx(Box, { className: "h-full border ring color-primary-dark/60 bg-primary/60 border-black/60 ring-primary-light/60", grow: true, children: "60" }), _jsx(Box, { className: "h-full border ring color-primary-dark/50 bg-primary/50 border-black/50 ring-primary-light/50", grow: true, children: "50" }), _jsx(Box, { className: "h-full border ring color-primary-dark/40 bg-primary/40 border-black/40 ring-primary-light/40", grow: true, children: "40" }), _jsx(Box, { className: "h-full border ring color-primary-dark/30 bg-primary/30 border-black/30 ring-primary-light/30", grow: true, children: "30" }), _jsx(Box, { className: "h-full border ring color-primary-dark/20 bg-primary/20 border-black/20 ring-primary-light/20", grow: true, children: "20" }), _jsx(Box, { className: "h-full border ring color-primary-dark/10 bg-primary/10 border-black/10 ring-primary-light/10", grow: true, children: "10" })] }));
|
|
70
70
|
},
|
|
71
71
|
};
|
|
72
72
|
export const ComputedColors = {
|
|
@@ -16,6 +16,6 @@ import { Suspense } from 'react';
|
|
|
16
16
|
import { ScrollArea } from '../scrollArea/ScrollArea.js';
|
|
17
17
|
export function ActionBar(_a) {
|
|
18
18
|
var { children, className, wrap, disableShadow } = _a, rest = __rest(_a, ["children", "className", "wrap", "disableShadow"]);
|
|
19
|
-
return (_jsx(Suspense, { fallback: null, children: _jsx("div", Object.assign({ className: classNames('layer-components:
|
|
19
|
+
return (_jsx(Suspense, { fallback: null, children: _jsx("div", Object.assign({ className: classNames('layer-components:springy layer-components:relative layer-components:h-[max-content] layer-components:w-full layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-start layer-components:overflow-hidden layer-components:transition-[height]', 'layer-components:[&:empty]:height-0', className) }, rest, { children: _jsx(ScrollArea, { disableFades: disableShadow, className: "layer-components:h-full layer-components:w-full layer-components:flex-grow", children: _jsx(ScrollArea.Content, { className: classNames('layer-composed:relative layer-composed:h-full layer-composed:flex layer-composed:flex-row layer-composed:items-center layer-composed:justify-start', wrap && 'layer-variants:flex-wrap'), children: children }) }) })) }));
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=ActionBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AASzD,MAAM,UAAU,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,4BACC,SAAS,EAAE,UAAU,CACpB,
|
|
1
|
+
{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/components/actions/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AASzD,MAAM,UAAU,SAAS,CAAC,EAMT;QANS,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,aAAa,OAEG,EADb,IAAI,cALkB,kDAMzB,CADO;IAEP,OAAO,CACN,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACvB,4BACC,SAAS,EAAE,UAAU,CACpB,0JAA0J,EAC1J,qCAAqC,EACrC,SAAS,CACT,IACG,IAAI,cAER,KAAC,UAAU,IACV,YAAY,EAAE,aAAa,EAC3B,SAAS,EAAC,4CAA4C,YAEtD,KAAC,UAAU,CAAC,OAAO,IAClB,SAAS,EAAE,UAAU,CACpB,2EAA2E,EAC3E,IAAI,IAAI,0BAA0B,CAClC,YAEA,QAAQ,GACW,GACT,IACR,GACI,CACX,CAAC;AACH,CAAC"}
|
|
@@ -38,6 +38,6 @@ export function ActionButton(_a) {
|
|
|
38
38
|
if (!render && !visible) {
|
|
39
39
|
return null;
|
|
40
40
|
}
|
|
41
|
-
return (_jsx(CollapsibleRoot, { open: !visible ? false : render, children: _jsx(CollapsibleContent, { "data-horizontal": true, children: _jsx(Button, Object.assign({ size: "small", disableIconMode: true, className: classNames('layer-variants:
|
|
41
|
+
return (_jsx(CollapsibleRoot, { open: !visible ? false : render, children: _jsx(CollapsibleContent, { "data-horizontal": true, children: _jsx(Button, Object.assign({ size: "small", disableIconMode: true, className: classNames('layer-variants:m-2 layer-variants:mx-1 layer-variants:font-normal', className) }, rest, { children: children })) }) }));
|
|
42
42
|
}
|
|
43
43
|
//# sourceMappingURL=ActionButton.js.map
|
|
@@ -17,7 +17,7 @@ import { Icon } from '../icon/index.js';
|
|
|
17
17
|
export function Avatar(_a) {
|
|
18
18
|
var { className, popIn = false, imageSrc, name, crossOrigin, style, size } = _a, rest = __rest(_a, ["className", "popIn", "imageSrc", "name", "crossOrigin", "style", "size"]);
|
|
19
19
|
const empty = !name && !imageSrc;
|
|
20
|
-
return (_jsxs(BaseAvatar.Root, Object.assign({ "data-pop": popIn, className: classNames('layer-components:
|
|
21
|
-
'layer-variants:animate-pop-in-from-half layer-variants:animate-
|
|
20
|
+
return (_jsxs(BaseAvatar.Root, Object.assign({ "data-pop": popIn, className: classNames('layer-components:relative layer-components:aspect-1 layer-components:w-24px layer-components:flex layer-components:flex-shrink-0 layer-components:select-none layer-components:items-center layer-components:justify-center layer-components:overflow-hidden layer-components:border-default layer-components:rounded-lg layer-components:bg-white', popIn &&
|
|
21
|
+
'layer-variants:animate-pop-in-from-half layer-variants:animate-duration-200 layer-variants:animate-ease-springy', empty && 'layer-components:border-dashed layer-components:bg-gray-light', className), style: size ? Object.assign({ width: size, height: size }, style) : style }, rest, { children: [imageSrc && (_jsx(BaseAvatar.Image, { className: "h-full w-full object-cover", referrerPolicy: "no-referrer", src: imageSrc, alt: `${name !== null && name !== void 0 ? name : 'user'}'s profile picture`, crossOrigin: crossOrigin })), name && (_jsx(BaseAvatar.Fallback, { className: "text-size-[calc(0.5px*var(--avatar-size,24px))]", style: { '--avatar-size': size }, children: name.charAt(0).toUpperCase() })), empty && _jsx(Icon, { name: "profile" })] })));
|
|
22
22
|
}
|
|
23
23
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -25,7 +25,7 @@ export function Box(_a) {
|
|
|
25
25
|
const style = useGroupScaleStyles(userStyle);
|
|
26
26
|
const items = itemsSolo !== null && itemsSolo !== void 0 ? itemsSolo : align === null || align === void 0 ? void 0 : align.split(' ')[0];
|
|
27
27
|
const justify = justifySolo !== null && justifySolo !== void 0 ? justifySolo : align === null || align === void 0 ? void 0 : align.split(' ')[1];
|
|
28
|
-
const main = (_jsx(SlotDiv, Object.assign({ ref: ref }, rest, { style: style, className: clsx('layer-components:
|
|
28
|
+
const main = (_jsx(SlotDiv, Object.assign({ ref: ref }, rest, { style: style, className: clsx('layer-components:relative layer-components:flex', color && `palette-${color}`, {
|
|
29
29
|
'layer-components:flex-row': hasDefault(direction, 'row') && !col,
|
|
30
30
|
'layer-components:flex-col': hasDefault(direction, 'col') || col,
|
|
31
31
|
'layer-components:flex-row-reverse': hasDefault(direction, 'row-reverse'),
|
|
@@ -88,15 +88,15 @@ export function Box(_a) {
|
|
|
88
88
|
rounded === true ||
|
|
89
89
|
(rounded === undefined && (surface || border)),
|
|
90
90
|
'layer-components:rounded-xl': rounded === 'xl',
|
|
91
|
-
'layer-components:bg-white layer-components:border-gray-dark
|
|
92
|
-
'layer-components:
|
|
91
|
+
'layer-components:color-black layer-components:bg-white layer-components:border-gray-dark': surface === 'white',
|
|
92
|
+
'layer-components:color-main-ink layer-components:bg-main-wash layer-components:border-main-dark': surface === true,
|
|
93
93
|
'layer-components:border layer-components:border-solid': border,
|
|
94
94
|
'layer-components:w-full': full === true || full === 'width',
|
|
95
95
|
'layer-components:h-full': full === true || full === 'height',
|
|
96
96
|
'layer-components:overflow-hidden': overflow === 'hidden',
|
|
97
97
|
'layer-components:overflow-auto': overflow === 'auto',
|
|
98
|
-
'layer-components:overflow-
|
|
99
|
-
'layer-components:overflow-
|
|
98
|
+
'layer-components:overflow-y-hidden layer-components:overflow-x-auto': overflow === 'auto-x',
|
|
99
|
+
'layer-components:overflow-x-hidden layer-components:overflow-y-auto': overflow === 'auto-y',
|
|
100
100
|
'layer-components:flex-grow': grow,
|
|
101
101
|
'layer-components:@container': container === true,
|
|
102
102
|
'layer-components:shadow-sm': elevated === null || elevated === void 0 ? void 0 : elevated.includes('sm'),
|
|
@@ -89,7 +89,7 @@ function SurfaceContent({ name }) {
|
|
|
89
89
|
}
|
|
90
90
|
export const Surfaces = {
|
|
91
91
|
render(args) {
|
|
92
|
-
return (_jsxs("div", Object.assign({ className: "grid
|
|
92
|
+
return (_jsxs("div", Object.assign({ className: "grid grid-cols-2 gap-lg bg-wash md:grid-cols-3" }, args, { children: [_jsx(Box, Object.assign({}, args, { surface: "white", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "White" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "primary", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "Primary" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "accent", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "Accent" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "gray", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "Gray" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "attention", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "Attention" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "success", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "Success" }) })), _jsx(Box, Object.assign({}, args, { surface: true, color: "high-contrast", p: "lg", col: true, gap: true, children: _jsx(SurfaceContent, { name: "High Contrast" }) }))] })));
|
|
93
93
|
},
|
|
94
94
|
};
|
|
95
95
|
//# sourceMappingURL=Box.stories.js.map
|
|
@@ -51,13 +51,13 @@ export function ButtonRoot(_a) {
|
|
|
51
51
|
if (toggled !== undefined) {
|
|
52
52
|
buttonProps['aria-pressed'] = !!toggled;
|
|
53
53
|
}
|
|
54
|
-
return (_jsx(IconLoadingProvider, { value: isLoading, children: _jsxs(BaseButton, Object.assign({}, buttonProps, { children: [_jsx(AnimatePresence, { children: isLoading && (_jsx(motion.div, { initial: { width: 0, marginLeft: '-0.5rem' }, animate: { width: 'auto', marginLeft: 0 }, exit: { width: 0, marginLeft: '-0.5rem' }, className: clsx('flex-shrink-0
|
|
54
|
+
return (_jsx(IconLoadingProvider, { value: isLoading, children: _jsxs(BaseButton, Object.assign({}, buttonProps, { children: [_jsx(AnimatePresence, { children: isLoading && (_jsx(motion.div, { initial: { width: 0, marginLeft: '-0.5rem' }, animate: { width: 'auto', marginLeft: 0 }, exit: { width: 0, marginLeft: '-0.5rem' }, className: clsx('my-auto inline-block flex flex-shrink-0 overflow-hidden', '[[data-has-icon=true]_&]:hidden'), "data-default-loader": true, children: _jsx(Spinner, { size: 15, className: "inline-block h-1em w-1em" }) }, "spinner")) }), toggled !== undefined &&
|
|
55
55
|
(toggleMode === 'indicator' ||
|
|
56
56
|
toggleMode === 'color-and-indicator') && (_jsx(ButtonToggleIndicator, { value: toggled })), children, isDropdownTrigger && (_jsx(IconLoadingProvider, { value: false, children: _jsx(DropdownMenuTriggerIcon, { render: _jsx(Icon, { name: "chevron" }) }) }))] })) }));
|
|
57
57
|
}
|
|
58
58
|
ButtonRoot.displayName = 'Button';
|
|
59
59
|
export const ButtonToggleIndicator = memo(function ToggleIndicator({ value, }) {
|
|
60
|
-
return (_jsx(Icon, { "aria-hidden": true, name: "check", className: "
|
|
60
|
+
return (_jsx(Icon, { "aria-hidden": true, name: "check", className: "ml--1 w-0 transition-width", style: {
|
|
61
61
|
width: value ? '15px' : 0,
|
|
62
62
|
}, loading: false }));
|
|
63
63
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAYlD,MAAM,UAAU,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,CACN,KAAC,MAAM,oBACF,IAAI,IACR,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ConfirmedButton.js","sourceRoot":"","sources":["../../../../src/components/button/ConfirmedButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,CAAC,EAAE,MAAM,wBAAwB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAYlD,MAAM,UAAU,eAAe,CAAC,EAST;QATS,EAC/B,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,IAAI,EACpB,YAAY,GAAG,WAAW,EAC1B,YAAY,GAAG,SAAS,EACxB,SAAS,EACT,IAAI,OAEkB,EADnB,IAAI,cARwB,qGAS/B,CADO;IAEP,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,EAAE,CAAC;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC;gBAAS,CAAC;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,IAAI,EAAE,CAAC;QACV,OAAO,CACN,KAAC,MAAM,oBACF,IAAI,IACR,OAAO,EAAE,GAAG,EAAE;gBACb,SAAS,EAAE,CAAC;YACb,CAAC,IACA,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,MAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,aAAa,kBAAC,MAAM,EAAE,KAAC,MAAM,KAAG,IAAM,IAAI,EAAI,EAC/C,MAAC,aAAa,eACb,KAAC,WAAW,cAAE,YAAY,GAAe,EACzC,KAAC,CAAC,cAAE,WAAW,GAAK,EACpB,MAAC,aAAa,eACb,KAAC,WAAW,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,QAAQ,EAAC,SAAS,GAAG,YAChD,YAAY,GACA,EACd,KAAC,MAAM,IACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,SAAS,EAClB,KAAK,EAAE,YAAY,YAElB,aAAa,GACN,IACM,IACD,IACR,CACT,CAAC;AACH,CAAC"}
|
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
export function getButtonClassName({ color, emphasis = 'default', size = 'default', toggleable, align, disableIconMode, }) {
|
|
4
4
|
if (emphasis === 'unstyled') {
|
|
5
|
-
return clsx('layer-components:
|
|
5
|
+
return clsx('layer-components:m-0 layer-components:appearance-none layer-components:border-none layer-components:p-0 layer-components:bg-transparent', 'layer-components:cursor-pointer', 'layer-components:focus:outline-off');
|
|
6
6
|
}
|
|
7
|
-
return clsx(color && `palette-${color}`, 'layer-components:
|
|
7
|
+
return clsx(color && `palette-${color}`, 'layer-components:select-none layer-components:font-bold layer-components:leading-1 layer-components:leading-none layer-components:font-inherit', 'layer-components:border-thin layer-components:border-solid layer-components:border-color', 'layer-components:cursor-pointer', 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-sm', 'layer-components:relative layer-components:overflow-visible layer-components:whitespace-nowrap', 'layer-components:transition-all layer-components:duration-200', 'layer-components:shadow-sm layer-components:ring-bg', 'layer-components:color-contrast', emphasis === 'ghost' && 'layer-variants:border-none layer-variants:shadow-none', emphasis === 'contrast' && 'layer-variants:border-bg layer-variants:hover:bg-gray-ink', {
|
|
8
8
|
'layer-components:bg-main': emphasis === 'primary',
|
|
9
|
-
'layer-components:
|
|
9
|
+
'layer-components:color-main-ink layer-components:bg-main-light': emphasis === 'light',
|
|
10
10
|
'layer-components:bg-white layer-variants:focus-visible:bg-white': emphasis === 'default',
|
|
11
|
-
'layer-components:bg-transparent layer-components:aria-pressed:bg-main-wash
|
|
11
|
+
'layer-components:color-main-ink layer-components:bg-transparent layer-components:aria-pressed:bg-main-wash': emphasis === 'ghost',
|
|
12
12
|
'layer-components:bg-black': emphasis === 'contrast',
|
|
13
|
-
}, color === 'gray' && '[--l-saturation:0]
|
|
14
|
-
'layer-components:px-4 layer-components:py-2 layer-components:text-md
|
|
15
|
-
'layer-components:
|
|
16
|
-
'layer-components:[&[data-has-icon=true][data-has-label=false]]:
|
|
17
|
-
'layer-components:[&[data-has-icon=true][data-has-label=false]]:
|
|
18
|
-
}, 'layer-components:hover:
|
|
13
|
+
}, color === 'gray' && 'hov [--l-saturation:0]', {
|
|
14
|
+
'layer-components:rounded-lg layer-components:px-4 layer-components:py-2 layer-components:text-md': size === 'default',
|
|
15
|
+
'layer-components:min-h-touch layer-components:rounded-md layer-components:px-4 layer-components:py-0.25 layer-components:text-sm': size === 'small',
|
|
16
|
+
'layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg layer-components:[&[data-has-icon=true][data-has-label=false]]:p-2.35 layer-components:[&[data-has-icon=true][data-has-label=false]]:text-sm': size === 'default' && !disableIconMode,
|
|
17
|
+
'layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg layer-components:[&[data-has-icon=true][data-has-label=false]]:p-2 layer-components:[&[data-has-icon=true][data-has-label=false]]:text-xs layer-components:[&[data-has-icon=true][data-has-label=false]]:-m-y-0.5': size === 'small' && !disableIconMode,
|
|
18
|
+
}, 'layer-components:hover:ring-4 layer-components:hover:bg-main layer-components:hover:bg-lighten-2', 'layer-components:focus:outline-off', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-6 layer-components:focus-visible:ring-accent', 'layer-components:[&[data-focus=true]]:outline-off layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:ring-accent', 'layer-components:active:ring-8 layer-components:active:bg-darken-1', 'layer-components:disabled:cursor-default layer-components:disabled:opacity-50 layer-components:disabled:shadow-none layer-components:disabled:ring-none', 'layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:shadow-none', {
|
|
19
19
|
'layer-variants:[&[aria-pressed=false]]:[&:not(:hover)]:bg-transparent': toggleable,
|
|
20
20
|
}, {
|
|
21
21
|
'layer-components:self-start': align === 'start',
|
|
@@ -17,12 +17,13 @@ export type CameraShutterButtonProps = BaseButtonProps & {
|
|
|
17
17
|
};
|
|
18
18
|
export declare function CameraShutterButton({ onClick, ref, ...rest }: CameraShutterButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
export interface CameraDeviceSelectorProps {
|
|
20
|
+
className?: string;
|
|
20
21
|
}
|
|
21
|
-
export declare const CameraDeviceSelector: (props: CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
22
|
+
export declare const CameraDeviceSelector: ({ className, ...props }: CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
22
23
|
export declare const CameraFullscreenButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
24
|
export declare const Camera: ((props: CameraRootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
24
25
|
Root: typeof CameraRoot;
|
|
25
26
|
ShutterButton: typeof CameraShutterButton;
|
|
26
|
-
DeviceSelector: (props: CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
27
|
+
DeviceSelector: ({ className, ...props }: CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
27
28
|
FullscreenButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
29
|
};
|
|
@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
import { Button as BaseButton, } from '@base-ui/react/button';
|
|
15
|
-
import classNames from 'clsx';
|
|
15
|
+
import classNames, { clsx } from 'clsx';
|
|
16
16
|
import { createContext, useContext, useEffect, useRef, useState, } from 'react';
|
|
17
17
|
import { withClassName } from '../../hooks.js';
|
|
18
18
|
import { Button } from '../button/index.js';
|
|
@@ -123,7 +123,7 @@ export function CameraRoot(_a) {
|
|
|
123
123
|
selectDeviceId: setSelectedDeviceId,
|
|
124
124
|
setFullscreen,
|
|
125
125
|
fullscreen,
|
|
126
|
-
}, children: _jsxs("div", Object.assign({ ref: ref, className: classNames('override-light', 'layer-components:[font-family:inherit] layer-components:
|
|
126
|
+
}, children: _jsxs("div", Object.assign({ ref: ref, className: classNames('override-light', 'layer-components:[font-family:inherit] layer-components:relative layer-components:min-h-4 layer-components:min-w-4 layer-components:overflow-hidden layer-components:rounded-lg layer-components:color-white layer-components:bg-black', fullscreen && 'fixed inset-0 z-1000 h-full w-full rounded-none', className) }, rest, { children: [_jsx("video", { ref: videoRef, className: "h-full w-full object-cover", autoPlay: true, muted: true, playsInline: true }), children] })) }));
|
|
127
127
|
}
|
|
128
128
|
export function CameraShutterButton(_a) {
|
|
129
129
|
var { onClick, ref } = _a, rest = __rest(_a, ["onClick", "ref"]);
|
|
@@ -134,7 +134,8 @@ export function CameraShutterButton(_a) {
|
|
|
134
134
|
} }, rest)));
|
|
135
135
|
}
|
|
136
136
|
const StyledShutterButton = withClassName(BaseButton, 'absolute bottom-3 left-1/2 -translate-x-1/2 w-16 h-16 bg-white rounded-full cursor-pointer border-2 border-black border-solid ring-2 ring-white opacity-80', 'hover:bg-gray-wash hover:opacity-100', 'focus-visible:bg-lighten-1', 'focus:ring-accent focus:outline-none focus:opacity-100', 'sm:w-8 sm:h-8');
|
|
137
|
-
export const CameraDeviceSelector = (
|
|
137
|
+
export const CameraDeviceSelector = (_a) => {
|
|
138
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
138
139
|
const { devices, selectDeviceId, selectedDeviceId } = useContext(CameraContext);
|
|
139
140
|
const swapCamera = () => {
|
|
140
141
|
if (selectedDeviceId) {
|
|
@@ -151,13 +152,13 @@ export const CameraDeviceSelector = (props) => {
|
|
|
151
152
|
if (!devices.length || devices.length === 1)
|
|
152
153
|
return null;
|
|
153
154
|
if (devices.length === 2) {
|
|
154
|
-
return (_jsx(Button, { emphasis: "ghost", className:
|
|
155
|
+
return (_jsx(Button, Object.assign({ emphasis: "ghost", className: clsx('layer-components:absolute layer-components:bottom-2 layer-components:left-2 layer-components:color-white', className), onClick: swapCamera }, props, { children: _jsx(Icon, { name: "refresh" }) })));
|
|
155
156
|
}
|
|
156
|
-
return (_jsxs(Select, { value: selectedDeviceId || 'default', onValueChange: selectDeviceId, children: [_jsx(Select.Trigger, { render: _jsx(Button, { emphasis: "ghost", className:
|
|
157
|
+
return (_jsxs(Select, Object.assign({ value: selectedDeviceId || 'default', onValueChange: selectDeviceId }, props, { children: [_jsx(Select.Trigger, { render: _jsx(Button, { emphasis: "ghost", className: clsx('layer-components:absolute layer-components:bottom-2 layer-components:left-2 layer-components:color-white', className), children: _jsx(Icon, { name: "refresh" }) }) }), _jsx(SelectContent, { children: devices.map((device) => (_jsx(SelectItem, { value: device.deviceId, children: device.label }, device.deviceId))) })] })));
|
|
157
158
|
};
|
|
158
159
|
export const CameraFullscreenButton = (props) => {
|
|
159
160
|
const { setFullscreen, fullscreen } = useContext(CameraContext);
|
|
160
|
-
return (_jsx(Button, Object.assign({}, props, { emphasis: "ghost", className: "absolute
|
|
161
|
+
return (_jsx(Button, Object.assign({}, props, { emphasis: "ghost", className: "absolute right-2 top-2 color-white", onClick: () => setFullscreen(!fullscreen), children: _jsx(Icon, { name: fullscreen ? 'x' : 'maximize' }) })));
|
|
161
162
|
};
|
|
162
163
|
const CameraBase = (props) => {
|
|
163
164
|
return (_jsxs(CameraRoot, Object.assign({}, props, { children: [_jsx(CameraShutterButton, {}), _jsx(CameraDeviceSelector, {}), _jsx(CameraFullscreenButton, {})] })));
|
|
@@ -170,16 +171,16 @@ export const Camera = Object.assign(CameraBase, {
|
|
|
170
171
|
});
|
|
171
172
|
function dataURItoFile(dataURI) {
|
|
172
173
|
// convert base64/URLEncoded data component to raw binary data held in a string
|
|
173
|
-
|
|
174
|
+
let byteString;
|
|
174
175
|
if (dataURI.split(',')[0].indexOf('base64') >= 0)
|
|
175
176
|
byteString = atob(dataURI.split(',')[1]);
|
|
176
177
|
else
|
|
177
178
|
byteString = unescape(dataURI.split(',')[1]);
|
|
178
179
|
// separate out the mime component
|
|
179
|
-
|
|
180
|
+
const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
|
|
180
181
|
// write the bytes of the string to a typed array
|
|
181
|
-
|
|
182
|
-
for (
|
|
182
|
+
const ia = new Uint8Array(byteString.length);
|
|
183
|
+
for (let i = 0; i < byteString.length; i++) {
|
|
183
184
|
ia[i] = byteString.charCodeAt(i);
|
|
184
185
|
}
|
|
185
186
|
const fileExt = mimeString.split('/')[1];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,MAAM,IAAI,UAAU,GAEpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ declare const meta: {
|
|
|
5
5
|
component: ((props: import("./Camera.js").CameraRootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
6
6
|
Root: typeof import("./Camera.js").CameraRoot;
|
|
7
7
|
ShutterButton: typeof import("./Camera.js").CameraShutterButton;
|
|
8
|
-
DeviceSelector: (props: import("./Camera.js").CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
DeviceSelector: ({ className, ...props }: import("./Camera.js").CameraDeviceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
9
9
|
FullscreenButton: (props: import("../index.js").ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
};
|
|
11
11
|
argTypes: {};
|
|
@@ -25,6 +25,6 @@ export const BackCamera = {
|
|
|
25
25
|
function CameraDemo({ facingMode }) {
|
|
26
26
|
const [latest, setLatest] = useState();
|
|
27
27
|
const dataUri = useMemo(() => (latest ? URL.createObjectURL(latest) : undefined), [latest]);
|
|
28
|
-
return (_jsxs("div", { children: [_jsx(Camera, { facingMode: facingMode, onCapture: setLatest, className: "
|
|
28
|
+
return (_jsxs("div", { children: [_jsx(Camera, { facingMode: facingMode, onCapture: setLatest, className: "h-64 w-64" }), latest && _jsx("img", { src: dataUri, className: "w-full" })] }));
|
|
29
29
|
}
|
|
30
30
|
//# sourceMappingURL=Camera.stories.js.map
|
|
@@ -23,8 +23,8 @@ export function CardMain(_a) {
|
|
|
23
23
|
var { className, compact, nonInteractive, ref, style, children, visuallyDisabled, visuallyFocused, render } = _a, rest = __rest(_a, ["className", "compact", "nonInteractive", "ref", "style", "children", "visuallyDisabled", "visuallyFocused", "render"]);
|
|
24
24
|
const isInteractive = !nonInteractive && (!!render || !!rest.onClick);
|
|
25
25
|
const scaleStyles = useGroupScaleStyles(style);
|
|
26
|
-
const rootProps = Object.assign(Object.assign({}, rest), { className: classNames('layer-components:
|
|
27
|
-
classNames('layer-components:cursor-pointer', 'layer-components:hover:
|
|
26
|
+
const rootProps = Object.assign(Object.assign({}, rest), { className: classNames('layer-components:min-h-40px layer-components:flex layer-components:flex-1 layer-components:flex-col layer-components:items-start layer-components:gap-1 layer-components:pb-xs layer-components:transition layer-components:bg-transparent', 'layer-components:relative layer-components:z-1 layer-components:rounded-t-md layer-components:border-none layer-components:p-0 layer-components:text-start layer-components:text-sm layer-components:text-inherit layer-components:font-inherit layer-components:outline-none', !!compact && 'layer-variants:pb-0', isInteractive &&
|
|
27
|
+
classNames('layer-components:cursor-pointer', 'layer-components:hover:color-black layer-components:hover:bg-black/10', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-inset layer-components:focus-visible:bg-black/10 layer-components:focus-visible:ring-accent', 'layer-components:data-[visually-focused]:ring-4 layer-components:data-[visually-focused]:ring-inset layer-components:data-[visually-focused]:bg-black/10 layer-components:data-[visually-focused]:ring-accent', 'layer-components:disabled:cursor-default', 'layer-components:data-[visually-disabled]:cursor-default'), className), style: scaleStyles, children });
|
|
28
28
|
const root = useRender({
|
|
29
29
|
defaultTagName: isInteractive ? 'button' : 'div',
|
|
30
30
|
props: rootProps,
|
|
@@ -31,7 +31,7 @@ export const AsChildNonInteractive = {
|
|
|
31
31
|
};
|
|
32
32
|
export const Grid = {
|
|
33
33
|
render: () => {
|
|
34
|
-
const [sizes, setSizes] = useState(() => Array.from({ length: 40 }, (
|
|
34
|
+
const [sizes, setSizes] = useState(() => Array.from({ length: 40 }, () => 50 + Math.floor(Math.random() * 300)));
|
|
35
35
|
const remove = (index) => setSizes((v) => v.filter((_, i) => i !== index));
|
|
36
36
|
const resize = (index) => setSizes((v) => {
|
|
37
37
|
const size = 50 + Math.floor(Math.random() * 300);
|
|
@@ -42,7 +42,7 @@ export const Grid = {
|
|
|
42
42
|
};
|
|
43
43
|
export const GridCompact = {
|
|
44
44
|
render: () => {
|
|
45
|
-
const [sizes, setSizes] = useState(() => Array.from({ length: 40 }, (
|
|
45
|
+
const [sizes, setSizes] = useState(() => Array.from({ length: 40 }, () => 50 + Math.floor(Math.random() * 300)));
|
|
46
46
|
const remove = (index) => setSizes((v) => v.filter((_, i) => i !== index));
|
|
47
47
|
return (_jsx(Card.Grid, { columns: cardGridColumns.small, children: sizes.map((size, i) => (_jsx(GridCard, { size: size, remove: () => remove(i) }, i))) }));
|
|
48
48
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,9 +17,9 @@ import classNames from 'clsx';
|
|
|
17
17
|
import { Icon } from '../icon/Icon.js';
|
|
18
18
|
export function CheckboxRoot(_a) {
|
|
19
19
|
var { className, checkedMode = 'prominent' } = _a, props = __rest(_a, ["className", "checkedMode"]);
|
|
20
|
-
return (_jsx(BaseCheckbox.Root, Object.assign({}, props, { className: classNames('layer-components:block layer-components:
|
|
21
|
-
? 'layer-components:data-[checked]:
|
|
22
|
-
: 'layer-components:data-[checked]:bg-main layer-components:data-[checked]:border-main-ink', 'layer-components:[&:hover:not(:disabled)]:
|
|
20
|
+
return (_jsx(BaseCheckbox.Root, Object.assign({}, props, { className: classNames('layer-components:relative layer-components:block layer-components:h-28px layer-components:w-28px layer-components:flex-shrink-0 layer-components:cursor-pointer layer-components:border layer-components:border-default layer-components:rounded-lg layer-components:shadow-sm layer-components:transition-all layer-components:bg-white', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', checkedMode === 'faded'
|
|
21
|
+
? 'layer-components:data-[checked]:animate-checkbox-fade layer-components:data-[checked]:animate-forwards layer-components:data-[checked]:bg-main'
|
|
22
|
+
: 'layer-components:data-[checked]:bg-main layer-components:data-[checked]:border-main-ink', 'layer-components:[&:hover:not(:disabled)]:ring-2 layer-components:[&:hover:not(:disabled)]:bg-lighten-2 layer-components:[&:hover:not(:disabled)]:ring-bg', 'layer-components:[&:active:not(:disabled)]:ring-4 layer-components:[&:active:not(:disabled)]:bg-darken-1', 'layer-components:[&:disabled]:shadow-none layer-components:[&:disabled]:bg-transparent layer-components:[&:disabled]:border-gray-light', className) })));
|
|
23
23
|
}
|
|
24
24
|
export function CheckboxIndicator(_a) {
|
|
25
25
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
@@ -15,6 +15,6 @@ import classNames from 'clsx';
|
|
|
15
15
|
import { SlotDiv } from '../utility/SlotDiv.js';
|
|
16
16
|
export function Chip(_a) {
|
|
17
17
|
var { className, color } = _a, rest = __rest(_a, ["className", "color"]);
|
|
18
|
-
return (_jsx(SlotDiv, Object.assign({ className: classNames(color && `palette-${color}`, 'layer-composed:inline-flex layer-composed:flex-row layer-composed:
|
|
18
|
+
return (_jsx(SlotDiv, Object.assign({ className: classNames(color && `palette-${color}`, 'layer-composed:inline-flex layer-composed:flex-row layer-composed:items-center layer-composed:gap-1 layer-composed:whitespace-nowrap layer-composed:font-normal', 'layer-composed:border layer-composed:border-light layer-composed:rounded-lg layer-composed:border-solid layer-composed:color-contrast layer-composed:bg-main-wash', 'layer-composed:px-sm layer-composed:py-xs layer-composed:text-xs', className), role: rest.onClick ? 'button' : undefined }, rest)));
|
|
19
19
|
}
|
|
20
20
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -26,6 +26,6 @@ export function ColorPicker(_a) {
|
|
|
26
26
|
const ItemLabel = withClassName('span', 'sr-only');
|
|
27
27
|
export function ColorSwatch(_a) {
|
|
28
28
|
var { value, children, className } = _a, rest = __rest(_a, ["value", "children", "className"]);
|
|
29
|
-
return (_jsx("div", Object.assign({ className: classNames('
|
|
29
|
+
return (_jsx("div", Object.assign({ className: classNames('h-16px w-16px rounded-sm bg-main', `palette-${value !== null && value !== void 0 ? value : 'lemon'}`, className) }, rest, { children: children })));
|
|
30
30
|
}
|
|
31
31
|
//# sourceMappingURL=ColorPicker.js.map
|
|
@@ -18,7 +18,7 @@ import { GroupScaleReset } from '../../systems/GroupScale.js';
|
|
|
18
18
|
export const ContextMenuRoot = BaseContextMenu.Root;
|
|
19
19
|
export const ContextMenuContent = function Content(_a) {
|
|
20
20
|
var { ref, className, onClick } = _a, props = __rest(_a, ["ref", "className", "onClick"]);
|
|
21
|
-
return (_jsx(BaseContextMenu.Portal, { children: _jsx(BaseContextMenu.Positioner, { alignOffset: -10, children: _jsx(GroupScaleReset, { children: _jsx(BaseContextMenu.Popup, Object.assign({ className: classNames('layer-components:
|
|
21
|
+
return (_jsx(BaseContextMenu.Portal, { children: _jsx(BaseContextMenu.Positioner, { alignOffset: -10, children: _jsx(GroupScaleReset, { children: _jsx(BaseContextMenu.Popup, Object.assign({ className: classNames('layer-components:z-menu layer-components:min-w-120px layer-components:overflow-hidden layer-components:border layer-components:rounded-md layer-components:shadow-md layer-components:bg-white layer-components:border-gray-dark', 'layer-components:transform-origin-[var(--transform-origin)]', 'layer-components:data-[starting-style]:scale-95 layer-components:data-[starting-style]:opacity-0', 'layer-components:data-[ending-style]:scale-95 layer-components:data-[ending-style]:opacity-0', 'layer-components:overflow-y-auto layer-components:overflow-unstable', 'important:motion-reduce:animate-none', 'layer-components:max-h-[--available-height] layer-components:max-w-[--available-width]', className), onClick: (ev) => {
|
|
22
22
|
ev.stopPropagation();
|
|
23
23
|
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
24
24
|
}, ref: ref }, props)) }) }) }));
|
|
@@ -2,7 +2,7 @@ import { CalendarDays } from 'calendar-blocks';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { PaletteName } from '../../uno/index.js';
|
|
4
4
|
import { CalendarGrid } from './Calendar.js';
|
|
5
|
-
declare function DatePickerMonthControls(
|
|
5
|
+
declare function DatePickerMonthControls(): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
declare function DatePickerRoot({ className, color, value, onChange, children, ...rest }: DatePickerProps & {
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -16,7 +16,7 @@ import { clsx } from 'clsx';
|
|
|
16
16
|
import { useState } from 'react';
|
|
17
17
|
import { Icon } from '../icon/index.js';
|
|
18
18
|
import { CalendarDay, CalendarGrid, DayLabels, MonthButton, MonthLabel, MonthRow, } from './Calendar.js';
|
|
19
|
-
function DatePickerMonthControls(
|
|
19
|
+
function DatePickerMonthControls() {
|
|
20
20
|
const { setDisplayInfo, month, year } = useCalendarContext();
|
|
21
21
|
const monthLabel = new Date(year, month).toLocaleDateString('en-US', {
|
|
22
22
|
month: 'long',
|
|
@@ -36,7 +36,7 @@ function DatePickerRoot(_a) {
|
|
|
36
36
|
month: new Date().getMonth(),
|
|
37
37
|
year: new Date().getFullYear(),
|
|
38
38
|
}));
|
|
39
|
-
return (_jsx("div", Object.assign({ className: clsx(color && `palette-${color}`, 'layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center
|
|
39
|
+
return (_jsx("div", Object.assign({ className: clsx(color && `palette-${color}`, 'layer-components:w-[calc(var(--day-size,32px)*7)] layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center', className) }, rest, { children: _jsx(Calendar, { displayMonth: month, displayYear: year, value: value, onChange: onChange, onDisplayChange: setDisplay, children: children }) })));
|
|
40
40
|
}
|
|
41
41
|
function DatePickerDefault(props) {
|
|
42
42
|
return (_jsxs(DatePickerRoot, Object.assign({}, props, { children: [_jsx(DatePickerMonthControls, {}), _jsx(CalendarGrid, { children: (value) => _jsx(CalendarDay, { value: value }, value.key) })] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACN,WAAW,EACX,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,QAAQ,GACR,MAAM,eAAe,CAAC;AAEvB,SAAS,uBAAuB
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACN,WAAW,EACX,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,QAAQ,GACR,MAAM,eAAe,CAAC;AAEvB,SAAS,uBAAuB;IAC/B,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC7D,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE;QACpE,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,SAAS;KACf,CAAC,CAAC;IAEH,OAAO,CACN,MAAC,QAAQ,eACR,KAAC,WAAW,IACX,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CACb,cAAc,CAAC;oBACd,KAAK,EAAE,KAAK,GAAG,CAAC;oBAChB,IAAI,EAAE,IAAI;iBACV,CAAC,YAGH,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,GACZ,EACd,KAAC,UAAU,cAAE,UAAU,GAAc,EACrC,KAAC,WAAW,IACX,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE,CACb,cAAc,CAAC;oBACd,KAAK,EAAE,KAAK,GAAG,CAAC;oBAChB,IAAI,EAAE,IAAI;iBACV,CAAC,YAGH,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACb,IACJ,CACX,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EASvB;QATuB,EACvB,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,OAIR,EAHG,IAAI,cANgB,uDAOvB,CADO;IAIP,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QACrD,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE;QAC5B,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;KAC9B,CAAC,CAAC,CAAC;IAEJ,OAAO,CACN,4BACC,SAAS,EAAE,IAAI,CACd,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,+FAA+F,EAC/F,SAAS,CACT,IACG,IAAI,cAER,KAAC,QAAQ,IACR,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,UAAU,YAE1B,QAAQ,GACC,IACN,CACN,CAAC;AACH,CAAC;AASD,SAAS,iBAAiB,CAAC,KAAsB;IAChD,OAAO,CACN,MAAC,cAAc,oBAAK,KAAK,eACxB,KAAC,uBAAuB,KAAG,EAC3B,KAAC,YAAY,cACX,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,IAAO,KAAK,CAAC,GAAG,CAAI,GAC3C,KACC,CACjB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,iBAAiB,EAAE;IAC1D,IAAI,EAAE,cAAc;IACpB,QAAQ;IACR,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,SAAS;IACT,aAAa,EAAE,uBAAuB;IACtC,WAAW;IACX,UAAU;IACV,QAAQ;CACR,CAAC,CAAC"}
|
|
@@ -32,7 +32,7 @@ declare const meta: {
|
|
|
32
32
|
CalendarDays: typeof import("calendar-blocks").CalendarDays;
|
|
33
33
|
CalendarGrid: typeof import("./Calendar.js").CalendarGrid;
|
|
34
34
|
DayLabels: () => import("react/jsx-runtime").JSX.Element;
|
|
35
|
-
MonthControls: (
|
|
35
|
+
MonthControls: () => import("react/jsx-runtime").JSX.Element;
|
|
36
36
|
MonthButton: import("react").FunctionComponent<import("../index.js").ButtonProps>;
|
|
37
37
|
MonthLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
|
|
38
38
|
MonthRow: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
@@ -25,12 +25,12 @@ export declare const DialogClose: ({ children, render, ...props }: DialogClosePr
|
|
|
25
25
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
26
26
|
export type { DialogRootProps as DialogProps } from '@base-ui/react/dialog';
|
|
27
27
|
export declare const DialogActions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
28
|
-
export declare const DialogSelectTrigger: ({
|
|
28
|
+
export declare const DialogSelectTrigger: ({ children, className, ...props }: DialogTriggerProps & {
|
|
29
29
|
ref?: React.Ref<HTMLButtonElement>;
|
|
30
30
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
31
31
|
export declare const DialogSelectList: import("react").FunctionComponent<import("@base-ui/react/radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
32
32
|
export declare const DialogSelectItemRoot: import("react").FunctionComponent<import("@base-ui/react/radio").RadioRootProps & import("react").RefAttributes<HTMLElement>>;
|
|
33
|
-
export declare const DialogSelectItem: ({
|
|
33
|
+
export declare const DialogSelectItem: ({ children, ...props }: ComponentPropsWithoutRef<typeof DialogSelectItemRoot> & {
|
|
34
34
|
ref?: React.Ref<HTMLButtonElement>;
|
|
35
35
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
36
36
|
export declare const Dialog: ((props: DialogRootProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
@@ -42,11 +42,11 @@ export declare const Dialog: ((props: DialogRootProps) => import("react/jsx-runt
|
|
|
42
42
|
ref?: React.Ref<HTMLButtonElement>;
|
|
43
43
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
44
44
|
Actions: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
|
|
45
|
-
SelectTrigger: ({
|
|
45
|
+
SelectTrigger: ({ children, className, ...props }: DialogTriggerProps & {
|
|
46
46
|
ref?: React.Ref<HTMLButtonElement>;
|
|
47
47
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
48
48
|
SelectList: import("react").FunctionComponent<import("@base-ui/react/radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
49
|
-
SelectItem: ({
|
|
49
|
+
SelectItem: ({ children, ...props }: ComponentPropsWithoutRef<typeof DialogSelectItemRoot> & {
|
|
50
50
|
ref?: React.Ref<HTMLButtonElement>;
|
|
51
51
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
52
52
|
};
|