solid-ui 5.0.2-3 → 5.0.2-5

package/dist/chunks/{account-Cocvv0H3.js → account-DWmMJre6.js}

@@ -1,14 +1,13 @@
-import { a as e, o as t } from "./auth-Df5uYksz.js";
-import { c as n, i as r, o as i, p as a, u as o, y as s } from "./components-LxiwG5ae.js";
-import { t as c } from "./decorators-V-B013l9.js";
+import { b as e, c as t, g as n, i as r, o as i, p as a, u as o } from "./components-C8c2Ucm5.js";
+import { a as s, o as c } from "./auth-EK-iYNYZ.js";
+import "./avatar-BBgvMlqv.js";
+import "./button-D6qO2idW.js";
+import "./login-button-Dd0rwZJk.js";
+import "./logout-button-Da34Lrnq.js";
+import "./menu-item-nfPpH4dN.js";
+import "./menu-BNJU654v.js";
+import "./signup-button-DOInssOu.js";
 import "./chevron-down-CqUEolao.js";
-import "./button-Dy1aFjqG.js";
-import "./avatar-DeotTinS.js";
-import "./login-button-fo0P8vym.js";
-import "./logout-button-CF2YFgID.js";
-import "./menu-item-CVAZyipz.js";
-import "./menu-RumUciM-.js";
-import "./signup-button-DicFpAjD.js";
 // ~icons/lucide/log-in
 var l = class extends HTMLElement {
 	constructor() {
@@ -203,14 +202,14 @@ function I(e) {
 function L(e) {
 	return e;
 }
-y = [c("solid-ui-account")];
+y = [n("solid-ui-account")];
 var R;
-new (w = (h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), T = (b = r({ type: Array }), S = s({
-	context: t,
+new (w = (h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), T = (b = r({ type: Array }), S = e({
+	context: c,
 	subscribe: !0
 }), "menuItems"), m = class extends i {
-	constructor(...t) {
-		super(...t), E(this, h, (_(this), x(this, []))), E(this, g, C(this, e)), j(this, "unsubscribeSessionUpdated", void 0);
+	constructor(...e) {
+		super(...e), E(this, h, (_(this), x(this, []))), E(this, g, C(this, s)), j(this, "unsubscribeSessionUpdated", void 0);
 	}
 	get [T]() {
 		return k(h, this);
@@ -239,7 +238,7 @@ new (w = (h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), T =
             </button>
 
             ${this.menuItems.map((e) => o`
-                <solid-ui-menu-item .href=${e.href ?? n} ?selected=${e.selected} @solid-ui-select=${() => e.onSelected?.()}>
+                <solid-ui-menu-item .href=${e.href ?? t} ?selected=${e.selected} @solid-ui-select=${() => e.onSelected?.()}>
                     ${e.label}
                 </solid-ui-menu-item>
             `)}
@@ -287,4 +286,4 @@ new (w = (h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), T =
 var z = R;
 export { R as n, z as t };
 
-//# sourceMappingURL=account-Cocvv0H3.js.map
+//# sourceMappingURL=account-DWmMJre6.js.map

package/dist/chunks/{account-Cocvv0H3.js.map → account-DWmMJre6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"account-Cocvv0H3.js","names":["consume","html","nothing","property","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_B","_ref","_menuItemsDecs","type","Array","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_init_auth","_defineProperty","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","auth","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","map","menuItem","href","selected","onSelected","label","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default","property","consume","nothing","styles","Account","Account","DEFAULT_AUTH_CONTEXT","authContext","A","n","WebComponent","i","b","c","customElement","iconlucidelogin","iconlucidelogout","iconlucideuser","Account_styles_default","_Class","_Account3","_A","_B","_initProto","_initClass","_classDecs","_menuItemsDecs","_init_menuItems","_authDecs","_init_auth","_Account2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","o","applyDec","m","h","y","v","g","u","w","S","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","_Account","args","menuItem","component","account_default"],"sources":["../../src/components/account/Account.styles.css","../../src/components/account/Account.ts","../../src/components/account/index.ts"],"sourcesContent":[":host {\n    --image-size: 1.875rem; /* 30px */\n\n    display: inline-flex;\n    flex-direction: row;\n    gap: 10px;\n}\n\n:host([data-state-initializing]) {\n    icon-svg-spinners-180-ring {\n        width: var(--image-size);\n        height: var(--image-size);\n    }\n}\n\n:host([data-state-loggedIn]) {\n    --padding: 4px;\n    --border-width: 1px;\n\n    button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        background-color: var(--solid-ui-color-body-grey);\n        padding: var(--padding);\n        border-radius: calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);\n        color: var(--solid-ui-color-white);\n\n        solid-ui-avatar {\n            width: var(--image-size);\n            height: var(--image-size);\n            border: var(--border-width) solid var(--solid-ui-color-white);\n            border-radius: 50%;\n        }\n\n        icon-lucide-chevron-down {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n","import { consume } from '@lit/context'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Account.styles.css'\n\nexport interface AccountMenuItem {\n  label: string | TemplateResult\n  href?: string\n  selected?: boolean\n  onSelected?(): void\n}\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    initializing: (component: Account) => !component.auth.initialized,\n    loggedIn: (component: Account) => !!component.auth.account,\n  }\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            ${this.menuItems.map(menuItem => html`\n                <solid-ui-menu-item .href=${menuItem.href ?? nothing} ?selected=${menuItem.selected} @solid-ui-select=${() => menuItem.onSelected?.()}>\n                    ${menuItem.label}\n                </solid-ui-menu-item>\n            `)}\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n","import Account, { type AccountMenuItem } from './Account'\n\nexport { Account, type AccountMenuItem }\nexport default Account\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACmByCS,IAAA,CASxCL,EAAc,kBAAkB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,KAAAC,IAQ/Bb,EAAS,EAAEc,MAAMC,MAAM,CAAC,GAACC,IAGzBnB,EAAQ;CAAEoB,SAASd;CAAae,WAAW;AAAK,CAAC,GAAC,cAAAC,IAXrD,cACqCjB,EAAa;CAAAmB,YAAA,GAAAC,GAAA;EAWSK,AAXT,MAAA,GAAAL,CAAA,GAAAC,EAAA,MAAAd,IAAAe,EAAA,IAAA,GAAAC,EAAA,MAQR,CAAA,CAAE,EAAA,GAAAF,EAAA,MAAAZ,GAAAe,EAAA,MAGLtB,CAAoB,CAAA,GAAAuB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAf,KAAA;EAAA,OAAAgB,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAHhDoB,UAASC,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAGDE,OAAI;EAAA,OAAAJ,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAAJqB,KAAIF,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAIrBG,oBAAqB;EAGnB,AAFA,MAAMA,kBAAkB,GAExB,KAAKC,4BAA4B,KAAKF,KAAKG,uBAAuB,KAAKC,cAAc,CAAC;CACxF;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAwBlB,OAvBK,KAAKN,KAAKO,cAMV,KAAKP,KAAKQ,UAiBR1C,CAAI;;;;;;;cAOD,KAAK+B,UAAUY,KAAIC,MAAY5C,CAAI;4CACL4C,EAASC,QAAQ5C,EAAO,aAAc2C,EAASE,SAAQ,0BAA2BF,EAASG,aAAa,EAAC;sBAC/HH,EAASI,MAAK;;aAEvB,EAAC;;;;;;;;QA3BDhD,CAAI;;;;;;;;;;;;;UANJA,CAAI;;;CA0Cf;AACF,GAAC,CAAAiD,GAAA,CAAAtB,GAAAC,GAAAF,IAAAwB,GAAA,CAAAzC,GAAA0C,MAAAC,EAAA/B,GAAA,CAAA;CAAAN;CAAA;CAAA;AAAA,GAAA;CAAAG;CAAA;CAAA;AAAA,CAAA,GAAAV,GAAA,GAAA,KAAA,GAxEoCJ,CAAY,GAAAiB,IAAAgC,IAAA,cAAAC,EAAA;CAAA/B,cAAA;EAAA,MAAAd,CAAA,GAAAoB,EAAA,MAAA,UAC/BtB,CAAM,GAAAsB,EAAA,MAAA,UACN;GACd0B,eAAeC,MAAuB,CAACA,EAAUtB,KAAKO;GACtDgB,WAAWD,MAAuB,CAAC,CAACA,EAAUtB,KAAKQ;EACrD,CAAC,GAAAS,EAAA;CAAA;AAAA,GAAAtB,EAAAwB,GAAA3C,GAAA,KAAA,CAAA,GAAA2C,GAAA;;AC/BH,IAAA+E,IAAerE"}
+{"version":3,"file":"account-DWmMJre6.js","names":["consume","html","nothing","property","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_B","_ref","_menuItemsDecs","type","Array","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_init_auth","_defineProperty","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","auth","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","map","menuItem","href","selected","onSelected","label","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default","property","consume","nothing","styles","Account","Account","c","A","customElement","n","WebComponent","i","b","DEFAULT_AUTH_CONTEXT","authContext","iconlucidelogin","iconlucidelogout","iconlucideuser","Account_styles_default","_Class","_Account3","_A","_B","_initProto","_initClass","_classDecs","_menuItemsDecs","_init_menuItems","_authDecs","_init_auth","_Account2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","o","applyDec","m","h","y","v","g","u","w","S","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","_Account","args","menuItem","component","account_default"],"sources":["../../src/components/account/Account.styles.css","../../src/components/account/Account.ts","../../src/components/account/index.ts"],"sourcesContent":[":host {\n    --image-size: 1.875rem; /* 30px */\n\n    display: inline-flex;\n    flex-direction: row;\n    gap: 10px;\n}\n\n:host([data-state-initializing]) {\n    icon-svg-spinners-180-ring {\n        width: var(--image-size);\n        height: var(--image-size);\n    }\n}\n\n:host([data-state-loggedIn]) {\n    --padding: 4px;\n    --border-width: 1px;\n\n    button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        background-color: var(--solid-ui-color-body-grey);\n        padding: var(--padding);\n        border-radius: calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);\n        color: var(--solid-ui-color-white);\n\n        solid-ui-avatar {\n            width: var(--image-size);\n            height: var(--image-size);\n            border: var(--border-width) solid var(--solid-ui-color-white);\n            border-radius: 50%;\n        }\n\n        icon-lucide-chevron-down {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n","import { consume } from '@lit/context'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Account.styles.css'\n\nexport interface AccountMenuItem {\n  label: string | TemplateResult\n  href?: string\n  selected?: boolean\n  onSelected?(): void\n}\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    initializing: (component: Account) => !component.auth.initialized,\n    loggedIn: (component: Account) => !!component.auth.account,\n  }\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            ${this.menuItems.map(menuItem => html`\n                <solid-ui-menu-item .href=${menuItem.href ?? nothing} ?selected=${menuItem.selected} @solid-ui-select=${() => menuItem.onSelected?.()}>\n                    ${menuItem.label}\n                </solid-ui-menu-item>\n            `)}\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n","import Account, { type AccountMenuItem } from './Account'\n\nexport { Account, type AccountMenuItem }\nexport default Account\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACmByCS,IAAA,CASxCL,EAAc,kBAAkB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,KAAAC,IAQ/Bb,EAAS,EAAEc,MAAMC,MAAM,CAAC,GAACC,IAGzBnB,EAAQ;CAAEoB,SAASd;CAAae,WAAW;AAAK,CAAC,GAAC,cAAAC,IAXrD,cACqCjB,EAAa;CAAAmB,YAAA,GAAAC,GAAA;EAWSK,AAXT,MAAA,GAAAL,CAAA,GAAAC,EAAA,MAAAd,IAAAe,EAAA,IAAA,GAAAC,EAAA,MAQR,CAAA,CAAE,EAAA,GAAAF,EAAA,MAAAZ,GAAAe,EAAA,MAGLtB,CAAoB,CAAA,GAAAuB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAf,KAAA;EAAA,OAAAgB,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAHhDoB,UAASC,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAGDE,OAAI;EAAA,OAAAJ,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAAJqB,KAAIF,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAIrBG,oBAAqB;EAGnB,AAFA,MAAMA,kBAAkB,GAExB,KAAKC,4BAA4B,KAAKF,KAAKG,uBAAuB,KAAKC,cAAc,CAAC;CACxF;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAwBlB,OAvBK,KAAKN,KAAKO,cAMV,KAAKP,KAAKQ,UAiBR1C,CAAI;;;;;;;cAOD,KAAK+B,UAAUY,KAAIC,MAAY5C,CAAI;4CACL4C,EAASC,QAAQ5C,EAAO,aAAc2C,EAASE,SAAQ,0BAA2BF,EAASG,aAAa,EAAC;sBAC/HH,EAASI,MAAK;;aAEvB,EAAC;;;;;;;;QA3BDhD,CAAI;;;;;;;;;;;;;UANJA,CAAI;;;CA0Cf;AACF,GAAC,CAAAiD,GAAA,CAAAtB,GAAAC,GAAAF,IAAAwB,GAAA,CAAAzC,GAAA0C,MAAAC,EAAA/B,GAAA,CAAA;CAAAN;CAAA;CAAA;AAAA,GAAA;CAAAG;CAAA;CAAA;AAAA,CAAA,GAAAV,GAAA,GAAA,KAAA,GAxEoCJ,CAAY,GAAAiB,IAAAgC,IAAA,cAAAC,EAAA;CAAA/B,cAAA;EAAA,MAAAd,CAAA,GAAAoB,EAAA,MAAA,UAC/BtB,CAAM,GAAAsB,EAAA,MAAA,UACN;GACd0B,eAAeC,MAAuB,CAACA,EAAUtB,KAAKO;GACtDgB,WAAWD,MAAuB,CAAC,CAACA,EAAUtB,KAAKQ;EACrD,CAAC,GAAAS,EAAA;CAAA;AAAA,GAAAtB,EAAAwB,GAAA3C,GAAA,KAAA,CAAA,GAAA2C,GAAA;;AC/BH,IAAA+E,IAAerE"}

package/dist/chunks/{auth-Df5uYksz.js → auth-EK-iYNYZ.js}

@@ -1,16 +1,15 @@
-import { t as e, v as t, y as n } from "./solidLogicSingleton.esm-BXyHD7mn.js";
-import { n as r, t as i } from "./index.esm-C9oV3H3X.js";
-import { b as a, c as o, i as s, o as c, p as l, r as u, u as d, y as f } from "./components-LxiwG5ae.js";
-import { t as p } from "./decorators-V-B013l9.js";
+import { b as e, c as t, g as n, i as r, o as i, p as a, r as o, u as s, x as c } from "./components-C8c2Ucm5.js";
+import { t as l, v as u, y as d } from "./solidLogicSingleton.esm-Bvt7E7Vl.js";
+import { n as f, t as p } from "./index.esm-BQrkxchZ.js";
 import { t as m } from "./query-DjAOg-tk.js";
-import { t as h } from "./dialogs-B3tHtjMf.js";
+import { t as h } from "./dialogs-BmtLjMzg.js";
 import "./chevron-down-CqUEolao.js";
-import "./button-Dy1aFjqG.js";
-import "./dialog-CrmftB9c.js";
-import "./dialog-content-Cw3xqJ45.js";
-import "./dialog-footer-sFQf-2zD.js";
-import "./combobox-BL0-8wef.js";
-import "./combobox-option-DjlmXt1O.js";
+import "./dialog-CgYK767T.js";
+import "./dialog-content-DjwRH1ci.js";
+import "./dialog-footer-GQWi8lfB.js";
+import "./button-D6qO2idW.js";
+import "./combobox-DS6byaf1.js";
+import "./combobox-option-DOtGuKel.js";
 // node_modules/solid-logic/dist/issuer/issuerLogic.esm.js
 var g = [
 	{
@@ -59,7 +58,7 @@ var v = class {
 	onSessionUpdated() {
 		return () => void 0;
 	}
-}, b = new y(), x = a(Symbol("auth")), S = l`.error-message{color:var(--solid-ui-color-error);font-size:var(--solid-ui-font-size-sm);text-align:center;width:100%;font-weight:500}solid-ui-combobox{width:100%}solid-ui-button{flex:1}`, C, w, T, E, D, O, k, A, j, ee, M, N, P, F, I, L, R, z, B, V, H, U, W, G, K;
+}, b = new y(), x = c(Symbol("auth")), S = a`.error-message{color:var(--solid-ui-color-error);font-size:var(--solid-ui-font-size-sm);text-align:center;width:100%;font-weight:500}solid-ui-combobox{width:100%}solid-ui-button{flex:1}`, C, w, T, E, D, O, k, A, j, ee, M, N, P, F, I, L, R, z, B, V, H, U, W, G, K;
 function q(e, t, n) {
 	te(e, t), t.set(e, n);
 }
@@ -231,15 +230,15 @@ function ae(e) {
 function oe(e) {
 	return e;
 }
-M = [p("solid-ui-login-modal")];
+M = [n("solid-ui-login-modal")];
 var $;
-new (G = (T = /*#__PURE__*/ new WeakMap(), E = /*#__PURE__*/ new WeakMap(), D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k = /*#__PURE__*/ new WeakMap(), A = /*#__PURE__*/ new WeakMap(), K = (N = s({
+new (G = (T = /*#__PURE__*/ new WeakMap(), E = /*#__PURE__*/ new WeakMap(), D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k = /*#__PURE__*/ new WeakMap(), A = /*#__PURE__*/ new WeakMap(), K = (N = r({
 	type: String,
 	reflect: !0
-}), F = u(), L = u(), z = u(), V = f({
+}), F = o(), L = o(), z = o(), V = e({
 	context: x,
 	subscribe: !0
-}), U = m("solid-ui-dialog"), "issuerUrl"), w = class extends c {
+}), U = m("solid-ui-dialog"), "issuerUrl"), w = class extends i {
 	constructor(...e) {
 		super(...e), q(this, T, (j(this), P(this, ""))), q(this, E, I(this, "")), q(this, D, R(this, !1)), q(this, O, B(this, !1)), q(this, k, H(this, b)), q(this, A, W(this, null));
 	}
@@ -284,15 +283,15 @@ new (G = (T = /*#__PURE__*/ new WeakMap(), E = /*#__PURE__*/ new WeakMap(), D =
 	}
 	render() {
 		let e = _();
-		return d`
+		return s`
         <solid-ui-dialog title="Select an identity provider">
             <form @submit=${this.onSubmit}>
                 <solid-ui-dialog-content>
                     <solid-ui-combobox label="Solid Identity Provider" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>
-                        ${e.map((e) => d`<solid-ui-combobox-option value="${e.uri}">${e.name}</solid-ui-combobox-option>`)}
+                        ${e.map((e) => s`<solid-ui-combobox-option value="${e.uri}">${e.name}</solid-ui-combobox-option>`)}
                     </solid-ui-combobox>
 
-                    ${this.failed ? d`<p class="error-message">Something went wrong</p>` : o}
+                    ${this.failed ? s`<p class="error-message">Something went wrong</p>` : t}
                 </solid-ui-dialog-content>
 
                 <solid-ui-dialog-footer>
@@ -360,16 +359,16 @@ new (G = (T = /*#__PURE__*/ new WeakMap(), E = /*#__PURE__*/ new WeakMap(), D =
 		1,
 		"dialog"
 	]
-], M, 0, void 0, c), w), C = class extends oe {
+], M, 0, void 0, i), w), C = class extends oe {
 	constructor() {
 		super($), Z(this, "styles", S), ee();
 	}
 }, Z(C, G, void 0), C)();
 // src/components/login-modal/index.ts
 var se = $, ce = "https://solidproject.org/get_a_pod";
-function le(t) {
-	let r = e.store, i = r.sym(t), a = r.any(i, n.sioc("avatar")) || r.any(i, n.foaf("img")) || r.any(i, n.vcard("logo")) || r.any(i, n.vcard("hasPhoto")) || r.any(i, n.vcard("photo")) || r.any(i, n.foaf("depiction"));
-	return a ? a.value : void 0;
+function le(e) {
+	let t = l.store, n = t.sym(e), r = t.any(n, d.sioc("avatar")) || t.any(n, d.foaf("img")) || t.any(n, d.vcard("logo")) || t.any(n, d.vcard("hasPhoto")) || t.any(n, d.vcard("photo")) || t.any(n, d.foaf("depiction"));
+	return r ? r.value : void 0;
 }
 var ue = class {
 	_initialized = !1;
@@ -379,48 +378,48 @@ var ue = class {
 		this.signupUrl = e;
 	}
 	async initialize() {
-		r.events.on("sessionRestore", () => {
-			e.store.updater.flagAuthorizationMetadata();
-		}), t(r.events, () => {
-			r.info?.isLoggedIn && window.location.reload();
-		}), await i.checkUser(), this._initialized = !0, this.listeners.forEach((e) => e());
+		f.events.on("sessionRestore", () => {
+			l.store.updater.flagAuthorizationMetadata();
+		}), u(f.events, () => {
+			f.info?.isLoggedIn && window.location.reload();
+		}), await p.checkUser(), this._initialized = !0, this.listeners.forEach((e) => e());
 	}
 	async loadProfile() {
-		!this.profileLoaded && this.account && (this.profileLoaded = !0, await e.profile.loadMe(), this.listeners.forEach((e) => e()));
+		!this.profileLoaded && this.account && (this.profileLoaded = !0, await l.profile.loadMe(), this.listeners.forEach((e) => e()));
 	}
 	get initialized() {
 		return this._initialized;
 	}
 	get account() {
-		let e = r.webId ?? r.info?.webId;
-		return !(r.isActive ?? r.info?.isLoggedIn ?? !!e) || !e ? null : new v(e, le(e));
+		let e = f.webId ?? f.info?.webId;
+		return !(f.isActive ?? f.info?.isLoggedIn ?? !!e) || !e ? null : new v(e, le(e));
 	}
-	async login(t) {
-		if (!t) {
+	async login(e) {
+		if (!e) {
 			h(se);
 			return;
 		}
-		e.store.updater.flagAuthorizationMetadata();
-		let n = new URL(window.location.href).hash;
-		n && window.localStorage.setItem("preLoginRedirectHash", n), window.localStorage.setItem("loginIssuer", t);
-		let i = new URL(window.location.href);
-		i.hash = "", await r.login(t, i.href);
+		l.store.updater.flagAuthorizationMetadata();
+		let t = new URL(window.location.href).hash;
+		t && window.localStorage.setItem("preLoginRedirectHash", t), window.localStorage.setItem("loginIssuer", e);
+		let n = new URL(window.location.href);
+		n.hash = "", await f.login(e, n.href);
 	}
 	async signup() {
 		window.open(this.signupUrl, "_blank", "noopener,noreferrer");
 	}
 	async logout() {
-		await r.logout();
+		await f.logout();
 	}
 	onSessionUpdated(e) {
-		let t = r, n = () => {
+		let t = f, n = () => {
 			e();
 		};
-		return this.listeners.push(n), typeof t.addEventListener == "function" ? t.addEventListener("sessionStateChange", n) : (r.events.on("login", n), r.events.on("logout", n), r.events.on("sessionRestore", n)), () => {
-			this.listeners = this.listeners.filter((e) => e !== n), typeof t.removeEventListener == "function" ? t.removeEventListener("sessionStateChange", n) : (r.events.off("login", n), r.events.off("logout", n), r.events.off("sessionRestore", n));
+		return this.listeners.push(n), typeof t.addEventListener == "function" ? t.addEventListener("sessionStateChange", n) : (f.events.on("login", n), f.events.on("logout", n), f.events.on("sessionRestore", n)), () => {
+			this.listeners = this.listeners.filter((e) => e !== n), typeof t.removeEventListener == "function" ? t.removeEventListener("sessionStateChange", n) : (f.events.off("login", n), f.events.off("logout", n), f.events.off("sessionRestore", n));
 		};
 	}
 };
 export { b as a, v as c, $ as i, _ as l, ue as n, x as o, se as r, y as s, ce as t };
 
-//# sourceMappingURL=auth-Df5uYksz.js.map
+//# sourceMappingURL=auth-EK-iYNYZ.js.map

package/dist/chunks/{auth-Df5uYksz.js.map → auth-EK-iYNYZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"auth-Df5uYksz.js","names":["Account","webId","avatarUrl","constructor","NoopAuth","initialized","account","login","Error","signup","logout","onSessionUpdated","undefined","createContext","NoopAuth","DEFAULT_AUTH_CONTEXT","authContext","Symbol","createContext","customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","uri","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","property","state","consume","query","getSuggestedIssuers","nothing","styles","LoginModal","LoginModal","Account","ns","authn","authSession","reloadOnIdentityReplaced","solidLogicSingleton","showDialog","LoginModal","DEFAULT_SIGNUP_URL","findAccountImage","webId","store","me","sym","image","any","sioc","foaf","vcard","value","undefined","SolidAuth","_initialized","profileLoaded","listeners","constructor","signupUrl","initialize","events","on","updater","flagAuthorizationMetadata","info","isLoggedIn","window","location","reload","checkUser","forEach","listener","loadProfile","account","profile","loadMe","initialized","isActive","Boolean","avatarUrl","login","loginUrl","preLoginRedirectHash","URL","href","hash","localStorage","setItem","locationUrl","signup","open","logout","onSessionUpdated","callback","sessionEventTarget","push","addEventListener","filter","_listener","removeEventListener","off","solidLogicSingleton","ns","authSession","authn","LoginModal","c","C","ns_default","O","D","n","A","n$1","WebComponent","i","b","c$1","customElement","e$1","showDialog","e","t","r","Account","webId","avatarUrl","NoopAuth","DEFAULT_AUTH_CONTEXT","authContext","LoginModal_styles_default","_Class","_LoginModal3","_A","_B","_C","_D","_E","_F","_initProto","_initClass","_classDecs","_issuerUrlDecs","_init_issuerUrl","_issuerInputValueDecs","_init_issuerInputValue","_failedDecs","_init_failed","_submittingDecs","_init_submitting","_authDecs","_init_auth","_dialogDecs","_init_dialog","_LoginModal2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","_classPrivateFieldGet","_defineProperty","_toPropertyKey","_applyDecs","o","applyDec","m","h","y","v","g","u","w","S","d","p","_setFunctionName","P","j","I","F","l","f","N","_checkInRHS","_toPrimitive","_identity","_LoginModal","args","suggestedIssuers","issuer","error","login_modal_default","DEFAULT_SIGNUP_URL","findAccountImage","store","me","image","SolidAuth","signupUrl","listener","loginUrl","preLoginRedirectHash","locationUrl","sessionEventTarget","_listener"],"sources":["../../node_modules/solid-logic/dist/issuer/issuerLogic.esm.js","../../src/lib/auth/Account.ts","../../src/lib/auth/NoopAuth.ts","../../src/lib/auth/context.ts","../../src/components/login-modal/LoginModal.styles.css","../../src/components/login-modal/LoginModal.ts","../../src/components/login-modal/index.ts","../../src/lib/auth/SolidAuth.ts"],"sourcesContent":["//#region src/issuer/issuerLogic.ts\nvar e = [\n\t{\n\t\tname: \"Solid Community\",\n\t\turi: \"https://solidcommunity.net\"\n\t},\n\t{\n\t\tname: \"Solid Web\",\n\t\turi: \"https://solidweb.org\"\n\t},\n\t{\n\t\tname: \"Solid Web ME\",\n\t\turi: \"https://solidweb.me\"\n\t},\n\t{\n\t\tname: \"Inrupt.com\",\n\t\turi: \"https://login.inrupt.com\"\n\t}\n];\nfunction t() {\n\tlet t = [...e], { host: n, origin: r } = new URL(location.href);\n\treturn t.map(({ uri: e }) => new URL(e).host).includes(n) || t.unshift({\n\t\tname: n,\n\t\turi: r\n\t}), t;\n}\n//#endregion\nexport { t as getSuggestedIssuers };\n\n//# sourceMappingURL=issuerLogic.esm.js.map","export default class Account {\n  public readonly webId: string\n  public readonly avatarUrl?: string\n\n  constructor (webId: string, avatarUrl?: string) {\n    this.webId = webId\n    this.avatarUrl = avatarUrl\n  }\n}\n","import { AuthContext } from './context'\n\nexport default class NoopAuth implements AuthContext {\n  public readonly initialized = false\n  public readonly account = null\n\n  async login () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async signup () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async logout () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  onSessionUpdated () {\n    return () => undefined\n  }\n}\n","import { createContext } from '@lit/context'\nimport NoopAuth from './NoopAuth'\nimport Account from './Account'\n\nexport interface AuthContext {\n  initialized: boolean;\n  account: Account | null;\n  login(loginUrl?: string): Promise<void>;\n  loadProfile?(): Promise<void>;\n  signup(): Promise<void>;\n  logout(): Promise<void>;\n  onSessionUpdated(callback: () => unknown): () => void;\n}\n\nexport const DEFAULT_AUTH_CONTEXT = new NoopAuth()\nexport const authContext = createContext<AuthContext>(Symbol('auth'))\n",".error-message {\n    color: var(--solid-ui-color-error);\n    font-size: var(--solid-ui-font-size-sm);\n    font-weight: 500;\n    text-align: center;\n    width: 100%;\n}\n\nsolid-ui-combobox {\n    width: 100%;\n}\n\nsolid-ui-button {\n    flex: 1;\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue =\n      (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) ||\n      this.issuerUrl ||\n      getSuggestedIssuers()[0]?.uri ||\n      ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = String((e.target as Combobox).value)\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n","import LoginModal from './LoginModal'\n\nexport { LoginModal }\nexport default LoginModal\n","import Account from '@/lib/auth/Account'\nimport ns from '@/lib/ns'\nimport { authn, authSession, reloadOnIdentityReplaced, solidLogicSingleton } from 'solid-logic'\nimport { AuthContext } from '@/lib/auth'\nimport { showDialog } from '@/lib/dialogs'\n\nimport LoginModal from '@/components/login-modal'\n\nexport const DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\n\nfunction findAccountImage (webId: string): string | undefined {\n  const store = solidLogicSingleton.store\n  const me = store.sym(webId)\n  const image =\n    store.any(me, ns.sioc('avatar')) ||\n    store.any(me, ns.foaf('img')) ||\n    store.any(me, ns.vcard('logo')) ||\n    store.any(me, ns.vcard('hasPhoto')) ||\n    store.any(me, ns.vcard('photo')) ||\n    store.any(me, ns.foaf('depiction'))\n\n  return image ? (image as any).value : undefined\n}\n\nexport default class SolidAuth implements AuthContext {\n  private _initialized = false\n  private profileLoaded = false\n  private listeners: (() => unknown)[] = []\n\n  constructor (public signupUrl: string = DEFAULT_SIGNUP_URL) {}\n\n  async initialize () {\n    authSession.events.on('sessionRestore', () => {\n      ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n    })\n\n    // An identity that was actively established was replaced while the session\n    // stayed active (A -> B, e.g. from another tab): everything fetched under\n    // the previous identity is stale, so the app reloads. A logout is not a\n    // reload case here — the derived info already reports logged out and the\n    // logout path runs its own cleanup and navigation.\n    reloadOnIdentityReplaced(authSession.events, () => {\n      if (authSession.info?.isLoggedIn) window.location.reload()\n    })\n\n    await authn.checkUser()\n\n    this._initialized = true\n    this.listeners.forEach(listener => listener())\n  }\n\n  async loadProfile () {\n    if (this.profileLoaded || !this.account) {\n      return\n    }\n\n    this.profileLoaded = true\n\n    await solidLogicSingleton.profile.loadMe()\n\n    this.listeners.forEach(listener => listener())\n  }\n\n  get initialized (): boolean {\n    return this._initialized\n  }\n\n  get account (): Account | null {\n    const webId: string | undefined = authSession.webId ?? authSession.info?.webId\n    const isActive: boolean = authSession.isActive ?? authSession.info?.isLoggedIn ?? Boolean(webId)\n\n    if (!isActive || !webId) {\n      return null\n    }\n\n    const avatarUrl = findAccountImage(webId)\n\n    return new Account(webId, avatarUrl)\n  }\n\n  async login (loginUrl?: string) {\n    if (!loginUrl) {\n      showDialog(LoginModal)\n\n      return\n    }\n\n    // clear authorization metadata from store\n    ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n    const preLoginRedirectHash = new URL(window.location.href).hash\n    if (preLoginRedirectHash) {\n      window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n    }\n    window.localStorage.setItem('loginIssuer', loginUrl)\n\n    const locationUrl = new URL(window.location.href)\n\n    locationUrl.hash = ''\n\n    await authSession.login(loginUrl, locationUrl.href)\n  }\n\n  async signup () {\n    window.open(this.signupUrl, '_blank', 'noopener,noreferrer')\n  }\n\n  async logout () {\n    await authSession.logout()\n  }\n\n  onSessionUpdated (callback: () => unknown) {\n    const sessionEventTarget = authSession as unknown as EventTarget\n    const listener = () => {\n      callback()\n    }\n\n    this.listeners.push(listener)\n\n    if (typeof sessionEventTarget.addEventListener === 'function') {\n      sessionEventTarget.addEventListener('sessionStateChange', listener)\n    } else {\n      authSession.events.on('login', listener)\n      authSession.events.on('logout', listener)\n      authSession.events.on('sessionRestore', listener)\n    }\n\n    return () => {\n      this.listeners = this.listeners.filter(_listener => _listener !== listener)\n\n      if (typeof sessionEventTarget.removeEventListener === 'function') {\n        sessionEventTarget.removeEventListener('sessionStateChange', listener)\n      } else {\n        authSession.events.off('login', listener)\n        authSession.events.off('logout', listener)\n        authSession.events.off('sessionRestore', listener)\n      }\n    }\n  }\n}\n"],"ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"auth-EK-iYNYZ.js","names":["Account","webId","avatarUrl","constructor","NoopAuth","initialized","account","login","Error","signup","logout","onSessionUpdated","undefined","createContext","NoopAuth","DEFAULT_AUTH_CONTEXT","authContext","Symbol","createContext","customElement","WebComponent","html","nothing","consume","property","query","state","authContext","DEFAULT_AUTH_CONTEXT","getSuggestedIssuers","styles","_classDecs","_LoginModal","_LoginModal2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_issuerUrlDecs","type","String","reflect","_issuerInputValueDecs","_failedDecs","_submittingDecs","_authDecs","context","subscribe","_dialogDecs","_LoginModal3","LoginModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_issuerUrl","_init_issuerInputValue","_init_failed","_init_submitting","_init_auth","_init_dialog","_classPrivateFieldGet","issuerUrl","v","_classPrivateFieldSet","issuerInputValue","failed","submitting","auth","dialog","connectedCallback","localStorage","getItem","uri","render","suggestedIssuers","onSubmit","onIssuerInputChange","map","issuer","name","close","e","target","value","preventDefault","login","error","console","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","property","state","consume","query","getSuggestedIssuers","nothing","styles","LoginModal","LoginModal","Account","ns","authn","authSession","reloadOnIdentityReplaced","solidLogicSingleton","showDialog","LoginModal","DEFAULT_SIGNUP_URL","findAccountImage","webId","store","me","sym","image","any","sioc","foaf","vcard","value","undefined","SolidAuth","_initialized","profileLoaded","listeners","constructor","signupUrl","initialize","events","on","updater","flagAuthorizationMetadata","info","isLoggedIn","window","location","reload","checkUser","forEach","listener","loadProfile","account","profile","loadMe","initialized","isActive","Boolean","avatarUrl","login","loginUrl","preLoginRedirectHash","URL","href","hash","localStorage","setItem","locationUrl","signup","open","logout","onSessionUpdated","callback","sessionEventTarget","push","addEventListener","filter","_listener","removeEventListener","off","solidLogicSingleton","ns","authSession","authn","LoginModal","c","A","customElement","n$1","WebComponent","i","b","n","c$1","C","ns_default","O","D","e$1","showDialog","e","t","r","Account","webId","avatarUrl","NoopAuth","DEFAULT_AUTH_CONTEXT","authContext","LoginModal_styles_default","_Class","_LoginModal3","_A","_B","_C","_D","_E","_F","_initProto","_initClass","_classDecs","_issuerUrlDecs","_init_issuerUrl","_issuerInputValueDecs","_init_issuerInputValue","_failedDecs","_init_failed","_submittingDecs","_init_submitting","_authDecs","_init_auth","_dialogDecs","_init_dialog","_LoginModal2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","_classPrivateFieldGet","_defineProperty","_toPropertyKey","_applyDecs","o","applyDec","m","h","y","v","g","u","w","S","d","p","_setFunctionName","P","j","I","F","l","f","N","_checkInRHS","_toPrimitive","_identity","_LoginModal","args","suggestedIssuers","issuer","error","login_modal_default","DEFAULT_SIGNUP_URL","findAccountImage","store","me","image","SolidAuth","signupUrl","listener","loginUrl","preLoginRedirectHash","locationUrl","sessionEventTarget","_listener"],"sources":["../../node_modules/solid-logic/dist/issuer/issuerLogic.esm.js","../../src/lib/auth/Account.ts","../../src/lib/auth/NoopAuth.ts","../../src/lib/auth/context.ts","../../src/components/login-modal/LoginModal.styles.css","../../src/components/login-modal/LoginModal.ts","../../src/components/login-modal/index.ts","../../src/lib/auth/SolidAuth.ts"],"sourcesContent":["//#region src/issuer/issuerLogic.ts\nvar e = [\n\t{\n\t\tname: \"Solid Community\",\n\t\turi: \"https://solidcommunity.net\"\n\t},\n\t{\n\t\tname: \"Solid Web\",\n\t\turi: \"https://solidweb.org\"\n\t},\n\t{\n\t\tname: \"Solid Web ME\",\n\t\turi: \"https://solidweb.me\"\n\t},\n\t{\n\t\tname: \"Inrupt.com\",\n\t\turi: \"https://login.inrupt.com\"\n\t}\n];\nfunction t() {\n\tlet t = [...e], { host: n, origin: r } = new URL(location.href);\n\treturn t.map(({ uri: e }) => new URL(e).host).includes(n) || t.unshift({\n\t\tname: n,\n\t\turi: r\n\t}), t;\n}\n//#endregion\nexport { t as getSuggestedIssuers };\n\n//# sourceMappingURL=issuerLogic.esm.js.map","export default class Account {\n  public readonly webId: string\n  public readonly avatarUrl?: string\n\n  constructor (webId: string, avatarUrl?: string) {\n    this.webId = webId\n    this.avatarUrl = avatarUrl\n  }\n}\n","import { AuthContext } from './context'\n\nexport default class NoopAuth implements AuthContext {\n  public readonly initialized = false\n  public readonly account = null\n\n  async login () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async signup () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  async logout () {\n    throw new Error('Can\\'t use auth, missing context provider')\n  }\n\n  onSessionUpdated () {\n    return () => undefined\n  }\n}\n","import { createContext } from '@lit/context'\nimport NoopAuth from './NoopAuth'\nimport Account from './Account'\n\nexport interface AuthContext {\n  initialized: boolean;\n  account: Account | null;\n  login(loginUrl?: string): Promise<void>;\n  loadProfile?(): Promise<void>;\n  signup(): Promise<void>;\n  logout(): Promise<void>;\n  onSessionUpdated(callback: () => unknown): () => void;\n}\n\nexport const DEFAULT_AUTH_CONTEXT = new NoopAuth()\nexport const authContext = createContext<AuthContext>(Symbol('auth'))\n",".error-message {\n    color: var(--solid-ui-color-error);\n    font-size: var(--solid-ui-font-size-sm);\n    font-weight: 500;\n    text-align: center;\n    width: 100%;\n}\n\nsolid-ui-combobox {\n    width: 100%;\n}\n\nsolid-ui-button {\n    flex: 1;\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { consume } from '@lit/context'\nimport { property, query, state } from 'lit/decorators.js'\nimport { AuthContext, authContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\nimport { getSuggestedIssuers } from 'solid-logic'\nimport type Dialog from '@/components/dialog'\nimport type Combobox from '@/components/combobox'\n\nimport '~icons/lucide/chevron-down'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\nimport '@/components/button'\nimport '@/components/combobox'\nimport '@/components/combobox-option'\n\nimport styles from './LoginModal.styles.css'\n\n@customElement('solid-ui-login-modal')\nexport default class LoginModal extends WebComponent {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor issuerUrl = ''\n\n  @state()\n  private accessor issuerInputValue = ''\n\n  @state()\n  private accessor failed: boolean = false\n\n  @state()\n  private accessor submitting: boolean = false\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  @query('solid-ui-dialog')\n  private accessor dialog: Dialog | null = null\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.issuerInputValue =\n      (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) ||\n      this.issuerUrl ||\n      getSuggestedIssuers()[0]?.uri ||\n      ''\n  }\n\n  protected render () {\n    const suggestedIssuers = getSuggestedIssuers()\n\n    return html`\n        <solid-ui-dialog title=\"Select an identity provider\">\n            <form @submit=${this.onSubmit}>\n                <solid-ui-dialog-content>\n                    <solid-ui-combobox label=\"Solid Identity Provider\" .value=${this.issuerInputValue} @input=${this.onIssuerInputChange}>\n                        ${suggestedIssuers.map(issuer => html`<solid-ui-combobox-option value=\"${issuer.uri}\">${issuer.name}</solid-ui-combobox-option>`)}\n                    </solid-ui-combobox>\n\n                    ${this.failed ? html`<p class=\"error-message\">Something went wrong</p>` : nothing}\n                </solid-ui-dialog-content>\n\n                <solid-ui-dialog-footer>\n                    <solid-ui-button\n                        variant=\"secondary\"\n                        @click=\"${() => this.dialog?.close()}\"\n                    >\n                        Cancel\n                    </solid-ui-button>\n                    <solid-ui-button\n                        ?disabled=${!this.issuerInputValue || this.submitting}\n                        ?loading=${this.submitting}\n                        type=\"submit\"\n                    >\n                        Login\n                    </solid-ui-button>\n                </solid-ui-dialog-footer>\n            </form>\n        </solid-ui-dialog>\n    `\n  }\n\n  private onIssuerInputChange (e: Event) {\n    this.issuerInputValue = String((e.target as Combobox).value)\n  }\n\n  private async onSubmit (e: Event) {\n    e.preventDefault()\n\n    this.failed = false\n\n    if (!this.issuerInputValue) {\n      return\n    }\n\n    this.submitting = true\n\n    try {\n      await this.auth.login(this.issuerInputValue)\n    } catch (error) {\n      console.error(error)\n\n      this.failed = true\n    } finally {\n      this.submitting = false\n    }\n  }\n}\n","import LoginModal from './LoginModal'\n\nexport { LoginModal }\nexport default LoginModal\n","import Account from '@/lib/auth/Account'\nimport ns from '@/lib/ns'\nimport { authn, authSession, reloadOnIdentityReplaced, solidLogicSingleton } from 'solid-logic'\nimport { AuthContext } from '@/lib/auth'\nimport { showDialog } from '@/lib/dialogs'\n\nimport LoginModal from '@/components/login-modal'\n\nexport const DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\n\nfunction findAccountImage (webId: string): string | undefined {\n  const store = solidLogicSingleton.store\n  const me = store.sym(webId)\n  const image =\n    store.any(me, ns.sioc('avatar')) ||\n    store.any(me, ns.foaf('img')) ||\n    store.any(me, ns.vcard('logo')) ||\n    store.any(me, ns.vcard('hasPhoto')) ||\n    store.any(me, ns.vcard('photo')) ||\n    store.any(me, ns.foaf('depiction'))\n\n  return image ? (image as any).value : undefined\n}\n\nexport default class SolidAuth implements AuthContext {\n  private _initialized = false\n  private profileLoaded = false\n  private listeners: (() => unknown)[] = []\n\n  constructor (public signupUrl: string = DEFAULT_SIGNUP_URL) {}\n\n  async initialize () {\n    authSession.events.on('sessionRestore', () => {\n      ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n    })\n\n    // An identity that was actively established was replaced while the session\n    // stayed active (A -> B, e.g. from another tab): everything fetched under\n    // the previous identity is stale, so the app reloads. A logout is not a\n    // reload case here — the derived info already reports logged out and the\n    // logout path runs its own cleanup and navigation.\n    reloadOnIdentityReplaced(authSession.events, () => {\n      if (authSession.info?.isLoggedIn) window.location.reload()\n    })\n\n    await authn.checkUser()\n\n    this._initialized = true\n    this.listeners.forEach(listener => listener())\n  }\n\n  async loadProfile () {\n    if (this.profileLoaded || !this.account) {\n      return\n    }\n\n    this.profileLoaded = true\n\n    await solidLogicSingleton.profile.loadMe()\n\n    this.listeners.forEach(listener => listener())\n  }\n\n  get initialized (): boolean {\n    return this._initialized\n  }\n\n  get account (): Account | null {\n    const webId: string | undefined = authSession.webId ?? authSession.info?.webId\n    const isActive: boolean = authSession.isActive ?? authSession.info?.isLoggedIn ?? Boolean(webId)\n\n    if (!isActive || !webId) {\n      return null\n    }\n\n    const avatarUrl = findAccountImage(webId)\n\n    return new Account(webId, avatarUrl)\n  }\n\n  async login (loginUrl?: string) {\n    if (!loginUrl) {\n      showDialog(LoginModal)\n\n      return\n    }\n\n    // clear authorization metadata from store\n    ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n    const preLoginRedirectHash = new URL(window.location.href).hash\n    if (preLoginRedirectHash) {\n      window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n    }\n    window.localStorage.setItem('loginIssuer', loginUrl)\n\n    const locationUrl = new URL(window.location.href)\n\n    locationUrl.hash = ''\n\n    await authSession.login(loginUrl, locationUrl.href)\n  }\n\n  async signup () {\n    window.open(this.signupUrl, '_blank', 'noopener,noreferrer')\n  }\n\n  async logout () {\n    await authSession.logout()\n  }\n\n  onSessionUpdated (callback: () => unknown) {\n    const sessionEventTarget = authSession as unknown as EventTarget\n    const listener = () => {\n      callback()\n    }\n\n    this.listeners.push(listener)\n\n    if (typeof sessionEventTarget.addEventListener === 'function') {\n      sessionEventTarget.addEventListener('sessionStateChange', listener)\n    } else {\n      authSession.events.on('login', listener)\n      authSession.events.on('logout', listener)\n      authSession.events.on('sessionRestore', listener)\n    }\n\n    return () => {\n      this.listeners = this.listeners.filter(_listener => _listener !== listener)\n\n      if (typeof sessionEventTarget.removeEventListener === 'function') {\n        sessionEventTarget.removeEventListener('sessionStateChange', listener)\n      } else {\n        authSession.events.off('login', listener)\n        authSession.events.off('logout', listener)\n        authSession.events.off('sessionRestore', listener)\n      }\n    }\n  }\n}\n"],"ignoreList":[0],"mappings":"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"}

package/dist/chunks/{avatar-DeotTinS.js → avatar-BBgvMlqv.js}

@@ -1,6 +1,5 @@
-import { a as e, o as t } from "./auth-Df5uYksz.js";
-import { o as n, p as r, u as i, y as a } from "./components-LxiwG5ae.js";
-import { t as o } from "./decorators-V-B013l9.js";
+import { b as e, g as t, o as n, p as r, u as i } from "./components-C8c2Ucm5.js";
+import { a, o } from "./auth-EK-iYNYZ.js";
 // ~icons/lucide/circle-user
 var s = class extends HTMLElement {
 	constructor() {
@@ -181,14 +180,14 @@ function k(e) {
 function A(e) {
 	return e;
 }
-m = [o("solid-ui-avatar")];
+m = [t("solid-ui-avatar")];
 var j;
-new (_ = (d = /*#__PURE__*/ new WeakMap(), v = (h = a({
-	context: t,
+new (_ = (d = /*#__PURE__*/ new WeakMap(), v = (h = e({
+	context: o,
 	subscribe: !0
 }), "auth"), u = class extends n {
-	constructor(...t) {
-		super(...t), y(this, d, (f(this), g(this, e))), w(this, "unsubscribeSessionUpdated", void 0);
+	constructor(...e) {
+		super(...e), y(this, d, (f(this), g(this, a))), w(this, "unsubscribeSessionUpdated", void 0);
 	}
 	get [v]() {
 		return S(d, this);
@@ -224,4 +223,4 @@ new (_ = (d = /*#__PURE__*/ new WeakMap(), v = (h = a({
 var M = j;
 export { j as n, M as t };
 
-//# sourceMappingURL=avatar-DeotTinS.js.map
+//# sourceMappingURL=avatar-BBgvMlqv.js.map

package/dist/chunks/{avatar-DeotTinS.js.map → avatar-BBgvMlqv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar-DeotTinS.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","loadProfile","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","fallback","component","default","consume","styles","Avatar","Avatar","DEFAULT_AUTH_CONTEXT","authContext","WebComponent","i","b","c","customElement","iconlucidecircleuser","Avatar_styles_default","_Class","_Avatar3","_A","_initProto","_initClass","_classDecs","_authDecs","_init_auth","_Avatar2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","n","o","applyDec","m","h","y","v","g","u","w","S","A","d","p","_setFunctionName","P","j","D","I","O","k","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","_Avatar","args","component","avatar_default"],"sources":["../../src/components/avatar/Avatar.styles.css","../../src/components/avatar/Avatar.ts","../../src/components/avatar/index.ts"],"sourcesContent":[":host {\n    --size: 150px;\n\n    display: inline-flex;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n:host([data-state-fallback]) {\n    background: var(--solid-ui-color-gray-100);\n    justify-content: center;\n    align-items: center;\n\n    icon-lucide-circle-user {\n        color: var(--solid-ui-color-gray-200);\n        width: 50%;\n        height: 50%;\n    }\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.auth.loadProfile?.()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => {\n      this.auth.loadProfile?.()\n      this.requestUpdate()\n    })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n","import Avatar from './Avatar'\n\nexport { Avatar }\nexport default Avatar\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOwCO,IAAA,CAEvCP,EAAc,iBAAiB,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO9BX,EAAQ;CAAEY,SAASV;CAAaW,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACoCf,EAAa;CAAAiB,YAAA,GAAAC,GAAA;EAOUI,AAPV,MAAA,GAAAJ,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOVjB,CAAoB,EAAA,GAAAkB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAX,KAAA;EAAA,OAAAY,EAAAd,GAAA,IAAA;CAAA;CAAA,IAAxCe,KAAIC,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAIrBE,oBAAqB;EAKnB,AAJA,MAAMA,kBAAkB,GAExB,KAAKH,KAAKI,cAAc,GAExB,KAAKC,4BAA4B,KAAKL,KAAKM,uBAAuB;GAEhE,AADA,KAAKN,KAAKI,cAAc,GACxB,KAAKG,cAAc;EACrB,CAAC;CACH;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAOlB,OANK,KAAKT,KAAKU,SAASC,YAMjBjC,CAAI;oBACK,KAAKsB,KAAKU,SAASC,UAAS;QANnCjC,CAAI;;;CAQf;AACF,GAAC,CAAAkC,GAAA,CAAAf,GAAAD,IAAAiB,GAAA,CAAA9B,GAAA+B,MAAAC,EAAAxB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GAvCmCN,CAAY,GAAAe,IAAAyB,IAAA,cAAAC,EAAA;CAAAxB,cAAA;EAAA,MAAAV,CAAA,GAAAe,EAAA,MAAA,UAC9BjB,CAAM,GAAAiB,EAAA,MAAA,UACN,EACdoB,WAAWC,MAAsB,CAACA,EAAUnB,KAAKU,SAASC,UAC5D,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAhB,EAAAkB,GAAAhC,GAAA,KAAA,CAAA,GAAAgC,GAAA;;ACXH,IAAAwE,IAAejE"}
+{"version":3,"file":"avatar-BBgvMlqv.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","loadProfile","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","fallback","component","default","consume","styles","Avatar","Avatar","c","customElement","WebComponent","i","b","iconlucidecircleuser","Avatar_styles_default","_Class","_Avatar3","_A","_initProto","_initClass","_classDecs","_authDecs","_init_auth","_Avatar2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","n","o","applyDec","m","h","y","v","g","u","w","S","A","d","p","_setFunctionName","P","j","D","I","O","k","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","_Avatar","authContext","args","DEFAULT_AUTH_CONTEXT","component","avatar_default"],"sources":["../../src/components/avatar/Avatar.styles.css","../../src/components/avatar/Avatar.ts","../../src/components/avatar/index.ts"],"sourcesContent":[":host {\n    --size: 150px;\n\n    display: inline-flex;\n    overflow: hidden;\n    width: var(--size);\n    height: var(--size);\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n}\n\n:host([data-state-fallback]) {\n    background: var(--solid-ui-color-gray-100);\n    justify-content: center;\n    align-items: center;\n\n    icon-lucide-circle-user {\n        color: var(--solid-ui-color-gray-200);\n        width: 50%;\n        height: 50%;\n    }\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.auth.loadProfile?.()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => {\n      this.auth.loadProfile?.()\n      this.requestUpdate()\n    })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n","import Avatar from './Avatar'\n\nexport { Avatar }\nexport default Avatar\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACOwCO,IAAA,CAEvCP,EAAc,iBAAiB,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,KAAAC,IAO9BX,EAAQ;CAAEY,SAASV;CAAaW,WAAW;AAAK,CAAC,GAAC,SAAAC,IAPrD,cACoCf,EAAa;CAAAiB,YAAA,GAAAC,GAAA;EAOUI,AAPV,MAAA,GAAAJ,CAAA,GAAAC,EAAA,MAAAV,IAAAW,EAAA,IAAA,GAAAC,EAAA,MAOVjB,CAAoB,EAAA,GAAAkB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAX,KAAA;EAAA,OAAAY,EAAAd,GAAA,IAAA;CAAA;CAAA,IAAxCe,KAAIC,GAAA;EAAAC,EAAAjB,GAAA,MAAAgB,CAAA;CAAA;CAIrBE,oBAAqB;EAKnB,AAJA,MAAMA,kBAAkB,GAExB,KAAKH,KAAKI,cAAc,GAExB,KAAKC,4BAA4B,KAAKL,KAAKM,uBAAuB;GAEhE,AADA,KAAKN,KAAKI,cAAc,GACxB,KAAKG,cAAc;EACrB,CAAC;CACH;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAOlB,OANK,KAAKT,KAAKU,SAASC,YAMjBjC,CAAI;oBACK,KAAKsB,KAAKU,SAASC,UAAS;QANnCjC,CAAI;;;CAQf;AACF,GAAC,CAAAkC,GAAA,CAAAf,GAAAD,IAAAiB,GAAA,CAAA9B,GAAA+B,MAAAC,EAAAxB,GAAA,CAAA;CAAAH;CAAA;CAAA;AAAA,CAAA,GAAAN,GAAA,GAAA,KAAA,GAvCmCN,CAAY,GAAAe,IAAAyB,IAAA,cAAAC,EAAA;CAAAxB,cAAA;EAAA,MAAAV,CAAA,GAAAe,EAAA,MAAA,UAC9BjB,CAAM,GAAAiB,EAAA,MAAA,UACN,EACdoB,WAAWC,MAAsB,CAACA,EAAUnB,KAAKU,SAASC,UAC5D,CAAC,GAAAG,EAAA;CAAA;AAAA,GAAAhB,EAAAkB,GAAAhC,GAAA,KAAA,CAAA,GAAAgC,GAAA;;ACXH,IAAAwE,IAAejE"}

package/dist/chunks/{button-Dy1aFjqG.js → button-D6qO2idW.js}

@@ -1,5 +1,4 @@
-import { c as e, i as t, o as n, p as r, u as i } from "./components-LxiwG5ae.js";
-import { t as a } from "./decorators-V-B013l9.js";
+import { c as e, g as t, i as n, o as r, p as i, u as a } from "./components-C8c2Ucm5.js";
 // ~icons/svg-spinners/180-ring
 var o = class extends HTMLElement {
 	constructor() {
@@ -8,7 +7,7 @@ var o = class extends HTMLElement {
 };
 customElements.get("icon-svg-spinners-180-ring") || customElements.define("icon-svg-spinners-180-ring", o);
 // src/components/button/Button.styles.css
-var s = r`: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;
+var s = i`: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;
 function D(e, t, n) {
 	O(e, t), t.set(e, n);
 }
@@ -187,15 +186,15 @@ var z = [
 	"outline",
 	"ghost"
 ];
-g = [a("solid-ui-button")];
+g = [t("solid-ui-button")];
 var B;
-new (T = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), E = (_ = t({
+new (T = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), E = (_ = n({
 	type: String,
 	reflect: !0
-}), y = t({
+}), y = n({
 	type: String,
 	reflect: !0
-}), x = t({ type: Boolean }), C = t({ type: Boolean }), "variant"), l = class extends n {
+}), x = n({ type: Boolean }), C = n({ type: Boolean }), "variant"), l = class extends r {
 	constructor(...e) {
 		super(...e), D(this, u, (m(this), v(this, "primary"))), D(this, d, b(this, "button")), D(this, f, S(this, void 0)), D(this, p, w(this, !1));
 	}
@@ -225,9 +224,9 @@ new (T = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f =
 	}
 	render() {
 		let t = this.disabled ?? this.loading;
-		return i`
+		return a`
         <button type=${this.type} ?disabled=${t} @click=${this.onClick}>
-            ${this.loading ? i`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : e}
+            ${this.loading ? a`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : e}
             <slot name="left-icon"></slot>
             <slot @slotchange=${this.onIconSlotChange} name="icon"></slot>
             <slot></slot>
@@ -268,7 +267,7 @@ new (T = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f =
 		1,
 		"loading"
 	]
-], g, 0, void 0, n), l), c = class extends R {
+], g, 0, void 0, r), l), c = class extends R {
 	constructor() {
 		super(B), M(this, "styles", s), M(this, "formAssociated", !0), h();
 	}
@@ -277,4 +276,4 @@ new (T = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f =
 var V = B;
 export { z as n, B as r, V as t };
 
-//# sourceMappingURL=button-Dy1aFjqG.js.map
+//# sourceMappingURL=button-D6qO2idW.js.map

package/dist/chunks/{button-Dy1aFjqG.js.map → button-D6qO2idW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-Dy1aFjqG.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","property","nothing","styles","Button","BUTTON_VARIANTS","Button","A","n","WebComponent","i","b","customElement","iconsvgspinners180ring","Button_styles_default","_Class","_Button3","_A","_B","_C","_D","_initProto","_initClass","_classDecs","_variantDecs","_init_variant","_typeDecs","_init_type","_disabledDecs","_init_disabled","_loadingDecs","_init_loading","_Button2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","o","c","applyDec","m","h","y","v","g","u","w","S","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","BUTTON_VARIANTS","_Button","args","disabled","slot","button_default"],"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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"}
+{"version":3,"file":"button-D6qO2idW.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","property","nothing","styles","Button","BUTTON_VARIANTS","Button","A","customElement","WebComponent","b","iconsvgspinners180ring","Button_styles_default","_Class","_Button3","_A","_B","_C","_D","_initProto","_initClass","_classDecs","_variantDecs","_init_variant","_typeDecs","_init_type","_disabledDecs","_init_disabled","_loadingDecs","_init_loading","_Button2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","u","w","S","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","BUTTON_VARIANTS","_Button","args","disabled","slot","button_default"],"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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"}