solid-ui 5.0.1-0 → 5.0.1-1

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 (68) hide show
  1. package/README.md +21 -0
  2. package/dist/_virtual/~icons/lucide/square-arrow-out-up-right.cjs.js +2 -0
  3. package/dist/_virtual/~icons/lucide/square-arrow-out-up-right.cjs.js.map +1 -0
  4. package/dist/_virtual/~icons/lucide/square-arrow-out-up-right.esm.js +11 -0
  5. package/dist/_virtual/~icons/lucide/square-arrow-out-up-right.esm.js.map +1 -0
  6. package/dist/chunks/{access-control-modal-C9ECFvn0.js → access-control-modal-eOv2-U27.js} +3 -3
  7. package/dist/chunks/{access-control-modal-C9ECFvn0.js.map → access-control-modal-eOv2-U27.js.map} +1 -1
  8. package/dist/chunks/{account-BUnArMjm.js → account-DpmYJEd-.js} +6 -6
  9. package/dist/chunks/{account-BUnArMjm.js.map → account-DpmYJEd-.js.map} +1 -1
  10. package/dist/chunks/{auth-BgEyix2g.js → auth-Hp8M6TQf.js} +2 -2
  11. package/dist/chunks/{auth-BgEyix2g.js.map → auth-Hp8M6TQf.js.map} +1 -1
  12. package/dist/chunks/{avatar-DiGyEwvL.js → avatar-D5rcw6gN.js} +2 -2
  13. package/dist/chunks/{avatar-DiGyEwvL.js.map → avatar-D5rcw6gN.js.map} +1 -1
  14. package/dist/chunks/{combobox-a0vVnPo8.js → combobox-Dmv-TZtI.js} +2 -2
  15. package/dist/chunks/combobox-Dmv-TZtI.js.map +1 -0
  16. package/dist/chunks/{guard-c6JOj8UM.js → guard-FbhNrJGh.js} +2 -2
  17. package/dist/chunks/{guard-c6JOj8UM.js.map → guard-FbhNrJGh.js.map} +1 -1
  18. package/dist/chunks/{login-button-gUZbphp9.js → login-button-DCq4Gi3_.js} +2 -2
  19. package/dist/chunks/{login-button-gUZbphp9.js.map → login-button-DCq4Gi3_.js.map} +1 -1
  20. package/dist/chunks/{logout-button-GWQMrdx4.js → logout-button-D3dJrsV4.js} +2 -2
  21. package/dist/chunks/{logout-button-GWQMrdx4.js.map → logout-button-D3dJrsV4.js.map} +1 -1
  22. package/dist/chunks/{provider-DLNWLlfX.js → provider-D9UgRI4G.js} +2 -2
  23. package/dist/chunks/{provider-DLNWLlfX.js.map → provider-D9UgRI4G.js.map} +1 -1
  24. package/dist/chunks/{signup-button-i9d5eTUY.js → signup-button-BQ4AWem2.js} +2 -2
  25. package/dist/chunks/{signup-button-i9d5eTUY.js.map → signup-button-BQ4AWem2.js.map} +1 -1
  26. package/dist/chunks/{src-B9ABTiyW.js → src-DQMZZG1B.js} +2319 -2281
  27. package/dist/chunks/src-DQMZZG1B.js.map +1 -0
  28. package/dist/chunks/{widgets-CQOLuw3A.js → widgets-CVLwnfkU.js} +122 -74
  29. package/dist/chunks/widgets-CVLwnfkU.js.map +1 -0
  30. package/dist/components/access-control-modal.js +1 -1
  31. package/dist/components/account.js +1 -1
  32. package/dist/components/avatar.js +1 -1
  33. package/dist/components/combobox/Combobox.styles.cjs.js +1 -1
  34. package/dist/components/combobox/Combobox.styles.cjs.js.map +1 -1
  35. package/dist/components/combobox/Combobox.styles.esm.js +1 -1
  36. package/dist/components/combobox/Combobox.styles.esm.js.map +1 -1
  37. package/dist/components/combobox.js +1 -1
  38. package/dist/components/guard.js +1 -1
  39. package/dist/components/login-button.js +1 -1
  40. package/dist/components/login-modal.js +1 -1
  41. package/dist/components/logout-button.js +1 -1
  42. package/dist/components/provider.js +1 -1
  43. package/dist/components/signup-button.js +1 -1
  44. package/dist/components.js +10 -10
  45. package/dist/index.js +3 -3
  46. package/dist/lib/iconBase.cjs.js +1 -1
  47. package/dist/lib/iconBase.cjs.js.map +1 -1
  48. package/dist/lib/iconBase.esm.js +3 -2
  49. package/dist/lib/iconBase.esm.js.map +1 -1
  50. package/dist/loader.js +3 -3
  51. package/dist/solid-ui.js +30 -30
  52. package/dist/solid-ui.min.js +30 -30
  53. package/dist/solid-ui.min.js.map +1 -1
  54. package/dist/widgets/buttons/iconLinks.cjs.js +1 -1
  55. package/dist/widgets/buttons/iconLinks.cjs.js.map +1 -1
  56. package/dist/widgets/buttons/iconLinks.d.ts.map +1 -1
  57. package/dist/widgets/buttons/iconLinks.esm.js +16 -10
  58. package/dist/widgets/buttons/iconLinks.esm.js.map +1 -1
  59. package/dist/widgets/buttons.cjs.js +1 -1
  60. package/dist/widgets/buttons.cjs.js.map +1 -1
  61. package/dist/widgets/buttons.d.ts +5 -1
  62. package/dist/widgets/buttons.d.ts.map +1 -1
  63. package/dist/widgets/buttons.esm.js +67 -34
  64. package/dist/widgets/buttons.esm.js.map +1 -1
  65. package/package.json +1 -1
  66. package/dist/chunks/combobox-a0vVnPo8.js.map +0 -1
  67. package/dist/chunks/src-B9ABTiyW.js.map +0 -1
  68. package/dist/chunks/widgets-CQOLuw3A.js.map +0 -1
