@youcan/celeste 0.6.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/LICENSE +9 -0
- package/dist/celeste.css +3564 -0
- package/dist/cjs/alert.js +111 -0
- package/dist/cjs/alpha-slider.js +3 -0
- package/dist/cjs/badge.js +55 -0
- package/dist/cjs/button.js +39 -0
- package/dist/cjs/checkbox.js +3 -0
- package/dist/cjs/chunks/_plugin-vue_export-helper.js +9 -0
- package/dist/cjs/chunks/alpha-slider.js +127 -0
- package/dist/cjs/chunks/checkbox.vue_vue_type_style_index_0_lang.js +38 -0
- package/dist/cjs/chunks/clsx.js +15 -0
- package/dist/cjs/chunks/content-divider.vue_vue_type_style_index_0_lang.js +52 -0
- package/dist/cjs/chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js +51 -0
- package/dist/cjs/chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js +49 -0
- package/dist/cjs/chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js +32 -0
- package/dist/cjs/chunks/dropdown-menu-sub.js +25 -0
- package/dist/cjs/chunks/index.js +9056 -0
- package/dist/cjs/chunks/modal-close.js +22 -0
- package/dist/cjs/chunks/modal-trigger.js +22 -0
- package/dist/cjs/chunks/modal.js +26 -0
- package/dist/cjs/chunks/popover.js +26 -0
- package/dist/cjs/chunks/scroll-area.js +41 -0
- package/dist/cjs/chunks/select-group.js +22 -0
- package/dist/cjs/chunks/select.js +38 -0
- package/dist/cjs/chunks/slider.vue_vue_type_style_index_0_lang.js +52 -0
- package/dist/cjs/chunks/switch.vue_vue_type_style_index_0_lang.js +38 -0
- package/dist/cjs/chunks/use-color-model.js +992 -0
- package/dist/cjs/color-area.js +175 -0
- package/dist/cjs/color-picker.js +515 -0
- package/dist/cjs/color-swatch.js +59 -0
- package/dist/cjs/color.js +102 -0
- package/dist/cjs/command-group.js +41 -0
- package/dist/cjs/command-input.js +45 -0
- package/dist/cjs/command-item.js +34 -0
- package/dist/cjs/command-list.js +52 -0
- package/dist/cjs/command-root.js +45 -0
- package/dist/cjs/command-separator.js +32 -0
- package/dist/cjs/compact-button.js +42 -0
- package/dist/cjs/content-divider.js +3 -0
- package/dist/cjs/context-menu-item.js +134 -0
- package/dist/cjs/crypto.js +8 -0
- package/dist/cjs/dropdown-item.js +99 -0
- package/dist/cjs/dropdown-menu-content.js +3 -0
- package/dist/cjs/dropdown-menu-group.js +24 -0
- package/dist/cjs/dropdown-menu-item.js +68 -0
- package/dist/cjs/dropdown-menu-label.js +31 -0
- package/dist/cjs/dropdown-menu-separator.js +25 -0
- package/dist/cjs/dropdown-menu-sub-content.js +3 -0
- package/dist/cjs/dropdown-menu-sub-trigger.js +3 -0
- package/dist/cjs/dropdown-menu-sub.js +3 -0
- package/dist/cjs/dropdown-menu-trigger.js +26 -0
- package/dist/cjs/dropdown-menu.js +32 -0
- package/dist/cjs/dropdown.js +284 -0
- package/dist/cjs/fancy-button.js +38 -0
- package/dist/cjs/hint-text.js +36 -0
- package/dist/cjs/hue-slider.js +133 -0
- package/dist/cjs/index.js +190 -0
- package/dist/cjs/label.js +55 -0
- package/dist/cjs/link-button.js +44 -0
- package/dist/cjs/modal-body.js +22 -0
- package/dist/cjs/modal-close.js +3 -0
- package/dist/cjs/modal-content.js +48 -0
- package/dist/cjs/modal-footer.js +22 -0
- package/dist/cjs/modal-header.js +81 -0
- package/dist/cjs/modal-trigger.js +3 -0
- package/dist/cjs/modal.js +3 -0
- package/dist/cjs/popover-content.js +104 -0
- package/dist/cjs/popover-trigger.js +24 -0
- package/dist/cjs/popover.js +3 -0
- package/dist/cjs/scroll-area.js +3 -0
- package/dist/cjs/scroll-bar.js +39 -0
- package/dist/cjs/segmented-control-item.js +41 -0
- package/dist/cjs/segmented-control.js +40 -0
- package/dist/cjs/select-content.js +61 -0
- package/dist/cjs/select-group.js +3 -0
- package/dist/cjs/select-icon.js +25 -0
- package/dist/cjs/select-item.js +44 -0
- package/dist/cjs/select-label.js +32 -0
- package/dist/cjs/select-separator.js +26 -0
- package/dist/cjs/select-trigger.js +40 -0
- package/dist/cjs/select-value.js +31 -0
- package/dist/cjs/select.js +3 -0
- package/dist/cjs/shims.js +1 -0
- package/dist/cjs/slider.js +3 -0
- package/dist/cjs/social-button.js +45 -0
- package/dist/cjs/status-badge.js +49 -0
- package/dist/cjs/switch.js +3 -0
- package/dist/cjs/tab-menu-content.js +32 -0
- package/dist/cjs/tab-menu-item.js +44 -0
- package/dist/cjs/tab-menu-list.js +34 -0
- package/dist/cjs/tab-menu.js +32 -0
- package/dist/cjs/text-input-affix.js +28 -0
- package/dist/cjs/text-input-button.js +32 -0
- package/dist/cjs/text-input-icon.js +29 -0
- package/dist/cjs/text-input.js +41 -0
- package/dist/cjs/textarea.js +56 -0
- package/dist/cjs/tooltip.js +115 -0
- package/dist/cjs/use-color-model.js +6 -0
- package/dist/cjs/use-delegated-props.js +14 -0
- package/dist/cjs/use-user-select.js +39 -0
- package/dist/components/alert/alert.d.ts +30 -0
- package/dist/components/alert/index.d.ts +2 -0
- package/dist/components/badge/badge.d.ts +17 -0
- package/dist/components/badge/index.d.ts +4 -0
- package/dist/components/badge/status-badge.d.ts +13 -0
- package/dist/components/button/button.d.ts +22 -0
- package/dist/components/button/compact-button.d.ts +15 -0
- package/dist/components/button/fancy-button.d.ts +20 -0
- package/dist/components/button/index.d.ts +10 -0
- package/dist/components/button/link-button.d.ts +22 -0
- package/dist/components/button/social-button.d.ts +10 -0
- package/dist/components/checkbox/checkbox.d.ts +11 -0
- package/dist/components/checkbox/index.d.ts +2 -0
- package/dist/components/color-picker/alpha-slider.d.ts +15 -0
- package/dist/components/color-picker/color-area.d.ts +9 -0
- package/dist/components/color-picker/color-picker.d.ts +47 -0
- package/dist/components/color-picker/color-swatch.d.ts +19 -0
- package/dist/components/color-picker/composable/use-color-model.d.ts +7 -0
- package/dist/components/color-picker/composable/use-user-select.d.ts +8 -0
- package/dist/components/color-picker/hue-slider.d.ts +14 -0
- package/dist/components/color-picker/index.d.ts +10 -0
- package/dist/components/content-divider/content-divider.d.ts +10 -0
- package/dist/components/content-divider/index.d.ts +2 -0
- package/dist/components/dropdown/context-menu-item.d.ts +39 -0
- package/dist/components/dropdown/dropdown-item.d.ts +30 -0
- package/dist/components/dropdown/dropdown.d.ts +51 -0
- package/dist/components/dropdown/index.d.ts +6 -0
- package/dist/components/dropdown-menu/dropdown-menu-content.d.ts +36 -0
- package/dist/components/dropdown-menu/dropdown-menu-group.d.ts +18 -0
- package/dist/components/dropdown-menu/dropdown-menu-item.d.ts +26 -0
- package/dist/components/dropdown-menu/dropdown-menu-label.d.ts +22 -0
- package/dist/components/dropdown-menu/dropdown-menu-separator.d.ts +7 -0
- package/dist/components/dropdown-menu/dropdown-menu-sub-content.d.ts +38 -0
- package/dist/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts +22 -0
- package/dist/components/dropdown-menu/dropdown-menu-sub.d.ts +22 -0
- package/dist/components/dropdown-menu/dropdown-menu-trigger.d.ts +18 -0
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +18 -0
- package/dist/components/dropdown-menu/index.d.ts +20 -0
- package/dist/components/hint-text/hint-text.d.ts +11 -0
- package/dist/components/hint-text/index.d.ts +2 -0
- package/dist/components/index.d.ts +20 -0
- package/dist/components/label/index.d.ts +2 -0
- package/dist/components/label/label.d.ts +29 -0
- package/dist/components/modal/index.d.ts +14 -0
- package/dist/components/modal/modal-body.d.ts +21 -0
- package/dist/components/modal/modal-close.d.ts +18 -0
- package/dist/components/modal/modal-content.d.ts +37 -0
- package/dist/components/modal/modal-footer.d.ts +21 -0
- package/dist/components/modal/modal-header.d.ts +16 -0
- package/dist/components/modal/modal-trigger.d.ts +18 -0
- package/dist/components/modal/modal.d.ts +22 -0
- package/dist/components/popover/index.d.ts +6 -0
- package/dist/components/popover/popover-content.d.ts +41 -0
- package/dist/components/popover/popover-trigger.d.ts +18 -0
- package/dist/components/popover/popover.d.ts +22 -0
- package/dist/components/scroll-area/index.d.ts +2 -0
- package/dist/components/scroll-area/scroll-area.d.ts +22 -0
- package/dist/components/scroll-area/scroll-bar.d.ts +9 -0
- package/dist/components/segmented-control/index.d.ts +4 -0
- package/dist/components/segmented-control/segmented-control-item.d.ts +22 -0
- package/dist/components/segmented-control/segmented-control.d.ts +26 -0
- package/dist/components/select/index.d.ts +18 -0
- package/dist/components/select/select-content.d.ts +33 -0
- package/dist/components/select/select-group.d.ts +18 -0
- package/dist/components/select/select-icon.d.ts +21 -0
- package/dist/components/select/select-item.d.ts +22 -0
- package/dist/components/select/select-label.d.ts +22 -0
- package/dist/components/select/select-separator.d.ts +7 -0
- package/dist/components/select/select-trigger.d.ts +28 -0
- package/dist/components/select/select-value.d.ts +22 -0
- package/dist/components/select/select.d.ts +28 -0
- package/dist/components/slider/index.d.ts +2 -0
- package/dist/components/slider/slider.d.ts +13 -0
- package/dist/components/switch/index.d.ts +2 -0
- package/dist/components/switch/switch.d.ts +11 -0
- package/dist/components/tab-menu/index.d.ts +8 -0
- package/dist/components/tab-menu/tab-menu-content.d.ts +22 -0
- package/dist/components/tab-menu/tab-menu-item.d.ts +24 -0
- package/dist/components/tab-menu/tab-menu-list.d.ts +22 -0
- package/dist/components/tab-menu/tab-menu.d.ts +23 -0
- package/dist/components/text-input/index.d.ts +8 -0
- package/dist/components/text-input/text-input-affix.d.ts +26 -0
- package/dist/components/text-input/text-input-button.d.ts +23 -0
- package/dist/components/text-input/text-input-icon.d.ts +10 -0
- package/dist/components/text-input/text-input.d.ts +27 -0
- package/dist/components/textarea/index.d.ts +2 -0
- package/dist/components/textarea/textarea.d.ts +22 -0
- package/dist/components/tooltip/index.d.ts +2 -0
- package/dist/components/tooltip/tooltip.d.ts +29 -0
- package/dist/composables/use-delegated-props.d.ts +2 -0
- package/dist/es/alert.js +112 -0
- package/dist/es/alpha-slider.js +4 -0
- package/dist/es/badge.js +56 -0
- package/dist/es/button.js +40 -0
- package/dist/es/checkbox.js +4 -0
- package/dist/es/chunks/_plugin-vue_export-helper.js +10 -0
- package/dist/es/chunks/alpha-slider.js +128 -0
- package/dist/es/chunks/checkbox.vue_vue_type_style_index_0_lang.js +39 -0
- package/dist/es/chunks/clsx.js +16 -0
- package/dist/es/chunks/content-divider.vue_vue_type_style_index_0_lang.js +53 -0
- package/dist/es/chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js +52 -0
- package/dist/es/chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js +50 -0
- package/dist/es/chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js +33 -0
- package/dist/es/chunks/dropdown-menu-sub.js +26 -0
- package/dist/es/chunks/index.js +9041 -0
- package/dist/es/chunks/modal-close.js +23 -0
- package/dist/es/chunks/modal-trigger.js +23 -0
- package/dist/es/chunks/modal.js +27 -0
- package/dist/es/chunks/popover.js +27 -0
- package/dist/es/chunks/scroll-area.js +42 -0
- package/dist/es/chunks/select-group.js +23 -0
- package/dist/es/chunks/select.js +39 -0
- package/dist/es/chunks/slider.vue_vue_type_style_index_0_lang.js +53 -0
- package/dist/es/chunks/switch.vue_vue_type_style_index_0_lang.js +39 -0
- package/dist/es/chunks/use-color-model.js +993 -0
- package/dist/es/color-area.js +176 -0
- package/dist/es/color-picker.js +516 -0
- package/dist/es/color-swatch.js +60 -0
- package/dist/es/color.js +102 -0
- package/dist/es/command-group.js +42 -0
- package/dist/es/command-input.js +46 -0
- package/dist/es/command-item.js +35 -0
- package/dist/es/command-list.js +53 -0
- package/dist/es/command-root.js +46 -0
- package/dist/es/command-separator.js +33 -0
- package/dist/es/compact-button.js +43 -0
- package/dist/es/content-divider.js +4 -0
- package/dist/es/context-menu-item.js +135 -0
- package/dist/es/crypto.js +8 -0
- package/dist/es/dropdown-item.js +100 -0
- package/dist/es/dropdown-menu-content.js +4 -0
- package/dist/es/dropdown-menu-group.js +25 -0
- package/dist/es/dropdown-menu-item.js +69 -0
- package/dist/es/dropdown-menu-label.js +32 -0
- package/dist/es/dropdown-menu-separator.js +26 -0
- package/dist/es/dropdown-menu-sub-content.js +4 -0
- package/dist/es/dropdown-menu-sub-trigger.js +4 -0
- package/dist/es/dropdown-menu-sub.js +4 -0
- package/dist/es/dropdown-menu-trigger.js +27 -0
- package/dist/es/dropdown-menu.js +33 -0
- package/dist/es/dropdown.js +285 -0
- package/dist/es/fancy-button.js +39 -0
- package/dist/es/hint-text.js +37 -0
- package/dist/es/hue-slider.js +134 -0
- package/dist/es/index.js +190 -0
- package/dist/es/label.js +56 -0
- package/dist/es/link-button.js +45 -0
- package/dist/es/modal-body.js +23 -0
- package/dist/es/modal-close.js +4 -0
- package/dist/es/modal-content.js +49 -0
- package/dist/es/modal-footer.js +23 -0
- package/dist/es/modal-header.js +82 -0
- package/dist/es/modal-trigger.js +4 -0
- package/dist/es/modal.js +4 -0
- package/dist/es/popover-content.js +105 -0
- package/dist/es/popover-trigger.js +25 -0
- package/dist/es/popover.js +4 -0
- package/dist/es/scroll-area.js +4 -0
- package/dist/es/scroll-bar.js +40 -0
- package/dist/es/segmented-control-item.js +42 -0
- package/dist/es/segmented-control.js +41 -0
- package/dist/es/select-content.js +62 -0
- package/dist/es/select-group.js +4 -0
- package/dist/es/select-icon.js +26 -0
- package/dist/es/select-item.js +45 -0
- package/dist/es/select-label.js +33 -0
- package/dist/es/select-separator.js +27 -0
- package/dist/es/select-trigger.js +41 -0
- package/dist/es/select-value.js +32 -0
- package/dist/es/select.js +4 -0
- package/dist/es/shims.js +1 -0
- package/dist/es/slider.js +4 -0
- package/dist/es/social-button.js +46 -0
- package/dist/es/status-badge.js +50 -0
- package/dist/es/switch.js +4 -0
- package/dist/es/tab-menu-content.js +33 -0
- package/dist/es/tab-menu-item.js +45 -0
- package/dist/es/tab-menu-list.js +35 -0
- package/dist/es/tab-menu.js +33 -0
- package/dist/es/text-input-affix.js +29 -0
- package/dist/es/text-input-button.js +33 -0
- package/dist/es/text-input-icon.js +30 -0
- package/dist/es/text-input.js +42 -0
- package/dist/es/textarea.js +57 -0
- package/dist/es/tooltip.js +116 -0
- package/dist/es/use-color-model.js +6 -0
- package/dist/es/use-delegated-props.js +14 -0
- package/dist/es/use-user-select.js +39 -0
- package/dist/index.d.ts +5 -0
- package/dist/utils/color.d.ts +26 -0
- package/dist/utils/crypto.d.ts +1 -0
- package/package.json +77 -0
- package/src/components/alert/alert.vue +312 -0
- package/src/components/alert/index.ts +2 -0
- package/src/components/alert/stories/alert.stories.ts +91 -0
- package/src/components/badge/badge.vue +131 -0
- package/src/components/badge/index.ts +5 -0
- package/src/components/badge/status-badge.vue +110 -0
- package/src/components/badge/stories/badge.stories.ts +33 -0
- package/src/components/badge/stories/status-badge.stories.ts +31 -0
- package/src/components/button/button.vue +281 -0
- package/src/components/button/compact-button.vue +126 -0
- package/src/components/button/fancy-button.vue +171 -0
- package/src/components/button/index.ts +14 -0
- package/src/components/button/link-button.vue +128 -0
- package/src/components/button/social-button.vue +130 -0
- package/src/components/button/stories/button.stories.ts +31 -0
- package/src/components/button/stories/compact-button.stories.ts +31 -0
- package/src/components/button/stories/fancy-button.stories.ts +31 -0
- package/src/components/button/stories/link-button.stories.ts +26 -0
- package/src/components/button/stories/social-button.stories.ts +29 -0
- package/src/components/checkbox/checkbox.vue +131 -0
- package/src/components/checkbox/index.ts +2 -0
- package/src/components/checkbox/stories/checkbox.stories.ts +102 -0
- package/src/components/color-picker/alpha-slider.vue +149 -0
- package/src/components/color-picker/color-area.vue +213 -0
- package/src/components/color-picker/color-picker.vue +642 -0
- package/src/components/color-picker/color-swatch.vue +98 -0
- package/src/components/color-picker/composable/use-color-model.ts +40 -0
- package/src/components/color-picker/composable/use-user-select.ts +51 -0
- package/src/components/color-picker/hue-slider.vue +156 -0
- package/src/components/color-picker/index.ts +14 -0
- package/src/components/color-picker/stories/color-picker.stories.ts +116 -0
- package/src/components/command/command-group.vue +42 -0
- package/src/components/command/command-input.vue +77 -0
- package/src/components/command/command-item.vue +45 -0
- package/src/components/command/command-list.vue +37 -0
- package/src/components/command/command-root.vue +45 -0
- package/src/components/command/command-separator.vue +31 -0
- package/src/components/content-divider/content-divider.vue +110 -0
- package/src/components/content-divider/index.ts +2 -0
- package/src/components/content-divider/stories/content-divider.stories.ts +37 -0
- package/src/components/dropdown/context-menu-item.vue +317 -0
- package/src/components/dropdown/dropdown-item.vue +184 -0
- package/src/components/dropdown/dropdown.vue +620 -0
- package/src/components/dropdown/index.ts +8 -0
- package/src/components/dropdown/stories/context-menu-item.stories.ts +51 -0
- package/src/components/dropdown/stories/dropdown-item.stories.ts +33 -0
- package/src/components/dropdown/stories/dropdown.stories.ts +53 -0
- package/src/components/dropdown-menu/dropdown-menu-content.vue +79 -0
- package/src/components/dropdown-menu/dropdown-menu-group.vue +19 -0
- package/src/components/dropdown-menu/dropdown-menu-item.vue +147 -0
- package/src/components/dropdown-menu/dropdown-menu-label.vue +33 -0
- package/src/components/dropdown-menu/dropdown-menu-separator.vue +27 -0
- package/src/components/dropdown-menu/dropdown-menu-sub-content.vue +72 -0
- package/src/components/dropdown-menu/dropdown-menu-sub-trigger.vue +70 -0
- package/src/components/dropdown-menu/dropdown-menu-sub.vue +19 -0
- package/src/components/dropdown-menu/dropdown-menu-trigger.vue +52 -0
- package/src/components/dropdown-menu/dropdown-menu.vue +23 -0
- package/src/components/dropdown-menu/index.ts +29 -0
- package/src/components/dropdown-menu/stories/dropdown-menu.stories.ts +107 -0
- package/src/components/hint-text/hint-text.vue +63 -0
- package/src/components/hint-text/index.ts +2 -0
- package/src/components/hint-text/stories/hint-text.stories.ts +28 -0
- package/src/components/index.ts +20 -0
- package/src/components/label/index.ts +2 -0
- package/src/components/label/label.vue +103 -0
- package/src/components/label/stories/label.stories.ts +127 -0
- package/src/components/modal/index.ts +20 -0
- package/src/components/modal/modal-body.vue +26 -0
- package/src/components/modal/modal-close.vue +11 -0
- package/src/components/modal/modal-content.vue +64 -0
- package/src/components/modal/modal-footer.vue +22 -0
- package/src/components/modal/modal-header.vue +165 -0
- package/src/components/modal/modal-trigger.vue +12 -0
- package/src/components/modal/modal.vue +15 -0
- package/src/components/modal/stories/modal.stories.ts +287 -0
- package/src/components/popover/index.ts +8 -0
- package/src/components/popover/popover-content.vue +254 -0
- package/src/components/popover/popover-trigger.vue +22 -0
- package/src/components/popover/popover.vue +17 -0
- package/src/components/popover/stories/popover.stories.ts +341 -0
- package/src/components/scroll-area/index.ts +2 -0
- package/src/components/scroll-area/scroll-area.vue +29 -0
- package/src/components/scroll-area/scroll-bar.vue +36 -0
- package/src/components/segmented-control/index.ts +5 -0
- package/src/components/segmented-control/segmented-control-item.vue +62 -0
- package/src/components/segmented-control/segmented-control.vue +38 -0
- package/src/components/segmented-control/stories/segmented-control.stories.ts +120 -0
- package/src/components/select/index.ts +26 -0
- package/src/components/select/select-content.vue +77 -0
- package/src/components/select/select-group.vue +11 -0
- package/src/components/select/select-icon.vue +29 -0
- package/src/components/select/select-item.vue +65 -0
- package/src/components/select/select-label.vue +27 -0
- package/src/components/select/select-separator.vue +25 -0
- package/src/components/select/select-trigger.vue +161 -0
- package/src/components/select/select-value.vue +37 -0
- package/src/components/select/select.vue +21 -0
- package/src/components/select/stories/select.stories.ts +428 -0
- package/src/components/slider/index.ts +2 -0
- package/src/components/slider/slider.vue +81 -0
- package/src/components/slider/stories/slider.stories.ts +30 -0
- package/src/components/switch/index.ts +2 -0
- package/src/components/switch/stories/switch.stories.ts +74 -0
- package/src/components/switch/switch.vue +92 -0
- package/src/components/tab-menu/index.ts +11 -0
- package/src/components/tab-menu/stories/tab-menu.stories.ts +239 -0
- package/src/components/tab-menu/tab-menu-content.vue +27 -0
- package/src/components/tab-menu/tab-menu-item.vue +108 -0
- package/src/components/tab-menu/tab-menu-list.vue +43 -0
- package/src/components/tab-menu/tab-menu.vue +29 -0
- package/src/components/text-input/index.ts +11 -0
- package/src/components/text-input/stories/text-input.stories.ts +244 -0
- package/src/components/text-input/text-input-affix.vue +58 -0
- package/src/components/text-input/text-input-button.vue +56 -0
- package/src/components/text-input/text-input-icon.vue +37 -0
- package/src/components/text-input/text-input.vue +187 -0
- package/src/components/textarea/index.ts +2 -0
- package/src/components/textarea/stories/textarea.stories.ts +27 -0
- package/src/components/textarea/textarea.vue +155 -0
- package/src/components/tooltip/index.ts +2 -0
- package/src/components/tooltip/stories/tooltip.stories.ts +138 -0
- package/src/components/tooltip/tooltip.vue +256 -0
- package/src/composables/use-delegated-props.ts +20 -0
- package/src/index.ts +13 -0
- package/src/shims.d.ts +6 -0
- package/src/utils/color.ts +131 -0
- package/src/utils/crypto.ts +6 -0
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const color = require("./color.js");
|
|
4
|
+
const useUserSelect = require("./use-user-select.js");
|
|
5
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
6
|
+
const _hoisted_1 = { class: "celeste-color-slider" };
|
|
7
|
+
const _hoisted_2 = ["aria-valuenow"];
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
9
|
+
__name: "hue-slider",
|
|
10
|
+
props: {
|
|
11
|
+
"modelValue": {
|
|
12
|
+
default: 0
|
|
13
|
+
},
|
|
14
|
+
"modelModifiers": {}
|
|
15
|
+
},
|
|
16
|
+
emits: ["update:modelValue"],
|
|
17
|
+
setup(__props) {
|
|
18
|
+
const hue = Mo.useModel(__props, "modelValue");
|
|
19
|
+
const pullDirection = Mo.ref();
|
|
20
|
+
const containerRef = Mo.useTemplateRef("slider-track");
|
|
21
|
+
const { preventPageUserSelect, allowPageUserSelect } = useUserSelect.useUserPageSelection();
|
|
22
|
+
Mo.watch(hue, (newHue, oldHue) => {
|
|
23
|
+
if (newHue !== 0 && newHue - oldHue > 0)
|
|
24
|
+
pullDirection.value = "right";
|
|
25
|
+
if (newHue !== 0 && newHue - oldHue < 0)
|
|
26
|
+
pullDirection.value = "left";
|
|
27
|
+
});
|
|
28
|
+
const pointerLeft = Mo.computed(
|
|
29
|
+
() => {
|
|
30
|
+
if (hue.value === 0 && pullDirection.value === "right")
|
|
31
|
+
return "100%";
|
|
32
|
+
return `${hue.value * 100 / 360}%`;
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
const trackThumbBg = Mo.computed(() => {
|
|
36
|
+
return `hsl(${hue.value}, 100%, 50%)`;
|
|
37
|
+
});
|
|
38
|
+
function handleChange(e, skip) {
|
|
39
|
+
if (!skip) {
|
|
40
|
+
e.preventDefault();
|
|
41
|
+
}
|
|
42
|
+
const container = containerRef.value;
|
|
43
|
+
if (!container) {
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
const containerWidth = container.clientWidth;
|
|
47
|
+
const { x: xOffset } = color.getAbsolutePosition(container);
|
|
48
|
+
const { x: pageX } = color.getPageXYFromEvent(e);
|
|
49
|
+
const left = pageX - xOffset;
|
|
50
|
+
let h;
|
|
51
|
+
let percent;
|
|
52
|
+
if (left < 0) {
|
|
53
|
+
h = 0;
|
|
54
|
+
} else if (left > containerWidth) {
|
|
55
|
+
h = 360;
|
|
56
|
+
} else {
|
|
57
|
+
percent = left * 100 / containerWidth;
|
|
58
|
+
h = Math.round(360 * percent / 100);
|
|
59
|
+
}
|
|
60
|
+
if (hue.value !== h) {
|
|
61
|
+
emitChange(h);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
function emitChange(h) {
|
|
65
|
+
hue.value = h;
|
|
66
|
+
}
|
|
67
|
+
function handleMouseDown(e) {
|
|
68
|
+
handleChange(e, true);
|
|
69
|
+
preventPageUserSelect();
|
|
70
|
+
window.addEventListener("mousemove", handleChange);
|
|
71
|
+
window.addEventListener("mouseup", handleMouseUp);
|
|
72
|
+
}
|
|
73
|
+
function handleMouseUp() {
|
|
74
|
+
allowPageUserSelect();
|
|
75
|
+
unbindEventListeners();
|
|
76
|
+
}
|
|
77
|
+
function unbindEventListeners() {
|
|
78
|
+
window.removeEventListener("mousemove", handleChange);
|
|
79
|
+
window.removeEventListener("mouseup", handleMouseUp);
|
|
80
|
+
}
|
|
81
|
+
function handleKeyDown(e) {
|
|
82
|
+
const direction = color.resolveArrowDirection(e);
|
|
83
|
+
if (!direction) {
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
e.preventDefault();
|
|
87
|
+
const currentValue = hue.value;
|
|
88
|
+
let newValue;
|
|
89
|
+
switch (direction) {
|
|
90
|
+
case "left": {
|
|
91
|
+
newValue = currentValue - 1 < 0 ? 0 : Math.floor(currentValue - 1);
|
|
92
|
+
break;
|
|
93
|
+
}
|
|
94
|
+
case "right": {
|
|
95
|
+
newValue = currentValue + 1 > 360 ? 360 : Math.ceil(currentValue + 1);
|
|
96
|
+
break;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
if (typeof newValue !== "undefined") {
|
|
100
|
+
emitChange(newValue);
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
Mo.onUnmounted(() => {
|
|
104
|
+
unbindEventListeners();
|
|
105
|
+
});
|
|
106
|
+
return (_ctx, _cache) => {
|
|
107
|
+
return Mo.openBlock(), Mo.createElementBlock("div", _hoisted_1, [
|
|
108
|
+
Mo.createElementVNode("div", {
|
|
109
|
+
ref: "slider-track",
|
|
110
|
+
class: "slider-track",
|
|
111
|
+
role: "slider",
|
|
112
|
+
"aria-valuenow": hue.value,
|
|
113
|
+
"aria-valuemin": "0",
|
|
114
|
+
"aria-valuemax": "360",
|
|
115
|
+
"aria-label": "Hue",
|
|
116
|
+
tabindex: "0",
|
|
117
|
+
onMousedown: handleMouseDown,
|
|
118
|
+
onTouchmovePassive: handleChange,
|
|
119
|
+
onTouchstartPassive: handleChange,
|
|
120
|
+
onKeydown: handleKeyDown
|
|
121
|
+
}, [
|
|
122
|
+
Mo.createElementVNode("div", {
|
|
123
|
+
class: "celeste-color-thumb",
|
|
124
|
+
style: Mo.normalizeStyle({ left: pointerLeft.value, background: trackThumbBg.value }),
|
|
125
|
+
role: "presentation"
|
|
126
|
+
}, null, 4)
|
|
127
|
+
], 40, _hoisted_2)
|
|
128
|
+
]);
|
|
129
|
+
};
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
const HueSlider = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-cb479a28"]]);
|
|
133
|
+
module.exports = HueSlider;
|
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const alert = require("./alert.js");
|
|
4
|
+
const badge = require("./badge.js");
|
|
5
|
+
const statusBadge = require("./status-badge.js");
|
|
6
|
+
const button = require("./button.js");
|
|
7
|
+
const compactButton = require("./compact-button.js");
|
|
8
|
+
const fancyButton = require("./fancy-button.js");
|
|
9
|
+
const linkButton = require("./link-button.js");
|
|
10
|
+
const socialButton = require("./social-button.js");
|
|
11
|
+
const checkbox_vue_vue_type_style_index_0_lang = require("./chunks/checkbox.vue_vue_type_style_index_0_lang.js");
|
|
12
|
+
const contentDivider_vue_vue_type_style_index_0_lang = require("./chunks/content-divider.vue_vue_type_style_index_0_lang.js");
|
|
13
|
+
const contextMenuItem = require("./context-menu-item.js");
|
|
14
|
+
const dropdownItem = require("./dropdown-item.js");
|
|
15
|
+
const dropdown = require("./dropdown.js");
|
|
16
|
+
const dropdownMenuContent_vue_vue_type_style_index_0_lang = require("./chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js");
|
|
17
|
+
const dropdownMenuGroup = require("./dropdown-menu-group.js");
|
|
18
|
+
const dropdownMenuItem = require("./dropdown-menu-item.js");
|
|
19
|
+
const dropdownMenuLabel = require("./dropdown-menu-label.js");
|
|
20
|
+
const dropdownMenuSeparator = require("./dropdown-menu-separator.js");
|
|
21
|
+
const dropdownMenuSubContent_vue_vue_type_style_index_0_lang = require("./chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js");
|
|
22
|
+
const dropdownMenuSubTrigger_vue_vue_type_style_index_0_lang = require("./chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js");
|
|
23
|
+
const dropdownMenuSub_vue_vue_type_script_setup_true_lang = require("./chunks/dropdown-menu-sub.js");
|
|
24
|
+
const dropdownMenuTrigger = require("./dropdown-menu-trigger.js");
|
|
25
|
+
const dropdownMenu = require("./dropdown-menu.js");
|
|
26
|
+
const hintText = require("./hint-text.js");
|
|
27
|
+
const label = require("./label.js");
|
|
28
|
+
const modalBody = require("./modal-body.js");
|
|
29
|
+
const modalClose_vue_vue_type_script_setup_true_lang = require("./chunks/modal-close.js");
|
|
30
|
+
const modalContent = require("./modal-content.js");
|
|
31
|
+
const modalFooter = require("./modal-footer.js");
|
|
32
|
+
const modalHeader = require("./modal-header.js");
|
|
33
|
+
const modalTrigger_vue_vue_type_script_setup_true_lang = require("./chunks/modal-trigger.js");
|
|
34
|
+
const modal_vue_vue_type_script_setup_true_lang = require("./chunks/modal.js");
|
|
35
|
+
const popoverContent = require("./popover-content.js");
|
|
36
|
+
const popoverTrigger = require("./popover-trigger.js");
|
|
37
|
+
const popover_vue_vue_type_script_setup_true_lang = require("./chunks/popover.js");
|
|
38
|
+
const scrollArea_vue_vue_type_script_setup_true_lang = require("./chunks/scroll-area.js");
|
|
39
|
+
const segmentedControlItem = require("./segmented-control-item.js");
|
|
40
|
+
const segmentedControl = require("./segmented-control.js");
|
|
41
|
+
const selectContent = require("./select-content.js");
|
|
42
|
+
const selectGroup_vue_vue_type_script_setup_true_lang = require("./chunks/select-group.js");
|
|
43
|
+
const selectIcon = require("./select-icon.js");
|
|
44
|
+
const selectItem = require("./select-item.js");
|
|
45
|
+
const selectLabel = require("./select-label.js");
|
|
46
|
+
const selectSeparator = require("./select-separator.js");
|
|
47
|
+
const selectTrigger = require("./select-trigger.js");
|
|
48
|
+
const selectValue = require("./select-value.js");
|
|
49
|
+
const select_vue_vue_type_script_setup_true_lang = require("./chunks/select.js");
|
|
50
|
+
const slider_vue_vue_type_style_index_0_lang = require("./chunks/slider.vue_vue_type_style_index_0_lang.js");
|
|
51
|
+
const switch_vue_vue_type_style_index_0_lang = require("./chunks/switch.vue_vue_type_style_index_0_lang.js");
|
|
52
|
+
const tabMenuContent = require("./tab-menu-content.js");
|
|
53
|
+
const tabMenuItem = require("./tab-menu-item.js");
|
|
54
|
+
const tabMenuList = require("./tab-menu-list.js");
|
|
55
|
+
const tabMenu = require("./tab-menu.js");
|
|
56
|
+
const textInputAffix = require("./text-input-affix.js");
|
|
57
|
+
const textInputButton = require("./text-input-button.js");
|
|
58
|
+
const textInputIcon = require("./text-input-icon.js");
|
|
59
|
+
const textInput = require("./text-input.js");
|
|
60
|
+
const textarea = require("./textarea.js");
|
|
61
|
+
const tooltip = require("./tooltip.js");
|
|
62
|
+
const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
63
|
+
__proto__: null,
|
|
64
|
+
Alert: alert,
|
|
65
|
+
Badge: badge,
|
|
66
|
+
Button: button,
|
|
67
|
+
Checkbox: checkbox_vue_vue_type_style_index_0_lang._sfc_main,
|
|
68
|
+
CompactButton: compactButton,
|
|
69
|
+
ContentDivider: contentDivider_vue_vue_type_style_index_0_lang._sfc_main,
|
|
70
|
+
ContextMenuItem: contextMenuItem,
|
|
71
|
+
Dropdown: dropdown,
|
|
72
|
+
DropdownItem: dropdownItem,
|
|
73
|
+
DropdownMenu: dropdownMenu,
|
|
74
|
+
DropdownMenuContent: dropdownMenuContent_vue_vue_type_style_index_0_lang._sfc_main,
|
|
75
|
+
DropdownMenuGroup: dropdownMenuGroup,
|
|
76
|
+
DropdownMenuItem: dropdownMenuItem,
|
|
77
|
+
DropdownMenuLabel: dropdownMenuLabel,
|
|
78
|
+
DropdownMenuSeparator: dropdownMenuSeparator,
|
|
79
|
+
DropdownMenuSub: dropdownMenuSub_vue_vue_type_script_setup_true_lang._sfc_main,
|
|
80
|
+
DropdownMenuSubContent: dropdownMenuSubContent_vue_vue_type_style_index_0_lang._sfc_main,
|
|
81
|
+
DropdownMenuSubTrigger: dropdownMenuSubTrigger_vue_vue_type_style_index_0_lang._sfc_main,
|
|
82
|
+
DropdownMenuTrigger: dropdownMenuTrigger,
|
|
83
|
+
FancyButton: fancyButton,
|
|
84
|
+
HintText: hintText,
|
|
85
|
+
Label: label,
|
|
86
|
+
LinkButton: linkButton,
|
|
87
|
+
Modal: modal_vue_vue_type_script_setup_true_lang._sfc_main,
|
|
88
|
+
ModalBody: modalBody,
|
|
89
|
+
ModalClose: modalClose_vue_vue_type_script_setup_true_lang._sfc_main,
|
|
90
|
+
ModalContent: modalContent,
|
|
91
|
+
ModalFooter: modalFooter,
|
|
92
|
+
ModalHeader: modalHeader,
|
|
93
|
+
ModalTrigger: modalTrigger_vue_vue_type_script_setup_true_lang._sfc_main,
|
|
94
|
+
Popover: popover_vue_vue_type_script_setup_true_lang._sfc_main,
|
|
95
|
+
PopoverContent: popoverContent,
|
|
96
|
+
PopoverTrigger: popoverTrigger,
|
|
97
|
+
ScrollArea: scrollArea_vue_vue_type_script_setup_true_lang._sfc_main,
|
|
98
|
+
SegmentedControl: segmentedControl,
|
|
99
|
+
SegmentedControlItem: segmentedControlItem,
|
|
100
|
+
Select: select_vue_vue_type_script_setup_true_lang._sfc_main,
|
|
101
|
+
SelectContent: selectContent,
|
|
102
|
+
SelectGroup: selectGroup_vue_vue_type_script_setup_true_lang._sfc_main,
|
|
103
|
+
SelectIcon: selectIcon,
|
|
104
|
+
SelectItem: selectItem,
|
|
105
|
+
SelectLabel: selectLabel,
|
|
106
|
+
SelectSeparator: selectSeparator,
|
|
107
|
+
SelectTrigger: selectTrigger,
|
|
108
|
+
SelectValue: selectValue,
|
|
109
|
+
Slider: slider_vue_vue_type_style_index_0_lang._sfc_main,
|
|
110
|
+
SocialButton: socialButton,
|
|
111
|
+
StatusBadge: statusBadge,
|
|
112
|
+
Switch: switch_vue_vue_type_style_index_0_lang._sfc_main,
|
|
113
|
+
TabMenu: tabMenu,
|
|
114
|
+
TabMenuContent: tabMenuContent,
|
|
115
|
+
TabMenuItem: tabMenuItem,
|
|
116
|
+
TabMenuList: tabMenuList,
|
|
117
|
+
TextInput: textInput,
|
|
118
|
+
TextInputAffix: textInputAffix,
|
|
119
|
+
TextInputButton: textInputButton,
|
|
120
|
+
TextInputIcon: textInputIcon,
|
|
121
|
+
Textarea: textarea,
|
|
122
|
+
Tooltip: tooltip
|
|
123
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
124
|
+
const Celeste = {
|
|
125
|
+
install(vue) {
|
|
126
|
+
Object.entries(components).forEach(([name, component]) => {
|
|
127
|
+
vue.component(name, component);
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
exports.Alert = alert;
|
|
132
|
+
exports.Badge = badge;
|
|
133
|
+
exports.StatusBadge = statusBadge;
|
|
134
|
+
exports.Button = button;
|
|
135
|
+
exports.CompactButton = compactButton;
|
|
136
|
+
exports.FancyButton = fancyButton;
|
|
137
|
+
exports.LinkButton = linkButton;
|
|
138
|
+
exports.SocialButton = socialButton;
|
|
139
|
+
exports.Checkbox = checkbox_vue_vue_type_style_index_0_lang._sfc_main;
|
|
140
|
+
exports.ContentDivider = contentDivider_vue_vue_type_style_index_0_lang._sfc_main;
|
|
141
|
+
exports.ContextMenuItem = contextMenuItem;
|
|
142
|
+
exports.DropdownItem = dropdownItem;
|
|
143
|
+
exports.Dropdown = dropdown;
|
|
144
|
+
exports.DropdownMenuContent = dropdownMenuContent_vue_vue_type_style_index_0_lang._sfc_main;
|
|
145
|
+
exports.DropdownMenuGroup = dropdownMenuGroup;
|
|
146
|
+
exports.DropdownMenuItem = dropdownMenuItem;
|
|
147
|
+
exports.DropdownMenuLabel = dropdownMenuLabel;
|
|
148
|
+
exports.DropdownMenuSeparator = dropdownMenuSeparator;
|
|
149
|
+
exports.DropdownMenuSubContent = dropdownMenuSubContent_vue_vue_type_style_index_0_lang._sfc_main;
|
|
150
|
+
exports.DropdownMenuSubTrigger = dropdownMenuSubTrigger_vue_vue_type_style_index_0_lang._sfc_main;
|
|
151
|
+
exports.DropdownMenuSub = dropdownMenuSub_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
152
|
+
exports.DropdownMenuTrigger = dropdownMenuTrigger;
|
|
153
|
+
exports.DropdownMenu = dropdownMenu;
|
|
154
|
+
exports.HintText = hintText;
|
|
155
|
+
exports.Label = label;
|
|
156
|
+
exports.ModalBody = modalBody;
|
|
157
|
+
exports.ModalClose = modalClose_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
158
|
+
exports.ModalContent = modalContent;
|
|
159
|
+
exports.ModalFooter = modalFooter;
|
|
160
|
+
exports.ModalHeader = modalHeader;
|
|
161
|
+
exports.ModalTrigger = modalTrigger_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
162
|
+
exports.Modal = modal_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
163
|
+
exports.PopoverContent = popoverContent;
|
|
164
|
+
exports.PopoverTrigger = popoverTrigger;
|
|
165
|
+
exports.Popover = popover_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
166
|
+
exports.ScrollArea = scrollArea_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
167
|
+
exports.SegmentedControlItem = segmentedControlItem;
|
|
168
|
+
exports.SegmentedControl = segmentedControl;
|
|
169
|
+
exports.SelectContent = selectContent;
|
|
170
|
+
exports.SelectGroup = selectGroup_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
171
|
+
exports.SelectIcon = selectIcon;
|
|
172
|
+
exports.SelectItem = selectItem;
|
|
173
|
+
exports.SelectLabel = selectLabel;
|
|
174
|
+
exports.SelectSeparator = selectSeparator;
|
|
175
|
+
exports.SelectTrigger = selectTrigger;
|
|
176
|
+
exports.SelectValue = selectValue;
|
|
177
|
+
exports.Select = select_vue_vue_type_script_setup_true_lang._sfc_main;
|
|
178
|
+
exports.Slider = slider_vue_vue_type_style_index_0_lang._sfc_main;
|
|
179
|
+
exports.Switch = switch_vue_vue_type_style_index_0_lang._sfc_main;
|
|
180
|
+
exports.TabMenuContent = tabMenuContent;
|
|
181
|
+
exports.TabMenuItem = tabMenuItem;
|
|
182
|
+
exports.TabMenuList = tabMenuList;
|
|
183
|
+
exports.TabMenu = tabMenu;
|
|
184
|
+
exports.TextInputAffix = textInputAffix;
|
|
185
|
+
exports.TextInputButton = textInputButton;
|
|
186
|
+
exports.TextInputIcon = textInputIcon;
|
|
187
|
+
exports.TextInput = textInput;
|
|
188
|
+
exports.Textarea = textarea;
|
|
189
|
+
exports.Tooltip = tooltip;
|
|
190
|
+
exports.Celeste = Celeste;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const tooltip = require("./tooltip.js");
|
|
4
|
+
const useDelegatedProps = require("./use-delegated-props.js");
|
|
5
|
+
const clsx = require("./chunks/clsx.js");
|
|
6
|
+
const index = require("./chunks/index.js");
|
|
7
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
8
|
+
const _hoisted_1 = {
|
|
9
|
+
key: 0,
|
|
10
|
+
class: "celeste-sublabel"
|
|
11
|
+
};
|
|
12
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
13
|
+
__name: "label",
|
|
14
|
+
props: {
|
|
15
|
+
for: {},
|
|
16
|
+
asChild: { type: Boolean },
|
|
17
|
+
as: {},
|
|
18
|
+
sublabel: {},
|
|
19
|
+
information: {},
|
|
20
|
+
required: { type: Boolean },
|
|
21
|
+
disabled: { type: Boolean },
|
|
22
|
+
class: {}
|
|
23
|
+
},
|
|
24
|
+
setup(__props) {
|
|
25
|
+
const props = __props;
|
|
26
|
+
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
27
|
+
return (_ctx, _cache) => {
|
|
28
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Oh), Mo.mergeProps(Mo.unref(delegatedProps), {
|
|
29
|
+
"aria-required": _ctx.required,
|
|
30
|
+
"aria-disabled": _ctx.disabled,
|
|
31
|
+
class: Mo.unref(clsx.clsx)("celeste-label", props.class)
|
|
32
|
+
}), {
|
|
33
|
+
default: Mo.withCtx(() => [
|
|
34
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
35
|
+
Mo.renderSlot(_ctx.$slots, "button", { class: "celeste-label-button" }, void 0, true),
|
|
36
|
+
_ctx.sublabel ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_1, Mo.toDisplayString(_ctx.sublabel), 1)) : Mo.createCommentVNode("", true),
|
|
37
|
+
_ctx.information ? (Mo.openBlock(), Mo.createBlock(tooltip, {
|
|
38
|
+
key: 1,
|
|
39
|
+
title: _ctx.information
|
|
40
|
+
}, {
|
|
41
|
+
default: Mo.withCtx(() => _cache[0] || (_cache[0] = [
|
|
42
|
+
Mo.createElementVNode("button", { class: "celeste-label-info" }, [
|
|
43
|
+
Mo.createElementVNode("i", { class: "i-celeste-information-2-fill" })
|
|
44
|
+
], -1)
|
|
45
|
+
])),
|
|
46
|
+
_: 1
|
|
47
|
+
}, 8, ["title"])) : Mo.createCommentVNode("", true)
|
|
48
|
+
]),
|
|
49
|
+
_: 3
|
|
50
|
+
}, 16, ["aria-required", "aria-disabled", "class"]);
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
const label = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-4768213c"]]);
|
|
55
|
+
module.exports = label;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
const index = require("./chunks/index.js");
|
|
5
|
+
;/* empty css */
|
|
6
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
8
|
+
__name: "link-button",
|
|
9
|
+
props: {
|
|
10
|
+
class: {},
|
|
11
|
+
size: { default: "sm" },
|
|
12
|
+
intent: { default: "primary" },
|
|
13
|
+
underline: { type: Boolean },
|
|
14
|
+
disabled: { type: Boolean },
|
|
15
|
+
asChild: { type: Boolean },
|
|
16
|
+
as: { default: "a" }
|
|
17
|
+
},
|
|
18
|
+
setup(__props) {
|
|
19
|
+
const props = __props;
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.O), {
|
|
22
|
+
as: _ctx.as,
|
|
23
|
+
disabled: _ctx.disabled,
|
|
24
|
+
"as-child": _ctx.asChild,
|
|
25
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
|
|
26
|
+
"celeste-link-button",
|
|
27
|
+
`celeste-link-button-${_ctx.intent}`,
|
|
28
|
+
`celeste-link-button-${_ctx.size}`,
|
|
29
|
+
_ctx.disabled && "celeste-link-button-disabled",
|
|
30
|
+
_ctx.underline && "celeste-link-button-underline",
|
|
31
|
+
props.class
|
|
32
|
+
)),
|
|
33
|
+
role: _ctx.as === "a" ? "link" : "button"
|
|
34
|
+
}, {
|
|
35
|
+
default: Mo.withCtx(() => [
|
|
36
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
37
|
+
]),
|
|
38
|
+
_: 3
|
|
39
|
+
}, 8, ["as", "disabled", "as-child", "class", "role"]);
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
const linkButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-ae1aba17"]]);
|
|
44
|
+
module.exports = linkButton;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
6
|
+
__name: "modal-body",
|
|
7
|
+
props: {
|
|
8
|
+
class: {}
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
const props = __props;
|
|
12
|
+
return (_ctx, _cache) => {
|
|
13
|
+
return Mo.openBlock(), Mo.createElementBlock("div", {
|
|
14
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-modal-body", props.class))
|
|
15
|
+
}, [
|
|
16
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
17
|
+
], 2);
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
const modalBody = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-8872ed90"]]);
|
|
22
|
+
module.exports = modalBody;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const useDelegatedProps = require("./use-delegated-props.js");
|
|
4
|
+
const clsx = require("./chunks/clsx.js");
|
|
5
|
+
const index = require("./chunks/index.js");
|
|
6
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
8
|
+
__name: "modal-content",
|
|
9
|
+
props: {
|
|
10
|
+
forceMount: { type: Boolean },
|
|
11
|
+
trapFocus: { type: Boolean },
|
|
12
|
+
disableOutsidePointerEvents: { type: Boolean },
|
|
13
|
+
asChild: { type: Boolean },
|
|
14
|
+
as: {},
|
|
15
|
+
class: {},
|
|
16
|
+
style: {}
|
|
17
|
+
},
|
|
18
|
+
emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
|
|
19
|
+
setup(__props, { emit: __emit }) {
|
|
20
|
+
const props = __props;
|
|
21
|
+
const emits = __emit;
|
|
22
|
+
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
23
|
+
const forwarded = index.xe(delegatedProps, emits);
|
|
24
|
+
return (_ctx, _cache) => {
|
|
25
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Dv), null, {
|
|
26
|
+
default: Mo.withCtx(() => [
|
|
27
|
+
Mo.createVNode(Mo.unref(index.Eu), { class: "celeste-modal-overlay" }),
|
|
28
|
+
Mo.createVNode(Mo.Transition, { name: "fade" }, {
|
|
29
|
+
default: Mo.withCtx(() => [
|
|
30
|
+
Mo.createVNode(Mo.unref(index.xu), Mo.mergeProps(Mo.unref(forwarded), {
|
|
31
|
+
class: Mo.unref(clsx.clsx)("celeste-modal-content", props.class)
|
|
32
|
+
}), {
|
|
33
|
+
default: Mo.withCtx(() => [
|
|
34
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
35
|
+
]),
|
|
36
|
+
_: 3
|
|
37
|
+
}, 16, ["class"])
|
|
38
|
+
]),
|
|
39
|
+
_: 3
|
|
40
|
+
})
|
|
41
|
+
]),
|
|
42
|
+
_: 3
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
const modalContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bdcae06b"]]);
|
|
48
|
+
module.exports = modalContent;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const clsx = require("./chunks/clsx.js");
|
|
4
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
6
|
+
__name: "modal-footer",
|
|
7
|
+
props: {
|
|
8
|
+
class: {}
|
|
9
|
+
},
|
|
10
|
+
setup(__props) {
|
|
11
|
+
const props = __props;
|
|
12
|
+
return (_ctx, _cache) => {
|
|
13
|
+
return Mo.openBlock(), Mo.createElementBlock("div", {
|
|
14
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-modal-footer", props.class))
|
|
15
|
+
}, [
|
|
16
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
17
|
+
], 2);
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
const modalFooter = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-f3331df1"]]);
|
|
22
|
+
module.exports = modalFooter;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const compactButton = require("./compact-button.js");
|
|
4
|
+
const clsx = require("./chunks/clsx.js");
|
|
5
|
+
const index = require("./chunks/index.js");
|
|
6
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
7
|
+
const _hoisted_1 = ["data-dismissible", "data-alignment", "data-type"];
|
|
8
|
+
const _hoisted_2 = {
|
|
9
|
+
key: 0,
|
|
10
|
+
class: "icon"
|
|
11
|
+
};
|
|
12
|
+
const _hoisted_3 = {
|
|
13
|
+
key: 1,
|
|
14
|
+
class: "content"
|
|
15
|
+
};
|
|
16
|
+
const _hoisted_4 = { class: "title" };
|
|
17
|
+
const _hoisted_5 = { class: "description" };
|
|
18
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
19
|
+
__name: "modal-header",
|
|
20
|
+
props: {
|
|
21
|
+
title: {},
|
|
22
|
+
icon: {},
|
|
23
|
+
description: {},
|
|
24
|
+
dismissible: { type: Boolean, default: true },
|
|
25
|
+
alignment: { default: "horizontal" },
|
|
26
|
+
type: { default: "default" },
|
|
27
|
+
class: {}
|
|
28
|
+
},
|
|
29
|
+
setup(__props) {
|
|
30
|
+
const props = __props;
|
|
31
|
+
return (_ctx, _cache) => {
|
|
32
|
+
return Mo.openBlock(), Mo.createElementBlock("div", {
|
|
33
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)("celeste-modal-header", props.class)),
|
|
34
|
+
"data-dismissible": _ctx.dismissible,
|
|
35
|
+
"data-alignment": _ctx.alignment,
|
|
36
|
+
"data-type": _ctx.type
|
|
37
|
+
}, [
|
|
38
|
+
_ctx.icon ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_2, [
|
|
39
|
+
Mo.createElementVNode("i", {
|
|
40
|
+
class: Mo.normalizeClass(_ctx.icon)
|
|
41
|
+
}, null, 2)
|
|
42
|
+
])) : Mo.createCommentVNode("", true),
|
|
43
|
+
_ctx.title || _ctx.description ? (Mo.openBlock(), Mo.createElementBlock("div", _hoisted_3, [
|
|
44
|
+
_ctx.title ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.Pu), {
|
|
45
|
+
key: 0,
|
|
46
|
+
"as-child": ""
|
|
47
|
+
}, {
|
|
48
|
+
default: Mo.withCtx(() => [
|
|
49
|
+
Mo.createElementVNode("h2", _hoisted_4, Mo.toDisplayString(_ctx.title), 1)
|
|
50
|
+
]),
|
|
51
|
+
_: 1
|
|
52
|
+
})) : Mo.createCommentVNode("", true),
|
|
53
|
+
_ctx.description ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.Du), {
|
|
54
|
+
key: 1,
|
|
55
|
+
"as-child": ""
|
|
56
|
+
}, {
|
|
57
|
+
default: Mo.withCtx(() => [
|
|
58
|
+
Mo.createElementVNode("p", _hoisted_5, Mo.toDisplayString(_ctx.description), 1)
|
|
59
|
+
]),
|
|
60
|
+
_: 1
|
|
61
|
+
})) : Mo.createCommentVNode("", true)
|
|
62
|
+
])) : Mo.createCommentVNode("", true),
|
|
63
|
+
_ctx.dismissible ? (Mo.openBlock(), Mo.createBlock(Mo.unref(index.Gl), {
|
|
64
|
+
key: 2,
|
|
65
|
+
"as-child": ""
|
|
66
|
+
}, {
|
|
67
|
+
default: Mo.withCtx(() => [
|
|
68
|
+
Mo.createVNode(compactButton, {
|
|
69
|
+
class: "close",
|
|
70
|
+
icon: "i-celeste-close-line",
|
|
71
|
+
variant: "ghost"
|
|
72
|
+
})
|
|
73
|
+
]),
|
|
74
|
+
_: 1
|
|
75
|
+
})) : Mo.createCommentVNode("", true)
|
|
76
|
+
], 10, _hoisted_1);
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
const modalHeader = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-a655071e"]]);
|
|
81
|
+
module.exports = modalHeader;
|