solid-ui 5.0.2-3 → 5.0.2-4

package/dist/chunks/{access-control-modal-CWH98HX3.js → access-control-modal-CwmY_Dod.js}

@@ -1,17 +1,16 @@
 import { E as e, _ as t, d as n, g as r, h as i, m as a, n as o, p as s, t as c, y as l } from "./solidLogicSingleton.esm-BXyHD7mn.js";
 import { u } from "./style-CXaw5EYi.js";
 import { T as d, p as f } from "./widgets-BBEQu0CS.js";
-import { a as p, c as m, i as h, o as g, p as _, r as v, u as y } from "./components-LxiwG5ae.js";
-import { t as b } from "./decorators-V-B013l9.js";
+import { a as p, c as m, g as h, i as g, o as _, p as v, r as y, u as b } from "./components-C8c2Ucm5.js";
 import "./x-D1JUUSOS.js";
-import "./button-Dy1aFjqG.js";
-import "./dialog-CrmftB9c.js";
-import "./dialog-content-Cw3xqJ45.js";
-import "./dialog-footer-sFQf-2zD.js";
-import { r as x } from "./combobox-BL0-8wef.js";
-import "./combobox-option-DjlmXt1O.js";
+import "./button-D6qO2idW.js";
+import "./dialog-CgYK767T.js";
+import "./dialog-content-DjwRH1ci.js";
+import "./dialog-footer-GQWi8lfB.js";
+import { r as x } from "./combobox-fSTp9qoT.js";
+import "./combobox-option-DOtGuKel.js";
 import "./globe-CsCgZcy5.js";
