@luzmo/lucero 1.0.3-alpha.2 → 1.0.3-alpha.20

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 (412) hide show
  1. package/LICENSE +16 -16
  2. package/README.md +0 -4
  3. package/components/accordion/index.cjs +17 -17
  4. package/components/accordion/index.js +18 -18
  5. package/components/{accordion-DC7cjb1c.js → accordion-BDchhAjE.js} +20 -20
  6. package/components/accordion-CW7xAsId.cjs +43 -0
  7. package/components/action-bar/index.cjs +17 -17
  8. package/components/action-bar/index.js +18 -18
  9. package/components/{action-bar-Dn4IDXEF.js → action-bar-Bg4e-l3a.js} +22 -22
  10. package/components/action-bar-DMwIDDPw.cjs +39 -0
  11. package/components/action-button/action-button.d.ts +12 -1
  12. package/components/action-button/index.cjs +17 -17
  13. package/components/action-button/index.d.ts +1 -1
  14. package/components/action-button/index.js +18 -18
  15. package/components/{action-button-BSofLc03.js → action-button-NzV0nn14.js} +25 -25
  16. package/components/action-button-fCvHkuEM.cjs +22 -0
  17. package/components/action-group/index.cjs +17 -17
  18. package/components/action-group/index.js +18 -18
  19. package/components/{action-group-DYKpp-mz.js → action-group-BQ-fyPYS.js} +19 -19
  20. package/components/action-group-D1G30Iir.cjs +20 -0
  21. package/components/action-menu/index.cjs +17 -17
  22. package/components/action-menu/index.js +18 -18
  23. package/components/{action-menu-C04EVpwz.js → action-menu-B4rFNFVf.js} +24 -24
  24. package/components/{action-menu-NSNMnYa0.cjs → action-menu-BBubpnCw.cjs} +18 -18
  25. package/components/avatar/avatar.d.ts +17 -1
  26. package/components/avatar/index.cjs +17 -17
  27. package/components/avatar/index.js +18 -18
  28. package/components/avatar-BA5FPKYf.cjs +34 -0
  29. package/components/avatar-Nb0368Wi.js +98 -0
  30. package/components/badge/badge.d.ts +1 -1
  31. package/components/badge/index.cjs +17 -17
  32. package/components/badge/index.js +18 -18
  33. package/components/badge-6_IAkej3.cjs +23 -0
  34. package/components/badge-CKqoYhAy.js +94 -0
  35. package/components/button/button-base.d.ts +1 -0
  36. package/components/button/button.d.ts +1 -2
  37. package/components/button/index.cjs +17 -17
  38. package/components/button/index.js +19 -19
  39. package/components/button-BeF6gpKm.cjs +20 -0
  40. package/components/{button-base-CzTYjZND.js → button-base-Cr7Ri4lG.js} +42 -28
  41. package/components/{button-base-Dj2qQqwO.cjs → button-base-DC6VHp5W.cjs} +19 -19
  42. package/components/button-group/index.cjs +17 -17
  43. package/components/button-group/index.js +18 -18
  44. package/components/button-group-6M8M-TUI.cjs +18 -0
  45. package/components/{button-group-BiQxYcQ2.js → button-group-DaANSInm.js} +18 -18
  46. package/components/{button-BQlc1FVG.js → button-yeMxaZCR.js} +23 -22
  47. package/components/calendar/index.cjs +17 -17
  48. package/components/calendar/index.js +18 -18
  49. package/components/{calendar-CFIH72Za.js → calendar-BPnO-Ai8.js} +20 -20
  50. package/components/calendar-CCY5YDpD.cjs +142 -0
  51. package/components/chat-message/index.cjs +17 -17
  52. package/components/chat-message/index.js +18 -18
  53. package/components/{chat-message-DJgocVNj.js → chat-message-BDTAV-Ph.js} +695 -517
  54. package/components/chat-message-SBnm0ITB.cjs +150 -0
  55. package/components/chat-message-group/index.cjs +17 -17
  56. package/components/chat-message-group/index.js +18 -18
  57. package/components/chat-message-group-CzCwyW7F.cjs +24 -0
  58. package/components/{chat-message-group-B4U2MzHx.js → chat-message-group-D7vdn2gG.js} +18 -18
  59. package/components/checkbox/checkbox.d.ts +8 -1
  60. package/components/checkbox/index.cjs +17 -17
  61. package/components/checkbox/index.js +18 -18
  62. package/components/{checkbox-CPS-tR_i.js → checkbox-6YzkdHR4.js} +25 -21
  63. package/components/checkbox-DdatW4xE.cjs +25 -0
  64. package/components/{checkbox-mixin-C5sLMo5L.js → checkbox-mixin-jqmrh48O.js} +18 -18
  65. package/components/{checkbox-mixin-D4HeLrMj.cjs → checkbox-mixin-rFRXqyrK.cjs} +19 -19
  66. package/components/{close-button-MgaJT7yO.js → close-button-LSSbv5ia.js} +20 -20
  67. package/components/close-button-hePosu7B.cjs +18 -0
  68. package/components/color-area/color-area.d.ts +7 -0
  69. package/components/color-area/index.cjs +17 -17
  70. package/components/color-area/index.js +18 -18
  71. package/components/color-area-B5OHLqtm.cjs +80 -0
  72. package/components/{color-area-DViRjuKo.js → color-area-CAM3uysY.js} +30 -28
  73. package/components/color-controller-DZe3_BMD.cjs +18 -0
  74. package/components/{color-controller-G2_v2xSl.js → color-controller-Rg_Zl0sT.js} +16 -16
  75. package/components/color-field/index.cjs +17 -17
  76. package/components/color-field/index.js +18 -18
  77. package/components/{color-field-CxdIoSq6.js → color-field-BBUgyihj.js} +19 -19
  78. package/components/{color-field-D7_7z2A2.cjs → color-field-BKBpEfot.cjs} +18 -18
  79. package/components/color-handle/index.cjs +17 -17
  80. package/components/color-handle/index.js +18 -18
  81. package/components/color-handle-BwV3Nia5.cjs +24 -0
  82. package/components/{color-handle-BOusOFFx.js → color-handle-DioEcX1V.js} +18 -18
  83. package/components/color-loupe/index.cjs +17 -17
  84. package/components/color-loupe/index.js +18 -18
  85. package/components/color-loupe-C_C2hy-m.cjs +56 -0
  86. package/components/{color-loupe-bEzi2P0y.js → color-loupe-ZcCecT0r.js} +17 -17
  87. package/components/color-menu/index.cjs +17 -17
  88. package/components/color-menu/index.js +18 -18
  89. package/components/{color-menu-Lxc9PTzl.js → color-menu-CZGDEdC4.js} +25 -25
  90. package/components/color-menu-etodAPbs.cjs +89 -0
  91. package/components/color-palette/index.cjs +17 -17
  92. package/components/color-palette/index.js +18 -18
  93. package/components/color-palette-C6G0Tdla.cjs +18 -0
  94. package/components/{color-palette-BAdaNySC.js → color-palette-FQyIMSwP.js} +19 -19
  95. package/components/color-palette-group/index.cjs +17 -17
  96. package/components/color-palette-group/index.js +18 -18
  97. package/components/color-palette-group-B4r4tPfY.cjs +28 -0
  98. package/components/{color-palette-group-D8Mavsd2.js → color-palette-group-o6bnF-Ir.js} +19 -19
  99. package/components/color-picker/index.cjs +17 -17
  100. package/components/color-picker/index.js +18 -18
  101. package/components/{color-picker-DqjfTvYf.js → color-picker-BPHkTsWA.js} +22 -22
  102. package/components/{color-picker-CSWiU-X5.cjs → color-picker-TV7ke61W.cjs} +18 -18
  103. package/components/color-slider/index.cjs +17 -17
  104. package/components/color-slider/index.js +18 -18
  105. package/components/{color-slider-ihAIFt5p.js → color-slider-BZ3G8Zgn.js} +22 -21
  106. package/components/color-slider-CVSEpLOP.cjs +57 -0
  107. package/components/{condition-attribute-with-id-Duo51HZ7.js → condition-attribute-with-id-BdnTdWKz.js} +16 -16
  108. package/components/{condition-attribute-with-id-DauPaLSS.cjs → condition-attribute-with-id-Cw92IbcP.cjs} +17 -17
  109. package/components/date-range-picker/index.cjs +17 -17
  110. package/components/date-range-picker/index.js +18 -18
  111. package/components/{date-range-picker-0s9hOMwi.js → date-range-picker-DJuCh24v.js} +34 -41
  112. package/components/date-range-picker-Z2Zu2Iji.cjs +180 -0
  113. package/components/date-time-picker/index.cjs +17 -17
  114. package/components/date-time-picker/index.js +18 -18
  115. package/components/date-time-picker-Ch8xgasP.cjs +105 -0
  116. package/components/{date-time-picker-6__gpQQK.js → date-time-picker-D_2YM-f1.js} +28 -28
  117. package/components/{decorate-aGxJUVxg.js → decorate-CkCg3wfh.js} +17 -17
  118. package/components/decorate-Dq34MBGe.cjs +18 -0
  119. package/components/{dependency-manger-CHy9t__e.cjs → dependency-manger-BSaHw9ju.cjs} +17 -17
  120. package/components/{dependency-manger-DMrulWcJ.js → dependency-manger-wHEXoU92.js} +16 -16
  121. package/components/divider/index.cjs +17 -17
  122. package/components/divider/index.js +18 -18
  123. package/components/{divider-cU0lVwOp.js → divider-CGbT-CL8.js} +19 -19
  124. package/components/divider-wana0uPI.cjs +18 -0
  125. package/components/{divider.module-CL60P_z8.cjs → divider.module-BV6tmpOY.cjs} +17 -17
  126. package/components/{divider.module-C65RfSUa.js → divider.module-CPEKsaqR.js} +16 -16
  127. package/components/{element-resolution-C0aiOB0Y.cjs → element-resolution-BjaAlqwX.cjs} +17 -17
  128. package/components/{element-resolution-Bs1x89vU.js → element-resolution-gap51AVo.js} +16 -16
  129. package/components/field-group/index.cjs +17 -17
  130. package/components/field-group/index.js +18 -18
  131. package/components/{field-group-C7ROsWq3.js → field-group-EZzkXa2e.js} +18 -18
  132. package/components/{field-group-OcI5Lgu7.cjs → field-group-aWhlzhoj.cjs} +18 -18
  133. package/components/field-label/index.cjs +17 -17
  134. package/components/field-label/index.js +18 -18
  135. package/components/{field-label-CtGCEmdp.js → field-label-B9S41b7c.js} +21 -21
  136. package/components/field-label-C5vdJ1ys.cjs +25 -0
  137. package/components/focus-group-C8lOjbi9.cjs +18 -0
  138. package/components/{focus-group-BshI1RpM.js → focus-group-DVPa1zxz.js} +17 -17
  139. package/components/{focus-visible-CrooVCUu.js → focus-visible-Bt2uDmuM.js} +18 -18
  140. package/components/focus-visible-eQdwUM9k.cjs +18 -0
  141. package/components/focusable-DTxxQ3yJ.cjs +18 -0
  142. package/components/{focusable-BmS8IzhH.js → focusable-DuP0-Kuy.js} +18 -18
  143. package/components/{focusable-selectors-Bg60_Kra.js → focusable-selectors-BWpiuXz5.js} +16 -16
  144. package/components/{focusable-selectors-5n5liBn0.cjs → focusable-selectors-DJqGLTJo.cjs} +17 -17
  145. package/components/{get-label-from-slot-5vVnfSgN.js → get-label-from-slot-Bo9mqYCZ.js} +16 -16
  146. package/components/{get-label-from-slot-LO_DZP60.cjs → get-label-from-slot-TV4APBYs.cjs} +17 -17
  147. package/components/icon/index.cjs +17 -17
  148. package/components/icon/index.js +18 -18
  149. package/components/icon-CSqR-OOO.cjs +18 -0
  150. package/components/{icon-CwBAE1eU.js → icon-DB1DRieA.js} +21 -18
  151. package/components/index.cjs +17 -17
  152. package/components/index.js +87 -85
  153. package/components/infield-button/index.cjs +17 -17
  154. package/components/infield-button/index.js +18 -18
  155. package/components/infield-button-BH9eZ-wh.cjs +22 -0
  156. package/components/{infield-button-BvKsbtKr.js → infield-button-Be8fAlwl.js} +19 -19
  157. package/components/label/index.cjs +17 -17
  158. package/components/label/index.js +18 -18
  159. package/components/{label-ClJE2esm.js → label-B1HYQ4Pp.js} +17 -17
  160. package/components/label-DPG13Ib0.cjs +18 -0
  161. package/components/{language-resolution-BYemISJC.cjs → language-resolution-BUeKpSce.cjs} +17 -17
  162. package/components/{language-resolution-BpfGTC29.js → language-resolution-DR30FsWE.js} +16 -16
  163. package/components/{like-anchor-BZJXts_H.cjs → like-anchor-BX4PSB3d.cjs} +18 -18
  164. package/components/{like-anchor-DeOXX-MX.js → like-anchor-DXCaEv7O.js} +17 -17
  165. package/components/{manage-help-text-D9VbYRf_.cjs → manage-help-text-D20THJ3U.cjs} +18 -18
  166. package/components/{manage-help-text-CF0xBh0F.js → manage-help-text-DwfUBgHK.js} +18 -18
  167. package/components/menu/index.cjs +17 -17
  168. package/components/menu/index.d.ts +6 -4
  169. package/components/menu/index.js +18 -18
  170. package/components/menu/menu-item.d.ts +15 -1
  171. package/components/menu/menu.d.ts +12 -1
  172. package/components/menu-CANwe_S_.cjs +108 -0
  173. package/components/{menu--ukVtSq7.js → menu-CFuHyNrJ.js} +112 -86
  174. package/components/multi-language-field/index.cjs +17 -17
  175. package/components/multi-language-field/index.js +18 -18
  176. package/components/{multi-language-field-DmoMyCBH.cjs → multi-language-field-CpDYvREK.cjs} +18 -18
  177. package/components/{multi-language-field-BzY75rOY.js → multi-language-field-ccoVXf52.js} +20 -20
  178. package/components/notice/index.cjs +18 -0
  179. package/components/notice/index.d.ts +8 -0
  180. package/components/notice/index.js +25 -0
  181. package/components/notice/notice.d.ts +121 -0
  182. package/components/notice-DM0t8OGE.cjs +60 -0
  183. package/components/notice-Dh4ZSFiD.js +218 -0
  184. package/components/number-field/index.cjs +17 -17
  185. package/components/number-field/index.js +18 -18
  186. package/components/{number-field-DrJURvoW.js → number-field-Bq5UYCe4.js} +23 -23
  187. package/components/number-field-CjqUSR4r.cjs +57 -0
  188. package/components/{observe-slot-presence-BCqd3VSd.js → observe-slot-presence-BKY6n06-.js} +16 -16
  189. package/components/observe-slot-presence-CS8pMePk.cjs +18 -0
  190. package/components/{observe-slot-text-Ddf1OC6F.js → observe-slot-text-97nX6NyX.js} +17 -17
  191. package/components/observe-slot-text-DzUSxLpj.cjs +18 -0
  192. package/components/options/index.cjs +17 -17
  193. package/components/options/index.d.ts +5 -3
  194. package/components/options/index.js +18 -18
  195. package/components/options/option.d.ts +0 -1
  196. package/components/{options-BPNAm4MW.cjs → options-B2n3Z0hu.cjs} +19 -19
  197. package/components/{options-Dz-ejkxF.js → options-Cz3bzQcl.js} +37 -27
  198. package/components/overlay/index.cjs +17 -17
  199. package/components/overlay/index.d.ts +3 -2
  200. package/components/overlay/index.js +20 -20
  201. package/components/overlay/overlay-trigger.d.ts +1 -1
  202. package/components/overlay/placement-controller.d.ts +8 -0
  203. package/components/{overlay-8tN0KPbR.js → overlay-CQGim3da.js} +150 -143
  204. package/components/overlay-CjpXF18_.cjs +47 -0
  205. package/components/{overlay-CMd2Dnpv.cjs → overlay-DPa_xLrt.cjs} +18 -18
  206. package/components/{overlay-CwR_36OV.js → overlay-D_W2gqGD.js} +19 -19
  207. package/components/{pending-state-DFcNf5rd.js → pending-state-BeG7qBDP.js} +17 -17
  208. package/components/{pending-state-DIeF18qg.cjs → pending-state-a527YMWV.cjs} +18 -18
  209. package/components/picker/index.cjs +17 -17
  210. package/components/picker/index.js +18 -18
  211. package/components/picker/picker.d.ts +8 -0
  212. package/components/{picker-agQW7YNo.js → picker-CsdtFxM2.js} +92 -91
  213. package/components/picker-Dlb6GY69.cjs +124 -0
  214. package/components/picker-button/index.cjs +17 -17
  215. package/components/picker-button/index.js +18 -18
  216. package/components/{picker-button-VAxzuhhg.js → picker-button-BJPlw2LD.js} +21 -21
  217. package/components/picker-button-d90ILvsN.cjs +37 -0
  218. package/components/platform-BAjeJp2W.cjs +18 -0
  219. package/components/{platform-D4V_cOJF.js → platform-Ce9pNsR9.js} +18 -18
  220. package/components/popover/index.cjs +17 -17
  221. package/components/popover/index.js +18 -18
  222. package/components/{popover-DyC9xGhX.js → popover-CFawf-z9.js} +19 -19
  223. package/components/popover-R-fdNBvR.cjs +30 -0
  224. package/components/progress-bar/index.cjs +17 -17
  225. package/components/progress-bar/index.js +18 -18
  226. package/components/{progress-bar-DHgFRml1.js → progress-bar-BU_h5i27.js} +19 -19
  227. package/components/progress-bar-DHmthnzp.cjs +31 -0
  228. package/components/progress-circle/index.cjs +17 -17
  229. package/components/progress-circle/index.js +18 -18
  230. package/components/{progress-circle-Cg_ua9Ff.js → progress-circle-BVToDWX8.js} +19 -19
  231. package/components/progress-circle-DyApSKdm.cjs +33 -0
  232. package/components/progress-steps/index.cjs +17 -17
  233. package/components/progress-steps/index.js +18 -18
  234. package/components/{progress-steps-Da8aZWx3.js → progress-steps-9unA0ptN.js} +18 -18
  235. package/components/progress-steps-BgRH7KAn.cjs +96 -0
  236. package/components/prompt-box/controllers/attachments-controller.d.ts +1 -0
  237. package/components/prompt-box/index.cjs +17 -17
  238. package/components/prompt-box/index.d.ts +2 -1
  239. package/components/prompt-box/index.js +19 -19
  240. package/components/prompt-box/prompt-box-templates.d.ts +4 -0
  241. package/components/prompt-box/prompt-box.d.ts +33 -4
  242. package/components/prompt-box/types.d.ts +8 -0
  243. package/components/{prompt-box-BeC7ug1f.js → prompt-box-B5D8JXC5.js} +254 -198
  244. package/components/prompt-box-C6zr6tsk.cjs +314 -0
  245. package/components/question-box/index.cjs +18 -0
  246. package/components/question-box/index.d.ts +11 -0
  247. package/components/question-box/index.js +25 -0
  248. package/components/question-box/question-box-elicitation.d.ts +58 -0
  249. package/components/question-box/question-box-model.d.ts +25 -0
  250. package/components/question-box/question-box-templates.d.ts +65 -0
  251. package/components/question-box/question-box.d.ts +182 -0
  252. package/components/question-box/types.d.ts +124 -0
  253. package/components/question-box-DH5MHYH8.js +1171 -0
  254. package/components/question-box-bSNyfRmw.cjs +401 -0
  255. package/components/radio/index.cjs +17 -17
  256. package/components/radio/index.js +18 -18
  257. package/components/radio/radio-group.d.ts +5 -1
  258. package/components/radio/radio.d.ts +7 -1
  259. package/components/{radio-BzEPGUmQ.js → radio-BRHNAlZa.js} +46 -42
  260. package/components/radio-B_K-hwKG.cjs +22 -0
  261. package/components/{random-id-B51lUxUB.cjs → random-id-BcUJAxUZ.cjs} +17 -17
  262. package/components/{random-id-Dd4boCPV.js → random-id-CiMDyX7v.js} +17 -17
  263. package/components/{chunk-D-qHiVGv.cjs → rolldown-runtime-DWNI8pZO.cjs} +17 -17
  264. package/components/{rolldown-runtime-CAFD8bLK.js → rolldown-runtime-Dy4uBu1J.js} +16 -16
  265. package/components/{roving-tabindex-B7x5ePUB.cjs → roving-tabindex-BoPao4td.cjs} +17 -17
  266. package/components/{roving-tabindex-BP6mQbXf.js → roving-tabindex-pomAn3z-.js} +17 -17
  267. package/components/{scaled-indicator-BoLeYSgL.js → scaled-indicator-C-TupV4L.js} +16 -16
  268. package/components/{scaled-indicator-DF45Sc3W.cjs → scaled-indicator-DLJIztx0.cjs} +18 -18
  269. package/components/search/index.cjs +17 -17
  270. package/components/search/index.js +18 -18
  271. package/components/search/search.d.ts +1 -0
  272. package/components/search-BBl2dsHy.cjs +47 -0
  273. package/components/{search-DUBf5t9V.js → search-DXscuR-a.js} +44 -38
  274. package/components/{segments-factory-D0IveW-q.js → segments-factory-BCRi1NKb.js} +16 -16
  275. package/components/segments-factory-DtPyN5sh.cjs +18 -0
  276. package/components/select/index.cjs +17 -17
  277. package/components/select/index.js +18 -18
  278. package/components/select/select.d.ts +10 -3
  279. package/components/{select-DPeI0jP9.js → select-DZFvhLsJ.js} +54 -40
  280. package/components/select-DuWhvQ-k.cjs +158 -0
  281. package/components/sized-mixin-BT7cv-fT.cjs +18 -0
  282. package/components/{sized-mixin-DaBoZkVS.js → sized-mixin-DzQTebN-.js} +17 -17
  283. package/components/skeleton-loader/index.cjs +17 -17
  284. package/components/skeleton-loader/index.js +18 -18
  285. package/components/{skeleton-loader-C1XG3m_u.js → skeleton-loader-C0LH3prK.js} +17 -17
  286. package/components/skeleton-loader-Cm50Ztzk.cjs +18 -0
  287. package/components/slider/index.cjs +17 -17
  288. package/components/slider/index.js +18 -18
  289. package/components/{slider-3QBnq0S8.js → slider-BLaYicz8.js} +18 -18
  290. package/components/slider-CfZ2IRgC.cjs +18 -0
  291. package/components/{slottable-request-event-gAcEQan2.cjs → slottable-request-event-C6eb7Ch3.cjs} +17 -17
  292. package/components/{slottable-request-event-DZ2Z_BLk.js → slottable-request-event-MRSZbgTu.js} +16 -16
  293. package/components/status-light/index.cjs +17 -17
  294. package/components/status-light/index.js +18 -18
  295. package/components/{status-light-Bf8jGu4G.js → status-light-BlfBJpqa.js} +18 -18
  296. package/components/status-light-Bu0G8-lH.cjs +21 -0
  297. package/components/strategies-BwNbUXYS.cjs +18 -0
  298. package/components/{strategies-DhxJGIZT.js → strategies-Cl59wdNZ.js} +37 -35
  299. package/components/streaming-listener-Bfyk6Fsx.cjs +18 -0
  300. package/components/{streaming-listener-2NcP7ys7.js → streaming-listener-CtcMpYfS.js} +16 -16
  301. package/components/swatch/index.cjs +17 -17
  302. package/components/swatch/index.js +18 -18
  303. package/components/{swatch-BLuV-hlF.js → swatch-C2ty27bJ.js} +20 -20
  304. package/components/{swatch-G70JUe6I.cjs → swatch-DcUK5qDv.cjs} +18 -18
  305. package/components/switch/index.cjs +17 -17
  306. package/components/switch/index.js +18 -18
  307. package/components/{switch-C5g5t5x2.js → switch-Dyl_B21d.js} +20 -20
  308. package/components/switch-NLIF9Tpk.cjs +22 -0
  309. package/components/tabs/index.cjs +17 -17
  310. package/components/tabs/index.js +18 -18
  311. package/components/{tabs-NAfmrkG9.cjs → tabs-D2VpPBQl.cjs} +18 -18
  312. package/components/{tabs-3Bw_PICo.js → tabs-iDDff0OX.js} +27 -27
  313. package/components/tags/index.cjs +17 -17
  314. package/components/tags/index.js +18 -18
  315. package/components/tags/tag.d.ts +4 -3
  316. package/components/tags-BkGjSc7D.cjs +47 -0
  317. package/components/{tags-DOH-sF2s.js → tags-FChVGpMh.js} +28 -25
  318. package/components/text-field/help-text.d.ts +4 -0
  319. package/components/text-field/index.cjs +17 -17
  320. package/components/text-field/index.js +19 -19
  321. package/components/text-field/text-field.d.ts +9 -0
  322. package/components/text-field-BzZ4jEr6.cjs +21 -0
  323. package/components/{text-field-Cs8HYRYL.js → text-field-C56-sBct.js} +21 -21
  324. package/components/{text-field-FJr8ZUhI.cjs → text-field-COHW36-x.cjs} +18 -18
  325. package/components/{text-field-BoGAvXvh.js → text-field-nBag7DTk.js} +19 -19
  326. package/components/{text-field.module-Btsve-VN.js → text-field.module-BHhBReKL.js} +17 -17
  327. package/components/{text-field.module-D5oDP7MB.cjs → text-field.module-l8CaTCwE.cjs} +17 -17
  328. package/components/toast/index.cjs +17 -17
  329. package/components/toast/index.js +18 -18
  330. package/components/{toast-Bd0fleYT.js → toast-3eJGRjSl.js} +20 -20
  331. package/components/toast-B5vlhIVK.cjs +51 -0
  332. package/components/tooltip/index.cjs +17 -17
  333. package/components/tooltip/index.js +18 -18
  334. package/components/tooltip/tooltip.d.ts +30 -2
  335. package/components/{tooltip-C3O4AQ1l.js → tooltip-Byl1h4nN.js} +43 -28
  336. package/components/tooltip-Sm0pruxL.cjs +45 -0
  337. package/components/top-nav/index.cjs +17 -17
  338. package/components/top-nav/index.js +18 -18
  339. package/components/{top-nav-CMVB3G_v.js → top-nav-D3Iqfth0.js} +22 -22
  340. package/components/top-nav-Dqa5pB4f.cjs +45 -0
  341. package/components/utils.cjs +17 -17
  342. package/components/utils.js +23 -23
  343. package/components/{voice-recorder-BUtmSvPO.cjs → voice-recorder-B1tBrGTV.cjs} +17 -17
  344. package/components/{voice-recorder-477xPHRU.js → voice-recorder-CTg3kRxx.js} +16 -16
  345. package/custom-elements.json +1 -1
  346. package/index.d.ts +2 -0
  347. package/package.json +14 -2
  348. package/utils/button-interaction-controllers/interaction-controller.d.ts +2 -0
  349. package/utils/reactive-controllers/match-media.d.ts +1 -0
  350. package/components/accordion-BHBIfsLU.cjs +0 -43
  351. package/components/action-bar-BSMX042X.cjs +0 -39
  352. package/components/action-button-Cajz7Hgr.cjs +0 -24
  353. package/components/action-group-CH8FTW0i.cjs +0 -20
  354. package/components/avatar-CyY_ZSD0.js +0 -65
  355. package/components/avatar-PulwjkMI.cjs +0 -24
  356. package/components/badge-D1Ry32wi.cjs +0 -23
  357. package/components/badge-D6p2hPj8.js +0 -94
  358. package/components/button-CpaSKGC_.cjs +0 -20
  359. package/components/button-group-DIz5TZvc.cjs +0 -18
  360. package/components/calendar-CY6JMJfi.cjs +0 -142
  361. package/components/chat-message-CNE-mGuP.cjs +0 -149
  362. package/components/chat-message-group-COmhCN-R.cjs +0 -24
  363. package/components/checkbox-DFwDrIdY.cjs +0 -25
  364. package/components/close-button-_EXjp6_m.cjs +0 -18
  365. package/components/color-area-DA3ps2-c.cjs +0 -80
  366. package/components/color-controller-DueaXfnX.cjs +0 -18
  367. package/components/color-handle-Cka48yPY.cjs +0 -24
  368. package/components/color-loupe-DMk8uWZW.cjs +0 -56
  369. package/components/color-menu-DwbTxeqv.cjs +0 -89
  370. package/components/color-palette-349EkPMg.cjs +0 -18
  371. package/components/color-palette-group-BvP09zmT.cjs +0 -28
  372. package/components/color-slider-DxjJ72ue.cjs +0 -57
  373. package/components/date-range-picker-D-jd-to9.cjs +0 -187
  374. package/components/date-time-picker-BMb1clUv.cjs +0 -105
  375. package/components/decorate-B2wePfNm.cjs +0 -18
  376. package/components/divider-Dn8XqbB6.cjs +0 -18
  377. package/components/field-label-BCl6R1uO.cjs +0 -25
  378. package/components/focus-group-SF8Kj7iB.cjs +0 -18
  379. package/components/focus-visible-B0NNezGc.cjs +0 -18
  380. package/components/focusable-CupEoHmn.cjs +0 -18
  381. package/components/icon-B7hKwn_q.cjs +0 -18
  382. package/components/infield-button-D5cuBWE5.cjs +0 -22
  383. package/components/label-CqolZbJo.cjs +0 -18
  384. package/components/menu-DAA51y45.cjs +0 -108
  385. package/components/number-field-BmWODnnR.cjs +0 -57
  386. package/components/observe-slot-presence-Dx8hzNzK.cjs +0 -18
  387. package/components/observe-slot-text-BhTcGuHY.cjs +0 -18
  388. package/components/overlay-DdrfkOry.cjs +0 -47
  389. package/components/picker-C4RVOxLq.cjs +0 -123
  390. package/components/picker-button-adl1JO5u.cjs +0 -37
  391. package/components/platform-B7Sk7Qon.cjs +0 -18
  392. package/components/popover-dgL04x6P.cjs +0 -30
  393. package/components/progress-bar-BR28tISC.cjs +0 -31
  394. package/components/progress-circle-DuzwUiGN.cjs +0 -33
  395. package/components/progress-steps-WriXaZpE.cjs +0 -96
  396. package/components/prompt-box-CfKZ5VQx.cjs +0 -299
  397. package/components/radio-d-2GUbYE.cjs +0 -22
  398. package/components/search-CJtgI88g.cjs +0 -45
  399. package/components/segments-factory-CHo9oQw7.cjs +0 -18
  400. package/components/select--vrG59GQ.cjs +0 -158
  401. package/components/sized-mixin-StFA4y0J.cjs +0 -18
  402. package/components/skeleton-loader-B8NgELvX.cjs +0 -18
  403. package/components/slider-uXRKcOz5.cjs +0 -18
  404. package/components/status-light-CBaAFRUc.cjs +0 -21
  405. package/components/strategies-kuvLVIKO.cjs +0 -18
  406. package/components/streaming-listener-BnDW38lt.cjs +0 -18
  407. package/components/switch-COhz9ka9.cjs +0 -22
  408. package/components/tags-CTs77FhK.cjs +0 -47
  409. package/components/text-field-A4Obzs4l.cjs +0 -21
  410. package/components/toast-NZ0Z1lz9.cjs +0 -51
  411. package/components/tooltip-DY1trLtg.cjs +0 -45
  412. package/components/top-nav-bekRXHUk.cjs +0 -45