@@ -1 +1 @@
1
- export { n as AccessControlModal, t as default } from "../chunks/access-control-modal-C9ECFvn0.js";
1
+ export { n as AccessControlModal, t as default } from "../chunks/access-control-modal-eOv2-U27.js";
@@ -1 +1 @@
1
- export { n as Account, t as default } from "../chunks/account-BUnArMjm.js";
1
+ export { n as Account, t as default } from "../chunks/account-DpmYJEd-.js";
@@ -1 +1 @@
1
- export { n as Avatar, t as default } from "../chunks/avatar-DiGyEwvL.js";
1
+ export { n as Avatar, t as default } from "../chunks/avatar-D5rcw6gN.js";
@@ -1,2 +1,2 @@
1
- var e=require("lit").css`:host{--solid-ui-input-border-color:var(--solid-ui-color-gray-400);flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host wa-popup{width:100%;display:block}:host wa-popup::part(popup){border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;padding:4px;overflow:hidden;box-shadow:0 4px 16px #00000059}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-input-border-color);border-radius:5px;width:100%;padding:10px 40px 10px 10px}:host .input-wrapper icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}:host .listbox{max-height:min(28rem, calc(100dvh - 6rem), var(--auto-size-available-height,28rem));overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:2px;display:flex;overflow:hidden auto}:host .listbox::-webkit-scrollbar{width:4px}:host .listbox [role=option],:host .listbox .non-selectable-option{color:var(--solid-ui-color-gray-700);border-radius:5px;padding:12px 8px}:host .listbox [role=option]{cursor:pointer}:host .listbox [role=option]:hover,:host .listbox [role=option][data-active]{background:var(--solid-ui-color-primary-hover)}:host .listbox [role=option][aria-selected=true]{background:var(--solid-ui-color-primary-selected)}:host .listbox .non-selectable-option{justify-content:center;align-items:center;display:flex}:host .listbox .non-selectable-option icon-svg-spinners-3-dots-fade{width:2rem}:host .listbox .non-selectable-option .message--error{color:var(--solid-ui-color-error)}`;exports.default=e;
1
+ var e=require("lit").css`:host{--solid-ui-input-border-color:var(--solid-ui-color-gray-400);flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host wa-popup{width:100%;display:block}:host wa-popup::part(popup){border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;padding:4px;overflow:hidden;box-shadow:0 4px 16px #00000059}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-input-border-color);border-radius:5px;width:100%;padding:10px 40px 10px 10px}:host .input-wrapper input:focus-visible{outline:var(--focus-indicator-width,2px) solid var(--color-primary,var(--solid-ui-color-primary,#7c4dff));outline-offset:2px;box-shadow:0 0 0 1px var(--color-background,#f8f9fb), 0 0 0 4px #7c4dff33;transition:none}:host .input-wrapper icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}:host .listbox{max-height:min(28rem, calc(100dvh - 6rem), var(--auto-size-available-height,28rem));overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:2px;display:flex;overflow:hidden auto}:host .listbox::-webkit-scrollbar{width:4px}:host .listbox [role=option],:host .listbox .non-selectable-option{color:var(--solid-ui-color-gray-700);border-radius:5px;padding:12px 8px}:host .listbox [role=option]{cursor:pointer}:host .listbox [role=option]:hover,:host .listbox [role=option][data-active]{background:var(--solid-ui-color-primary-hover)}:host .listbox [role=option][aria-selected=true]{background:var(--solid-ui-color-primary-selected)}:host .listbox .non-selectable-option{justify-content:center;align-items:center;display:flex}:host .listbox .non-selectable-option icon-svg-spinners-3-dots-fade{width:2rem}:host .listbox .non-selectable-option .message--error{color:var(--solid-ui-color-error)}`;exports.default=e;
2
2
  //# sourceMappingURL=Combobox.styles.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.styles.cjs.js","names":["Combobox_styles_default"],"sources":["../../../src/components/combobox/Combobox.styles.css"],"sourcesContent":[":host {\n --solid-ui-input-border-color: var(--solid-ui-color-gray-400);\n\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n\n label {\n color: var(--solid-ui-color-gray-600);\n font-size: var(--solid-ui-font-size-sm);\n font-weight: 400;\n }\n\n wa-popup {\n display: block;\n width: 100%;\n }\n\n wa-popup::part(popup) {\n background: white;\n border: 1px solid var(--solid-ui-color-gray-100);\n border-radius: 5px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n overflow: hidden;\n padding: 4px;\n }\n\n .input-wrapper {\n position: relative;\n width: 100%;\n\n input {\n border: 1px solid var(--solid-ui-input-border-color);\n border-radius: 5px;\n padding: 10px;\n padding-right: 40px;\n width: 100%;\n }\n\n icon-lucide-chevron-down {\n position: absolute;\n right: 15px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--solid-ui-color-gray-500);\n width: var(--solid-ui-font-size-lg);\n height: var(--solid-ui-font-size-lg);\n pointer-events: none;\n }\n }\n\n .listbox {\n display: flex;\n flex-direction: column;\n gap: 2px;\n max-height: min(28rem, calc(100dvh - 6rem), var(--auto-size-available-height, 28rem));\n overflow-x: hidden;\n overflow-y: auto;\n overscroll-behavior: contain;\n scrollbar-width: thin;\n\n &::-webkit-scrollbar {\n width: 4px;\n }\n\n [role=\"option\"], .non-selectable-option {\n color: var(--solid-ui-color-gray-700);\n padding: 12px 8px;\n border-radius: 5px;\n }\n\n [role=\"option\"] {\n cursor: pointer;\n\n &:hover,\n &[data-active] {\n background: var(--solid-ui-color-primary-hover);\n }\n\n &[aria-selected=\"true\"] {\n background: var(--solid-ui-color-primary-selected);\n }\n }\n\n .non-selectable-option {\n display: flex;\n justify-content: center;\n align-items: center;\n\n icon-svg-spinners-3-dots-fade {\n width: 2rem;\n }\n\n .message--error {\n color: var(--solid-ui-color-error);\n }\n }\n }\n}\n"],"mappings":""}
