solid-ui 3.1.3-13 → 3.1.3-15

package/dist/chunks/{avatar-DgO_p94F.js → avatar-BWtz4RlU.js}

@@ -1,6 +1,5 @@
-import { a as e, o as t } from "./auth-Knq99zZ9.js";
-import { l as n, o as r, p as i } from "./components-BD458q30.js";
-import { c as a, i as o } from "./lit-C4H1jI4q.js";
+import { a as e, o as t } from "./auth-D4NUMSzc.js";
+import { b as n, g as r, o as i, p as a, u as o } from "./components-DrP7BOrs.js";
 //#region ~icons/lucide/circle-user
 var s = class extends HTMLElement {
 	constructor() {
@@ -182,12 +181,12 @@ function k(e) {
 function A(e) {
 	return e;
 }
-m = [n("solid-ui-avatar")];
+m = [r("solid-ui-avatar")];
 var j;
-new (_ = (d = /*#__PURE__*/ new WeakMap(), v = (h = i({
+new (_ = (d = /*#__PURE__*/ new WeakMap(), v = (h = n({
 	context: t,
 	subscribe: !0
-}), "auth"), u = class extends r {
+}), "auth"), u = class extends i {
 	constructor(...t) {
 		super(...t), y(this, d, (f(this), g(this, e))), w(this, "unsubscribeSessionUpdated", void 0);
 	}
@@ -216,7 +215,7 @@ new (_ = (d = /*#__PURE__*/ new WeakMap(), v = (h = i({
 	h,
 	1,
 	"auth"
-]], m, 0, void 0, r), u), l = class extends A {
+]], m, 0, void 0, i), u), l = class extends A {
 	constructor() {
 		super(j), w(this, "styles", c), w(this, "states", { fallback: (e) => !e.auth.account?.avatarUrl }), p();
 	}
@@ -227,4 +226,4 @@ var M = j;
 //#endregion
 export { j as n, M as t };
 
-//# sourceMappingURL=avatar-DgO_p94F.js.map
+//# sourceMappingURL=avatar-BWtz4RlU.js.map

package/dist/chunks/{avatar-DgO_p94F.js.map → avatar-BWtz4RlU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar-DgO_p94F.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","Avatar"],"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,IAAA,IAAeK"}
+{"version":3,"file":"avatar-BWtz4RlU.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","Avatar"],"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,IAAA,IAAeK"}

package/dist/chunks/{button-Dvkek1tx.js → button-BJyFKOKO.js}

@@ -1,5 +1,4 @@
-import { i as e, l as t, o as n } from "./components-BD458q30.js";
-import { c as r, i, n as a } from "./lit-C4H1jI4q.js";
+import { c as e, g as t, i as n, o as r, p as i, u as a } from "./components-DrP7BOrs.js";
 //#region ~icons/svg-spinners/180-ring
 var o = class extends HTMLElement {
 	constructor() {
@@ -9,7 +8,7 @@ var o = class extends HTMLElement {
 customElements.get("icon-svg-spinners-180-ring") || customElements.define("icon-svg-spinners-180-ring", o);
 //#endregion
 //#region 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);
 }
@@ -190,13 +189,13 @@ var z = [
 ];
 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 = (_ = e({
+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 = e({
+}), y = n({
 	type: String,
 	reflect: !0
-}), x = e({ type: Boolean }), C = e({ 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,10 +224,10 @@ new (T = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f =
 		k(p, this, e);
 	}
 	render() {
-		let e = this.disabled ?? this.loading;
-		return i`
-        <button type=${this.type} ?disabled=${e} @click=${this.onClick}>
-            ${this.loading ? i`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : a}
+		let t = this.disabled ?? this.loading;
+		return a`
+        <button type=${this.type} ?disabled=${t} @click=${this.onClick}>
+            ${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>
@@ -245,9 +244,7 @@ new (T = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f =
 			case "submit":
 				this.getInternals().form?.requestSubmit();
 				break;
-			case "reset":
-				this.getInternals().form?.reset();
-				break;
+			case "reset": this.getInternals().form?.reset();
 		}
 	}
 }, {e: [v, b, S, w, m], c: [B, h]} = N(l, [
@@ -271,7 +268,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();
 	}
@@ -282,4 +279,4 @@ var V = B;
 //#endregion
 export { z as n, B as r, V as t };
 
-//# sourceMappingURL=button-Dvkek1tx.js.map
+//# sourceMappingURL=button-BJyFKOKO.js.map

package/dist/chunks/{button-Dvkek1tx.js.map → button-BJyFKOKO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-Dvkek1tx.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","onIconSlotChange","e","slot","target","toggleAttribute","assignedElements","length","getInternals","form","requestSubmit","reset","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","Button","BUTTON_VARIANTS"],"sources":["../../src/components/button/Button.styles.css","../../src/components/button/Button.ts","../../src/components/button/index.ts"],"sourcesContent":[":host {\n    --text-color: var(--solid-ui-color-white);\n    --border-color: var(--solid-ui-color-primary);\n    --background-color: var(--solid-ui-color-primary);\n    --hover-text-color: var(--text-color);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n\n    display: inline-flex;\n\n    button {\n        position: relative;\n        padding: 7px 12px;\n        border-radius: 5px;\n        font-size: var(--solid-ui-font-size-md);\n        font-weight: 600;\n        color: var(--text-color);\n        background: var(--background-color);\n        border: 1px solid var(--border-color);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 5px;\n        flex: 1;\n\n        &:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        &:hover:not(:disabled) {\n            color: var(--hover-text-color);\n            background: var(--hover-background-color);\n            border-color: var(--hover-border-color);\n        }\n\n        icon-svg-spinners-180-ring, ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n            width: var(--solid-ui-font-size-md);\n            height: var(--solid-ui-font-size-md);\n        }\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: var(--solid-ui-clickable-area);\n        height: var(--solid-ui-clickable-area);\n      }\n    }\n}\n\n:host([data-has-icon-slot]) button {\n    padding: 4px;\n\n    ::slotted([slot=\"icon\"]) {\n        width: var(--solid-ui-font-size-2xl);\n        height: var(--solid-ui-font-size-2xl);\n    }\n}\n\n:host([variant='secondary']) button {\n    --text-color: var(--solid-ui-color-gray-800);\n    --border-color: var(--solid-ui-color-slate-400);\n    --background-color: var(--solid-ui-color-white);\n    --hover-text-color: var(--solid-ui-color-white);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n}\n\n:host([variant='tertiary']) button {\n    --text-color: var(--solid-ui-color-primary);\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: transparent;\n\n    padding: 0;\n    border-radius: 0;\n    border-width: 0;\n    border-bottom-width: 1px;\n}\n\n:host([variant='outline']) button {\n    --text-color: currentColor;\n    --border-color: currentColor;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: currentColor;\n    --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n\n:host([variant='ghost']) button {\n    --text-color: currentColor;\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: transparent;\n    --hover-background-color: var(--solid-ui-color-primary-hover);\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor variant: ButtonVariant = 'primary'\n\n  @property({ type: String, reflect: true })\n  accessor type = 'button'\n\n  @property({ type: Boolean })\n  accessor disabled: boolean | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor loading = false\n\n  render () {\n    const disabled = this.disabled ?? this.loading\n\n    return html`\n        <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n            ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n            <slot name=\"left-icon\"></slot>\n            <slot @slotchange=${this.onIconSlotChange} name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n\n  private onIconSlotChange (e: Event) {\n    const slot = e.target as HTMLSlotElement\n\n    this.toggleAttribute('data-has-icon-slot', slot.assignedElements().length > 0)\n  }\n\n  private onClick () {\n    switch (this.type) {\n      case 'submit':\n        this.getInternals().form?.requestSubmit()\n        break\n      case 'reset':\n        this.getInternals().form?.reset()\n        break\n    }\n  }\n}\n","import Button, { BUTTON_VARIANTS, type ButtonVariant } from './Button'\n\nexport { Button, BUTTON_VARIANTS, type ButtonVariant }\nexport default Button\n"],"mappings":"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"}
+{"version":3,"file":"button-BJyFKOKO.js","names":["customElement","WebComponent","html","nothing","property","styles","BUTTON_VARIANTS","_classDecs","_Button","_Button2","_A","WeakMap","_B","_C","_D","_ref","_variantDecs","type","String","reflect","_typeDecs","_disabledDecs","Boolean","_loadingDecs","_Button3","Button","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_variant","_init_type","_init_disabled","undefined","_init_loading","_classPrivateFieldGet","variant","v","_classPrivateFieldSet","disabled","loading","render","onClick","onIconSlotChange","e","slot","target","toggleAttribute","assignedElements","length","getInternals","form","requestSubmit","reset","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default","Button","BUTTON_VARIANTS"],"sources":["../../src/components/button/Button.styles.css","../../src/components/button/Button.ts","../../src/components/button/index.ts"],"sourcesContent":[":host {\n    --text-color: var(--solid-ui-color-white);\n    --border-color: var(--solid-ui-color-primary);\n    --background-color: var(--solid-ui-color-primary);\n    --hover-text-color: var(--text-color);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n\n    display: inline-flex;\n\n    button {\n        position: relative;\n        padding: 7px 12px;\n        border-radius: 5px;\n        font-size: var(--solid-ui-font-size-md);\n        font-weight: 600;\n        color: var(--text-color);\n        background: var(--background-color);\n        border: 1px solid var(--border-color);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 5px;\n        flex: 1;\n\n        &:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n        }\n\n        &:hover:not(:disabled) {\n            color: var(--hover-text-color);\n            background: var(--hover-background-color);\n            border-color: var(--hover-border-color);\n        }\n\n        icon-svg-spinners-180-ring, ::slotted([slot=\"left-icon\"]), ::slotted([slot=\"right-icon\"]) {\n            width: var(--solid-ui-font-size-md);\n            height: var(--solid-ui-font-size-md);\n        }\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: var(--solid-ui-clickable-area);\n        height: var(--solid-ui-clickable-area);\n      }\n    }\n}\n\n:host([data-has-icon-slot]) button {\n    padding: 4px;\n\n    ::slotted([slot=\"icon\"]) {\n        width: var(--solid-ui-font-size-2xl);\n        height: var(--solid-ui-font-size-2xl);\n    }\n}\n\n:host([variant='secondary']) button {\n    --text-color: var(--solid-ui-color-gray-800);\n    --border-color: var(--solid-ui-color-slate-400);\n    --background-color: var(--solid-ui-color-white);\n    --hover-text-color: var(--solid-ui-color-white);\n    --hover-background-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n}\n\n:host([variant='tertiary']) button {\n    --text-color: var(--solid-ui-color-primary);\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: var(--solid-ui-color-tertiary);\n    --hover-border-color: var(--solid-ui-color-tertiary);\n    --hover-background-color: transparent;\n\n    padding: 0;\n    border-radius: 0;\n    border-width: 0;\n    border-bottom-width: 1px;\n}\n\n:host([variant='outline']) button {\n    --text-color: currentColor;\n    --border-color: currentColor;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: currentColor;\n    --hover-background-color: color-mix(in srgb, currentColor 25%, transparent);\n}\n\n:host([variant='ghost']) button {\n    --text-color: currentColor;\n    --border-color: transparent;\n    --background-color: transparent;\n    --hover-text-color: currentColor;\n    --hover-border-color: transparent;\n    --hover-background-color: var(--solid-ui-color-primary-hover);\n}\n","import { customElement, WebComponent } from '@/lib/components'\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Button.styles.css'\n\nexport const BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'ghost'] as const\nexport type ButtonVariant = typeof BUTTON_VARIANTS[number]\n\n@customElement('solid-ui-button')\nexport default class Button extends WebComponent {\n  static styles = styles\n  static formAssociated = true\n\n  @property({ type: String, reflect: true })\n  accessor variant: ButtonVariant = 'primary'\n\n  @property({ type: String, reflect: true })\n  accessor type = 'button'\n\n  @property({ type: Boolean })\n  accessor disabled: boolean | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor loading = false\n\n  render () {\n    const disabled = this.disabled ?? this.loading\n\n    return html`\n        <button type=${this.type} ?disabled=${disabled} @click=${this.onClick}>\n            ${this.loading ? html`<icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>` : nothing}\n            <slot name=\"left-icon\"></slot>\n            <slot @slotchange=${this.onIconSlotChange} name=\"icon\"></slot>\n            <slot></slot>\n            <slot name=\"right-icon\"></slot>\n        </button>\n    `\n  }\n\n  private onIconSlotChange (e: Event) {\n    const slot = e.target as HTMLSlotElement\n\n    this.toggleAttribute('data-has-icon-slot', slot.assignedElements().length > 0)\n  }\n\n  private onClick () {\n    switch (this.type) {\n      case 'submit':\n        this.getInternals().form?.requestSubmit()\n        break\n      case 'reset':\n        this.getInternals().form?.reset()\n        break\n    }\n  }\n}\n","import Button, { BUTTON_VARIANTS, type ButtonVariant } from './Button'\n\nexport { Button, BUTTON_VARIANTS, type ButtonVariant }\nexport default Button\n"],"mappings":"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"}

package/dist/chunks/{chunk.7MPIABXH-DNcYOuE8.js → chunk.64OG2H45-BADxAtEI.js}

@@ -1,5 +1,4 @@
-import { i as e } from "./components-BD458q30.js";
-import { c as t, i as n, r, t as i } from "./lit-C4H1jI4q.js";
+import { i as e, l as t, p as n, s as r, u as i } from "./components-DrP7BOrs.js";
 import { t as a } from "./query-BYu9q8lA.js";
 //#region node_modules/@lit/reactive-element/decorators/custom-element.js
 var o = (e) => (t, n) => {
@@ -14,7 +13,7 @@ var o = (e) => (t, n) => {
 			composed: !0
 		});
 	}
-}, c = t`
+}, c = n`
   :host {
     --arrow-color: black;
     --arrow-size: var(--wa-tooltip-arrow-size);
@@ -163,7 +162,7 @@ var o = (e) => (t, n) => {
 }, f = (e, t, n, r) => {
 	for (var i = r > 1 ? void 0 : r ? u(t, n) : t, a = e.length - 1, o; a >= 0; a--) (o = e[a]) && (i = (r ? o(t, n, i) : o(i)) || i);
 	return r && i && l(t, n, i), i;
-}, p = (e, t, n) => t.has(e) || d("Cannot " + n), m = (e, t, n) => (p(e, t, "read from private field"), n ? n.call(e) : t.get(e)), h = (e, t, n) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), g = (e, t, n, r) => (p(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), _ = t`
+}, p = (e, t, n) => t.has(e) || d("Cannot " + n), m = (e, t, n) => (p(e, t, "read from private field"), n ? n.call(e) : t.get(e)), h = (e, t, n) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), g = (e, t, n, r) => (p(e, t, "write to private field"), r ? r.call(e, n) : t.set(e, n), n), _ = n`
   :host {
     box-sizing: border-box;
   }
@@ -192,7 +191,7 @@ function b(e) {
 	}
 	return null;
 }
-var x, S = class extends i {
+var x, S = class extends r {
 	constructor() {
 		super(), h(this, x, !1), this.initialReflectedProperties = /* @__PURE__ */ new Map(), this.didSSR = !!this.shadowRoot, this.customStates = {
 			set: (e, t) => {
@@ -334,7 +333,12 @@ var A = class {
 		return `${this.host.dir || E}`.toLowerCase();
 	}
 	lang() {
-		return `${this.host.lang || D}`.toLowerCase();
+		let e = `${this.host.lang || D}`.toLowerCase().replace(/_/g, "-");
+		try {
+			return new Intl.Locale(e), e;
+		} catch {
+			return T ? T.$code.toLowerCase() : "en";
+		}
 	}
 	getTranslationData(e) {
 		let t;
@@ -383,55 +387,94 @@ var A = class {
 	$code: "en",
 	$name: "English",
 	$dir: "ltr",
-	carousel: "Carousel",
+	am: "AM",
+	autosizeColumn: "Autosize column",
 	captions: "Captions",
+	carousel: "Carousel",
 	chooseDate: "Choose date",
 	chooseDecade: "Choose decade",
 	chooseMonth: "Choose month",
+	chooseTime: "Choose time",
 	chooseYear: "Choose year",
 	clearEntry: "Clear entry",
+	clearFilter: "Clear filter",
+	clearSort: "Clear sort",
 	close: "Close",
 	closeCalendar: "Close calendar",
-	createOption: (e) => `Create "${e}"`,
+	closeTimeInput: "Close time picker",
+	collapseRow: "Collapse row",
+	columnMenu: "Column options",
+	columnMovedToPosition: (e, t, n) => `${e} moved to position ${t} of ${n}`,
+	columns: "Columns",
+	compactPageXOfY: (e, t) => `${e} of ${t}`,
 	copied: "Copied",
 	copy: "Copy",
+	createOption: (e) => `Create "${e}"`,
+	currentlyPlaying: "currently playing",
 	currentValue: "Current value",
 	date: "Date",
 	datePickerKeyboardHelp: "Use arrow keys to change values; press Alt+Down Arrow to open the calendar.",
 	day: "Day",
-	incompleteDate: "Enter a valid date.",
-	dropFileHere: "Drop file here or click to browse",
+	dayPeriod: "AM/PM",
 	decrement: "Decrement",
+	deselectAllRows: "Deselect all rows",
+	dropFileHere: "Drop file here or click to browse",
 	dropFilesHere: "Drop files here or click to browse",
 	empty: "Empty",
 	endDate: "End date",
-	error: "Error",
 	enterFullscreen: "Enter fullscreen",
+	error: "Error",
 	exitFullscreen: "Exit fullscreen",
+	expandRow: "Expand row",
+	filterByColumn: (e) => `Filter by ${e}`,
+	filterFrom: "From",
+	filterMax: "Max",
+	filterMin: "Min",
+	filterTo: "To",
+	firstPage: "First page",
 	goToSlide: (e, t) => `Go to slide ${e} of ${t}`,
+	hideColumn: "Hide column",
 	hidePassword: "Hide password",
+	hour: "Hour",
+	incompleteDate: "Enter a valid date.",
 	increment: "Increment",
+	jumpBackwardX: (e) => `Jump back ${e} pages`,
+	jumpForwardX: (e) => `Jump forward ${e} pages`,
+	lastPage: "Last page",
 	loading: "Loading",
+	minute: "Minute",
 	month: "Month",
 	moreOptions: "More Options",
 	mute: "Mute",
 	nextDecade: "Next decade",
 	nextMonth: "Next month",
+	nextPage: "Next page",
 	nextSlide: "Next slide",
 	nextVideo: "Next Video",
 	nextYear: "Next year",
+	noData: "No data",
+	noResults: "No matching results",
+	now: "Now",
 	numCharacters: (e) => e === 1 ? "1 character" : `${e} characters`,
 	numCharactersRemaining: (e) => e === 1 ? "1 character remaining" : `${e} characters remaining`,
 	numOptionsSelected: (e) => e === 0 ? "No options selected" : e === 1 ? "1 option selected" : `${e} options selected`,
+	numRowsCopied: (e) => e === 1 ? "1 row copied" : `${e} rows copied`,
+	numRowsSelected: (e) => e === 1 ? "1 row selected" : `${e} rows selected`,
+	pageXOfY: (e, t) => `Page ${e} of ${t}`,
+	pagination: "Pagination",
 	pause: "Pause",
 	pauseAnimation: "Pause animation",
 	pictureInPicture: "Picture in picture",
+	pinLeft: "Pin left",
+	pinRight: "Pin right",
 	play: "Play",
+	playAnimation: "Play animation",
 	playbackSpeed: "Playback speed",
 	playlist: "Playlist",
-	playAnimation: "Play animation",
+	pm: "PM",
 	previousDecade: "Previous decade",
 	previousMonth: "Previous month",
+	previousPage: "Previous page",
 	previousSlide: "Previous slide",
 	previousVideo: "Previous video",
 	previousYear: "Previous year",
@@ -439,41 +482,46 @@ var A = class {
 	rangeTooLong: (e) => e === 1 ? "Select a range no longer than 1 day" : `Select a range no longer than ${e} days`,
 	rangeTooShort: (e) => e === 1 ? "Select a range at least 1 day long" : `Select a range at least ${e} days long`,
 	readonly: "Read-only",
-	selected: "Selected",
-	selectedDateLabel: (e) => `Selected: ${e}`,
-	selectedRangeLabel: (e) => `Selected range: ${e}`,
-	selectionCleared: "Selection cleared",
 	remove: "Remove",
+	resetColumns: "Reset columns",
 	resize: "Resize",
+	resizeColumn: "Resize column",
+	rowsPerPage: "Rows per page",
 	scrollableRegion: "Scrollable region",
 	scrollToEnd: "Scroll to end",
 	scrollToStart: "Scroll to start",
+	search: "Search",
+	second: "Second",
+	seek: "Seek",
+	seekProgress: (e, t) => `${e} of ${t}`,
 	selectAColorFromTheScreen: "Select a color from the screen",
+	selectAllRows: "Select all rows",
+	selected: "Selected",
+	selectedDateLabel: (e) => `Selected: ${e}`,
+	selectedRangeLabel: (e) => `Selected range: ${e}`,
+	selectGroup: "Select group",
+	selectionCleared: "Selection cleared",
+	selectRow: "Select row",
+	showingNofMRows: (e, t) => `Showing ${e} of ${t} rows`,
+	showingXtoYofZ: (e, t, n) => `${e}\u2013${t} of ${n}`,
 	showPassword: "Show password",
 	slideNum: (e) => `Slide ${e}`,
+	sortAscending: "Sort ascending",
+	sortColumn: "Sort column",
+	sortDescending: "Sort descending",
 	startDate: "Start date",
+	time: "Time",
+	timeInputKeyboardHelp: "Use arrow keys to change values; press Alt+Down Arrow to open the time picker.",
 	today: "Today",
 	toggleColorFormat: "Toggle color format",
-	seek: "Seek",
-	seekProgress: (e, t) => `${e} of ${t}`,
-	currentlyPlaying: "currently playing",
 	unmute: "Unmute",
+	unpin: "Unpin",
+	unpinColumn: "Unpin column",
 	videoPlayer: "Video player",
 	volume: "Volume",
 	year: "Year",
 	zoomIn: "Zoom in",
-	zoomOut: "Zoom out",
-	am: "AM",
-	chooseTime: "Choose time",
-	closeTimeInput: "Close time picker",
-	dayPeriod: "AM/PM",
-	hour: "Hour",
-	minute: "Minute",
-	now: "Now",
-	pm: "PM",
-	second: "Second",
-	time: "Time",
-	timeInputKeyboardHelp: "Use arrow keys to change values; press Alt+Down Arrow to open the time picker."
+	zoomOut: "Zoom out"
 };
 O(j);
 var te = j, ne = class extends A {
@@ -730,7 +778,7 @@ var Ce = 50, we = async (e, t, n) => {
 				overflows: w
 			}], !w.every((e) => e <= 0)) {
 				let e = (i.flip?.index || 0) + 1, t = S[e];
-				if (t && (!(u === "alignment" && _ !== R(t)) || T.every((e) => R(e.placement) !== _ || e.overflows[0] > 0))) return {
+				if (t && (u !== "alignment" || _ === R(t) || T.every((e) => R(e.placement) !== _ || e.overflows[0] > 0))) return {
 					data: {
 						index: e,
 						overflows: T
@@ -750,9 +798,7 @@ var Ce = 50, we = async (e, t, n) => {
 						e && (n = e);
 						break;
 					}
-					case "initialPlacement":
-						n = o;
-						break;
+					case "initialPlacement": n = o;
 				}
 				if (r !== n) return { reset: { placement: n } };
 			}
@@ -938,7 +984,8 @@ function X(e, t, n) {
 	if (i) {
 		let e = Ke(a);
 		return t.concat(a, a.visualViewport || [], Fe(r) ? r : [], e && n ? X(e) : []);
-	} else return t.concat(r, X(r, [], n));
+	}
+	return t.concat(r, X(r, [], n));
 }
 function Ke(e) {
 	return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
@@ -1311,23 +1358,23 @@ var kt = {
 	render(e) {
 		return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
 	}
-	update(e, [t]) {
+	update(e, [n]) {
 		if (this.st === void 0) {
 			this.st = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter((e) => e !== "")));
-			for (let e in t) t[e] && !this.nt?.has(e) && this.st.add(e);
-			return this.render(t);
+			for (let e in n) n[e] && !this.nt?.has(e) && this.st.add(e);
+			return this.render(n);
 		}
-		let n = e.element.classList;
-		for (let e of this.st) e in t || (n.remove(e), this.st.delete(e));
-		for (let e in t) {
-			let r = !!t[e];
-			r === this.st.has(e) || this.nt?.has(e) || (r ? (n.add(e), this.st.add(e)) : (n.remove(e), this.st.delete(e)));
+		let r = e.element.classList;
+		for (let e of this.st) e in n || (r.remove(e), this.st.delete(e));
+		for (let e in n) {
+			let t = !!n[e];
+			t === this.st.has(e) || this.nt?.has(e) || (t ? (r.add(e), this.st.add(e)) : (r.remove(e), this.st.delete(e)));
 		}
-		return r;
+		return t;
 	}
 });
 //#endregion
-//#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.7MPIABXH.js
+//#region node_modules/@awesome.me/webawesome/dist/chunks/chunk.64OG2H45.js
 function Nt(e) {
 	return typeof e == "object" && !!e && "getBoundingClientRect" in e && ("contextElement" in e ? e instanceof Element : !0);
 }
@@ -1353,7 +1400,7 @@ var Pt = !!globalThis?.HTMLElement?.prototype.hasOwnProperty("popover"), $ = cla
 		if (await this.stop(), this.anchor && typeof this.anchor == "string") {
 			let e = this.getRootNode();
 			this.anchorEl = e.getElementById(this.anchor);
-		} else this.anchor instanceof Element || Nt(this.anchor) ? this.anchorEl = this.anchor : this.anchorEl = this.querySelector("[slot=\"anchor\"]");
+		} else this.anchorEl = this.anchor instanceof Element || Nt(this.anchor) ? this.anchor : this.querySelector("[slot=\"anchor\"]");
 		this.anchorEl instanceof HTMLSlotElement && (this.anchorEl = this.anchorEl.assignedElements({ flatten: !0 })[0]), this.anchorEl && this.start();
 	}
 	start() {
@@ -1434,7 +1481,7 @@ var Pt = !!globalThis?.HTMLElement?.prototype.hasOwnProperty("popover"), $ = cla
 		}), requestAnimationFrame(() => this.updateHoverBridge()), this.dispatchEvent(new s());
 	}
 	render() {
-		return n`
+		return i`
       <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
 
       <span
@@ -1456,7 +1503,7 @@ var Pt = !!globalThis?.HTMLElement?.prototype.hasOwnProperty("popover"), $ = cla
 		})}
       >
         <slot></slot>
-        ${this.arrow ? n`<div part="arrow" class="arrow" role="presentation"></div>` : ""}
+        ${this.arrow ? i`<div part="arrow" class="arrow" role="presentation"></div>` : ""}
       </div>
     `;
 	}
@@ -1492,4 +1539,4 @@ $.css = c, f([a(".popup")], $.prototype, "popup", 2), f([a(".arrow")], $.prototy
 //#endregion
 export { xt as a, f as c, bt as i, o as l, Tt as n, ne as o, St as r, S as s, yt as t };
 
-//# sourceMappingURL=chunk.7MPIABXH-DNcYOuE8.js.map
+//# sourceMappingURL=chunk.64OG2H45-BADxAtEI.js.map