package/LICENSE CHANGED
@@ -1,16 +1,16 @@
1
- Lucero - The design system for Luzmo.
2
-
3
- Copyright © 2025 Luzmo
4
- All rights reserved.
5
- Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- This license allows users with a current active Luzmo account to use Lucero.
7
- This license terminates automatically if a user no longer has an active Luzmo account.
8
- Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
-
10
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- SOFTWARE.
1
+ Lucero - The design system for Luzmo.
2
+
3
+ Copyright © 2025 Luzmo
4
+ All rights reserved.
5
+ Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ This license allows users with a current active Luzmo account to use Lucero.
7
+ This license terminates automatically if a user no longer has an active Luzmo account.
8
+ Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+
10
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ SOFTWARE.
package/README.md CHANGED
@@ -2,10 +2,6 @@
2
2
 
3
3
  **Luzmo's Design System** — A collection of reusable web components built with [Lit](https://lit.dev/) for creating consistent, accessible, and beautiful user interfaces.
4
4
 
5
- ## Alpha
6
-
7
- > ⚠️ This package is in alpha state. Do not use in production. Expect breaking changes.
8
-
9
5
  ## Installation
10
6
 
11
7
  ```bash
package/components/accordion/index.cjs CHANGED
@@ -1,18 +1,18 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
17
  * */
18
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../accordion-BHBIfsLU.cjs`);exports.LuzmoAccordion=e.n,exports.LuzmoAccordionItem=e.t;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../accordion-CW7xAsId.cjs");exports.LuzmoAccordion=e.n,exports.LuzmoAccordionItem=e.t;
package/components/accordion/index.js CHANGED
@@ -1,25 +1,25 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
17
  * */