1
+ {"version":3,"file":"Combobox.styles.cjs.js","names":["Combobox_styles_default"],"sources":["../../../src/components/combobox/Combobox.styles.css"],"sourcesContent":[":host {\n --solid-ui-input-border-color: var(--solid-ui-color-gray-400);\n\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n\n label {\n color: var(--solid-ui-color-gray-600);\n font-size: var(--solid-ui-font-size-sm);\n font-weight: 400;\n }\n\n wa-popup {\n display: block;\n width: 100%;\n }\n\n wa-popup::part(popup) {\n background: white;\n border: 1px solid var(--solid-ui-color-gray-100);\n border-radius: 5px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n overflow: hidden;\n padding: 4px;\n }\n\n .input-wrapper {\n position: relative;\n width: 100%;\n\n input {\n border: 1px solid var(--solid-ui-input-border-color);\n border-radius: 5px;\n padding: 10px;\n padding-right: 40px;\n width: 100%;\n\n /* Global focus styles don't reach into the shadow DOM, so mirror them here. */\n &:focus-visible {\n outline: var(--focus-indicator-width, 2px) solid var(--color-primary, var(--solid-ui-color-primary, #7C4DFF));\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background, #F8F9FB), 0 0 0 4px rgba(124, 77, 255, 0.2);\n transition: none;\n }\n }\n\n icon-lucide-chevron-down {\n position: absolute;\n right: 15px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--solid-ui-color-gray-500);\n width: var(--solid-ui-font-size-lg);\n height: var(--solid-ui-font-size-lg);\n pointer-events: none;\n }\n }\n\n .listbox {\n display: flex;\n flex-direction: column;\n gap: 2px;\n max-height: min(28rem, calc(100dvh - 6rem), var(--auto-size-available-height, 28rem));\n overflow-x: hidden;\n overflow-y: auto;\n overscroll-behavior: contain;\n scrollbar-width: thin;\n\n &::-webkit-scrollbar {\n width: 4px;\n }\n\n [role=\"option\"], .non-selectable-option {\n color: var(--solid-ui-color-gray-700);\n padding: 12px 8px;\n border-radius: 5px;\n }\n\n [role=\"option\"] {\n cursor: pointer;\n\n &:hover,\n &[data-active] {\n background: var(--solid-ui-color-primary-hover);\n }\n\n &[aria-selected=\"true\"] {\n background: var(--solid-ui-color-primary-selected);\n }\n }\n\n .non-selectable-option {\n display: flex;\n justify-content: center;\n align-items: center;\n\n icon-svg-spinners-3-dots-fade {\n width: 2rem;\n }\n\n .message--error {\n color: var(--solid-ui-color-error);\n }\n }\n }\n}\n"],"mappings":""}
@@ -1,6 +1,6 @@
1
1
  import { css as e } from "lit";
2
2
  //#region src/components/combobox/Combobox.styles.css
