@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.
Files changed (419) hide show
  1. package/LICENSE +9 -0
  2. package/dist/celeste.css +3564 -0
  3. package/dist/cjs/alert.js +111 -0
  4. package/dist/cjs/alpha-slider.js +3 -0
  5. package/dist/cjs/badge.js +55 -0
  6. package/dist/cjs/button.js +39 -0
  7. package/dist/cjs/checkbox.js +3 -0
  8. package/dist/cjs/chunks/_plugin-vue_export-helper.js +9 -0
  9. package/dist/cjs/chunks/alpha-slider.js +127 -0
  10. package/dist/cjs/chunks/checkbox.vue_vue_type_style_index_0_lang.js +38 -0
  11. package/dist/cjs/chunks/clsx.js +15 -0
  12. package/dist/cjs/chunks/content-divider.vue_vue_type_style_index_0_lang.js +52 -0
  13. package/dist/cjs/chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js +51 -0
  14. package/dist/cjs/chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js +49 -0
  15. package/dist/cjs/chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js +32 -0
  16. package/dist/cjs/chunks/dropdown-menu-sub.js +25 -0
  17. package/dist/cjs/chunks/index.js +9056 -0
  18. package/dist/cjs/chunks/modal-close.js +22 -0
  19. package/dist/cjs/chunks/modal-trigger.js +22 -0
  20. package/dist/cjs/chunks/modal.js +26 -0
  21. package/dist/cjs/chunks/popover.js +26 -0
  22. package/dist/cjs/chunks/scroll-area.js +41 -0
  23. package/dist/cjs/chunks/select-group.js +22 -0
  24. package/dist/cjs/chunks/select.js +38 -0
  25. package/dist/cjs/chunks/slider.vue_vue_type_style_index_0_lang.js +52 -0
  26. package/dist/cjs/chunks/switch.vue_vue_type_style_index_0_lang.js +38 -0
  27. package/dist/cjs/chunks/use-color-model.js +992 -0
  28. package/dist/cjs/color-area.js +175 -0
  29. package/dist/cjs/color-picker.js +515 -0
  30. package/dist/cjs/color-swatch.js +59 -0
  31. package/dist/cjs/color.js +102 -0
  32. package/dist/cjs/command-group.js +41 -0
  33. package/dist/cjs/command-input.js +45 -0
  34. package/dist/cjs/command-item.js +34 -0
  35. package/dist/cjs/command-list.js +52 -0
  36. package/dist/cjs/command-root.js +45 -0
  37. package/dist/cjs/command-separator.js +32 -0
  38. package/dist/cjs/compact-button.js +42 -0
  39. package/dist/cjs/content-divider.js +3 -0
  40. package/dist/cjs/context-menu-item.js +134 -0
  41. package/dist/cjs/crypto.js +8 -0
  42. package/dist/cjs/dropdown-item.js +99 -0
  43. package/dist/cjs/dropdown-menu-content.js +3 -0
  44. package/dist/cjs/dropdown-menu-group.js +24 -0
  45. package/dist/cjs/dropdown-menu-item.js +68 -0
  46. package/dist/cjs/dropdown-menu-label.js +31 -0
  47. package/dist/cjs/dropdown-menu-separator.js +25 -0
  48. package/dist/cjs/dropdown-menu-sub-content.js +3 -0
  49. package/dist/cjs/dropdown-menu-sub-trigger.js +3 -0
  50. package/dist/cjs/dropdown-menu-sub.js +3 -0
  51. package/dist/cjs/dropdown-menu-trigger.js +26 -0
  52. package/dist/cjs/dropdown-menu.js +32 -0
  53. package/dist/cjs/dropdown.js +284 -0
  54. package/dist/cjs/fancy-button.js +38 -0
  55. package/dist/cjs/hint-text.js +36 -0
  56. package/dist/cjs/hue-slider.js +133 -0
  57. package/dist/cjs/index.js +190 -0
  58. package/dist/cjs/label.js +55 -0
  59. package/dist/cjs/link-button.js +44 -0
  60. package/dist/cjs/modal-body.js +22 -0
  61. package/dist/cjs/modal-close.js +3 -0
  62. package/dist/cjs/modal-content.js +48 -0
  63. package/dist/cjs/modal-footer.js +22 -0
  64. package/dist/cjs/modal-header.js +81 -0
  65. package/dist/cjs/modal-trigger.js +3 -0
  66. package/dist/cjs/modal.js +3 -0
  67. package/dist/cjs/popover-content.js +104 -0
  68. package/dist/cjs/popover-trigger.js +24 -0
  69. package/dist/cjs/popover.js +3 -0
  70. package/dist/cjs/scroll-area.js +3 -0
  71. package/dist/cjs/scroll-bar.js +39 -0
  72. package/dist/cjs/segmented-control-item.js +41 -0
  73. package/dist/cjs/segmented-control.js +40 -0
  74. package/dist/cjs/select-content.js +61 -0
  75. package/dist/cjs/select-group.js +3 -0
  76. package/dist/cjs/select-icon.js +25 -0
  77. package/dist/cjs/select-item.js +44 -0
  78. package/dist/cjs/select-label.js +32 -0
  79. package/dist/cjs/select-separator.js +26 -0
  80. package/dist/cjs/select-trigger.js +40 -0
  81. package/dist/cjs/select-value.js +31 -0
  82. package/dist/cjs/select.js +3 -0
  83. package/dist/cjs/shims.js +1 -0
  84. package/dist/cjs/slider.js +3 -0
  85. package/dist/cjs/social-button.js +45 -0
  86. package/dist/cjs/status-badge.js +49 -0
  87. package/dist/cjs/switch.js +3 -0
  88. package/dist/cjs/tab-menu-content.js +32 -0
  89. package/dist/cjs/tab-menu-item.js +44 -0
  90. package/dist/cjs/tab-menu-list.js +34 -0
  91. package/dist/cjs/tab-menu.js +32 -0
  92. package/dist/cjs/text-input-affix.js +28 -0
  93. package/dist/cjs/text-input-button.js +32 -0
  94. package/dist/cjs/text-input-icon.js +29 -0
  95. package/dist/cjs/text-input.js +41 -0
  96. package/dist/cjs/textarea.js +56 -0
  97. package/dist/cjs/tooltip.js +115 -0
  98. package/dist/cjs/use-color-model.js +6 -0
  99. package/dist/cjs/use-delegated-props.js +14 -0
  100. package/dist/cjs/use-user-select.js +39 -0
  101. package/dist/components/alert/alert.d.ts +30 -0
  102. package/dist/components/alert/index.d.ts +2 -0
  103. package/dist/components/badge/badge.d.ts +17 -0
  104. package/dist/components/badge/index.d.ts +4 -0
  105. package/dist/components/badge/status-badge.d.ts +13 -0
  106. package/dist/components/button/button.d.ts +22 -0
  107. package/dist/components/button/compact-button.d.ts +15 -0
  108. package/dist/components/button/fancy-button.d.ts +20 -0
  109. package/dist/components/button/index.d.ts +10 -0
  110. package/dist/components/button/link-button.d.ts +22 -0
  111. package/dist/components/button/social-button.d.ts +10 -0
  112. package/dist/components/checkbox/checkbox.d.ts +11 -0
  113. package/dist/components/checkbox/index.d.ts +2 -0
  114. package/dist/components/color-picker/alpha-slider.d.ts +15 -0
  115. package/dist/components/color-picker/color-area.d.ts +9 -0
  116. package/dist/components/color-picker/color-picker.d.ts +47 -0
  117. package/dist/components/color-picker/color-swatch.d.ts +19 -0
  118. package/dist/components/color-picker/composable/use-color-model.d.ts +7 -0
  119. package/dist/components/color-picker/composable/use-user-select.d.ts +8 -0
  120. package/dist/components/color-picker/hue-slider.d.ts +14 -0
  121. package/dist/components/color-picker/index.d.ts +10 -0
  122. package/dist/components/content-divider/content-divider.d.ts +10 -0
  123. package/dist/components/content-divider/index.d.ts +2 -0
  124. package/dist/components/dropdown/context-menu-item.d.ts +39 -0
  125. package/dist/components/dropdown/dropdown-item.d.ts +30 -0
  126. package/dist/components/dropdown/dropdown.d.ts +51 -0
  127. package/dist/components/dropdown/index.d.ts +6 -0
  128. package/dist/components/dropdown-menu/dropdown-menu-content.d.ts +36 -0
  129. package/dist/components/dropdown-menu/dropdown-menu-group.d.ts +18 -0
  130. package/dist/components/dropdown-menu/dropdown-menu-item.d.ts +26 -0
  131. package/dist/components/dropdown-menu/dropdown-menu-label.d.ts +22 -0
  132. package/dist/components/dropdown-menu/dropdown-menu-separator.d.ts +7 -0
  133. package/dist/components/dropdown-menu/dropdown-menu-sub-content.d.ts +38 -0
  134. package/dist/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts +22 -0
  135. package/dist/components/dropdown-menu/dropdown-menu-sub.d.ts +22 -0
  136. package/dist/components/dropdown-menu/dropdown-menu-trigger.d.ts +18 -0
  137. package/dist/components/dropdown-menu/dropdown-menu.d.ts +18 -0
  138. package/dist/components/dropdown-menu/index.d.ts +20 -0
  139. package/dist/components/hint-text/hint-text.d.ts +11 -0
  140. package/dist/components/hint-text/index.d.ts +2 -0
  141. package/dist/components/index.d.ts +20 -0
  142. package/dist/components/label/index.d.ts +2 -0
  143. package/dist/components/label/label.d.ts +29 -0
  144. package/dist/components/modal/index.d.ts +14 -0
  145. package/dist/components/modal/modal-body.d.ts +21 -0
  146. package/dist/components/modal/modal-close.d.ts +18 -0
  147. package/dist/components/modal/modal-content.d.ts +37 -0
  148. package/dist/components/modal/modal-footer.d.ts +21 -0
  149. package/dist/components/modal/modal-header.d.ts +16 -0
  150. package/dist/components/modal/modal-trigger.d.ts +18 -0
  151. package/dist/components/modal/modal.d.ts +22 -0
  152. package/dist/components/popover/index.d.ts +6 -0
  153. package/dist/components/popover/popover-content.d.ts +41 -0
  154. package/dist/components/popover/popover-trigger.d.ts +18 -0
  155. package/dist/components/popover/popover.d.ts +22 -0
  156. package/dist/components/scroll-area/index.d.ts +2 -0
  157. package/dist/components/scroll-area/scroll-area.d.ts +22 -0
  158. package/dist/components/scroll-area/scroll-bar.d.ts +9 -0
  159. package/dist/components/segmented-control/index.d.ts +4 -0
  160. package/dist/components/segmented-control/segmented-control-item.d.ts +22 -0
  161. package/dist/components/segmented-control/segmented-control.d.ts +26 -0
  162. package/dist/components/select/index.d.ts +18 -0
  163. package/dist/components/select/select-content.d.ts +33 -0
  164. package/dist/components/select/select-group.d.ts +18 -0
  165. package/dist/components/select/select-icon.d.ts +21 -0
  166. package/dist/components/select/select-item.d.ts +22 -0
  167. package/dist/components/select/select-label.d.ts +22 -0
  168. package/dist/components/select/select-separator.d.ts +7 -0
  169. package/dist/components/select/select-trigger.d.ts +28 -0
  170. package/dist/components/select/select-value.d.ts +22 -0
  171. package/dist/components/select/select.d.ts +28 -0
  172. package/dist/components/slider/index.d.ts +2 -0
  173. package/dist/components/slider/slider.d.ts +13 -0
  174. package/dist/components/switch/index.d.ts +2 -0
  175. package/dist/components/switch/switch.d.ts +11 -0
  176. package/dist/components/tab-menu/index.d.ts +8 -0
  177. package/dist/components/tab-menu/tab-menu-content.d.ts +22 -0
  178. package/dist/components/tab-menu/tab-menu-item.d.ts +24 -0
  179. package/dist/components/tab-menu/tab-menu-list.d.ts +22 -0
  180. package/dist/components/tab-menu/tab-menu.d.ts +23 -0
  181. package/dist/components/text-input/index.d.ts +8 -0
  182. package/dist/components/text-input/text-input-affix.d.ts +26 -0
  183. package/dist/components/text-input/text-input-button.d.ts +23 -0
  184. package/dist/components/text-input/text-input-icon.d.ts +10 -0
  185. package/dist/components/text-input/text-input.d.ts +27 -0
  186. package/dist/components/textarea/index.d.ts +2 -0
  187. package/dist/components/textarea/textarea.d.ts +22 -0
  188. package/dist/components/tooltip/index.d.ts +2 -0
  189. package/dist/components/tooltip/tooltip.d.ts +29 -0
  190. package/dist/composables/use-delegated-props.d.ts +2 -0
  191. package/dist/es/alert.js +112 -0
  192. package/dist/es/alpha-slider.js +4 -0
  193. package/dist/es/badge.js +56 -0
  194. package/dist/es/button.js +40 -0
  195. package/dist/es/checkbox.js +4 -0
  196. package/dist/es/chunks/_plugin-vue_export-helper.js +10 -0
  197. package/dist/es/chunks/alpha-slider.js +128 -0
  198. package/dist/es/chunks/checkbox.vue_vue_type_style_index_0_lang.js +39 -0
  199. package/dist/es/chunks/clsx.js +16 -0
  200. package/dist/es/chunks/content-divider.vue_vue_type_style_index_0_lang.js +53 -0
  201. package/dist/es/chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js +52 -0
  202. package/dist/es/chunks/dropdown-menu-sub-content.vue_vue_type_style_index_0_lang.js +50 -0
  203. package/dist/es/chunks/dropdown-menu-sub-trigger.vue_vue_type_style_index_0_lang.js +33 -0
  204. package/dist/es/chunks/dropdown-menu-sub.js +26 -0
  205. package/dist/es/chunks/index.js +9041 -0
  206. package/dist/es/chunks/modal-close.js +23 -0
  207. package/dist/es/chunks/modal-trigger.js +23 -0
  208. package/dist/es/chunks/modal.js +27 -0
  209. package/dist/es/chunks/popover.js +27 -0
  210. package/dist/es/chunks/scroll-area.js +42 -0
  211. package/dist/es/chunks/select-group.js +23 -0
  212. package/dist/es/chunks/select.js +39 -0
  213. package/dist/es/chunks/slider.vue_vue_type_style_index_0_lang.js +53 -0
  214. package/dist/es/chunks/switch.vue_vue_type_style_index_0_lang.js +39 -0
  215. package/dist/es/chunks/use-color-model.js +993 -0
  216. package/dist/es/color-area.js +176 -0
  217. package/dist/es/color-picker.js +516 -0
  218. package/dist/es/color-swatch.js +60 -0
  219. package/dist/es/color.js +102 -0
  220. package/dist/es/command-group.js +42 -0
  221. package/dist/es/command-input.js +46 -0
  222. package/dist/es/command-item.js +35 -0
  223. package/dist/es/command-list.js +53 -0
  224. package/dist/es/command-root.js +46 -0
  225. package/dist/es/command-separator.js +33 -0
  226. package/dist/es/compact-button.js +43 -0
  227. package/dist/es/content-divider.js +4 -0
  228. package/dist/es/context-menu-item.js +135 -0
  229. package/dist/es/crypto.js +8 -0
  230. package/dist/es/dropdown-item.js +100 -0
  231. package/dist/es/dropdown-menu-content.js +4 -0
  232. package/dist/es/dropdown-menu-group.js +25 -0
  233. package/dist/es/dropdown-menu-item.js +69 -0
  234. package/dist/es/dropdown-menu-label.js +32 -0
  235. package/dist/es/dropdown-menu-separator.js +26 -0
  236. package/dist/es/dropdown-menu-sub-content.js +4 -0
  237. package/dist/es/dropdown-menu-sub-trigger.js +4 -0
  238. package/dist/es/dropdown-menu-sub.js +4 -0
  239. package/dist/es/dropdown-menu-trigger.js +27 -0
  240. package/dist/es/dropdown-menu.js +33 -0
  241. package/dist/es/dropdown.js +285 -0
  242. package/dist/es/fancy-button.js +39 -0
  243. package/dist/es/hint-text.js +37 -0
  244. package/dist/es/hue-slider.js +134 -0
  245. package/dist/es/index.js +190 -0
  246. package/dist/es/label.js +56 -0
  247. package/dist/es/link-button.js +45 -0
  248. package/dist/es/modal-body.js +23 -0
  249. package/dist/es/modal-close.js +4 -0
  250. package/dist/es/modal-content.js +49 -0
  251. package/dist/es/modal-footer.js +23 -0
  252. package/dist/es/modal-header.js +82 -0
  253. package/dist/es/modal-trigger.js +4 -0
  254. package/dist/es/modal.js +4 -0
  255. package/dist/es/popover-content.js +105 -0
  256. package/dist/es/popover-trigger.js +25 -0
  257. package/dist/es/popover.js +4 -0
  258. package/dist/es/scroll-area.js +4 -0
  259. package/dist/es/scroll-bar.js +40 -0
  260. package/dist/es/segmented-control-item.js +42 -0
  261. package/dist/es/segmented-control.js +41 -0
  262. package/dist/es/select-content.js +62 -0
  263. package/dist/es/select-group.js +4 -0
  264. package/dist/es/select-icon.js +26 -0
  265. package/dist/es/select-item.js +45 -0
  266. package/dist/es/select-label.js +33 -0
  267. package/dist/es/select-separator.js +27 -0
  268. package/dist/es/select-trigger.js +41 -0
  269. package/dist/es/select-value.js +32 -0
  270. package/dist/es/select.js +4 -0
  271. package/dist/es/shims.js +1 -0
  272. package/dist/es/slider.js +4 -0
  273. package/dist/es/social-button.js +46 -0
  274. package/dist/es/status-badge.js +50 -0
  275. package/dist/es/switch.js +4 -0
  276. package/dist/es/tab-menu-content.js +33 -0
  277. package/dist/es/tab-menu-item.js +45 -0
  278. package/dist/es/tab-menu-list.js +35 -0
  279. package/dist/es/tab-menu.js +33 -0
  280. package/dist/es/text-input-affix.js +29 -0
  281. package/dist/es/text-input-button.js +33 -0
  282. package/dist/es/text-input-icon.js +30 -0
  283. package/dist/es/text-input.js +42 -0
  284. package/dist/es/textarea.js +57 -0
  285. package/dist/es/tooltip.js +116 -0
  286. package/dist/es/use-color-model.js +6 -0
  287. package/dist/es/use-delegated-props.js +14 -0
  288. package/dist/es/use-user-select.js +39 -0
  289. package/dist/index.d.ts +5 -0
  290. package/dist/utils/color.d.ts +26 -0
  291. package/dist/utils/crypto.d.ts +1 -0
  292. package/package.json +77 -0
  293. package/src/components/alert/alert.vue +312 -0
  294. package/src/components/alert/index.ts +2 -0
  295. package/src/components/alert/stories/alert.stories.ts +91 -0
  296. package/src/components/badge/badge.vue +131 -0
  297. package/src/components/badge/index.ts +5 -0
  298. package/src/components/badge/status-badge.vue +110 -0
  299. package/src/components/badge/stories/badge.stories.ts +33 -0
  300. package/src/components/badge/stories/status-badge.stories.ts +31 -0
  301. package/src/components/button/button.vue +281 -0
  302. package/src/components/button/compact-button.vue +126 -0
  303. package/src/components/button/fancy-button.vue +171 -0
  304. package/src/components/button/index.ts +14 -0
  305. package/src/components/button/link-button.vue +128 -0
  306. package/src/components/button/social-button.vue +130 -0
  307. package/src/components/button/stories/button.stories.ts +31 -0
  308. package/src/components/button/stories/compact-button.stories.ts +31 -0
  309. package/src/components/button/stories/fancy-button.stories.ts +31 -0
  310. package/src/components/button/stories/link-button.stories.ts +26 -0
  311. package/src/components/button/stories/social-button.stories.ts +29 -0
  312. package/src/components/checkbox/checkbox.vue +131 -0
  313. package/src/components/checkbox/index.ts +2 -0
  314. package/src/components/checkbox/stories/checkbox.stories.ts +102 -0
  315. package/src/components/color-picker/alpha-slider.vue +149 -0
  316. package/src/components/color-picker/color-area.vue +213 -0
  317. package/src/components/color-picker/color-picker.vue +642 -0
  318. package/src/components/color-picker/color-swatch.vue +98 -0
  319. package/src/components/color-picker/composable/use-color-model.ts +40 -0
  320. package/src/components/color-picker/composable/use-user-select.ts +51 -0
  321. package/src/components/color-picker/hue-slider.vue +156 -0
  322. package/src/components/color-picker/index.ts +14 -0
  323. package/src/components/color-picker/stories/color-picker.stories.ts +116 -0
  324. package/src/components/command/command-group.vue +42 -0
  325. package/src/components/command/command-input.vue +77 -0
  326. package/src/components/command/command-item.vue +45 -0
  327. package/src/components/command/command-list.vue +37 -0
  328. package/src/components/command/command-root.vue +45 -0
  329. package/src/components/command/command-separator.vue +31 -0
  330. package/src/components/content-divider/content-divider.vue +110 -0
  331. package/src/components/content-divider/index.ts +2 -0
  332. package/src/components/content-divider/stories/content-divider.stories.ts +37 -0
  333. package/src/components/dropdown/context-menu-item.vue +317 -0
  334. package/src/components/dropdown/dropdown-item.vue +184 -0
  335. package/src/components/dropdown/dropdown.vue +620 -0
  336. package/src/components/dropdown/index.ts +8 -0
  337. package/src/components/dropdown/stories/context-menu-item.stories.ts +51 -0
  338. package/src/components/dropdown/stories/dropdown-item.stories.ts +33 -0
  339. package/src/components/dropdown/stories/dropdown.stories.ts +53 -0
  340. package/src/components/dropdown-menu/dropdown-menu-content.vue +79 -0
  341. package/src/components/dropdown-menu/dropdown-menu-group.vue +19 -0
  342. package/src/components/dropdown-menu/dropdown-menu-item.vue +147 -0
  343. package/src/components/dropdown-menu/dropdown-menu-label.vue +33 -0
  344. package/src/components/dropdown-menu/dropdown-menu-separator.vue +27 -0
  345. package/src/components/dropdown-menu/dropdown-menu-sub-content.vue +72 -0
  346. package/src/components/dropdown-menu/dropdown-menu-sub-trigger.vue +70 -0
  347. package/src/components/dropdown-menu/dropdown-menu-sub.vue +19 -0
  348. package/src/components/dropdown-menu/dropdown-menu-trigger.vue +52 -0
  349. package/src/components/dropdown-menu/dropdown-menu.vue +23 -0
  350. package/src/components/dropdown-menu/index.ts +29 -0
  351. package/src/components/dropdown-menu/stories/dropdown-menu.stories.ts +107 -0
  352. package/src/components/hint-text/hint-text.vue +63 -0
  353. package/src/components/hint-text/index.ts +2 -0
  354. package/src/components/hint-text/stories/hint-text.stories.ts +28 -0
  355. package/src/components/index.ts +20 -0
  356. package/src/components/label/index.ts +2 -0
  357. package/src/components/label/label.vue +103 -0
  358. package/src/components/label/stories/label.stories.ts +127 -0
  359. package/src/components/modal/index.ts +20 -0
  360. package/src/components/modal/modal-body.vue +26 -0
  361. package/src/components/modal/modal-close.vue +11 -0
  362. package/src/components/modal/modal-content.vue +64 -0
  363. package/src/components/modal/modal-footer.vue +22 -0
  364. package/src/components/modal/modal-header.vue +165 -0
  365. package/src/components/modal/modal-trigger.vue +12 -0
  366. package/src/components/modal/modal.vue +15 -0
  367. package/src/components/modal/stories/modal.stories.ts +287 -0
  368. package/src/components/popover/index.ts +8 -0
  369. package/src/components/popover/popover-content.vue +254 -0
  370. package/src/components/popover/popover-trigger.vue +22 -0
  371. package/src/components/popover/popover.vue +17 -0
  372. package/src/components/popover/stories/popover.stories.ts +341 -0
  373. package/src/components/scroll-area/index.ts +2 -0
  374. package/src/components/scroll-area/scroll-area.vue +29 -0
  375. package/src/components/scroll-area/scroll-bar.vue +36 -0
  376. package/src/components/segmented-control/index.ts +5 -0
  377. package/src/components/segmented-control/segmented-control-item.vue +62 -0
  378. package/src/components/segmented-control/segmented-control.vue +38 -0
  379. package/src/components/segmented-control/stories/segmented-control.stories.ts +120 -0
  380. package/src/components/select/index.ts +26 -0
  381. package/src/components/select/select-content.vue +77 -0
  382. package/src/components/select/select-group.vue +11 -0
  383. package/src/components/select/select-icon.vue +29 -0
  384. package/src/components/select/select-item.vue +65 -0
  385. package/src/components/select/select-label.vue +27 -0
  386. package/src/components/select/select-separator.vue +25 -0
  387. package/src/components/select/select-trigger.vue +161 -0
  388. package/src/components/select/select-value.vue +37 -0
  389. package/src/components/select/select.vue +21 -0
  390. package/src/components/select/stories/select.stories.ts +428 -0
  391. package/src/components/slider/index.ts +2 -0
  392. package/src/components/slider/slider.vue +81 -0
  393. package/src/components/slider/stories/slider.stories.ts +30 -0
  394. package/src/components/switch/index.ts +2 -0
  395. package/src/components/switch/stories/switch.stories.ts +74 -0
  396. package/src/components/switch/switch.vue +92 -0
  397. package/src/components/tab-menu/index.ts +11 -0
  398. package/src/components/tab-menu/stories/tab-menu.stories.ts +239 -0
  399. package/src/components/tab-menu/tab-menu-content.vue +27 -0
  400. package/src/components/tab-menu/tab-menu-item.vue +108 -0
  401. package/src/components/tab-menu/tab-menu-list.vue +43 -0
  402. package/src/components/tab-menu/tab-menu.vue +29 -0
  403. package/src/components/text-input/index.ts +11 -0
  404. package/src/components/text-input/stories/text-input.stories.ts +244 -0
  405. package/src/components/text-input/text-input-affix.vue +58 -0
  406. package/src/components/text-input/text-input-button.vue +56 -0
  407. package/src/components/text-input/text-input-icon.vue +37 -0
  408. package/src/components/text-input/text-input.vue +187 -0
  409. package/src/components/textarea/index.ts +2 -0
  410. package/src/components/textarea/stories/textarea.stories.ts +27 -0
  411. package/src/components/textarea/textarea.vue +155 -0
  412. package/src/components/tooltip/index.ts +2 -0
  413. package/src/components/tooltip/stories/tooltip.stories.ts +138 -0
  414. package/src/components/tooltip/tooltip.vue +256 -0
  415. package/src/composables/use-delegated-props.ts +20 -0
  416. package/src/index.ts +13 -0
  417. package/src/shims.d.ts +6 -0
  418. package/src/utils/color.ts +131 -0
  419. 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,3 @@
1
+ "use strict";
2
+ const modalClose_vue_vue_type_script_setup_true_lang = require("./chunks/modal-close.js");
3
+ module.exports = modalClose_vue_vue_type_script_setup_true_lang._sfc_main;
@@ -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;
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ const modalTrigger_vue_vue_type_script_setup_true_lang = require("./chunks/modal-trigger.js");
3
+ module.exports = modalTrigger_vue_vue_type_script_setup_true_lang._sfc_main;
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ const modal_vue_vue_type_script_setup_true_lang = require("./chunks/modal.js");
3
+ module.exports = modal_vue_vue_type_script_setup_true_lang._sfc_main;