18
18
  (() => {
19
19
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
20
20
  let e = document.createElement("style");
21
- e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 45%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
21
+ e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
22
22
  }
23
23
  })();
24
- import { n as e, t } from "../accordion-DC7cjb1c.js";
24
+ import { n as e, t } from "../accordion-BDchhAjE.js";
25
25
  export { e as LuzmoAccordion, t as LuzmoAccordionItem };
package/components/{accordion-DC7cjb1c.js → accordion-BDchhAjE.js} RENAMED
@@ -1,24 +1,24 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
17
  * */
18
- import { n as e, t } from "./decorate-aGxJUVxg.js";
19
- import { t as n } from "./focus-group-BshI1RpM.js";
20
- import { n as r } from "./sized-mixin-DaBoZkVS.js";
21
- import { t as i } from "./focusable-BmS8IzhH.js";
18
+ import { n as e, t } from "./decorate-CkCg3wfh.js";
19
+ import { t as n } from "./focus-group-DVPa1zxz.js";
20
+ import { n as r } from "./sized-mixin-DzQTebN-.js";
21
+ import { t as i } from "./focusable-DuP0-Kuy.js";
22
22
  import { html as a, unsafeCSS as o } from "lit";
23
23
  import { property as s, queryAssignedNodes as c } from "lit/decorators.js";