3
- var t = e`:host{--solid-ui-input-border-color:var(--solid-ui-color-gray-400);flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host wa-popup{width:100%;display:block}:host wa-popup::part(popup){border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;padding:4px;overflow:hidden;box-shadow:0 4px 16px #00000059}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-input-border-color);border-radius:5px;width:100%;padding:10px 40px 10px 10px}:host .input-wrapper icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}:host .listbox{max-height:min(28rem, calc(100dvh - 6rem), var(--auto-size-available-height,28rem));overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:2px;display:flex;overflow:hidden auto}:host .listbox::-webkit-scrollbar{width:4px}:host .listbox [role=option],:host .listbox .non-selectable-option{color:var(--solid-ui-color-gray-700);border-radius:5px;padding:12px 8px}:host .listbox [role=option]{cursor:pointer}:host .listbox [role=option]:hover,:host .listbox [role=option][data-active]{background:var(--solid-ui-color-primary-hover)}:host .listbox [role=option][aria-selected=true]{background:var(--solid-ui-color-primary-selected)}:host .listbox .non-selectable-option{justify-content:center;align-items:center;display:flex}:host .listbox .non-selectable-option icon-svg-spinners-3-dots-fade{width:2rem}:host .listbox .non-selectable-option .message--error{color:var(--solid-ui-color-error)}`;
3
+ var t = e`:host{--solid-ui-input-border-color:var(--solid-ui-color-gray-400);flex-direction:column;align-items:flex-start;gap:5px;display:inline-flex}:host label{color:var(--solid-ui-color-gray-600);font-size:var(--solid-ui-font-size-sm);font-weight:400}:host wa-popup{width:100%;display:block}:host wa-popup::part(popup){border:1px solid var(--solid-ui-color-gray-100);background:#fff;border-radius:5px;padding:4px;overflow:hidden;box-shadow:0 4px 16px #00000059}:host .input-wrapper{width:100%;position:relative}:host .input-wrapper input{border:1px solid var(--solid-ui-input-border-color);border-radius:5px;width:100%;padding:10px 40px 10px 10px}:host .input-wrapper input:focus-visible{outline:var(--focus-indicator-width,2px) solid var(--color-primary,var(--solid-ui-color-primary,#7c4dff));outline-offset:2px;box-shadow:0 0 0 1px var(--color-background,#f8f9fb), 0 0 0 4px #7c4dff33;transition:none}:host .input-wrapper icon-lucide-chevron-down{color:var(--solid-ui-color-gray-500);width:var(--solid-ui-font-size-lg);height:var(--solid-ui-font-size-lg);pointer-events:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}:host .listbox{max-height:min(28rem, calc(100dvh - 6rem), var(--auto-size-available-height,28rem));overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:2px;display:flex;overflow:hidden auto}:host .listbox::-webkit-scrollbar{width:4px}:host .listbox [role=option],:host .listbox .non-selectable-option{color:var(--solid-ui-color-gray-700);border-radius:5px;padding:12px 8px}:host .listbox [role=option]{cursor:pointer}:host .listbox [role=option]:hover,:host .listbox [role=option][data-active]{background:var(--solid-ui-color-primary-hover)}:host .listbox [role=option][aria-selected=true]{background:var(--solid-ui-color-primary-selected)}:host .listbox .non-selectable-option{justify-content:center;align-items:center;display:flex}:host .listbox .non-selectable-option icon-svg-spinners-3-dots-fade{width:2rem}:host .listbox .non-selectable-option .message--error{color:var(--solid-ui-color-error)}`;
4
4
  //#endregion
5
5
  export { t as default };
6
6
 
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.styles.esm.js","names":["Combobox_styles_default"],"sources":["../../../src/components/combobox/Combobox.styles.css"],"sourcesContent":[":host {\n --solid-ui-input-border-color: var(--solid-ui-color-gray-400);\n\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n\n label {\n color: var(--solid-ui-color-gray-600);\n font-size: var(--solid-ui-font-size-sm);\n font-weight: 400;\n }\n\n wa-popup {\n display: block;\n width: 100%;\n }\n\n wa-popup::part(popup) {\n background: white;\n border: 1px solid var(--solid-ui-color-gray-100);\n border-radius: 5px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n overflow: hidden;\n padding: 4px;\n }\n\n .input-wrapper {\n position: relative;\n width: 100%;\n\n input {\n border: 1px solid var(--solid-ui-input-border-color);\n border-radius: 5px;\n padding: 10px;\n padding-right: 40px;\n width: 100%;\n }\n\n icon-lucide-chevron-down {\n position: absolute;\n right: 15px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--solid-ui-color-gray-500);\n width: var(--solid-ui-font-size-lg);\n height: var(--solid-ui-font-size-lg);\n pointer-events: none;\n }\n }\n\n .listbox {\n display: flex;\n flex-direction: column;\n gap: 2px;\n max-height: min(28rem, calc(100dvh - 6rem), var(--auto-size-available-height, 28rem));\n overflow-x: hidden;\n overflow-y: auto;\n overscroll-behavior: contain;\n scrollbar-width: thin;\n\n &::-webkit-scrollbar {\n width: 4px;\n }\n\n [role=\"option\"], .non-selectable-option {\n color: var(--solid-ui-color-gray-700);\n padding: 12px 8px;\n border-radius: 5px;\n }\n\n [role=\"option\"] {\n cursor: pointer;\n\n &:hover,\n &[data-active] {\n background: var(--solid-ui-color-primary-hover);\n }\n\n &[aria-selected=\"true\"] {\n background: var(--solid-ui-color-primary-selected);\n }\n }\n\n .non-selectable-option {\n display: flex;\n justify-content: center;\n align-items: center;\n\n icon-svg-spinners-3-dots-fade {\n width: 2rem;\n }\n\n .message--error {\n color: var(--solid-ui-color-error);\n }\n }\n }\n}\n"],"mappings":""}
1
+ {"version":3,"file":"Combobox.styles.esm.js","names":["Combobox_styles_default"],"sources":["../../../src/components/combobox/Combobox.styles.css"],"sourcesContent":[":host {\n --solid-ui-input-border-color: var(--solid-ui-color-gray-400);\n\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 5px;\n\n label {\n color: var(--solid-ui-color-gray-600);\n font-size: var(--solid-ui-font-size-sm);\n font-weight: 400;\n }\n\n wa-popup {\n display: block;\n width: 100%;\n }\n\n wa-popup::part(popup) {\n background: white;\n border: 1px solid var(--solid-ui-color-gray-100);\n border-radius: 5px;\n box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);\n overflow: hidden;\n padding: 4px;\n }\n\n .input-wrapper {\n position: relative;\n width: 100%;\n\n input {\n border: 1px solid var(--solid-ui-input-border-color);\n border-radius: 5px;\n padding: 10px;\n padding-right: 40px;\n width: 100%;\n\n /* Global focus styles don't reach into the shadow DOM, so mirror them here. */\n &:focus-visible {\n outline: var(--focus-indicator-width, 2px) solid var(--color-primary, var(--solid-ui-color-primary, #7C4DFF));\n outline-offset: 2px;\n box-shadow: 0 0 0 1px var(--color-background, #F8F9FB), 0 0 0 4px rgba(124, 77, 255, 0.2);\n transition: none;\n }\n }\n\n icon-lucide-chevron-down {\n position: absolute;\n right: 15px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--solid-ui-color-gray-500);\n width: var(--solid-ui-font-size-lg);\n height: var(--solid-ui-font-size-lg);\n pointer-events: none;\n }\n }\n\n .listbox {\n display: flex;\n flex-direction: column;\n gap: 2px;\n max-height: min(28rem, calc(100dvh - 6rem), var(--auto-size-available-height, 28rem));\n overflow-x: hidden;\n overflow-y: auto;\n overscroll-behavior: contain;\n scrollbar-width: thin;\n\n &::-webkit-scrollbar {\n width: 4px;\n }\n\n [role=\"option\"], .non-selectable-option {\n color: var(--solid-ui-color-gray-700);\n padding: 12px 8px;\n border-radius: 5px;\n }\n\n [role=\"option\"] {\n cursor: pointer;\n\n &:hover,\n &[data-active] {\n background: var(--solid-ui-color-primary-hover);\n }\n\n &[aria-selected=\"true\"] {\n background: var(--solid-ui-color-primary-selected);\n }\n }\n\n .non-selectable-option {\n display: flex;\n justify-content: center;\n align-items: center;\n\n icon-svg-spinners-3-dots-fade {\n width: 2rem;\n }\n\n .message--error {\n color: var(--solid-ui-color-error);\n }\n }\n }\n}\n"],"mappings":""}
@@ -1 +1 @@
1
- export { n as Combobox, t as default, r as defineAsyncComboboxOptionsProvider } from "../chunks/combobox-a0vVnPo8.js";
1
+ export { n as Combobox, t as default, r as defineAsyncComboboxOptionsProvider } from "../chunks/combobox-Dmv-TZtI.js";
@@ -1 +1 @@
1
- export { n as Guard, t as default } from "../chunks/guard-c6JOj8UM.js";
1
+ export { n as Guard, t as default } from "../chunks/guard-FbhNrJGh.js";
@@ -1 +1 @@
1
- export { n as LoginButton, t as default } from "../chunks/login-button-gUZbphp9.js";
1
+ export { n as LoginButton, t as default } from "../chunks/login-button-DCq4Gi3_.js";
@@ -1 +1 @@
1
- export { i as LoginModal, r as default } from "../chunks/auth-BgEyix2g.js";
1
+ export { i as LoginModal, r as default } from "../chunks/auth-Hp8M6TQf.js";
@@ -1 +1 @@
1
- export { n as LogoutButton, t as default } from "../chunks/logout-button-GWQMrdx4.js";
1
+ export { n as LogoutButton, t as default } from "../chunks/logout-button-D3dJrsV4.js";
@@ -1 +1 @@
1
- export { n as Provider, t as default } from "../chunks/provider-DLNWLlfX.js";
1
+ export { n as Provider, t as default } from "../chunks/provider-D9UgRI4G.js";
@@ -1 +1 @@
1
- export { n as SignupButton, t as default } from "../chunks/signup-button-i9d5eTUY.js";
1
+ export { n as SignupButton, t as default } from "../chunks/signup-button-BQ4AWem2.js";
@@ -1,24 +1,24 @@
1
- import "./chunks/auth-BgEyix2g.js";
1
+ import "./chunks/auth-Hp8M6TQf.js";
2
2
  import "./chunks/dialog-header-Dn6PQzFB.js";