-import "./error-state-DnsXVj1z.js";
+import "./error-state-BD4_Wrkz.js";
 // ~icons/lucide/circle-x
 var S = class extends HTMLElement {
 	constructor() {
@@ -27,7 +26,7 @@ var C = class extends HTMLElement {
 };
 customElements.get("icon-lucide-folder-open") || customElements.define("icon-lucide-folder-open", C);
 // src/components/access-control-modal/AccessControlSharedAccess.styles.css
-var w = _`:host{& h2{color:var(--solid-ui-color-gray-900,#101828);font-size:var(--solid-ui-font-size-md,1rem);font-weight:600}& .access-grants-header,& .access-grants-list{align-self:stretch;padding:0 10px}& .access-grants-header{justify-content:space-between;align-items:center;gap:15px;display:flex;& .access-grants-search-input{--solid-ui-input-border-color:transparent;width:12ch;min-width:12ch;color:var(--solid-ui-color-zinc-500,#71717b);font-size:var(--solid-ui-font-size-sm,.875rem);flex:none;font-weight:500}}& .access-grants-list{align-items:flex-start;gap:20px;display:flex;& ul{box-sizing:border-box;border:1px solid var(--solid-ui-color-gray-200,#e5e7eb);border-radius:10px;flex-direction:column;flex:1 0 0;align-items:flex-start;gap:15px;height:195px;min-height:0;padding:15px;display:flex;overflow:hidden auto}& li{flex:none;align-items:center;gap:10px;width:100%;display:flex;& .access-grants-image{aspect-ratio:1;width:30px;height:30px;color:var(--solid-ui-color-white,#fff);text-align:center;font-size:var(--solid-ui-font-size-xs,.75rem);border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;font-weight:500;display:flex;overflow:hidden;& img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:flex}& span{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex}}& .access-grants-image--agentGroup{background:var(--solid-ui-color-blue-900,#083575)}& .access-grants-image--agent,& .access-grants-image--agentClass{background:var(--solid-ui-color-lavender-300,#e6dcff)}& .access-grants-image--origin{background:var(--solid-ui-color-green-700,#15803d)}& .access-grants-image--unknown{background:var(--solid-ui-color-gray-300,#d1d5db)}& h3{min-width:0;color:var(--solid-ui-color-gray-800,#1e2939);font-size:var(--solid-ui-font-size-xs,.75rem);flex:auto;font-weight:600}& span{text-align:right;flex:none;margin-left:auto}& .access-grants-role{font-size:var(--solid-ui-font-size-xs,.75rem);flex:none;margin-left:auto}& .access-grants-role--owner{font-size:var(--solid-ui-font-size-xs,.75rem)}& .access-grants-role--editable{max-width:100%}}}& .access-role-select--compact{--solid-ui-input-border-color:transparent;flex:0 0 110px;width:110px;min-width:110px;max-width:100%;margin-top:0}& .access-grants-list li .access-role-select--compact{flex:0 0 110px;width:110px;min-width:110px}}`, T, E, D, O, k, A, j, ee, te, ne, re, ie, ae, oe, se, ce;
+var w = v`:host{& h2{color:var(--solid-ui-color-gray-900,#101828);font-size:var(--solid-ui-font-size-md,1rem);font-weight:600}& .access-grants-header,& .access-grants-list{align-self:stretch;padding:0 10px}& .access-grants-header{justify-content:space-between;align-items:center;gap:15px;display:flex;& .access-grants-search-input{--solid-ui-input-border-color:transparent;width:12ch;min-width:12ch;color:var(--solid-ui-color-zinc-500,#71717b);font-size:var(--solid-ui-font-size-sm,.875rem);flex:none;font-weight:500}}& .access-grants-list{align-items:flex-start;gap:20px;display:flex;& ul{box-sizing:border-box;border:1px solid var(--solid-ui-color-gray-200,#e5e7eb);border-radius:10px;flex-direction:column;flex:1 0 0;align-items:flex-start;gap:15px;height:195px;min-height:0;padding:15px;display:flex;overflow:hidden auto}& li{flex:none;align-items:center;gap:10px;width:100%;display:flex;& .access-grants-image{aspect-ratio:1;width:30px;height:30px;color:var(--solid-ui-color-white,#fff);text-align:center;font-size:var(--solid-ui-font-size-xs,.75rem);border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;font-weight:500;display:flex;overflow:hidden;& img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:flex}& span{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex}}& .access-grants-image--agentGroup{background:var(--solid-ui-color-blue-900,#083575)}& .access-grants-image--agent,& .access-grants-image--agentClass{background:var(--solid-ui-color-lavender-300,#e6dcff)}& .access-grants-image--origin{background:var(--solid-ui-color-green-700,#15803d)}& .access-grants-image--unknown{background:var(--solid-ui-color-gray-300,#d1d5db)}& h3{min-width:0;color:var(--solid-ui-color-gray-800,#1e2939);font-size:var(--solid-ui-font-size-xs,.75rem);flex:auto;font-weight:600}& span{text-align:right;flex:none;margin-left:auto}& .access-grants-role{font-size:var(--solid-ui-font-size-xs,.75rem);flex:none;margin-left:auto}& .access-grants-role--owner{font-size:var(--solid-ui-font-size-xs,.75rem)}& .access-grants-role--editable{max-width:100%}}}& .access-role-select--compact{--solid-ui-input-border-color:transparent;flex:0 0 110px;width:110px;min-width:110px;max-width:100%;margin-top:0}& .access-grants-list li .access-role-select--compact{flex:0 0 110px;width:110px;min-width:110px}}`, T, E, D, O, k, A, j, ee, te, ne, re, ie, ae, oe, se, ce;
 function le(e, t, n) {
 	ue(e, t), t.set(e, n);
 }
@@ -199,9 +198,9 @@ function ye(e) {
 function be(e) {
 	return e;
 }
-ee = [b("solid-ui-access-control-shared-access")];
+ee = [h("solid-ui-access-control-shared-access")];
 var xe;
-new (se = (D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k = /*#__PURE__*/ new WeakMap(), ce = (te = h({ attribute: !1 }), re = h({ type: Boolean }), ae = v(), "accessGrantViewModels"), E = class extends g {
+new (se = (D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k = /*#__PURE__*/ new WeakMap(), ce = (te = g({ attribute: !1 }), re = g({ type: Boolean }), ae = y(), "accessGrantViewModels"), E = class extends _ {
 	constructor(...e) {
 		super(...e), le(this, D, (A(this), ne(this, []))), le(this, O, ie(this, !1)), le(this, k, oe(this, ""));
 	}
@@ -249,7 +248,7 @@ new (se = (D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k =
 		return this.accessGrantViewModels.filter(({ subjectLabel: t, subjects: n }) => n.length ? !e || t.toLowerCase().includes(e) : !1);
 	}
 	renderAccessGrant(e) {
-		return y`
+		return b`
       <li>
         ${this.renderAuthorizationBadge(e.authorization, e.subjectLabel)}
         <h3>${e.subjectLabel}</h3>
@@ -259,9 +258,9 @@ new (se = (D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k =
 	}
 	renderAuthorizationBadge(e, t) {
 		let n = this.getAuthorizationBadge(e, t);
-		return y`
+		return b`
       <div class="access-grants-image access-grants-image--${n.kind}">
-        ${n.image ? y`<img src=${n.image} alt="" aria-hidden="true" />` : n.kind === "origin" ? y`<icon-lucide-globe aria-hidden="true"></icon-lucide-globe>` : y`<span aria-hidden="true">${n.text}</span>`}
+        ${n.image ? b`<img src=${n.image} alt="" aria-hidden="true" />` : n.kind === "origin" ? b`<icon-lucide-globe aria-hidden="true"></icon-lucide-globe>` : b`<span aria-hidden="true">${n.text}</span>`}
       </div>
     `;
 	}
@@ -301,7 +300,7 @@ new (se = (D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k =
 		return (e.split(/\s+/).filter(Boolean).slice(0, t).map((e) => e[0]).join("") || e.slice(0, t)).toUpperCase();
 	}
 	renderAuthorizationRole(e, t) {
-		return y`
+		return b`
       <solid-ui-combobox
         class="access-role-select access-role-select--compact access-grants-role access-grants-role--editable ${e === "Owner" ? "access-grants-role--owner" : ""}"
         .disabled=${this.disabled}
@@ -313,13 +312,13 @@ new (se = (D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k =
     `;
 	}
 	renderGrantRoleOptions() {
-		return s.map((e) => y`
+		return s.map((e) => b`
       <solid-ui-combobox-option value=${e}>${e === "No Access" ? "Remove" : e}</solid-ui-combobox-option>
     `);
 	}
 	render() {
 		let e = this.getFilteredAccessGrants();
-		return y`
+		return b`
       <section aria-labelledby="access-grants-heading">
         <div class="access-grants-header">
           <h2 id="access-grants-heading">Shared with</h2>
@@ -332,7 +331,7 @@ new (se = (D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k =
             @input=${this.onSearchInput}
             @change=${this.onSearchSelect}
           >
-            ${this.accessGrantViewModels.filter(({ subjects: e }) => e.length > 0).map(({ subjectLabel: e }) => y`
+            ${this.accessGrantViewModels.filter(({ subjects: e }) => e.length > 0).map(({ subjectLabel: e }) => b`
                 <solid-ui-combobox-option .value=${e}>
                   ${e}
                 </solid-ui-combobox-option>
@@ -341,7 +340,7 @@ new (se = (D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k =
         </div>
         <div class="access-grants-list">
           <ul>
-            ${e.length > 0 ? e.map((e) => this.renderAccessGrant(e)) : y`<li>No access grants</li>`}
+            ${e.length > 0 ? e.map((e) => this.renderAccessGrant(e)) : b`<li>No access grants</li>`}
           </ul>
         </div>
       </section>
@@ -363,7 +362,7 @@ new (se = (D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k =
 		1,
 		"searchValue"
 	]
-], ee, 0, void 0, g), E), T = class extends be {
+], ee, 0, void 0, _), E), T = class extends be {
 	constructor() {
 		super(xe), me(this, "styles", w), j();
 	}
@@ -376,7 +375,7 @@ var Se = class extends HTMLElement {
 };
 customElements.get("icon-lucide-link") || customElements.define("icon-lucide-link", Se);
 // src/components/access-control-modal/AccessControlGeneralAccess.styles.css
-var Ce = _`:host{& h2{color:var(--solid-ui-color-gray-900,#101828);font-size:var(--solid-ui-font-size-md,1rem);font-weight:600}& .access-grants-general{flex-direction:column;align-self:stretch;align-items:flex-start;gap:10px;padding:0 10px;display:flex;& solid-ui-combobox,& solid-ui-input{--solid-ui-input-border-color:var(--solid-ui-color-slate-200,#e2e8f0)}& .access-grants-general-header{flex-direction:row;justify-content:space-between;align-self:stretch;align-items:center;gap:15px;display:flex;& .access-grants-copy-link-button-label{font-size:var(--solid-ui-font-size-xs,.75rem);font-weight:500}& .access-grants-copy-link-button icon-lucide-link{aspect-ratio:1;width:12px;height:12px}}& .access-grants-general-share{align-self:stretch;align-items:center;gap:10px;display:flex;& .access-grants-general-share-content{flex-direction:row;flex:1 0 0;align-items:flex-start;gap:10px;display:flex;& .access-grants-general-share-icon{aspect-ratio:1;background:var(--solid-ui-color-violet-50,#f5f3ff);border-radius:50px;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;display:flex}& .access-grants-general-share-icon-inner{aspect-ratio:1;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:1.25px;display:flex;& icon-lucide-globe{aspect-ratio:1;flex-shrink:0;width:17.5px;height:17.5px}}& .access-grants-general-share-text{flex:auto;min-width:0;& .access-grants-general-share-text-title{color:var(--solid-ui-color-gray-900,#101828);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:600}& .access-grants-general-share-text-description{color:var(--solid-ui-color-gray-700,#364153);font-size:var(--solid-ui-font-size-sm,.875rem)}}}}}& .access-role-select--general{width:120px;min-width:120px;font-size:var(--solid-ui-font-size-xs,.75rem);flex:0 0 120px;font-weight:500}& .access-role-select--compact{--solid-ui-input-border-color:transparent;max-width:100%;margin-top:0;display:block}}`, we, Te, Ee, De, Oe, ke, Ae, je, Me, Ne, Pe, Fe, Ie, Le, Re, ze, Be, Ve, He;
+var Ce = v`:host{& h2{color:var(--solid-ui-color-gray-900,#101828);font-size:var(--solid-ui-font-size-md,1rem);font-weight:600}& .access-grants-general{flex-direction:column;align-self:stretch;align-items:flex-start;gap:10px;padding:0 10px;display:flex;& solid-ui-combobox,& solid-ui-input{--solid-ui-input-border-color:var(--solid-ui-color-slate-200,#e2e8f0)}& .access-grants-general-header{flex-direction:row;justify-content:space-between;align-self:stretch;align-items:center;gap:15px;display:flex;& .access-grants-copy-link-button-label{font-size:var(--solid-ui-font-size-xs,.75rem);font-weight:500}& .access-grants-copy-link-button icon-lucide-link{aspect-ratio:1;width:12px;height:12px}}& .access-grants-general-share{align-self:stretch;align-items:center;gap:10px;display:flex;& .access-grants-general-share-content{flex-direction:row;flex:1 0 0;align-items:flex-start;gap:10px;display:flex;& .access-grants-general-share-icon{aspect-ratio:1;background:var(--solid-ui-color-violet-50,#f5f3ff);border-radius:50px;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;display:flex}& .access-grants-general-share-icon-inner{aspect-ratio:1;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:1.25px;display:flex;& icon-lucide-globe{aspect-ratio:1;flex-shrink:0;width:17.5px;height:17.5px}}& .access-grants-general-share-text{flex:auto;min-width:0;& .access-grants-general-share-text-title{color:var(--solid-ui-color-gray-900,#101828);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:600}& .access-grants-general-share-text-description{color:var(--solid-ui-color-gray-700,#364153);font-size:var(--solid-ui-font-size-sm,.875rem)}}}}}& .access-role-select--general{width:120px;min-width:120px;font-size:var(--solid-ui-font-size-xs,.75rem);flex:0 0 120px;font-weight:500}& .access-role-select--compact{--solid-ui-input-border-color:transparent;max-width:100%;margin-top:0;display:block}}`, we, Te, Ee, De, Oe, ke, Ae, je, Me, Ne, Pe, Fe, Ie, Le, Re, ze, Be, Ve, He;
 function Ue(e, t, n) {
 	We(e, t), t.set(e, n);
 }
@@ -548,9 +547,9 @@ function Ze(e) {
 function Qe(e) {
 	return e;
 }
-Me = [b("solid-ui-access-control-general-access")];
+Me = [h("solid-ui-access-control-general-access")];
 var $e;
-new (Ve = (Ee = /*#__PURE__*/ new WeakMap(), De = /*#__PURE__*/ new WeakMap(), Oe = /*#__PURE__*/ new WeakMap(), ke = /*#__PURE__*/ new WeakMap(), He = (Ne = h({ attribute: !1 }), Fe = h({ attribute: !1 }), Le = h({ attribute: !1 }), ze = h({ type: Boolean }), "subjectUri"), Te = class extends g {
+new (Ve = (Ee = /*#__PURE__*/ new WeakMap(), De = /*#__PURE__*/ new WeakMap(), Oe = /*#__PURE__*/ new WeakMap(), ke = /*#__PURE__*/ new WeakMap(), He = (Ne = g({ attribute: !1 }), Fe = g({ attribute: !1 }), Le = g({ attribute: !1 }), ze = g({ type: Boolean }), "subjectUri"), Te = class extends _ {
 	constructor(...e) {
 		super(...e), Ue(this, Ee, (Ae(this), Pe(this, void 0))), Ue(this, De, Ie(this, "No Access")), Ue(this, Oe, Re(this, "No Access")), Ue(this, ke, Be(this, !1));
 	}
@@ -602,17 +601,17 @@ new (Ve = (Ee = /*#__PURE__*/ new WeakMap(), De = /*#__PURE__*/ new WeakMap(), O
 		}
 	}
 	renderAuthenticatedRoleOptions() {
-		return s.map((e) => y`
+		return s.map((e) => b`
       <solid-ui-combobox-option value=${e}>${e}</solid-ui-combobox-option>
     `);
 	}
 	renderPublicRoleOptions() {
-		return i.map((e) => y`
+		return i.map((e) => b`
       <solid-ui-combobox-option value=${e}>${e}</solid-ui-combobox-option>
     `);
 	}
 	renderAuthenticatedModeSelector() {
-		return y`
+		return b`
       <solid-ui-combobox
         class="access-role-select access-role-select--compact access-role-select--general access-grants-role access-grants-role--editable access-role-select--authenticated"
         .disabled=${this.disabled}
@@ -624,7 +623,7 @@ new (Ve = (Ee = /*#__PURE__*/ new WeakMap(), De = /*#__PURE__*/ new WeakMap(), O
     `;
 	}
 	renderPublicModeSelector() {
-		return y`
+		return b`
       <solid-ui-combobox
         class="access-role-select access-role-select--compact access-role-select--general access-grants-role access-grants-role--editable access-role-select--public"
         .disabled=${this.disabled}
@@ -636,7 +635,7 @@ new (Ve = (Ee = /*#__PURE__*/ new WeakMap(), De = /*#__PURE__*/ new WeakMap(), O
     `;
 	}
 	renderGeneralAccessIcon() {
-		return y`
+		return b`
       <div class="access-grants-general-share-icon">
         <div class="access-grants-general-share-icon-inner">
           <icon-lucide-globe class="access-grants-general-share-icon-image"></icon-lucide-globe>
@@ -645,7 +644,7 @@ new (Ve = (Ee = /*#__PURE__*/ new WeakMap(), De = /*#__PURE__*/ new WeakMap(), O
     `;
 	}
 	renderGeneralShareRow(e) {
-		return y`
+		return b`
       <div class="access-grants-general-share">
         <div class="access-grants-general-share-content">
           ${this.renderGeneralAccessIcon()}
@@ -659,7 +658,7 @@ new (Ve = (Ee = /*#__PURE__*/ new WeakMap(), De = /*#__PURE__*/ new WeakMap(), O
     `;
 	}
 	render() {
-		return y`
+		return b`
       <section class="access-grants-general" aria-labelledby="general-access-heading">
         <div class="access-grants-general-header">
           <h2 id="general-access-heading">General Access</h2>
@@ -706,13 +705,13 @@ new (Ve = (Ee = /*#__PURE__*/ new WeakMap(), De = /*#__PURE__*/ new WeakMap(), O
 		1,
 		"disabled"
 	]
-], Me, 0, void 0, g), Te), we = class extends Qe {
+], Me, 0, void 0, _), Te), we = class extends Qe {
 	constructor() {
 		super($e), Ke(this, "styles", Ce), je();
 	}
 }, Ke(we, Ve, void 0), we)();
 // src/components/access-control-modal/AccessControlErrors.styles.css
-var et = _`:host{contain:inline-size;width:100%;display:block;& solid-ui-error-state{contain:inline-size;width:100%;max-width:100%}& .access-control-save-errors{box-sizing:border-box;gap:8px;width:100%;margin:0;padding-left:0;list-style:none;display:grid;& li{min-width:0;color:var(--solid-ui-color-red-600,#be2e48);font-size:var(--solid-ui-font-size-sm,.875rem);grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:baseline;gap:6px;line-height:1.4;display:grid}& .access-control-save-error-label{overflow-wrap:anywhere;font-weight:500}& .access-control-save-error-detail{overflow-wrap:anywhere;min-width:0}}@media (width<=600px){& .access-control-save-errors li{grid-template-columns:minmax(0,40%) minmax(0,1fr)}}}`, tt, nt, P, F, rt, it, at, ot, st, ct, lt, ut, dt;
+var et = v`:host{contain:inline-size;width:100%;display:block;& solid-ui-error-state{contain:inline-size;width:100%;max-width:100%}& .access-control-save-errors{box-sizing:border-box;gap:8px;width:100%;margin:0;padding-left:0;list-style:none;display:grid;& li{min-width:0;color:var(--solid-ui-color-red-600,#be2e48);font-size:var(--solid-ui-font-size-sm,.875rem);grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:baseline;gap:6px;line-height:1.4;display:grid}& .access-control-save-error-label{overflow-wrap:anywhere;font-weight:500}& .access-control-save-error-detail{overflow-wrap:anywhere;min-width:0}}@media (width<=600px){& .access-control-save-errors li{grid-template-columns:minmax(0,40%) minmax(0,1fr)}}}`, tt, nt, P, F, rt, it, at, ot, st, ct, lt, ut, dt;
 function ft(e, t, n) {
 	pt(e, t), t.set(e, n);
 }
@@ -884,9 +883,9 @@ function St(e) {
 function Ct(e) {
 	return e;
 }
-at = [b("solid-ui-access-control-errors")];
+at = [h("solid-ui-access-control-errors")];
 var wt;
-new (ut = (P = /*#__PURE__*/ new WeakMap(), F = /*#__PURE__*/ new WeakMap(), dt = (ot = h({ attribute: !1 }), ct = h({ attribute: !1 }), "errors"), nt = class extends g {
+new (ut = (P = /*#__PURE__*/ new WeakMap(), F = /*#__PURE__*/ new WeakMap(), dt = (ot = g({ attribute: !1 }), ct = g({ attribute: !1 }), "errors"), nt = class extends _ {
 	constructor(...e) {
 		super(...e), ft(this, P, (rt(this), st(this, []))), ft(this, F, lt(this, !0));
 	}
@@ -912,14 +911,14 @@ new (ut = (P = /*#__PURE__*/ new WeakMap(), F = /*#__PURE__*/ new WeakMap(), dt
 		return e === "folder+contents" ? "folder and contents" : e === "container" ? "folder" : e === "contents" ? "contents" : "resource";
 	}
 	render() {
-		return this.errors.length ? y`
+		return this.errors.length ? b`
       <solid-ui-error-state
         title="Some access changes could not be saved"
         message=${this.successfulChangesRefreshed ? "Any successful changes are shown above. The list below shows only the changes that failed. Close this dialog and reopen it if you want to try again." : "Some changes may have been saved, but we could not refresh the Shared with list. The list below shows only the changes that failed. Close this dialog and reopen it if you want to try again."}
         @close=${this.onClose}
       >
         <ul class="access-control-save-errors">
-          ${this.errors.map((e) => y`
+          ${this.errors.map((e) => b`
             <li>
               <span class="access-control-save-error-label">${e.label}</span>
               <span class="access-control-save-error-detail">
@@ -930,7 +929,7 @@ new (ut = (P = /*#__PURE__*/ new WeakMap(), F = /*#__PURE__*/ new WeakMap(), dt
           `)}
         </ul>
       </solid-ui-error-state>
-    ` : y``;
+    ` : b``;
 	}
 }, {e: [st, lt, rt], c: [wt, it]} = vt(nt, [[
 	ot,
@@ -940,13 +939,13 @@ new (ut = (P = /*#__PURE__*/ new WeakMap(), F = /*#__PURE__*/ new WeakMap(), dt
 	ct,
 	1,
 	"successfulChangesRefreshed"
-]], at, 0, void 0, g), nt), tt = class extends Ct {
+]], at, 0, void 0, _), nt), tt = class extends Ct {
 	constructor() {
 		super(wt), _t(this, "styles", et), it();
 	}
 }, _t(tt, ut, void 0), tt)();
 // src/components/access-control-modal/AccessControlModal.styles.css
-var Tt = _`:host{& .access-control-mixed-policy-warning{border:1px solid var(--solid-ui-color-red-300,#fca5a5);background:var(--solid-ui-color-red-50,#fef2f2);color:var(--solid-ui-color-red-800,#991b1b);font-size:var(--solid-ui-font-size-sm,.875rem);border-radius:5px;gap:4px;margin:0 0 16px;padding:12px 14px;line-height:1.45;display:grid;& strong{font-weight:600}}& .access-control-same-access-toggle{color:var(--solid-ui-color-gray-900,#101828);text-align:left;line-height:1.4;font:inherit;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:8px;margin-top:12px;padding:0;display:flex}& .access-control-switch-track{background:var(--solid-ui-color-slate-300,#cbd5e1);border-radius:999px;flex:none;width:34px;height:20px;margin-top:1px;padding:2px;transition:background .15s;display:inline-flex}& .access-control-same-access-toggle[aria-checked=true] .access-control-switch-track{background:var(--solid-ui-color-purple-600,#9333ea)}& .access-control-switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 2px #00000040}& .access-control-same-access-toggle[aria-checked=true] .access-control-switch-thumb{transform:translate(14px)}& .access-control-same-access-toggle>span:last-child{overflow-wrap:anywhere;min-width:0;max-width:100%}& .access-control-sharing-state,& .access-control-contents-prompt{box-sizing:border-box;min-width:0;max-width:100%;font-size:var(--solid-ui-font-size-sm,.875rem);margin-bottom:16px;padding:10px;& h2{color:var(--solid-ui-color-gray-900,#101828);font-size:var(--solid-ui-font-size-md,1rem);margin:0 0 10px;font-weight:600}& .access-control-advanced-sharing{box-sizing:border-box;overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;margin-top:10px;padding:10px 48px 10px 15px;position:relative;& h2{color:var(--solid-ui-color-gray-900,#101828);font-size:var(--solid-ui-font-size-md,1rem);margin:0 0 4px;font-weight:600}& p{overflow-wrap:anywhere;min-width:0;max-width:100%;color:var(--solid-ui-color-gray-600,#4a5565);font-size:var(--solid-ui-font-size-xs,.75rem);margin:0;line-height:1.5}& .access-control-advanced-sharing-description-line{max-width:100%;display:block}}& .access-control-advanced-sharing-options,& .access-control-advanced-sharing-actions{flex-wrap:wrap;gap:8px;min-width:0;margin-top:10px;display:flex;& solid-ui-button{--solid-ui-font-size-md:var(--solid-ui-font-size-sm,.875rem);white-space:normal;min-width:0;max-width:100%}}& .access-control-advanced-sharing-actions{justify-content:flex-end;margin-top:0;position:absolute;top:10px;right:15px;& solid-ui-button{color:var(--solid-ui-color-gray-600,#4a5565)}}& p{overflow-wrap:anywhere;min-width:0;max-width:100%;color:var(--solid-ui-color-gray-600,#4a5565);margin:0;line-height:1.5}}& .access-control-sharing-state-panel,& .access-control-contents-prompt{box-sizing:border-box;border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-white,#fff);border-radius:5px;min-width:0;max-width:100%;padding:10px 15px}& .access-control-sharing-state-panel{gap:10px;display:grid;& p{overflow-wrap:anywhere;min-width:0;max-width:100%}& .access-control-sharing-state-custom-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex;& p{flex:auto}& solid-ui-button{--solid-ui-font-size-md:var(--solid-ui-font-size-sm,.875rem);flex:none}}}& .access-control-sharing-guidance{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex;& p{overflow-wrap:anywhere;min-width:0;max-width:100%}& solid-ui-button{--solid-ui-font-size-md:var(--solid-ui-font-size-sm,.875rem);flex:none}}& .access-control-sharing-state-actions{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:8px;min-width:0;margin-top:10px;display:flex;& solid-ui-button{--solid-ui-font-size-md:var(--solid-ui-font-size-sm,.875rem);max-width:100%}}@media (width<=420px){& .access-control-sharing-guidance{flex-direction:column;align-items:flex-start;gap:8px;& solid-ui-button{align-self:flex-end}}}& .access-control-contents-prompt{& .access-control-contents-prompt-actions{flex-wrap:wrap;gap:8px;min-width:0;margin-top:10px;display:flex}& solid-ui-button{--solid-ui-font-size-md:var(--solid-ui-font-size-sm,.875rem);flex:0 auto;max-width:100%}}& .access-control-contents-prompt h2{margin-bottom:4px}& .access-control-footer-actions{justify-content:flex-end;align-items:center;gap:15px;width:100%;display:flex;&>solid-ui-button{min-width:132px}}@media (width<=380px){& .access-control-footer-actions{gap:8px;&>solid-ui-button{flex:1 1 0;min-width:0}}}}`;
+var Tt = v`:host{& .access-control-mixed-policy-warning{border:1px solid var(--solid-ui-color-red-300,#fca5a5);background:var(--solid-ui-color-red-50,#fef2f2);color:var(--solid-ui-color-red-800,#991b1b);font-size:var(--solid-ui-font-size-sm,.875rem);border-radius:5px;gap:4px;margin:0 0 16px;padding:12px 14px;line-height:1.45;display:grid;& strong{font-weight:600}}& .access-control-same-access-toggle{color:var(--solid-ui-color-gray-900,#101828);text-align:left;line-height:1.4;font:inherit;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:8px;margin-top:12px;padding:0;display:flex}& .access-control-switch-track{background:var(--solid-ui-color-slate-300,#cbd5e1);border-radius:999px;flex:none;width:34px;height:20px;margin-top:1px;padding:2px;transition:background .15s;display:inline-flex}& .access-control-same-access-toggle[aria-checked=true] .access-control-switch-track{background:var(--solid-ui-color-purple-600,#9333ea)}& .access-control-switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 2px #00000040}& .access-control-same-access-toggle[aria-checked=true] .access-control-switch-thumb{transform:translate(14px)}& .access-control-same-access-toggle>span:last-child{overflow-wrap:anywhere;min-width:0;max-width:100%}& .access-control-sharing-state,& .access-control-contents-prompt{box-sizing:border-box;min-width:0;max-width:100%;font-size:var(--solid-ui-font-size-sm,.875rem);margin-bottom:16px;padding:10px;& h2{color:var(--solid-ui-color-gray-900,#101828);font-size:var(--solid-ui-font-size-md,1rem);margin:0 0 10px;font-weight:600}& .access-control-advanced-sharing{box-sizing:border-box;overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%;margin-top:10px;padding:10px 48px 10px 15px;position:relative;& h2{color:var(--solid-ui-color-gray-900,#101828);font-size:var(--solid-ui-font-size-md,1rem);margin:0 0 4px;font-weight:600}& p{overflow-wrap:anywhere;min-width:0;max-width:100%;color:var(--solid-ui-color-gray-600,#4a5565);font-size:var(--solid-ui-font-size-xs,.75rem);margin:0;line-height:1.5}& .access-control-advanced-sharing-description-line{max-width:100%;display:block}}& .access-control-advanced-sharing-options,& .access-control-advanced-sharing-actions{flex-wrap:wrap;gap:8px;min-width:0;margin-top:10px;display:flex;& solid-ui-button{--solid-ui-font-size-md:var(--solid-ui-font-size-sm,.875rem);white-space:normal;min-width:0;max-width:100%}}& .access-control-advanced-sharing-actions{justify-content:flex-end;margin-top:0;position:absolute;top:10px;right:15px;& solid-ui-button{color:var(--solid-ui-color-gray-600,#4a5565)}}& p{overflow-wrap:anywhere;min-width:0;max-width:100%;color:var(--solid-ui-color-gray-600,#4a5565);margin:0;line-height:1.5}}& .access-control-sharing-state-panel,& .access-control-contents-prompt{box-sizing:border-box;border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-white,#fff);border-radius:5px;min-width:0;max-width:100%;padding:10px 15px}& .access-control-sharing-state-panel{gap:10px;display:grid;& p{overflow-wrap:anywhere;min-width:0;max-width:100%}& .access-control-sharing-state-custom-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex;& p{flex:auto}& solid-ui-button{--solid-ui-font-size-md:var(--solid-ui-font-size-sm,.875rem);flex:none}}}& .access-control-sharing-guidance{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex;& p{overflow-wrap:anywhere;min-width:0;max-width:100%}& solid-ui-button{--solid-ui-font-size-md:var(--solid-ui-font-size-sm,.875rem);flex:none}}& .access-control-sharing-state-actions{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:8px;min-width:0;margin-top:10px;display:flex;& solid-ui-button{--solid-ui-font-size-md:var(--solid-ui-font-size-sm,.875rem);max-width:100%}}@media (width<=420px){& .access-control-sharing-guidance{flex-direction:column;align-items:flex-start;gap:8px;& solid-ui-button{align-self:flex-end}}}& .access-control-contents-prompt{& .access-control-contents-prompt-actions{flex-wrap:wrap;gap:8px;min-width:0;margin-top:10px;display:flex}& solid-ui-button{--solid-ui-font-size-md:var(--solid-ui-font-size-sm,.875rem);flex:0 auto;max-width:100%}}& .access-control-contents-prompt h2{margin-bottom:4px}& .access-control-footer-actions{justify-content:flex-end;align-items:center;gap:15px;width:100%;display:flex;&>solid-ui-button{min-width:132px}}@media (width<=380px){& .access-control-footer-actions{gap:8px;&>solid-ui-button{flex:1 1 0;min-width:0}}}}`;
 // src/components/access-control-modal/accessGrantDrafts.ts
 function Et(e) {
 	return {
@@ -1063,7 +1062,7 @@ var Vt = class extends HTMLElement {
 };
 customElements.get("icon-lucide-users") || customElements.define("icon-lucide-users", Vt);
 // src/components/access-control-modal/AccessControlAddAccess.styles.css
-var Ht = _`:host{& .access-grants-form{font-size:var(--solid-ui-font-size-sm,.875rem);--access-role-select-width:129px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:10px;padding:10px;display:flex;& p{color:var(--solid-ui-color-gray-600,#4a5565);line-height:1.5}& .access-grants-form-main{align-self:stretch;align-items:center;gap:10px;display:flex;& .access-grants-input{border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-white,#fff);border-radius:5px;flex-direction:column;flex:auto;align-items:flex-start;gap:12px;min-width:0;padding:10px 15px;display:flex;& solid-ui-combobox{--solid-ui-input-border-color:var(--solid-ui-color-slate-200,#e2e8f0);width:100%}& .access-principal-error{color:var(--solid-ui-color-red-700,#b42318);font-size:var(--solid-ui-font-size-xs,.75rem);margin:0;line-height:1.4}}}& .access-grants-pending{flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;display:flex}& .access-grants-pending-item{border:1px solid var(--solid-ui-color-gray-300,#d1d5dc);background:var(--solid-ui-color-gray-50,#f9fafb);max-width:100%;color:var(--solid-ui-color-gray-700,#374151);border-radius:5px;align-items:center;gap:6px;padding:5px 10px;display:flex}& .access-grants-pending-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--solid-ui-color-gray-500,#6a7282);font-size:var(--solid-ui-font-size-xs,.75rem);line-height:1;overflow:hidden}& .access-grants-pending-item-remove{color:var(--solid-ui-color-gray-300,#d1d5dc);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;& icon-lucide-circle-x{width:14px;height:14px}}}& .access-grants-directory-entry{align-items:center;gap:8px;line-height:1;display:inline-flex}& .access-role-select{max-width:100%;width:var(--access-role-select-width);--solid-ui-input-border-color:var(--solid-ui-color-slate-200,#e2e8f0);flex:none;margin-top:25px;display:block}& .access-role-select--top{margin-top:0}}`, Ut, Wt, I, L, R, z, B, V, Gt, Kt, qt, Jt, Yt, Xt, Zt, Qt, $t, en, tn, nn, rn, an, on, sn, cn;
+var Ht = v`:host{& .access-grants-form{font-size:var(--solid-ui-font-size-sm,.875rem);--access-role-select-width:129px;flex-direction:column;align-self:stretch;align-items:flex-start;gap:10px;padding:10px;display:flex;& p{color:var(--solid-ui-color-gray-600,#4a5565);line-height:1.5}& .access-grants-form-main{align-self:stretch;align-items:center;gap:10px;display:flex;& .access-grants-input{border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-white,#fff);border-radius:5px;flex-direction:column;flex:auto;align-items:flex-start;gap:12px;min-width:0;padding:10px 15px;display:flex;& solid-ui-combobox{--solid-ui-input-border-color:var(--solid-ui-color-slate-200,#e2e8f0);width:100%}& .access-principal-error{color:var(--solid-ui-color-red-700,#b42318);font-size:var(--solid-ui-font-size-xs,.75rem);margin:0;line-height:1.4}}}& .access-grants-pending{flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;display:flex}& .access-grants-pending-item{border:1px solid var(--solid-ui-color-gray-300,#d1d5dc);background:var(--solid-ui-color-gray-50,#f9fafb);max-width:100%;color:var(--solid-ui-color-gray-700,#374151);border-radius:5px;align-items:center;gap:6px;padding:5px 10px;display:flex}& .access-grants-pending-item-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--solid-ui-color-gray-500,#6a7282);font-size:var(--solid-ui-font-size-xs,.75rem);line-height:1;overflow:hidden}& .access-grants-pending-item-remove{color:var(--solid-ui-color-gray-300,#d1d5dc);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;& icon-lucide-circle-x{width:14px;height:14px}}}& .access-grants-directory-entry{align-items:center;gap:8px;line-height:1;display:inline-flex}& .access-role-select{max-width:100%;width:var(--access-role-select-width);--solid-ui-input-border-color:var(--solid-ui-color-slate-200,#e2e8f0);flex:none;margin-top:25px;display:block}& .access-role-select--top{margin-top:0}}`, Ut, Wt, I, L, R, z, B, V, Gt, Kt, qt, Jt, Yt, Xt, Zt, Qt, $t, en, tn, nn, rn, an, on, sn, cn;
 function H(e, t, n) {
 	ln(e, t), t.set(e, n);
 }
@@ -1236,7 +1235,7 @@ function _n(e) {
 	return e;
 }
 function vn(e) {
-	return y`
+	return b`
     <span class="access-grants-directory-entry">
       ${yn(e)}
       <span>${e.label}</span>
@@ -1244,11 +1243,11 @@ function vn(e) {
   `;
 }
 function yn(e) {
-	return e.sources.includes("contacts") || e.sources.includes("groups") ? y`<icon-lucide-book-user style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-book-user>` : e.sources.includes("friends") ? y`<icon-lucide-users style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-users>` : e.sources.includes("catalog") ? y`<icon-lucide-user-round style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-user-round>` : m;
+	return e.sources.includes("contacts") || e.sources.includes("groups") ? b`<icon-lucide-book-user style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-book-user>` : e.sources.includes("friends") ? b`<icon-lucide-users style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-users>` : e.sources.includes("catalog") ? b`<icon-lucide-user-round style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-user-round>` : m;
 }
-qt = [b("solid-ui-access-control-add-access")];
+qt = [h("solid-ui-access-control-add-access")];
 var bn;
-new (sn = (I = /*#__PURE__*/ new WeakMap(), L = /*#__PURE__*/ new WeakMap(), R = /*#__PURE__*/ new WeakMap(), z = /*#__PURE__*/ new WeakMap(), B = /*#__PURE__*/ new WeakMap(), V = /*#__PURE__*/ new WeakMap(), cn = (Jt = h({ attribute: !1 }), Xt = h({ attribute: !1 }), Qt = h({ attribute: !1 }), en = h({ attribute: !1 }), nn = h({ type: Boolean }), an = h({ attribute: !1 }), "principalInputValue"), Wt = class extends g {
+new (sn = (I = /*#__PURE__*/ new WeakMap(), L = /*#__PURE__*/ new WeakMap(), R = /*#__PURE__*/ new WeakMap(), z = /*#__PURE__*/ new WeakMap(), B = /*#__PURE__*/ new WeakMap(), V = /*#__PURE__*/ new WeakMap(), cn = (Jt = g({ attribute: !1 }), Xt = g({ attribute: !1 }), Qt = g({ attribute: !1 }), en = g({ attribute: !1 }), nn = g({ type: Boolean }), an = g({ attribute: !1 }), "principalInputValue"), Wt = class extends _ {
 	constructor(...e) {
 		super(...e), H(this, I, (Gt(this), Yt(this, ""))), H(this, L, Zt(this, "Viewer")), H(this, R, $t(this, [])), H(this, z, tn(this, "")), H(this, B, rn(this, !1)), H(this, V, on(this, null));
 	}
@@ -1328,7 +1327,7 @@ new (sn = (I = /*#__PURE__*/ new WeakMap(), L = /*#__PURE__*/ new WeakMap(), R =
 		return typeof t?.value == "string" ? t.value : "";
 	}
 	render() {
-		return y`
+		return b`
       <section class="access-grants-form" aria-label="Add access">
         <p>Add person, group or software agent URL.</p>
         <div class="access-grants-form-main">
@@ -1344,7 +1343,7 @@ new (sn = (I = /*#__PURE__*/ new WeakMap(), L = /*#__PURE__*/ new WeakMap(), R =
               @input=${this.onPrincipalInput}
               @change=${this.onPrincipalSelect}
             ></solid-ui-combobox>
-            ${this.inputError ? y`<p class="access-principal-error" role="alert">${this.inputError}</p>` : m}
+            ${this.inputError ? b`<p class="access-principal-error" role="alert">${this.inputError}</p>` : m}
             ${this.renderPendingAccessGrants()}
           </div>
           <solid-ui-combobox
@@ -1353,7 +1352,7 @@ new (sn = (I = /*#__PURE__*/ new WeakMap(), L = /*#__PURE__*/ new WeakMap(), R =
             .value=${this.addAccessRoleValue}
             @change=${this.onRoleChange}
           >
-            ${s.filter((e) => e !== "No Access").map((e) => y`
+            ${s.filter((e) => e !== "No Access").map((e) => b`
                 <solid-ui-combobox-option value=${e}>${e}</solid-ui-combobox-option>
               `)}
           </solid-ui-combobox>
@@ -1362,12 +1361,12 @@ new (sn = (I = /*#__PURE__*/ new WeakMap(), L = /*#__PURE__*/ new WeakMap(), R =
     `;
 	}
 	renderPendingAccessGrants() {
-		return this.pendingAccessGrants.length ? y`
+		return this.pendingAccessGrants.length ? b`
       <div class="access-grants-pending">
-        ${this.pendingAccessGrants.map((e, t) => y`
+        ${this.pendingAccessGrants.map((e, t) => b`
           <div class="access-grants-pending-item">
             <span class="access-grants-pending-item-label">
-              ${e.targetKind === "trustedApp" ? y`<icon-lucide-globe style="width: 13px; height: 13px; vertical-align: -2px;"></icon-lucide-globe>` : m}
+              ${e.targetKind === "trustedApp" ? b`<icon-lucide-globe style="width: 13px; height: 13px; vertical-align: -2px;"></icon-lucide-globe>` : m}
               ${e.label}
             </span>
             <solid-ui-button
@@ -1416,7 +1415,7 @@ new (sn = (I = /*#__PURE__*/ new WeakMap(), L = /*#__PURE__*/ new WeakMap(), R =
 		1,
 		"asyncOptionsProvider"
 	]
-], qt, 0, void 0, g), Wt), Ut = class extends _n {
+], qt, 0, void 0, _), Wt), Ut = class extends _n {
 	constructor() {
 		super(bn), dn(this, "styles", Ht), Kt();
 	}
@@ -1508,14 +1507,14 @@ async function jn(e) {
 		label: `Use origin ${t}`,
 		value: t,
 		targetKind: "origin",
-		template: y`<span class="access-grants-directory-entry"><icon-lucide-globe style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-globe><span>Use origin ${t}</span></span>`
+		template: b`<span class="access-grants-directory-entry"><icon-lucide-globe style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-globe><span>Use origin ${t}</span></span>`
 	}];
 	if (!xn(e)) return [];
 	if (Sn(e)) return [{
 		label: `Use origin ${new URL(e).origin}`,
 		value: new URL(e).origin,
 		targetKind: "origin",
-		template: y`<span class="access-grants-directory-entry"><icon-lucide-globe style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-globe><span>Use origin ${new URL(e).origin}</span></span>`
+		template: b`<span class="access-grants-directory-entry"><icon-lucide-globe style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-globe><span>Use origin ${new URL(e).origin}</span></span>`
 	}];
 	let n = await kn(e);
 	return Tn(n ? [n] : []);
@@ -1534,7 +1533,7 @@ async function Mn(e) {
 				label: `Trusted app: ${i}`,
 				value: i,
 				targetKind: "trustedApp",
-				template: y`<span class="access-grants-directory-entry"><icon-lucide-globe style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-globe><span>Trusted app: ${i}</span></span>`
+				template: b`<span class="access-grants-directory-entry"><icon-lucide-globe style="width: 13px; height: 13px; flex: 0 0 13px;"></icon-lucide-globe><span>Trusted app: ${i}</span></span>`
 			}];
 		});
 	} catch {
@@ -1808,9 +1807,9 @@ function qr(e) {
 function Jr(e) {
 	return e != null;
 }
-tr = [b("solid-ui-access-control-modal")];
+tr = [h("solid-ui-access-control-modal")];
 var Yr;
-new (Rr = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J = /*#__PURE__*/ new WeakMap(), Bn = /*#__PURE__*/ new WeakMap(), Vn = /*#__PURE__*/ new WeakMap(), Hn = /*#__PURE__*/ new WeakMap(), Un = /*#__PURE__*/ new WeakMap(), Wn = /*#__PURE__*/ new WeakMap(), Gn = /*#__PURE__*/ new WeakMap(), Kn = /*#__PURE__*/ new WeakMap(), qn = /*#__PURE__*/ new WeakMap(), Jn = /*#__PURE__*/ new WeakMap(), Yn = /*#__PURE__*/ new WeakMap(), Y = /*#__PURE__*/ new WeakMap(), Xn = /*#__PURE__*/ new WeakMap(), Zn = /*#__PURE__*/ new WeakMap(), Qn = /*#__PURE__*/ new WeakMap(), zr = (nr = h({ attribute: !1 }), ir = h({ attribute: !1 }), or = v(), cr = v(), ur = v(), fr = v(), mr = v(), gr = v(), vr = v(), br = v(), Sr = v(), wr = v(), Er = v(), Or = v(), Ar = v(), Mr = v(), Pr = v(), Ir = v(), "subjectUri"), zn = class extends p {
+new (Rr = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J = /*#__PURE__*/ new WeakMap(), Bn = /*#__PURE__*/ new WeakMap(), Vn = /*#__PURE__*/ new WeakMap(), Hn = /*#__PURE__*/ new WeakMap(), Un = /*#__PURE__*/ new WeakMap(), Wn = /*#__PURE__*/ new WeakMap(), Gn = /*#__PURE__*/ new WeakMap(), Kn = /*#__PURE__*/ new WeakMap(), qn = /*#__PURE__*/ new WeakMap(), Jn = /*#__PURE__*/ new WeakMap(), Yn = /*#__PURE__*/ new WeakMap(), Y = /*#__PURE__*/ new WeakMap(), Xn = /*#__PURE__*/ new WeakMap(), Zn = /*#__PURE__*/ new WeakMap(), Qn = /*#__PURE__*/ new WeakMap(), zr = (nr = g({ attribute: !1 }), ir = g({ attribute: !1 }), or = y(), cr = y(), ur = y(), fr = y(), mr = y(), gr = y(), vr = y(), br = y(), Sr = y(), wr = y(), Er = y(), Or = y(), Ar = y(), Mr = y(), Pr = y(), Ir = y(), "subjectUri"), zn = class extends p {
 	constructor(...e) {
 		super(...e), X(this, G, ($n(this), rr(this, void 0))), X(this, K, ar(this, void 0)), X(this, q, sr(this, "")), X(this, J, lr(this, "Viewer")), X(this, Bn, dr(this, "No Access")), X(this, Vn, pr(this, "No Access")), X(this, Hn, hr(this, !1)), X(this, Un, _r(this, [])), X(this, Wn, yr(this, [])), X(this, Gn, xr(this, [])), X(this, Kn, Cr(this, !0)), X(this, qn, Tr(this)), X(this, Jn, Dr(this, !1)), X(this, Yn, kr(this, "")), X(this, Y, jr(this, !1)), X(this, Xn, Nr(this, "folder+contents")), X(this, Zn, Fr(this)), X(this, Qn, Lr(this, !1)), $(this, "accessGrantLabelRequestVersion", 0), $(this, "accessContextRequestVersion", 0), $(this, "accessContextSubjectUri", void 0);
 	}
@@ -2003,14 +2002,14 @@ new (Rr = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q =
 		await this.loadAccessContext();
 	}
 	renderSharingInformation() {
-		if (!this.accessContext) return y``;
-		let t = !this.accessContext.inherited, n = this.accessContext?.effectiveContainer, r = n ? u(e(n)).trim() : "", i = r && r !== n ? y`<strong>${r}</strong> (${n})` : y`<strong>${n ?? "the parent container"}</strong>`;
-		return y`
+		if (!this.accessContext) return b``;
+		let t = !this.accessContext.inherited, n = this.accessContext?.effectiveContainer, r = n ? u(e(n)).trim() : "", i = r && r !== n ? b`<strong>${r}</strong> (${n})` : b`<strong>${n ?? "the parent container"}</strong>`;
+		return b`
       <div class="access-control-sharing-state-panel">
-        ${t ? y`
+        ${t ? b`
             <div class="access-control-sharing-state-custom-row">
               <p>This resource has its own sharing settings.</p>
-              ${this.protectedTarget ? y`` : y`
+              ${this.protectedTarget ? b`` : b`
                   <solid-ui-button
                     type="button"
                     variant="tertiary"
@@ -2021,13 +2020,13 @@ new (Rr = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q =
                   </solid-ui-button>
                 `}
             </div>
-          ` : n ? y`<p>This resource inherits sharing settings from ${i}.</p>` : y`<p>This resource inherits sharing settings, but no inherited default is available.</p>`}
-        ${this.protectedTarget ? y`<p class="access-control-sharing-state-protected-message">This is a protected storage resource. Its primary access-control settings cannot be reset here.</p>` : y``}
+          ` : n ? b`<p>This resource inherits sharing settings from ${i}.</p>` : b`<p>This resource inherits sharing settings, but no inherited default is available.</p>`}
+        ${this.protectedTarget ? b`<p class="access-control-sharing-state-protected-message">This is a protected storage resource. Its primary access-control settings cannot be reset here.</p>` : b``}
       </div>
     `;
 	}
 	renderSharingState() {
-		return !this.accessContext || !this.advancedSharingOpen ? y`` : y`
+		return !this.accessContext || !this.advancedSharingOpen ? b`` : b`
       <section
         class="access-control-sharing-state"
         aria-labelledby="access-control-advanced-sharing-heading"
@@ -2044,7 +2043,7 @@ new (Rr = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q =
 		return this.isContainer() && this.containerScopeAnalysis?.mixed === !0;
 	}
 	renderAccessContextState() {
-		return this.accessContextLoading ? y`<p role="status">Loading access settings...</p>` : this.accessContextError ? y`
+		return this.accessContextLoading ? b`<p role="status">Loading access settings...</p>` : this.accessContextError ? b`
         <solid-ui-error-state
           title="Could not load access settings"
           message=${this.accessContextError}
@@ -2053,15 +2052,15 @@ new (Rr = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q =
             Retry
           </solid-ui-button>
         </solid-ui-error-state>
-      ` : this.accessContext ? y`` : y`<p role="status">Access settings are not ready yet.</p>`;
+      ` : this.accessContext ? b`` : b`<p role="status">Access settings are not ready yet.</p>`;
 	}
 	renderMixedContainerWarning() {
-		return this.hasMixedContainerPolicy() ? y`
+		return this.hasMixedContainerPolicy() ? b`
       <div class="access-control-mixed-policy-warning" role="alert">
         <strong>This container has different access settings for the folder and its contents.</strong>
         <span>Changing this mixed policy is an advanced feature. You can still change access for the folder or its contents separately below.</span>
       </div>
-    ` : y``;
+    ` : b``;
 	}
 	getScopedAccessGrants(e = this.getSelectedContainerScope()) {
 		let t = this.accessGrants ?? [];
@@ -2075,7 +2074,7 @@ new (Rr = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q =
 		this.containerScope = e, this.refreshScopedAccessGrantDrafts();
 	}
 	renderAdvancedSharing() {
-		return this.advancedSharingOpen ? y`
+		return this.advancedSharingOpen ? b`
       <section
         id="access-control-advanced-sharing"
         class="access-control-advanced-sharing"
@@ -2089,7 +2088,7 @@ new (Rr = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q =
           <span class="access-control-advanced-sharing-description-line">Choose which access settings to edit.</span>
           <span class="access-control-advanced-sharing-description-line">Save Changes applies your current edits only to that scope.</span>
         </p>
-        ${this.isContainer() ? y`
+        ${this.isContainer() ? b`
             <button
               type="button"
               class="access-control-same-access-toggle"
@@ -2127,7 +2126,7 @@ new (Rr = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q =
                 Contents Only
               </solid-ui-button>
             </div>
-          ` : y``}
+          ` : b``}
         <div class="access-control-advanced-sharing-actions">
           <solid-ui-button
             type="button"
@@ -2141,11 +2140,11 @@ new (Rr = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q =
           </solid-ui-button>
         </div>
       </section>
-    ` : y``;
+    ` : b``;
 	}
 	render() {
 		let e = this.getDialogTitle();
-		return y`
+		return b`
       <solid-ui-dialog title=${e}>
         <form @submit=${this.onSubmit}>
           <solid-ui-dialog-content>
@@ -2474,4 +2473,4 @@ new (Rr = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q =
 var Xr = Yr;
 export { Yr as n, Xr as t };
 
-//# sourceMappingURL=access-control-modal-CWH98HX3.js.map
+//# sourceMappingURL=access-control-modal-CwmY_Dod.js.map