@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,32 @@
|
|
|
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: "tab-menu-content",
|
|
9
|
+
props: {
|
|
10
|
+
value: {},
|
|
11
|
+
forceMount: { type: Boolean },
|
|
12
|
+
asChild: { type: Boolean },
|
|
13
|
+
as: {},
|
|
14
|
+
class: {}
|
|
15
|
+
},
|
|
16
|
+
setup(__props) {
|
|
17
|
+
const props = __props;
|
|
18
|
+
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
19
|
+
return (_ctx, _cache) => {
|
|
20
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.bg), Mo.mergeProps({
|
|
21
|
+
class: Mo.unref(clsx.clsx)("celeste-tab-menu-content", props.class)
|
|
22
|
+
}, Mo.unref(delegatedProps)), {
|
|
23
|
+
default: Mo.withCtx(() => [
|
|
24
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
25
|
+
]),
|
|
26
|
+
_: 3
|
|
27
|
+
}, 16, ["class"]);
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const tabMenuContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-85c57bdc"]]);
|
|
32
|
+
module.exports = tabMenuContent;
|
|
@@ -0,0 +1,44 @@
|
|
|
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 _hoisted_1 = {
|
|
8
|
+
key: 0,
|
|
9
|
+
class: "celeste-tab-menu-item-label"
|
|
10
|
+
};
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
12
|
+
__name: "tab-menu-item",
|
|
13
|
+
props: {
|
|
14
|
+
value: {},
|
|
15
|
+
disabled: { type: Boolean },
|
|
16
|
+
asChild: { type: Boolean },
|
|
17
|
+
as: {},
|
|
18
|
+
class: {}
|
|
19
|
+
},
|
|
20
|
+
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
23
|
+
const forwardedProps = index.At(delegatedProps);
|
|
24
|
+
return (_ctx, _cache) => {
|
|
25
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Cg), Mo.mergeProps(Mo.unref(forwardedProps), {
|
|
26
|
+
class: Mo.unref(clsx.clsx)(
|
|
27
|
+
"celeste-tab-menu-item",
|
|
28
|
+
props.class
|
|
29
|
+
)
|
|
30
|
+
}), {
|
|
31
|
+
default: Mo.withCtx(() => [
|
|
32
|
+
Mo.renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
|
|
33
|
+
_ctx.$slots.default ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_1, [
|
|
34
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
35
|
+
])) : Mo.createCommentVNode("", true),
|
|
36
|
+
Mo.renderSlot(_ctx.$slots, "postfix", {}, void 0, true)
|
|
37
|
+
]),
|
|
38
|
+
_: 3
|
|
39
|
+
}, 16, ["class"]);
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
const tabMenuItem = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-ca8f5a83"]]);
|
|
44
|
+
module.exports = tabMenuItem;
|
|
@@ -0,0 +1,34 @@
|
|
|
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: "tab-menu-list",
|
|
9
|
+
props: {
|
|
10
|
+
loop: { type: Boolean },
|
|
11
|
+
asChild: { type: Boolean },
|
|
12
|
+
as: {},
|
|
13
|
+
class: {}
|
|
14
|
+
},
|
|
15
|
+
setup(__props) {
|
|
16
|
+
const props = __props;
|
|
17
|
+
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
18
|
+
return (_ctx, _cache) => {
|
|
19
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.gg), Mo.mergeProps(Mo.unref(delegatedProps), {
|
|
20
|
+
class: Mo.unref(clsx.clsx)(
|
|
21
|
+
"celeste-tab-menu-list",
|
|
22
|
+
props.class
|
|
23
|
+
)
|
|
24
|
+
}), {
|
|
25
|
+
default: Mo.withCtx(() => [
|
|
26
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
27
|
+
]),
|
|
28
|
+
_: 3
|
|
29
|
+
}, 16, ["class"]);
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
const tabMenuList = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-9877f1df"]]);
|
|
34
|
+
module.exports = tabMenuList;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const index = require("./chunks/index.js");
|
|
4
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
6
|
+
__name: "tab-menu",
|
|
7
|
+
props: {
|
|
8
|
+
defaultValue: {},
|
|
9
|
+
orientation: {},
|
|
10
|
+
dir: {},
|
|
11
|
+
activationMode: {},
|
|
12
|
+
modelValue: {},
|
|
13
|
+
asChild: { type: Boolean },
|
|
14
|
+
as: {}
|
|
15
|
+
},
|
|
16
|
+
emits: ["update:modelValue"],
|
|
17
|
+
setup(__props, { emit: __emit }) {
|
|
18
|
+
const props = __props;
|
|
19
|
+
const emits = __emit;
|
|
20
|
+
const forwarded = index.xe(props, emits);
|
|
21
|
+
return (_ctx, _cache) => {
|
|
22
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.yg), Mo.mergeProps(Mo.unref(forwarded), { class: "celeste-tab-menu-root" }), {
|
|
23
|
+
default: Mo.withCtx(() => [
|
|
24
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
25
|
+
]),
|
|
26
|
+
_: 3
|
|
27
|
+
}, 16);
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const tabMenu = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-b5afb6cc"]]);
|
|
32
|
+
module.exports = tabMenu;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const useDelegatedProps = require("./use-delegated-props.js");
|
|
4
|
+
const clsx = require("./chunks/clsx.js");
|
|
5
|
+
;/* empty css */
|
|
6
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
8
|
+
__name: "text-input-affix",
|
|
9
|
+
props: {
|
|
10
|
+
class: {},
|
|
11
|
+
variant: { default: "prefix" },
|
|
12
|
+
inline: { type: Boolean },
|
|
13
|
+
asKbd: { type: Boolean }
|
|
14
|
+
},
|
|
15
|
+
setup(__props) {
|
|
16
|
+
const props = __props;
|
|
17
|
+
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
18
|
+
return (_ctx, _cache) => {
|
|
19
|
+
return Mo.openBlock(), Mo.createElementBlock("span", Mo.mergeProps(Mo.unref(delegatedProps), {
|
|
20
|
+
class: Mo.unref(clsx.clsx)("celeste-text-input-affix", props.class)
|
|
21
|
+
}), [
|
|
22
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
23
|
+
], 16);
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
const textInputAffix = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-a78ff6e3"]]);
|
|
28
|
+
module.exports = textInputAffix;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const button = require("./button.js");
|
|
4
|
+
const useDelegatedProps = require("./use-delegated-props.js");
|
|
5
|
+
const clsx = require("./chunks/clsx.js");
|
|
6
|
+
;/* empty css */
|
|
7
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
9
|
+
__name: "text-input-button",
|
|
10
|
+
props: {
|
|
11
|
+
inline: { type: Boolean, default: false }
|
|
12
|
+
},
|
|
13
|
+
setup(__props) {
|
|
14
|
+
const props = __props;
|
|
15
|
+
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
16
|
+
return (_ctx, _cache) => {
|
|
17
|
+
return Mo.openBlock(), Mo.createBlock(button, Mo.mergeProps(Mo.unref(delegatedProps), {
|
|
18
|
+
size: "sm",
|
|
19
|
+
intent: "neutral",
|
|
20
|
+
variant: "stroke",
|
|
21
|
+
class: Mo.unref(clsx.clsx)("celeste-text-input-button", props.class)
|
|
22
|
+
}), {
|
|
23
|
+
default: Mo.withCtx(() => [
|
|
24
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
25
|
+
]),
|
|
26
|
+
_: 3
|
|
27
|
+
}, 16, ["class"]);
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const textInputButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-82489224"]]);
|
|
32
|
+
module.exports = textInputButton;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
const Mo = require("vue");
|
|
3
|
+
const useDelegatedProps = require("./use-delegated-props.js");
|
|
4
|
+
const clsx = require("./chunks/clsx.js");
|
|
5
|
+
;/* empty css */
|
|
6
|
+
const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
8
|
+
__name: "text-input-icon",
|
|
9
|
+
props: {
|
|
10
|
+
icon: {},
|
|
11
|
+
position: { default: "start" },
|
|
12
|
+
class: {}
|
|
13
|
+
},
|
|
14
|
+
setup(__props) {
|
|
15
|
+
const props = __props;
|
|
16
|
+
const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
|
|
17
|
+
return (_ctx, _cache) => {
|
|
18
|
+
return Mo.openBlock(), Mo.createElementBlock("div", Mo.mergeProps(Mo.unref(delegatedProps), {
|
|
19
|
+
class: Mo.unref(clsx.clsx)("celeste-text-input-icon", props.class)
|
|
20
|
+
}), [
|
|
21
|
+
Mo.createElementVNode("i", {
|
|
22
|
+
class: Mo.normalizeClass(_ctx.icon)
|
|
23
|
+
}, null, 2)
|
|
24
|
+
], 16);
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const textInputIcon = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-3b859b72"]]);
|
|
29
|
+
module.exports = textInputIcon;
|
|
@@ -0,0 +1,41 @@
|
|
|
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 _hoisted_1 = ["size", "has-error"];
|
|
6
|
+
const _hoisted_2 = ["type"];
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
8
|
+
__name: "text-input",
|
|
9
|
+
props: /* @__PURE__ */ Mo.mergeModels({
|
|
10
|
+
type: { default: "text" },
|
|
11
|
+
size: { default: "sm" },
|
|
12
|
+
hasError: { type: Boolean, default: false }
|
|
13
|
+
}, {
|
|
14
|
+
"modelValue": {},
|
|
15
|
+
"modelModifiers": {}
|
|
16
|
+
}),
|
|
17
|
+
emits: ["update:modelValue"],
|
|
18
|
+
setup(__props) {
|
|
19
|
+
const props = __props;
|
|
20
|
+
const modelValue = Mo.useModel(__props, "modelValue");
|
|
21
|
+
return (_ctx, _cache) => {
|
|
22
|
+
return Mo.openBlock(), Mo.createElementBlock("label", {
|
|
23
|
+
size: _ctx.size,
|
|
24
|
+
"has-error": _ctx.hasError,
|
|
25
|
+
class: "celeste-text-input-wrapper"
|
|
26
|
+
}, [
|
|
27
|
+
Mo.withDirectives(Mo.createElementVNode("input", Mo.mergeProps({
|
|
28
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
|
|
29
|
+
}, _ctx.$attrs, {
|
|
30
|
+
type: _ctx.type,
|
|
31
|
+
class: Mo.unref(clsx.clsx)("celeste-text-input", props.class)
|
|
32
|
+
}), null, 16, _hoisted_2), [
|
|
33
|
+
[Mo.vModelDynamic, modelValue.value]
|
|
34
|
+
]),
|
|
35
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
36
|
+
], 8, _hoisted_1);
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
const TextInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-a28be4ca"]]);
|
|
41
|
+
module.exports = TextInput;
|
|
@@ -0,0 +1,56 @@
|
|
|
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 _hoisted_1 = ["aria-disabled"];
|
|
6
|
+
const _hoisted_2 = ["placeholder", "maxlength", "disabled"];
|
|
7
|
+
const _hoisted_3 = {
|
|
8
|
+
key: 0,
|
|
9
|
+
class: "celeste-textarea-count"
|
|
10
|
+
};
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
12
|
+
__name: "textarea",
|
|
13
|
+
props: /* @__PURE__ */ Mo.mergeModels({
|
|
14
|
+
class: {},
|
|
15
|
+
placeholder: { default: "Placeholder" },
|
|
16
|
+
showCount: { type: Boolean, default: true },
|
|
17
|
+
disabled: { type: Boolean, default: false },
|
|
18
|
+
maxLength: {}
|
|
19
|
+
}, {
|
|
20
|
+
"modelValue": {},
|
|
21
|
+
"modelModifiers": {}
|
|
22
|
+
}),
|
|
23
|
+
emits: ["update:modelValue"],
|
|
24
|
+
setup(__props) {
|
|
25
|
+
const props = __props;
|
|
26
|
+
const modelValue = Mo.useModel(__props, "modelValue");
|
|
27
|
+
return (_ctx, _cache) => {
|
|
28
|
+
var _a;
|
|
29
|
+
return Mo.openBlock(), Mo.createElementBlock("div", {
|
|
30
|
+
class: Mo.normalizeClass(Mo.unref(clsx.clsx)(
|
|
31
|
+
"celeste-textarea-wrapper",
|
|
32
|
+
props.class
|
|
33
|
+
)),
|
|
34
|
+
"aria-disabled": _ctx.disabled,
|
|
35
|
+
onClick: _cache[1] || (_cache[1] = ($event) => {
|
|
36
|
+
var _a2;
|
|
37
|
+
return (_a2 = _ctx.$el.querySelector("textarea")) == null ? void 0 : _a2.focus();
|
|
38
|
+
})
|
|
39
|
+
}, [
|
|
40
|
+
Mo.withDirectives(Mo.createElementVNode("textarea", Mo.mergeProps({
|
|
41
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
|
|
42
|
+
}, _ctx.$attrs, {
|
|
43
|
+
placeholder: _ctx.placeholder,
|
|
44
|
+
maxlength: _ctx.maxLength,
|
|
45
|
+
disabled: _ctx.disabled,
|
|
46
|
+
class: "celeste-textarea"
|
|
47
|
+
}), null, 16, _hoisted_2), [
|
|
48
|
+
[Mo.vModelText, modelValue.value]
|
|
49
|
+
]),
|
|
50
|
+
_ctx.showCount && Number(_ctx.maxLength) ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_3, Mo.toDisplayString(`${((_a = modelValue.value) == null ? void 0 : _a.length) || 0}/${_ctx.maxLength}`), 1)) : Mo.createCommentVNode("", true)
|
|
51
|
+
], 10, _hoisted_1);
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
const textarea = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-76864cee"]]);
|
|
56
|
+
module.exports = textarea;
|
|
@@ -0,0 +1,115 @@
|
|
|
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 = { class: "celeste-tooltip-content-box" };
|
|
8
|
+
const _hoisted_2 = {
|
|
9
|
+
key: 0,
|
|
10
|
+
class: "celeste-tooltip-content-title"
|
|
11
|
+
};
|
|
12
|
+
const _hoisted_3 = {
|
|
13
|
+
key: 1,
|
|
14
|
+
class: "celeste-tooltip-content-description"
|
|
15
|
+
};
|
|
16
|
+
const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
|
|
17
|
+
__name: "tooltip",
|
|
18
|
+
props: {
|
|
19
|
+
class: {},
|
|
20
|
+
size: { default: "sm" },
|
|
21
|
+
variant: { default: "light" },
|
|
22
|
+
icon: {},
|
|
23
|
+
title: {},
|
|
24
|
+
description: {},
|
|
25
|
+
dismissible: { type: Boolean },
|
|
26
|
+
defaultOpen: { type: Boolean },
|
|
27
|
+
open: { type: Boolean },
|
|
28
|
+
delayDuration: { default: 0 },
|
|
29
|
+
disableHoverableContent: { type: Boolean },
|
|
30
|
+
disableClosingTrigger: { type: Boolean },
|
|
31
|
+
disabled: { type: Boolean },
|
|
32
|
+
ignoreNonKeyboardFocus: { type: Boolean },
|
|
33
|
+
forceMount: { type: Boolean },
|
|
34
|
+
ariaLabel: {},
|
|
35
|
+
asChild: { type: Boolean },
|
|
36
|
+
as: {},
|
|
37
|
+
side: {},
|
|
38
|
+
sideOffset: { default: 12 },
|
|
39
|
+
align: {},
|
|
40
|
+
alignOffset: {},
|
|
41
|
+
avoidCollisions: { type: Boolean },
|
|
42
|
+
collisionBoundary: {},
|
|
43
|
+
collisionPadding: {},
|
|
44
|
+
arrowPadding: {},
|
|
45
|
+
sticky: {},
|
|
46
|
+
hideWhenDetached: { type: Boolean }
|
|
47
|
+
},
|
|
48
|
+
emits: ["update:open"],
|
|
49
|
+
setup(__props, { emit: __emit }) {
|
|
50
|
+
const props = __props;
|
|
51
|
+
const emits = __emit;
|
|
52
|
+
const forwarded = index.xe(props, emits);
|
|
53
|
+
const isOpen = Mo.ref(props.defaultOpen);
|
|
54
|
+
function close() {
|
|
55
|
+
isOpen.value = false;
|
|
56
|
+
}
|
|
57
|
+
return (_ctx, _cache) => {
|
|
58
|
+
return Mo.openBlock(), Mo.createBlock(Mo.unref(index.Lg), null, {
|
|
59
|
+
default: Mo.withCtx(() => [
|
|
60
|
+
Mo.createVNode(Mo.unref(index.zg), Mo.mergeProps(Mo.unref(forwarded), {
|
|
61
|
+
open: props.open || isOpen.value,
|
|
62
|
+
"onUpdate:open": _cache[0] || (_cache[0] = (state) => isOpen.value = state)
|
|
63
|
+
}), {
|
|
64
|
+
default: Mo.withCtx(() => [
|
|
65
|
+
Mo.createVNode(Mo.unref(index.Kg), { "as-child": "" }, {
|
|
66
|
+
default: Mo.withCtx(() => [
|
|
67
|
+
Mo.renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
68
|
+
]),
|
|
69
|
+
_: 3
|
|
70
|
+
}),
|
|
71
|
+
Mo.createVNode(Mo.unref(index.jg), { class: "celeste-tooltip-portal" }, {
|
|
72
|
+
default: Mo.withCtx(() => [
|
|
73
|
+
Mo.createVNode(Mo.unref(index.Hg), Mo.mergeProps({ ...Mo.unref(forwarded), ..._ctx.$attrs }, {
|
|
74
|
+
size: _ctx.size,
|
|
75
|
+
variant: _ctx.variant,
|
|
76
|
+
class: Mo.unref(clsx.clsx)("celeste-tooltip-content", props.class)
|
|
77
|
+
}), {
|
|
78
|
+
default: Mo.withCtx(() => [
|
|
79
|
+
_ctx.icon ? (Mo.openBlock(), Mo.createElementBlock("i", {
|
|
80
|
+
key: 0,
|
|
81
|
+
class: Mo.normalizeClass(`celeste-tooltip-content-icon ${_ctx.icon}`)
|
|
82
|
+
}, null, 2)) : Mo.createCommentVNode("", true),
|
|
83
|
+
Mo.createElementVNode("div", _hoisted_1, [
|
|
84
|
+
_ctx.title ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_2, Mo.toDisplayString(_ctx.title), 1)) : Mo.createCommentVNode("", true),
|
|
85
|
+
_ctx.description ? (Mo.openBlock(), Mo.createElementBlock("span", _hoisted_3, Mo.toDisplayString(_ctx.description), 1)) : Mo.createCommentVNode("", true)
|
|
86
|
+
]),
|
|
87
|
+
_ctx.dismissible ? (Mo.openBlock(), Mo.createBlock(compactButton, {
|
|
88
|
+
key: 1,
|
|
89
|
+
variant: "ghost",
|
|
90
|
+
icon: "i-celeste-close-line",
|
|
91
|
+
onClick: close
|
|
92
|
+
})) : Mo.createCommentVNode("", true),
|
|
93
|
+
Mo.createVNode(Mo.unref(index.Wg), { "as-child": "" }, {
|
|
94
|
+
default: Mo.withCtx(() => _cache[1] || (_cache[1] = [
|
|
95
|
+
Mo.createElementVNode("span", { class: "celeste-tooltip-content-arrow" }, null, -1)
|
|
96
|
+
])),
|
|
97
|
+
_: 1
|
|
98
|
+
})
|
|
99
|
+
]),
|
|
100
|
+
_: 1
|
|
101
|
+
}, 16, ["size", "variant", "class"])
|
|
102
|
+
]),
|
|
103
|
+
_: 1
|
|
104
|
+
})
|
|
105
|
+
]),
|
|
106
|
+
_: 3
|
|
107
|
+
}, 16, ["open"])
|
|
108
|
+
]),
|
|
109
|
+
_: 3
|
|
110
|
+
});
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
const Tooltip = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-0dc4a40e"]]);
|
|
115
|
+
module.exports = Tooltip;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const useColorModel = require("./chunks/use-color-model.js");
|
|
4
|
+
require("vue");
|
|
5
|
+
exports.ColorPickerEmits = useColorModel.ColorPickerEmits;
|
|
6
|
+
exports.defineColorModel = useColorModel.defineColorModel;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const Mo = require("vue");
|
|
4
|
+
function useDelegatedProps(props, excludeKeys = ["class"]) {
|
|
5
|
+
return Mo.computed(() => {
|
|
6
|
+
const keysToExclude = Array.isArray(excludeKeys) ? excludeKeys : [excludeKeys];
|
|
7
|
+
const delegated = { ...props };
|
|
8
|
+
keysToExclude.forEach((key) => {
|
|
9
|
+
delete delegated[key];
|
|
10
|
+
});
|
|
11
|
+
return delegated;
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
exports.useDelegatedProps = useDelegatedProps;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const Mo = require("vue");
|
|
4
|
+
function useUserPageSelection() {
|
|
5
|
+
const isDisabled = Mo.ref(false);
|
|
6
|
+
let styleElement = null;
|
|
7
|
+
const preventPageUserSelect = () => {
|
|
8
|
+
if (!styleElement) {
|
|
9
|
+
styleElement = document.createElement("style");
|
|
10
|
+
styleElement.textContent = "body > * { user-select: none; }";
|
|
11
|
+
document.head.appendChild(styleElement);
|
|
12
|
+
isDisabled.value = true;
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
const allowPageUserSelect = () => {
|
|
16
|
+
if (styleElement) {
|
|
17
|
+
styleElement.remove();
|
|
18
|
+
styleElement = null;
|
|
19
|
+
isDisabled.value = false;
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
const togglePageUserSelect = () => {
|
|
23
|
+
if (styleElement) {
|
|
24
|
+
allowPageUserSelect();
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
preventPageUserSelect();
|
|
28
|
+
};
|
|
29
|
+
Mo.onUnmounted(() => {
|
|
30
|
+
allowPageUserSelect();
|
|
31
|
+
});
|
|
32
|
+
return {
|
|
33
|
+
isDisabled: Mo.readonly(isDisabled),
|
|
34
|
+
togglePageUserSelect,
|
|
35
|
+
preventPageUserSelect,
|
|
36
|
+
allowPageUserSelect
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
exports.useUserPageSelection = useUserPageSelection;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface AlertProps {
|
|
3
|
+
class?: HTMLAttributes['class'];
|
|
4
|
+
size?: 'xs' | 'sm' | 'lg';
|
|
5
|
+
variant?: 'fill' | 'light' | 'lighter' | 'stroke';
|
|
6
|
+
state?: 'information' | 'success' | 'warning' | 'error' | 'feature';
|
|
7
|
+
dismissable?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
|
+
dismiss: (...args: any[]) => void;
|
|
11
|
+
}, string, import('vue').PublicProps, Readonly<AlertProps> & Readonly<{
|
|
12
|
+
onDismiss?: ((...args: any[]) => any) | undefined;
|
|
13
|
+
}>, {
|
|
14
|
+
size: "xs" | "sm" | "lg";
|
|
15
|
+
variant: "fill" | "light" | "lighter" | "stroke";
|
|
16
|
+
state: "information" | "success" | "warning" | "error" | "feature";
|
|
17
|
+
dismissable: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
19
|
+
default?(_: {}): any;
|
|
20
|
+
title?(_: {}): any;
|
|
21
|
+
description?(_: {}): any;
|
|
22
|
+
primary?(_: {}): any;
|
|
23
|
+
secondary?(_: {}): any;
|
|
24
|
+
}>;
|
|
25
|
+
export default _default;
|
|
26
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface BadgeProps {
|
|
3
|
+
size?: 'sm' | 'md';
|
|
4
|
+
variant?: 'fill' | 'light' | 'lighter' | 'stroke';
|
|
5
|
+
type?: 'basic' | 'dot' | 'leading-icon' | 'trailing-icon';
|
|
6
|
+
state?: 'faded' | 'information' | 'warning' | 'error' | 'success' | 'away' | 'feature' | 'verified' | 'highlighted' | 'stable';
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
icon?: string;
|
|
9
|
+
label?: string;
|
|
10
|
+
class?: HTMLAttributes['class'];
|
|
11
|
+
}
|
|
12
|
+
declare const _default: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
|
|
13
|
+
size: "sm" | "md";
|
|
14
|
+
variant: "fill" | "light" | "lighter" | "stroke";
|
|
15
|
+
type: "basic" | "dot" | "leading-icon" | "trailing-icon";
|
|
16
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
17
|
+
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
export interface StatusBadgeProps {
|
|
3
|
+
variant?: 'stroke' | 'light';
|
|
4
|
+
dotted?: boolean;
|
|
5
|
+
state?: 'success' | 'warning' | 'error' | 'faded';
|
|
6
|
+
label: string;
|
|
7
|
+
class?: HTMLAttributes['class'];
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<StatusBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StatusBadgeProps> & Readonly<{}>, {
|
|
10
|
+
variant: "stroke" | "light";
|
|
11
|
+
state: "success" | "warning" | "error" | "faded";
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { PrimitiveProps } from 'radix-vue';
|
|
3
|
+
export interface ButtonProps extends PrimitiveProps {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
size?: 'xxs' | 'xs' | 'sm' | 'md';
|
|
6
|
+
intent?: 'primary' | 'neutral' | 'error';
|
|
7
|
+
variant?: 'fill' | 'stroke' | 'lighter' | 'ghost';
|
|
8
|
+
}
|
|
9
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
|
|
10
|
+
size: "xxs" | "xs" | "sm" | "md";
|
|
11
|
+
variant: "fill" | "stroke" | "lighter" | "ghost";
|
|
12
|
+
intent: "primary" | "neutral" | "error";
|
|
13
|
+
as: import('radix-vue').AsTag | import('vue').Component;
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
15
|
+
default?(_: {}): any;
|
|
16
|
+
}>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { PrimitiveProps } from 'radix-vue';
|
|
3
|
+
export interface CompactButtonProps extends PrimitiveProps {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
icon: string;
|
|
6
|
+
size?: 'lg' | 'md';
|
|
7
|
+
rounded?: boolean;
|
|
8
|
+
variant?: 'stroke' | 'white' | 'ghost';
|
|
9
|
+
}
|
|
10
|
+
declare const _default: import('vue').DefineComponent<CompactButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CompactButtonProps> & Readonly<{}>, {
|
|
11
|
+
size: "lg" | "md";
|
|
12
|
+
variant: "stroke" | "white" | "ghost";
|
|
13
|
+
as: import('radix-vue').AsTag | import('vue').Component;
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
import { PrimitiveProps } from 'radix-vue';
|
|
3
|
+
export interface FancyButtonProps extends PrimitiveProps {
|
|
4
|
+
class?: HTMLAttributes['class'];
|
|
5
|
+
size?: 'xs' | 'sm' | 'md';
|
|
6
|
+
intent?: 'primary' | 'neutral' | 'error' | 'basic';
|
|
7
|
+
}
|
|
8
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FancyButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FancyButtonProps> & Readonly<{}>, {
|
|
9
|
+
size: "xs" | "sm" | "md";
|
|
10
|
+
intent: "primary" | "neutral" | "error" | "basic";
|
|
11
|
+
as: import('radix-vue').AsTag | import('vue').Component;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export * from './button';
|
|
2
|
+
export { default as Button } from './button';
|
|
3
|
+
export * from './compact-button';
|
|
4
|
+
export { default as CompactButton } from './compact-button';
|
|
5
|
+
export * from './fancy-button';
|
|
6
|
+
export { default as FancyButton } from './fancy-button';
|
|
7
|
+
export * from './link-button';
|
|
8
|
+
export { default as LinkButton } from './link-button';
|
|
9
|
+
export * from './social-button';
|
|
10
|
+
export { default as SocialButton } from './social-button';
|