@luzmo/lucero 1.0.3-alpha.7 → 1.0.3-alpha.9

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 (363) hide show
  1. package/components/accordion/index.cjs +1 -1
  2. package/components/accordion/index.js +1 -1
  3. package/components/accordion-BHBIfsLU.cjs +43 -0
  4. package/components/{accordion-BDchhAjE.js → accordion-DC7cjb1c.js} +4 -4
  5. package/components/action-bar/index.cjs +1 -1
  6. package/components/action-bar/index.js +1 -1
  7. package/components/action-bar-BSMX042X.cjs +39 -0
  8. package/components/{action-bar-BO65QnWi.js → action-bar-Dn4IDXEF.js} +6 -6
  9. package/components/action-button/index.cjs +1 -1
  10. package/components/action-button/index.js +1 -1
  11. package/components/action-button-Cr_QN4On.cjs +22 -0
  12. package/components/{action-button-CfpJ8ybz.js → action-button-DC-ZFZTm.js} +3 -3
  13. package/components/action-group/index.cjs +1 -1
  14. package/components/action-group/index.js +1 -1
  15. package/components/action-group-CH8FTW0i.cjs +20 -0
  16. package/components/{action-group-BQ-fyPYS.js → action-group-DYKpp-mz.js} +3 -3
  17. package/components/action-menu/index.cjs +1 -1
  18. package/components/action-menu/index.js +1 -1
  19. package/components/{action-menu-CBSyW4O8.js → action-menu-BlR6cLpi.js} +8 -8
  20. package/components/{action-menu-CnkzFDHK.cjs → action-menu-C1C1Gx39.cjs} +2 -2
  21. package/components/avatar/index.cjs +1 -1
  22. package/components/avatar/index.js +1 -1
  23. package/components/{avatar-79Zd9NiA.js → avatar-CyY_ZSD0.js} +4 -4
  24. package/components/avatar-PulwjkMI.cjs +24 -0
  25. package/components/badge/index.cjs +1 -1
  26. package/components/badge/index.js +1 -1
  27. package/components/badge-D1Ry32wi.cjs +23 -0
  28. package/components/{badge-2zAt91bn.js → badge-D6p2hPj8.js} +3 -3
  29. package/components/button/index.cjs +1 -1
  30. package/components/button/index.js +2 -2
  31. package/components/button-C5hcfigl.cjs +20 -0
  32. package/components/{button-CPh-7eos.js → button-D1a4B85S.js} +5 -5
  33. package/components/{button-base-CgZijING.js → button-base-CzTYjZND.js} +4 -4
  34. package/components/{button-base-UZcvbkXl.cjs → button-base-Dj2qQqwO.cjs} +2 -2
  35. package/components/button-group/index.cjs +1 -1
  36. package/components/button-group/index.js +1 -1
  37. package/components/{button-group-DaANSInm.js → button-group-BiQxYcQ2.js} +2 -2
  38. package/components/button-group-DIz5TZvc.cjs +18 -0
  39. package/components/calendar/index.cjs +1 -1
  40. package/components/calendar/index.js +1 -1
  41. package/components/{calendar-Ck40E6VN.js → calendar-BNRjXf9B.js} +4 -4
  42. package/components/calendar-BWArK3rh.cjs +142 -0
  43. package/components/chat-message/index.cjs +1 -1
  44. package/components/chat-message/index.js +1 -1
  45. package/components/chat-message-CNE-mGuP.cjs +149 -0
  46. package/components/{chat-message-BDTAV-Ph.js → chat-message-DJgocVNj.js} +501 -679
  47. package/components/chat-message-group/index.cjs +1 -1
  48. package/components/chat-message-group/index.js +1 -1
  49. package/components/{chat-message-group-D7vdn2gG.js → chat-message-group-B4U2MzHx.js} +2 -2
  50. package/components/chat-message-group-COmhCN-R.cjs +24 -0
  51. package/components/checkbox/index.cjs +1 -1
  52. package/components/checkbox/index.js +1 -1
  53. package/components/{checkbox-DrbacuOs.js → checkbox-CPS-tR_i.js} +3 -3
  54. package/components/checkbox-DFwDrIdY.cjs +25 -0
  55. package/components/{checkbox-mixin-ClK1paqU.js → checkbox-mixin-C5sLMo5L.js} +1 -1
  56. package/components/{checkbox-mixin-PEFpw1Ep.cjs → checkbox-mixin-D4HeLrMj.cjs} +2 -2
  57. package/components/{rolldown-runtime-DWNI8pZO.cjs → chunk-D-qHiVGv.cjs} +1 -1
  58. package/components/{close-button-BG--crbw.js → close-button-MgaJT7yO.js} +4 -4
  59. package/components/close-button-_EXjp6_m.cjs +18 -0
  60. package/components/color-area/index.cjs +1 -1
  61. package/components/color-area/index.js +1 -1
  62. package/components/color-area-C3Y2d5cu.cjs +80 -0
  63. package/components/{color-area-CAM3uysY.js → color-area-mWOctRNt.js} +6 -6
  64. package/components/color-controller-DueaXfnX.cjs +18 -0
  65. package/components/color-field/index.cjs +1 -1
  66. package/components/color-field/index.js +1 -1
  67. package/components/{color-field-Bq0IEitn.js → color-field-CxdIoSq6.js} +3 -3
  68. package/components/{color-field-IpL7Z89G.cjs → color-field-D7_7z2A2.cjs} +2 -2
  69. package/components/color-handle/index.cjs +1 -1
  70. package/components/color-handle/index.js +1 -1
  71. package/components/{color-handle-DioEcX1V.js → color-handle-BOusOFFx.js} +2 -2
  72. package/components/color-handle-Cka48yPY.cjs +24 -0
  73. package/components/color-loupe/index.cjs +1 -1
  74. package/components/color-loupe/index.js +1 -1
  75. package/components/color-loupe-DMk8uWZW.cjs +56 -0
  76. package/components/{color-loupe-ZcCecT0r.js → color-loupe-bEzi2P0y.js} +1 -1
  77. package/components/color-menu/index.cjs +1 -1
  78. package/components/color-menu/index.js +1 -1
  79. package/components/color-menu-BAKmi_EI.cjs +89 -0
  80. package/components/{color-menu-DtYUtPee.js → color-menu-Cryp_5Gh.js} +9 -9
  81. package/components/color-palette/index.cjs +1 -1
  82. package/components/color-palette/index.js +1 -1
  83. package/components/color-palette-349EkPMg.cjs +18 -0
  84. package/components/{color-palette-FQyIMSwP.js → color-palette-BAdaNySC.js} +3 -3
  85. package/components/color-palette-group/index.cjs +1 -1
  86. package/components/color-palette-group/index.js +1 -1
  87. package/components/color-palette-group-BvP09zmT.cjs +28 -0
  88. package/components/{color-palette-group-o6bnF-Ir.js → color-palette-group-D8Mavsd2.js} +3 -3
  89. package/components/color-picker/index.cjs +1 -1
  90. package/components/color-picker/index.js +1 -1
  91. package/components/{color-picker-CajJUS1c.cjs → color-picker-DL7rqWnW.cjs} +2 -2
  92. package/components/{color-picker-WCIGRufq.js → color-picker-DgjqWiVd.js} +6 -6
  93. package/components/color-slider/index.cjs +1 -1
  94. package/components/color-slider/index.js +1 -1
  95. package/components/color-slider-DxjJ72ue.cjs +57 -0
  96. package/components/{color-slider-BZ3G8Zgn.js → color-slider-ihAIFt5p.js} +5 -6
  97. package/components/{condition-attribute-with-id-Cw92IbcP.cjs → condition-attribute-with-id-DauPaLSS.cjs} +1 -1
  98. package/components/date-range-picker/index.cjs +1 -1
  99. package/components/date-range-picker/index.js +1 -1
  100. package/components/date-range-picker-A-XRRg1X.cjs +180 -0
  101. package/components/{date-range-picker-B2cRO9e5.js → date-range-picker-CcDzRDm5.js} +11 -11
  102. package/components/date-time-picker/index.cjs +1 -1
  103. package/components/date-time-picker/index.js +1 -1
  104. package/components/date-time-picker-Ca9GEA4N.cjs +105 -0
  105. package/components/{date-time-picker-CStBWop1.js → date-time-picker-PHKHDgL9.js} +12 -12
  106. package/components/decorate-B2wePfNm.cjs +18 -0
  107. package/components/{decorate-CkCg3wfh.js → decorate-aGxJUVxg.js} +1 -1
  108. package/components/{dependency-manger-BSaHw9ju.cjs → dependency-manger-CHy9t__e.cjs} +1 -1
  109. package/components/divider/index.cjs +1 -1
  110. package/components/divider/index.js +1 -1
  111. package/components/divider-Dn8XqbB6.cjs +18 -0
  112. package/components/{divider-CGbT-CL8.js → divider-cU0lVwOp.js} +3 -3
  113. package/components/{divider.module-BV6tmpOY.cjs → divider.module-CL60P_z8.cjs} +1 -1
  114. package/components/{element-resolution-BjaAlqwX.cjs → element-resolution-C0aiOB0Y.cjs} +1 -1
  115. package/components/field-group/index.cjs +1 -1
  116. package/components/field-group/index.js +1 -1
  117. package/components/{field-group-EZzkXa2e.js → field-group-C7ROsWq3.js} +2 -2
  118. package/components/{field-group-aWhlzhoj.cjs → field-group-OcI5Lgu7.cjs} +2 -2
  119. package/components/field-label/index.cjs +1 -1
  120. package/components/field-label/index.js +1 -1
  121. package/components/field-label-BCl6R1uO.cjs +25 -0
  122. package/components/{field-label-B9S41b7c.js → field-label-CtGCEmdp.js} +5 -5
  123. package/components/{focus-group-DVPa1zxz.js → focus-group-BshI1RpM.js} +1 -1
  124. package/components/focus-group-SF8Kj7iB.cjs +18 -0
  125. package/components/focus-visible-B0NNezGc.cjs +18 -0
  126. package/components/{focus-visible-Bt2uDmuM.js → focus-visible-CrooVCUu.js} +2 -2
  127. package/components/{focusable-DuP0-Kuy.js → focusable-BmS8IzhH.js} +2 -2
  128. package/components/focusable-CupEoHmn.cjs +18 -0
  129. package/components/{focusable-selectors-DJqGLTJo.cjs → focusable-selectors-5n5liBn0.cjs} +1 -1
  130. package/components/{get-label-from-slot-TV4APBYs.cjs → get-label-from-slot-LO_DZP60.cjs} +1 -1
  131. package/components/icon/index.cjs +1 -1
  132. package/components/icon/index.js +1 -1
  133. package/components/icon-B7hKwn_q.cjs +18 -0
  134. package/components/{icon-M3agnqx7.js → icon-CwBAE1eU.js} +1 -1
  135. package/components/index.cjs +1 -1
  136. package/components/index.js +68 -68
  137. package/components/infield-button/index.cjs +1 -1
  138. package/components/infield-button/index.js +1 -1
  139. package/components/{infield-button-CMcy_QGt.js → infield-button-BvKsbtKr.js} +3 -3
  140. package/components/infield-button-D5cuBWE5.cjs +22 -0
  141. package/components/label/index.cjs +1 -1
  142. package/components/label/index.js +1 -1
  143. package/components/{label-B1HYQ4Pp.js → label-ClJE2esm.js} +1 -1
  144. package/components/label-CqolZbJo.cjs +18 -0
  145. package/components/{language-resolution-BUeKpSce.cjs → language-resolution-BYemISJC.cjs} +1 -1
  146. package/components/{like-anchor-BX4PSB3d.cjs → like-anchor-BZJXts_H.cjs} +2 -2
  147. package/components/{like-anchor-DXCaEv7O.js → like-anchor-DeOXX-MX.js} +1 -1
  148. package/components/{manage-help-text-DwfUBgHK.js → manage-help-text-CF0xBh0F.js} +2 -2
  149. package/components/{manage-help-text-D20THJ3U.cjs → manage-help-text-D9VbYRf_.cjs} +2 -2
  150. package/components/menu/index.cjs +1 -1
  151. package/components/menu/index.d.ts +6 -4
  152. package/components/menu/index.js +1 -1
  153. package/components/{menu-qMByaBwZ.js → menu-Cdz2FEB7.js} +12 -12
  154. package/components/{menu-BS_hemfn.cjs → menu-DFKS4sRU.cjs} +4 -4
  155. package/components/multi-language-field/index.cjs +1 -1
  156. package/components/multi-language-field/index.js +1 -1
  157. package/components/{multi-language-field-DqAlPXww.js → multi-language-field-BzY75rOY.js} +4 -4
  158. package/components/{multi-language-field-B7dnlCK9.cjs → multi-language-field-DmoMyCBH.cjs} +2 -2
  159. package/components/number-field/index.cjs +1 -1
  160. package/components/number-field/index.js +1 -1
  161. package/components/number-field-BmWODnnR.cjs +57 -0
  162. package/components/{number-field-B6BiDw0B.js → number-field-DrJURvoW.js} +7 -7
  163. package/components/observe-slot-presence-Dx8hzNzK.cjs +18 -0
  164. package/components/observe-slot-text-BhTcGuHY.cjs +18 -0
  165. package/components/{observe-slot-text-97nX6NyX.js → observe-slot-text-Ddf1OC6F.js} +1 -1
  166. package/components/options/index.cjs +1 -1
  167. package/components/options/index.js +1 -1
  168. package/components/{options-BV5E4ygY.js → options-BGwKMvng.js} +8 -8
  169. package/components/{options-Cq9Gx9UR.cjs → options-CKi3VkNR.cjs} +2 -2
  170. package/components/overlay/index.cjs +1 -1
  171. package/components/overlay/index.js +3 -3
  172. package/components/{overlay-CO_JAhWD.cjs → overlay-BGI4wOGe.cjs} +2 -2
  173. package/components/{overlay-DpBGFUBW.js → overlay-BbQuYBxp.js} +8 -9
  174. package/components/overlay-DU_p8MNs.cjs +47 -0
  175. package/components/{overlay-DR9oYpb5.js → overlay-mdk7-NOt.js} +3 -3
  176. package/components/{pending-state-BeG7qBDP.js → pending-state-DFcNf5rd.js} +1 -1
  177. package/components/{pending-state-a527YMWV.cjs → pending-state-DIeF18qg.cjs} +2 -2
  178. package/components/picker/index.cjs +1 -1
  179. package/components/picker/index.js +1 -1
  180. package/components/picker-CssPvvau.cjs +123 -0
  181. package/components/{picker-D5AyIL5x.js → picker-DOiM_cUu.js} +9 -9
  182. package/components/picker-button/index.cjs +1 -1
  183. package/components/picker-button/index.js +1 -1
  184. package/components/{picker-button-Bg1oKrx4.js → picker-button-VAxzuhhg.js} +5 -5
  185. package/components/picker-button-adl1JO5u.cjs +37 -0
  186. package/components/platform-B7Sk7Qon.cjs +18 -0
  187. package/components/{platform-Ce9pNsR9.js → platform-D4V_cOJF.js} +2 -2
  188. package/components/popover/index.cjs +1 -1
  189. package/components/popover/index.js +1 -1
  190. package/components/{popover-CFawf-z9.js → popover-DyC9xGhX.js} +3 -3
  191. package/components/popover-dgL04x6P.cjs +30 -0
  192. package/components/progress-bar/index.cjs +1 -1
  193. package/components/progress-bar/index.js +1 -1
  194. package/components/progress-bar-BR28tISC.cjs +31 -0
  195. package/components/{progress-bar-BU_h5i27.js → progress-bar-DHgFRml1.js} +3 -3
  196. package/components/progress-circle/index.cjs +1 -1
  197. package/components/progress-circle/index.js +1 -1
  198. package/components/{progress-circle-BVToDWX8.js → progress-circle-Cg_ua9Ff.js} +3 -3
  199. package/components/progress-circle-DuzwUiGN.cjs +33 -0
  200. package/components/progress-steps/index.cjs +1 -1
  201. package/components/progress-steps/index.js +1 -1
  202. package/components/{progress-steps-9unA0ptN.js → progress-steps-Da8aZWx3.js} +2 -2
  203. package/components/progress-steps-WriXaZpE.cjs +96 -0
  204. package/components/prompt-box/controllers/attachments-controller.d.ts +1 -0
  205. package/components/prompt-box/index.cjs +1 -1
  206. package/components/prompt-box/index.d.ts +2 -1
  207. package/components/prompt-box/index.js +2 -2
  208. package/components/prompt-box/prompt-box-templates.d.ts +3 -0
  209. package/components/prompt-box/prompt-box.d.ts +30 -4
  210. package/components/prompt-box/types.d.ts +8 -0
  211. package/components/{prompt-box-B1eJoNNC.js → prompt-box-DahvVbcc.js} +215 -165
  212. package/components/prompt-box-DfTe3nG0.cjs +311 -0
  213. package/components/radio/index.cjs +1 -1
  214. package/components/radio/index.js +1 -1
  215. package/components/{radio-DhrwxuSB.js → radio-BzEPGUmQ.js} +5 -5
  216. package/components/radio-d-2GUbYE.cjs +22 -0
  217. package/components/{random-id-BcUJAxUZ.cjs → random-id-B51lUxUB.cjs} +1 -1
  218. package/components/{random-id-CiMDyX7v.js → random-id-Dd4boCPV.js} +1 -1
  219. package/components/{roving-tabindex-BoPao4td.cjs → roving-tabindex-B7x5ePUB.cjs} +1 -1
  220. package/components/{roving-tabindex-pomAn3z-.js → roving-tabindex-BP6mQbXf.js} +1 -1
  221. package/components/{scaled-indicator-DLJIztx0.cjs → scaled-indicator-Bl-3A2gz.cjs} +2 -2
  222. package/components/search/index.cjs +1 -1
  223. package/components/search/index.js +1 -1
  224. package/components/search-CCvT87FX.cjs +47 -0
  225. package/components/{search-DJa1-_UC.js → search-Dtff2EzC.js} +4 -4
  226. package/components/segments-factory-CHo9oQw7.cjs +18 -0
  227. package/components/select/index.cjs +1 -1
  228. package/components/select/index.js +1 -1
  229. package/components/{select-CzZZmuWl.js → select-C2gh8zRr.js} +10 -10
  230. package/components/select-qAKOLhmQ.cjs +158 -0
  231. package/components/{sized-mixin-DzQTebN-.js → sized-mixin-DaBoZkVS.js} +1 -1
  232. package/components/sized-mixin-StFA4y0J.cjs +18 -0
  233. package/components/skeleton-loader/index.cjs +1 -1
  234. package/components/skeleton-loader/index.js +1 -1
  235. package/components/skeleton-loader-dNRfq6lt.cjs +18 -0
  236. package/components/{skeleton-loader-C0LH3prK.js → skeleton-loader-oJVESWls.js} +1 -1
  237. package/components/slider/index.cjs +1 -1
  238. package/components/slider/index.js +1 -1
  239. package/components/slider-D8w2ipBg.cjs +18 -0
  240. package/components/{slider-BLaYicz8.js → slider-Fy-VeKrU.js} +2 -2
  241. package/components/{slottable-request-event-C6eb7Ch3.cjs → slottable-request-event-gAcEQan2.cjs} +1 -1
  242. package/components/status-light/index.cjs +1 -1
  243. package/components/status-light/index.js +1 -1
  244. package/components/status-light-BG_kopZQ.cjs +21 -0
  245. package/components/{status-light-BlfBJpqa.js → status-light-DXWPBufE.js} +2 -2
  246. package/components/{strategies-Dbb3w-JB.js → strategies-DhxJGIZT.js} +1 -1
  247. package/components/{strategies-CPWEHFe1.cjs → strategies-kuvLVIKO.cjs} +1 -1
  248. package/components/streaming-listener-BnDW38lt.cjs +18 -0
  249. package/components/swatch/index.cjs +1 -1
  250. package/components/swatch/index.js +1 -1
  251. package/components/{swatch-C2ty27bJ.js → swatch-BLuV-hlF.js} +4 -4
  252. package/components/{swatch-DcUK5qDv.cjs → swatch-G70JUe6I.cjs} +2 -2
  253. package/components/switch/index.cjs +1 -1
  254. package/components/switch/index.js +1 -1
  255. package/components/{switch-B10exYOk.js → switch-CSuMgmAh.js} +4 -4
  256. package/components/switch-nuCOB2P3.cjs +22 -0
  257. package/components/tabs/index.cjs +1 -1
  258. package/components/tabs/index.js +1 -1
  259. package/components/{tabs-CqYK2mFY.js → tabs-B54ELQtU.js} +11 -11
  260. package/components/{tabs-C07QGZbj.cjs → tabs-Jo_qqM_H.cjs} +2 -2
  261. package/components/tags/index.cjs +1 -1
  262. package/components/tags/index.js +1 -1
  263. package/components/{tags-DrDRVcwq.js → tags-Bpl4u-eo.js} +6 -6
  264. package/components/tags-Dj7Xm3KI.cjs +47 -0
  265. package/components/text-field/index.cjs +1 -1
  266. package/components/text-field/index.js +2 -2
  267. package/components/text-field-A4Obzs4l.cjs +21 -0
  268. package/components/{text-field-C9_95TpH.js → text-field-BoGAvXvh.js} +3 -3
  269. package/components/{text-field-DItC9-FS.js → text-field-Cs8HYRYL.js} +5 -5
  270. package/components/{text-field-BG6dB1fv.cjs → text-field-FJr8ZUhI.cjs} +2 -2
  271. package/components/{text-field.module-DDRcQM7Y.cjs → text-field.module-D5oDP7MB.cjs} +1 -1
  272. package/components/toast/index.cjs +1 -1
  273. package/components/toast/index.js +1 -1
  274. package/components/{toast-B2rcl_2b.js → toast-Bd0fleYT.js} +3 -3
  275. package/components/toast-NZ0Z1lz9.cjs +51 -0
  276. package/components/tooltip/index.cjs +1 -1
  277. package/components/tooltip/index.js +1 -1
  278. package/components/tooltip-6y-g7e9V.cjs +45 -0
  279. package/components/{tooltip-Byl1h4nN.js → tooltip-CVSSKlDP.js} +4 -4
  280. package/components/top-nav/index.cjs +1 -1
  281. package/components/top-nav/index.js +1 -1
  282. package/components/{top-nav-D3Iqfth0.js → top-nav-B3w3DZ56.js} +6 -6
  283. package/components/top-nav-DZO8yZs6.cjs +45 -0
  284. package/components/utils.cjs +1 -1
  285. package/components/utils.js +7 -7
  286. package/components/{voice-recorder-B1tBrGTV.cjs → voice-recorder-BUtmSvPO.cjs} +1 -1
  287. package/custom-elements.json +1 -1
  288. package/package.json +1 -1
  289. package/components/accordion-CW7xAsId.cjs +0 -43
  290. package/components/action-bar-CSf3qi0f.cjs +0 -39
  291. package/components/action-button-CMRoRRWo.cjs +0 -22
  292. package/components/action-group-D1G30Iir.cjs +0 -20
  293. package/components/avatar-BRfwsoBh.cjs +0 -24
  294. package/components/badge-BjusWIAn.cjs +0 -23
  295. package/components/button-D7RUI_x1.cjs +0 -20
  296. package/components/button-group-6M8M-TUI.cjs +0 -18
  297. package/components/calendar-9tmSkAp2.cjs +0 -142
  298. package/components/chat-message-SBnm0ITB.cjs +0 -150
  299. package/components/chat-message-group-CzCwyW7F.cjs +0 -24
  300. package/components/checkbox-C-HC6f2c.cjs +0 -25
  301. package/components/close-button-BQUJeFCq.cjs +0 -18
  302. package/components/color-area-B5OHLqtm.cjs +0 -80
  303. package/components/color-controller-DZe3_BMD.cjs +0 -18
  304. package/components/color-handle-BwV3Nia5.cjs +0 -24
  305. package/components/color-loupe-C_C2hy-m.cjs +0 -56
  306. package/components/color-menu-CBpuPimx.cjs +0 -89
  307. package/components/color-palette-C6G0Tdla.cjs +0 -18
  308. package/components/color-palette-group-B4r4tPfY.cjs +0 -28
  309. package/components/color-slider-CVSEpLOP.cjs +0 -57
  310. package/components/date-range-picker-nnN0b_N4.cjs +0 -180
  311. package/components/date-time-picker-Cj4n6nG-.cjs +0 -105
  312. package/components/decorate-Dq34MBGe.cjs +0 -18
  313. package/components/divider-wana0uPI.cjs +0 -18
  314. package/components/field-label-C5vdJ1ys.cjs +0 -25
  315. package/components/focus-group-C8lOjbi9.cjs +0 -18
  316. package/components/focus-visible-eQdwUM9k.cjs +0 -18
  317. package/components/focusable-DTxxQ3yJ.cjs +0 -18
  318. package/components/icon-xwNfYSkj.cjs +0 -18
  319. package/components/infield-button-DKlrlNuX.cjs +0 -22
  320. package/components/label-DPG13Ib0.cjs +0 -18
  321. package/components/number-field-BEBoSI-_.cjs +0 -57
  322. package/components/observe-slot-presence-CS8pMePk.cjs +0 -18
  323. package/components/observe-slot-text-DzUSxLpj.cjs +0 -18
  324. package/components/overlay-duS52Rsb.cjs +0 -47
  325. package/components/picker-D_lZ-gXW.cjs +0 -123
  326. package/components/picker-button-COrTSUL5.cjs +0 -37
  327. package/components/platform-BAjeJp2W.cjs +0 -18
  328. package/components/popover-R-fdNBvR.cjs +0 -30
  329. package/components/progress-bar-DHmthnzp.cjs +0 -31
  330. package/components/progress-circle-DyApSKdm.cjs +0 -33
  331. package/components/progress-steps-BgRH7KAn.cjs +0 -96
  332. package/components/prompt-box-DG4G19Vq.cjs +0 -299
  333. package/components/radio-Ch4iR6e1.cjs +0 -22
  334. package/components/search-COpGXyHi.cjs +0 -47
  335. package/components/segments-factory-DtPyN5sh.cjs +0 -18
  336. package/components/select-DV38y5iI.cjs +0 -158
  337. package/components/sized-mixin-BT7cv-fT.cjs +0 -18
  338. package/components/skeleton-loader-Cm50Ztzk.cjs +0 -18
  339. package/components/slider-CfZ2IRgC.cjs +0 -18
  340. package/components/status-light-Bu0G8-lH.cjs +0 -21
  341. package/components/streaming-listener-Bfyk6Fsx.cjs +0 -18
  342. package/components/switch-BKDJ3dZ9.cjs +0 -22
  343. package/components/tags-CX8xqWyH.cjs +0 -47
  344. package/components/text-field-D0Z0K_7q.cjs +0 -21
  345. package/components/toast-BzIN9rHc.cjs +0 -51
  346. package/components/tooltip-Sm0pruxL.cjs +0 -45
  347. package/components/top-nav-Dqa5pB4f.cjs +0 -45
  348. /package/components/{color-controller-Rg_Zl0sT.js → color-controller-G2_v2xSl.js} +0 -0
  349. /package/components/{condition-attribute-with-id-BdnTdWKz.js → condition-attribute-with-id-Duo51HZ7.js} +0 -0
  350. /package/components/{dependency-manger-wHEXoU92.js → dependency-manger-DMrulWcJ.js} +0 -0
  351. /package/components/{divider.module-CPEKsaqR.js → divider.module-C65RfSUa.js} +0 -0
  352. /package/components/{element-resolution-gap51AVo.js → element-resolution-Bs1x89vU.js} +0 -0
  353. /package/components/{focusable-selectors-BWpiuXz5.js → focusable-selectors-Bg60_Kra.js} +0 -0
  354. /package/components/{get-label-from-slot-Bo9mqYCZ.js → get-label-from-slot-5vVnfSgN.js} +0 -0
  355. /package/components/{language-resolution-DR30FsWE.js → language-resolution-BpfGTC29.js} +0 -0
  356. /package/components/{observe-slot-presence-BKY6n06-.js → observe-slot-presence-BCqd3VSd.js} +0 -0
  357. /package/components/{rolldown-runtime-Dy4uBu1J.js → rolldown-runtime-CAFD8bLK.js} +0 -0
  358. /package/components/{scaled-indicator-C-TupV4L.js → scaled-indicator-fMYan6VK.js} +0 -0
  359. /package/components/{segments-factory-BCRi1NKb.js → segments-factory-D0IveW-q.js} +0 -0
  360. /package/components/{slottable-request-event-MRSZbgTu.js → slottable-request-event-DZ2Z_BLk.js} +0 -0
  361. /package/components/{streaming-listener-CtcMpYfS.js → streaming-listener-2NcP7ys7.js} +0 -0
  362. /package/components/{text-field.module-BrBqDht3.js → text-field.module-Btsve-VN.js} +0 -0
  363. /package/components/{voice-recorder-CTg3kRxx.js → voice-recorder-477xPHRU.js} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luzmo/lucero",