3
3
  import "./chunks/button-lol95DqR.js";
4
4
  import "./chunks/dialog-DYgcCurb.js";
5
5
  import "./chunks/dialog-content-jx08y2Oa.js";
6
6
  import "./chunks/dialog-footer-Bhl8k1PX.js";
7
- import "./chunks/combobox-a0vVnPo8.js";
7
+ import "./chunks/combobox-Dmv-TZtI.js";
8
8
  import "./chunks/combobox-option-B-Hksiq2.js";
9
9
  import "./chunks/dialogs-root-Qiucjj9u.js";
10
- import "./chunks/provider-DLNWLlfX.js";
11
- import "./chunks/access-control-modal-C9ECFvn0.js";
10
+ import "./chunks/provider-D9UgRI4G.js";
11
+ import "./chunks/access-control-modal-eOv2-U27.js";
12
12
  import "./chunks/error-state-DK1x-kNd.js";
13
- import "./chunks/avatar-DiGyEwvL.js";
14
- import "./chunks/login-button-gUZbphp9.js";
15
- import "./chunks/logout-button-GWQMrdx4.js";
13
+ import "./chunks/avatar-D5rcw6gN.js";
14
+ import "./chunks/login-button-DCq4Gi3_.js";
15
+ import "./chunks/logout-button-D3dJrsV4.js";
16
16
  import "./chunks/menu-item-C2e0qj-v.js";
17
17
  import "./chunks/menu-RJklqKQE.js";
18
- import "./chunks/signup-button-i9d5eTUY.js";
19
- import "./chunks/account-BUnArMjm.js";
18
+ import "./chunks/signup-button-BQ4AWem2.js";
19
+ import "./chunks/account-DpmYJEd-.js";
20
20
  import "./components/dialog-provider.js";
21
- import "./chunks/guard-c6JOj8UM.js";
21
+ import "./chunks/guard-FbhNrJGh.js";
22
22
  import "./chunks/input-lpqx_k53.js";
23
23
  import "./chunks/photo-capture-modal-C7oESDQq.js";
24
24
  import "./chunks/photo-capture-DEMQNmzb.js";
