solid-ui 3.1.3-10 → 3.1.3-12

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 (261) hide show
  1. package/README.md +2 -0
  2. package/dist/_virtual/~icons/svg-spinners/3-dots-fade.cjs.js +2 -0
  3. package/dist/_virtual/~icons/svg-spinners/3-dots-fade.cjs.js.map +1 -0
  4. package/dist/_virtual/~icons/svg-spinners/3-dots-fade.esm.js +11 -0
  5. package/dist/_virtual/~icons/svg-spinners/3-dots-fade.esm.js.map +1 -0
  6. package/dist/chunks/{DialogProvider-CrvbR_fd.js → DialogProvider-ge2aA77F.js} +3 -3
  7. package/dist/chunks/DialogProvider-ge2aA77F.js.map +1 -0
  8. package/dist/chunks/{account-Ma2Ipfjx.js → account-Bb818bGF.js} +21 -16
  9. package/dist/chunks/account-Bb818bGF.js.map +1 -0
  10. package/dist/chunks/{auth-BI22fz6P.js → auth-ClVI18ss.js} +93 -82
  11. package/dist/chunks/auth-ClVI18ss.js.map +1 -0
  12. package/dist/chunks/{avatar-DN7FzC2N.js → avatar-DGu_PX5y.js} +13 -5
  13. package/dist/chunks/avatar-DGu_PX5y.js.map +1 -0
  14. package/dist/chunks/{button-DHahwxqn.js → button-B9-nlEpz.js} +3 -3
  15. package/dist/chunks/{button-DHahwxqn.js.map → button-B9-nlEpz.js.map} +1 -1
  16. package/dist/chunks/combobox-DrT0Nb-A.js +734 -0
  17. package/dist/chunks/combobox-DrT0Nb-A.js.map +1 -0
  18. package/dist/chunks/{combobox-option-DB6KGb7o.js → combobox-option-DxJvAZ_Q.js} +2 -2
  19. package/dist/chunks/{combobox-option-DB6KGb7o.js.map → combobox-option-DxJvAZ_Q.js.map} +1 -1
  20. package/dist/chunks/{components-DH1slGZY.js → components-PQfnwrHI.js} +10 -10
  21. package/dist/chunks/components-PQfnwrHI.js.map +1 -0
  22. package/dist/chunks/{context-CA1Kq0FW.js → context-B_xwK-Y_.js} +2 -2
  23. package/dist/chunks/{context-CA1Kq0FW.js.map → context-B_xwK-Y_.js.map} +1 -1
  24. package/dist/chunks/{dialog-content-B3I3H7hj.js → dialog-content-CEITrC59.js} +2 -2
  25. package/dist/chunks/{dialog-content-B3I3H7hj.js.map → dialog-content-CEITrC59.js.map} +1 -1
  26. package/dist/chunks/{dialog-footer-BjcYeVhg.js → dialog-footer-DVLEK5bU.js} +2 -2
  27. package/dist/chunks/{dialog-footer-BjcYeVhg.js.map → dialog-footer-DVLEK5bU.js.map} +1 -1
  28. package/dist/chunks/{dialog-header-BynEzovK.js → dialog-header-kEWl21oD.js} +2 -2
  29. package/dist/chunks/{dialog-header-BynEzovK.js.map → dialog-header-kEWl21oD.js.map} +1 -1
  30. package/dist/chunks/{dialog-YaqTwAtR.js → dialog-kyHgc-uy.js} +5 -5
  31. package/dist/chunks/{dialog-YaqTwAtR.js.map → dialog-kyHgc-uy.js.map} +1 -1
  32. package/dist/chunks/{dialogs-root-B61LtZks.js → dialogs-root-dPGfuzSZ.js} +3 -3
  33. package/dist/chunks/{dialogs-root-B61LtZks.js.map → dialogs-root-dPGfuzSZ.js.map} +1 -1
  34. package/dist/chunks/{guard-YhbCPY-V.js → guard-DEqOFEs4.js} +79 -53
  35. package/dist/chunks/guard-DEqOFEs4.js.map +1 -0
  36. package/dist/chunks/{input-CVKu3XRI.js → input-BjCX2bFe.js} +8 -8
  37. package/dist/chunks/input-BjCX2bFe.js.map +1 -0
  38. package/dist/chunks/{login-button-76PlEs2Y.js → login-button-Czm-E9Na.js} +5 -5
  39. package/dist/chunks/{login-button-76PlEs2Y.js.map → login-button-Czm-E9Na.js.map} +1 -1
  40. package/dist/chunks/{logout-button-Dt3Utgj0.js → logout-button-BrR_jOhK.js} +5 -5
  41. package/dist/chunks/{logout-button-Dt3Utgj0.js.map → logout-button-BrR_jOhK.js.map} +1 -1
  42. package/dist/chunks/{menu-6ayNsxFG.js → menu-1PG19fCC.js} +4 -4
  43. package/dist/chunks/{menu-6ayNsxFG.js.map → menu-1PG19fCC.js.map} +1 -1
  44. package/dist/chunks/{menu-item-Ckl9f1rG.js → menu-item-C9uErV38.js} +72 -55
  45. package/dist/chunks/menu-item-C9uErV38.js.map +1 -0
  46. package/dist/chunks/{provider-BfO67dzy.js → provider-qd_4VaKB.js} +8 -5
  47. package/dist/chunks/provider-qd_4VaKB.js.map +1 -0
  48. package/dist/chunks/{select-DHFgELMJ.js → select-OM-SgY4K.js} +101 -66
  49. package/dist/chunks/select-OM-SgY4K.js.map +1 -0
  50. package/dist/chunks/{select-option-Duk4S4Sc.js → select-option-pVhYlXrt.js} +2 -2
  51. package/dist/chunks/{select-option-Duk4S4Sc.js.map → select-option-pVhYlXrt.js.map} +1 -1
  52. package/dist/chunks/{signup-button-B10K6b8A.js → signup-button-BnA5p-uJ.js} +5 -5
  53. package/dist/chunks/{signup-button-B10K6b8A.js.map → signup-button-BnA5p-uJ.js.map} +1 -1
  54. package/dist/chunks/{solid-emblem-DgBJk5Th.js → solid-emblem-D2clBuKZ.js} +2 -2
  55. package/dist/chunks/{solid-emblem-DgBJk5Th.js.map → solid-emblem-D2clBuKZ.js.map} +1 -1
  56. package/dist/chunks/{src-CdZhCYdF.js → src-DJOb1wMf.js} +3 -3
  57. package/dist/chunks/{src-CdZhCYdF.js.map → src-DJOb1wMf.js.map} +1 -1
  58. package/dist/components/account/Account.cjs.js +6 -4
  59. package/dist/components/account/Account.cjs.js.map +1 -1
  60. package/dist/components/account/Account.d.ts +2 -0
  61. package/dist/components/account/Account.d.ts.map +1 -1
  62. package/dist/components/account/Account.esm.js +10 -4
  63. package/dist/components/account/Account.esm.js.map +1 -1
  64. package/dist/components/account/Account.stories.d.ts +10 -2
  65. package/dist/components/account/Account.stories.d.ts.map +1 -1
  66. package/dist/components/account/Account.styles.cjs.js +1 -1
  67. package/dist/components/account/Account.styles.cjs.js.map +1 -1
  68. package/dist/components/account/Account.styles.esm.js +1 -1
  69. package/dist/components/account/Account.styles.esm.js.map +1 -1
  70. package/dist/components/account.js +1 -1
  71. package/dist/components/all.cjs.js +1 -0
  72. package/dist/components/all.d.ts +2 -0
  73. package/dist/components/all.d.ts.map +1 -0
  74. package/dist/components/all.esm.js +24 -0
  75. package/dist/components/avatar/Avatar.cjs.js +1 -1
  76. package/dist/components/avatar/Avatar.cjs.js.map +1 -1
  77. package/dist/components/avatar/Avatar.d.ts +3 -0
  78. package/dist/components/avatar/Avatar.d.ts.map +1 -1
  79. package/dist/components/avatar/Avatar.esm.js +9 -1
  80. package/dist/components/avatar/Avatar.esm.js.map +1 -1
  81. package/dist/components/avatar/Avatar.stories.d.ts +4 -4
  82. package/dist/components/avatar.js +1 -1
  83. package/dist/components/button/Button.styles.cjs.js +1 -1
  84. package/dist/components/button/Button.styles.cjs.js.map +1 -1
  85. package/dist/components/button/Button.styles.esm.js +1 -1
  86. package/dist/components/button/Button.styles.esm.js.map +1 -1
  87. package/dist/components/button.js +1 -1
  88. package/dist/components/combobox/Combobox.cjs.js +21 -21
  89. package/dist/components/combobox/Combobox.cjs.js.map +1 -1
  90. package/dist/components/combobox/Combobox.d.ts +30 -3
  91. package/dist/components/combobox/Combobox.d.ts.map +1 -1
  92. package/dist/components/combobox/Combobox.esm.js +268 -107
  93. package/dist/components/combobox/Combobox.esm.js.map +1 -1
  94. package/dist/components/combobox/Combobox.stories.d.ts +54 -0
  95. package/dist/components/combobox/Combobox.stories.d.ts.map +1 -1
  96. package/dist/components/combobox/Combobox.styles.cjs.js +1 -1
  97. package/dist/components/combobox/Combobox.styles.cjs.js.map +1 -1
  98. package/dist/components/combobox/Combobox.styles.esm.js +1 -1
  99. package/dist/components/combobox/Combobox.styles.esm.js.map +1 -1
  100. package/dist/components/combobox/index.cjs.js +1 -1
  101. package/dist/components/combobox/index.cjs.js.map +1 -1
  102. package/dist/components/combobox/index.d.ts +1 -0
  103. package/dist/components/combobox/index.d.ts.map +1 -1
  104. package/dist/components/combobox/index.esm.js +3 -3
  105. package/dist/components/combobox/index.esm.js.map +1 -1
  106. package/dist/components/combobox-option.js +1 -1
  107. package/dist/components/combobox.js +2 -2
  108. package/dist/components/dialog-content.js +1 -1
  109. package/dist/components/dialog-footer.js +1 -1
  110. package/dist/components/dialog-header.js +1 -1
  111. package/dist/components/dialog-provider/DialogProvider.cjs.js.map +1 -1
  112. package/dist/components/dialog-provider/DialogProvider.d.ts +2 -1
  113. package/dist/components/dialog-provider/DialogProvider.d.ts.map +1 -1
  114. package/dist/components/dialog-provider/DialogProvider.esm.js.map +1 -1
  115. package/dist/components/dialog-provider.js +1 -1
  116. package/dist/components/dialog.js +1 -1
  117. package/dist/components/dialogs-root.js +1 -1
  118. package/dist/components/guard/Guard.cjs.js +4 -2
  119. package/dist/components/guard/Guard.cjs.js.map +1 -1
  120. package/dist/components/guard/Guard.d.ts +7 -0
  121. package/dist/components/guard/Guard.d.ts.map +1 -1
  122. package/dist/components/guard/Guard.esm.js +74 -48
  123. package/dist/components/guard/Guard.esm.js.map +1 -1
  124. package/dist/components/guard/Guard.stories.d.ts +14 -3
  125. package/dist/components/guard/Guard.stories.d.ts.map +1 -1
  126. package/dist/components/guard.js +1 -1
  127. package/dist/components/index.cjs.js +1 -1
  128. package/dist/components/index.d.ts +0 -1
  129. package/dist/components/index.d.ts.map +1 -1
  130. package/dist/components/index.esm.js +1 -24
  131. package/dist/components/input/Input.cjs.js +5 -5
  132. package/dist/components/input/Input.cjs.js.map +1 -1
  133. package/dist/components/input/Input.d.ts +1 -1
  134. package/dist/components/input/Input.d.ts.map +1 -1
  135. package/dist/components/input/Input.esm.js +7 -7
  136. package/dist/components/input/Input.esm.js.map +1 -1
  137. package/dist/components/input.js +1 -1
  138. package/dist/components/login-button.js +1 -1
  139. package/dist/components/login-modal.js +1 -1
  140. package/dist/components/logout-button.js +1 -1
  141. package/dist/components/menu/Menu.cjs.js +1 -1
  142. package/dist/components/menu/Menu.cjs.js.map +1 -1
  143. package/dist/components/menu/Menu.esm.js +1 -1
  144. package/dist/components/menu/Menu.esm.js.map +1 -1
  145. package/dist/components/menu/Menu.stories.d.ts.map +1 -1
  146. package/dist/components/menu/Menu.styles.cjs.js +1 -1
  147. package/dist/components/menu/Menu.styles.cjs.js.map +1 -1
  148. package/dist/components/menu/Menu.styles.esm.js +1 -1
  149. package/dist/components/menu/Menu.styles.esm.js.map +1 -1
  150. package/dist/components/menu-item/MenuItem.cjs.js +4 -4
  151. package/dist/components/menu-item/MenuItem.cjs.js.map +1 -1
  152. package/dist/components/menu-item/MenuItem.d.ts +1 -0
  153. package/dist/components/menu-item/MenuItem.d.ts.map +1 -1
  154. package/dist/components/menu-item/MenuItem.esm.js +72 -55
  155. package/dist/components/menu-item/MenuItem.esm.js.map +1 -1
  156. package/dist/components/menu-item/MenuItem.styles.cjs.js +1 -1
  157. package/dist/components/menu-item/MenuItem.styles.cjs.js.map +1 -1
  158. package/dist/components/menu-item/MenuItem.styles.esm.js +1 -1
  159. package/dist/components/menu-item/MenuItem.styles.esm.js.map +1 -1
  160. package/dist/components/menu-item.js +1 -1
  161. package/dist/components/menu.js +1 -1
  162. package/dist/components/provider/Provider.cjs.js +1 -1
  163. package/dist/components/provider/Provider.cjs.js.map +1 -1
  164. package/dist/components/provider/Provider.d.ts +3 -1
  165. package/dist/components/provider/Provider.d.ts.map +1 -1
  166. package/dist/components/provider/Provider.esm.js +3 -0
  167. package/dist/components/provider/Provider.esm.js.map +1 -1
  168. package/dist/components/provider.js +1 -1
  169. package/dist/components/select/Select.cjs.js +7 -6
  170. package/dist/components/select/Select.cjs.js.map +1 -1
  171. package/dist/components/select/Select.d.ts +12 -2
  172. package/dist/components/select/Select.d.ts.map +1 -1
  173. package/dist/components/select/Select.esm.js +96 -65
  174. package/dist/components/select/Select.esm.js.map +1 -1
  175. package/dist/components/select/index.cjs.js.map +1 -1
  176. package/dist/components/select/index.d.ts +1 -0
  177. package/dist/components/select/index.d.ts.map +1 -1
  178. package/dist/components/select/index.esm.js.map +1 -1
  179. package/dist/components/select-option.js +1 -1
  180. package/dist/components/select.js +1 -1
  181. package/dist/components/signup-button.js +1 -1
  182. package/dist/components/solid-emblem.js +1 -1
  183. package/dist/components.js +22 -22
  184. package/dist/index.cjs.js +1 -1
  185. package/dist/index.cjs.js.map +1 -1
  186. package/dist/index.esm.js +2 -2
  187. package/dist/index.js +6 -6
  188. package/dist/lib/auth/NoopAuth.cjs.js +1 -1
  189. package/dist/lib/auth/NoopAuth.cjs.js.map +1 -1
  190. package/dist/lib/auth/NoopAuth.d.ts +2 -2
  191. package/dist/lib/auth/NoopAuth.d.ts.map +1 -1
  192. package/dist/lib/auth/NoopAuth.esm.js +2 -3
  193. package/dist/lib/auth/NoopAuth.esm.js.map +1 -1
  194. package/dist/lib/auth/SolidAuth.cjs.js +1 -1
  195. package/dist/lib/auth/SolidAuth.cjs.js.map +1 -1
  196. package/dist/lib/auth/SolidAuth.d.ts +6 -0
  197. package/dist/lib/auth/SolidAuth.d.ts.map +1 -1
  198. package/dist/lib/auth/SolidAuth.esm.js +28 -16
  199. package/dist/lib/auth/SolidAuth.esm.js.map +1 -1
  200. package/dist/lib/auth/context.cjs.js.map +1 -1
  201. package/dist/lib/auth/context.d.ts +2 -0
  202. package/dist/lib/auth/context.d.ts.map +1 -1
  203. package/dist/lib/auth/context.esm.js.map +1 -1
  204. package/dist/lib/components/index.cjs.js +1 -1
  205. package/dist/lib/components/index.esm.js +2 -2
  206. package/dist/lib/components/traits/FormControlTrait.cjs.js +2 -0
  207. package/dist/lib/components/traits/FormControlTrait.cjs.js.map +1 -0
  208. package/dist/lib/components/traits/{InputTrait.d.ts → FormControlTrait.d.ts} +10 -11
  209. package/dist/lib/components/traits/FormControlTrait.d.ts.map +1 -0
  210. package/dist/lib/components/traits/FormControlTrait.esm.js +45 -0
  211. package/dist/lib/components/traits/FormControlTrait.esm.js.map +1 -0
  212. package/dist/lib/components/traits/index.cjs.js +1 -1
  213. package/dist/lib/components/traits/index.d.ts +2 -2
  214. package/dist/lib/components/traits/index.d.ts.map +1 -1
  215. package/dist/lib/components/traits/index.esm.js +2 -2
  216. package/dist/lib/components/web-component/WebComponent.cjs.js.map +1 -1
  217. package/dist/lib/components/web-component/WebComponent.d.ts +2 -2
  218. package/dist/lib/components/web-component/WebComponent.d.ts.map +1 -1
  219. package/dist/lib/components/web-component/WebComponent.esm.js.map +1 -1
  220. package/dist/lib/timing.cjs.js +2 -0
  221. package/dist/lib/timing.cjs.js.map +1 -0
  222. package/dist/lib/timing.d.ts +6 -0
  223. package/dist/lib/timing.d.ts.map +1 -0
  224. package/dist/lib/timing.esm.js +13 -0
  225. package/dist/lib/timing.esm.js.map +1 -0
  226. package/dist/lib/values.cjs.js +2 -0
  227. package/dist/lib/values.cjs.js.map +1 -0
  228. package/dist/lib/values.d.ts +2 -0
  229. package/dist/lib/values.d.ts.map +1 -0
  230. package/dist/lib/values.esm.js +8 -0
  231. package/dist/lib/values.esm.js.map +1 -0
  232. package/dist/loader.js +6 -6
  233. package/dist/solid-ui.js +114 -109
  234. package/dist/solid-ui.min.js +114 -109
  235. package/dist/solid-ui.min.js.map +1 -1
  236. package/dist/storybook/auth/StorybookAuth.d.ts +1 -0
  237. package/dist/storybook/auth/StorybookAuth.d.ts.map +1 -1
  238. package/dist/storybook/components/StorybookProvider.d.ts +3 -1
  239. package/dist/storybook/components/StorybookProvider.d.ts.map +1 -1
  240. package/dist/storybook/helpers.d.ts.map +1 -1
  241. package/dist/storybook/stubs.d.ts +7 -3
  242. package/dist/storybook/stubs.d.ts.map +1 -1
  243. package/dist/theme.css +1 -1
  244. package/package.json +2 -1
  245. package/dist/chunks/DialogProvider-CrvbR_fd.js.map +0 -1
  246. package/dist/chunks/account-Ma2Ipfjx.js.map +0 -1
  247. package/dist/chunks/auth-BI22fz6P.js.map +0 -1
  248. package/dist/chunks/avatar-DN7FzC2N.js.map +0 -1
  249. package/dist/chunks/combobox-BWOPh9dj.js +0 -474
  250. package/dist/chunks/combobox-BWOPh9dj.js.map +0 -1
  251. package/dist/chunks/components-DH1slGZY.js.map +0 -1
  252. package/dist/chunks/guard-YhbCPY-V.js.map +0 -1
  253. package/dist/chunks/input-CVKu3XRI.js.map +0 -1
  254. package/dist/chunks/menu-item-Ckl9f1rG.js.map +0 -1
  255. package/dist/chunks/provider-BfO67dzy.js.map +0 -1
  256. package/dist/chunks/select-DHFgELMJ.js.map +0 -1
  257. package/dist/lib/components/traits/InputTrait.cjs.js +0 -2
  258. package/dist/lib/components/traits/InputTrait.cjs.js.map +0 -1
  259. package/dist/lib/components/traits/InputTrait.d.ts.map +0 -1
  260. package/dist/lib/components/traits/InputTrait.esm.js +0 -45
  261. package/dist/lib/components/traits/InputTrait.esm.js.map +0 -1