3
- "version": "1.0.3-alpha.7",
3
+ "version": "1.0.3-alpha.9",
4
4
  "homepage": "https://luzmo.com",
5
5
  "description": "Lucero - The design system for Luzmo",
6
6
  "type": "module",
@@ -1,43 +0,0 @@
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}});
@@ -1,39 +0,0 @@
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-BQUJeFCq.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}});
@@ -1,22 +0,0 @@
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("./sized-mixin-BT7cv-fT.cjs"),n=require("./button-base-UZcvbkXl.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@luzmo/icons");var o=`:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-sans-font-family-stack,var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height-100,var(--line-height-100)));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration-100,var(--animation-duration-100))) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible;border-style:solid!important}:host(:focus){outline:none}:host([disabled]),:host([disabled]){cursor:default}::slotted([slot=icon]){flex-shrink:0;justify-content:center;align-items:center;max-block-size:100%;display:flex}#label{text-align:center;place-self:center}#label:empty{display:none}@media (forced-colors:active){:host{--highcontrast-action-button-focus-indicator-color:ButtonText}:host:after{forced-color-adjust:none}:host([selected]){--highcontrast-action-button-background-color-default:Highlight;--highcontrast-action-button-background-color-hover:Highlight;--highcontrast-action-button-background-color-focus:Highlight;--highcontrast-action-button-background-color-down:Highlight;--highcontrast-action-button-background-color-disabled:ButtonFace;--highcontrast-action-button-border-color-default:HighlightText;--highcontrast-action-button-border-color-hover:HighlightText;--highcontrast-action-button-border-color-focus:HighlightText;--highcontrast-action-button-border-color-down:HighlightText;--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-default:HighlightText;--highcontrast-action-button-content-color-hover:HighlightText;--highcontrast-action-button-content-color-focus:HighlightText;--highcontrast-action-button-content-color-down:HighlightText;--highcontrast-action-button-content-color-disabled:GrayText}:host([selected]) .hold-affordance,:host([selected]) ::slotted([slot=icon]),:host([selected]) #label{forced-color-adjust:none}}:host{--action-button-focus-indicator-border-radius:calc(var(--action-button-border-radius) + var(--action-button-focus-indicator-gap));--action-button-edge-to-visual:calc(var(--action-button-edge-to-visual-size) - var(--action-button-border-width));--action-button-edge-to-text:calc(var(--action-button-edge-to-text-size) - var(--action-button-border-width));--action-button-edge-to-visual-only:calc(var(--action-button-edge-to-visual-only-size) - var(--action-button-border-width));min-inline-size:var(--luzmo-action-button-min-width,var(--action-button-min-width));block-size:var(--luzmo-action-button-height,var(--action-button-height));border-radius:var(--luzmo-action-button-border-radius,var(--action-button-border-radius));gap:calc(var(--luzmo-action-button-text-to-visual,var(--action-button-text-to-visual)) + var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)));padding-inline:var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text));background-color:var(--highcontrast-action-button-background-color-default,var(--luzmo-action-button-background-color-default,var(--action-button-background-color-default)));color:var(--highcontrast-action-button-content-color-default,var(--luzmo-action-button-content-color-default,var(--action-button-content-color-default)));position:relative;border-width:var(--luzmo-action-button-border-width,var(--action-button-border-width))!important;border-color:var(--highcontrast-action-button-border-color-default,var(--luzmo-action-button-border-color-default,var(--action-button-border-color-default)))!important}: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])){--logical-rotation:matrix(-1, 0, 0, 1, 0, 0)}@media (hover:hover){:host(:hover){background-color:var(--highcontrast-action-button-background-color-hover,var(--luzmo-action-button-background-color-hover,var(--action-button-background-color-hover)));color:var(--highcontrast-action-button-content-color-hover,var(--luzmo-action-button-content-color-hover,var(--action-button-content-color-hover)));border-color:var(--highcontrast-action-button-border-color-hover,var(--luzmo-action-button-border-color-hover,var(--action-button-border-color-hover)))!important}}:host(:focus-visible){background-color:var(--highcontrast-action-button-background-color-focus,var(--luzmo-action-button-background-color-focus,var(--action-button-background-color-focus)));color:var(--highcontrast-action-button-content-color-focus,var(--luzmo-action-button-content-color-focus,var(--action-button-content-color-focus)));border-color:var(--highcontrast-action-button-border-color-focus,var(--luzmo-action-button-border-color-focus,var(--action-button-border-color-focus)))!important}:host(:is(:active,[active])){background-color:var(--highcontrast-action-button-background-color-down,var(--luzmo-action-button-background-color-down,var(--action-button-background-color-down)));color:var(--highcontrast-action-button-content-color-down,var(--luzmo-action-button-content-color-down,var(--action-button-content-color-down)));border-color:var(--highcontrast-action-button-border-color-down,var(--luzmo-action-button-border-color-down,var(--action-button-border-color-down)))!important}:host([disabled]),:host([disabled]){background-color:var(--highcontrast-action-button-background-color-disabled,var(--luzmo-action-button-background-color-disabled,var(--action-button-background-color-disabled)));color:var(--highcontrast-action-button-content-color-disabled,var(--luzmo-action-button-content-color-disabled,var(--action-button-content-color-disabled)));border-color:var(--highcontrast-action-button-border-color-disabled,var(--luzmo-action-button-border-color-disabled,var(--action-button-border-color-disabled)))!important}:host([selected]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected)}:host([selected][emphasized]){--luzmo-action-button-background-color-default:var(--luzmo-action-button-background-color-default-selected-emphasized);--luzmo-action-button-background-color-hover:var(--luzmo-action-button-background-color-hover-selected-emphasized);--luzmo-action-button-background-color-down:var(--luzmo-action-button-background-color-down-selected-emphasized);--luzmo-action-button-background-color-focus:var(--luzmo-action-button-background-color-focus-selected-emphasized);--luzmo-action-button-content-color-default:var(--luzmo-action-button-content-color-default-selected-emphasized);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-content-color-hover-selected-emphasized);--luzmo-action-button-content-color-down:var(--luzmo-action-button-content-color-down-selected-emphasized);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-content-color-focus-selected-emphasized)}:host([selected][static-color=black]),:host([selected][static-color=white]){--luzmo-action-button-content-color-default:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-hover:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-down:var(--luzmo-action-button-static-content-color);--luzmo-action-button-content-color-focus:var(--luzmo-action-button-static-content-color)}::slotted([slot=icon]){min-inline-size:var(--luzmo-action-button-icon-size,var(--action-button-icon-size));color:inherit;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+::slotted([slot=icon]){margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual,var(--action-button-edge-to-visual)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}.hold-affordance+[icon-only]::slotted([slot=icon]),[icon-only]::slotted([slot=icon]){text-align:center;margin-inline-start:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)));margin-inline-end:calc(var(--luzmo-action-button-edge-to-visual-only,var(--action-button-edge-to-visual-only)) - var(--luzmo-action-button-edge-to-text,var(--action-button-edge-to-text)))}#label{pointer-events:none;font-size:var(--luzmo-action-button-font-size,var(--action-button-font-size));white-space:nowrap;color:var(--luzmo-action-button-label-color,inherit);text-overflow:ellipsis;overflow:hidden}.hold-affordance{color:inherit;transform:var(--logical-rotation);font-size:var(--action-button-corner-triangle-size);position:absolute;inset-block-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)));inset-inline-end:calc(var(--luzmo-action-button-edge-to-hold-icon,var(--action-button-edge-to-hold-icon)) - var(--luzmo-action-button-border-width,var(--action-button-border-width)))}:host{transition:border-color var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-action-button-focus-indicator-gap,var(--action-button-focus-indicator-gap)) + var(--luzmo-action-button-border-width,var(--action-button-border-width))) * -1);border-radius:var(--luzmo-action-button-focus-indicator-border-radius,var(--action-button-focus-indicator-border-radius));transition:box-shadow var(--luzmo-action-button-animation-duration,var(--action-button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-action-button-focus-indicator-width,var(--action-button-focus-indicator-width)) var(--highcontrast-action-button-focus-indicator-color,var(--luzmo-action-button-focus-indicator-color,var(--action-button-focus-indicator-color)))}:host{--action-button-animation-duration:var(--luzmo-animation-duration);--action-button-border-radius:var(--luzmo-border-radius);--action-button-border-width:var(--luzmo-border-width);--action-button-content-color-default:var(--luzmo-font-color);--action-button-content-color-hover:var(--luzmo-font-color-hover);--action-button-content-color-down:var(--luzmo-font-color-down);--action-button-content-color-focus:var(--luzmo-font-color-focus);--action-button-focus-indicator-gap:var(--luzmo-indicator-gap);--action-button-focus-indicator-width:var(--luzmo-indicator-width);--action-button-focus-indicator-color:var(--luzmo-indicator-color);--action-button-background-color-default:var(--luzmo-background-color);--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-border-color-default:var(--luzmo-border-color);--action-button-border-color-hover:var(--luzmo-border-color-hover);--action-button-border-color-down:var(--luzmo-border-color-down);--action-button-border-color-focus:var(--luzmo-border-color-focus);--action-button-background-color-disabled:var(--luzmo-background-color);--action-button-border-color-disabled:var(--luzmo-border-color-disabled);--action-button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([quiet]){--action-button-background-color-default:transparent;--action-button-background-color-hover:var(--luzmo-background-color-hover);--action-button-background-color-down:var(--luzmo-background-color-down);--action-button-background-color-focus:var(--luzmo-background-color-focus);--action-button-background-color-disabled:transparent;--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([selected]){--action-button-background-color-default:var(--luzmo-font-color);--action-button-background-color-hover:var(--luzmo-font-color-hover);--action-button-background-color-down:var(--luzmo-font-color-down);--action-button-background-color-focus:var(--luzmo-font-color-focus);--action-button-content-color-default:var(--luzmo-background-color);--action-button-content-color-hover:var(--luzmo-background-color);--action-button-content-color-down:var(--luzmo-background-color);--action-button-content-color-focus:var(--luzmo-background-color);--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent;--action-button-background-color-disabled:var(--luzmo-background-color-disabled)}:host([selected][emphasized]){--action-button-background-color-default:var(--luzmo-primary);--action-button-background-color-hover:var(--luzmo-primary-hover);--action-button-background-color-down:var(--luzmo-primary-down);--action-button-background-color-focus:var(--luzmo-primary-focus);--action-button-content-color-default:var(--luzmo-primary-inverse-color);--action-button-content-color-hover:var(--luzmo-primary-inverse-color);--action-button-content-color-down:var(--luzmo-primary-inverse-color);--action-button-content-color-focus:var(--luzmo-primary-inverse-color)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--action-button-border-color-default:transparent;--action-button-border-color-hover:transparent;--action-button-border-color-down:transparent;--action-button-border-color-focus:transparent;--action-button-border-color-disabled:transparent}:host([static-color=black]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#00000040;--action-button-background-color-down:#0006;--action-button-background-color-focus:#00000040;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#0006;--action-button-border-color-hover:#0000008c;--action-button-border-color-down:#000000b3;--action-button-border-color-focus:#00000040;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000;--action-button-content-color-disabled:#0000008c;--action-button-focus-indicator-color:#000}:host([static-color=black][selected]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-background-color-disabled:#0000001a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=black][selected][emphasized]){--action-button-background-color-default:#000000e6;--action-button-background-color-hover:#000;--action-button-background-color-down:#000;--action-button-background-color-focus:#000;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff}:host([static-color=white]){--action-button-background-color-default:transparent;--action-button-background-color-hover:#ffffff40;--action-button-background-color-down:#fff6;--action-button-background-color-focus:#ffffff40;--action-button-background-color-disabled:transparent;--action-button-border-color-default:#fff6;--action-button-border-color-hover:#ffffff8c;--action-button-border-color-down:#ffffffb3;--action-button-border-color-focus:#ffffff8c;--action-button-border-color-disabled:#ffffff40;--action-button-content-color-default:#fff;--action-button-content-color-hover:#fff;--action-button-content-color-down:#fff;--action-button-content-color-focus:#fff;--action-button-content-color-disabled:#ffffff8c;--action-button-focus-indicator-color:#fff}:host([static-color=white][selected]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-background-color-disabled:#ffffff1a;--action-button-border-color-disabled:transparent;--action-button-content-color-default:#000;--action-button-content-color-hover:#000;--action-button-content-color-down:#000;--action-button-content-color-focus:#000}:host([static-color=white][selected][emphasized]){--action-button-background-color-default:#ffffffe6;--action-button-background-color-hover:#fff;--action-button-background-color-down:#fff;--action-button-background-color-focus:#fff;--action-button-content-color-default:#000}:host([variant=pill]),:host([variant=accent]),:host([variant=pill][size]),:host([variant=accent][size]){--action-button-min-width:auto}:host([variant=accent]){--action-button-background-color-default:color-mix(in oklch, var(--luzmo-primary), white 88%);--action-button-background-color-hover:color-mix(in oklch, var(--luzmo-primary), white 75%);--action-button-background-color-down:var(--action-button-background-color-hover);--action-button-background-color-focus:var(--action-button-background-color-hover);--action-button-border-color-default:color-mix(in oklch, var(--luzmo-primary), white 70%);--action-button-border-color-hover:color-mix(in oklch, var(--luzmo-primary), white 50%);--action-button-border-color-down:var(--action-button-border-color-hover);--action-button-border-color-focus:var(--action-button-border-color-hover);--action-button-content-color-default:color-mix(in oklch, var(--luzmo-primary), black 25%);--action-button-content-color-hover:var(--action-button-content-color-default);--action-button-content-color-down:var(--action-button-content-color-default);--action-button-content-color-focus:var(--action-button-content-color-default);--action-button-background-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 92%);--action-button-border-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 85%);--action-button-content-color-disabled:color-mix(in oklch, var(--luzmo-primary), white 40%)}:host{--action-button-min-width:var(--luzmo-component-height);--action-button-height:var(--luzmo-component-height);--action-button-icon-size:var(--luzmo-font-size-l);--action-button-font-size:var(--luzmo-font-size);--action-button-text-to-visual:var(--luzmo-spacing-2);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-3);--action-button-edge-to-text-size:12px;--action-button-corner-triangle-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=xs]){--action-button-min-width:var(--luzmo-component-height-xs);--action-button-height:var(--luzmo-component-height-xs);--action-button-icon-size:var(--luzmo-font-size-s);--action-button-font-size:var(--luzmo-font-size-xs);--action-button-text-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-2);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=s]){--action-button-min-width:var(--luzmo-component-height-s);--action-button-height:var(--luzmo-component-height-s);--action-button-icon-size:var(--luzmo-font-size);--action-button-font-size:var(--luzmo-font-size-s);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-3);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-2);--action-button-edge-to-text-size:var(--luzmo-spacing-3);--action-button-corner-triangle-size:var(--luzmo-spacing-2)}:host([size=l]){--action-button-min-width:var(--luzmo-component-height-l);--action-button-height:var(--luzmo-component-height-l);--action-button-icon-size:var(--luzmo-font-size-xl);--action-button-font-size:var(--luzmo-font-size-l);--action-button-text-to-visual:var(--luzmo-spacing-3);--action-button-edge-to-hold-icon:var(--luzmo-spacing-2);--action-button-edge-to-visual-size:var(--luzmo-spacing-4);--action-button-edge-to-visual-only-size:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}:host([size=xl]){--action-button-min-width:var(--luzmo-component-height-xl);--action-button-height:var(--luzmo-component-height-xl);--action-button-icon-size:var(--luzmo-font-size-xxl);--action-button-font-size:var(--luzmo-font-size-xl);--action-button-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--action-button-edge-to-hold-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--action-button-edge-to-visual-size:var(--luzmo-spacing-5);--action-button-edge-to-visual-only-size:var(--luzmo-spacing-4);--action-button-edge-to-text-size:var(--luzmo-spacing-5);--action-button-corner-triangle-size:var(--luzmo-spacing-3)}::slotted([slot=icon]){flex-shrink:0}#label{flex-grow:var(--action-button-label-flex-grow);text-align:var(--action-button-label-text-align);pointer-events:none!important}:host([size=xs]){min-width:var(--action-button-height,0);--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=s]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) - var(--action-button-border-width))}:host([size=m]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1) - var(--action-button-border-width))}:host([size=l]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-3) - var(--action-button-border-width))}:host([size=xl]){--action-button-edge-to-visual-only:calc(var(--luzmo-spacing-4) - var(--action-button-border-width))}@media (forced-colors:active){:host{--highcontrast-action-button-border-color-disabled:GrayText;--highcontrast-action-button-content-color-disabled:GrayText}}`,s,c=[`neutral`,`pill`,`accent`],l=class extends t.n(n.t,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[...super.styles,(0,r.unsafeCSS)(o)]}get variant(){return this._variant}set variant(e){let t=c.includes(e)?e:`neutral`;if(t===this._variant){this.getAttribute(`variant`)!==t&&this.setAttribute(`variant`,t);return}let n=this._variant;this._variant=t,this.requestUpdate(`variant`,n),this.setAttribute(`variant`,t)}get value(){return this._value||this.itemText}set value(e){e!==this._value&&(this._value=e||``,this._value?this.setAttribute(`value`,this._value):this.removeAttribute(`value`))}get itemText(){return(this.textContent||``).trim()}constructor(){super(),this.emphasized=!1,this.holdAffordance=!1,this.quiet=!1,this.role=`button`,this.selected=!1,this.toggles=!1,this._variant=`neutral`,this._value=``,this.onClick=()=>{this.toggles&&(this.selected=!this.selected,this.dispatchEvent(new Event(`change`,{cancelable:!0,bubbles:!0,composed:!0}))||(this.selected=!this.selected))},this.addEventListener(`click`,this.onClick)}handlePointerdownHoldAffordance(e){e.button===0&&(this.addEventListener(`pointerup`,this.handlePointerupHoldAffordance),this.addEventListener(`pointercancel`,this.handlePointerupHoldAffordance),s=setTimeout(()=>{this.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`pointer`}}))},300))}handlePointerupHoldAffordance(){clearTimeout(s),this.removeEventListener(`pointerup`,this.handlePointerupHoldAffordance),this.removeEventListener(`pointercancel`,this.handlePointerupHoldAffordance)}handleKeydown(e){if(!this.holdAffordance)return super.handleKeydown(e);let{code:t,altKey:n}=e;(t===`Space`||n&&t===`ArrowDown`)&&(e.preventDefault(),t===`ArrowDown`&&(e.stopPropagation(),e.stopImmediatePropagation()),this.addEventListener(`keyup`,this.handleKeyup),this.active=!0)}handleKeyup(e){if(!this.holdAffordance)return super.handleKeyup(e);let{code:t,altKey:n}=e;(t===`Space`||n&&t===`ArrowDown`)&&(e.stopPropagation(),this.dispatchEvent(new CustomEvent(`longpress`,{bubbles:!0,composed:!0,detail:{source:`keyboard`}})),this.active=!1)}get buttonContent(){let e=super.buttonContent;return this.holdAffordance&&e.unshift(r.html`
19
- <div class="hold-affordance corner-triangle-${this.size}">
20
- ${(0,a.luzmoIcon)(a.luzmoCornerTriangle)}
21
- </div>
22
- `),e}updated(e){super.updated(e);let t=this.role===`button`,n=t&&(this.selected||this.toggles)&&!(this.hasAttribute(`aria-haspopup`)&&this.hasAttribute(`aria-expanded`));(e.has(`selected`)||e.has(`role`))&&(n?this.setAttribute(`aria-pressed`,this.selected?`true`:`false`):(this.removeAttribute(`aria-pressed`),t&&this.toggles&&this.hasAttribute(`aria-expanded`)&&this.setAttribute(`aria-expanded`,this.selected?`true`:`false`))),e.has(`holdAffordance`)&&(this.holdAffordance?this.addEventListener(`pointerdown`,this.handlePointerdownHoldAffordance):(this.removeEventListener(`pointerdown`,this.handlePointerdownHoldAffordance),this.handlePointerupHoldAffordance()))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`emphasized`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0,attribute:`hold-affordance`})],l.prototype,`holdAffordance`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`quiet`,void 0),e.t([(0,i.property)({reflect:!0})],l.prototype,`role`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`selected`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`toggles`,void 0),e.t([(0,i.property)({reflect:!0,attribute:`static-color`})],l.prototype,`staticColor`,void 0),e.t([(0,i.property)()],l.prototype,`variant`,null),e.t([(0,i.property)({type:String})],l.prototype,`value`,null),customElements.get(`luzmo-action-button`)||customElements.define(`luzmo-action-button`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
@@ -1,20 +0,0 @@
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("./sized-mixin-BT7cv-fT.cjs"),n=require("./roving-tabindex-BoPao4td.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("@lit-labs/observers/mutation-controller.js");var o=`:host{gap:var(--luzmo-action-group-horizontal-spacing-regular,var(--action-group-horizontal-spacing-regular));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:3}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-action-group-vertical-spacing-regular,var(--action-group-vertical-spacing-regular));flex-direction:column;display:inline-flex}:host([compact]){gap:var(--luzmo-action-group-gap-size-compact,var(--action-group-gap-size-compact))}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset,var(--action-group-border-radius-reset));z-index:0;position:relative}:host([compact]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0px 0px var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-start-start-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset))}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--luzmo-actionbutton-focus-indicator-border-radius:0px;margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact,var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-horizontal-spacing-compact,var(--action-group-horizontal-spacing-compact))}:host([compact]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius:0px var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0px;border-start-end-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact,var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-border-radius-reset,var(--action-group-border-radius-reset))}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}@media (hover:hover){:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact]:not([quiet])[vertical]){gap:var(--luzmo-action-group-gap-size-compact,var(--action-group-gap-size-compact))}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset,var(--action-group-border-radius-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0px 0px;border-start-start-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-start-end-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact,var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact,var(--action-group-vertical-spacing-compact));margin-inline-end:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-start:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact,var(--action-group-vertical-spacing-compact));margin-inline-start:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset));margin-inline-end:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius:0px 0px var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact,var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-button-spacing-reset,var(--action-group-button-spacing-reset))}:host([justified]) ::slotted(*){flex:1}:host{--action-group-gap-size-compact:0px;--action-group-horizontal-spacing-compact:-1px;--action-group-vertical-spacing-compact:-1px;--action-group-button-spacing-reset:0px;--action-group-border-radius-reset:0px;--action-group-border-radius:var(--luzmo-border-radius);--action-group-horizontal-spacing-regular:var(--luzmo-spacing-3);--action-group-vertical-spacing-regular:var(--luzmo-spacing-3)}:host([size=xs]),:host([size=s]){--action-group-horizontal-spacing-regular:var(--luzmo-spacing-2);--action-group-vertical-spacing-regular:var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--action-group-horizontal-spacing-regular:var(--luzmo-spacing-3);--action-group-vertical-spacing-regular:var(--luzmo-spacing-3)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-left:0;margin-right:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){flex-direction:column;align-items:stretch;display:flex}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius:0;--luzmo-action-button-border-radius:var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius:0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child),:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius:0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius:var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}:host([compact]:not([quiet])) ::slotted(*){--luzmo-action-button-focus-ring-border-radius:0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius:var(--luzmo-border-radius) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius:0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius:var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child),:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius:0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) var(--luzmo-action-group-border-radius,var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius:var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius,var(--action-group-border-radius))}`,s=[],c=class extends t.n(e.n,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[(0,r.unsafeCSS)(o)]}set buttons(e){e!==this.buttons&&(this._buttons=e,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}constructor(){super(),this._buttons=[],this._buttonSelector=`luzmo-action-button, luzmo-action-menu`,this.rovingTabindexController=new n.t(this,{focusInIndex:e=>{let t=-1,n=e.findIndex((n,r)=>(!e[t]&&!n.disabled&&(t=r),n.selected&&!n.disabled));return e[n]?n:t},elements:()=>this.buttons,isFocusableElement:e=>!e.disabled}),this.compact=!1,this.emphasized=!1,this.justified=!1,this.label=``,this.quiet=!1,this.vertical=!1,this._selected=s,this.hasManaged=!1,this.manageButtons=()=>{if(!this.slotElement)return;let e=this.slotElement.assignedElements({flatten:!0}).reduce((e,t)=>{if(t.matches(this._buttonSelector))e.push(t);else{let n=[...t.querySelectorAll(`:scope > ${this._buttonSelector}`)];e.push(...n)}return e},[]);if(this.buttons=e,this.selects||!this.hasManaged){let e=[];this.buttons.forEach(t=>{t.selected&&e.push(t.value)}),this.setSelected([...this.selected,...e])}this.manageChildren(),this.manageSelects(),this.hasManaged=!0},new a.MutationController(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}set selected(e){this.requestUpdate(`selected`,this._selected),this._selected=e,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(e){this.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(e),this.buttons.map(e=>{e.selected=this.selected.includes(e.value)}))}setSelected(e,t){if(e===this.selected)return;let n=this.selected;this.requestUpdate(`selected`,n),this._selected=e,t&&this.dispatchChange(n)}focus(e){this.rovingTabindexController.focus(e)}deselectSelectedButtons(){this.buttons.forEach(e=>{e.selected&&(e.selected=!1,e.tabIndex=-1,e.setAttribute(this.selects?`aria-checked`:`aria-pressed`,`false`))})}handleActionButtonChange(e){e.stopPropagation(),e.preventDefault()}handleClick(e){let t=e.target;if(t.value!==void 0)switch(this.selects){case`single`:this.deselectSelectedButtons(),t.selected=!0,t.tabIndex=0,t.setAttribute(`aria-checked`,`true`),this.setSelected([t.value],!0);break;case`multiple`:{let e=[...this.selected];t.selected=!t.selected,t.setAttribute(`aria-checked`,t.selected?`true`:`false`),t.selected?e.push(t.value):e.splice(this.selected.indexOf(t.value),1),this.setSelected(e,!0),this.buttons.forEach(e=>{e.tabIndex=-1}),t.tabIndex=0;break}default:break}}async applySelects(){await this.manageSelects(!0)}async manageSelects(e){if(this.buttons.length===0)return;let t=this.buttons;switch(this.selects){case`single`:{this.setAttribute(`role`,`radiogroup`);let n=[],r=t.map(async e=>{await e.updateComplete,e.setAttribute(`role`,`radio`),e.setAttribute(`aria-checked`,e.selected?`true`:`false`),e.selected&&n.push(e)});if(e)break;await Promise.all(r);let i=n.map(e=>e.value);this.setSelected(i||s);break}case`multiple`:{this.getAttribute(`role`)===`radiogroup`&&this.removeAttribute(`role`);let n=[],r=[],i=t.map(async e=>{await e.updateComplete,e.setAttribute(`role`,`checkbox`),e.setAttribute(`aria-checked`,e.selected?`true`:`false`),e.selected&&(n.push(e.value),r.push(e))});if(e)break;await Promise.all(i);let a=n.length>0?n:s;this.setSelected(a);break}default:if(this.selected.length>0){let n=[],r=t.map(async e=>{await e.updateComplete,e.setAttribute(`role`,`button`),e.selected?(e.setAttribute(`aria-pressed`,`true`),n.push(e)):e.removeAttribute(`aria-pressed`)});if(e)break;await Promise.all(r),this.setSelected(n.map(e=>e.value))}else{this.buttons.forEach(e=>{e.setAttribute(`role`,`button`)});break}}this.hasAttribute(`role`)||this.setAttribute(`role`,`toolbar`)}render(){return r.html`
19
- <slot role="presentation" @slotchange=${this.manageButtons}></slot>
20
- `}firstUpdated(e){super.firstUpdated(e),this.addEventListener(`click`,this.handleClick)}updated(e){super.updated(e),e.has(`selects`)&&(this.manageSelects(),this.manageChildren(),this.selects?this.renderRoot.addEventListener(`change`,this.handleActionButtonChange):this.renderRoot.removeEventListener(`change`,this.handleActionButtonChange)),(e.has(`quiet`)||e.has(`emphasized`)||e.has(`size`)||e.has(`staticColor`))&&this.manageChildren(e),e.has(`label`)&&(this.label||e.get(`label`)!==void 0)&&(this.label.length>0?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`))}manageChildren(e){this.buttons.forEach(t=>{(this.quiet||e?.get(`quiet`))&&(t.quiet=this.quiet),(this.emphasized||e?.get(`emphasized`))&&(t.emphasized=this.emphasized),(this.staticColor||e?.get(`staticColor`))&&(t.staticColor=this.staticColor),(this.selects||!this.hasManaged)&&(t.selected=this.selected.includes(t.value)),this.size&&(this.size!==`m`||e?.get(`size`)!==void 0)&&(t.size=this.size)})}};e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`compact`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`emphasized`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`justified`,void 0),e.t([(0,i.property)({type:String})],c.prototype,`label`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`quiet`,void 0),e.t([(0,i.property)({type:String})],c.prototype,`selects`,void 0),e.t([(0,i.property)({reflect:!0,attribute:`static-color`})],c.prototype,`staticColor`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],c.prototype,`vertical`,void 0),e.t([(0,i.property)({type:Array})],c.prototype,`selected`,null),e.t([(0,i.query)(`slot`)],c.prototype,`slotElement`,void 0),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
@@ -1,24 +0,0 @@
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("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-DTxxQ3yJ.cjs"),r=require("./like-anchor-BX4PSB3d.cjs");let i=require("lit"),a=require("lit/decorators.js"),o=require("lit/directives/if-defined.js");var s=`@media (forced-colors:active){:host{--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{--avatar-border-radius:var(--luzmo-avatar-border-radius,var(--luzmo-avatar-size,var(--avatar-size)));inline-size:var(--luzmo-avatar-size,var(--avatar-size));block-size:var(--luzmo-avatar-size,var(--avatar-size));border-radius:var(--avatar-border-radius);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--luzmo-avatar-color-opacity,var(--avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--highcontrast-avatar-color-opacity-disabled,var(--luzmo-avatar-color-opacity-disabled,var(--avatar-color-opacity-disabled)))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:"";inline-size:calc(var(--luzmo-avatar-custom-size,var(--luzmo-avatar-size,var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) * 2);block-size:calc(var(--luzmo-avatar-custom-size,var(--luzmo-avatar-size,var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) * 2);border-style:solid;border-width:var(--luzmo-avatar-focus-indicator-width,var(--avatar-focus-indicator-width));border-color:var(--highcontrast-avatar-focus-indicator-color,var(--luzmo-avatar-focus-indicator-color,var(--avatar-focus-indicator-color)));border-radius:var(--avatar-border-radius);position:absolute;inset-block-start:calc((var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width,var(--avatar-focus-indicator-width))) * -1);inset-inline-start:calc((var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width,var(--avatar-focus-indicator-width))) * -1)}.link{outline:0}.image{inline-size:var(--luzmo-avatar-size,var(--avatar-size));block-size:var(--luzmo-avatar-size,var(--avatar-size));border-radius:var(--avatar-border-radius)}:host([rounding=none]),:host([rounding=none]) img{border-radius:0}:host([rounding=full]),:host([rounding=full]) img{border-radius:100%}:host([border=light]){border:var(--luzmo-avatar-border-width,var(--avatar-border-width)) solid var(--luzmo-avatar-border-color,var(--avatar-border-color))}:host([border=none]){border:0}:host{--avatar-color-opacity:1;--avatar-border-width:var(--luzmo-border-width);--avatar-border-color:var(--luzmo-border-color);--avatar-size:32px;--avatar-focus-indicator-width:var(--luzmo-indicator-width);--avatar-focus-indicator-gap:var(--luzmo-indicator-gap);--avatar-focus-indicator-color:var(--luzmo-indicator-color);--avatar-color-opacity-disabled:.3}:host([size=xxs]){--avatar-size:var(--luzmo-component-height-xxs)}:host([size=xs]){--avatar-size:var(--luzmo-component-height-xs)}:host([size=s]){--avatar-size:var(--luzmo-component-height-s)}:host{--avatar-size:var(--luzmo-component-height)}:host([size=l]){--avatar-size:var(--luzmo-component-height-l)}:host([size=xl]){--avatar-size:var(--luzmo-component-height-xl)}:host([size=xxl]){--avatar-size:var(--luzmo-component-height-xxl)}img{vertical-align:top}`,c=class extends r.t(t.n(n.t,{validSizes:Object.values(t.t)})){constructor(...e){super(...e),this.src=``,this.isDecorative=!1}static get styles(){return[(0,i.unsafeCSS)(s)]}get focusElement(){return this.anchorElement||this}render(){let e=i.html`
19
- <img
20
- class="image"
21
- alt=${(0,o.ifDefined)(this.label||(this.isDecorative?``:void 0))}
22
- src=${this.src}
23
- />
24
- `;return this.href?this.renderAnchor({id:`link`,className:`link`,anchorContent:e}):e}};e.t([(0,a.property)({type:String,reflect:!0})],c.prototype,`border`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],c.prototype,`rounding`,void 0),e.t([(0,a.query)(`#link`)],c.prototype,`anchorElement`,void 0),e.t([(0,a.property)()],c.prototype,`src`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`is-decorative`})],c.prototype,`isDecorative`,void 0),customElements.get(`luzmo-avatar`)||customElements.define(`luzmo-avatar`,c),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
@@ -1,23 +0,0 @@
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("./sized-mixin-BT7cv-fT.cjs"),n=require("./observe-slot-text-DzUSxLpj.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=`:host{font-family:var(--luzmo-badge-font-family,var(--luzmo-font-family));background-color:var(--highcontrast-badge-background-color,var(--luzmo-badge-background-color,var(--badge-background-color)));color:var(--highcontrast-badge-content-color,var(--luzmo-badge-content-color,var(--badge-content-color)));border-radius:var(--luzmo-badge-border-radius,var(--badge-border-radius));min-block-size:var(--luzmo-badge-height,var(--badge-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:var(--luzmo-badge-max-inline-size,none);-webkit-user-select:none;user-select:none;transition:border-color var(--luzmo-badge-animation-duration,var(--badge-animation-duration)) ease-in-out, color var(--luzmo-badge-animation-duration,var(--badge-animation-duration)) ease-in-out, background-color var(--luzmo-badge-animation-duration,var(--badge-animation-duration)) ease-in-out;padding-inline:calc(var(--luzmo-badge-spacing-inline,var(--badge-spacing-inline)) - var(--luzmo-badge-border-width,var(--badge-border-width)));padding-block:var(--luzmo-spacing-1);justify-content:center;align-items:center;gap:var(--luzmo-badge-icon-spacing-inline-end,var(--badge-icon-spacing-inline-end));outline:none;display:inline-flex;position:relative;border-color:var(--highcontrast-badge-border-color,var(--luzmo-badge-border-color,var(--badge-border-color)))!important;border-width:var(--luzmo-badge-border-width,var(--badge-border-width))!important;border-style:solid!important}::slotted([slot=icon]){--icon-size:var(--luzmo-badge-icon-size,var(--badge-icon-size,calc(var(--luzmo-badge-height,var(--badge-height)) - var(--luzmo-badge-border-width,var(--badge-border-width)) * 2 - var(--luzmo-badge-icon-padding,4px) * 2)));flex-shrink:0;align-self:center}.label{box-sizing:border-box;line-height:1.3;font-weight:var(--luzmo-badge-font-weight,var(--badge-font-weight));font-size:var(--luzmo-badge-font-size,var(--badge-font-size));cursor:default;align-items:center;display:inline-flex}.label[hidden]{display:none!important}:host([icon-only]){padding-block:0;padding-inline:calc(var(--luzmo-badge-spacing-inline,var(--badge-spacing-inline)) * 1.25 - var(--luzmo-badge-border-width,var(--badge-border-width)));gap:0}:host([icon-only]) ::slotted([slot=icon]){align-self:center}:host([fixed]){border-radius:var(--luzmo-border-radius)}:host([fixed=block-start]){border-start-start-radius:0;border-start-end-radius:0}:host([fixed=block-end]){border-end-end-radius:0;border-end-start-radius:0}:host([fixed=inline-start]){border-start-start-radius:0;border-end-start-radius:0}:host([fixed=inline-end]){border-start-end-radius:0;border-end-end-radius:0}@media (forced-colors:active){:host{--highcontrast-badge-border-color:ButtonText;--highcontrast-badge-background-color:ButtonFace;--highcontrast-badge-content-color:ButtonText;forced-color-adjust:none}:host([treatment=fill]){--highcontrast-badge-background-color:Highlight;--highcontrast-badge-content-color:HighlightText;--highcontrast-badge-border-color:Highlight}}:host{--badge-border-color:var(--luzmo-border-color-full);--badge-background-color:transparent;--badge-content-color:var(--luzmo-font-color);--badge-border-width:var(--luzmo-border-width);--badge-border-radius:calc(var(--badge-height) / 2);--badge-animation-duration:var(--luzmo-animation-duration);--badge-font-weight:var(--luzmo-font-weight);--badge-label-line-height:var(--luzmo-line-height);--badge-icon-spacing-inline-end:var(--luzmo-spacing-2)}:host([size=xs]){--badge-height:var(--luzmo-component-height-xxs);--badge-font-size:var(--luzmo-font-size-xs);--badge-icon-size:var(--luzmo-icon-size-xxs);--badge-spacing-inline:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--badge-icon-spacing-inline-end:var(--luzmo-spacing-1)}:host([size=s]){--badge-height:var(--luzmo-component-height-xs);--badge-font-size:var(--luzmo-font-size-s);--badge-icon-size:var(--luzmo-icon-size-s);--badge-spacing-inline:var(--luzmo-spacing-3);--badge-icon-spacing-inline-end:var(--luzmo-spacing-2)}:host{--badge-height:var(--luzmo-component-height-s);--badge-font-size:var(--luzmo-font-size);--badge-icon-size:var(--luzmo-icon-size-m);--badge-spacing-inline:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=l]){--badge-height:var(--luzmo-component-height);--badge-font-size:var(--luzmo-font-size);--badge-icon-size:var(--luzmo-icon-size-l);--badge-spacing-inline:var(--luzmo-spacing-4);--badge-icon-spacing-inline-end:var(--luzmo-spacing-3)}:host([size=xl]){--badge-height:var(--luzmo-component-height-l);--badge-font-size:var(--luzmo-font-size-l);--badge-icon-size:var(--luzmo-icon-size-xl);--badge-spacing-inline:var(--luzmo-spacing-5);--badge-icon-spacing-inline-end:var(--luzmo-spacing-3)}:host([variant=neutral]){--badge-border-color:var(--luzmo-border-color-full);--badge-content-color:var(--luzmo-font-color);--badge-fill-background-color:var(--luzmo-selected-color-hard);--badge-fill-content-color:white}:host([variant=accent]){--badge-border-color:var(--luzmo-primary);--badge-content-color:var(--luzmo-primary);--badge-fill-background-color:var(--luzmo-primary);--badge-fill-content-color:white}:host([variant=informative]){--badge-border-color:var(--luzmo-informative-color);--badge-content-color:var(--luzmo-informative-color);--badge-fill-background-color:var(--luzmo-informative-color);--badge-fill-content-color:white}:host([variant=positive]){--badge-border-color:var(--luzmo-positive-color);--badge-content-color:var(--luzmo-positive-color);--badge-fill-background-color:var(--luzmo-positive-color);--badge-fill-content-color:white}:host([variant=negative]){--badge-border-color:var(--luzmo-negative-color);--badge-content-color:var(--luzmo-negative-color);--badge-fill-background-color:var(--luzmo-negative-color);--badge-fill-content-color:white}:host([variant=notice]){--badge-border-color:var(--luzmo-notice-color);--badge-content-color:var(--luzmo-notice-color);--badge-fill-background-color:var(--luzmo-notice-color);--badge-fill-content-color:white}:host([variant=seafoam]){--badge-border-color:var(--luzmo-seafoam-color);--badge-content-color:var(--luzmo-seafoam-color);--badge-fill-background-color:var(--luzmo-seafoam-color);--badge-fill-content-color:white}:host([variant=indigo]){--badge-border-color:var(--luzmo-indigo-color);--badge-content-color:var(--luzmo-indigo-color);--badge-fill-background-color:var(--luzmo-indigo-color);--badge-fill-content-color:white}:host([variant=purple]){--badge-border-color:var(--luzmo-purple-color);--badge-content-color:var(--luzmo-purple-color);--badge-fill-background-color:var(--luzmo-purple-color);--badge-fill-content-color:white}:host([variant=fuchsia]){--badge-border-color:var(--luzmo-fuchsia-color);--badge-content-color:var(--luzmo-fuchsia-color);--badge-fill-background-color:var(--luzmo-fuchsia-color);--badge-fill-content-color:white}:host([variant=magenta]){--badge-border-color:var(--luzmo-magenta-color);--badge-content-color:var(--luzmo-magenta-color);--badge-fill-background-color:var(--luzmo-magenta-color);--badge-fill-content-color:white}:host([variant=yellow]){--badge-border-color:var(--luzmo-yellow-color);--badge-content-color:var(--luzmo-yellow-color);--badge-fill-background-color:var(--luzmo-yellow-color);--badge-fill-content-color:black}:host([variant=gray]){--badge-border-color:var(--luzmo-gray-color);--badge-content-color:var(--luzmo-gray-color);--badge-fill-background-color:var(--luzmo-gray-color);--badge-fill-content-color:white}:host([variant=red]){--badge-border-color:var(--luzmo-red-color);--badge-content-color:var(--luzmo-red-color);--badge-fill-background-color:var(--luzmo-red-color);--badge-fill-content-color:white}:host([variant=orange]){--badge-border-color:var(--luzmo-orange-color);--badge-content-color:var(--luzmo-orange-color);--badge-fill-background-color:var(--luzmo-orange-color);--badge-fill-content-color:black}:host([variant=chartreuse]){--badge-border-color:var(--luzmo-chartreuse-color);--badge-content-color:var(--luzmo-chartreuse-color);--badge-fill-background-color:var(--luzmo-chartreuse-color);--badge-fill-content-color:white}:host([variant=celery]){--badge-border-color:var(--luzmo-celery-color);--badge-content-color:var(--luzmo-celery-color);--badge-fill-background-color:var(--luzmo-celery-color);--badge-fill-content-color:black}:host([variant=green]){--badge-border-color:var(--luzmo-green-color);--badge-content-color:var(--luzmo-green-color);--badge-fill-background-color:var(--luzmo-green-color);--badge-fill-content-color:white}:host([variant=cyan]){--badge-border-color:var(--luzmo-cyan-color);--badge-content-color:var(--luzmo-cyan-color);--badge-fill-background-color:var(--luzmo-cyan-color);--badge-fill-content-color:white}:host([variant=blue]){--badge-border-color:var(--luzmo-blue-color);--badge-content-color:var(--luzmo-blue-color);--badge-fill-background-color:var(--luzmo-blue-color);--badge-fill-content-color:white}:host([treatment=outline]){--badge-background-color:transparent}:host([treatment=fill]){--badge-background-color:var(--badge-fill-background-color,var(--luzmo-selected-color-hard));--badge-content-color:var(--badge-fill-content-color,white);--badge-border-color:transparent}`,o=[`accent`,`neutral`,`informative`,`positive`,`negative`,`notice`,`seafoam`,`indigo`,`purple`,`fuchsia`,`magenta`,`yellow`,`gray`,`red`,`orange`,`chartreuse`,`celery`,`green`,`cyan`,`blue`],s=class extends t.n(n.t(e.n),{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...e){super(...e),this._variant=`neutral`,this.treatment=`outline`}static get styles(){return[(0,r.unsafeCSS)(a)]}get variant(){return this._variant}set variant(e){e!==this._variant&&(o.includes(e)?(this._variant=e,this.setAttribute(`variant`,e)):(this._variant=`neutral`,this.setAttribute(`variant`,`neutral`)))}handleIconSlotChange(e){e.target.assignedElements().forEach(e=>{e.tagName.toLowerCase()===`luzmo-icon`&&e.setAttribute(`block`,``)})}get hasLabel(){return this.slotHasContent}render(){return r.html`
19
- <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
20
- <span class="label" ?hidden=${!this.hasLabel}>
21
- <slot @slotchange=${this.manageTextObservedSlot}></slot>
22
- </span>
23
- `}updated(e){super.updated(e),this.toggleAttribute(`icon-only`,!this.slotHasContent)}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`status`),this.hasAttribute(`variant`)||this.setAttribute(`variant`,this.variant),this.hasAttribute(`treatment`)||this.setAttribute(`treatment`,this.treatment)}};e.t([(0,i.property)({reflect:!0})],s.prototype,`variant`,null),e.t([(0,i.property)({reflect:!0})],s.prototype,`treatment`,void 0),e.t([(0,i.property)({reflect:!0})],s.prototype,`fixed`,void 0),customElements.get(`luzmo-badge`)||customElements.define(`luzmo-badge`,s),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
@@ -1,20 +0,0 @@
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("./sized-mixin-BT7cv-fT.cjs"),n=require("./button-base-UZcvbkXl.cjs"),r=require("./close-button-BQUJeFCq.cjs"),i=require("./pending-state-a527YMWV.cjs");let a=require("lit"),o=require("lit/decorators.js"),s=require("@luzmo/icons");var c=`:host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,1.3);text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap,var(--luzmo-focus-indicator-gap,2px)));transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-button-animation-duration,var(--luzmo-animation-duration))) ease-out, margin var(--luzmo-button-animation-duration,var(--luzmo-button-animation-duration,var(--luzmo-animation-duration))) ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--luzmo-focus-indicator-gap,2px) * -2)}#label{place-self:center}#label[hidden]{display:none}:host{--luzmo-progress-circle-position:absolute;border-radius:var(--luzmo-button-border-radius,var(--button-border-radius));font-size:var(--luzmo-button-font-size,var(--button-font-size));font-weight:var(--luzmo-button-font-weight,var(--luzmo-font-weight));gap:var(--luzmo-button-padding-label-to-icon,var(--button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--luzmo-button-max-inline-size,none);min-inline-size:var(--luzmo-button-min-width,var(--button-min-width));min-block-size:var(--luzmo-button-height,var(--button-height));padding-block:0;padding-inline:var(--luzmo-button-edge-to-text,var(--button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--luzmo-button-margin-block,0);margin-inline-start:var(--luzmo-button-margin-left,0);margin-inline-end:var(--luzmo-button-margin-right,0);position:relative;border-width:var(--luzmo-button-border-width,var(--button-border-width))!important;border-style:var(--luzmo-button-border-style,solid)!important}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference:max(0px, var(--button-intended-icon-size) - var(--icon-size,var(--button-intended-icon-size)));color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-button-icon-margin-block-start,max(0px, var(--luzmo-button-top-to-icon,var(--button-top-to-icon)) - var(--luzmo-button-border-width,var(--button-border-width)) + var(--_icon-size-difference,0px) / 2));margin-inline-start:calc(var(--luzmo-button-edge-to-visual,var(--button-edge-to-visual)) - var(--luzmo-button-edge-to-text,var(--button-edge-to-text)))}:host([icon-only]){min-inline-size:var(--luzmo-button-icon-only-min-inline-size,var(--button-height));padding:calc(var(--luzmo-button-edge-to-visual-only,var(--button-edge-to-visual-only)) - var(--luzmo-button-border-width,var(--button-border-width)));border-radius:var(--luzmo-button-border-radius,var(--button-border-radius))}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}#label{line-height:var(--luzmo-button-line-height,var(--button-line-height));text-align:center;text-align:var(--luzmo-button-text-align,center);align-self:start;padding-block-start:calc(var(--luzmo-button-top-to-text,var(--button-top-to-text)) - var(--luzmo-button-border-width,var(--button-border-width)));padding-block-end:calc(var(--luzmo-button-bottom-to-text,var(--button-bottom-to-text)) - var(--luzmo-button-border-width,var(--button-border-width)))}[name=icon]+#label{text-align:start;text-align:var(--luzmo-button-text-align-with-icon,start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) var(--luzmo-button-focus-ring-color,var(--button-focus-indicator-color))}:host{transition:border-color var(--luzmo-button-animation-duration,var(--button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-button-focus-ring-gap,var(--button-focus-ring-gap)) + var(--luzmo-button-border-width,var(--button-border-width))) * -1);border-radius:var(--luzmo-button-focus-ring-border-radius,calc(var(--luzmo-button-border-radius,var(--button-border-radius)) + var(--luzmo-focus-indicator-gap,2px)));transition:box-shadow var(--luzmo-button-animation-duration,var(--button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;inset:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) var(--highcontrast-button-focus-ring-color,var(--luzmo-button-focus-ring-color,var(--luzmo-button-focus-ring-color,var(--button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default,var(--luzmo-button-background-color-default,var(--button-background-color-default)));color:var(--highcontrast-button-content-color-default,var(--luzmo-button-content-color-default,var(--button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear, background-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) linear;border-color:var(--highcontrast-button-border-color-default,var(--luzmo-button-border-color-default,var(--button-border-color-default)))!important}@media (hover:hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover,var(--luzmo-button-background-color-hover,var(--button-background-color-hover)));color:var(--highcontrast-button-content-color-hover,var(--luzmo-button-content-color-hover,var(--button-content-color-hover)));border-color:var(--highcontrast-button-border-color-hover,var(--luzmo-button-border-color-hover,var(--button-border-color-hover)))!important}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus,var(--luzmo-button-background-color-focus,var(--button-background-color-focus)));color:var(--highcontrast-button-content-color-focus,var(--luzmo-button-content-color-focus,var(--button-content-color-focus)));border-color:var(--highcontrast-button-border-color-focus,var(--luzmo-button-border-color-focus,var(--button-border-color-focus)))!important}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down,var(--luzmo-button-background-color-down,var(--button-background-color-down)));color:var(--highcontrast-button-content-color-down,var(--luzmo-button-content-color-down,var(--button-content-color-down)));border-color:var(--highcontrast-button-border-color-down,var(--luzmo-button-border-color-down,var(--button-border-color-down)))!important}:host .is-disabled,:host([pending]),:host([disabled]),:host([pending]){background-color:var(--highcontrast-button-background-color-disabled,var(--luzmo-button-background-color-disabled,var(--button-background-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--luzmo-button-content-color-disabled,var(--button-content-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--luzmo-button-border-color-disabled,var(--button-border-color-disabled)))!important}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out}.luzmo-progress-circle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out, visibility 0s linear var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s))}:host([pending]),:host([pending]){cursor:default}:host([pending]) .luzmo-progress-circle,:host([pending]) .luzmo-progress-circle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration,var(--luzmo-animation-duration,.15s)) ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--button-focus-indicator-color:var(--luzmo-static-black-focus-indicator-color,#000)}:host([static-color=white][selected]){--button-content-color-default:var(--luzmo-button-static-content-color,#ffffffe6);--button-content-color-hover:var(--luzmo-button-static-content-color,#fff);--button-content-color-down:var(--luzmo-button-static-content-color,#fff);--button-content-color-focus:var(--luzmo-button-static-content-color,#fff)}:host([static-color=black]){--button-focus-indicator-color:var(--luzmo-static-black-focus-indicator-color,#000)}@media (forced-colors:active){:host{--highcontrast-button-content-color-default:ButtonText;--highcontrast-button-content-color-hover:ButtonText;--highcontrast-button-content-color-focus:ButtonText;--highcontrast-button-content-color-down:ButtonText;--highcontrast-button-border-color-default:ButtonBorder;--highcontrast-button-border-color-hover:ButtonBorder;--highcontrast-button-border-color-focus:ButtonBorder;--highcontrast-button-border-color-down:ButtonBorder;--highcontrast-button-background-color-default:ButtonFace;--highcontrast-button-background-color-hover:ButtonFace;--highcontrast-button-background-color-down:ButtonFace;--highcontrast-button-background-color-focus:ButtonFace;--highcontrast-button-background-color-disabled:ButtonFace;--highcontrast-button-content-color-disabled:GrayText;--highcontrast-button-border-color-disabled:GrayText;--luzmo-progress-circle-track-border-color:ButtonText;--luzmo-progress-circle-track-border-color-over-background:ButtonText;--luzmo-progress-circle-thickness:3px;--luzmo-button-animation-duration:0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness,var(--button-focus-ring-thickness)) ButtonText}}:host{--button-animation-duration:var(--luzmo-animation-duration);--button-border-radius:var(--luzmo-border-radius);--button-border-width:var(--luzmo-border-width);--button-line-height:1.2;--button-focus-ring-gap:var(--luzmo-indicator-gap);--button-focus-ring-thickness:var(--luzmo-indicator-width);--button-focus-indicator-color:var(--luzmo-primary);--button-intended-icon-size:calc(var(--luzmo-button-icon-size,var(--icon-size)) + 2px);--button-top-to-text:calc(( var(--luzmo-button-height,var(--button-height)) - var(--luzmo-button-font-size,var(--button-font-size)) * var(--luzmo-button-line-height,var(--button-line-height)) ) / 2);--button-bottom-to-text:var(--button-top-to-text);--button-top-to-icon:calc(( var(--luzmo-button-height,var(--button-height)) - var(--button-intended-icon-size) ) / 2);--button-edge-to-visual-only:var(--button-top-to-icon);--button-background-color-default:var(--luzmo-background-color);--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-active);--button-background-color-focus:var(--luzmo-primary);--button-border-color-default:var(--luzmlo-border-color-full);--button-border-color-hover:var(--luzmo-border-color-full-hover);--button-border-color-down:var(--luzmo-border-color-full-down);--button-border-color-focus:var(--luzmo-border-color-full-focus);--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-disabled-color);--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=negative]){--button-background-color-default:var(--luzmo-negative-color);--button-background-color-hover:var(--luzmo-negative-color-hover);--button-background-color-down:var(--luzmo-negative-color-down);--button-background-color-focus:var(--luzmo-negative-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-negative-inverse-color,white);--button-content-color-hover:var(--luzmo-negative-inverse-color,white);--button-content-color-down:var(--luzmo-negative-inverse-color,white);--button-content-color-focus:var(--luzmo-negative-inverse-color,white);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=negative][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:rgba(var(--luzmo-negative-color-rgb), .1);--button-background-color-down:rgba(var(--luzmo-negative-color-rgb), .16);--button-background-color-focus:rgba(var(--luzmo-negative-color-rgb), .1);--button-border-color-default:var(--luzmo-negative-color);--button-border-color-hover:var(--luzmo-negative-color-hover);--button-border-color-down:var(--luzmo-negative-color-down);--button-border-color-focus:var(--luzmo-negative-color-focus);--button-content-color-default:var(--luzmo-negative-color);--button-content-color-hover:var(--luzmo-negative-color-down);--button-content-color-down:var(--luzmo-negative-color-down);--button-content-color-focus:var(--luzmo-negative-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=positive]){--button-background-color-default:var(--luzmo-positive-color);--button-background-color-hover:var(--luzmo-positive-color-hover);--button-background-color-down:var(--luzmo-positive-color-down);--button-background-color-focus:var(--luzmo-positive-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-positive-inverse-color,white);--button-content-color-hover:var(--luzmo-positive-inverse-color,white);--button-content-color-down:var(--luzmo-positive-inverse-color,white);--button-content-color-focus:var(--luzmo-positive-inverse-color,white);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=positive][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:rgba(var(--luzmo-positive-color-rgb), .1);--button-background-color-down:rgba(var(--luzmo-positive-color-rgb), .16);--button-background-color-focus:rgba(var(--luzmo-positive-color-rgb), .1);--button-border-color-default:var(--luzmo-positive-color);--button-border-color-hover:var(--luzmo-positive-color-hover);--button-border-color-down:var(--luzmo-positive-color-down);--button-border-color-focus:var(--luzmo-positive-color-focus);--button-content-color-default:var(--luzmo-positive-color);--button-content-color-hover:var(--luzmo-positive-color-down);--button-content-color-down:var(--luzmo-positive-color-down);--button-content-color-focus:var(--luzmo-positive-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=primary]){--button-background-color-default:var(--luzmo-primary);--button-background-color-hover:var(--luzmo-primary-hover);--button-background-color-down:var(--luzmo-primary-down);--button-background-color-focus:var(--luzmo-primary-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:white;--button-content-color-hover:white;--button-content-color-down:white;--button-content-color-focus:white;--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=primary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-primary);--button-border-color-hover:var(--luzmo-primary-hover);--button-border-color-down:var(--luzmo-primary-down);--button-border-color-focus:var(--luzmo-primary-focus);--button-content-color-default:var(--luzmo-primary);--button-content-color-hover:var(--luzmo-primary-down);--button-content-color-down:var(--luzmo-primary-down);--button-content-color-focus:var(--luzmo-primary-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=secondary]){--button-background-color-default:var(--luzmo-secondary);--button-background-color-hover:var(--luzmo-secondary-hover);--button-background-color-down:var(--luzmo-secondary-down);--button-background-color-focus:var(--luzmo-secondary-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:var(--luzmo-secondary-inverse-color);--button-content-color-hover:var(--luzmo-secondary-inverse-color);--button-content-color-down:var(--luzmo-secondary-inverse-color);--button-content-color-focus:var(--luzmo-secondary-inverse-color);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent;--button-content-color-disabled:var(--luzmo-disabled-color)}:host([variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:var(--luzmo-secondary);--button-border-color-hover:var(--luzmo-secondary-hover);--button-border-color-down:var(--luzmo-secondary-down);--button-border-color-focus:var(--luzmo-secondary-focus);--button-content-color-default:var(--luzmo-secondary);--button-content-color-hover:var(--luzmo-secondary-down);--button-content-color-down:var(--luzmo-secondary-down);--button-content-color-focus:var(--luzmo-secondary-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=neutral]){--button-background-color-default:var(--luzmo-background-color-highlight);--button-background-color-hover:var(--luzmo-background-color-highlight-hover);--button-background-color-down:var(--luzmo-background-color-highlight-down);--button-background-color-focus:var(--luzmo-background-color-highlight-focus);--button-border-color-default:var(--luzmo-border-color);--button-border-color-hover:var(--luzmo-border-color);--button-border-color-down:var(--luzmo-border-color-down);--button-border-color-focus:var(--luzmo-border-color-focus);--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=neutral][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:rgba(var(--luzmo-border-color-rgb), .1);--button-background-color-down:rgba(var(--luzmo-border-color-rgb), .16);--button-background-color-focus:rgba(var(--luzmo-border-color-rgb), .1);--button-border-color-default:var(--luzmo-border-color);--button-border-color-hover:var(--luzmo-border-color-hover);--button-border-color-down:var(--luzmo-border-color-down);--button-border-color-focus:var(--luzmo-border-color-focus);--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-background-color-disabled:transparent;--button-border-color-disabled:var(--luzmo-border-color-disabled);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([quiet]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-background-color-disabled:transparent;--button-border-color-disabled:transparent}:host([variant=primary][quiet]),:host([variant=secondary][quiet]),:host([variant=negative][quiet]),:host([variant=positive][quiet]){--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-border-color-disabled:transparent;--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([variant=neutral][quiet]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-border-color-disabled:transparent;--button-content-color-default:var(--luzmo-font-color);--button-content-color-hover:var(--luzmo-font-color-hover);--button-content-color-down:var(--luzmo-font-color-down);--button-content-color-focus:var(--luzmo-font-color-focus);--button-content-color-disabled:var(--luzmo-font-color-disabled)}:host([selected]){--button-background-color-default:var(--luzmo-selected-color);--button-background-color-hover:var(--luzmo-selected-color-hover);--button-background-color-down:var(--luzmo-selected-color-down);--button-background-color-focus:var(--luzmo-selected-color-focus);--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:white;--button-content-color-hover:white;--button-content-color-down:white;--button-content-color-focus:white;--button-background-color-disabled:var(--luzmo-background-color-disabled);--button-border-color-disabled:transparent}:host([selected][emphasized]){--button-background-color-default:transparent;--button-background-color-hover:var(--luzmo-background-color-hover);--button-background-color-down:var(--luzmo-background-color-down);--button-background-color-focus:var(--luzmo-background-color-focus)}:host([static-color=black][quiet]),:host([static-color=white][quiet]){--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-border-color-disabled:transparent}:host([static-color=white]){--button-background-color-default:rgba(255, 255, 255 .9);--button-background-color-hover:#fff;--button-background-color-down:#fff;--button-background-color-focus:#fff;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#fff;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent;--button-content-color-disabled:#ffffff8c}:host([static-color=white][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:#ffffffe6;--button-border-color-hover:#fff;--button-border-color-down:#fff;--button-border-color-focus:#fff;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:transparent;--button-border-color-disabled:#ffffff40;--button-content-color-disabled:#ffffff8c}:host([static-color=white][selected]){--button-background-color-default:#ffffffe6;--button-background-color-hover:#fff;--button-background-color-down:#fff;--button-background-color-focus:#fff;--button-static-white-content-color-default:#000;--button-static-white-content-color-hover:#000;--button-static-white-content-color-down:#000;--button-static-white-content-color-focus:#000;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent}:host([static-color=white][variant=secondary]){--button-background-color-default:#ffffff1a;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:#ffffff1a;--button-border-color-disabled:transparent;--button-content-color-disabled:#ffffff8c}:host([static-color=white][variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#ffffff40;--button-background-color-down:#fff6;--button-background-color-focus:#ffffff40;--button-border-color-default:#ffffff40;--button-border-color-hover:#fff6;--button-border-color-down:#ffffff8c;--button-border-color-focus:#fff6;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#fff;--button-background-color-disabled:transparent;--button-border-color-disabled:#ffffff40;--button-content-color-disabled:#ffffff8c}:host([static-color=black]){--button-background-color-default:#000000e6;--button-background-color-hover:#000;--button-background-color-down:#000;--button-background-color-focus:#000;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#fff;--button-content-color-hover:#fff;--button-content-color-down:#fff;--button-content-color-focus:#fff;--button-focus-indicator-color:#000;--button-background-color-disabled:#0000001a;--button-border-color-disabled:transparent;--button-content-color-disabled:#0000008c}:host([static-color=black][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:#0006;--button-border-color-hover:#0000008c;--button-border-color-down:#000000b3;--button-border-color-focus:#0000008c;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:transparent;--button-border-color-disabled:#00000040;--button-content-color-disabled:#0000008c}:host([static-color=black][variant=secondary]){--button-background-color-default:#0000001a;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:transparent;--button-border-color-hover:transparent;--button-border-color-down:transparent;--button-border-color-focus:transparent;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:#0000001a;--button-border-color-disabled:transparent;--button-content-color-disabled:#0000008c}:host([static-color=black][variant=secondary][treatment=outline]){--button-background-color-default:transparent;--button-background-color-hover:#00000040;--button-background-color-down:#0006;--button-background-color-focus:#00000040;--button-border-color-default:#00000040;--button-border-color-hover:#0006;--button-border-color-down:#0000008c;--button-border-color-focus:#0006;--button-content-color-default:#000;--button-content-color-hover:#000;--button-content-color-down:#000;--button-content-color-focus:#000;--button-focus-indicator-color:#000;--button-background-color-disabled:transparent;--button-border-color-disabled:#00000040;--button-content-color-disabled:#0000008c}:host([size=xs]){--button-min-width:44px;--button-border-radius:var(--luzmo-border-radius-s);--button-height:var(--luzmo-component-height-xs);--button-font-size:11px;--button-edge-to-visual:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--button-edge-to-text:var(--luzmo-spacing-3);--button-padding-label-to-icon:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1))}:host([size=s]){--button-min-width:64px;--button-border-radius:var(--luzmo-border-radius-s);--button-height:var(--luzmo-component-height-s);--button-font-size:var(--luzmo-font-size-s);--button-edge-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--button-edge-to-text:var(--luzmo-spacing-4);--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host{--button-min-width:72px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height);--button-font-size:var(--luzmo-font-size-m);--button-edge-to-visual:var(--luzmo-spacing-4);--button-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host([size=l]){--button-min-width:90px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height-l);--button-font-size:var(--luzmo-font-size-l);--button-edge-to-visual:var(--luzmo-spacing-5);--button-edge-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--button-padding-label-to-icon:var(--luzmo-spacing-3)}:host([size=xl]){--button-min-width:108px;--button-border-radius:var(--luzmo-border-radius);--button-height:var(--luzmo-component-height-xl);--button-font-size:var(--luzmo-font-size-xl);--button-edge-to-visual:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2));--button-edge-to-text:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--button-padding-label-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}@media (forced-colors:active){:host([treatment][disabled]){border-color:graytext!important}:host([treatment]:not([disabled]):hover){border-color:highlight!important}:host(.remove-focus-ring-safari-hack:focus-visible):after{forced-color-adjust:none;box-shadow:none}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled,var(--luzmo-button-background-color-disabled,var(--button-background-color-disabled)));color:var(--highcontrast-button-content-color-disabled,var(--luzmo-button-content-color-disabled,var(--button-content-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled,var(--luzmo-button-border-color-disabled,var(--button-border-color-disabled)))!important}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay,1s) forwards}::slotted([slot=icon]){visibility:revert-layer;--luzmo-progress-circle-position:relative;--icon-size:inherit}luzmo-progress-circle{visibility:hidden;display:block;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) luzmo-progress-circle{animation:show-progress-circle 0s var(--pending-delay,1s) forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay,1s) forwards}:host(.remove-focus-ring-safari-hack:focus-visible):after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap,var(--luzmo-focus-indicator-gap,var(--focus-indicator-gap))));box-shadow:none}:host(.remove-focus-ring-safari-hack:focus-visible){box-shadow:none;outline:none}:host(.remove-focus-ring-safari-hack:focus-visible:not(:hover)){background-color:var(--highcontrast-button-background-color-default,var(--luzmo-button-background-color-default,var(--button-background-color-default)));color:var(--highcontrast-button-content-color-default,var(--luzmo-button-content-color-default,var(--button-content-color-default)));border-color:var(--highcontrast-button-border-color-default,var(--luzmo-button-border-color-default,var(--button-border-color-default)))!important}`,l=[`primary`,`secondary`,`neutral`,`negative`,`positive`,`white`,`black`],u=class extends t.n(n.t,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){static get styles(){return[...super.styles,(0,a.unsafeCSS)(c)]}constructor(){super(),this.pendingLabel=`Pending`,this.pending=!1,this._variant=`primary`,this.treatment=`fill`,this._quiet=!1,this.noWrap=!1,this.pendingStateController=new i.t(this)}click(){this.pending||super.click()}get variant(){return this._variant}set variant(e){if(e!==this.variant){switch(this.requestUpdate(`variant`,this.variant),e){case`white`:this.staticColor=e,this.removeAttribute(`variant`);return;case`black`:this.staticColor=e,this.removeAttribute(`variant`);return;case null:return;default:this._variant=l.includes(e)?e:`primary`;break}this.setAttribute(`variant`,this.variant)}}set quiet(e){this._quiet=e,this.treatment=e?`outline`:`fill`}get quiet(){return this._quiet}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`variant`)||this.setAttribute(`variant`,this.variant),this.pending&&this.pendingStateController.hostUpdated()}renderButton(){return a.html`
19
- ${this.buttonContent} ${this.pendingStateController.renderPendingState()}
20
- `}};e.t([(0,o.property)({type:String,attribute:`pending-label`})],u.prototype,`pendingLabel`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0,attribute:!0})],u.prototype,`pending`,void 0),e.t([(0,o.property)()],u.prototype,`variant`,null),e.t([(0,o.property)({reflect:!0,attribute:`static-color`})],u.prototype,`staticColor`,void 0),e.t([(0,o.property)({reflect:!0})],u.prototype,`treatment`,void 0),e.t([(0,o.property)({type:Boolean,reflect:!0})],u.prototype,`quiet`,null),e.t([(0,o.property)({type:Boolean,attribute:`no-wrap`,reflect:!0})],u.prototype,`noWrap`,void 0);var d=`:host{font-size:var(--luzmo-clear-button-icon-size,var(--clear-button-icon-size));cursor:pointer;background-color:initial;background-color:var(--luzmo-clear-button-background-color,transparent);padding:var(--luzmo-clear-button-padding,var(--clear-button-padding));color:var(--luzmo-clear-button-icon-color,var(--clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover:hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover,var(--luzmo-clear-button-icon-color-hover,var(--clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--luzmo-clear-button-background-color-hover,var(--clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--luzmo-clear-button-icon-color-down,var(--clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-clear-button-background-color-down,var(--clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within,:host([focus-within]) .js-focus-within{color:var(--luzmo-clear-button-icon-color-key-focus,var(--clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill,:host([focus-within]) .js-focus-within .fill{background-color:var(--luzmo-clear-button-background-color-key-focus,var(--clear-button-background-color-key-focus))}:host([disabled]),:host([disabled]){--clear-button-icon-color:var(--luzmo-clear-button-icon-color-disabled,var(--disabled-content-color));--clear-button-background-color:var(--luzmo-clear-button-background-color-disabled,transparent)}.fill{background-color:var(--luzmo-clear-button-background-color,var(--clear-button-background-color));border-radius:100%;justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors:active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover:Highlight}}:host{--clear-button-background-color:transparent;--clear-button-background-color-hover:transparent;--clear-button-background-color-down:transparent;--clear-button-background-color-key-focus:transparent;--clear-button-icon-size:var(--luzmo-font-size);--clear-button-padding:0px;--clear-button-icon-color:var(--luzmo-font-color);--clear-button-icon-color-hover:var(--luzmo-font-color-hover);--clear-button-icon-color-down:var(--luzmo-font-color-down);--clear-button-icon-color-key-focus:var(--luzmo-font-color-focus)}:host([size=s]){--clear-button-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--clear-button-icon-size:var(--luzmo-font-size-l)}:host([size=xl]){--clear-button-icon-size:var(--luzmo-font-size-xl)}:host .luzmo-ClearButton--quiet{--clear-button-background-color:transparent;--clear-button-background-color-hover:transparent;--clear-button-background-color-down:transparent;--clear-button-background-color-key-focus:transparent}:host([variant=overBackground]){--clear-button-icon-color:#fff;--clear-button-icon-color-hover:#fff;--clear-button-icon-color-down:#fff;--clear-button-icon-color-key-focus:#fff;--clear-button-background-color:transparent;--clear-button-background-color-hover:#ffffff40;--clear-button-background-color-down:#fff6;--clear-button-background-color-key-focus:#ffffff40}:host([disabled]),:host([disabled]){--clear-button-icon-color:var(--luzmo-disabled-color);--clear-button-icon-color-hover:var(--luzmo-disabled-color);--clear-button-icon-color-down:var(--luzmo-disabled-color);--clear-button-background-color:transparent}:host{box-sizing:border-box}`,f=e=>a.html` <div class="icon" slot="icon">${(0,s.luzmoIcon)(e===`s`?s.luzmoClear12:[`xl`,`l`].includes(e)?s.luzmoClear:s.luzmoClear14)}</div> `,p=class extends t.n(n.t,{noDefaultSize:!0}){constructor(...e){super(...e),this.variant=``}static get styles(){return[...super.styles,(0,a.unsafeCSS)(d)]}get buttonContent(){return[f(this.size)]}render(){return a.html` <div class="fill">${super.render()}</div> `}};e.t([(0,o.property)({reflect:!0})],p.prototype,`variant`,void 0),typeof customElements<`u`&&!customElements.get(`luzmo-button`)&&customElements.define(`luzmo-button`,u),typeof customElements<`u`&&!customElements.get(`luzmo-clear-button`)&&customElements.define(`luzmo-clear-button`,p),typeof customElements<`u`&&!customElements.get(`luzmo-close-button`)&&customElements.define(`luzmo-close-button`,r.t),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
@@ -1,18 +0,0 @@
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("./sized-mixin-BT7cv-fT.cjs");let n=require("lit"),r=require("lit/decorators.js");var i=`:host{gap:var(--luzmo-button-group-spacing-horizontal,var(--button-group-spacing-horizontal));justify-content:normal;justify-content:var(--luzmo-button-group-justify-content,normal);flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-button-group-spacing-vertical,var(--button-group-spacing-vertical));flex-direction:column;display:inline-flex}:host,:host([size=l]),:host([size=xl]){--button-group-spacing-horizontal:16px;--button-group-spacing-vertical:16px}:host([size=s]){--button-group-spacing-horizontal:12px;--button-group-spacing-vertical:12px}:host([size=xs]){--button-group-spacing-horizontal:8px;--button-group-spacing-vertical:8px}:host([vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-flex-grow:1}:host([dir=ltr][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align:left}:host([dir=rtl][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align:right}`,a=class extends t.n(e.n,{validSizes:[`xs`,`s`,`m`,`l`,`xl`],noDefaultSize:!0}){constructor(...e){super(...e),this.vertical=!1}static get styles(){return[(0,n.unsafeCSS)(i)]}handleSlotchange({target:e}){e.assignedElements().forEach(e=>{e.size=this.size})}render(){return n.html` <slot @slotchange=${this.handleSlotchange}></slot> `}};e.t([(0,r.property)({type:Boolean,reflect:!0})],a.prototype,`vertical`,void 0),customElements.get(`luzmo-button-group`)||customElements.define(`luzmo-button-group`,a),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});