24
24
  import { luzmoAngleRight as l, luzmoIcon as u } from "@luzmo/icons";
package/components/accordion-CW7xAsId.cjs ADDED
@@ -0,0 +1,43 @@
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
+ * */
18
+ const e=require("./decorate-Dq34MBGe.cjs"),t=require("./focus-group-C8lOjbi9.cjs"),n=require("./sized-mixin-BT7cv-fT.cjs"),r=require("./focusable-DTxxQ3yJ.cjs");let i=require("lit"),a=require("lit/decorators.js"),o=require("@luzmo/icons"),s=require("lit/directives/when.js");var c=`:host{--accordion-item-header-line-height:1.25;--accordion-item-header-bottom-margin:0px;--accordion-item-header-text-case:initial;--accordion-item-min-block-size:max(var(--luzmo-accordion-item-height,var(--accordion-item-height)), calc(var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding)) * 2 + var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size)) * var(--luzmo-accordion-item-header-line-height,var(--accordion-item-header-line-height))));margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height:var(--luzmo-accordion-item-header-line-height-cjk);--luzmo-accordion-item-content-line-height:var(--luzmo-accordion-item-content-line-height-cjk)}:is(:host:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl])){--luzmo-logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-header-vertical-padding:var(--luzmo-spacing-2)}:host{--accordion-item-height:40px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xxl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height:24px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height:32px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height:40px;--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([density=compact][size=xl]){--accordion-item-height:48px;--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding:var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case:uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color:var(--luzmo-background-color-highlight);--accordion-item-disabled-background-color:var(--luzmo-background-color-highlight-disabled);--accordion-item-accordion-divider-thickness:0px;--accordion-item-accordion-header-border-radius:var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height:28px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-header-font-size:var(--luzmo-font-size-s);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-bottom-margin:var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color:var(--luzmo-background-color);--accordion-item-disabled-background-color:transparent;--accordion-item-accordion-divider-thickness:0px;--accordion-item-accordion-header-border-radius:var(--luzmo-border-radius);--accordion-item-header-font-weight:normal;--accordion-item-content-border-left-width:var(--luzmo-border-width);--accordion-item-content-border-left-color:var(--luzmo-border-color);--accordion-item-content-border-left-style:solid;--accordion-edge-to-disclosure-indicator-space:0px}:host([variant=highlight-child][size=s]){--accordion-item-height:28px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:var(--luzmo-spacing-2);--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size-s);--accordion-item-content-font-size:var(--luzmo-font-size-s);--accordion-item-content-margin-left:var(--luzmo-spacing-2);--accordion-item-content-padding-left:var(--luzmo-spacing-4);--accordion-item-content-margin-bottom:var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height:32px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-3);--accordion-item-header-font-size:var(--luzmo-font-size);--accordion-item-content-font-size:var(--luzmo-font-size);--accordion-item-header-bottom-margin:var(--luzmo-spacing-3);--accordion-item-content-margin-left:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-content-padding-left:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--accordion-item-content-margin-bottom:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height:48px;--accordion-disclosure-indicator-height:var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-l);--accordion-item-content-font-size:var(--luzmo-font-size-l);--accordion-item-header-bottom-margin:calc(var(--luzmo-spacing-1) + var(--luzmo-spacing-3));--accordion-item-content-margin-left:var(--luzmo-spacing-3);--accordion-item-content-padding-left:var(--luzmo-spacing-4);--accordion-item-content-margin-bottom:var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height:56px;--accordion-disclosure-indicator-height:var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space:0px;--accordion-disclosure-indicator-to-text-space:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--accordion-item-edge-to-text:var(--luzmo-spacing-4);--accordion-item-header-font-size:var(--luzmo-font-size-xl);--accordion-item-content-font-size:var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin:var(--luzmo-spacing-4);--accordion-item-content-margin-left:var(--luzmo-spacing-3);--accordion-item-content-padding-left:var(--luzmo-spacing-5);--accordion-item-content-margin-bottom:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size:var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text:0px}`,l=class extends n.n(e.n,{noDefaultSize:!0}){constructor(...e){super(...e),this.allowMultiple=!1,this.noContentPadding=!1,this.variant=`default`,this.focusGroupController=new t.t(this,{direction:`vertical`,elements:()=>this.items,isFocusableElement:e=>!e.disabled})}static get styles(){return[(0,i.unsafeCSS)(c)]}get items(){return[...this.defaultNodes||[]].filter(e=>e.tagName!==void 0)}focus(){this.focusGroupController.focus()}onToggle(e){let t=e.target,n=[...this.items];if(n.includes(t)){if(this.allowMultiple||e.defaultPrevented||n&&n.length===0)return;n.forEach(e=>{e!==t&&(e.open=!1)})}}handleSlotchange(){this.focusGroupController.clearElementCache(),this.items.forEach(e=>{e.size=this.size})}updated(e){super.updated(e),e.has(`size`)&&(e.get(`size`)||this.size!==`m`)&&this.items.forEach(e=>{e.size=this.size})}render(){return i.html`
19
+ <slot
20
+ @slotchange=${this.handleSlotchange}
21
+ @luzmo-accordion-item-toggle=${this.onToggle}
22
+ ></slot>
23
+ `}};e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`allow-multiple`})],l.prototype,`allowMultiple`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],l.prototype,`density`,void 0),e.t([(0,a.property)({type:String,reflect:!0,attribute:`header-case`})],l.prototype,`headerCase`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`no-content-padding`})],l.prototype,`noContentPadding`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],l.prototype,`variant`,void 0),e.t([(0,a.queryAssignedNodes)()],l.prototype,`defaultNodes`,void 0);var u=`:host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size,var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width,200px);margin:0;position:relative;border-block-start:none!important;border-inline:none!important;border-block-end-width:var(--luzmo-accordion-divider-thickness,var(--accordion-item-accordion-divider-thickness,var(--luzmo-border-width)))!important;border-block-end-style:solid!important;border-block-end-color:var(--luzmo-accordion-divider-color,var(--luzmo-border-color))!important}:host(:first-child){border-block-start-width:var(--luzmo-accordion-divider-thickness,var(--accordion-item-accordion-divider-thickness,var(--luzmo-border-width)))!important;border-block-start-style:solid!important;border-block-start-color:var(--luzmo-accordion-divider-color,var(--luzmo-border-color))!important}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height,var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size,18px));margin:0;margin-block:0;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin,var(--accordion-item-header-bottom-margin,0px));position:relative}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default,var(--luzmo-font-color-down));justify-content:center;align-items:center;height:100%;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space,var(--accordion-edge-to-disclosure-indicator-space,0px));display:flex;position:absolute}:host([dir=rtl]) .icon-container{transform:scaleX(-1)}.icon-container:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content,8px) var(--luzmo-accordion-item-content-area-bottom-to-content,16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left,var(--accordion-item-content-padding-left,0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom,var(--accordion-item-content-margin-bottom,0px));margin-left:var(--luzmo-accordion-item-content-margin-left,var(--accordion-item-content-margin-left,0px));padding-right:var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width,var(--accordion-item-content-border-left-width,0)) var(--luzmo-accordion-item-content-border-left-style,var(--accordion-item-content-border-left-style,solid)) var(--luzmo-accordion-item-content-border-left-color,var(--accordion-item-content-border-left-color,var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color,var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight,var(--accordion-item-content-font-weight,var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style,var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size,var(--accordion-item-content-font-size,var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family,var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height,1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size,var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height,var(--accordion-item-header-line-height,1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case,var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size,var(--accordion-item-header-font-size,18px));font-weight:var(--luzmo-accordion-item-header-font-weight,var(--accordion-item-header-font-weight,600));font-style:var(--luzmo-accordion-item-header-font-style,var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family,var(--luzmo-font-family));appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default,var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color,var(--accordion-item-header-background-color,var(--luzmo-background-color)));padding-top:var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding,var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space,var(--accordion-disclosure-indicator-to-text-space,0px)) + var(--luzmo-accordion-disclosure-indicator-height,var(--accordion-disclosure-indicator-height,32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space,var(--accordion-edge-to-disclosure-indicator-space,32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding,var(--accordion-item-header-vertical-padding,var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text,var(--accordion-item-edge-to-text,0px));border-radius:var(--luzmo-accordion-item-accordion-header-border-radius,var(--accordion-item-accordion-header-border-radius));border:0;position:relative}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-border-radius,var(--accordion-item-accordion-header-border-radius,var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width,var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color,var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus,var(--accordion-item-header-background-color,var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus,var(--luzmo-font-color-focus));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap,2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down,var(--accordion-item-header-background-color,var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down,var(--luzmo-font-color-down))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color));background-color:var(--luzmo-accordion-item-disabled-background-color,var(--accordion-item-disabled-background-color,initial))}@media (hover:hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover,var(--accordion-item-header-background-color,var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color,var(--accordion-item-disabled-background-color,initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover,var(--luzmo-font-color-hover))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover,var(--accordion-item-header-background-color,var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color,var(--luzmo-disabled-color))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors:active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color,var(--luzmo-disabled-color))}`,d=()=>i.html`
24
+ <div class="icon-container">
25
+ ${(0,o.luzmoIcon)(o.luzmoAngleRight,{className:`indicator`})}
26
+ </div>
27
+ `,f=class extends n.n(r.t,{noDefaultSize:!0}){constructor(...e){super(...e),this.open=!1,this.label=``,this.disabled=!1,this.renderAngleIcon=()=>d()}static get styles(){return[(0,i.unsafeCSS)(u)]}get focusElement(){return this.renderRoot.querySelector(`#header`)}onClick(){this.disabled||this.toggle()}toggle(){this.open=!this.open,this.dispatchEvent(new CustomEvent(`luzmo-accordion-item-toggle`,{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!this.open)}render(){return i.html`
28
+ <h3 id="heading">
29
+ ${(0,s.when)(this.size,this.renderAngleIcon)}
30
+ <button
31
+ id="header"
32
+ @click=${this.onClick}
33
+ aria-expanded=${this.open}
34
+ aria-controls="content"
35
+ ?disabled=${this.disabled}
36
+ >
37
+ ${this.label}
38
+ </button>
39
+ </h3>
40
+ <div id="content" role="region" aria-labelledby="header">
41
+ <slot></slot>
42
+ </div>
43
+ `}updated(e){super.updated(e),e.has(`disabled`)&&(this.disabled?this.setAttribute(`aria-disabled`,`true`):this.removeAttribute(`aria-disabled`))}};e.t([(0,a.property)({type:Boolean,reflect:!0})],f.prototype,`open`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],f.prototype,`label`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0})],f.prototype,`disabled`,void 0),customElements.get(`luzmo-accordion-item`)||customElements.define(`luzmo-accordion-item`,f),customElements.get(`luzmo-accordion`)||customElements.define(`luzmo-accordion`,l),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});
package/components/action-bar/index.cjs CHANGED
@@ -1,18 +1,18 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
17
  * */