package/dist/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { b as e } from "./chunks/index.esm-N8NHgFUj.js";
2
- import { a as t, c as n, n as r, o as i, s as a, t as o } from "./chunks/auth-BgEyix2g.js";
2
+ import { a as t, c as n, n as r, o as i, s as a, t as o } from "./chunks/auth-Hp8M6TQf.js";
3
3
  import { l as s, m as c, t as l } from "./chunks/style-ChFDDB1c.js";
4
- import { a as u, b as d, t as f } from "./chunks/widgets-CQOLuw3A.js";
5
- import { _ as p, a as m, c as h, d as g, f as _, g as v, h as y, i as b, l as x, m as S, n as C, o as w, p as T, r as E, s as D, t as O, u as k, v as A, y as j } from "./chunks/src-B9ABTiyW.js";
4
+ import { a as u, b as d, t as f } from "./chunks/widgets-CVLwnfkU.js";
5
+ import { _ as p, a as m, c as h, d as g, f as _, g as v, h as y, i as b, l as x, m as S, n as C, o as w, p as T, r as E, s as D, t as O, u as k, v as A, y as j } from "./chunks/src-DQMZZG1B.js";
6
6
  import { _ as M, a as N, g as P, h as F, m as I, n as L, o as R, t as z, v as B, y as V } from "./chunks/components-Bdqizu8x.js";
7
7
  import { n as H, t as U } from "./chunks/dialogs-B6TfxrPt.js";
8
8
  import { t as W } from "./chunks/show-dialog-eEW5yRBv.js";
@@ -1,2 +1,2 @@
1
- const e=require("./debug.cjs.js");var t=`https://solidos.github.io/solid-ui/src`,n=typeof module<`u`&&module.scriptURI?{iconBase:module.scriptURI.slice(0,module.scriptURI.lastIndexOf(`/`))+`/icons/`,originalIconBase:module.scriptURI.slice(0,module.scriptURI.lastIndexOf(`/`))+`/originalIcons/`}:typeof $SolidTestEnvironment<`u`&&$SolidTestEnvironment.iconBase?{iconBase:$SolidTestEnvironment.iconBase,originalIconBase:$SolidTestEnvironment.originalIconBase}:{iconBase:t+`/icons/`,originalIconBase:t+`/originalIcons/`};e.log(` icons.iconBase is set to : `+n.iconBase);var r=n.iconBase,i=n.originalIconBase;exports.iconBase=r,exports.icons=n,exports.originalIconBase=i;
1
+ const e=require("./debug.cjs.js");var t=`https://solidos.github.io/solid-ui/src`,n=typeof module<`u`&&module.scriptURI?{iconBase:module.scriptURI.slice(0,module.scriptURI.lastIndexOf(`/`))+`/icons/`,originalIconBase:module.scriptURI.slice(0,module.scriptURI.lastIndexOf(`/`))+`/originalIcons/`}:typeof $SolidTestEnvironment<`u`&&$SolidTestEnvironment.iconBase?{iconBase:$SolidTestEnvironment.iconBase,originalIconBase:$SolidTestEnvironment.originalIconBase}:{iconBase:t+`/icons/`,originalIconBase:t+`/originalIcons/`};e.log(` icons.iconBase is set to : `+n.iconBase);var r=n.iconBase;n.originalIconBase,exports.iconBase=r,exports.icons=n;
2
2
  //# sourceMappingURL=iconBase.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"iconBase.cjs.js","names":["log","require_debug","iconsOnGithub","icons","iconBase","originalIconBase"],"sources":["../../src/lib/iconBase.ts"],"sourcesContent":["// Works in FF extension - what about browserify??\n// 2021-04-08 Convert to TS\n\n/* The Firefox case is left for historical record, as we don't currenly\n * have a FF extension for mashlib, but we could. This is sthepoint to\n * hack the place it can find its icons internally\n *\n * The $SolidTestEnvironment is important and is used for\n * example when testing on localhost to specify a place the icons be found\n * in your test set up.\n *\n * You can also use it if you want to just run a mashlib whhich takes its\n * icons seved by other than github.\n */\n\nimport { log } from './debug'\n\ndeclare let $SolidTestEnvironment\n\n// Do not export. Always us this module to find the icons, as they vary\nconst iconsOnGithub = 'https://solidos.github.io/solid-ui/src' // changed org 2022-05\n\nexport const icons = typeof module !== 'undefined' && (module as any).scriptURI // Firefox extension\n ? {\n iconBase:\n (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) + '/icons/',\n originalIconBase:\n (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) +\n '/originalIcons/'\n }\n : typeof $SolidTestEnvironment !== 'undefined' && $SolidTestEnvironment.iconBase // Test environemnt\n ? {\n iconBase: $SolidTestEnvironment.iconBase,\n originalIconBase: $SolidTestEnvironment.originalIconBase\n }\n : {\n // Normal case:\n iconBase: iconsOnGithub + '/icons/',\n originalIconBase: iconsOnGithub + '/originalIcons/'\n }\n\nlog(' icons.iconBase is set to : ' + icons.iconBase)\n\n// allow tests etc named-import this directly from this module\nexport const iconBase = icons.iconBase\nexport const originalIconBase = icons.originalIconBase\n"],"mappings":"A,kCAoBA,IAAME,EAAgB,yCAETC,EAAQ,OAAO,OAAW,KAAgB,OAAe,UAClE,CACE,SACG,OAAe,UAAU,MAAM,EAAI,OAAe,UAAU,YAAY,GAAG,CAAC,EAAI,UACnF,iBACG,OAAe,UAAU,MAAM,EAAI,OAAe,UAAU,YAAY,GAAG,CAAC,EAC7E,iBACJ,EACA,OAAO,sBAA0B,KAAe,sBAAsB,SACpE,CACE,SAAU,sBAAsB,SAChC,iBAAkB,sBAAsB,gBAC1C,EACA,CAEE,SAAUD,EAAgB,UAC1B,iBAAkBA,EAAgB,iBACpC,EAENF,EAAAA,IAAI,iCAAmCG,EAAM,QAAQ,EAGrD,IAAaC,EAAWD,EAAM,SACjBE,EAAmBF,EAAM,iB"}
