@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,42 @@
1
+ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
2
+ import { D as qv, ao as Yv } from "./chunks/index.js";
3
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "command-group",
6
+ props: {
7
+ asChild: { type: Boolean },
8
+ as: {},
9
+ class: {},
10
+ heading: {}
11
+ },
12
+ setup(__props) {
13
+ const props = __props;
14
+ const delegatedProps = computed(() => {
15
+ const { class: _, ...delegated } = props;
16
+ return delegated;
17
+ });
18
+ return (_ctx, _cache) => {
19
+ return openBlock(), createBlock(unref(qv), mergeProps(delegatedProps.value, {
20
+ class: ["celeste-command-group", props.class]
21
+ }), {
22
+ default: withCtx(() => [
23
+ _ctx.heading ? (openBlock(), createBlock(unref(Yv), {
24
+ key: 0,
25
+ class: "celeste-command-label"
26
+ }, {
27
+ default: withCtx(() => [
28
+ createTextVNode(toDisplayString(_ctx.heading), 1)
29
+ ]),
30
+ _: 1
31
+ })) : createCommentVNode("", true),
32
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
33
+ ]),
34
+ _: 3
35
+ }, 16, ["class"]);
36
+ };
37
+ }
38
+ });
39
+ const commandGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04d6d7e5"]]);
40
+ export {
41
+ commandGroup as default
42
+ };
@@ -0,0 +1,46 @@
1
+ import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createVNode, unref, mergeProps } from "vue";
2
+ import { c as clsx } from "./chunks/clsx.js";
3
+ import { A as At, an as Wv } from "./chunks/index.js";
4
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
5
+ const _hoisted_1 = {
6
+ class: "celeste-command-input",
7
+ "cmdk-input-wrapper": ""
8
+ };
9
+ const _sfc_main = /* @__PURE__ */ defineComponent({
10
+ ...{
11
+ inheritAttrs: false
12
+ },
13
+ __name: "command-input",
14
+ props: {
15
+ type: {},
16
+ disabled: { type: Boolean },
17
+ autoFocus: { type: Boolean },
18
+ asChild: { type: Boolean },
19
+ as: {},
20
+ class: {}
21
+ },
22
+ setup(__props) {
23
+ const props = __props;
24
+ const delegatedProps = computed(() => {
25
+ const { class: _, ...delegated } = props;
26
+ return delegated;
27
+ });
28
+ const forwardedProps = At(delegatedProps);
29
+ return (_ctx, _cache) => {
30
+ return openBlock(), createElementBlock("div", _hoisted_1, [
31
+ _cache[0] || (_cache[0] = createElementVNode("i", {
32
+ "i-celeste-search-line": "",
33
+ class: "celeste-command-input-icon"
34
+ }, null, -1)),
35
+ createVNode(unref(Wv), mergeProps({ ...unref(forwardedProps), ..._ctx.$attrs }, {
36
+ "auto-focus": "",
37
+ class: unref(clsx)("celeste-command-input-primitive", props.class)
38
+ }), null, 16, ["class"])
39
+ ]);
40
+ };
41
+ }
42
+ });
43
+ const commandInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c3aa78a4"]]);
44
+ export {
45
+ commandInput as default
46
+ };
@@ -0,0 +1,35 @@
1
+ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
2
+ import { x as xe, E as Qv } from "./chunks/index.js";
3
+ const _sfc_main = /* @__PURE__ */ defineComponent({
4
+ __name: "command-item",
5
+ props: {
6
+ value: {},
7
+ disabled: { type: Boolean },
8
+ asChild: { type: Boolean },
9
+ as: {},
10
+ class: {}
11
+ },
12
+ emits: ["select"],
13
+ setup(__props, { emit: __emit }) {
14
+ const props = __props;
15
+ const emits = __emit;
16
+ const delegatedProps = computed(() => {
17
+ const { class: _, ...delegated } = props;
18
+ return delegated;
19
+ });
20
+ const forwarded = xe(delegatedProps, emits);
21
+ return (_ctx, _cache) => {
22
+ return openBlock(), createBlock(unref(Qv), mergeProps(unref(forwarded), {
23
+ class: ["celeste-command-item", props.class]
24
+ }), {
25
+ default: withCtx(() => [
26
+ renderSlot(_ctx.$slots, "default")
27
+ ]),
28
+ _: 3
29
+ }, 16, ["class"]);
30
+ };
31
+ }
32
+ });
33
+ export {
34
+ _sfc_main as default
35
+ };
@@ -0,0 +1,53 @@
1
+ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot } from "vue";
2
+ import { x as xe, X as Xv } from "./chunks/index.js";
3
+ const _hoisted_1 = { role: "presentation" };
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "command-list",
6
+ props: {
7
+ forceMount: { type: Boolean },
8
+ position: {},
9
+ bodyLock: { type: Boolean },
10
+ dismissable: { type: Boolean, default: false },
11
+ side: {},
12
+ sideOffset: {},
13
+ align: {},
14
+ alignOffset: {},
15
+ avoidCollisions: { type: Boolean },
16
+ collisionBoundary: {},
17
+ collisionPadding: {},
18
+ arrowPadding: {},
19
+ sticky: {},
20
+ hideWhenDetached: { type: Boolean },
21
+ updatePositionStrategy: {},
22
+ prioritizePosition: { type: Boolean },
23
+ asChild: { type: Boolean },
24
+ as: {},
25
+ disableOutsidePointerEvents: { type: Boolean },
26
+ class: {}
27
+ },
28
+ emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
29
+ setup(__props, { emit: __emit }) {
30
+ const props = __props;
31
+ const emits = __emit;
32
+ const delegatedProps = computed(() => {
33
+ const { class: _, ...delegated } = props;
34
+ return delegated;
35
+ });
36
+ const forwarded = xe(delegatedProps, emits);
37
+ return (_ctx, _cache) => {
38
+ return openBlock(), createBlock(unref(Xv), mergeProps(unref(forwarded), {
39
+ class: ["celeste-command-list", props.class]
40
+ }), {
41
+ default: withCtx(() => [
42
+ createElementVNode("div", _hoisted_1, [
43
+ renderSlot(_ctx.$slots, "default")
44
+ ])
45
+ ]),
46
+ _: 3
47
+ }, 16, ["class"]);
48
+ };
49
+ }
50
+ });
51
+ export {
52
+ _sfc_main as default
53
+ };
@@ -0,0 +1,46 @@
1
+ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
2
+ import { x as xe, H as Hv } from "./chunks/index.js";
3
+ const _sfc_main = /* @__PURE__ */ defineComponent({
4
+ __name: "command-root",
5
+ props: {
6
+ modelValue: { default: "" },
7
+ defaultValue: {},
8
+ open: { type: Boolean, default: true },
9
+ defaultOpen: { type: Boolean },
10
+ searchTerm: {},
11
+ selectedValue: {},
12
+ multiple: { type: Boolean },
13
+ disabled: { type: Boolean },
14
+ name: {},
15
+ dir: {},
16
+ filterFunction: {},
17
+ displayValue: {},
18
+ resetSearchTermOnBlur: { type: Boolean },
19
+ asChild: { type: Boolean },
20
+ as: {},
21
+ class: {}
22
+ },
23
+ emits: ["update:modelValue", "update:open", "update:searchTerm", "update:selectedValue"],
24
+ setup(__props, { emit: __emit }) {
25
+ const props = __props;
26
+ const emits = __emit;
27
+ const delegatedProps = computed(() => {
28
+ const { class: _, ...delegated } = props;
29
+ return delegated;
30
+ });
31
+ const forwarded = xe(delegatedProps, emits);
32
+ return (_ctx, _cache) => {
33
+ return openBlock(), createBlock(unref(Hv), mergeProps(unref(forwarded), {
34
+ class: ["celeste-command-root", props.class]
35
+ }), {
36
+ default: withCtx(() => [
37
+ renderSlot(_ctx.$slots, "default")
38
+ ]),
39
+ _: 3
40
+ }, 16, ["class"]);
41
+ };
42
+ }
43
+ });
44
+ export {
45
+ _sfc_main as default
46
+ };
@@ -0,0 +1,33 @@
1
+ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
2
+ import { c as clsx } from "./chunks/clsx.js";
3
+ import { B as tm } from "./chunks/index.js";
4
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
5
+ const _sfc_main = /* @__PURE__ */ defineComponent({
6
+ __name: "command-separator",
7
+ props: {
8
+ asChild: { type: Boolean },
9
+ as: {},
10
+ class: {}
11
+ },
12
+ setup(__props) {
13
+ const props = __props;
14
+ const delegatedProps = computed(() => {
15
+ const { class: _, ...delegated } = props;
16
+ return delegated;
17
+ });
18
+ return (_ctx, _cache) => {
19
+ return openBlock(), createBlock(unref(tm), mergeProps(delegatedProps.value, {
20
+ class: unref(clsx)("celeste-command-separator", props.class)
21
+ }), {
22
+ default: withCtx(() => [
23
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
24
+ ]),
25
+ _: 3
26
+ }, 16, ["class"]);
27
+ };
28
+ }
29
+ });
30
+ const commandSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-547148a7"]]);
31
+ export {
32
+ commandSeparator as default
33
+ };
@@ -0,0 +1,43 @@
1
+ import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, createElementVNode } from "vue";
2
+ import { c as clsx } from "./chunks/clsx.js";
3
+ import { f as O } from "./chunks/index.js";
4
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
5
+ const _sfc_main = /* @__PURE__ */ defineComponent({
6
+ __name: "compact-button",
7
+ props: {
8
+ class: {},
9
+ icon: {},
10
+ size: { default: "lg" },
11
+ rounded: { type: Boolean },
12
+ variant: { default: "stroke" },
13
+ asChild: { type: Boolean },
14
+ as: { default: "button" }
15
+ },
16
+ setup(__props) {
17
+ const props = __props;
18
+ return (_ctx, _cache) => {
19
+ return openBlock(), createBlock(unref(O), {
20
+ as: _ctx.as,
21
+ "as-child": _ctx.asChild,
22
+ class: normalizeClass(unref(clsx)(
23
+ "celeste-cbutton",
24
+ `celeste-cbutton-${_ctx.size}`,
25
+ `celeste-cbutton-${_ctx.variant}`,
26
+ _ctx.rounded && `celeste-cbutton-rounded`,
27
+ props.class
28
+ ))
29
+ }, {
30
+ default: withCtx(() => [
31
+ createElementVNode("i", {
32
+ class: normalizeClass(_ctx.icon)
33
+ }, null, 2)
34
+ ]),
35
+ _: 1
36
+ }, 8, ["as", "as-child", "class"]);
37
+ };
38
+ }
39
+ });
40
+ const CompactButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c062bacd"]]);
41
+ export {
42
+ CompactButton as default
43
+ };
@@ -0,0 +1,4 @@
1
+ import { _ as _sfc_main } from "./chunks/content-divider.vue_vue_type_style_index_0_lang.js";
2
+ export {
3
+ _sfc_main as default
4
+ };
@@ -0,0 +1,135 @@
1
+ import { defineComponent, mergeModels, useModel, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, toDisplayString, createBlock, mergeProps, createVNode, withCtx, normalizeProps } from "vue";
2
+ import { c as clsx } from "./chunks/clsx.js";
3
+ import { m as mg, h as hg } from "./chunks/index.js";
4
+ import Badge from "./badge.js";
5
+ import Button from "./button.js";
6
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
7
+ const _hoisted_1 = ["aria-disabled"];
8
+ const _hoisted_2 = { class: "celeste-context-menu-item-info" };
9
+ const _hoisted_3 = ["innerHTML"];
10
+ const _hoisted_4 = {
11
+ key: 0,
12
+ class: "celeste-context-menu-item-sublabel"
13
+ };
14
+ const _hoisted_5 = {
15
+ key: 0,
16
+ class: "celeste-context-menu-item-description"
17
+ };
18
+ const _hoisted_6 = {
19
+ key: 2,
20
+ class: "celeste-context-menu-item-shortcut"
21
+ };
22
+ const _hoisted_7 = { class: "celeste-context-menu-item-switch" };
23
+ const _hoisted_8 = { class: "celeste-context-menu-item-button" };
24
+ const _hoisted_9 = {
25
+ key: 3,
26
+ class: "celeste-context-menu-item-suffix"
27
+ };
28
+ const _sfc_main = /* @__PURE__ */ defineComponent({
29
+ __name: "context-menu-item",
30
+ props: /* @__PURE__ */ mergeModels({
31
+ size: { default: "sm" },
32
+ class: {},
33
+ label: {},
34
+ sublabel: {},
35
+ description: {},
36
+ disabled: { type: Boolean, default: false },
37
+ focused: { type: Boolean, default: false },
38
+ badgeProps: {},
39
+ shortcut: {},
40
+ toggle: { type: Boolean },
41
+ selected: { type: Boolean },
42
+ buttonProps: {},
43
+ rightIcon: {}
44
+ }, {
45
+ "selected": { type: Boolean },
46
+ "selectedModifiers": {}
47
+ }),
48
+ emits: ["update:selected"],
49
+ setup(__props) {
50
+ const props = __props;
51
+ const selectedModel = useModel(__props, "selected");
52
+ const mergedBadgeProps = computed(() => ({
53
+ ...props.badgeProps,
54
+ disabled: props.disabled
55
+ }));
56
+ const mergedButtonProps = computed(() => {
57
+ return props.buttonProps ? {
58
+ size: props.size === "sm" ? "xxs" : "xs",
59
+ variant: props.size === "sm" ? "ghost" : "lighter",
60
+ disabled: props.disabled,
61
+ ...props.buttonProps
62
+ } : null;
63
+ });
64
+ return (_ctx, _cache) => {
65
+ return openBlock(), createElementBlock("div", {
66
+ tabindex: "0",
67
+ "aria-disabled": _ctx.disabled,
68
+ class: normalizeClass(unref(clsx)(
69
+ "celeste-context-menu-item",
70
+ `celeste-context-menu-item-size-${_ctx.size}`,
71
+ { "celeste-context-menu-item-disabled": _ctx.disabled },
72
+ { "celeste-context-menu-item-selected": __props.selected },
73
+ { "celeste-context-menu-item-focused": _ctx.focused }
74
+ ))
75
+ }, [
76
+ _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
77
+ key: 0,
78
+ class: normalizeClass(unref(clsx)(
79
+ "celeste-context-menu-item-prefix",
80
+ `celeste-context-menu-item-prefix-${_ctx.size}`
81
+ ))
82
+ }, [
83
+ renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
84
+ ], 2)) : createCommentVNode("", true),
85
+ createElementVNode("div", _hoisted_2, [
86
+ createElementVNode("div", {
87
+ class: normalizeClass(unref(clsx)(
88
+ "celeste-context-menu-item-header",
89
+ `celeste-context-menu-item-header-${_ctx.size}`
90
+ ))
91
+ }, [
92
+ createElementVNode("span", {
93
+ class: "celeste-context-menu-item-label",
94
+ innerHTML: _ctx.label
95
+ }, null, 8, _hoisted_3),
96
+ _ctx.sublabel ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.sublabel), 1)) : createCommentVNode("", true)
97
+ ], 2),
98
+ props.description && props.size === "lg" ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
99
+ ]),
100
+ mergedBadgeProps.value ? (openBlock(), createBlock(Badge, mergeProps({ key: 1 }, mergedBadgeProps.value, { class: "celeste-context-menu-item-badge" }), null, 16)) : createCommentVNode("", true),
101
+ _ctx.shortcut ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(_ctx.shortcut), 1)) : createCommentVNode("", true),
102
+ createElementVNode("span", _hoisted_7, [
103
+ createVNode(unref(mg), {
104
+ checked: selectedModel.value,
105
+ "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => selectedModel.value = $event),
106
+ disabled: _ctx.disabled,
107
+ class: "celeste-switch-root"
108
+ }, {
109
+ default: withCtx(() => [
110
+ createVNode(unref(hg), { class: "celeste-switch-thumb" })
111
+ ]),
112
+ _: 1
113
+ }, 8, ["checked", "disabled"])
114
+ ]),
115
+ createElementVNode("span", _hoisted_8, [
116
+ mergedButtonProps.value ? (openBlock(), createBlock(Button, normalizeProps(mergeProps({ key: 0 }, mergedButtonProps.value)), {
117
+ default: withCtx(() => [
118
+ renderSlot(_ctx.$slots, "button-label", {}, void 0, true)
119
+ ]),
120
+ _: 3
121
+ }, 16)) : createCommentVNode("", true)
122
+ ]),
123
+ _ctx.rightIcon ? (openBlock(), createElementBlock("span", _hoisted_9, [
124
+ createElementVNode("i", {
125
+ class: normalizeClass(_ctx.rightIcon)
126
+ }, null, 2)
127
+ ])) : createCommentVNode("", true)
128
+ ], 10, _hoisted_1);
129
+ };
130
+ }
131
+ });
132
+ const contextMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3d94f388"]]);
133
+ export {
134
+ contextMenuItem as default
135
+ };
@@ -0,0 +1,8 @@
1
+ function uid(prefix = "", random = false) {
2
+ const sec = Date.now() * 1e3 + Math.random() * 1e3;
3
+ const id = sec.toString(16).replace(/\./g, "").padEnd(14, "0");
4
+ return `${prefix}${id}${random ? `.${Math.trunc(Math.random() * 1e8)}` : ""}`;
5
+ }
6
+ export {
7
+ uid
8
+ };
@@ -0,0 +1,100 @@
1
+ import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, withKeys, createBlock, createCommentVNode, renderSlot, createElementVNode, toDisplayString } from "vue";
2
+ import { c as clsx } from "./chunks/clsx.js";
3
+ import { _ as _sfc_main$1 } from "./chunks/checkbox.vue_vue_type_style_index_0_lang.js";
4
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
5
+ const _hoisted_1 = ["aria-disabled"];
6
+ const _hoisted_2 = { class: "celeste-dropdown-item-info" };
7
+ const _hoisted_3 = ["innerHTML"];
8
+ const _hoisted_4 = {
9
+ key: 0,
10
+ class: "celeste-dropdown-item-sublabel"
11
+ };
12
+ const _hoisted_5 = {
13
+ key: 0,
14
+ class: "celeste-dropdown-item-description"
15
+ };
16
+ const _hoisted_6 = {
17
+ key: 2,
18
+ class: "celeste-dropdown-item-suffix"
19
+ };
20
+ const _hoisted_7 = {
21
+ key: 3,
22
+ class: "i-celeste-check-fill"
23
+ };
24
+ const _sfc_main = /* @__PURE__ */ defineComponent({
25
+ __name: "dropdown-item",
26
+ props: {
27
+ class: {},
28
+ label: {},
29
+ size: { default: "sm" },
30
+ checkbox: { type: Boolean },
31
+ sublabel: {},
32
+ description: {},
33
+ selected: { type: [Boolean, String], default: false },
34
+ disabled: { type: Boolean, default: false },
35
+ focused: { type: Boolean, default: false }
36
+ },
37
+ emits: ["update:selected"],
38
+ setup(__props, { emit: __emit }) {
39
+ const props = __props;
40
+ const emit = __emit;
41
+ function toggleSelection() {
42
+ if (!props.disabled && props.checkbox) {
43
+ emit("update:selected", !props.selected);
44
+ }
45
+ }
46
+ return (_ctx, _cache) => {
47
+ return openBlock(), createElementBlock("div", {
48
+ tabindex: "0",
49
+ "aria-disabled": _ctx.disabled,
50
+ class: normalizeClass(unref(clsx)(
51
+ "celeste-dropdown-item",
52
+ { "celeste-dropdown-item-disabled": _ctx.disabled },
53
+ { "celeste-dropdown-item-selected": _ctx.selected },
54
+ { "celeste-dropdown-item-focused": _ctx.focused }
55
+ )),
56
+ onKeydown: withKeys(toggleSelection, ["enter"]),
57
+ onClick: toggleSelection
58
+ }, [
59
+ _ctx.checkbox && _ctx.size === "sm" ? (openBlock(), createBlock(_sfc_main$1, {
60
+ key: 0,
61
+ checked: _ctx.selected,
62
+ disabled: _ctx.disabled,
63
+ "onUpdate:checked": _cache[0] || (_cache[0] = (value) => _ctx.$emit("update:selected", value))
64
+ }, null, 8, ["checked", "disabled"])) : createCommentVNode("", true),
65
+ _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", {
66
+ key: 1,
67
+ class: normalizeClass(unref(clsx)(
68
+ "celeste-dropdown-item-prefix",
69
+ `celeste-dropdown-item-prefix-${_ctx.size}`
70
+ ))
71
+ }, [
72
+ renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
73
+ ], 2)) : createCommentVNode("", true),
74
+ createElementVNode("div", _hoisted_2, [
75
+ createElementVNode("div", {
76
+ class: normalizeClass(unref(clsx)(
77
+ "celeste-dropdown-item-header",
78
+ `celeste-dropdown-item-header-${_ctx.size}`
79
+ ))
80
+ }, [
81
+ createElementVNode("span", {
82
+ class: "celeste-dropdown-item-label",
83
+ innerHTML: _ctx.label
84
+ }, null, 8, _hoisted_3),
85
+ _ctx.sublabel ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(_ctx.sublabel), 1)) : createCommentVNode("", true)
86
+ ], 2),
87
+ props.description && props.size === "lg" ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
88
+ ]),
89
+ _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_6, [
90
+ renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
91
+ ])) : createCommentVNode("", true),
92
+ _ctx.selected ? (openBlock(), createElementBlock("i", _hoisted_7)) : createCommentVNode("", true)
93
+ ], 42, _hoisted_1);
94
+ };
95
+ }
96
+ });
97
+ const DropdownItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a0a634ce"]]);
98
+ export {
99
+ DropdownItem as default
100
+ };
@@ -0,0 +1,4 @@
1
+ import { _ as _sfc_main } from "./chunks/dropdown-menu-content.vue_vue_type_style_index_0_lang.js";
2
+ export {
3
+ _sfc_main as default
4
+ };
@@ -0,0 +1,25 @@
1
+ import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
2
+ import { I as fh } from "./chunks/index.js";
3
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
4
+ const _sfc_main = /* @__PURE__ */ defineComponent({
5
+ __name: "dropdown-menu-group",
6
+ props: {
7
+ asChild: { type: Boolean },
8
+ as: {}
9
+ },
10
+ setup(__props) {
11
+ const props = __props;
12
+ return (_ctx, _cache) => {
13
+ return openBlock(), createBlock(unref(fh), mergeProps({ class: "celeste-dropdown-menu-group" }, props), {
14
+ default: withCtx(() => [
15
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
16
+ ]),
17
+ _: 3
18
+ }, 16);
19
+ };
20
+ }
21
+ });
22
+ const dropdownMenuGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87c13894"]]);
23
+ export {
24
+ dropdownMenuGroup as default
25
+ };
@@ -0,0 +1,69 @@
1
+ import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot, toDisplayString, createElementBlock, createCommentVNode } from "vue";
2
+ import { useDelegatedProps } from "./use-delegated-props.js";
3
+ import { c as clsx } from "./chunks/clsx.js";
4
+ import { A as At, L as ch } from "./chunks/index.js";
5
+ import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
6
+ const _hoisted_1 = { class: "celeste-dropdown-menu-item-prefix" };
7
+ const _hoisted_2 = { class: "celeste-dropdown-menu-item-body" };
8
+ const _hoisted_3 = { class: "celeste-dropdown-menu-item-text" };
9
+ const _hoisted_4 = ["title"];
10
+ const _hoisted_5 = ["title"];
11
+ const _hoisted_6 = {
12
+ key: 0,
13
+ class: "celeste-dropdown-menu-item-description"
14
+ };
15
+ const _hoisted_7 = { class: "celeste-dropdown-menu-item-suffix" };
16
+ const _sfc_main = /* @__PURE__ */ defineComponent({
17
+ __name: "dropdown-menu-item",
18
+ props: {
19
+ disabled: { type: Boolean },
20
+ textValue: {},
21
+ asChild: { type: Boolean },
22
+ as: {},
23
+ class: {},
24
+ label: {},
25
+ sublabel: {},
26
+ description: {}
27
+ },
28
+ setup(__props) {
29
+ const props = __props;
30
+ const delegatedProps = useDelegatedProps(props, "class");
31
+ const forwardedProps = At(delegatedProps);
32
+ return (_ctx, _cache) => {
33
+ return openBlock(), createBlock(unref(ch), mergeProps(unref(forwardedProps), {
34
+ class: unref(clsx)(
35
+ "celeste-dropdown-menu-item",
36
+ props.class
37
+ )
38
+ }), {
39
+ default: withCtx(() => [
40
+ createElementVNode("div", _hoisted_1, [
41
+ renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
42
+ ]),
43
+ createElementVNode("div", _hoisted_2, [
44
+ createElementVNode("div", _hoisted_3, [
45
+ createElementVNode("span", {
46
+ class: "celeste-dropdown-menu-item-label",
47
+ title: _ctx.label
48
+ }, toDisplayString(_ctx.label), 9, _hoisted_4),
49
+ _ctx.sublabel ? (openBlock(), createElementBlock("span", {
50
+ key: 0,
51
+ title: _ctx.sublabel,
52
+ class: "celeste-dropdown-menu-item-sublabel"
53
+ }, toDisplayString(_ctx.sublabel), 9, _hoisted_5)) : createCommentVNode("", true)
54
+ ]),
55
+ _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
56
+ ]),
57
+ createElementVNode("div", _hoisted_7, [
58
+ renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
59
+ ])
60
+ ]),
61
+ _: 3
62
+ }, 16, ["class"]);
63
+ };
64
+ }
65
+ });
66
+ const dropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6a0291c"]]);
67
+ export {
68
+ dropdownMenuItem as default
69
+ };