18
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../action-bar-BSMX042X.cjs`);exports.LuzmoActionBar=e.t;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../action-bar-DMwIDDPw.cjs");exports.LuzmoActionBar=e.t;
package/components/action-bar/index.js CHANGED
@@ -1,25 +1,25 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
17
  * */
18
18
  (() => {
19
19
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
20
20
  let e = document.createElement("style");
21
- e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 45%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 25%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
21
+ e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
22
22
  }
23
23
  })();
24
- import { t as e } from "../action-bar-Dn4IDXEF.js";
24
+ import { t as e } from "../action-bar-Bg4e-l3a.js";
25
25
  export { e as LuzmoActionBar };
package/components/{action-bar-Dn4IDXEF.js → action-bar-Bg4e-l3a.js} RENAMED
@@ -1,26 +1,26 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
17
  * */
18
- import { n as e, t } from "./decorate-aGxJUVxg.js";
19
- import { t as n } from "./focus-visible-CrooVCUu.js";
20
- import "./action-group-DYKpp-mz.js";
21
- import "./close-button-MgaJT7yO.js";
22
- import "./field-label-CtGCEmdp.js";
23
- import "./popover-DyC9xGhX.js";
18
+ import { n as e, t } from "./decorate-CkCg3wfh.js";
19
+ import { t as n } from "./focus-visible-Bt2uDmuM.js";
20
+ import "./action-group-BQ-fyPYS.js";
21
+ import "./close-button-LSSbv5ia.js";
22
+ import "./field-label-B9S41b7c.js";
23
+ import "./popover-CFawf-z9.js";
24
24
  import { html as r, unsafeCSS as i } from "lit";
25
25
  import { property as a } from "lit/decorators.js";
26
26
  import { ifDefined as o } from "lit/directives/if-defined.js";
package/components/action-bar-DMwIDDPw.cjs ADDED
@@ -0,0 +1,39 @@
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
+ * */
18
+ const e=require("./decorate-Dq34MBGe.cjs"),t=require("./focus-visible-eQdwUM9k.cjs");require("./action-group-D1G30Iir.cjs"),require("./close-button-hePosu7B.cjs"),require("./field-label-C5vdJ1ys.cjs"),require("./popover-R-fdNBvR.cjs");let n=require("lit"),r=require("lit/decorators.js"),i=require("lit/directives/if-defined.js");var a=`@media (forced-colors:active){:host,:host([emphasized]) #popover{--highcontrast-action-bar-popover-border-color:CanvasText}}:host{padding:0 var(--luzmo-action-bar-spacing-outer-edge,var(--action-bar-spacing-outer-edge));z-index:1;box-sizing:border-box;pointer-events:none;opacity:0;block-size:0;inset-block-end:0}:host([open]){block-size:calc(var(--luzmo-action-bar-spacing-outer-edge,var(--action-bar-spacing-outer-edge)) + var(--luzmo-action-bar-height,var(--action-bar-height)));opacity:1}#popover{block-size:var(--luzmo-action-bar-height,var(--action-bar-height));box-sizing:border-box;border-radius:var(--luzmo-action-bar-border-radius,var(--action-bar-border-radius));border-color:var(--highcontrast-action-bar-popover-border-color,var(--luzmo-action-bar-popover-border-color,var(--action-bar-popover-border-color)));background-color:var(--luzmo-action-bar-popover-background-color,var(--action-bar-popover-background-color));inline-size:100%;filter:drop-shadow(var(--luzmo-action-bar-shadow-horizontal,var(--action-bar-shadow-horizontal)) var(--luzmo-action-bar-shadow-vertical,var(--action-bar-shadow-vertical)) var(--luzmo-action-bar-shadow-blur,var(--action-bar-shadow-blur)) var(--luzmo-action-bar-shadow-color,var(--action-bar-shadow-color)));pointer-events:auto;flex-direction:row;margin:auto;padding-block:0;display:flex;position:relative}.close-button{flex-shrink:0;margin-block-start:var(--luzmo-action-bar-spacing-close-button-top,var(--action-bar-spacing-close-button-top));margin-inline-start:var(--luzmo-action-bar-spacing-close-button-start,var(--action-bar-spacing-close-button-start));margin-inline-end:var(--luzmo-action-bar-spacing-close-button-end,var(--action-bar-spacing-close-button-end))}.field-label{font-size:var(--luzmo-action-bar-item-counter-font-size,var(--action-bar-item-counter-font-size));color:var(--luzmo-action-bar-item-counter-color,var(--action-bar-item-counter-color));line-height:var(--luzmo-action-bar-item-counter-line-height,var(--action-bar-item-counter-line-height));margin-block-start:var(--luzmo-action-bar-spacing-item-counter-top,var(--action-bar-spacing-item-counter-top));margin-inline-end:var(--luzmo-action-bar-spacing-item-counter-end,var(--action-bar-spacing-item-counter-end));padding:0}.field-label:lang(ja),.field-label:lang(ko),.field-label:lang(zh){line-height:var(--luzmo-action-bar-item-counter-line-height-cjk,var(--action-bar-item-counter-line-height-cjk))}.action-group{margin-block-start:var(--luzmo-action-bar-spacing-action-group-top,var(--action-bar-spacing-action-group-top));margin-inline-start:auto;margin-inline-end:var(--luzmo-action-bar-spacing-action-group-end,var(--action-bar-spacing-action-group-end))}:host([emphasized]) #popover{filter:none;background-color:var(--luzmo-action-bar-emphasized-background-color,var(--action-bar-emphasized-background-color));border-color:#0000}:host([emphasized]) .field-label{color:var(--luzmo-action-bar-emphasized-item-counter-color,var(--action-bar-emphasized-item-counter-color))}:host([variant=sticky]){position:sticky;inset-inline:0}:host([variant=fixed]){position:fixed}:host([flexible]) #popover{inline-size:auto}:host{--action-bar-height:var(--luzmo-component-height-xl);--action-bar-border-radius:var(--luzmo-border-radius);--action-bar-item-counter-font-size:var(--luzmo-font-size);--action-bar-item-counter-line-height:var(--luzmo-line-height);--action-bar-item-counter-color:var(--luzmo-font-color);--action-bar-item-counter-line-height-cjk:1.5;--action-bar-popover-background-color:var(--luzmo-background-color);--action-bar-popover-border-color:var(--luzmo-border-color);--action-bar-emphasized-background-color:var(--luzmo-primary);--action-bar-emphasized-item-counter-color:var(--luzmo-primary-inverse-color);--action-bar-spacing-outer-edge:var(--luzmo-spacing-5);--action-bar-spacing-close-button-top:calc(var(--luzmo-spacing-3) - var(--luzmo-border-width));--action-bar-spacing-close-button-start:calc(var(--luzmo-spacing-3) - var(--luzmo-border-width));--action-bar-spacing-close-button-end:var(--luzmo-spacing-3);--action-bar-spacing-item-counter-top:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--action-bar-spacing-item-counter-end:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-3));--action-bar-spacing-action-group-top:calc(var(--luzmo-spacing-3) - var(--luzmo-border-width));--action-bar-spacing-action-group-end:calc(var(--luzmo-spacing-3) - var(--luzmo-border-width));--action-bar-shadow-horizontal:0;--action-bar-shadow-vertical:1px;--action-bar-shadow-blur:4px;--action-bar-shadow-color:var(--luzmo-border-color);display:block}:host([flexible]){display:inline-block}`,o=[`sticky`,`fixed`],s=class extends t.t(e.n){constructor(...e){super(...e),this.emphasized=!1,this.flexible=!1,this.open=!1,this._variant=``}static get styles(){return[(0,n.unsafeCSS)(a)]}set variant(e){if(e!==this.variant){if(o.includes(e)){this.setAttribute(`variant`,e),this._variant=e;return}this.removeAttribute(`variant`),this._variant=``}}get variant(){return this._variant}handleClick(){this.open=!1,this.dispatchEvent(new Event(`close`,{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!0)}render(){return n.html`
19
+ <luzmo-popover ?open=${this.open} id="popover">
20
+ <slot name="override">
21
+ <luzmo-close-button
22
+ static-color=${(0,i.ifDefined)(this.emphasized?`white`:void 0)}
23
+ class="close-button"
24
+ label="Clear selection"
25
+ @click=${this.handleClick}
26
+ ></luzmo-close-button>
27
+ <luzmo-field-label class="field-label">
28
+ <slot></slot>
29
+ </luzmo-field-label>
30
+ <luzmo-action-group
31
+ class="action-group"
32
+ quiet
33
+ static-color=${(0,i.ifDefined)(this.emphasized?`white`:void 0)}
34
+ >
35
+ <slot name="buttons"></slot>
36
+ </luzmo-action-group>
37
+ </slot>
38
+ </luzmo-popover>
39
+ `}};e.t([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,`emphasized`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,`flexible`,void 0),e.t([(0,r.property)({type:Boolean,reflect:!0})],s.prototype,`open`,void 0),e.t([(0,r.property)({type:String})],s.prototype,`variant`,null),customElements.get(`luzmo-action-bar`)||customElements.define(`luzmo-action-bar`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
package/components/action-button/action-button.d.ts CHANGED
@@ -4,7 +4,8 @@ export declare const longPressDuration = 300;
4
4
  export type LongpressEvent = {
5
5
  source: 'pointer' | 'keyboard';
6
6
  };
7
- export type ActionButtonVariants = 'neutral' | 'pill' | 'accent';
7
+ export type ActionButtonVariants = 'neutral' | 'primary' | 'negative' | 'pill' | 'accent';
8
+ export type ActionButtonTreatments = 'outline' | 'fill';
8
9
  export declare const validActionButtonVariants: ActionButtonVariants[];
9
10
  declare const LuzmoActionButton_base: typeof LuzmoButtonBase & {
10
11
  new (...args: any[]): import("../..").SizedElementInterface;
@@ -34,6 +35,14 @@ export declare class LuzmoActionButton extends LuzmoActionButton_base {
34
35
  * Whether the Action Button should show in a quiet state
35
36
  */
36
37
  quiet: boolean;
38
+ /**
39
+ * The surface treatment for neutral action buttons. `outline` preserves
40
+ * the standard surface; `fill` uses highlighted neutral surface tokens.
41
+ * Quiet, selected, and static-color appearances take precedence.
42
+ * Other variants retain their existing appearance.
43
+ * @default 'outline'
44
+ */
45
+ treatment: ActionButtonTreatments;
37
46
  /**
38
47
  * The role for the Action Button
39
48
  */
@@ -56,6 +65,8 @@ export declare class LuzmoActionButton extends LuzmoActionButton_base {
56
65
  /**
57
66
  * The appearance preset to apply to this action button.
58
67
  * - `neutral` (default): the standard action button.
68
+ * - `primary`: a primary-colored outline action button.
69
+ * - `negative`: a destructive tool with negative text and icon colors.
59
70
  * - `pill`: a content-width chip using the standard action-button radius.
60
71
  * - `accent`: a content-width chip with a soft, primary-tinted theme.
61
72
  */
package/components/action-button/index.cjs CHANGED
@@ -1,18 +1,18 @@
1
- /*! * Lucero - The design system for Luzmo.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
- * This license allows users with a current active Luzmo account to use Lucero.
7
- * This license terminates automatically if a user no longer has an active Luzmo account.
8
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
- *
10
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
- * SOFTWARE.
1
+ /*! * Lucero - The design system for Luzmo.
2
+ *
3
+ * Copyright © 2025 Luzmo
4
+ * All rights reserved.
5
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
6
+ * This license allows users with a current active Luzmo account to use Lucero.
7
+ * This license terminates automatically if a user no longer has an active Luzmo account.
8
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
9
+ *
10
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
11
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
12
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
13
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
14
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
15
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
16
+ * SOFTWARE.
17
17
  * */
18
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../action-button-Cajz7Hgr.cjs`);exports.LuzmoActionButton=e.t;
18
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../action-button-fCvHkuEM.cjs");exports.LuzmoActionButton=e.t;
package/components/action-button/index.d.ts CHANGED
@@ -5,4 +5,4 @@ declare global {
5
5
  }
6
6
  }
7
7
  export { LuzmoActionButton } from './action-button';
8
- export type { ActionButtonVariants } from './action-button';
8
+ export type { ActionButtonTreatments, ActionButtonVariants } from './action-button';