1
+ {"version":3,"file":"iconBase.cjs.js","names":["log","require_debug","iconsOnGithub","icons","iconBase"],"sources":["../../src/lib/iconBase.ts"],"sourcesContent":["// Works in FF extension - what about browserify??\n// 2021-04-08 Convert to TS\n\n/* The Firefox case is left for historical record, as we don't currenly\n * have a FF extension for mashlib, but we could. This is sthepoint to\n * hack the place it can find its icons internally\n *\n * The $SolidTestEnvironment is important and is used for\n * example when testing on localhost to specify a place the icons be found\n * in your test set up.\n *\n * You can also use it if you want to just run a mashlib whhich takes its\n * icons seved by other than github.\n */\n\nimport { log } from './debug'\n\ndeclare let $SolidTestEnvironment\n\n// Do not export. Always us this module to find the icons, as they vary\nconst iconsOnGithub = 'https://solidos.github.io/solid-ui/src' // changed org 2022-05\n\nexport const icons = typeof module !== 'undefined' && (module as any).scriptURI // Firefox extension\n ? {\n iconBase:\n (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) + '/icons/',\n originalIconBase:\n (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) +\n '/originalIcons/'\n }\n : typeof $SolidTestEnvironment !== 'undefined' && $SolidTestEnvironment.iconBase // Test environemnt\n ? {\n iconBase: $SolidTestEnvironment.iconBase,\n originalIconBase: $SolidTestEnvironment.originalIconBase\n }\n : {\n // Normal case:\n iconBase: iconsOnGithub + '/icons/',\n originalIconBase: iconsOnGithub + '/originalIcons/'\n }\n\nlog(' icons.iconBase is set to : ' + icons.iconBase)\n\n// allow tests etc named-import this directly from this module\nexport const iconBase = icons.iconBase\nexport const originalIconBase = icons.originalIconBase\n"],"mappings":"A,kCAoBA,IAAME,EAAgB,yCAETC,EAAQ,OAAO,OAAW,KAAgB,OAAe,UAClE,CACE,SACG,OAAe,UAAU,MAAM,EAAI,OAAe,UAAU,YAAY,GAAG,CAAC,EAAI,UACnF,iBACG,OAAe,UAAU,MAAM,EAAI,OAAe,UAAU,YAAY,GAAG,CAAC,EAC7E,iBACJ,EACA,OAAO,sBAA0B,KAAe,sBAAsB,SACpE,CACE,SAAU,sBAAsB,SAChC,iBAAkB,sBAAsB,gBAC1C,EACA,CAEE,SAAUD,EAAgB,UAC1B,iBAAkBA,EAAgB,iBACpC,EAENF,EAAAA,IAAI,iCAAmCG,EAAM,QAAQ,EAGrD,IAAaC,EAAWD,EAAM,SACEA,EAAM,iB"}
@@ -11,8 +11,9 @@ var t = "https://solidos.github.io/solid-ui/src", n = typeof module < "u" && mod
11
11
  originalIconBase: t + "/originalIcons/"
12
12
  };
13
13
  e(" icons.iconBase is set to : " + n.iconBase);
14
- var r = n.iconBase, i = n.originalIconBase;
14
+ var r = n.iconBase;
15
+ n.originalIconBase;
15
16
  //#endregion
16
- export { r as iconBase, n as icons, i as originalIconBase };
17
+ export { r as iconBase, n as icons };
17
18
 
18
19
  //# sourceMappingURL=iconBase.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"iconBase.esm.js","names":["iconsOnGithub","icons","log","iconBase","originalIconBase"],"sources":["../../src/lib/iconBase.ts"],"sourcesContent":["// Works in FF extension - what about browserify??\n// 2021-04-08 Convert to TS\n\n/* The Firefox case is left for historical record, as we don't currenly\n * have a FF extension for mashlib, but we could. This is sthepoint to\n * hack the place it can find its icons internally\n *\n * The $SolidTestEnvironment is important and is used for\n * example when testing on localhost to specify a place the icons be found\n * in your test set up.\n *\n * You can also use it if you want to just run a mashlib whhich takes its\n * icons seved by other than github.\n */\n\nimport { log } from './debug'\n\ndeclare let $SolidTestEnvironment\n\n// Do not export. Always us this module to find the icons, as they vary\nconst iconsOnGithub = 'https://solidos.github.io/solid-ui/src' // changed org 2022-05\n\nexport const icons = typeof module !== 'undefined' && (module as any).scriptURI // Firefox extension\n ? {\n iconBase:\n (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) + '/icons/',\n originalIconBase:\n (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) +\n '/originalIcons/'\n }\n : typeof $SolidTestEnvironment !== 'undefined' && $SolidTestEnvironment.iconBase // Test environemnt\n ? {\n iconBase: $SolidTestEnvironment.iconBase,\n originalIconBase: $SolidTestEnvironment.originalIconBase\n }\n : {\n // Normal case:\n iconBase: iconsOnGithub + '/icons/',\n originalIconBase: iconsOnGithub + '/originalIcons/'\n }\n\nlog(' icons.iconBase is set to : ' + icons.iconBase)\n\n// allow tests etc named-import this directly from this module\nexport const iconBase = icons.iconBase\nexport const originalIconBase = icons.originalIconBase\n"],"mappings":";;AAoBA,IAAMA,IAAgB,0CAETC,IAAQ,OAAO,SAAW,OAAgB,OAAe,YAClE;CACE,UACG,OAAe,UAAU,MAAM,GAAI,OAAe,UAAU,YAAY,GAAG,CAAC,IAAI;CACnF,kBACG,OAAe,UAAU,MAAM,GAAI,OAAe,UAAU,YAAY,GAAG,CAAC,IAC7E;AACJ,IACA,OAAO,wBAA0B,OAAe,sBAAsB,WACpE;CACE,UAAU,sBAAsB;CAChC,kBAAkB,sBAAsB;AAC1C,IACA;CAEE,UAAUD,IAAgB;CAC1B,kBAAkBA,IAAgB;AACpC;AAENE,EAAI,mCAAmCD,EAAM,QAAQ;AAGrD,IAAaE,IAAWF,EAAM,UACjBG,IAAmBH,EAAM"}