@@ -1,4 +1,4 @@
1
- import { n as e, r as t } from "./components-DH1slGZY.js";
1
+ import { n as e, r as t } from "./components-PQfnwrHI.js";
2
2
  import { c as n, i as r, n as i } from "./lit-C4H1jI4q.js";
3
3
  import { n as a } from "./decorators-BqWyWiL9.js";
4
4
  //#region ~icons/svg-spinners/180-ring
@@ -10,7 +10,7 @@ var o = class extends HTMLElement {
10
10
  customElements.get("icon-svg-spinners-180-ring") || customElements.define("icon-svg-spinners-180-ring", o);
11
11
  //#endregion
12
12
  //#region src/components/button/Button.styles.css
13
- var s = n`:host{--text-color:var(--solid-ui-color-white);--border-color:var(--solid-ui-color-primary);--background-color:var(--solid-ui-color-primary);--hover-text-color:var(--text-color);--hover-border-color:var(--solid-ui-color-tertiary);--hover-background-color:var(--solid-ui-color-tertiary);display:inline-flex;& button{font-size:var(--solid-ui-font-size-md);color:var(--text-color);background:var(--background-color);border:1px solid var(--border-color);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-weight:600;display:flex;position:relative;&:disabled{opacity:.5;cursor:not-allowed}&:hover:not(:disabled){color:var(--hover-text-color);background:var(--hover-background-color);border-color:var(--hover-border-color)}& icon-svg-spinners-180-ring,& ::slotted([slot=left-icon]),& ::slotted([slot=right-icon]){width:var(--solid-ui-font-size-md);height:var(--solid-ui-font-size-md)}&:after{content:\"\";width:var(--solid-ui-clickable-area);height:var(--solid-ui-clickable-area);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}}:host([data-has-icon-slot]) button{padding:4px;& ::slotted([slot=icon]){width:var(--solid-ui-font-size-2xl);height:var(--solid-ui-font-size-2xl)}}:host([variant=secondary]) button{--text-color:var(--solid-ui-color-gray-800);--border-color:var(--solid-ui-color-slate-400);--background-color:var(--solid-ui-color-white);--hover-text-color:var(--solid-ui-color-white);--hover-background-color:var(--solid-ui-color-tertiary);--hover-border-color:var(--solid-ui-color-tertiary)}:host([variant=tertiary]) button{--text-color:var(--solid-ui-color-primary);--border-color:transparent;--background-color:transparent;--hover-text-color:var(--solid-ui-color-tertiary);--hover-border-color:var(--solid-ui-color-tertiary);--hover-background-color:transparent;border-width:0 0 1px;border-radius:0;padding:0}:host([variant=outline]) button{--text-color:currentColor;--border-color:currentColor;--background-color:transparent;--hover-text-color:currentColor;--hover-border-color:currentColor;--hover-background-color:color-mix(in srgb, currentColor 25%, transparent)}:host([variant=ghost]) button{--text-color:currentColor;--border-color:transparent;--background-color:transparent;--hover-text-color:currentColor;--hover-border-color:transparent;--hover-background-color:color-mix(in srgb, currentColor 25%, transparent)}`, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E;
13
+ var s = n`:host{--text-color:var(--solid-ui-color-white);--border-color:var(--solid-ui-color-primary);--background-color:var(--solid-ui-color-primary);--hover-text-color:var(--text-color);--hover-border-color:var(--solid-ui-color-tertiary);--hover-background-color:var(--solid-ui-color-tertiary);display:inline-flex;& button{font-size:var(--solid-ui-font-size-md);color:var(--text-color);background:var(--background-color);border:1px solid var(--border-color);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-weight:600;display:flex;position:relative;&:disabled{opacity:.5;cursor:not-allowed}&:hover:not(:disabled){color:var(--hover-text-color);background:var(--hover-background-color);border-color:var(--hover-border-color)}& icon-svg-spinners-180-ring,& ::slotted([slot=left-icon]),& ::slotted([slot=right-icon]){width:var(--solid-ui-font-size-md);height:var(--solid-ui-font-size-md)}&:after{content:\"\";width:var(--solid-ui-clickable-area);height:var(--solid-ui-clickable-area);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}}:host([data-has-icon-slot]) button{padding:4px;& ::slotted([slot=icon]){width:var(--solid-ui-font-size-2xl);height:var(--solid-ui-font-size-2xl)}}:host([variant=secondary]) button{--text-color:var(--solid-ui-color-gray-800);--border-color:var(--solid-ui-color-slate-400);--background-color:var(--solid-ui-color-white);--hover-text-color:var(--solid-ui-color-white);--hover-background-color:var(--solid-ui-color-tertiary);--hover-border-color:var(--solid-ui-color-tertiary)}:host([variant=tertiary]) button{--text-color:var(--solid-ui-color-primary);--border-color:transparent;--background-color:transparent;--hover-text-color:var(--solid-ui-color-tertiary);--hover-border-color:var(--solid-ui-color-tertiary);--hover-background-color:transparent;border-width:0 0 1px;border-radius:0;padding:0}:host([variant=outline]) button{--text-color:currentColor;--border-color:currentColor;--background-color:transparent;--hover-text-color:currentColor;--hover-border-color:currentColor;--hover-background-color:color-mix(in srgb, currentColor 25%, transparent)}:host([variant=ghost]) button{--text-color:currentColor;--border-color:transparent;--background-color:transparent;--hover-text-color:currentColor;--hover-border-color:transparent;--hover-background-color:var(--solid-ui-color-primary-hover)}`, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E;
14
14
  function D(e, t, n) {
15
15
  O(e, t), t.set(e, n);
16
16
  }
@@ -283,4 +283,4 @@ var V = B;
283
283
  //#endregion
284
284
  export { z as n, B as r, V as t };
285
285
 
286
- //# sourceMappingURL=button-DHahwxqn.js.map
286
+ //# sourceMappingURL=button-B9-nlEpz.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button-DHahwxqn.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","onIconSlotChange","e","slot","target","toggleAttribute","assignedElements","length","getInternals","form","requestSubmit","reset","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","Button","BUTTON_VARIANTS"],"sources":["../../src/components/button/Button.styles.css","../../src/components/button/Button.ts","../../src/components/button/index.ts"],"sourcesContent":[":host {\n --text-color: var(--solid-ui-color-white);\n --border-color: var(--solid-ui-color-primary);\n --background-color: var(--solid-ui-color-primary);\n --hover-text-color: var(--text-color);\n --hover-border-color: var(--solid-ui-color-tertiary);\n --hover-background-color: var(--solid-ui-color-tertiary);\n\n display: inline-flex;\n\n button {\n position: relative;\n padding: 7px 12px;\n border-radius: 5px;\n font-size: var(--solid-ui-font-size-md);\n font-weight: 600;\n color: var(--text-color);\n background: var(--background-color);\n border: 1px solid var(--border-color);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1;\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &:hover:not(:disabled) {\n color: var(--hover-text-color);\n background: var(--hover-background-color);\n border-color: var(--hover-border-color);\n }\n\n icon-svg-spinners-180-ring, ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n width: var(--solid-ui-font-size-md);\n height: var(--solid-ui-font-size-md);\n }\n\n &::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: var(--solid-ui-clickable-area);\n height: var(--solid-ui-clickable-area);\n }\n }\n}\n\n:host([data-has-icon-slot]) button {\n padding: 4px;\n\n ::slotted([slot=\"icon\"]) {\n width: var(--solid-ui-font-size-2xl);\n height: var(--solid-ui-font-size-2xl);\n }\n}\n\n:host([variant='secondary']) button {\n --text-color: var(--solid-ui-color-gray-800);\n --border-color: var(--solid-ui-color-slate-400);\n --background-color: var(--solid-ui-color-white);\n --hover-text-color: var(--solid-ui-color-white);\n --hover-background-color: var(--solid-ui-color-tertiary);\n --hover-border-color: var(--solid-ui-color-tertiary);\n}\n\n:host([variant='tertiary']) button {\n --text-color: var(--solid-ui-color-primary);\n --border-color: transparent;\n --background-color: transparent;\n --hover-text-color: var(--solid-ui-color-tertiary);\n --hover-border-color: var(--solid-ui-color-tertiary);\n --hover-background-color: transparent;\n\n padding: 0;\n border-radius: 0;\n border-width: 0;\n border-bottom-width: 1px;\n}\n\n:host([variant='outline']) button {\n --text-color: currentColor;\n --border-color: currentColor;\n --background-color: transparent;\n --hover-text-color: currentColor;\n --hover-border-color: currentColor;\n --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n\n:host([variant='ghost']) button {\n --text-color: currentColor;\n --border-color: transparent;\n --background-color: transparent;\n --hover-text-color: currentColor;\n --hover-border-color: transparent;\n --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n static styles = styles\n static formAssociated = true\n\n @property({ type: String, reflect: true })\n accessor variant: ButtonVariant = 'primary'\n\n @property({ type: String, reflect: true })\n accessor type = 'button'\n\n @property({ type: Boolean })\n accessor disabled: boolean | undefined = undefined\n\n @property({ type: Boolean })\n accessor loading = false\n\n render () {\n const disabled = this.disabled ?? this.loading\n\n return html`\n <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n <slot name=\"left-icon\"></slot>\n <slot @slotchange=${this.onIconSlotChange} name=\"icon\"></slot>\n <slot></slot>\n <slot name=\"right-icon\"></slot>\n </button>\n `\n }\n\n private onIconSlotChange (e: Event) {\n const slot = e.target as HTMLSlotElement\n\n this.toggleAttribute('data-has-icon-slot', slot.assignedElements().length > 0)\n }\n\n private onClick () {\n switch (this.type) {\n case 'submit':\n this.getInternals().form?.requestSubmit()\n break\n case 'reset':\n this.getInternals().form?.reset()\n break\n }\n }\n}\n","import Button, { BUTTON_VARIANTS, type ButtonVariant } from './Button'\n\nexport { Button, BUTTON_VARIANTS, type ButtonVariant }\nexport default Button\n"],"mappings":"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"}
1
+ {"version":3,"file":"button-B9-nlEpz.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","onIconSlotChange","e","slot","target","toggleAttribute","assignedElements","length","getInternals","form","requestSubmit","reset","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","Button","BUTTON_VARIANTS"],"sources":["../../src/components/button/Button.styles.css","../../src/components/button/Button.ts","../../src/components/button/index.ts"],"sourcesContent":[":host {\n --text-color: var(--solid-ui-color-white);\n --border-color: var(--solid-ui-color-primary);\n --background-color: var(--solid-ui-color-primary);\n --hover-text-color: var(--text-color);\n --hover-border-color: var(--solid-ui-color-tertiary);\n --hover-background-color: var(--solid-ui-color-tertiary);\n\n display: inline-flex;\n\n button {\n position: relative;\n padding: 7px 12px;\n border-radius: 5px;\n font-size: var(--solid-ui-font-size-md);\n font-weight: 600;\n color: var(--text-color);\n background: var(--background-color);\n border: 1px solid var(--border-color);\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1;\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &:hover:not(:disabled) {\n color: var(--hover-text-color);\n background: var(--hover-background-color);\n border-color: var(--hover-border-color);\n }\n\n icon-svg-spinners-180-ring, ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n width: var(--solid-ui-font-size-md);\n height: var(--solid-ui-font-size-md);\n }\n\n &::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: var(--solid-ui-clickable-area);\n height: var(--solid-ui-clickable-area);\n }\n }\n}\n\n:host([data-has-icon-slot]) button {\n padding: 4px;\n\n ::slotted([slot=\"icon\"]) {\n width: var(--solid-ui-font-size-2xl);\n height: var(--solid-ui-font-size-2xl);\n }\n}\n\n:host([variant='secondary']) button {\n --text-color: var(--solid-ui-color-gray-800);\n --border-color: var(--solid-ui-color-slate-400);\n --background-color: var(--solid-ui-color-white);\n --hover-text-color: var(--solid-ui-color-white);\n --hover-background-color: var(--solid-ui-color-tertiary);\n --hover-border-color: var(--solid-ui-color-tertiary);\n}\n\n:host([variant='tertiary']) button {\n --text-color: var(--solid-ui-color-primary);\n --border-color: transparent;\n --background-color: transparent;\n --hover-text-color: var(--solid-ui-color-tertiary);\n --hover-border-color: var(--solid-ui-color-tertiary);\n --hover-background-color: transparent;\n\n padding: 0;\n border-radius: 0;\n border-width: 0;\n border-bottom-width: 1px;\n}\n\n:host([variant='outline']) button {\n --text-color: currentColor;\n --border-color: currentColor;\n --background-color: transparent;\n --hover-text-color: currentColor;\n --hover-border-color: currentColor;\n --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n\n:host([variant='ghost']) button {\n --text-color: currentColor;\n --border-color: transparent;\n --background-color: transparent;\n --hover-text-color: currentColor;\n --hover-border-color: transparent;\n --hover-background-color: var(--solid-ui-color-primary-hover);\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n static styles = styles\n static formAssociated = true\n\n @property({ type: String, reflect: true })\n accessor variant: ButtonVariant = 'primary'\n\n @property({ type: String, reflect: true })\n accessor type = 'button'\n\n @property({ type: Boolean })\n accessor disabled: boolean | undefined = undefined\n\n @property({ type: Boolean })\n accessor loading = false\n\n render () {\n const disabled = this.disabled ?? this.loading\n\n return html`\n <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n <slot name=\"left-icon\"></slot>\n <slot @slotchange=${this.onIconSlotChange} name=\"icon\"></slot>\n <slot></slot>\n <slot name=\"right-icon\"></slot>\n </button>\n `\n }\n\n private onIconSlotChange (e: Event) {\n const slot = e.target as HTMLSlotElement\n\n this.toggleAttribute('data-has-icon-slot', slot.assignedElements().length > 0)\n }\n\n private onClick () {\n switch (this.type) {\n case 'submit':\n this.getInternals().form?.requestSubmit()\n break\n case 'reset':\n this.getInternals().form?.reset()\n break\n }\n }\n}\n","import Button, { BUTTON_VARIANTS, type ButtonVariant } from './Button'\n\nexport { Button, BUTTON_VARIANTS, type ButtonVariant }\nexport default Button\n"],"mappings":"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"}