1
+ {"version":3,"file":"iconBase.esm.js","names":["iconsOnGithub","icons","log","iconBase"],"sources":["../../src/lib/iconBase.ts"],"sourcesContent":["// Works in FF extension - what about browserify??\n// 2021-04-08 Convert to TS\n\n/* The Firefox case is left for historical record, as we don't currenly\n * have a FF extension for mashlib, but we could. This is sthepoint to\n * hack the place it can find its icons internally\n *\n * The $SolidTestEnvironment is important and is used for\n * example when testing on localhost to specify a place the icons be found\n * in your test set up.\n *\n * You can also use it if you want to just run a mashlib whhich takes its\n * icons seved by other than github.\n */\n\nimport { log } from './debug'\n\ndeclare let $SolidTestEnvironment\n\n// Do not export. Always us this module to find the icons, as they vary\nconst iconsOnGithub = 'https://solidos.github.io/solid-ui/src' // changed org 2022-05\n\nexport const icons = typeof module !== 'undefined' && (module as any).scriptURI // Firefox extension\n ? {\n iconBase:\n (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) + '/icons/',\n originalIconBase:\n (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) +\n '/originalIcons/'\n }\n : typeof $SolidTestEnvironment !== 'undefined' && $SolidTestEnvironment.iconBase // Test environemnt\n ? {\n iconBase: $SolidTestEnvironment.iconBase,\n originalIconBase: $SolidTestEnvironment.originalIconBase\n }\n : {\n // Normal case:\n iconBase: iconsOnGithub + '/icons/',\n originalIconBase: iconsOnGithub + '/originalIcons/'\n }\n\nlog(' icons.iconBase is set to : ' + icons.iconBase)\n\n// allow tests etc named-import this directly from this module\nexport const iconBase = icons.iconBase\nexport const originalIconBase = icons.originalIconBase\n"],"mappings":";;AAoBA,IAAMA,IAAgB,0CAETC,IAAQ,OAAO,SAAW,OAAgB,OAAe,YAClE;CACE,UACG,OAAe,UAAU,MAAM,GAAI,OAAe,UAAU,YAAY,GAAG,CAAC,IAAI;CACnF,kBACG,OAAe,UAAU,MAAM,GAAI,OAAe,UAAU,YAAY,GAAG,CAAC,IAC7E;AACJ,IACA,OAAO,wBAA0B,OAAe,sBAAsB,WACpE;CACE,UAAU,sBAAsB;CAChC,kBAAkB,sBAAsB;AAC1C,IACA;CAEE,UAAUD,IAAgB;CAC1B,kBAAkBA,IAAgB;AACpC;AAENE,EAAI,mCAAmCD,EAAM,QAAQ;AAGrD,IAAaE,IAAWF,EAAM;AACEA,EAAM"}
package/dist/loader.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { b as e } from "./chunks/index.esm-N8NHgFUj.js";
2
- import { a as t, c as n, n as r, o as i, s as a, t as o } from "./chunks/auth-BgEyix2g.js";
2
+ import { a as t, c as n, n as r, o as i, s as a, t as o } from "./chunks/auth-Hp8M6TQf.js";
3
3
  import { l as s, m as c, t as l } from "./chunks/style-ChFDDB1c.js";
4
- import { a as u, b as d, t as f } from "./chunks/widgets-CQOLuw3A.js";
5
- import { _ as p, a as m, c as h, d as g, f as _, g as v, h as y, i as b, l as x, m as S, n as C, o as w, p as T, r as E, s as D, t as O, u as k, v as A, y as j } from "./chunks/src-B9ABTiyW.js";
4
+ import { a as u, b as d, t as f } from "./chunks/widgets-CVLwnfkU.js";
5
+ import { _ as p, a as m, c as h, d as g, f as _, g as v, h as y, i as b, l as x, m as S, n as C, o as w, p as T, r as E, s as D, t as O, u as k, v as A, y as j } from "./chunks/src-DQMZZG1B.js";
6
6
  import { _ as M, a as N, g as P, h as F, m as I, n as L, o as R, t as z, v as B, y as V } from "./chunks/components-Bdqizu8x.js";
7
7
  import { n as H, t as U } from "./chunks/dialogs-B6TfxrPt.js";
8
8
  import { t as W } from "./chunks/show-dialog-eEW5yRBv.js";