diff --git a/integrations/bricks/admin-app/src/components/LivePreview.svelte b/integrations/bricks/admin-app/src/components/LivePreview.svelte index 113cbab3..e35f99e9 100644 --- a/integrations/bricks/admin-app/src/components/LivePreview.svelte +++ b/integrations/bricks/admin-app/src/components/LivePreview.svelte @@ -28,6 +28,17 @@ const statuses = ['success', 'warning', 'error', 'info', 'danger']; const defaultColors = meta.defaults?.colors ?? {}; + // Auto-derivation formulas matching core/tokens.css verbatim. + // Module-level so they're defined once, not recreated per render. + const autoDarkStandard = (light) => + `oklch(from var(${light}) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)`; + const autoDarkBase = (light) => + `oklch(from var(${light}) clamp(0.16, calc(1.18 - l), 0.24) calc(c * 0.5) h)`; + const autoDark = (name) => { + const light = `--sf-color-${name}-light`; + return name === 'base' ? autoDarkBase(light) : autoDarkStandard(light); + }; + /** Light / dark mode toggle for the preview panel. */ let darkMode = $state(false); @@ -43,17 +54,22 @@ const radius = tokens.radius ?? {}; const shadows = tokens.shadows ?? {}; + // When dark overrides are disabled the framework auto-derives dark colors + // via CSS relative color syntax. Mirror that exactly so the preview matches + // what the front-end actually renders. When enabled, use stored values. + const darkEnabled = colors.dark_overrides_enabled !== '0'; + for (const name of brand) { const v = colors[`brand_${name}`] ?? defaultColors.brand_hex_hints?.[name]; if (v) pairs.push(`--sf-color-${name}-light:${v}`); - const vd = colors[`brand_dark_${name}`] ?? defaultColors.brand_dark_hex_hints?.[name]; - if (vd) pairs.push(`--sf-color-${name}-dark:${vd}`); + const storedDark = darkEnabled ? colors[`brand_dark_${name}`] : ''; + pairs.push(`--sf-color-${name}-dark:${storedDark || autoDark(name)}`); } for (const name of statuses) { const v = colors[`status_${name}`] ?? defaultColors.status_hex_hints?.[name]; if (v) pairs.push(`--sf-color-${name}-light:${v}`); - const vd = colors[`status_dark_${name}`] ?? defaultColors.status_dark_hex_hints?.[name]; - if (vd) pairs.push(`--sf-color-${name}-dark:${vd}`); + const storedDark = darkEnabled ? colors[`status_dark_${name}`] : ''; + pairs.push(`--sf-color-${name}-dark:${storedDark || autoDark(name)}`); } if (typography.font_body) pairs.push(`--sf-font-body:${typography.font_body}`); if (typography.font_heading) pairs.push(`--sf-font-heading:${typography.font_heading}`); diff --git a/integrations/bricks/assets/admin-app/app.js b/integrations/bricks/assets/admin-app/app.js index 76ace323..4394cda9 100644 --- a/integrations/bricks/assets/admin-app/app.js +++ b/integrations/bricks/assets/admin-app/app.js @@ -1,17 +1,17 @@ -var Sn=Object.defineProperty;var ar=e=>{throw TypeError(e)};var En=(e,t,s)=>t in e?Sn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var Ve=(e,t,s)=>En(e,typeof t!="symbol"?t+"":t,s),ya=(e,t,s)=>t.has(e)||ar("Cannot "+s);var g=(e,t,s)=>(ya(e,t,"read from private field"),s?s.call(e):t.get(e)),Z=(e,t,s)=>t.has(e)?ar("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),X=(e,t,s,a)=>(ya(e,t,"write to private field"),a?a.call(e,s):t.set(e,s),s),ie=(e,t,s)=>(ya(e,t,"access private method"),s);var Ba=Array.isArray,jn=Array.prototype.indexOf,Xt=Array.prototype.includes,ua=Array.from,Tn=Object.defineProperty,fs=Object.getOwnPropertyDescriptor,Cn=Object.getOwnPropertyDescriptors,$n=Object.prototype,zn=Array.prototype,jr=Object.getPrototypeOf,rr=Object.isExtensible;const Tr=()=>{};function An(e){for(var t=0;t{e=a,t=r});return{promise:s,resolve:e,reject:t}}function ot(e,t){if(Array.isArray(e))return e;if(t===void 0||!(Symbol.iterator in e))return Array.from(e);const s=[];for(const a of e)if(s.push(a),s.length===t)break;return s}const Oe=2,bs=4,va=8,$r=1<<24,ct=16,vt=32,Vt=64,Ca=128,tt=512,Ae=1024,Me=2048,bt=4096,Le=8192,st=16384,is=32768,$a=1<<25,ss=65536,ea=1<<17,Fn=1<<18,Ss=1<<19,Rn=1<<20,mt=1<<25,as=65536,ta=1<<21,us=1<<22,Lt=1<<23,Zt=Symbol("$state"),Mn=Symbol("legacy props"),On=Symbol(""),Gs=Symbol("attributes"),za=Symbol("class"),Aa=Symbol("style"),Ts=Symbol("text"),Ws=Symbol("form reset"),pa=new class extends Error{constructor(){super(...arguments);Ve(this,"name","StaleReactionError");Ve(this,"message","The reaction that called `getAbortSignal()` was re-run or destroyed")}},Dn=!!globalThis.document?.contentType&&globalThis.document.contentType.includes("xml");function Pn(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function Ln(e,t,s){throw new Error("https://svelte.dev/e/each_key_duplicate")}function Vn(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function In(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function qn(e){throw new Error("https://svelte.dev/e/effect_orphan")}function Nn(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function Bn(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function Kn(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function Hn(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function Un(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function Gn(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const Wn=1,Yn=2,zr=4,Xn=8,Zn=16,Jn=1,Qn=4,ei=8,ti=16,si=1,ai=2,ze=Symbol("uninitialized"),Ar="http://www.w3.org/1999/xhtml";function ri(){console.warn("https://svelte.dev/e/derived_inert")}function ni(){console.warn("https://svelte.dev/e/select_multiple_invalid_value")}function ii(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function Fr(e){return e===this.v}function li(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function Rr(e){return!li(e,this.v)}let Ye=null;function ys(e){Ye=e}function xe(e,t=!1,s){Ye={p:Ye,i:!1,c:null,e:null,s:e,x:null,r:se,l:null}}function ke(e){var t=Ye,s=t.e;if(s!==null){t.e=null;for(var a of s)an(a)}return t.i=!0,Ye=t.p,{}}function Mr(){return!0}let qt=[];function Or(){var e=qt;qt=[],An(e)}function Jt(e){if(qt.length===0&&!zs){var t=qt;queueMicrotask(()=>{t===qt&&Or()})}qt.push(e)}function oi(){for(;qt.length>0;)Or()}function Dr(e){var t=se;if(t===null)return ee.f|=Lt,e;if((t.f&is)===0&&(t.f&bs)===0)throw e;Pt(e,t)}function Pt(e,t){for(;t!==null;){if((t.f&Ca)!==0){if((t.f&is)===0)throw e;try{t.b.error(e);return}catch(s){e=s}}t=t.parent}throw e}const ci=-7169;function Ee(e,t){e.f=e.f&ci|t}function Ka(e){(e.f&tt)!==0||e.deps===null?Ee(e,Ae):Ee(e,bt)}function Pr(e){if(e!==null)for(const t of e)(t.f&Oe)===0||(t.f&as)===0||(t.f^=as,Pr(t.deps))}function Lr(e,t,s){(e.f&Me)!==0?t.add(e):(e.f&bt)!==0&&s.add(e),Pr(e.deps),Ee(e,Ae)}let Bs=!1;function di(e){var t=Bs;try{return Bs=!1,[e(),Bs]}finally{Bs=t}}let wa=null,ls=null,J=null,Fa=null,dt=null,Ra=null,zs=!1,xa=!1,ds=null,Ys=null;var nr=0;let fi=1;var vs,Mt,Kt,ps,hs,Ht,_s,jt,Os,Ue,Ds,Ot,ht,_t,gs,Ut,de,Ma,Cs,Oa,Vr,Ir,Xs,ui,Da,cs;const ca=class ca{constructor(){Z(this,de);Ve(this,"id",fi++);Z(this,vs,!1);Ve(this,"linked",!0);Z(this,Mt,null);Z(this,Kt,null);Ve(this,"async_deriveds",new Map);Ve(this,"current",new Map);Ve(this,"previous",new Map);Ve(this,"unblocked",new Set);Z(this,ps,new Set);Z(this,hs,new Set);Z(this,Ht,new Set);Z(this,_s,0);Z(this,jt,new Map);Z(this,Os,null);Z(this,Ue,[]);Z(this,Ds,[]);Z(this,Ot,new Set);Z(this,ht,new Set);Z(this,_t,new Map);Z(this,gs,new Set);Ve(this,"is_fork",!1);Z(this,Ut,!1)}skip_effect(t){g(this,_t).has(t)||g(this,_t).set(t,{d:[],m:[]}),g(this,gs).delete(t)}unskip_effect(t,s=a=>this.schedule(a)){var a=g(this,_t).get(t);if(a){g(this,_t).delete(t);for(var r of a.d)Ee(r,Me),s(r);for(r of a.m)Ee(r,bt),s(r)}g(this,gs).add(t)}capture(t,s,a=!1){t.v!==ze&&!this.previous.has(t)&&this.previous.set(t,t.v),(t.f&Lt)===0&&(this.current.set(t,[s,a]),dt?.set(t,s)),this.is_fork||(t.v=s)}activate(){J=this}deactivate(){J=null,dt=null}flush(){try{xa=!0,J=this,ie(this,de,Cs).call(this)}finally{nr=0,Ra=null,ds=null,Ys=null,xa=!1,J=null,dt=null,Qt.clear()}}discard(){for(const t of g(this,hs))t(this);g(this,hs).clear(),g(this,Ht).clear(),ie(this,de,cs).call(this)}register_created_effect(t){g(this,Ds).push(t)}increment(t,s){if(X(this,_s,g(this,_s)+1),t){let a=g(this,jt).get(s)??0;g(this,jt).set(s,a+1)}}decrement(t,s){if(X(this,_s,g(this,_s)-1),t){let a=g(this,jt).get(s)??0;a===1?g(this,jt).delete(s):g(this,jt).set(s,a-1)}g(this,Ut)||(X(this,Ut,!0),Jt(()=>{X(this,Ut,!1),this.linked&&this.flush()}))}transfer_effects(t,s){for(const a of t)g(this,Ot).add(a);for(const a of s)g(this,ht).add(a);t.clear(),s.clear()}oncommit(t){g(this,ps).add(t)}ondiscard(t){g(this,hs).add(t)}on_fork_commit(t){g(this,Ht).add(t)}run_fork_commit_callbacks(){for(const t of g(this,Ht))t(this);g(this,Ht).clear()}settled(){return(g(this,Os)??X(this,Os,Cr())).promise}static ensure(){var t;if(J===null){const s=J=new ca;ie(t=s,de,Da).call(t),!xa&&!zs&&Jt(()=>{g(s,vs)||s.flush()})}return J}apply(){{dt=null;return}}schedule(t){if(Ra=t,t.b?.is_pending&&(t.f&(bs|va|$r))!==0&&(t.f&is)===0){t.b.defer_effect(t);return}for(var s=t;s.parent!==null;){s=s.parent;var a=s.f;if(ds!==null&&s===se&&(ee===null||(ee.f&Oe)===0))return;if((a&(Vt|vt))!==0){if((a&Ae)===0)return;s.f^=Ae}}g(this,Ue).push(s)}};vs=new WeakMap,Mt=new WeakMap,Kt=new WeakMap,ps=new WeakMap,hs=new WeakMap,Ht=new WeakMap,_s=new WeakMap,jt=new WeakMap,Os=new WeakMap,Ue=new WeakMap,Ds=new WeakMap,Ot=new WeakMap,ht=new WeakMap,_t=new WeakMap,gs=new WeakMap,Ut=new WeakMap,de=new WeakSet,Ma=function(){if(this.is_fork)return!0;for(const a of g(this,jt).keys()){for(var t=a,s=!1;t.parent!==null;){if(g(this,_t).has(t)){s=!0;break}t=t.parent}if(!s)return!0}return!1},Cs=function(){var c,d,_;if(X(this,vs,!0),nr++>1e3&&(ie(this,de,cs).call(this),pi()),!ie(this,de,Ma).call(this)){for(const v of g(this,Ot))g(this,ht).delete(v),Ee(v,Me),this.schedule(v);for(const v of g(this,ht))Ee(v,bt),this.schedule(v)}const t=g(this,Ue);X(this,Ue,[]),this.apply();var s=ds=[],a=[],r=Ys=[];for(const v of t)try{ie(this,de,Oa).call(this,v,s,a)}catch(u){throw Br(v),u}if(J=null,r.length>0){var n=ca.ensure();for(const v of r)n.schedule(v)}if(ds=null,Ys=null,ie(this,de,Ma).call(this)){ie(this,de,Xs).call(this,a),ie(this,de,Xs).call(this,s);for(const[v,u]of g(this,_t))Nr(v,u);r.length>0&&ie(c=J,de,Cs).call(c);return}const l=ie(this,de,Vr).call(this);if(l){ie(d=l,de,Ir).call(d,this);return}g(this,Ot).clear(),g(this,ht).clear();for(const v of g(this,ps))v(this);g(this,ps).clear(),Fa=this,ir(a),ir(s),Fa=null,g(this,Os)?.resolve();var o=J;if(this.linked&&g(this,_s)===0&&ie(this,de,cs).call(this),g(this,Ue).length>0){o===null&&(o=this,ie(this,de,Da).call(this));const v=o;g(v,Ue).push(...g(this,Ue).filter(u=>!g(v,Ue).includes(u)))}o!==null&&ie(_=o,de,Cs).call(_)},Oa=function(t,s,a){t.f^=Ae;for(var r=t.first;r!==null;){var n=r.f,l=(n&(vt|Vt))!==0,o=l&&(n&Ae)!==0,c=o||(n&Le)!==0||g(this,_t).has(r);if(!c&&r.fn!==null){l?r.f^=Ae:(n&bs)!==0?s.push(r):Ns(r)&&((n&ct)!==0&&g(this,ht).add(r),xs(r));var d=r.first;if(d!==null){r=d;continue}}for(;r!==null;){var _=r.next;if(_!==null){r=_;break}r=r.parent}}},Vr=function(){for(var t=g(this,Mt);t!==null;){if(!t.is_fork){for(const[s,[,a]]of this.current)if(t.current.has(s)&&!a)return t}t=g(t,Mt)}return null},Ir=function(t){var a;for(const[r,n]of t.current)!this.previous.has(r)&&t.previous.has(r)&&this.previous.set(r,t.previous.get(r)),this.current.set(r,n);for(const[r,n]of t.async_deriveds){const l=this.async_deriveds.get(r);l&&n.promise.then(l.resolve)}const s=r=>{var n=r.reactions;if(n!==null)for(const c of n){var l=c.f;if((l&Oe)!==0)s(c);else{var o=c;l&(us|ct)&&!this.async_deriveds.has(o)&&(g(this,ht).delete(o),Ee(o,Me),this.schedule(o))}}};for(const r of this.current.keys())s(r);this.oncommit(()=>t.discard()),ie(a=t,de,cs).call(a),J=this,ie(this,de,Cs).call(this)},Xs=function(t){for(var s=0;s!this.current.has(u));if(r.length===0)t&&v.discard();else if(s.length>0){if(t)for(const u of g(this,gs))v.unskip_effect(u,m=>{var b;(m.f&(ct|us))!==0?v.schedule(m):ie(b=v,de,Xs).call(b,[m])});v.activate();var n=new Set,l=new Map;for(var o of s)qr(o,r,n,l);l=new Map;var c=[...v.current.keys()].filter(u=>this.current.has(u)?this.current.get(u)[0]!==u.v:!0);if(c.length>0)for(const u of g(this,Ds))(u.f&(st|Le|ea))===0&&Ha(u,c,l)&&((u.f&(us|ct))!==0?(Ee(u,Me),v.schedule(u)):g(v,Ot).add(u));if(g(v,Ue).length>0&&!g(v,Ut)){v.apply();for(var d of g(v,Ue))ie(_=v,de,Oa).call(_,d,[],[]);X(v,Ue,[])}v.deactivate()}}}},Da=function(){ls===null?wa=ls=this:(X(ls,Kt,this),X(this,Mt,ls)),ls=this},cs=function(){var t=g(this,Mt),s=g(this,Kt);t===null?wa=s:X(t,Kt,s),s===null?ls=t:X(s,Mt,t),this.linked=!1};let rs=ca;function vi(e){var t=zs;zs=!0;try{for(var s;;){if(oi(),J===null)return s;J.flush()}}finally{zs=t}}function pi(){try{Nn()}catch(e){Pt(e,Ra)}}let Et=null;function ir(e){var t=e.length;if(t!==0){for(var s=0;s0)){Qt.clear();for(const r of Et){if((r.f&(st|Le))!==0)continue;const n=[r];let l=r.parent;for(;l!==null;)Et.has(l)&&(Et.delete(l),n.push(l)),l=l.parent;for(let o=n.length-1;o>=0;o--){const c=n[o];(c.f&(st|Le))===0&&xs(c)}}Et.clear()}}Et=null}}function qr(e,t,s,a){if(!s.has(e)&&(s.add(e),e.reactions!==null))for(const r of e.reactions){const n=r.f;(n&Oe)!==0?qr(r,t,s,a):(n&(us|ct))!==0&&(n&Me)===0&&Ha(r,t,a)&&(Ee(r,Me),Ua(r))}}function Ha(e,t,s){const a=s.get(e);if(a!==void 0)return a;if(e.deps!==null)for(const r of e.deps){if(Xt.call(t,r))return!0;if((r.f&Oe)!==0&&Ha(r,t,s))return s.set(r,!0),!0}return s.set(e,!1),!1}function Ua(e){J.schedule(e)}function Nr(e,t){if(!((e.f&vt)!==0&&(e.f&Ae)!==0)){(e.f&Me)!==0?t.d.push(e):(e.f&bt)!==0&&t.m.push(e),Ee(e,Ae);for(var s=e.first;s!==null;)Nr(s,t),s=s.next}}function Br(e){Ee(e,Ae);for(var t=e.first;t!==null;)Br(t),t=t.next}function hi(e){let t=0,s=ns(0),a;return()=>{Ya()&&(i(s),Xa(()=>(t===0&&(a=_a(()=>e(()=>As(s)))),t+=1,()=>{Jt(()=>{t-=1,t===0&&(a?.(),a=void 0,As(s))})})))}}var _i=ss|Ss;function gi(e,t,s,a){new mi(e,t,s,a)}var Ze,Na,Je,Gt,Ie,Qe,Pe,Ge,Tt,Wt,Dt,ms,Ps,Ls,Ct,da,Te,bi,yi,wi,Pa,Zs,Js,La,Va;class mi{constructor(t,s,a,r){Z(this,Te);Ve(this,"parent");Ve(this,"is_pending",!1);Ve(this,"transform_error");Z(this,Ze);Z(this,Na,null);Z(this,Je);Z(this,Gt);Z(this,Ie);Z(this,Qe,null);Z(this,Pe,null);Z(this,Ge,null);Z(this,Tt,null);Z(this,Wt,0);Z(this,Dt,0);Z(this,ms,!1);Z(this,Ps,new Set);Z(this,Ls,new Set);Z(this,Ct,null);Z(this,da,hi(()=>(X(this,Ct,ns(g(this,Wt))),()=>{X(this,Ct,null)})));X(this,Ze,t),X(this,Je,s),X(this,Gt,n=>{var l=se;l.b=this,l.f|=Ca,a(n)}),this.parent=se.b,this.transform_error=r??this.parent?.transform_error??(n=>n),X(this,Ie,ha(()=>{ie(this,Te,Pa).call(this)},_i))}defer_effect(t){Lr(t,g(this,Ps),g(this,Ls))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!g(this,Je).pending}update_pending_count(t,s){ie(this,Te,La).call(this,t,s),X(this,Wt,g(this,Wt)+t),!(!g(this,Ct)||g(this,ms))&&(X(this,ms,!0),Jt(()=>{X(this,ms,!1),g(this,Ct)&&ws(g(this,Ct),g(this,Wt))}))}get_effect_pending(){return g(this,da).call(this),i(g(this,Ct))}error(t){if(!g(this,Je).onerror&&!g(this,Je).failed)throw t;J?.is_fork?(g(this,Qe)&&J.skip_effect(g(this,Qe)),g(this,Pe)&&J.skip_effect(g(this,Pe)),g(this,Ge)&&J.skip_effect(g(this,Ge)),J.on_fork_commit(()=>{ie(this,Te,Va).call(this,t)})):ie(this,Te,Va).call(this,t)}}Ze=new WeakMap,Na=new WeakMap,Je=new WeakMap,Gt=new WeakMap,Ie=new WeakMap,Qe=new WeakMap,Pe=new WeakMap,Ge=new WeakMap,Tt=new WeakMap,Wt=new WeakMap,Dt=new WeakMap,ms=new WeakMap,Ps=new WeakMap,Ls=new WeakMap,Ct=new WeakMap,da=new WeakMap,Te=new WeakSet,bi=function(){try{X(this,Qe,et(()=>g(this,Gt).call(this,g(this,Ze))))}catch(t){this.error(t)}},yi=function(t){const s=g(this,Je).failed;s&&X(this,Ge,et(()=>{s(g(this,Ze),()=>t,()=>()=>{})}))},wi=function(){const t=g(this,Je).pending;t&&(this.is_pending=!0,X(this,Pe,et(()=>t(g(this,Ze)))),Jt(()=>{var s=X(this,Tt,document.createDocumentFragment()),a=$t();s.append(a),X(this,Qe,ie(this,Te,Js).call(this,()=>et(()=>g(this,Gt).call(this,a)))),g(this,Dt)===0&&(g(this,Ze).before(s),X(this,Tt,null),es(g(this,Pe),()=>{X(this,Pe,null)}),ie(this,Te,Zs).call(this,J))}))},Pa=function(){try{if(this.is_pending=this.has_pending_snippet(),X(this,Dt,0),X(this,Wt,0),X(this,Qe,et(()=>{g(this,Gt).call(this,g(this,Ze))})),g(this,Dt)>0){var t=X(this,Tt,document.createDocumentFragment());Qa(g(this,Qe),t);const s=g(this,Je).pending;X(this,Pe,et(()=>s(g(this,Ze))))}else ie(this,Te,Zs).call(this,J)}catch(s){this.error(s)}},Zs=function(t){this.is_pending=!1,t.transfer_effects(g(this,Ps),g(this,Ls))},Js=function(t){var s=se,a=ee,r=Ye;wt(g(this,Ie)),nt(g(this,Ie)),ys(g(this,Ie).ctx);try{return rs.ensure(),t()}catch(n){return Dr(n),null}finally{wt(s),nt(a),ys(r)}},La=function(t,s){var a;if(!this.has_pending_snippet()){this.parent&&ie(a=this.parent,Te,La).call(a,t,s);return}X(this,Dt,g(this,Dt)+t),g(this,Dt)===0&&(ie(this,Te,Zs).call(this,s),g(this,Pe)&&es(g(this,Pe),()=>{X(this,Pe,null)}),g(this,Tt)&&(g(this,Ze).before(g(this,Tt)),X(this,Tt,null)))},Va=function(t){g(this,Qe)&&(Be(g(this,Qe)),X(this,Qe,null)),g(this,Pe)&&(Be(g(this,Pe)),X(this,Pe,null)),g(this,Ge)&&(Be(g(this,Ge)),X(this,Ge,null));var s=g(this,Je).onerror;let a=g(this,Je).failed;var r=!1,n=!1;const l=()=>{if(r){ii();return}r=!0,n&&Gn(),g(this,Ge)!==null&&es(g(this,Ge),()=>{X(this,Ge,null)}),ie(this,Te,Js).call(this,()=>{ie(this,Te,Pa).call(this)})},o=c=>{try{n=!0,s?.(c,l),n=!1}catch(d){Pt(d,g(this,Ie)&&g(this,Ie).parent)}a&&X(this,Ge,ie(this,Te,Js).call(this,()=>{try{return et(()=>{var d=se;d.b=this,d.f|=Ca,a(g(this,Ze),()=>c,()=>l)})}catch(d){return Pt(d,g(this,Ie).parent),null}}))};Jt(()=>{var c;try{c=this.transform_error(t)}catch(d){Pt(d,g(this,Ie)&&g(this,Ie).parent);return}c!==null&&typeof c=="object"&&typeof c.then=="function"?c.then(o,d=>Pt(d,g(this,Ie)&&g(this,Ie).parent)):o(c)})};function xi(e,t,s,a){const r=Rs;var n=e.filter(u=>!u.settled);if(s.length===0&&n.length===0){a(t.map(r));return}var l=se,o=ki(),c=n.length===1?n[0].promise:n.length>1?Promise.all(n.map(u=>u.promise)):null;function d(u){if((l.f&st)===0){o();try{a(u)}catch(m){Pt(m,l)}sa()}}var _=Kr();if(s.length===0){c.then(()=>d(t.map(r))).finally(_);return}function v(){Promise.all(s.map(u=>Si(u))).then(u=>d([...t.map(r),...u])).catch(u=>Pt(u,l)).finally(_)}c?c.then(()=>{o(),v(),sa()}):v()}function ki(){var e=se,t=ee,s=Ye,a=J;return function(n=!0){wt(e),nt(t),ys(s),n&&(e.f&st)===0&&(a?.activate(),a?.apply())}}function sa(e=!0){wt(null),nt(null),ys(null),e&&J?.deactivate()}function Kr(){var e=se,t=e.b,s=J,a=t.is_rendered();return t.update_pending_count(1,s),s.increment(a,e),()=>{t.update_pending_count(-1,s),s.decrement(a,e)}}function Rs(e){var t=Oe|Me;return se!==null&&(se.f|=Ss),{ctx:Ye,deps:null,effects:null,equals:Fr,f:t,fn:e,reactions:null,rv:0,v:ze,wv:0,parent:se,ac:null}}const Ks=Symbol("obsolete");function Si(e,t,s){let a=se;a===null&&Pn();var r=void 0,n=ns(ze),l=!ee,o=new Set;return Pi(()=>{var c=se,d=Cr();r=d.promise;try{Promise.resolve(e()).then(d.resolve,m=>{m!==pa&&d.reject(m)}).finally(sa)}catch(m){d.reject(m),sa()}var _=J;if(l){if((c.f&is)!==0)var v=Kr();if(a.b.is_rendered())_.async_deriveds.get(c)?.reject(Ks);else for(const m of o.values())m.reject(Ks);o.add(d),_.async_deriveds.set(c,d)}const u=(m,b=void 0)=>{v?.(),o.delete(d),b!==Ks&&(_.activate(),b?(n.f|=Lt,ws(n,b)):((n.f&Lt)!==0&&(n.f^=Lt),ws(n,m)),_.deactivate())};d.promise.then(u,m=>u(null,m||"unknown"))}),tn(()=>{for(const c of o)c.reject(Ks)}),new Promise(c=>{function d(_){function v(){_===r?c(n):d(r)}_.then(v,v)}d(r)})}function j(e){const t=Rs(e);return dn(t),t}function Hr(e){const t=Rs(e);return t.equals=Rr,t}function Ei(e){var t=e.effects;if(t!==null){e.effects=null;for(var s=0;s0&&!Wr&&Ci()}return t}function Ci(){Wr=!1;for(const e of aa){(e.f&Ae)!==0&&Ee(e,bt);let t;try{t=Ns(e)}catch{t=!0}t&&xs(e)}aa.clear()}function As(e){K(e,e.v+1)}function Yr(e,t,s){var a=e.reactions;if(a!==null)for(var r=a.length,n=0;n{if(ts===n)return o();var c=ee,d=ts;nt(null),fr(n);var _=o();return nt(c),fr(d),_};return a&&s.set("length",te(e.length)),new Proxy(e,{defineProperty(o,c,d){(!("value"in d)||d.configurable===!1||d.enumerable===!1||d.writable===!1)&&Kn();var _=s.get(c);return _===void 0?l(()=>{var v=te(d.value);return s.set(c,v),v}):K(_,d.value,!0),!0},deleteProperty(o,c){var d=s.get(c);if(d===void 0){if(c in o){const _=l(()=>te(ze));s.set(c,_),As(r)}}else K(d,ze),As(r);return!0},get(o,c,d){if(c===Zt)return e;var _=s.get(c),v=c in o;if(_===void 0&&(!v||fs(o,c)?.writable)&&(_=l(()=>{var m=Ne(v?o[c]:ze),b=te(m);return b}),s.set(c,_)),_!==void 0){var u=i(_);return u===ze?void 0:u}return Reflect.get(o,c,d)},getOwnPropertyDescriptor(o,c){var d=Reflect.getOwnPropertyDescriptor(o,c);if(d&&"value"in d){var _=s.get(c);_&&(d.value=i(_))}else if(d===void 0){var v=s.get(c),u=v?.v;if(v!==void 0&&u!==ze)return{enumerable:!0,configurable:!0,value:u,writable:!0}}return d},has(o,c){if(c===Zt)return!0;var d=s.get(c),_=d!==void 0&&d.v!==ze||Reflect.has(o,c);if(d!==void 0||se!==null&&(!_||fs(o,c)?.writable)){d===void 0&&(d=l(()=>{var u=_?Ne(o[c]):ze,m=te(u);return m}),s.set(c,d));var v=i(d);if(v===ze)return!1}return _},set(o,c,d,_){var v=s.get(c),u=c in o;if(a&&c==="length")for(var m=d;mte(ze)),s.set(m+"",b))}if(v===void 0)(!u||fs(o,c)?.writable)&&(v=l(()=>te(void 0)),K(v,Ne(d)),s.set(c,v));else{u=v.v!==ze;var w=l(()=>Ne(d));K(v,w)}var h=Reflect.getOwnPropertyDescriptor(o,c);if(h?.set&&h.set.call(_,d),!u){if(a&&typeof c=="string"){var y=s.get("length"),S=Number(c);Number.isInteger(S)&&S>=y.v&&K(y,S+1)}As(r)}return!0},ownKeys(o){i(r);var c=Reflect.ownKeys(o).filter(v=>{var u=s.get(v);return u===void 0||u.v!==ze});for(var[d,_]of s)_.v!==ze&&!(d in o)&&c.push(d);return c},setPrototypeOf(){Hn()}})}function lr(e){try{if(e!==null&&typeof e=="object"&&Zt in e)return e[Zt]}catch{}return e}function $i(e,t){return Object.is(lr(e),lr(t))}var or,Xr,Zr,Jr;function zi(){if(or===void 0){or=window,Xr=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,s=Text.prototype;Zr=fs(t,"firstChild").get,Jr=fs(t,"nextSibling").get,rr(e)&&(e[za]=void 0,e[Gs]=null,e[Aa]=void 0,e.__e=void 0),rr(s)&&(s[Ts]=void 0)}}function $t(e=""){return document.createTextNode(e)}function ra(e){return Zr.call(e)}function qs(e){return Jr.call(e)}function f(e,t){return ra(e)}function yt(e,t=!1){{var s=ra(e);return s instanceof Comment&&s.data===""?qs(s):s}}function p(e,t=1,s=!1){let a=e;for(;t--;)a=qs(a);return a}function Ai(e){e.textContent=""}function Qr(){return!1}function Fi(e,t,s){return document.createElementNS(Ar,e,void 0)}let cr=!1;function Ri(){cr||(cr=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t[Ws]?.()})},{capture:!0}))}function Wa(e){var t=ee,s=se;nt(null),wt(null);try{return e()}finally{nt(t),wt(s)}}function en(e,t,s,a=s){e.addEventListener(t,()=>Wa(s));const r=e[Ws];r?e[Ws]=()=>{r(),a(!0)}:e[Ws]=()=>a(!0),Ri()}function Mi(e){se===null&&(ee===null&&qn(),In()),At&&Vn()}function Oi(e,t){var s=t.last;s===null?t.last=t.first=e:(s.next=e,e.prev=s,t.last=e)}function Ft(e,t){var s=se;s!==null&&(s.f&Le)!==0&&(e|=Le);var a={ctx:Ye,deps:null,nodes:null,f:e|Me|tt,first:null,fn:t,last:null,next:null,parent:s,b:s&&s.b,prev:null,teardown:null,wv:0,ac:null};J?.register_created_effect(a);var r=a;if((e&bs)!==0)ds!==null?ds.push(a):rs.ensure().schedule(a);else if(t!==null){try{xs(a)}catch(l){throw Be(a),l}r.deps===null&&r.teardown===null&&r.nodes===null&&r.first===r.last&&(r.f&Ss)===0&&(r=r.first,(e&ct)!==0&&(e&ss)!==0&&r!==null&&(r.f|=ss))}if(r!==null&&(r.parent=s,s!==null&&Oi(r,s),ee!==null&&(ee.f&Oe)!==0&&(e&Vt)===0)){var n=ee;(n.effects??(n.effects=[])).push(r)}return a}function Ya(){return ee!==null&&!ft}function tn(e){const t=Ft(va,null);return Ee(t,Ae),t.teardown=e,t}function sn(e){Mi();var t=se.f,s=!ee&&(t&vt)!==0&&(t&is)===0;if(s){var a=Ye;(a.e??(a.e=[])).push(e)}else return an(e)}function an(e){return Ft(bs|Rn,e)}function Di(e){rs.ensure();const t=Ft(Vt|Ss,e);return(s={})=>new Promise(a=>{s.outro?es(t,()=>{Be(t),a(void 0)}):(Be(t),a(void 0))})}function rn(e){return Ft(bs,e)}function Pi(e){return Ft(us|Ss,e)}function Xa(e,t=0){return Ft(va|t,e)}function q(e,t=[],s=[],a=[]){xi(a,t,s,r=>{Ft(va,()=>e(...r.map(i)))})}function ha(e,t=0){var s=Ft(ct|t,e);return s}function et(e){return Ft(vt|Ss,e)}function nn(e){var t=e.teardown;if(t!==null){const s=At,a=ee;dr(!0),nt(null);try{t.call(null)}finally{dr(s),nt(a)}}}function Za(e,t=!1){var s=e.first;for(e.first=e.last=null;s!==null;){const r=s.ac;r!==null&&Wa(()=>{r.abort(pa)});var a=s.next;(s.f&Vt)!==0?s.parent=null:Be(s,t),s=a}}function Li(e){for(var t=e.first;t!==null;){var s=t.next;(t.f&vt)===0&&Be(t),t=s}}function Be(e,t=!0){var s=!1;(t||(e.f&Fn)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(Vi(e.nodes.start,e.nodes.end),s=!0),Ee(e,$a),Za(e,t&&!s),Ms(e,0);var a=e.nodes&&e.nodes.t;if(a!==null)for(const n of a)n.stop();nn(e),e.f^=$a,e.f|=st;var r=e.parent;r!==null&&r.first!==null&&ln(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function Vi(e,t){for(;e!==null;){var s=e===t?null:qs(e);e.remove(),e=s}}function ln(e){var t=e.parent,s=e.prev,a=e.next;s!==null&&(s.next=a),a!==null&&(a.prev=s),t!==null&&(t.first===e&&(t.first=a),t.last===e&&(t.last=s))}function es(e,t,s=!0){var a=[];on(e,a,!0);var r=()=>{s&&Be(e),t&&t()},n=a.length;if(n>0){var l=()=>--n||r();for(var o of a)o.out(l)}else r()}function on(e,t,s){if((e.f&Le)===0){e.f^=Le;var a=e.nodes&&e.nodes.t;if(a!==null)for(const o of a)(o.is_global||s)&&t.push(o);for(var r=e.first;r!==null;){var n=r.next;if((r.f&Vt)===0){var l=(r.f&ss)!==0||(r.f&vt)!==0&&(e.f&ct)!==0;on(r,t,l?s:!1)}r=n}}}function Ja(e){cn(e,!0)}function cn(e,t){if((e.f&Le)!==0){e.f^=Le,(e.f&Ae)===0&&(Ee(e,Me),rs.ensure().schedule(e));for(var s=e.first;s!==null;){var a=s.next,r=(s.f&ss)!==0||(s.f&vt)!==0;cn(s,r?t:!1),s=a}var n=e.nodes&&e.nodes.t;if(n!==null)for(const l of n)(l.is_global||t)&&l.in()}}function Qa(e,t){if(e.nodes)for(var s=e.nodes.start,a=e.nodes.end;s!==null;){var r=s===a?null:qs(s);t.append(s),s=r}}let Qs=!1,At=!1;function dr(e){At=e}let ee=null,ft=!1;function nt(e){ee=e}let se=null;function wt(e){se=e}let at=null;function dn(e){ee!==null&&(at===null?at=[e]:at.push(e))}let qe=null,He=0,Xe=null;function Ii(e){Xe=e}let fn=1,Nt=0,ts=Nt;function fr(e){ts=e}function un(){return++fn}function Ns(e){var t=e.f;if((t&Me)!==0)return!0;if(t&Oe&&(e.f&=~as),(t&bt)!==0){for(var s=e.deps,a=s.length,r=0;re.wv)return!0}(t&tt)!==0&&dt===null&&Ee(e,Ae)}return!1}function vn(e,t,s=!0){var a=e.reactions;if(a!==null&&!(at!==null&&Xt.call(at,e)))for(var r=0;r{e.ac.abort(pa)}),e.ac=null);try{e.f|=ta;var _=e.fn,v=_();e.f|=is;var u=e.deps,m=J?.is_fork;if(qe!==null){var b;if(m||Ms(e,He),u!==null&&He>0)for(u.length=He+qe.length,b=0;b{throw h});throw u}}finally{e[Bt]=t,delete e.currentTarget,nt(_),wt(v)}}}const Hi=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function Ui(e){return Hi?.createHTML(e)??e}function Gi(e){var t=Fi("template");return t.innerHTML=Ui(e.replaceAll("","")),t.content}function na(e,t){var s=se;s.nodes===null&&(s.nodes={start:e,end:t,a:null,t:null})}function F(e,t){var s=(t&si)!==0,a=(t&ai)!==0,r,n=!e.startsWith("");return()=>{r===void 0&&(r=Gi(n?e:""+e),s||(r=ra(r)));var l=a||Xr?document.importNode(r,!0):r.cloneNode(!0);if(s){var o=ra(l),c=l.lastChild;na(o,c)}else na(l,l);return l}}function Wi(e=""){{var t=$t(e+"");return na(t,t),t}}function pr(){var e=document.createDocumentFragment(),t=document.createComment(""),s=$t();return e.append(t,s),na(t,s),e}function z(e,t){e!==null&&e.before(t)}function A(e,t){var s=t==null?"":typeof t=="object"?`${t}`:t;s!==(e[Ts]??(e[Ts]=e.nodeValue))&&(e[Ts]=s,e.nodeValue=`${s}`)}function Yi(e,t){return Xi(e,t)}const Hs=new Map;function Xi(e,{target:t,anchor:s,props:a={},events:r,context:n,intro:l=!0,transformError:o}){zi();var c=void 0,d=Di(()=>{var _=s??t.appendChild($t());gi(_,{pending:()=>{}},m=>{xe({});var b=Ye;n&&(b.c=n),r&&(a.$$events=r),c=e(m,a)||{},ke()},o);var v=new Set,u=m=>{for(var b=0;b{for(var m of v)for(const h of[t,document]){var b=Hs.get(h),w=b.get(m);--w==0?(h.removeEventListener(m,vr),b.delete(m),b.size===0&&Hs.delete(h)):b.set(m,w)}Ia.delete(u),_!==s&&_.parentNode?.removeChild(_)}});return Zi.set(c,d),c}let Zi=new WeakMap;var lt,gt,We,Yt,Vs,Is,fa;class mn{constructor(t,s=!0){Ve(this,"anchor");Z(this,lt,new Map);Z(this,gt,new Map);Z(this,We,new Map);Z(this,Yt,new Set);Z(this,Vs,!0);Z(this,Is,t=>{if(g(this,lt).has(t)){var s=g(this,lt).get(t),a=g(this,gt).get(s);if(a)Ja(a),g(this,Yt).delete(s);else{var r=g(this,We).get(s);r&&(g(this,gt).set(s,r.effect),g(this,We).delete(s),r.fragment.lastChild.remove(),this.anchor.before(r.fragment),a=r.effect)}for(const[n,l]of g(this,lt)){if(g(this,lt).delete(n),n===t)break;const o=g(this,We).get(l);o&&(Be(o.effect),g(this,We).delete(l))}for(const[n,l]of g(this,gt)){if(n===s||g(this,Yt).has(n))continue;const o=()=>{if(Array.from(g(this,lt).values()).includes(n)){var d=document.createDocumentFragment();Qa(l,d),d.append($t()),g(this,We).set(n,{effect:l,fragment:d})}else Be(l);g(this,Yt).delete(n),g(this,gt).delete(n)};g(this,Vs)||!a?(g(this,Yt).add(n),es(l,o,!1)):o()}}});Z(this,fa,t=>{g(this,lt).delete(t);const s=Array.from(g(this,lt).values());for(const[a,r]of g(this,We))s.includes(a)||(Be(r.effect),g(this,We).delete(a))});this.anchor=t,X(this,Vs,s)}ensure(t,s){var a=J,r=Qr();if(s&&!g(this,gt).has(t)&&!g(this,We).has(t))if(r){var n=document.createDocumentFragment(),l=$t();n.append(l),g(this,We).set(t,{effect:et(()=>s(l)),fragment:n})}else g(this,gt).set(t,et(()=>s(this.anchor)));if(g(this,lt).set(a,t),r){for(const[o,c]of g(this,gt))o===t?a.unskip_effect(c):a.skip_effect(c);for(const[o,c]of g(this,We))o===t?a.unskip_effect(c.effect):a.skip_effect(c.effect);a.oncommit(g(this,Is)),a.ondiscard(g(this,fa))}else g(this,Is).call(this,a)}}lt=new WeakMap,gt=new WeakMap,We=new WeakMap,Yt=new WeakMap,Vs=new WeakMap,Is=new WeakMap,fa=new WeakMap;function fe(e,t,s=!1){var a=new mn(e),r=s?ss:0;function n(l,o){a.ensure(l,o)}ha(()=>{var l=!1;t((o,c=0)=>{l=!0,n(c,o)}),l||n(-1,null)},r)}function Es(e,t){return t}function Ji(e,t,s){for(var a=[],r=t.length,n,l=t.length,o=0;o{if(n){if(n.pending.delete(v),n.done.add(v),n.pending.size===0){var u=e.outrogroups;qa(e,ua(n.done)),u.delete(n),u.size===0&&(e.outrogroups=null)}}else l-=1},!1)}if(l===0){var c=a.length===0&&s!==null;if(c){var d=s,_=d.parentNode;Ai(_),_.append(d),e.items.clear()}qa(e,t,!c)}else n={pending:new Set(t),done:new Set},(e.outrogroups??(e.outrogroups=new Set)).add(n)}function qa(e,t,s=!0){var a;if(e.pending.size>0){a=new Set;for(const l of e.pending.values())for(const o of l)a.add(e.items.get(o).e)}for(var r=0;r{var C=s();return Ba(C)?C:C==null?[]:ua(C)}),u,m=new Map,b=!0;function w(C){(S.effect.f&st)===0&&(S.pending.delete(C),S.fallback=_,Qi(S,u,l,t,a),_!==null&&(u.length===0?(_.f&mt)===0?Ja(_):(_.f^=mt,$s(_,null,l)):es(_,()=>{_=null})))}function h(C){S.pending.delete(C)}var y=ha(()=>{u=i(v);for(var C=u.length,R=new Set,B=J,E=Qr(),$=0;$n(l)):(_=et(()=>n(hr??(hr=$t()))),_.f|=mt)),C>R.size&&Ln(),!b)if(m.set(B,R),E){for(const[D,x]of o)R.has(D)||B.skip_effect(x.e);B.oncommit(w),B.ondiscard(h)}else w(B);i(v)}),S={effect:y,items:o,pending:m,outrogroups:null,fallback:_};b=!1}function js(e){for(;e!==null&&(e.f&vt)===0;)e=e.next;return e}function Qi(e,t,s,a,r){var n=(a&Xn)!==0,l=t.length,o=e.items,c=js(e.effect.first),d,_=null,v,u=[],m=[],b,w,h,y;if(n)for(y=0;y0){var L=(a&zr)!==0&&l===0?s:null;if(n){for(y=0;y{if(v!==void 0)for(h of v)h.nodes?.a?.apply()})}function el(e,t,s,a,r,n,l,o){var c=(l&Wn)!==0?(l&Zn)===0?Ti(s,!1,!1):ns(s):null,d=(l&Yn)!==0?ns(r):null;return{v:c,i:d,e:et(()=>(n(t,c??s,d??r,o),()=>{e.delete(a)}))}}function $s(e,t,s){if(e.nodes)for(var a=e.nodes.start,r=e.nodes.end,n=t&&(t.f&mt)===0?t.nodes.start:s;a!==null;){var l=qs(a);if(n.before(a),a===r)return;a=l}}function Rt(e,t,s){t===null?e.effect.first=s:t.next=s,s===null?e.effect.last=t:s.prev=t}function bn(e,t,...s){var a=new mn(e);ha(()=>{const r=t()??null;a.ensure(r,r&&(n=>r(n,...s)))},ss)}const _r=[...` -\r\f \v\uFEFF`];function tl(e,t,s){var a=e==null?"":""+e;if(s){for(var r of Object.keys(s))if(s[r])a=a?a+" "+r:r;else if(a.length)for(var n=r.length,l=0;(l=a.indexOf(r,l))>=0;){var o=l+n;(l===0||_r.includes(a[l-1]))&&(o===a.length||_r.includes(a[o]))?a=(l===0?"":a.substring(0,l))+a.substring(o+1):l=o}}return a===""?null:a}function gr(e,t=!1){var s=t?" !important;":";",a="";for(var r of Object.keys(e)){var n=e[r];n!=null&&n!==""&&(a+=" "+r+": "+n+s)}return a}function ka(e){return e[0]!=="-"||e[1]!=="-"?e.toLowerCase():e}function sl(e,t){if(t){var s="",a,r;if(Array.isArray(t)?(a=t[0],r=t[1]):a=t,e){e=String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g,"").trim();var n=!1,l=0,o=!1,c=[];a&&c.push(...Object.keys(a).map(ka)),r&&c.push(...Object.keys(r).map(ka));var d=0,_=-1;const w=e.length;for(var v=0;v{er(e,e.__value)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),tn(()=>{t.disconnect()})}function ia(e,t,s=t){var a=new WeakSet,r=!0;en(e,"change",n=>{var l=n?"[selected]":":checked",o;if(e.multiple)o=[].map.call(e.querySelectorAll(l),Fs);else{var c=e.querySelector(l)??e.querySelector("option:not([disabled])");o=c&&Fs(c)}s(o),e.__value=o,J!==null&&a.add(J)}),rn(()=>{var n=t();if(e===document.activeElement){var l=J;if(a.has(l))return}if(er(e,n,r),r&&n===void 0){var o=e.querySelector(":checked");o!==null&&(n=Fs(o),s(n))}e.__value=n,r=!1}),yn(e)}function Fs(e){return"__value"in e?e.__value:e.value}const al=Symbol("is custom element"),rl=Symbol("is html"),nl=Dn?"progress":"PROGRESS";function la(e,t){var s=wn(e);s.value===(s.value=t??void 0)||e.value===t&&(t!==0||e.nodeName!==nl)||(e.value=t??"")}function Q(e,t,s,a){var r=wn(e);r[t]!==(r[t]=s)&&(t==="loading"&&(e[On]=s),s==null?e.removeAttribute(t):typeof s!="string"&&il(e).includes(t)?e[t]=s:e.setAttribute(t,s))}function wn(e){return e[Gs]??(e[Gs]={[al]:e.nodeName.includes("-"),[rl]:e.namespaceURI===Ar})}var mr=new Map;function il(e){var t=e.getAttribute("is")||e.nodeName,s=mr.get(t);if(s)return s;mr.set(t,s=[]);for(var a,r=e,n=Element.prototype;n!==r;){a=Cn(r);for(var l in a)a[l].set&&l!=="innerHTML"&&l!=="textContent"&&l!=="innerText"&&s.push(l);r=jr(r)}return s}function zt(e,t,s=t){var a=new WeakSet;en(e,"input",async r=>{var n=r?e.defaultValue:e.value;if(n=Ea(e)?ja(n):n,s(n),J!==null&&a.add(J),await Ni(),n!==(n=t())){var l=e.selectionStart,o=e.selectionEnd,c=e.value.length;if(e.value=n??"",o!==null){var d=e.value.length;l===o&&o===c&&d>c?(e.selectionStart=d,e.selectionEnd=d):(e.selectionStart=l,e.selectionEnd=Math.min(o,d))}}}),_a(t)==null&&e.value&&(s(Ea(e)?ja(e.value):e.value),J!==null&&a.add(J)),Xa(()=>{var r=t();if(e===document.activeElement){var n=J;if(a.has(n))return}Ea(e)&&r===ja(e.value)||e.type==="date"&&!r&&!e.value||r!==e.value&&(e.value=r??"")})}function Ea(e){var t=e.type;return t==="number"||t==="range"}function ja(e){return e===""?null:+e}function Ta(e,t){return e===t||e?.[Zt]===t}function ll(e={},t,s,a){var r=Ye.r,n=se;return rn(()=>{var l,o;return Xa(()=>{l=o,o=[],_a(()=>{Ta(s(...o),e)||(t(e,...o),l&&Ta(s(...l),e)&&t(null,...l))})}),()=>{let c=n;for(;c!==r&&c.parent!==null&&c.parent.f&$a;)c=c.parent;const d=()=>{o&&Ta(s(...o),e)&&t(null,...o)},_=c.teardown;c.teardown=()=>{d(),_?.()}}}),e}function _e(e,t,s,a){var r=!0,n=(s&ei)!==0,l=(s&ti)!==0,o=a,c=!0,d=void 0,_=()=>l&&r?(d??(d=Rs(a)),i(d)):(c&&(c=!1,o=l?_a(a):a),o);let v;if(n){var u=Zt in e||Mn in e;v=fs(e,t)?.set??(u&&t in e?R=>e[t]=R:void 0)}var m,b=!1;n?[m,b]=di(()=>e[t]):m=e[t],m===void 0&&a!==void 0&&(m=_(),v&&(Bn(),v(m)));var w;if(w=()=>{var R=e[t];return R===void 0?_():(c=!0,R)},(s&Qn)===0)return w;if(v){var h=e.$$legacy;return(function(R,B){return arguments.length>0?((!B||h||b)&&v(B?w():R),R):w()})}var y=!1,S=((s&Jn)!==0?Rs:Hr)(()=>(y=!1,w()));n&&i(S);var C=se;return(function(R,B){if(arguments.length>0){const E=B?i(S):n?Ne(R):R;return K(S,E),y=!0,o!==void 0&&(o=E),R}return At&&y||(C.f&st)!==0?S.v:i(S)})}const ol="5";var Er;typeof window<"u"&&((Er=window.__svelte??(window.__svelte={})).v??(Er.v=new Set)).add(ol);const It=typeof window<"u"&&window.slashedBricksApp?window.slashedBricksApp:{defaults:{},settings:{},tabs:{},rest:{url:"",nonce:""}},re={defaults:It.defaults||{},tabs:It.tabs||{},rest:It.rest||{url:"",nonce:""},inventory:It.inventory||{variables:[],sf_classes:[],is_classes:[]},pluginSettings:It.pluginSettings||{},versions:It.versions||{plugin:"",framework:""}},H=Ne(structuredClone(It.settings||{})),W=Ne({activeTab:cl(re.tabs)||"colors",dirty:!1,saving:!1,lastSavedAt:null,error:""});function cl(e){for(const t in e)return t;return null}function tr(){W.dirty=!0,W.error=""}function br(e){H[e]&&delete H[e]}function dl(e,t){const s=H[e];if(!s)return"";const a=s[t];return a==null?"":String(a)}function ks(e,t,s){H[e]||(H[e]={}),s===""||s===null||s===void 0||typeof s=="string"&&s.trim()===""?delete H[e][t]:H[e][t]=String(s),tr()}var fl=F(''),ul=F('');function vl(e,t){xe(t,!0);var s=ul();ne(s,21,()=>Object.entries(re.tabs),([a,r])=>a,(a,r)=>{var n=j(()=>ot(i(r),2));let l=()=>i(n)[0],o=()=>i(n)[1];var c=fl();let d;var _=f(c);q(()=>{d=rt(c,1,"tab-nav__btn svelte-yyiz68",null,d,{active:W.activeTab===l()}),A(_,o())}),he("click",c,()=>W.activeTab=l()),z(a,c)}),z(e,s),ke()}De(["click"]);var pl=F(' '),hl=F(' ',1),_l=F(''),gl=F('
');function Us(e,t){xe(t,!0);let s=_e(t,"hexHint",3,""),a=_e(t,"rawHint",3,""),r=_e(t,"cssVar",3,"");const n=/^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/,l=(()=>{const D=(H.colors?.[t.storeKey]??"").trim(),x=D===""||n.test(D);return{mode:x?"hex":"raw",hex:x?D:"",raw:x?"":D}})();let o=te(Ne(l.mode)),c=te(Ne(l.hex)),d=te(Ne(l.raw));function _(){H.colors||(H.colors={});const D=i(d).trim(),x=i(c).trim(),k=i(o)==="raw"?D:x;k===""?delete H.colors[t.storeKey]:H.colors[t.storeKey]=k,tr()}function v(){i(o)==="hex"?(K(o,"raw"),K(c,"")):(K(o,"hex"),K(d,"")),_()}const u=j(()=>(i(o)==="raw"?i(d):i(c))||s()||"transparent");var m=gl(),b=f(m),w=f(b),h=f(w),y=p(w,2);{var S=D=>{var x=pl(),k=f(x);q(()=>A(k,r())),z(D,x)};fe(y,D=>{r()&&D(S)})}var C=p(b,2),R=f(C);let B;var E=p(R,2);{var $=D=>{var x=hl(),k=yt(x),P=p(k,2);q(()=>{Q(k,"id",t.storeKey),Q(P,"placeholder",s())}),he("input",k,_),zt(k,()=>i(c),M=>K(c,M)),he("input",P,_),zt(P,()=>i(c),M=>K(c,M)),z(D,x)},O=D=>{var x=_l();q(()=>{Q(x,"id",t.storeKey),Q(x,"placeholder",a())}),he("input",x,_),zt(x,()=>i(d),k=>K(d,k)),z(D,x)};fe(E,D=>{i(o)==="hex"?D($):D(O,-1)})}var L=p(E,2),T=f(L);q(()=>{Q(w,"for",t.storeKey),A(h,t.label),B=ve(R,"",B,{background:i(u)}),A(T,i(o)==="hex"?"Advanced (oklch / raw)":"Use HEX picker")}),he("click",L,v),z(e,m),ke()}De(["input","click"]);var ml=F('
'),bl=F('
');function ga(e,t){xe(t,!0);let s=te(!1);const a=`adv-body-${Math.random().toString(36).slice(2,9)}`;var r=bl(),n=f(r),l=p(f(n));let o;var c=f(l),d=p(n,2);{var _=v=>{var u=ml(),m=f(u);bn(m,()=>t.children),q(()=>Q(u,"id",a)),z(v,u)};fe(d,v=>{i(s)&&v(_)})}q(()=>{Q(n,"aria-expanded",i(s)),Q(n,"aria-controls",a),o=rt(l,1,"advanced-section__arrow",null,o,{open:i(s)}),A(c,i(s)?"▲":"▼")}),he("click",n,()=>K(s,!i(s))),z(e,r),ke()}De(["click"]);var yl=F('

Brand Colors — Dark Mode

Status Colors — Dark Mode

',1),wl=F(`

Status Colors — Light Mode

The framework auto-derives dark mode from light source colors using CSS relative color syntax +var Tn=Object.defineProperty;var lr=e=>{throw TypeError(e)};var $n=(e,t,s)=>t in e?Tn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var Le=(e,t,s)=>$n(e,typeof t!="symbol"?t+"":t,s),Sa=(e,t,s)=>t.has(e)||lr("Cannot "+s);var g=(e,t,s)=>(Sa(e,t,"read from private field"),s?s.call(e):t.get(e)),Z=(e,t,s)=>t.has(e)?lr("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),X=(e,t,s,a)=>(Sa(e,t,"write to private field"),a?a.call(e,s):t.set(e,s),s),le=(e,t,s)=>(Sa(e,t,"access private method"),s);var Ga=Array.isArray,Cn=Array.prototype.indexOf,Xt=Array.prototype.includes,ha=Array.from,zn=Object.defineProperty,us=Object.getOwnPropertyDescriptor,An=Object.getOwnPropertyDescriptors,Fn=Object.prototype,Rn=Array.prototype,zr=Object.getPrototypeOf,or=Object.isExtensible;const Ar=()=>{};function Dn(e){for(var t=0;t{e=a,t=r});return{promise:s,resolve:e,reject:t}}function dt(e,t){if(Array.isArray(e))return e;if(t===void 0||!(Symbol.iterator in e))return Array.from(e);const s=[];for(const a of e)if(s.push(a),s.length===t)break;return s}const Re=2,ys=4,_a=8,Rr=1<<24,ft=16,ht=32,Pt=64,Fa=128,st=512,ze=1024,Fe=2048,yt=4096,Oe=8192,at=16384,is=32768,Ra=1<<25,ss=65536,aa=1<<17,Mn=1<<18,Es=1<<19,On=1<<20,bt=1<<25,as=65536,ra=1<<21,vs=1<<22,Ot=1<<23,Zt=Symbol("$state"),Pn=Symbol("legacy props"),Ln=Symbol(""),Xs=Symbol("attributes"),Da=Symbol("class"),Ma=Symbol("style"),Cs=Symbol("text"),Zs=Symbol("form reset"),ga=new class extends Error{constructor(){super(...arguments);Le(this,"name","StaleReactionError");Le(this,"message","The reaction that called `getAbortSignal()` was re-run or destroyed")}},Vn=!!globalThis.document?.contentType&&globalThis.document.contentType.includes("xml");function In(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function qn(e,t,s){throw new Error("https://svelte.dev/e/each_key_duplicate")}function Nn(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function Bn(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function Kn(e){throw new Error("https://svelte.dev/e/effect_orphan")}function Hn(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function Un(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function Gn(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function Wn(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function Yn(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function Xn(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const Zn=1,Jn=2,Dr=4,Qn=8,ei=16,ti=1,si=4,ai=8,ri=16,ni=1,ii=2,Ce=Symbol("uninitialized"),Mr="http://www.w3.org/1999/xhtml";function li(){console.warn("https://svelte.dev/e/derived_inert")}function oi(){console.warn("https://svelte.dev/e/select_multiple_invalid_value")}function ci(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function Or(e){return e===this.v}function di(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function Pr(e){return!di(e,this.v)}let Xe=null;function ws(e){Xe=e}function we(e,t=!1,s){Xe={p:Xe,i:!1,c:null,e:null,s:e,x:null,r:se,l:null}}function xe(e){var t=Xe,s=t.e;if(s!==null){t.e=null;for(var a of s)on(a)}return t.i=!0,Xe=t.p,{}}function Lr(){return!0}let qt=[];function Vr(){var e=qt;qt=[],Dn(e)}function Jt(e){if(qt.length===0&&!Fs){var t=qt;queueMicrotask(()=>{t===qt&&Vr()})}qt.push(e)}function fi(){for(;qt.length>0;)Vr()}function Ir(e){var t=se;if(t===null)return ee.f|=Ot,e;if((t.f&is)===0&&(t.f&ys)===0)throw e;Mt(e,t)}function Mt(e,t){for(;t!==null;){if((t.f&Fa)!==0){if((t.f&is)===0)throw e;try{t.b.error(e);return}catch(s){e=s}}t=t.parent}throw e}const ui=-7169;function Se(e,t){e.f=e.f&ui|t}function Wa(e){(e.f&st)!==0||e.deps===null?Se(e,ze):Se(e,yt)}function qr(e){if(e!==null)for(const t of e)(t.f&Re)===0||(t.f&as)===0||(t.f^=as,qr(t.deps))}function Nr(e,t,s){(e.f&Fe)!==0?t.add(e):(e.f&yt)!==0&&s.add(e),qr(e.deps),Se(e,ze)}let Us=!1;function vi(e){var t=Us;try{return Us=!1,[e(),Us]}finally{Us=t}}let Ea=null,os=null,J=null,Oa=null,ut=null,Pa=null,Fs=!1,ja=!1,fs=null,Js=null;var cr=0;let pi=1;var ps,Ft,Kt,hs,_s,Ht,gs,St,Ps,Ge,Ls,Rt,_t,gt,ms,Ut,fe,La,zs,Va,Br,Kr,Qs,hi,Ia,ds;const ua=class ua{constructor(){Z(this,fe);Le(this,"id",pi++);Z(this,ps,!1);Le(this,"linked",!0);Z(this,Ft,null);Z(this,Kt,null);Le(this,"async_deriveds",new Map);Le(this,"current",new Map);Le(this,"previous",new Map);Le(this,"unblocked",new Set);Z(this,hs,new Set);Z(this,_s,new Set);Z(this,Ht,new Set);Z(this,gs,0);Z(this,St,new Map);Z(this,Ps,null);Z(this,Ge,[]);Z(this,Ls,[]);Z(this,Rt,new Set);Z(this,_t,new Set);Z(this,gt,new Map);Z(this,ms,new Set);Le(this,"is_fork",!1);Z(this,Ut,!1)}skip_effect(t){g(this,gt).has(t)||g(this,gt).set(t,{d:[],m:[]}),g(this,ms).delete(t)}unskip_effect(t,s=a=>this.schedule(a)){var a=g(this,gt).get(t);if(a){g(this,gt).delete(t);for(var r of a.d)Se(r,Fe),s(r);for(r of a.m)Se(r,yt),s(r)}g(this,ms).add(t)}capture(t,s,a=!1){t.v!==Ce&&!this.previous.has(t)&&this.previous.set(t,t.v),(t.f&Ot)===0&&(this.current.set(t,[s,a]),ut?.set(t,s)),this.is_fork||(t.v=s)}activate(){J=this}deactivate(){J=null,ut=null}flush(){try{ja=!0,J=this,le(this,fe,zs).call(this)}finally{cr=0,Pa=null,fs=null,Js=null,ja=!1,J=null,ut=null,Qt.clear()}}discard(){for(const t of g(this,_s))t(this);g(this,_s).clear(),g(this,Ht).clear(),le(this,fe,ds).call(this)}register_created_effect(t){g(this,Ls).push(t)}increment(t,s){if(X(this,gs,g(this,gs)+1),t){let a=g(this,St).get(s)??0;g(this,St).set(s,a+1)}}decrement(t,s){if(X(this,gs,g(this,gs)-1),t){let a=g(this,St).get(s)??0;a===1?g(this,St).delete(s):g(this,St).set(s,a-1)}g(this,Ut)||(X(this,Ut,!0),Jt(()=>{X(this,Ut,!1),this.linked&&this.flush()}))}transfer_effects(t,s){for(const a of t)g(this,Rt).add(a);for(const a of s)g(this,_t).add(a);t.clear(),s.clear()}oncommit(t){g(this,hs).add(t)}ondiscard(t){g(this,_s).add(t)}on_fork_commit(t){g(this,Ht).add(t)}run_fork_commit_callbacks(){for(const t of g(this,Ht))t(this);g(this,Ht).clear()}settled(){return(g(this,Ps)??X(this,Ps,Fr())).promise}static ensure(){var t;if(J===null){const s=J=new ua;le(t=s,fe,Ia).call(t),!ja&&!Fs&&Jt(()=>{g(s,ps)||s.flush()})}return J}apply(){{ut=null;return}}schedule(t){if(Pa=t,t.b?.is_pending&&(t.f&(ys|_a|Rr))!==0&&(t.f&is)===0){t.b.defer_effect(t);return}for(var s=t;s.parent!==null;){s=s.parent;var a=s.f;if(fs!==null&&s===se&&(ee===null||(ee.f&Re)===0))return;if((a&(Pt|ht))!==0){if((a&ze)===0)return;s.f^=ze}}g(this,Ge).push(s)}};ps=new WeakMap,Ft=new WeakMap,Kt=new WeakMap,hs=new WeakMap,_s=new WeakMap,Ht=new WeakMap,gs=new WeakMap,St=new WeakMap,Ps=new WeakMap,Ge=new WeakMap,Ls=new WeakMap,Rt=new WeakMap,_t=new WeakMap,gt=new WeakMap,ms=new WeakMap,Ut=new WeakMap,fe=new WeakSet,La=function(){if(this.is_fork)return!0;for(const a of g(this,St).keys()){for(var t=a,s=!1;t.parent!==null;){if(g(this,gt).has(t)){s=!0;break}t=t.parent}if(!s)return!0}return!1},zs=function(){var o,f,h;if(X(this,ps,!0),cr++>1e3&&(le(this,fe,ds).call(this),gi()),!le(this,fe,La).call(this)){for(const p of g(this,Rt))g(this,_t).delete(p),Se(p,Fe),this.schedule(p);for(const p of g(this,_t))Se(p,yt),this.schedule(p)}const t=g(this,Ge);X(this,Ge,[]),this.apply();var s=fs=[],a=[],r=Js=[];for(const p of t)try{le(this,fe,Va).call(this,p,s,a)}catch(u){throw Gr(p),u}if(J=null,r.length>0){var n=ua.ensure();for(const p of r)n.schedule(p)}if(fs=null,Js=null,le(this,fe,La).call(this)){le(this,fe,Qs).call(this,a),le(this,fe,Qs).call(this,s);for(const[p,u]of g(this,gt))Ur(p,u);r.length>0&&le(o=J,fe,zs).call(o);return}const l=le(this,fe,Br).call(this);if(l){le(f=l,fe,Kr).call(f,this);return}g(this,Rt).clear(),g(this,_t).clear();for(const p of g(this,hs))p(this);g(this,hs).clear(),Oa=this,dr(a),dr(s),Oa=null,g(this,Ps)?.resolve();var c=J;if(this.linked&&g(this,gs)===0&&le(this,fe,ds).call(this),g(this,Ge).length>0){c===null&&(c=this,le(this,fe,Ia).call(this));const p=c;g(p,Ge).push(...g(this,Ge).filter(u=>!g(p,Ge).includes(u)))}c!==null&&le(h=c,fe,zs).call(h)},Va=function(t,s,a){t.f^=ze;for(var r=t.first;r!==null;){var n=r.f,l=(n&(ht|Pt))!==0,c=l&&(n&ze)!==0,o=c||(n&Oe)!==0||g(this,gt).has(r);if(!o&&r.fn!==null){l?r.f^=ze:(n&ys)!==0?s.push(r):Ks(r)&&((n&ft)!==0&&g(this,_t).add(r),ks(r));var f=r.first;if(f!==null){r=f;continue}}for(;r!==null;){var h=r.next;if(h!==null){r=h;break}r=r.parent}}},Br=function(){for(var t=g(this,Ft);t!==null;){if(!t.is_fork){for(const[s,[,a]]of this.current)if(t.current.has(s)&&!a)return t}t=g(t,Ft)}return null},Kr=function(t){var a;for(const[r,n]of t.current)!this.previous.has(r)&&t.previous.has(r)&&this.previous.set(r,t.previous.get(r)),this.current.set(r,n);for(const[r,n]of t.async_deriveds){const l=this.async_deriveds.get(r);l&&n.promise.then(l.resolve)}const s=r=>{var n=r.reactions;if(n!==null)for(const o of n){var l=o.f;if((l&Re)!==0)s(o);else{var c=o;l&(vs|ft)&&!this.async_deriveds.has(c)&&(g(this,_t).delete(c),Se(c,Fe),this.schedule(c))}}};for(const r of this.current.keys())s(r);this.oncommit(()=>t.discard()),le(a=t,fe,ds).call(a),J=this,le(this,fe,zs).call(this)},Qs=function(t){for(var s=0;s!this.current.has(u));if(r.length===0)t&&p.discard();else if(s.length>0){if(t)for(const u of g(this,ms))p.unskip_effect(u,m=>{var b;(m.f&(ft|vs))!==0?p.schedule(m):le(b=p,fe,Qs).call(b,[m])});p.activate();var n=new Set,l=new Map;for(var c of s)Hr(c,r,n,l);l=new Map;var o=[...p.current.keys()].filter(u=>this.current.has(u)?this.current.get(u)[0]!==u.v:!0);if(o.length>0)for(const u of g(this,Ls))(u.f&(at|Oe|aa))===0&&Ya(u,o,l)&&((u.f&(vs|ft))!==0?(Se(u,Fe),p.schedule(u)):g(p,Rt).add(u));if(g(p,Ge).length>0&&!g(p,Ut)){p.apply();for(var f of g(p,Ge))le(h=p,fe,Va).call(h,f,[],[]);X(p,Ge,[])}p.deactivate()}}}},Ia=function(){os===null?Ea=os=this:(X(os,Kt,this),X(this,Ft,os)),os=this},ds=function(){var t=g(this,Ft),s=g(this,Kt);t===null?Ea=s:X(t,Kt,s),s===null?os=t:X(s,Ft,t),this.linked=!1};let rs=ua;function _i(e){var t=Fs;Fs=!0;try{for(var s;;){if(fi(),J===null)return s;J.flush()}}finally{Fs=t}}function gi(){try{Hn()}catch(e){Mt(e,Pa)}}let kt=null;function dr(e){var t=e.length;if(t!==0){for(var s=0;s0)){Qt.clear();for(const r of kt){if((r.f&(at|Oe))!==0)continue;const n=[r];let l=r.parent;for(;l!==null;)kt.has(l)&&(kt.delete(l),n.push(l)),l=l.parent;for(let c=n.length-1;c>=0;c--){const o=n[c];(o.f&(at|Oe))===0&&ks(o)}}kt.clear()}}kt=null}}function Hr(e,t,s,a){if(!s.has(e)&&(s.add(e),e.reactions!==null))for(const r of e.reactions){const n=r.f;(n&Re)!==0?Hr(r,t,s,a):(n&(vs|ft))!==0&&(n&Fe)===0&&Ya(r,t,a)&&(Se(r,Fe),Xa(r))}}function Ya(e,t,s){const a=s.get(e);if(a!==void 0)return a;if(e.deps!==null)for(const r of e.deps){if(Xt.call(t,r))return!0;if((r.f&Re)!==0&&Ya(r,t,s))return s.set(r,!0),!0}return s.set(e,!1),!1}function Xa(e){J.schedule(e)}function Ur(e,t){if(!((e.f&ht)!==0&&(e.f&ze)!==0)){(e.f&Fe)!==0?t.d.push(e):(e.f&yt)!==0&&t.m.push(e),Se(e,ze);for(var s=e.first;s!==null;)Ur(s,t),s=s.next}}function Gr(e){Se(e,ze);for(var t=e.first;t!==null;)Gr(t),t=t.next}function mi(e){let t=0,s=ns(0),a;return()=>{Qa()&&(i(s),er(()=>(t===0&&(a=ba(()=>e(()=>Rs(s)))),t+=1,()=>{Jt(()=>{t-=1,t===0&&(a?.(),a=void 0,Rs(s))})})))}}var bi=ss|Es;function yi(e,t,s,a){new wi(e,t,s,a)}var Je,Ua,Qe,Gt,Ve,et,Me,We,Et,Wt,Dt,bs,Vs,Is,jt,va,je,xi,ki,Si,qa,ea,ta,Na,Ba;class wi{constructor(t,s,a,r){Z(this,je);Le(this,"parent");Le(this,"is_pending",!1);Le(this,"transform_error");Z(this,Je);Z(this,Ua,null);Z(this,Qe);Z(this,Gt);Z(this,Ve);Z(this,et,null);Z(this,Me,null);Z(this,We,null);Z(this,Et,null);Z(this,Wt,0);Z(this,Dt,0);Z(this,bs,!1);Z(this,Vs,new Set);Z(this,Is,new Set);Z(this,jt,null);Z(this,va,mi(()=>(X(this,jt,ns(g(this,Wt))),()=>{X(this,jt,null)})));X(this,Je,t),X(this,Qe,s),X(this,Gt,n=>{var l=se;l.b=this,l.f|=Fa,a(n)}),this.parent=se.b,this.transform_error=r??this.parent?.transform_error??(n=>n),X(this,Ve,ma(()=>{le(this,je,qa).call(this)},bi))}defer_effect(t){Nr(t,g(this,Vs),g(this,Is))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!g(this,Qe).pending}update_pending_count(t,s){le(this,je,Na).call(this,t,s),X(this,Wt,g(this,Wt)+t),!(!g(this,jt)||g(this,bs))&&(X(this,bs,!0),Jt(()=>{X(this,bs,!1),g(this,jt)&&xs(g(this,jt),g(this,Wt))}))}get_effect_pending(){return g(this,va).call(this),i(g(this,jt))}error(t){if(!g(this,Qe).onerror&&!g(this,Qe).failed)throw t;J?.is_fork?(g(this,et)&&J.skip_effect(g(this,et)),g(this,Me)&&J.skip_effect(g(this,Me)),g(this,We)&&J.skip_effect(g(this,We)),J.on_fork_commit(()=>{le(this,je,Ba).call(this,t)})):le(this,je,Ba).call(this,t)}}Je=new WeakMap,Ua=new WeakMap,Qe=new WeakMap,Gt=new WeakMap,Ve=new WeakMap,et=new WeakMap,Me=new WeakMap,We=new WeakMap,Et=new WeakMap,Wt=new WeakMap,Dt=new WeakMap,bs=new WeakMap,Vs=new WeakMap,Is=new WeakMap,jt=new WeakMap,va=new WeakMap,je=new WeakSet,xi=function(){try{X(this,et,tt(()=>g(this,Gt).call(this,g(this,Je))))}catch(t){this.error(t)}},ki=function(t){const s=g(this,Qe).failed;s&&X(this,We,tt(()=>{s(g(this,Je),()=>t,()=>()=>{})}))},Si=function(){const t=g(this,Qe).pending;t&&(this.is_pending=!0,X(this,Me,tt(()=>t(g(this,Je)))),Jt(()=>{var s=X(this,Et,document.createDocumentFragment()),a=Tt();s.append(a),X(this,et,le(this,je,ta).call(this,()=>tt(()=>g(this,Gt).call(this,a)))),g(this,Dt)===0&&(g(this,Je).before(s),X(this,Et,null),es(g(this,Me),()=>{X(this,Me,null)}),le(this,je,ea).call(this,J))}))},qa=function(){try{if(this.is_pending=this.has_pending_snippet(),X(this,Dt,0),X(this,Wt,0),X(this,et,tt(()=>{g(this,Gt).call(this,g(this,Je))})),g(this,Dt)>0){var t=X(this,Et,document.createDocumentFragment());ar(g(this,et),t);const s=g(this,Qe).pending;X(this,Me,tt(()=>s(g(this,Je))))}else le(this,je,ea).call(this,J)}catch(s){this.error(s)}},ea=function(t){this.is_pending=!1,t.transfer_effects(g(this,Vs),g(this,Is))},ta=function(t){var s=se,a=ee,r=Xe;xt(g(this,Ve)),it(g(this,Ve)),ws(g(this,Ve).ctx);try{return rs.ensure(),t()}catch(n){return Ir(n),null}finally{xt(s),it(a),ws(r)}},Na=function(t,s){var a;if(!this.has_pending_snippet()){this.parent&&le(a=this.parent,je,Na).call(a,t,s);return}X(this,Dt,g(this,Dt)+t),g(this,Dt)===0&&(le(this,je,ea).call(this,s),g(this,Me)&&es(g(this,Me),()=>{X(this,Me,null)}),g(this,Et)&&(g(this,Je).before(g(this,Et)),X(this,Et,null)))},Ba=function(t){g(this,et)&&(Ne(g(this,et)),X(this,et,null)),g(this,Me)&&(Ne(g(this,Me)),X(this,Me,null)),g(this,We)&&(Ne(g(this,We)),X(this,We,null));var s=g(this,Qe).onerror;let a=g(this,Qe).failed;var r=!1,n=!1;const l=()=>{if(r){ci();return}r=!0,n&&Xn(),g(this,We)!==null&&es(g(this,We),()=>{X(this,We,null)}),le(this,je,ta).call(this,()=>{le(this,je,qa).call(this)})},c=o=>{try{n=!0,s?.(o,l),n=!1}catch(f){Mt(f,g(this,Ve)&&g(this,Ve).parent)}a&&X(this,We,le(this,je,ta).call(this,()=>{try{return tt(()=>{var f=se;f.b=this,f.f|=Fa,a(g(this,Je),()=>o,()=>l)})}catch(f){return Mt(f,g(this,Ve).parent),null}}))};Jt(()=>{var o;try{o=this.transform_error(t)}catch(f){Mt(f,g(this,Ve)&&g(this,Ve).parent);return}o!==null&&typeof o=="object"&&typeof o.then=="function"?o.then(c,f=>Mt(f,g(this,Ve)&&g(this,Ve).parent)):c(o)})};function Ei(e,t,s,a){const r=Ms;var n=e.filter(u=>!u.settled);if(s.length===0&&n.length===0){a(t.map(r));return}var l=se,c=ji(),o=n.length===1?n[0].promise:n.length>1?Promise.all(n.map(u=>u.promise)):null;function f(u){if((l.f&at)===0){c();try{a(u)}catch(m){Mt(m,l)}na()}}var h=Wr();if(s.length===0){o.then(()=>f(t.map(r))).finally(h);return}function p(){Promise.all(s.map(u=>Ti(u))).then(u=>f([...t.map(r),...u])).catch(u=>Mt(u,l)).finally(h)}o?o.then(()=>{c(),p(),na()}):p()}function ji(){var e=se,t=ee,s=Xe,a=J;return function(n=!0){xt(e),it(t),ws(s),n&&(e.f&at)===0&&(a?.activate(),a?.apply())}}function na(e=!0){xt(null),it(null),ws(null),e&&J?.deactivate()}function Wr(){var e=se,t=e.b,s=J,a=t.is_rendered();return t.update_pending_count(1,s),s.increment(a,e),()=>{t.update_pending_count(-1,s),s.decrement(a,e)}}function Ms(e){var t=Re|Fe;return se!==null&&(se.f|=Es),{ctx:Xe,deps:null,effects:null,equals:Or,f:t,fn:e,reactions:null,rv:0,v:Ce,wv:0,parent:se,ac:null}}const Gs=Symbol("obsolete");function Ti(e,t,s){let a=se;a===null&&In();var r=void 0,n=ns(Ce),l=!ee,c=new Set;return Ii(()=>{var o=se,f=Fr();r=f.promise;try{Promise.resolve(e()).then(f.resolve,m=>{m!==ga&&f.reject(m)}).finally(na)}catch(m){f.reject(m),na()}var h=J;if(l){if((o.f&is)!==0)var p=Wr();if(a.b.is_rendered())h.async_deriveds.get(o)?.reject(Gs);else for(const m of c.values())m.reject(Gs);c.add(f),h.async_deriveds.set(o,f)}const u=(m,b=void 0)=>{p?.(),c.delete(f),b!==Gs&&(h.activate(),b?(n.f|=Ot,xs(n,b)):((n.f&Ot)!==0&&(n.f^=Ot),xs(n,m)),h.deactivate())};f.promise.then(u,m=>u(null,m||"unknown"))}),nn(()=>{for(const o of c)o.reject(Gs)}),new Promise(o=>{function f(h){function p(){h===r?o(n):f(r)}h.then(p,p)}f(r)})}function j(e){const t=Ms(e);return pn(t),t}function Yr(e){const t=Ms(e);return t.equals=Pr,t}function $i(e){var t=e.effects;if(t!==null){e.effects=null;for(var s=0;s0&&!Jr&&Ai()}return t}function Ai(){Jr=!1;for(const e of ia){(e.f&ze)!==0&&Se(e,yt);let t;try{t=Ks(e)}catch{t=!0}t&&ks(e)}ia.clear()}function Rs(e){K(e,e.v+1)}function Qr(e,t,s){var a=e.reactions;if(a!==null)for(var r=a.length,n=0;n{if(ts===n)return c();var o=ee,f=ts;it(null),hr(n);var h=c();return it(o),hr(f),h};return a&&s.set("length",te(e.length)),new Proxy(e,{defineProperty(c,o,f){(!("value"in f)||f.configurable===!1||f.enumerable===!1||f.writable===!1)&&Gn();var h=s.get(o);return h===void 0?l(()=>{var p=te(f.value);return s.set(o,p),p}):K(h,f.value,!0),!0},deleteProperty(c,o){var f=s.get(o);if(f===void 0){if(o in c){const h=l(()=>te(Ce));s.set(o,h),Rs(r)}}else K(f,Ce),Rs(r);return!0},get(c,o,f){if(o===Zt)return e;var h=s.get(o),p=o in c;if(h===void 0&&(!p||us(c,o)?.writable)&&(h=l(()=>{var m=qe(p?c[o]:Ce),b=te(m);return b}),s.set(o,h)),h!==void 0){var u=i(h);return u===Ce?void 0:u}return Reflect.get(c,o,f)},getOwnPropertyDescriptor(c,o){var f=Reflect.getOwnPropertyDescriptor(c,o);if(f&&"value"in f){var h=s.get(o);h&&(f.value=i(h))}else if(f===void 0){var p=s.get(o),u=p?.v;if(p!==void 0&&u!==Ce)return{enumerable:!0,configurable:!0,value:u,writable:!0}}return f},has(c,o){if(o===Zt)return!0;var f=s.get(o),h=f!==void 0&&f.v!==Ce||Reflect.has(c,o);if(f!==void 0||se!==null&&(!h||us(c,o)?.writable)){f===void 0&&(f=l(()=>{var u=h?qe(c[o]):Ce,m=te(u);return m}),s.set(o,f));var p=i(f);if(p===Ce)return!1}return h},set(c,o,f,h){var p=s.get(o),u=o in c;if(a&&o==="length")for(var m=f;mte(Ce)),s.set(m+"",b))}if(p===void 0)(!u||us(c,o)?.writable)&&(p=l(()=>te(void 0)),K(p,qe(f)),s.set(o,p));else{u=p.v!==Ce;var w=l(()=>qe(f));K(p,w)}var _=Reflect.getOwnPropertyDescriptor(c,o);if(_?.set&&_.set.call(h,f),!u){if(a&&typeof o=="string"){var y=s.get("length"),S=Number(o);Number.isInteger(S)&&S>=y.v&&K(y,S+1)}Rs(r)}return!0},ownKeys(c){i(r);var o=Reflect.ownKeys(c).filter(p=>{var u=s.get(p);return u===void 0||u.v!==Ce});for(var[f,h]of s)h.v!==Ce&&!(f in c)&&o.push(f);return o},setPrototypeOf(){Wn()}})}function fr(e){try{if(e!==null&&typeof e=="object"&&Zt in e)return e[Zt]}catch{}return e}function Fi(e,t){return Object.is(fr(e),fr(t))}var ur,en,tn,sn;function Ri(){if(ur===void 0){ur=window,en=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,s=Text.prototype;tn=us(t,"firstChild").get,sn=us(t,"nextSibling").get,or(e)&&(e[Da]=void 0,e[Xs]=null,e[Ma]=void 0,e.__e=void 0),or(s)&&(s[Cs]=void 0)}}function Tt(e=""){return document.createTextNode(e)}function la(e){return tn.call(e)}function Bs(e){return sn.call(e)}function d(e,t){return la(e)}function wt(e,t=!1){{var s=la(e);return s instanceof Comment&&s.data===""?Bs(s):s}}function v(e,t=1,s=!1){let a=e;for(;t--;)a=Bs(a);return a}function Di(e){e.textContent=""}function an(){return!1}function Mi(e,t,s){return document.createElementNS(Mr,e,void 0)}let vr=!1;function Oi(){vr||(vr=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t[Zs]?.()})},{capture:!0}))}function Ja(e){var t=ee,s=se;it(null),xt(null);try{return e()}finally{it(t),xt(s)}}function rn(e,t,s,a=s){e.addEventListener(t,()=>Ja(s));const r=e[Zs];r?e[Zs]=()=>{r(),a(!0)}:e[Zs]=()=>a(!0),Oi()}function Pi(e){se===null&&(ee===null&&Kn(),Bn()),Ct&&Nn()}function Li(e,t){var s=t.last;s===null?t.last=t.first=e:(s.next=e,e.prev=s,t.last=e)}function zt(e,t){var s=se;s!==null&&(s.f&Oe)!==0&&(e|=Oe);var a={ctx:Xe,deps:null,nodes:null,f:e|Fe|st,first:null,fn:t,last:null,next:null,parent:s,b:s&&s.b,prev:null,teardown:null,wv:0,ac:null};J?.register_created_effect(a);var r=a;if((e&ys)!==0)fs!==null?fs.push(a):rs.ensure().schedule(a);else if(t!==null){try{ks(a)}catch(l){throw Ne(a),l}r.deps===null&&r.teardown===null&&r.nodes===null&&r.first===r.last&&(r.f&Es)===0&&(r=r.first,(e&ft)!==0&&(e&ss)!==0&&r!==null&&(r.f|=ss))}if(r!==null&&(r.parent=s,s!==null&&Li(r,s),ee!==null&&(ee.f&Re)!==0&&(e&Pt)===0)){var n=ee;(n.effects??(n.effects=[])).push(r)}return a}function Qa(){return ee!==null&&!vt}function nn(e){const t=zt(_a,null);return Se(t,ze),t.teardown=e,t}function ln(e){Pi();var t=se.f,s=!ee&&(t&ht)!==0&&(t&is)===0;if(s){var a=Xe;(a.e??(a.e=[])).push(e)}else return on(e)}function on(e){return zt(ys|On,e)}function Vi(e){rs.ensure();const t=zt(Pt|Es,e);return(s={})=>new Promise(a=>{s.outro?es(t,()=>{Ne(t),a(void 0)}):(Ne(t),a(void 0))})}function cn(e){return zt(ys,e)}function Ii(e){return zt(vs|Es,e)}function er(e,t=0){return zt(_a|t,e)}function q(e,t=[],s=[],a=[]){Ei(a,t,s,r=>{zt(_a,()=>e(...r.map(i)))})}function ma(e,t=0){var s=zt(ft|t,e);return s}function tt(e){return zt(ht|Es,e)}function dn(e){var t=e.teardown;if(t!==null){const s=Ct,a=ee;pr(!0),it(null);try{t.call(null)}finally{pr(s),it(a)}}}function tr(e,t=!1){var s=e.first;for(e.first=e.last=null;s!==null;){const r=s.ac;r!==null&&Ja(()=>{r.abort(ga)});var a=s.next;(s.f&Pt)!==0?s.parent=null:Ne(s,t),s=a}}function qi(e){for(var t=e.first;t!==null;){var s=t.next;(t.f&ht)===0&&Ne(t),t=s}}function Ne(e,t=!0){var s=!1;(t||(e.f&Mn)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(Ni(e.nodes.start,e.nodes.end),s=!0),Se(e,Ra),tr(e,t&&!s),Os(e,0);var a=e.nodes&&e.nodes.t;if(a!==null)for(const n of a)n.stop();dn(e),e.f^=Ra,e.f|=at;var r=e.parent;r!==null&&r.first!==null&&fn(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function Ni(e,t){for(;e!==null;){var s=e===t?null:Bs(e);e.remove(),e=s}}function fn(e){var t=e.parent,s=e.prev,a=e.next;s!==null&&(s.next=a),a!==null&&(a.prev=s),t!==null&&(t.first===e&&(t.first=a),t.last===e&&(t.last=s))}function es(e,t,s=!0){var a=[];un(e,a,!0);var r=()=>{s&&Ne(e),t&&t()},n=a.length;if(n>0){var l=()=>--n||r();for(var c of a)c.out(l)}else r()}function un(e,t,s){if((e.f&Oe)===0){e.f^=Oe;var a=e.nodes&&e.nodes.t;if(a!==null)for(const c of a)(c.is_global||s)&&t.push(c);for(var r=e.first;r!==null;){var n=r.next;if((r.f&Pt)===0){var l=(r.f&ss)!==0||(r.f&ht)!==0&&(e.f&ft)!==0;un(r,t,l?s:!1)}r=n}}}function sr(e){vn(e,!0)}function vn(e,t){if((e.f&Oe)!==0){e.f^=Oe,(e.f&ze)===0&&(Se(e,Fe),rs.ensure().schedule(e));for(var s=e.first;s!==null;){var a=s.next,r=(s.f&ss)!==0||(s.f&ht)!==0;vn(s,r?t:!1),s=a}var n=e.nodes&&e.nodes.t;if(n!==null)for(const l of n)(l.is_global||t)&&l.in()}}function ar(e,t){if(e.nodes)for(var s=e.nodes.start,a=e.nodes.end;s!==null;){var r=s===a?null:Bs(s);t.append(s),s=r}}let sa=!1,Ct=!1;function pr(e){Ct=e}let ee=null,vt=!1;function it(e){ee=e}let se=null;function xt(e){se=e}let rt=null;function pn(e){ee!==null&&(rt===null?rt=[e]:rt.push(e))}let Ie=null,Ue=0,Ze=null;function Bi(e){Ze=e}let hn=1,Nt=0,ts=Nt;function hr(e){ts=e}function _n(){return++hn}function Ks(e){var t=e.f;if((t&Fe)!==0)return!0;if(t&Re&&(e.f&=~as),(t&yt)!==0){for(var s=e.deps,a=s.length,r=0;re.wv)return!0}(t&st)!==0&&ut===null&&Se(e,ze)}return!1}function gn(e,t,s=!0){var a=e.reactions;if(a!==null&&!(rt!==null&&Xt.call(rt,e)))for(var r=0;r{e.ac.abort(ga)}),e.ac=null);try{e.f|=ra;var h=e.fn,p=h();e.f|=is;var u=e.deps,m=J?.is_fork;if(Ie!==null){var b;if(m||Os(e,Ue),u!==null&&Ue>0)for(u.length=Ue+Ie.length,b=0;b{throw _});throw u}}finally{e[Bt]=t,delete e.currentTarget,it(h),xt(p)}}}const Wi=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function Yi(e){return Wi?.createHTML(e)??e}function Xi(e){var t=Mi("template");return t.innerHTML=Yi(e.replaceAll("","")),t.content}function oa(e,t){var s=se;s.nodes===null&&(s.nodes={start:e,end:t,a:null,t:null})}function F(e,t){var s=(t&ni)!==0,a=(t&ii)!==0,r,n=!e.startsWith("");return()=>{r===void 0&&(r=Xi(n?e:""+e),s||(r=la(r)));var l=a||en?document.importNode(r,!0):r.cloneNode(!0);if(s){var c=la(l),o=l.lastChild;oa(c,o)}else oa(l,l);return l}}function Zi(e=""){{var t=Tt(e+"");return oa(t,t),t}}function mr(){var e=document.createDocumentFragment(),t=document.createComment(""),s=Tt();return e.append(t,s),oa(t,s),e}function z(e,t){e!==null&&e.before(t)}function A(e,t){var s=t==null?"":typeof t=="object"?`${t}`:t;s!==(e[Cs]??(e[Cs]=e.nodeValue))&&(e[Cs]=s,e.nodeValue=`${s}`)}function Ji(e,t){return Qi(e,t)}const Ws=new Map;function Qi(e,{target:t,anchor:s,props:a={},events:r,context:n,intro:l=!0,transformError:c}){Ri();var o=void 0,f=Vi(()=>{var h=s??t.appendChild(Tt());yi(h,{pending:()=>{}},m=>{we({});var b=Xe;n&&(b.c=n),r&&(a.$$events=r),o=e(m,a)||{},xe()},c);var p=new Set,u=m=>{for(var b=0;b{for(var m of p)for(const _ of[t,document]){var b=Ws.get(_),w=b.get(m);--w==0?(_.removeEventListener(m,gr),b.delete(m),b.size===0&&Ws.delete(_)):b.set(m,w)}Ka.delete(u),h!==s&&h.parentNode?.removeChild(h)}});return el.set(o,f),o}let el=new WeakMap;var ct,mt,Ye,Yt,qs,Ns,pa;class xn{constructor(t,s=!0){Le(this,"anchor");Z(this,ct,new Map);Z(this,mt,new Map);Z(this,Ye,new Map);Z(this,Yt,new Set);Z(this,qs,!0);Z(this,Ns,t=>{if(g(this,ct).has(t)){var s=g(this,ct).get(t),a=g(this,mt).get(s);if(a)sr(a),g(this,Yt).delete(s);else{var r=g(this,Ye).get(s);r&&(g(this,mt).set(s,r.effect),g(this,Ye).delete(s),r.fragment.lastChild.remove(),this.anchor.before(r.fragment),a=r.effect)}for(const[n,l]of g(this,ct)){if(g(this,ct).delete(n),n===t)break;const c=g(this,Ye).get(l);c&&(Ne(c.effect),g(this,Ye).delete(l))}for(const[n,l]of g(this,mt)){if(n===s||g(this,Yt).has(n))continue;const c=()=>{if(Array.from(g(this,ct).values()).includes(n)){var f=document.createDocumentFragment();ar(l,f),f.append(Tt()),g(this,Ye).set(n,{effect:l,fragment:f})}else Ne(l);g(this,Yt).delete(n),g(this,mt).delete(n)};g(this,qs)||!a?(g(this,Yt).add(n),es(l,c,!1)):c()}}});Z(this,pa,t=>{g(this,ct).delete(t);const s=Array.from(g(this,ct).values());for(const[a,r]of g(this,Ye))s.includes(a)||(Ne(r.effect),g(this,Ye).delete(a))});this.anchor=t,X(this,qs,s)}ensure(t,s){var a=J,r=an();if(s&&!g(this,mt).has(t)&&!g(this,Ye).has(t))if(r){var n=document.createDocumentFragment(),l=Tt();n.append(l),g(this,Ye).set(t,{effect:tt(()=>s(l)),fragment:n})}else g(this,mt).set(t,tt(()=>s(this.anchor)));if(g(this,ct).set(a,t),r){for(const[c,o]of g(this,mt))c===t?a.unskip_effect(o):a.skip_effect(o);for(const[c,o]of g(this,Ye))c===t?a.unskip_effect(o.effect):a.skip_effect(o.effect);a.oncommit(g(this,Ns)),a.ondiscard(g(this,pa))}else g(this,Ns).call(this,a)}}ct=new WeakMap,mt=new WeakMap,Ye=new WeakMap,Yt=new WeakMap,qs=new WeakMap,Ns=new WeakMap,pa=new WeakMap;function ue(e,t,s=!1){var a=new xn(e),r=s?ss:0;function n(l,c){a.ensure(l,c)}ma(()=>{var l=!1;t((c,o=0)=>{l=!0,n(o,c)}),l||n(-1,null)},r)}function Ts(e,t){return t}function tl(e,t,s){for(var a=[],r=t.length,n,l=t.length,c=0;c{if(n){if(n.pending.delete(p),n.done.add(p),n.pending.size===0){var u=e.outrogroups;Ha(e,ha(n.done)),u.delete(n),u.size===0&&(e.outrogroups=null)}}else l-=1},!1)}if(l===0){var o=a.length===0&&s!==null;if(o){var f=s,h=f.parentNode;Di(h),h.append(f),e.items.clear()}Ha(e,t,!o)}else n={pending:new Set(t),done:new Set},(e.outrogroups??(e.outrogroups=new Set)).add(n)}function Ha(e,t,s=!0){var a;if(e.pending.size>0){a=new Set;for(const l of e.pending.values())for(const c of l)a.add(e.items.get(c).e)}for(var r=0;r{var $=s();return Ga($)?$:$==null?[]:ha($)}),u,m=new Map,b=!0;function w($){(S.effect.f&at)===0&&(S.pending.delete($),S.fallback=h,sl(S,u,l,t,a),h!==null&&(u.length===0?(h.f&bt)===0?sr(h):(h.f^=bt,As(h,null,l)):es(h,()=>{h=null})))}function _($){S.pending.delete($)}var y=ma(()=>{u=i(p);for(var $=u.length,R=new Set,N=J,E=an(),C=0;C<$;C+=1){var M=u[C],L=a(M,C),T=b?null:c.get(L);T?(T.v&&xs(T.v,M),T.i&&xs(T.i,C),E&&N.unskip_effect(T.e)):(T=al(c,b?l:br??(br=Tt()),M,L,C,r,t,s),b||(T.e.f|=bt),c.set(L,T)),R.add(L)}if($===0&&n&&!h&&(b?h=tt(()=>n(l)):(h=tt(()=>n(br??(br=Tt()))),h.f|=bt)),$>R.size&&qn(),!b)if(m.set(N,R),E){for(const[P,x]of c)R.has(P)||N.skip_effect(x.e);N.oncommit(w),N.ondiscard(_)}else w(N);i(p)}),S={effect:y,items:c,pending:m,outrogroups:null,fallback:h};b=!1}function $s(e){for(;e!==null&&(e.f&ht)===0;)e=e.next;return e}function sl(e,t,s,a,r){var n=(a&Qn)!==0,l=t.length,c=e.items,o=$s(e.effect.first),f,h=null,p,u=[],m=[],b,w,_,y;if(n)for(y=0;y0){var L=(a&Dr)!==0&&l===0?s:null;if(n){for(y=0;y{if(p!==void 0)for(_ of p)_.nodes?.a?.apply()})}function al(e,t,s,a,r,n,l,c){var o=(l&Zn)!==0?(l&ei)===0?zi(s,!1,!1):ns(s):null,f=(l&Jn)!==0?ns(r):null;return{v:o,i:f,e:tt(()=>(n(t,o??s,f??r,c),()=>{e.delete(a)}))}}function As(e,t,s){if(e.nodes)for(var a=e.nodes.start,r=e.nodes.end,n=t&&(t.f&bt)===0?t.nodes.start:s;a!==null;){var l=Bs(a);if(n.before(a),a===r)return;a=l}}function At(e,t,s){t===null?e.effect.first=s:t.next=s,s===null?e.effect.last=t:s.prev=t}function kn(e,t,...s){var a=new xn(e);ma(()=>{const r=t()??null;a.ensure(r,r&&(n=>r(n,...s)))},ss)}const yr=[...` +\r\f \v\uFEFF`];function rl(e,t,s){var a=e==null?"":""+e;if(s){for(var r of Object.keys(s))if(s[r])a=a?a+" "+r:r;else if(a.length)for(var n=r.length,l=0;(l=a.indexOf(r,l))>=0;){var c=l+n;(l===0||yr.includes(a[l-1]))&&(c===a.length||yr.includes(a[c]))?a=(l===0?"":a.substring(0,l))+a.substring(c+1):l=c}}return a===""?null:a}function wr(e,t=!1){var s=t?" !important;":";",a="";for(var r of Object.keys(e)){var n=e[r];n!=null&&n!==""&&(a+=" "+r+": "+n+s)}return a}function Ta(e){return e[0]!=="-"||e[1]!=="-"?e.toLowerCase():e}function nl(e,t){if(t){var s="",a,r;if(Array.isArray(t)?(a=t[0],r=t[1]):a=t,e){e=String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g,"").trim();var n=!1,l=0,c=!1,o=[];a&&o.push(...Object.keys(a).map(Ta)),r&&o.push(...Object.keys(r).map(Ta));var f=0,h=-1;const w=e.length;for(var p=0;p{rr(e,e.__value)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),nn(()=>{t.disconnect()})}function ca(e,t,s=t){var a=new WeakSet,r=!0;rn(e,"change",n=>{var l=n?"[selected]":":checked",c;if(e.multiple)c=[].map.call(e.querySelectorAll(l),Ds);else{var o=e.querySelector(l)??e.querySelector("option:not([disabled])");c=o&&Ds(o)}s(c),e.__value=c,J!==null&&a.add(J)}),cn(()=>{var n=t();if(e===document.activeElement){var l=J;if(a.has(l))return}if(rr(e,n,r),r&&n===void 0){var c=e.querySelector(":checked");c!==null&&(n=Ds(c),s(n))}e.__value=n,r=!1}),Sn(e)}function Ds(e){return"__value"in e?e.__value:e.value}const il=Symbol("is custom element"),ll=Symbol("is html"),ol=Vn?"progress":"PROGRESS";function da(e,t){var s=En(e);s.value===(s.value=t??void 0)||e.value===t&&(t!==0||e.nodeName!==ol)||(e.value=t??"")}function Q(e,t,s,a){var r=En(e);r[t]!==(r[t]=s)&&(t==="loading"&&(e[Ln]=s),s==null?e.removeAttribute(t):typeof s!="string"&&cl(e).includes(t)?e[t]=s:e.setAttribute(t,s))}function En(e){return e[Xs]??(e[Xs]={[il]:e.nodeName.includes("-"),[ll]:e.namespaceURI===Mr})}var xr=new Map;function cl(e){var t=e.getAttribute("is")||e.nodeName,s=xr.get(t);if(s)return s;xr.set(t,s=[]);for(var a,r=e,n=Element.prototype;n!==r;){a=An(r);for(var l in a)a[l].set&&l!=="innerHTML"&&l!=="textContent"&&l!=="innerText"&&s.push(l);r=zr(r)}return s}function $t(e,t,s=t){var a=new WeakSet;rn(e,"input",async r=>{var n=r?e.defaultValue:e.value;if(n=Ca(e)?za(n):n,s(n),J!==null&&a.add(J),await Hi(),n!==(n=t())){var l=e.selectionStart,c=e.selectionEnd,o=e.value.length;if(e.value=n??"",c!==null){var f=e.value.length;l===c&&c===o&&f>o?(e.selectionStart=f,e.selectionEnd=f):(e.selectionStart=l,e.selectionEnd=Math.min(c,f))}}}),ba(t)==null&&e.value&&(s(Ca(e)?za(e.value):e.value),J!==null&&a.add(J)),er(()=>{var r=t();if(e===document.activeElement){var n=J;if(a.has(n))return}Ca(e)&&r===za(e.value)||e.type==="date"&&!r&&!e.value||r!==e.value&&(e.value=r??"")})}function Ca(e){var t=e.type;return t==="number"||t==="range"}function za(e){return e===""?null:+e}function Aa(e,t){return e===t||e?.[Zt]===t}function dl(e={},t,s,a){var r=Xe.r,n=se;return cn(()=>{var l,c;return er(()=>{l=c,c=[],ba(()=>{Aa(s(...c),e)||(t(e,...c),l&&Aa(s(...l),e)&&t(null,...l))})}),()=>{let o=n;for(;o!==r&&o.parent!==null&&o.parent.f&Ra;)o=o.parent;const f=()=>{c&&Aa(s(...c),e)&&t(null,...c)},h=o.teardown;o.teardown=()=>{f(),h?.()}}}),e}function ge(e,t,s,a){var r=!0,n=(s&ai)!==0,l=(s&ri)!==0,c=a,o=!0,f=void 0,h=()=>l&&r?(f??(f=Ms(a)),i(f)):(o&&(o=!1,c=l?ba(a):a),c);let p;if(n){var u=Zt in e||Pn in e;p=us(e,t)?.set??(u&&t in e?R=>e[t]=R:void 0)}var m,b=!1;n?[m,b]=vi(()=>e[t]):m=e[t],m===void 0&&a!==void 0&&(m=h(),p&&(Un(),p(m)));var w;if(w=()=>{var R=e[t];return R===void 0?h():(o=!0,R)},(s&si)===0)return w;if(p){var _=e.$$legacy;return(function(R,N){return arguments.length>0?((!N||_||b)&&p(N?w():R),R):w()})}var y=!1,S=((s&ti)!==0?Ms:Yr)(()=>(y=!1,w()));n&&i(S);var $=se;return(function(R,N){if(arguments.length>0){const E=N?i(S):n?qe(R):R;return K(S,E),y=!0,c!==void 0&&(c=E),R}return Ct&&y||($.f&at)!==0?S.v:i(S)})}const fl="5";var Cr;typeof window<"u"&&((Cr=window.__svelte??(window.__svelte={})).v??(Cr.v=new Set)).add(fl);const It=typeof window<"u"&&window.slashedBricksApp?window.slashedBricksApp:{defaults:{},settings:{},tabs:{},rest:{url:"",nonce:""}},ne={defaults:It.defaults||{},tabs:It.tabs||{},rest:It.rest||{url:"",nonce:""},inventory:It.inventory||{variables:[],sf_classes:[],is_classes:[]},pluginSettings:It.pluginSettings||{},versions:It.versions||{plugin:"",framework:""}},H=qe(structuredClone(It.settings||{})),Y=qe({activeTab:ul(ne.tabs)||"colors",dirty:!1,saving:!1,lastSavedAt:null,error:""});function ul(e){for(const t in e)return t;return null}function nr(){Y.dirty=!0,Y.error=""}function kr(e){H[e]&&delete H[e]}function vl(e,t){const s=H[e];if(!s)return"";const a=s[t];return a==null?"":String(a)}function Ss(e,t,s){H[e]||(H[e]={}),s===""||s===null||s===void 0||typeof s=="string"&&s.trim()===""?delete H[e][t]:H[e][t]=String(s),nr()}var pl=F(''),hl=F('

');function _l(e,t){we(t,!0);var s=hl();ie(s,21,()=>Object.entries(ne.tabs),([a,r])=>a,(a,r)=>{var n=j(()=>dt(i(r),2));let l=()=>i(n)[0],c=()=>i(n)[1];var o=pl();let f;var h=d(o);q(()=>{f=nt(o,1,"tab-nav__btn svelte-yyiz68",null,f,{active:Y.activeTab===l()}),A(h,c())}),_e("click",o,()=>Y.activeTab=l()),z(a,o)}),z(e,s),xe()}De(["click"]);var gl=F(' '),ml=F(' ',1),bl=F(''),yl=F('
');function Ys(e,t){we(t,!0);let s=ge(t,"hexHint",3,""),a=ge(t,"rawHint",3,""),r=ge(t,"cssVar",3,"");const n=/^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/,l=(()=>{const P=(H.colors?.[t.storeKey]??"").trim(),x=P===""||n.test(P);return{mode:x?"hex":"raw",hex:x?P:"",raw:x?"":P}})();let c=te(qe(l.mode)),o=te(qe(l.hex)),f=te(qe(l.raw));function h(){H.colors||(H.colors={});const P=i(f).trim(),x=i(o).trim(),k=i(c)==="raw"?P:x;k===""?delete H.colors[t.storeKey]:H.colors[t.storeKey]=k,nr()}function p(){i(c)==="hex"?(K(c,"raw"),K(o,"")):(K(c,"hex"),K(f,"")),h()}const u=j(()=>(i(c)==="raw"?i(f):i(o))||s()||"transparent");var m=yl(),b=d(m),w=d(b),_=d(w),y=v(w,2);{var S=P=>{var x=gl(),k=d(x);q(()=>A(k,r())),z(P,x)};ue(y,P=>{r()&&P(S)})}var $=v(b,2),R=d($);let N;var E=v(R,2);{var C=P=>{var x=ml(),k=wt(x),O=v(k,2);q(()=>{Q(k,"id",t.storeKey),Q(O,"placeholder",s())}),_e("input",k,h),$t(k,()=>i(o),D=>K(o,D)),_e("input",O,h),$t(O,()=>i(o),D=>K(o,D)),z(P,x)},M=P=>{var x=bl();q(()=>{Q(x,"id",t.storeKey),Q(x,"placeholder",a())}),_e("input",x,h),$t(x,()=>i(f),k=>K(f,k)),z(P,x)};ue(E,P=>{i(c)==="hex"?P(C):P(M,-1)})}var L=v(E,2),T=d(L);q(()=>{Q(w,"for",t.storeKey),A(_,t.label),N=ve(R,"",N,{background:i(u)}),A(T,i(c)==="hex"?"Advanced (oklch / raw)":"Use HEX picker")}),_e("click",L,p),z(e,m),xe()}De(["input","click"]);var wl=F('
'),xl=F('
');function ya(e,t){we(t,!0);let s=te(!1);const a=`adv-body-${Math.random().toString(36).slice(2,9)}`;var r=xl(),n=d(r),l=v(d(n));let c;var o=d(l),f=v(n,2);{var h=p=>{var u=wl(),m=d(u);kn(m,()=>t.children),q(()=>Q(u,"id",a)),z(p,u)};ue(f,p=>{i(s)&&p(h)})}q(()=>{Q(n,"aria-expanded",i(s)),Q(n,"aria-controls",a),c=nt(l,1,"advanced-section__arrow",null,c,{open:i(s)}),A(o,i(s)?"▲":"▼")}),_e("click",n,()=>K(s,!i(s))),z(e,r),xe()}De(["click"]);var kl=F('

Brand Colors — Dark Mode

Status Colors — Dark Mode

',1),Sl=F(`

Status Colors — Light Mode

The framework auto-derives dark mode from light source colors using CSS relative color syntax (oklch(from light clamp(0.65, 0.95−l·0.5, 0.88) c·0.9 h)). Turn this on only - when you need precise per-color dark overrides; auto-derivation is usually good enough.

`,1),xl=F(`

Brand Colors — Light Mode

Pick a color via the HEX input, or switch to Advanced to paste any + when you need precise per-color dark overrides; auto-derivation is usually good enough.

`,1),El=F(`

Brand Colors — Light Mode

Pick a color via the HEX input, or switch to Advanced to paste any CSS color value (oklch, rgb, hsl, var(...), etc). Whatever you save is fed - straight into the framework as the source of the brand scale.

`);function kl(e,t){xe(t,!0);const s=re.defaults?.colors??{},a=_=>_.charAt(0).toUpperCase()+_.slice(1),r=Object.entries(s.brand??{}),n=j(()=>dl("colors","dark_overrides_enabled")!=="0");function l(){ks("colors","dark_overrides_enabled",i(n)?"0":"1")}var o=xl(),c=p(f(o),4);ne(c,21,()=>r,([_,v])=>_,(_,v)=>{var u=j(()=>ot(i(v),2));let m=()=>i(u)[0],b=()=>i(u)[1];{let w=j(()=>`brand_${m()}`),h=j(()=>a(m())),y=j(()=>s.brand_hex_hints?.[m()]??""),S=j(()=>`--sf-color-${m()}-light`);Us(_,{get storeKey(){return i(w)},get label(){return i(h)},get hexHint(){return i(y)},get rawHint(){return b()},get cssVar(){return i(S)}})}});var d=p(c,2);ga(d,{children:(_,v)=>{var u=wl(),m=p(yt(u),2);ne(m,21,()=>Object.entries(s.status??{}),([E,$])=>E,(E,$)=>{var O=j(()=>ot(i($),2));let L=()=>i(O)[0],T=()=>i(O)[1];{let D=j(()=>`status_${L()}`),x=j(()=>a(L())),k=j(()=>s.status_hex_hints?.[L()]??""),P=j(()=>`--sf-color-${L()}-light`);Us(E,{get storeKey(){return i(D)},get label(){return i(x)},get hexHint(){return i(k)},get rawHint(){return T()},get cssVar(){return i(P)}})}});var b=p(m,2),w=f(b),h=f(w);let y;var S=p(h,2),C=f(S),R=p(b,2);{var B=E=>{var $=yl(),O=p(yt($),2);ne(O,21,()=>Object.entries(s.brand_dark??s.brand??{}),([T])=>T,(T,D)=>{var x=j(()=>ot(i(D),1));let k=()=>i(x)[0];{let P=j(()=>`brand_dark_${k()}`),M=j(()=>a(k())),V=j(()=>s.brand_dark_hex_hints?.[k()]??""),U=j(()=>s.brand_dark?.[k()]??""),I=j(()=>`--sf-color-${k()}-dark`);Us(T,{get storeKey(){return i(P)},get label(){return i(M)},get hexHint(){return i(V)},get rawHint(){return i(U)},get cssVar(){return i(I)}})}});var L=p(O,4);ne(L,21,()=>Object.entries(s.status_dark??s.status??{}),([T])=>T,(T,D)=>{var x=j(()=>ot(i(D),1));let k=()=>i(x)[0];{let P=j(()=>`status_dark_${k()}`),M=j(()=>a(k())),V=j(()=>s.status_dark_hex_hints?.[k()]??""),U=j(()=>s.status_dark?.[k()]??""),I=j(()=>`--sf-color-${k()}-dark`);Us(T,{get storeKey(){return i(P)},get label(){return i(M)},get hexHint(){return i(V)},get rawHint(){return i(U)},get cssVar(){return i(I)}})}}),z(E,$)};fe(R,E=>{i(n)&&E(B)})}q(()=>{y=rt(h,1,"dark-toggle-btn svelte-1vle0rm",null,y,{on:i(n)}),Q(h,"aria-pressed",i(n)),A(C,i(n)?"Active — custom values override auto-derivation":"Off — dark mode auto-derived from light source colors")}),he("click",h,l),z(_,u)},$$slots:{default:!0}}),z(e,o),ke()}De(["click"]);var Sl=F(''),El=F(' '),jl=F(' '),Tl=F('

'),Cl=F('
');function ma(e,t){let s=_e(t,"cssVar",3,""),a=_e(t,"fieldId",3,""),r=_e(t,"description",3,"");var n=Cl(),l=f(n),o=f(l);{var c=h=>{var y=Sl(),S=f(y);q(()=>{Q(y,"for",a()),A(S,t.label)}),z(h,y)},d=h=>{var y=El(),S=f(y);q(()=>A(S,t.label)),z(h,y)};fe(o,h=>{a()?h(c):h(d,-1)})}var _=p(o,2);{var v=h=>{var y=jl(),S=f(y);q(()=>A(S,s())),z(h,y)};fe(_,h=>{s()&&h(v)})}var u=p(l,2),m=f(u);bn(m,()=>t.children??Tr);var b=p(m,2);{var w=h=>{var y=Tl(),S=f(y);q(()=>A(S,r())),z(h,y)};fe(b,h=>{r()&&h(w)})}z(e,n)}var $l=F('');function oa(e,t){xe(t,!0);let s=_e(t,"default",3,""),a=_e(t,"cssVar",3,""),r=_e(t,"description",3,""),n=_e(t,"mono",3,!1),l=_e(t,"width",3,"320px");const o=j(()=>H[t.section]?.[t.fieldKey]===void 0||H[t.section]?.[t.fieldKey]===null?"":String(H[t.section][t.fieldKey]));function c(d){ks(t.section,t.fieldKey,d.currentTarget.value)}ma(e,{get label(){return t.label},get cssVar(){return a()},get fieldId(){return t.fieldKey},get description(){return r()},children:(d,_)=>{var v=$l();let u,m;q(b=>{Q(v,"id",t.fieldKey),u=rt(v,1,"text svelte-j8yw6l",null,u,{mono:n()}),la(v,i(o)),Q(v,"placeholder",b),m=ve(v,"",m,{width:l()})},[()=>String(s())]),he("input",v,c),z(d,v)},$$slots:{default:!0}}),ke()}De(["input"]);var zl=F(' '),Al=F(' ',1);function ut(e,t){xe(t,!0);let s=_e(t,"min",3,void 0),a=_e(t,"max",3,void 0),r=_e(t,"step",3,void 0),n=_e(t,"default",3,""),l=_e(t,"cssVar",3,""),o=_e(t,"unit",3,""),c=_e(t,"description",3,""),d=_e(t,"width",3,"120px");const _=j(()=>H[t.section]?.[t.fieldKey]===void 0||H[t.section]?.[t.fieldKey]===null?"":String(H[t.section][t.fieldKey]));function v(u){ks(t.section,t.fieldKey,u.currentTarget.value)}ma(e,{get label(){return t.label},get cssVar(){return l()},get fieldId(){return t.fieldKey},get description(){return c()},children:(u,m)=>{var b=Al(),w=yt(b);let h;var y=p(w,2);{var S=C=>{var R=zl(),B=f(R);q(()=>A(B,o())),z(C,R)};fe(y,C=>{o()&&C(S)})}q(C=>{Q(w,"id",t.fieldKey),Q(w,"min",s()),Q(w,"max",a()),Q(w,"step",r()),la(w,i(_)),Q(w,"placeholder",C),h=ve(w,"",h,{width:d()})},[()=>String(n())]),he("input",w,v),z(u,b)},$$slots:{default:!0}}),ke()}De(["input"]);var Fl=F('
'),Rl=F('
'),Ml=F('

Display Scale

'),Ol=F('

Live Scale Preview

Text Scale

');function Dl(e,t){xe(t,!0);const s=16,a=360,r=1520;let n=te(r);const o=(re.defaults?.typography??{}).font_sizes??{};function c(T){const D=H.typography??{},x=o[T]??{},k=D[`size_${T}_min`],P=D[`size_${T}_max`],M=k!==void 0&&k!==""?parseFloat(k):x.min??.75,V=P!==void 0&&P!==""?parseFloat(P):x.max??1;return{min:M,max:V}}const d=j(()=>{const T=Math.max(0,Math.min(1,(i(n)-a)/(r-a))),D={};for(const x of Object.keys(o)){const{min:k,max:P}=c(x),M=k+(P-k)*T,V=M*s;D[x]={sizePx:V,sizeRem:M.toFixed(3)}}return D}),_=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"],v=["display-s","display-m","display-l"],u=j(()=>_.filter(T=>o[T])),m=j(()=>v.filter(T=>o[T]));var b=Ol(),w=f(b),h=p(f(w),2),y=f(h);y.textContent="360px";var S=p(y,2);Q(S,"min",a),Q(S,"max",r);var C=p(S,2);C.textContent="1520px";var R=p(C,2),B=f(R),E=p(w,2),$=p(f(E),2);ne($,16,()=>i(u),T=>T,(T,D)=>{const x=j(()=>i(d)[D]);var k=pr(),P=yt(k);{var M=V=>{var U=Fl(),I=f(U),Y=f(I),G=p(I,2);let ae;var ue=f(G),ce=p(G,2),pe=f(ce);q((ge,N)=>{A(Y,D),ae=ve(G,"",ae,ge),A(ue,D),A(pe,`${i(x).sizeRem??""}rem / ${N??""}px`)},[()=>({"font-size":`${i(x).sizePx.toFixed(1)??""}px`}),()=>i(x).sizePx.toFixed(1)]),z(V,U)};fe(P,V=>{i(x)&&V(M)})}z(T,k)});var O=p(E,2);{var L=T=>{var D=Ml(),x=p(f(D),2);ne(x,16,()=>i(m),k=>k,(k,P)=>{const M=j(()=>i(d)[P]);var V=pr(),U=yt(V);{var I=Y=>{var G=Rl(),ae=f(G),ue=f(ae),ce=p(ae,2);let pe;var ge=f(ce),N=p(ce,2),le=f(N);q((me,ye)=>{A(ue,P),pe=ve(ce,"",pe,me),A(ge,P),A(le,`${i(M).sizeRem??""}rem / ${ye??""}px`)},[()=>({"font-size":`${i(M).sizePx.toFixed(1)??""}px`}),()=>i(M).sizePx.toFixed(1)]),z(Y,G)};fe(U,Y=>{i(M)&&Y(I)})}z(k,V)}),z(T,D)};fe(O,T=>{i(m).length>0&&T(L)})}q(()=>A(B,`${i(n)??""}px`)),zt(S,()=>i(n),T=>K(n,T)),z(e,b),ke()}var Pl=F(""),Ll=F(""),Vl=F('
'),Il=F('
Scale Generator Computes all step min/max values from a modular scale. Click Apply to write them to the fields below.
');function ql(e,t){xe(t,!0);const s=[{label:"Minor Second (1.067)",value:1.067},{label:"Major Second (1.125)",value:1.125},{label:"Minor Third (1.200)",value:1.2},{label:"Major Third (1.250)",value:1.25},{label:"Perfect Fourth (1.333)",value:1.333},{label:"Aug. Fourth (1.414)",value:1.414},{label:"Perfect Fifth (1.500)",value:1.5},{label:"Golden Ratio (1.618)",value:1.618},{label:"Major Sixth (1.667)",value:1.667},{label:"Octave (2.000)",value:2}],a=[{name:"2xs",idx:-4},{name:"xs",idx:-3},{name:"s",idx:-2},{name:"m",idx:0},{name:"l",idx:1},{name:"xl",idx:2},{name:"2xl",idx:3},{name:"3xl",idx:4},{name:"4xl",idx:5},{name:"display-s",idx:5},{name:"display-m",idx:6},{name:"display-l",idx:7}];let r=te(1),n=te(1.25),l=te(1.25),o=te(1.333),c=te(.85);const d=j(()=>a.map(({name:k,idx:P})=>{const V=k.startsWith("display")?i(c):1,U=+(i(r)*V*Math.pow(i(l),P)).toFixed(4),I=+(i(n)*V*Math.pow(i(o),P)).toFixed(4);return{name:k,min:U,max:I}}));function _(){H.typography||(H.typography={});for(const{name:k,min:P,max:M}of i(d))H.typography[`size_${k}_min`]=String(P),H.typography[`size_${k}_max`]=String(M);tr()}var v=Il(),u=p(f(v),2),m=f(u),b=p(f(m),2),w=f(b),h=p(m,2),y=p(f(h),2),S=f(y),C=p(h,2),R=p(f(C),2);ne(R,21,()=>s,k=>k.value,(k,P)=>{var M=Pl(),V=f(M),U={};q(()=>{A(V,i(P).label),U!==(U=i(P).value)&&(M.value=(M.__value=i(P).value)??"")}),z(k,M)});var B=p(C,2),E=p(f(B),2);ne(E,21,()=>s,k=>k.value,(k,P)=>{var M=Ll(),V=f(M),U={};q(()=>{A(V,i(P).label),U!==(U=i(P).value)&&(M.value=(M.__value=i(P).value)??"")}),z(k,M)});var $=p(B,2),O=p(f($),2),L=f(O),T=p(u,2);ne(T,21,()=>i(d),({name:k,min:P,max:M})=>k,(k,P)=>{let M=()=>i(P).name,V=()=>i(P).min,U=()=>i(P).max;var I=Vl();let Y;var G=f(I),ae=f(G),ue=p(G,2),ce=f(ue);q((pe,ge,N)=>{Y=rt(I,1,"scale-gen__step svelte-1y8fkhh",null,Y,pe),A(ae,M()),A(ce,`${ge??""} / ${N??""}`)},[()=>({display:M().startsWith("display")}),()=>V().toFixed(3),()=>U().toFixed(3)]),z(k,I)});var D=p(T,2),x=f(D);zt(w,()=>i(r),k=>K(r,k)),zt(S,()=>i(n),k=>K(n,k)),ia(R,()=>i(l),k=>K(l,k)),ia(E,()=>i(o),k=>K(o,k)),zt(L,()=>i(c),k=>K(c,k)),he("click",x,_),z(e,v),ke()}De(["click"]);var Nl=F('
'),Bl=F('

Additional Font Families

Scale Multipliers

',1),Kl=F('

Font Families

Font Size Scale

Min and max values in rem for fluid type scaling via clamp().

');function Hl(e,t){xe(t,!0);const s="typography",a=re.defaults?.[s]??{},r=a.font_families??{},n=a.font_sizes??{},l=h=>h.charAt(0).toUpperCase()+h.slice(1),o=["body","heading"],c=Object.fromEntries(Object.entries(r).filter(([h])=>o.includes(h))),d=Object.fromEntries(Object.entries(r).filter(([h])=>!o.includes(h)));var _=Kl(),v=p(f(_),2);ne(v,21,()=>Object.entries(c),([h,y])=>h,(h,y)=>{var S=j(()=>ot(i(y),2));let C=()=>i(S)[0],R=()=>i(S)[1];{let B=j(()=>`font_${C()}`),E=j(()=>l(C())),$=j(()=>`--sf-font-${C()}`);oa(h,{section:s,get fieldKey(){return i(B)},get label(){return i(E)},get default(){return R()},get cssVar(){return i($)},width:"420px"})}});var u=p(v,6);ql(u,{});var m=p(u,2);ne(m,21,()=>Object.entries(n),([h,y])=>h,(h,y)=>{var S=j(()=>ot(i(y),2));let C=()=>i(S)[0],R=()=>i(S)[1];var B=Nl(),E=f(B),$=f(E),O=f($),L=p($,2),T=f(L),D=p(E,2),x=f(D);{let P=j(()=>`size_${C()}_min`);ut(x,{section:s,get fieldKey(){return i(P)},label:"Min",min:0,step:.01,get default(){return R().min},width:"80px"})}var k=p(x,2);{let P=j(()=>`size_${C()}_max`);ut(k,{section:s,get fieldKey(){return i(P)},label:"Max",min:0,step:.01,get default(){return R().max},width:"80px"})}q(()=>{A(O,C()),A(T,`--sf-text-${C()??""}`)}),z(h,B)});var b=p(m,2);Dl(b,{});var w=p(b,2);ga(w,{children:(h,y)=>{var S=Bl(),C=p(yt(S),2);ne(C,21,()=>Object.entries(d),([$,O])=>$,($,O)=>{var L=j(()=>ot(i(O),2));let T=()=>i(L)[0],D=()=>i(L)[1];{let x=j(()=>`font_${T()}`),k=j(()=>l(T())),P=j(()=>`--sf-font-${T()}`);oa($,{section:s,get fieldKey(){return i(x)},get label(){return i(k)},get default(){return D()},get cssVar(){return i(P)},width:"420px"})}});var R=p(C,4),B=f(R);{let $=j(()=>a.scale_multipliers?.text_scale??1);ut(B,{section:s,fieldKey:"text_scale",label:"Text Scale",min:0,step:.05,get default(){return i($)},cssVar:"--sf-text-scale"})}var E=p(B,2);{let $=j(()=>a.scale_multipliers?.text_display_scale??1);ut(E,{section:s,fieldKey:"text_display_scale",label:"Display Scale",min:0,step:.05,get default(){return i($)},cssVar:"--sf-text-display-scale"})}z(h,S)},$$slots:{default:!0}}),z(e,_),ke()}var Ul=F('
'),Gl=F('

Live Scale Preview

Card heading
tag
tag 2
Action
');function Wl(e,t){xe(t,!0);const s=360,a=1440;let r=te(a);const n=re.defaults?.spacing??{},l=n.space_sizes??{};function o(I){const Y=H.spacing??{},G=l[I]??{},ae=Y[`space_${I}_min`],ue=Y[`space_${I}_max`],ce=ae!==void 0&&ae!==""?parseFloat(ae):G.min??1,pe=ue!==void 0&&ue!==""?parseFloat(ue):G.max??1;return{min:ce,max:pe}}const c=j(()=>{const I=parseFloat(H.spacing?.space_scale??n.space_scale??1)||1,Y=Math.max(0,Math.min(1,(i(r)-s)/(a-s))),G=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"],ae=o("4xl").max*I;return G.map(ue=>{const{min:ce,max:pe}=o(ue),ge=(ce+(pe-ce)*Y)*I,N=ge/ae*100;return{name:ue,sizeRem:ge.toFixed(3),barPct:Math.min(N,100)}})}),d=j(()=>{const I=parseFloat(H.spacing?.space_scale??n.space_scale??1)||1,Y=Math.max(0,Math.min(1,(i(r)-s)/(a-s))),G=ae=>{const{min:ue,max:ce}=o(ae);return((ue+(ce-ue)*Y)*I).toFixed(3)};return{xs:G("xs"),s:G("s"),m:G("m"),l:G("l")}});var _=Gl(),v=f(_),u=p(f(v),2),m=f(u);m.textContent="360px";var b=p(m,2);Q(b,"min",s),Q(b,"max",a);var w=p(b,2);w.textContent="1440px";var h=p(w,2),y=f(h),S=p(v,2);ne(S,21,()=>i(c),I=>I.name,(I,Y)=>{var G=Ul(),ae=f(G),ue=f(ae),ce=p(ae,2),pe=f(ce);let ge;var N=p(ce,2),le=f(N);q(()=>{A(ue,`--sf-space-${i(Y).name??""}`),ge=ve(pe,"",ge,{width:`${i(Y).barPct??""}%`}),A(le,`${i(Y).sizeRem??""}rem`)}),z(I,G)});var C=p(S,2),R=f(C),B=f(R),E=p(R,2);let $;var O=f(E);let L;var T=p(f(O),2),D=p(f(T),2),x=f(D),k=p(O,2),P=f(k),M=p(k,2);let V;var U=p(f(M),2);ve(U,"",{},{width:"3rem"}),q(()=>{A(y,`${i(r)??""}px`),A(B,`Container context at ${i(r)??""}px`),$=ve(E,"",$,{padding:`${i(d).m??""}rem`,gap:`${i(d).s??""}rem`}),L=ve(O,"",L,{gap:`${i(d).s??""}rem`}),A(x,`padding: ${i(d).m??""}rem`),A(P,`Body section · gap between rows: ${i(d).s??""}rem`),V=ve(M,"",V,{gap:`${i(d).xs??""}rem`,"padding-top":`${i(d).xs??""}rem`})}),zt(b,()=>i(r),I=>K(r,I)),z(e,_),ke()}var Yl=F('
'),Xl=F('

Space Aliases

',1),Zl=F(`

Spacing

Space Scale Steps

Min and max values in rem for fluid spacing via clamp(). - Leave both fields blank to use the framework defaults.

`);function Jl(e,t){xe(t,!0);const s="spacing",a=re.defaults?.[s]??{},r=a.space_sizes??{},n=[{key:"gutter",label:"Gutter",cssVar:"--sf-space-gutter"},{key:"gap",label:"Gap",cssVar:"--sf-gap"},{key:"content_gap",label:"Content Gap",cssVar:"--sf-content-gap"},{key:"component_pad",label:"Component Pad",cssVar:"--sf-component-pad"},{key:"section_pad",label:"Section Pad",cssVar:"--sf-section-pad"}];var l=Zl(),o=p(f(l),2),c=f(o);{let u=j(()=>a.space_scale??1);ut(c,{section:s,fieldKey:"space_scale",label:"Space Scale",min:0,step:.05,get default(){return i(u)},cssVar:"--sf-space-scale"})}var d=p(o,6);ne(d,21,()=>Object.entries(r),([u,m])=>u,(u,m)=>{var b=j(()=>ot(i(m),2));let w=()=>i(b)[0],h=()=>i(b)[1];var y=Yl(),S=f(y),C=f(S),R=f(C),B=p(C,2),E=f(B),$=p(S,2),O=f($);{let T=j(()=>`space_${w()}_min`);ut(O,{section:s,get fieldKey(){return i(T)},label:"Min",min:0,step:.01,get default(){return h().min},width:"80px"})}var L=p(O,2);{let T=j(()=>`space_${w()}_max`);ut(L,{section:s,get fieldKey(){return i(T)},label:"Max",min:0,step:.01,get default(){return h().max},width:"80px"})}q(()=>{A(R,w()),A(E,`--sf-space-${w()??""}`)}),z(u,y)});var _=p(d,2);Wl(_,{});var v=p(_,2);ga(v,{children:(u,m)=>{var b=Xl(),w=p(yt(b),2);ne(w,21,()=>n,h=>h.key,(h,y)=>{{let S=j(()=>a[i(y).key]??"");oa(h,{section:s,get fieldKey(){return i(y).key},get label(){return i(y).label},get default(){return i(S)},get cssVar(){return i(y).cssVar},mono:!0})}}),z(u,b)},$$slots:{default:!0}}),z(e,l),ke()}var Ql=F(' '),eo=F(' ',1);function os(e,t){xe(t,!0);let s=_e(t,"cssVar",3,""),a=_e(t,"unit",3,""),r=_e(t,"description",3,"");const n=j(()=>H[t.section]?.[t.fieldKey]===void 0||H[t.section]?.[t.fieldKey]===null?"":String(H[t.section][t.fieldKey])),l=j(()=>i(n)===""||Number.isNaN(Number(i(n)))?Number(t.default):Number(i(n)));function o(d){ks(t.section,t.fieldKey,d.currentTarget.value)}function c(d){ks(t.section,t.fieldKey,d.currentTarget.value)}ma(e,{get label(){return t.label},get cssVar(){return s()},get fieldId(){return t.fieldKey},get description(){return r()},children:(d,_)=>{var v=eo(),u=yt(v),m=p(u,2),b=p(m,2);{var w=h=>{var y=Ql(),S=f(y);q(()=>A(S,a())),z(h,y)};fe(b,h=>{a()&&h(w)})}q(h=>{Q(u,"min",t.min),Q(u,"max",t.max),Q(u,"step",t.step),la(u,i(l)),Q(m,"id",t.fieldKey),Q(m,"min",t.min),Q(m,"max",t.max),Q(m,"step",t.step),la(m,i(n)),Q(m,"placeholder",h)},[()=>String(t.default)]),he("input",u,o),he("input",m,c),z(d,v)},$$slots:{default:!0}}),ke()}De(["input"]);var to=F(""),so=F('');function ao(e,t){xe(t,!0);let s=_e(t,"options",19,()=>[]),a=_e(t,"default",3,""),r=_e(t,"cssVar",3,""),n=_e(t,"description",3,"");const l=j(()=>s().map(d=>typeof d=="string"?{value:d,label:d}:d)),o=j(()=>H[t.section]?.[t.fieldKey]===void 0||H[t.section]?.[t.fieldKey]===null?"":String(H[t.section][t.fieldKey]));function c(d){ks(t.section,t.fieldKey,d.currentTarget.value)}ma(e,{get label(){return t.label},get cssVar(){return r()},get fieldId(){return t.fieldKey},get description(){return n()},children:(d,_)=>{var v=so(),u=f(v),m=f(u);u.value=u.__value="";var b=p(u);ne(b,17,()=>i(l),h=>h.value,(h,y)=>{var S=to(),C=f(S),R={};q(()=>{A(C,i(y).label),R!==(R=i(y).value)&&(S.value=(S.__value=i(y).value)??"")}),z(h,S)});var w;yn(v),q(()=>{Q(v,"id",t.fieldKey),A(m,`Default (${a()??""})`),w!==(w=i(o))&&(v.value=(v.__value=i(o))??"",er(v,i(o)))}),he("change",v,c),z(d,v)},$$slots:{default:!0}}),ke()}De(["change"]);var ro=F('
'),no=F('
'),io=F('
'),lo=F('

Shadow

Motion — Durations

Base duration values in milliseconds.

Z-Index

Z-index layer values for stacking context management.

Contrast

',1),oo=F('

Radius

Shadows

Motion

Accessibility

');function co(e,t){xe(t,!0);const s=re.defaults?.radius??{},a=re.defaults?.shadows??{},r=re.defaults?.motion??{},n=re.defaults?.zindex??{},l=re.defaults?.contrast??{},o=r.durations??{},c=N=>N.charAt(0).toUpperCase()+N.slice(1),d=[0,2,4,8,12,16,24,9999],_=["none","xs","s","m","l","xl","2xl","full"],v=j(()=>parseFloat(H.radius?.radius_scale??re.defaults?.radius?.radius_scale??1)),u=j(()=>d.map(N=>N*i(v))),m=j(()=>parseFloat(H.shadows?.shadow_strength??a.shadow_strength??.08)),b=j(()=>parseFloat(H.motion?.motion_scale??r.motion_scale??1)||1),w=["instant","fast","normal","slow","slower"],h=j(()=>w.map(N=>{const le=H.motion?.[`duration_${N}`],me=parseFloat(le!==void 0&&le!==""?le:o[N]??0);return{name:N,ms:Math.round(me*i(b))}})),y=(N,le)=>parseFloat(N!==void 0&&N!==""?N:le),S=j(()=>y(H.contrast?.focus_ring_width,l.focus_ring_width??2)),C=j(()=>y(H.contrast?.focus_ring_offset,l.focus_ring_offset??2)),R=j(()=>H.contrast?.focus_ring_style??l.focus_ring_style??"solid"),B=j(()=>[{label:"xs",shadow:`0 1px 2px 0 rgba(0,0,0,${(i(m)*.5).toFixed(4)})`},{label:"s",shadow:`0 1px 2px 0 rgba(0,0,0,${(i(m)*.5).toFixed(4)}), 0 2px 6px 0 rgba(0,0,0,${i(m).toFixed(4)})`},{label:"m",shadow:`0 1px 3px 0 rgba(0,0,0,${(i(m)*.5).toFixed(4)}), 0 4px 12px 0 rgba(0,0,0,${(i(m)*2).toFixed(4)})`},{label:"l",shadow:`0 2px 4px 0 rgba(0,0,0,${(i(m)*.5).toFixed(4)}), 0 8px 24px 0 rgba(0,0,0,${(i(m)*3).toFixed(4)})`},{label:"xl",shadow:`0 2px 8px 0 rgba(0,0,0,${(i(m)*.5).toFixed(4)}), 0 12px 36px 0 rgba(0,0,0,${(i(m)*3.5).toFixed(4)})`},{label:"glow",shadow:`0 0 15px 2px rgba(74,48,208,${Math.min(i(m)*2,.7).toFixed(4)})`}]);var E=oo(),$=p(f(E),2),O=f($);{let N=j(()=>s.radius_scale??1);ut(O,{section:"radius",fieldKey:"radius_scale",label:"Radius Scale",min:0,step:.1,get default(){return i(N)},cssVar:"--sf-radius-scale"})}var L=p($,2);ne(L,23,()=>i(u),(N,le)=>_[le],(N,le,me)=>{var ye=ro(),Ce=f(ye);let $e;var Fe=p(Ce,2),oe=f(Fe);q(()=>{$e=ve(Ce,"",$e,{"border-radius":d[i(me)]===9999?"9999px":`${i(le)}px`}),A(oe,_[i(me)])}),z(N,ye)});var T=p(L,4),D=f(T);{let N=j(()=>a.shadow_strength??.08);os(D,{section:"shadows",fieldKey:"shadow_strength",label:"Shadow Strength",description:"Base opacity for shadow layers (0–1).",min:0,max:1,step:.01,get default(){return i(N)},cssVar:"--sf-shadow-strength"})}var x=p(T,2);ne(x,21,()=>i(B),N=>N.label,(N,le)=>{var me=no(),ye=f(me);let Ce;var $e=f(ye);q(()=>{Ce=ve(ye,"",Ce,{"box-shadow":i(le).shadow}),A($e,i(le).label)}),z(N,me)});var k=p(x,4),P=f(k);{let N=j(()=>r.motion_scale??1);ut(P,{section:"motion",fieldKey:"motion_scale",label:"Motion Scale",min:0,step:.1,get default(){return i(N)},cssVar:"--sf-motion-scale"})}var M=p(k,2);ne(M,21,()=>i(h),N=>N.name,(N,le)=>{var me=io(),ye=f(me),Ce=f(ye),$e=p(ye,2),Fe=f($e);let oe;var Se=p($e,2),be=f(Se);q(()=>{A(Ce,i(le).name),oe=ve(Fe,"",oe,{"animation-duration":`${i(le).ms??""}ms`}),A(be,`${i(le).ms??""}ms`)}),z(N,me)});var V=p(M,4),U=f(V);{let N=j(()=>l.focus_ring_width??2);os(U,{section:"contrast",fieldKey:"focus_ring_width",label:"Focus Ring Width",min:0,max:8,step:.5,get default(){return i(N)},cssVar:"--sf-focus-ring-width",unit:"px"})}var I=p(U,2);{let N=j(()=>l.focus_ring_offset??2);os(I,{section:"contrast",fieldKey:"focus_ring_offset",label:"Focus Ring Offset",min:0,max:8,step:.5,get default(){return i(N)},cssVar:"--sf-focus-ring-offset",unit:"px"})}var Y=p(I,2);{let N=j(()=>l.focus_ring_style??"solid");ao(Y,{section:"contrast",fieldKey:"focus_ring_style",label:"Focus Ring Style",options:["solid","dashed","dotted","double","none"],get default(){return i(N)},cssVar:"--sf-focus-ring-style"})}var G=p(V,2),ae=f(G);let ue;var ce=p(ae,2),pe=f(ce),ge=p(G,2);ga(ge,{children:(N,le)=>{var me=lo(),ye=p(yt(me),2),Ce=f(ye);{let we=j(()=>a.glow_color??"");oa(Ce,{section:"shadows",fieldKey:"glow_color",label:"Glow Color",get default(){return i(we)},cssVar:"--sf-shadow-glow-color",mono:!0})}var $e=p(ye,6);ne($e,21,()=>Object.entries(o),([we,it])=>we,(we,it)=>{var xt=j(()=>ot(i(it),2));let pt=()=>i(xt)[0],Re=()=>i(xt)[1];{let kt=j(()=>`duration_${pt()}`),St=j(()=>c(pt())),kn=j(()=>`--sf-duration-${pt()}`);ut(we,{section:"motion",get fieldKey(){return i(kt)},get label(){return i(St)},min:0,step:10,get default(){return Re()},get cssVar(){return i(kn)},unit:"ms"})}});var Fe=p($e,6);ne(Fe,21,()=>Object.entries(n),([we,it])=>we,(we,it)=>{var xt=j(()=>ot(i(it),2));let pt=()=>i(xt)[0],Re=()=>i(xt)[1];{let kt=j(()=>c(pt())),St=j(()=>`--sf-z-${pt()}`);ut(we,{section:"zindex",get fieldKey(){return pt()},get label(){return i(kt)},step:1,get default(){return Re()},get cssVar(){return i(St)}})}});var oe=p(Fe,4),Se=f(oe);{let we=j(()=>l.contrast_bias??0);os(Se,{section:"contrast",fieldKey:"contrast_bias",label:"Contrast Bias",description:"Shifts derived shades up (positive) or down (negative).",min:-.2,max:.2,step:.01,get default(){return i(we)},cssVar:"--sf-contrast-bias"})}var be=p(Se,2);{let we=j(()=>l.contrast_threshold??.6);os(be,{section:"contrast",fieldKey:"contrast_threshold",label:"Contrast Threshold",description:"Lightness threshold for text-on-color (white vs. black).",min:0,max:1,step:.01,get default(){return i(we)},cssVar:"--sf-contrast-threshold"})}var Ke=p(be,2);{let we=j(()=>l.opacity_disabled??.45);os(Ke,{section:"contrast",fieldKey:"opacity_disabled",label:"Disabled Opacity",min:0,max:1,step:.01,get default(){return i(we)},cssVar:"--sf-opacity-disabled"})}z(N,me)},$$slots:{default:!0}}),q(()=>{ue=ve(ae,"",ue,{"--fp-width":`${i(S)??""}px`,"--fp-offset":`${i(C)??""}px`,"--fp-style":i(R)}),A(pe,`${i(S)??""}px ${i(R)??""} · ${i(C)??""}px offset`)}),z(e,E),ke()}var fo=F('
    • '),uo=F('
      '),vo=F('
      '),po=F(`

      All --sf-* custom properties declared in the active SLASHED bundle, - grouped by category.

      `);function ho(e,t){xe(t,!0);const s=re.inventory?.variables??[],a={color:"Colors",text:"Typography",font:"Typography",leading:"Typography",tracking:"Typography",body:"Typography",heading:"Typography",h1:"Typography",h2:"Typography",h3:"Typography",h4:"Typography",h5:"Typography",h6:"Typography",prose:"Typography",code:"Typography",optical:"Typography",line:"Typography",space:"Spacing",gap:"Spacing",gutter:"Spacing",component:"Spacing",section:"Spacing",flow:"Spacing",safe:"Spacing",header:"Spacing",sticky:"Spacing",size:"Sizing",aspect:"Sizing",ratio:"Sizing",touch:"Sizing",container:"Layout",stack:"Layout",cluster:"Layout",sidebar:"Layout",switcher:"Layout",grid:"Layout",cover:"Layout",frame:"Layout",reel:"Layout",imposter:"Layout",bento:"Layout",box:"Layout",center:"Layout",content:"Layout",breakout:"Layout",divider:"Layout",field:"Layout",border:"Borders",stroke:"Borders",radius:"Radius",shadow:"Shadows",blur:"Effects",opacity:"Effects",gradient:"Effects",mask:"Effects",perspective:"Effects",drop:"Effects",contrast:"Effects",duration:"Motion",ease:"Motion",transition:"Motion",motion:"Motion",animation:"Motion",icon:"Icons",z:"Z-Index",is:"States",current:"States",focus:"Focus",caret:"Focus",scroll:"Scroll",scrollbar:"Scroll",print:"Print",truncate:"Misc"},r=["Colors","Typography","Spacing","Sizing","Layout","Borders","Radius","Shadows","Effects","Motion","Icons","Z-Index","States","Focus","Scroll","Print","Misc"];function n(b){let w=b;w.startsWith("--sf-")&&(w=w.slice(5));const h=w.indexOf("-"),y=h===-1?w:w.slice(0,h);return a[y]||"Misc"}function l(b){const w={};for(const y of b){const S=n(y);w[S]||(w[S]=[]),w[S].push(y)}const h=[];for(const y of r)w[y]?.length&&(w[y].sort(),h.push({category:y,items:w[y]}));for(const y of Object.keys(w))!r.includes(y)&&w[y]?.length&&(w[y].sort(),h.push({category:y,items:w[y]}));return h}const o=l(s);let c=Ne({});function d(b){c[b]=!c[b]}var _=po(),v=f(_),u=f(v),m=p(v,4);ne(m,17,()=>o,({category:b,items:w})=>b,(b,w)=>{let h=()=>i(w).category,y=()=>i(w).items;var S=vo(),C=f(S),R=f(C),B=f(R),E=p(R,2),$=f(E),O=p(E,2),L=f(O),T=p(C,2);{var D=x=>{var k=uo();ne(k,20,y,P=>P,(P,M)=>{var V=fo(),U=f(V),I=f(U);q(()=>A(I,M)),z(P,V)}),z(x,k)};fe(T,x=>{c[h()]&&x(D)})}q(()=>{Q(C,"aria-expanded",c[h()]?"true":"false"),A(B,c[h()]?"▼":"▶"),A($,h()),A(L,`(${y().length??""})`)}),he("click",C,()=>d(h())),z(b,S)}),q(()=>A(u,`CSS Variables (${s.length??""})`)),z(e,_),ke()}De(["click"]);var _o=F('
      • '),go=F('
        '),mo=F('
        • '),bo=F('
          '),yo=F('

          All utility and state classes declared in the active SLASHED bundle.

          ');function wo(e,t){xe(t,!0);const s=re.inventory?.sf_classes??[],a=re.inventory?.is_classes??[];let r=te(!1),n=te(!1);var l=yo(),o=f(l),c=f(o),d=p(o,4),_=f(d),v=f(_),u=f(v),m=p(v,4),b=f(m),w=p(_,2);{var h=L=>{var T=go();ne(T,20,()=>s,D=>D,(D,x)=>{var k=_o(),P=f(k),M=f(P);q(()=>A(M,`.${x??""}`)),z(D,k)}),z(L,T)};fe(w,L=>{i(r)&&L(h)})}var y=p(d,2),S=f(y),C=f(S),R=f(C),B=p(C,4),E=f(B),$=p(S,2);{var O=L=>{var T=bo();ne(T,20,()=>a,D=>D,(D,x)=>{var k=mo(),P=f(k),M=f(P);q(()=>A(M,`.${x??""}`)),z(D,k)}),z(L,T)};fe($,L=>{i(n)&&L(O)})}q(()=>{A(c,`Registered Classes (${s.length+a.length})`),Q(_,"aria-expanded",i(r)?"true":"false"),A(u,i(r)?"▼":"▶"),A(b,`(${s.length??""})`),Q(S,"aria-expanded",i(n)?"true":"false"),A(R,i(n)?"▼":"▶"),A(E,`(${a.length??""})`)}),he("click",_,()=>K(r,!i(r))),he("click",S,()=>K(n,!i(n))),z(e,l),ke()}De(["click"]);async function ba(e,t){const{url:s,nonce:a}=re.rest;if(!s)return console.info("[slashed-admin] (dev) would POST",e,t),{ok:!0,dev:!0};const r=await fetch(s+e,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json","X-WP-Nonce":a},body:JSON.stringify(t)});if(!r.ok){const n=await r.text();throw new Error(n||`HTTP ${r.status}`)}return r.json()}function yr(e,t){return ba("/tokens",{section:e,values:t})}function wr(e){return ba("/tokens/reset",{section:e})}function xo(e){return ba("/settings",e)}async function ko(){const{url:e,nonce:t}=re.rest;if(!e)return console.info("[slashed-admin] (dev) would GET /tokens/export"),{schema_version:"1",tokens:{},plugin_settings:{},dev:!0};const s=await fetch(e+"/tokens/export",{credentials:"same-origin",headers:{"X-WP-Nonce":t}});if(!s.ok)throw new Error(await s.text()||`HTTP ${s.status}`);return s.json()}function So(e){return ba("/tokens/import",e)}var Eo=F('Saved'),jo=F(' '),To=F(`

          Bundle Info

          The SLASHED CSS bundle is loaded automatically by the plugin. The inventory + straight into the framework as the source of the brand scale.

          `);function jl(e,t){we(t,!0);const s=ne.defaults?.colors??{},a=h=>h.charAt(0).toUpperCase()+h.slice(1),r=Object.entries(s.brand??{}),n=j(()=>vl("colors","dark_overrides_enabled")!=="0");function l(){Ss("colors","dark_overrides_enabled",i(n)?"0":"1")}var c=El(),o=v(d(c),4);ie(o,21,()=>r,([h,p])=>h,(h,p)=>{var u=j(()=>dt(i(p),2));let m=()=>i(u)[0],b=()=>i(u)[1];{let w=j(()=>`brand_${m()}`),_=j(()=>a(m())),y=j(()=>s.brand_hex_hints?.[m()]??""),S=j(()=>`--sf-color-${m()}-light`);Ys(h,{get storeKey(){return i(w)},get label(){return i(_)},get hexHint(){return i(y)},get rawHint(){return b()},get cssVar(){return i(S)}})}});var f=v(o,2);ya(f,{children:(h,p)=>{var u=Sl(),m=v(wt(u),2);ie(m,21,()=>Object.entries(s.status??{}),([E,C])=>E,(E,C)=>{var M=j(()=>dt(i(C),2));let L=()=>i(M)[0],T=()=>i(M)[1];{let P=j(()=>`status_${L()}`),x=j(()=>a(L())),k=j(()=>s.status_hex_hints?.[L()]??""),O=j(()=>`--sf-color-${L()}-light`);Ys(E,{get storeKey(){return i(P)},get label(){return i(x)},get hexHint(){return i(k)},get rawHint(){return T()},get cssVar(){return i(O)}})}});var b=v(m,2),w=d(b),_=d(w);let y;var S=v(_,2),$=d(S),R=v(b,2);{var N=E=>{var C=kl(),M=v(wt(C),2);ie(M,21,()=>Object.entries(s.brand_dark??s.brand??{}),([T])=>T,(T,P)=>{var x=j(()=>dt(i(P),1));let k=()=>i(x)[0];{let O=j(()=>`brand_dark_${k()}`),D=j(()=>a(k())),V=j(()=>s.brand_dark_hex_hints?.[k()]??""),U=j(()=>s.brand_dark?.[k()]??""),I=j(()=>`--sf-color-${k()}-dark`);Ys(T,{get storeKey(){return i(O)},get label(){return i(D)},get hexHint(){return i(V)},get rawHint(){return i(U)},get cssVar(){return i(I)}})}});var L=v(M,4);ie(L,21,()=>Object.entries(s.status_dark??s.status??{}),([T])=>T,(T,P)=>{var x=j(()=>dt(i(P),1));let k=()=>i(x)[0];{let O=j(()=>`status_dark_${k()}`),D=j(()=>a(k())),V=j(()=>s.status_dark_hex_hints?.[k()]??""),U=j(()=>s.status_dark?.[k()]??""),I=j(()=>`--sf-color-${k()}-dark`);Ys(T,{get storeKey(){return i(O)},get label(){return i(D)},get hexHint(){return i(V)},get rawHint(){return i(U)},get cssVar(){return i(I)}})}}),z(E,C)};ue(R,E=>{i(n)&&E(N)})}q(()=>{y=nt(_,1,"dark-toggle-btn svelte-1vle0rm",null,y,{on:i(n)}),Q(_,"aria-pressed",i(n)),A($,i(n)?"Active — custom values override auto-derivation":"Off — dark mode auto-derived from light source colors")}),_e("click",_,l),z(h,u)},$$slots:{default:!0}}),z(e,c),xe()}De(["click"]);var Tl=F(''),$l=F(' '),Cl=F(' '),zl=F('

          '),Al=F('
          ');function wa(e,t){let s=ge(t,"cssVar",3,""),a=ge(t,"fieldId",3,""),r=ge(t,"description",3,"");var n=Al(),l=d(n),c=d(l);{var o=_=>{var y=Tl(),S=d(y);q(()=>{Q(y,"for",a()),A(S,t.label)}),z(_,y)},f=_=>{var y=$l(),S=d(y);q(()=>A(S,t.label)),z(_,y)};ue(c,_=>{a()?_(o):_(f,-1)})}var h=v(c,2);{var p=_=>{var y=Cl(),S=d(y);q(()=>A(S,s())),z(_,y)};ue(h,_=>{s()&&_(p)})}var u=v(l,2),m=d(u);kn(m,()=>t.children??Ar);var b=v(m,2);{var w=_=>{var y=zl(),S=d(y);q(()=>A(S,r())),z(_,y)};ue(b,_=>{r()&&_(w)})}z(e,n)}var Fl=F('');function fa(e,t){we(t,!0);let s=ge(t,"default",3,""),a=ge(t,"cssVar",3,""),r=ge(t,"description",3,""),n=ge(t,"mono",3,!1),l=ge(t,"width",3,"320px");const c=j(()=>H[t.section]?.[t.fieldKey]===void 0||H[t.section]?.[t.fieldKey]===null?"":String(H[t.section][t.fieldKey]));function o(f){Ss(t.section,t.fieldKey,f.currentTarget.value)}wa(e,{get label(){return t.label},get cssVar(){return a()},get fieldId(){return t.fieldKey},get description(){return r()},children:(f,h)=>{var p=Fl();let u,m;q(b=>{Q(p,"id",t.fieldKey),u=nt(p,1,"text svelte-j8yw6l",null,u,{mono:n()}),da(p,i(c)),Q(p,"placeholder",b),m=ve(p,"",m,{width:l()})},[()=>String(s())]),_e("input",p,o),z(f,p)},$$slots:{default:!0}}),xe()}De(["input"]);var Rl=F(' '),Dl=F(' ',1);function pt(e,t){we(t,!0);let s=ge(t,"min",3,void 0),a=ge(t,"max",3,void 0),r=ge(t,"step",3,void 0),n=ge(t,"default",3,""),l=ge(t,"cssVar",3,""),c=ge(t,"unit",3,""),o=ge(t,"description",3,""),f=ge(t,"width",3,"120px");const h=j(()=>H[t.section]?.[t.fieldKey]===void 0||H[t.section]?.[t.fieldKey]===null?"":String(H[t.section][t.fieldKey]));function p(u){Ss(t.section,t.fieldKey,u.currentTarget.value)}wa(e,{get label(){return t.label},get cssVar(){return l()},get fieldId(){return t.fieldKey},get description(){return o()},children:(u,m)=>{var b=Dl(),w=wt(b);let _;var y=v(w,2);{var S=$=>{var R=Rl(),N=d(R);q(()=>A(N,c())),z($,R)};ue(y,$=>{c()&&$(S)})}q($=>{Q(w,"id",t.fieldKey),Q(w,"min",s()),Q(w,"max",a()),Q(w,"step",r()),da(w,i(h)),Q(w,"placeholder",$),_=ve(w,"",_,{width:f()})},[()=>String(n())]),_e("input",w,p),z(u,b)},$$slots:{default:!0}}),xe()}De(["input"]);var Ml=F('
          '),Ol=F('
          '),Pl=F('

          Display Scale

          '),Ll=F('

          Live Scale Preview

          Text Scale

          ');function Vl(e,t){we(t,!0);const s=16,a=360,r=1520;let n=te(r);const c=(ne.defaults?.typography??{}).font_sizes??{};function o(T){const P=H.typography??{},x=c[T]??{},k=P[`size_${T}_min`],O=P[`size_${T}_max`],D=k!==void 0&&k!==""?parseFloat(k):x.min??.75,V=O!==void 0&&O!==""?parseFloat(O):x.max??1;return{min:D,max:V}}const f=j(()=>{const T=Math.max(0,Math.min(1,(i(n)-a)/(r-a))),P={};for(const x of Object.keys(c)){const{min:k,max:O}=o(x),D=k+(O-k)*T,V=D*s;P[x]={sizePx:V,sizeRem:D.toFixed(3)}}return P}),h=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"],p=["display-s","display-m","display-l"],u=j(()=>h.filter(T=>c[T])),m=j(()=>p.filter(T=>c[T]));var b=Ll(),w=d(b),_=v(d(w),2),y=d(_);y.textContent="360px";var S=v(y,2);Q(S,"min",a),Q(S,"max",r);var $=v(S,2);$.textContent="1520px";var R=v($,2),N=d(R),E=v(w,2),C=v(d(E),2);ie(C,16,()=>i(u),T=>T,(T,P)=>{const x=j(()=>i(f)[P]);var k=mr(),O=wt(k);{var D=V=>{var U=Ml(),I=d(U),W=d(I),G=v(I,2);let ae;var pe=d(G),de=v(G,2),he=d(de);q((me,B)=>{A(W,P),ae=ve(G,"",ae,me),A(pe,P),A(he,`${i(x).sizeRem??""}rem / ${B??""}px`)},[()=>({"font-size":`${i(x).sizePx.toFixed(1)??""}px`}),()=>i(x).sizePx.toFixed(1)]),z(V,U)};ue(O,V=>{i(x)&&V(D)})}z(T,k)});var M=v(E,2);{var L=T=>{var P=Pl(),x=v(d(P),2);ie(x,16,()=>i(m),k=>k,(k,O)=>{const D=j(()=>i(f)[O]);var V=mr(),U=wt(V);{var I=W=>{var G=Ol(),ae=d(G),pe=d(ae),de=v(ae,2);let he;var me=d(de),B=v(de,2),oe=d(B);q((be,ye)=>{A(pe,O),he=ve(de,"",he,be),A(me,O),A(oe,`${i(D).sizeRem??""}rem / ${ye??""}px`)},[()=>({"font-size":`${i(D).sizePx.toFixed(1)??""}px`}),()=>i(D).sizePx.toFixed(1)]),z(W,G)};ue(U,W=>{i(D)&&W(I)})}z(k,V)}),z(T,P)};ue(M,T=>{i(m).length>0&&T(L)})}q(()=>A(N,`${i(n)??""}px`)),$t(S,()=>i(n),T=>K(n,T)),z(e,b),xe()}var Il=F(""),ql=F(""),Nl=F('
          '),Bl=F('
          Scale Generator Computes all step min/max values from a modular scale. Click Apply to write them to the fields below.
          ');function Kl(e,t){we(t,!0);const s=[{label:"Minor Second (1.067)",value:1.067},{label:"Major Second (1.125)",value:1.125},{label:"Minor Third (1.200)",value:1.2},{label:"Major Third (1.250)",value:1.25},{label:"Perfect Fourth (1.333)",value:1.333},{label:"Aug. Fourth (1.414)",value:1.414},{label:"Perfect Fifth (1.500)",value:1.5},{label:"Golden Ratio (1.618)",value:1.618},{label:"Major Sixth (1.667)",value:1.667},{label:"Octave (2.000)",value:2}],a=[{name:"2xs",idx:-4},{name:"xs",idx:-3},{name:"s",idx:-2},{name:"m",idx:0},{name:"l",idx:1},{name:"xl",idx:2},{name:"2xl",idx:3},{name:"3xl",idx:4},{name:"4xl",idx:5},{name:"display-s",idx:5},{name:"display-m",idx:6},{name:"display-l",idx:7}];let r=te(1),n=te(1.25),l=te(1.25),c=te(1.333),o=te(.85);const f=j(()=>a.map(({name:k,idx:O})=>{const V=k.startsWith("display")?i(o):1,U=+(i(r)*V*Math.pow(i(l),O)).toFixed(4),I=+(i(n)*V*Math.pow(i(c),O)).toFixed(4);return{name:k,min:U,max:I}}));function h(){H.typography||(H.typography={});for(const{name:k,min:O,max:D}of i(f))H.typography[`size_${k}_min`]=String(O),H.typography[`size_${k}_max`]=String(D);nr()}var p=Bl(),u=v(d(p),2),m=d(u),b=v(d(m),2),w=d(b),_=v(m,2),y=v(d(_),2),S=d(y),$=v(_,2),R=v(d($),2);ie(R,21,()=>s,k=>k.value,(k,O)=>{var D=Il(),V=d(D),U={};q(()=>{A(V,i(O).label),U!==(U=i(O).value)&&(D.value=(D.__value=i(O).value)??"")}),z(k,D)});var N=v($,2),E=v(d(N),2);ie(E,21,()=>s,k=>k.value,(k,O)=>{var D=ql(),V=d(D),U={};q(()=>{A(V,i(O).label),U!==(U=i(O).value)&&(D.value=(D.__value=i(O).value)??"")}),z(k,D)});var C=v(N,2),M=v(d(C),2),L=d(M),T=v(u,2);ie(T,21,()=>i(f),({name:k,min:O,max:D})=>k,(k,O)=>{let D=()=>i(O).name,V=()=>i(O).min,U=()=>i(O).max;var I=Nl();let W;var G=d(I),ae=d(G),pe=v(G,2),de=d(pe);q((he,me,B)=>{W=nt(I,1,"scale-gen__step svelte-1y8fkhh",null,W,he),A(ae,D()),A(de,`${me??""} / ${B??""}`)},[()=>({display:D().startsWith("display")}),()=>V().toFixed(3),()=>U().toFixed(3)]),z(k,I)});var P=v(T,2),x=d(P);$t(w,()=>i(r),k=>K(r,k)),$t(S,()=>i(n),k=>K(n,k)),ca(R,()=>i(l),k=>K(l,k)),ca(E,()=>i(c),k=>K(c,k)),$t(L,()=>i(o),k=>K(o,k)),_e("click",x,h),z(e,p),xe()}De(["click"]);var Hl=F('
          '),Ul=F('

          Additional Font Families

          Scale Multipliers

          ',1),Gl=F('

          Font Families

          Font Size Scale

          Min and max values in rem for fluid type scaling via clamp().

          ');function Wl(e,t){we(t,!0);const s="typography",a=ne.defaults?.[s]??{},r=a.font_families??{},n=a.font_sizes??{},l=_=>_.charAt(0).toUpperCase()+_.slice(1),c=["body","heading"],o=Object.fromEntries(Object.entries(r).filter(([_])=>c.includes(_))),f=Object.fromEntries(Object.entries(r).filter(([_])=>!c.includes(_)));var h=Gl(),p=v(d(h),2);ie(p,21,()=>Object.entries(o),([_,y])=>_,(_,y)=>{var S=j(()=>dt(i(y),2));let $=()=>i(S)[0],R=()=>i(S)[1];{let N=j(()=>`font_${$()}`),E=j(()=>l($())),C=j(()=>`--sf-font-${$()}`);fa(_,{section:s,get fieldKey(){return i(N)},get label(){return i(E)},get default(){return R()},get cssVar(){return i(C)},width:"420px"})}});var u=v(p,6);Kl(u,{});var m=v(u,2);ie(m,21,()=>Object.entries(n),([_,y])=>_,(_,y)=>{var S=j(()=>dt(i(y),2));let $=()=>i(S)[0],R=()=>i(S)[1];var N=Hl(),E=d(N),C=d(E),M=d(C),L=v(C,2),T=d(L),P=v(E,2),x=d(P);{let O=j(()=>`size_${$()}_min`);pt(x,{section:s,get fieldKey(){return i(O)},label:"Min",min:0,step:.01,get default(){return R().min},width:"80px"})}var k=v(x,2);{let O=j(()=>`size_${$()}_max`);pt(k,{section:s,get fieldKey(){return i(O)},label:"Max",min:0,step:.01,get default(){return R().max},width:"80px"})}q(()=>{A(M,$()),A(T,`--sf-text-${$()??""}`)}),z(_,N)});var b=v(m,2);Vl(b,{});var w=v(b,2);ya(w,{children:(_,y)=>{var S=Ul(),$=v(wt(S),2);ie($,21,()=>Object.entries(f),([C,M])=>C,(C,M)=>{var L=j(()=>dt(i(M),2));let T=()=>i(L)[0],P=()=>i(L)[1];{let x=j(()=>`font_${T()}`),k=j(()=>l(T())),O=j(()=>`--sf-font-${T()}`);fa(C,{section:s,get fieldKey(){return i(x)},get label(){return i(k)},get default(){return P()},get cssVar(){return i(O)},width:"420px"})}});var R=v($,4),N=d(R);{let C=j(()=>a.scale_multipliers?.text_scale??1);pt(N,{section:s,fieldKey:"text_scale",label:"Text Scale",min:0,step:.05,get default(){return i(C)},cssVar:"--sf-text-scale"})}var E=v(N,2);{let C=j(()=>a.scale_multipliers?.text_display_scale??1);pt(E,{section:s,fieldKey:"text_display_scale",label:"Display Scale",min:0,step:.05,get default(){return i(C)},cssVar:"--sf-text-display-scale"})}z(_,S)},$$slots:{default:!0}}),z(e,h),xe()}var Yl=F('
          '),Xl=F('

          Live Scale Preview

          Card heading
          tag
          tag 2
          Action
          ');function Zl(e,t){we(t,!0);const s=360,a=1440;let r=te(a);const n=ne.defaults?.spacing??{},l=n.space_sizes??{};function c(I){const W=H.spacing??{},G=l[I]??{},ae=W[`space_${I}_min`],pe=W[`space_${I}_max`],de=ae!==void 0&&ae!==""?parseFloat(ae):G.min??1,he=pe!==void 0&&pe!==""?parseFloat(pe):G.max??1;return{min:de,max:he}}const o=j(()=>{const I=parseFloat(H.spacing?.space_scale??n.space_scale??1)||1,W=Math.max(0,Math.min(1,(i(r)-s)/(a-s))),G=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"],ae=c("4xl").max*I;return G.map(pe=>{const{min:de,max:he}=c(pe),me=(de+(he-de)*W)*I,B=me/ae*100;return{name:pe,sizeRem:me.toFixed(3),barPct:Math.min(B,100)}})}),f=j(()=>{const I=parseFloat(H.spacing?.space_scale??n.space_scale??1)||1,W=Math.max(0,Math.min(1,(i(r)-s)/(a-s))),G=ae=>{const{min:pe,max:de}=c(ae);return((pe+(de-pe)*W)*I).toFixed(3)};return{xs:G("xs"),s:G("s"),m:G("m"),l:G("l")}});var h=Xl(),p=d(h),u=v(d(p),2),m=d(u);m.textContent="360px";var b=v(m,2);Q(b,"min",s),Q(b,"max",a);var w=v(b,2);w.textContent="1440px";var _=v(w,2),y=d(_),S=v(p,2);ie(S,21,()=>i(o),I=>I.name,(I,W)=>{var G=Yl(),ae=d(G),pe=d(ae),de=v(ae,2),he=d(de);let me;var B=v(de,2),oe=d(B);q(()=>{A(pe,`--sf-space-${i(W).name??""}`),me=ve(he,"",me,{width:`${i(W).barPct??""}%`}),A(oe,`${i(W).sizeRem??""}rem`)}),z(I,G)});var $=v(S,2),R=d($),N=d(R),E=v(R,2);let C;var M=d(E);let L;var T=v(d(M),2),P=v(d(T),2),x=d(P),k=v(M,2),O=d(k),D=v(k,2);let V;var U=v(d(D),2);ve(U,"",{},{width:"3rem"}),q(()=>{A(y,`${i(r)??""}px`),A(N,`Container context at ${i(r)??""}px`),C=ve(E,"",C,{padding:`${i(f).m??""}rem`,gap:`${i(f).s??""}rem`}),L=ve(M,"",L,{gap:`${i(f).s??""}rem`}),A(x,`padding: ${i(f).m??""}rem`),A(O,`Body section · gap between rows: ${i(f).s??""}rem`),V=ve(D,"",V,{gap:`${i(f).xs??""}rem`,"padding-top":`${i(f).xs??""}rem`})}),$t(b,()=>i(r),I=>K(r,I)),z(e,h),xe()}var Jl=F('
          '),Ql=F('

          Space Aliases

          ',1),eo=F(`

          Spacing

          Space Scale Steps

          Min and max values in rem for fluid spacing via clamp(). + Leave both fields blank to use the framework defaults.

          `);function to(e,t){we(t,!0);const s="spacing",a=ne.defaults?.[s]??{},r=a.space_sizes??{},n=[{key:"gutter",label:"Gutter",cssVar:"--sf-space-gutter"},{key:"gap",label:"Gap",cssVar:"--sf-gap"},{key:"content_gap",label:"Content Gap",cssVar:"--sf-content-gap"},{key:"component_pad",label:"Component Pad",cssVar:"--sf-component-pad"},{key:"section_pad",label:"Section Pad",cssVar:"--sf-section-pad"}];var l=eo(),c=v(d(l),2),o=d(c);{let u=j(()=>a.space_scale??1);pt(o,{section:s,fieldKey:"space_scale",label:"Space Scale",min:0,step:.05,get default(){return i(u)},cssVar:"--sf-space-scale"})}var f=v(c,6);ie(f,21,()=>Object.entries(r),([u,m])=>u,(u,m)=>{var b=j(()=>dt(i(m),2));let w=()=>i(b)[0],_=()=>i(b)[1];var y=Jl(),S=d(y),$=d(S),R=d($),N=v($,2),E=d(N),C=v(S,2),M=d(C);{let T=j(()=>`space_${w()}_min`);pt(M,{section:s,get fieldKey(){return i(T)},label:"Min",min:0,step:.01,get default(){return _().min},width:"80px"})}var L=v(M,2);{let T=j(()=>`space_${w()}_max`);pt(L,{section:s,get fieldKey(){return i(T)},label:"Max",min:0,step:.01,get default(){return _().max},width:"80px"})}q(()=>{A(R,w()),A(E,`--sf-space-${w()??""}`)}),z(u,y)});var h=v(f,2);Zl(h,{});var p=v(h,2);ya(p,{children:(u,m)=>{var b=Ql(),w=v(wt(b),2);ie(w,21,()=>n,_=>_.key,(_,y)=>{{let S=j(()=>a[i(y).key]??"");fa(_,{section:s,get fieldKey(){return i(y).key},get label(){return i(y).label},get default(){return i(S)},get cssVar(){return i(y).cssVar},mono:!0})}}),z(u,b)},$$slots:{default:!0}}),z(e,l),xe()}var so=F(' '),ao=F(' ',1);function cs(e,t){we(t,!0);let s=ge(t,"cssVar",3,""),a=ge(t,"unit",3,""),r=ge(t,"description",3,"");const n=j(()=>H[t.section]?.[t.fieldKey]===void 0||H[t.section]?.[t.fieldKey]===null?"":String(H[t.section][t.fieldKey])),l=j(()=>i(n)===""||Number.isNaN(Number(i(n)))?Number(t.default):Number(i(n)));function c(f){Ss(t.section,t.fieldKey,f.currentTarget.value)}function o(f){Ss(t.section,t.fieldKey,f.currentTarget.value)}wa(e,{get label(){return t.label},get cssVar(){return s()},get fieldId(){return t.fieldKey},get description(){return r()},children:(f,h)=>{var p=ao(),u=wt(p),m=v(u,2),b=v(m,2);{var w=_=>{var y=so(),S=d(y);q(()=>A(S,a())),z(_,y)};ue(b,_=>{a()&&_(w)})}q(_=>{Q(u,"min",t.min),Q(u,"max",t.max),Q(u,"step",t.step),da(u,i(l)),Q(m,"id",t.fieldKey),Q(m,"min",t.min),Q(m,"max",t.max),Q(m,"step",t.step),da(m,i(n)),Q(m,"placeholder",_)},[()=>String(t.default)]),_e("input",u,c),_e("input",m,o),z(f,p)},$$slots:{default:!0}}),xe()}De(["input"]);var ro=F(""),no=F('');function io(e,t){we(t,!0);let s=ge(t,"options",19,()=>[]),a=ge(t,"default",3,""),r=ge(t,"cssVar",3,""),n=ge(t,"description",3,"");const l=j(()=>s().map(f=>typeof f=="string"?{value:f,label:f}:f)),c=j(()=>H[t.section]?.[t.fieldKey]===void 0||H[t.section]?.[t.fieldKey]===null?"":String(H[t.section][t.fieldKey]));function o(f){Ss(t.section,t.fieldKey,f.currentTarget.value)}wa(e,{get label(){return t.label},get cssVar(){return r()},get fieldId(){return t.fieldKey},get description(){return n()},children:(f,h)=>{var p=no(),u=d(p),m=d(u);u.value=u.__value="";var b=v(u);ie(b,17,()=>i(l),_=>_.value,(_,y)=>{var S=ro(),$=d(S),R={};q(()=>{A($,i(y).label),R!==(R=i(y).value)&&(S.value=(S.__value=i(y).value)??"")}),z(_,S)});var w;Sn(p),q(()=>{Q(p,"id",t.fieldKey),A(m,`Default (${a()??""})`),w!==(w=i(c))&&(p.value=(p.__value=i(c))??"",rr(p,i(c)))}),_e("change",p,o),z(f,p)},$$slots:{default:!0}}),xe()}De(["change"]);var lo=F('
          '),oo=F('
          '),co=F('
          '),fo=F('

          Shadow

          Motion — Durations

          Base duration values in milliseconds.

          Z-Index

          Z-index layer values for stacking context management.

          Contrast

          ',1),uo=F('

          Radius

          Shadows

          Motion

          Accessibility

          ');function vo(e,t){we(t,!0);const s=ne.defaults?.radius??{},a=ne.defaults?.shadows??{},r=ne.defaults?.motion??{},n=ne.defaults?.zindex??{},l=ne.defaults?.contrast??{},c=r.durations??{},o=B=>B.charAt(0).toUpperCase()+B.slice(1),f=[0,2,4,8,12,16,24,9999],h=["none","xs","s","m","l","xl","2xl","full"],p=j(()=>parseFloat(H.radius?.radius_scale??ne.defaults?.radius?.radius_scale??1)),u=j(()=>f.map(B=>B*i(p))),m=j(()=>parseFloat(H.shadows?.shadow_strength??a.shadow_strength??.08)),b=j(()=>parseFloat(H.motion?.motion_scale??r.motion_scale??1)||1),w=["instant","fast","normal","slow","slower"],_=j(()=>w.map(B=>{const oe=H.motion?.[`duration_${B}`],be=parseFloat(oe!==void 0&&oe!==""?oe:c[B]??0);return{name:B,ms:Math.round(be*i(b))}})),y=(B,oe)=>parseFloat(B!==void 0&&B!==""?B:oe),S=j(()=>y(H.contrast?.focus_ring_width,l.focus_ring_width??2)),$=j(()=>y(H.contrast?.focus_ring_offset,l.focus_ring_offset??2)),R=j(()=>H.contrast?.focus_ring_style??l.focus_ring_style??"solid"),N=j(()=>[{label:"xs",shadow:`0 1px 2px 0 rgba(0,0,0,${(i(m)*.5).toFixed(4)})`},{label:"s",shadow:`0 1px 2px 0 rgba(0,0,0,${(i(m)*.5).toFixed(4)}), 0 2px 6px 0 rgba(0,0,0,${i(m).toFixed(4)})`},{label:"m",shadow:`0 1px 3px 0 rgba(0,0,0,${(i(m)*.5).toFixed(4)}), 0 4px 12px 0 rgba(0,0,0,${(i(m)*2).toFixed(4)})`},{label:"l",shadow:`0 2px 4px 0 rgba(0,0,0,${(i(m)*.5).toFixed(4)}), 0 8px 24px 0 rgba(0,0,0,${(i(m)*3).toFixed(4)})`},{label:"xl",shadow:`0 2px 8px 0 rgba(0,0,0,${(i(m)*.5).toFixed(4)}), 0 12px 36px 0 rgba(0,0,0,${(i(m)*3.5).toFixed(4)})`},{label:"glow",shadow:`0 0 15px 2px rgba(74,48,208,${Math.min(i(m)*2,.7).toFixed(4)})`}]);var E=uo(),C=v(d(E),2),M=d(C);{let B=j(()=>s.radius_scale??1);pt(M,{section:"radius",fieldKey:"radius_scale",label:"Radius Scale",min:0,step:.1,get default(){return i(B)},cssVar:"--sf-radius-scale"})}var L=v(C,2);ie(L,23,()=>i(u),(B,oe)=>h[oe],(B,oe,be)=>{var ye=lo(),Te=d(ye);let $e;var Ae=v(Te,2),Pe=d(Ae);q(()=>{$e=ve(Te,"",$e,{"border-radius":f[i(be)]===9999?"9999px":`${i(oe)}px`}),A(Pe,h[i(be)])}),z(B,ye)});var T=v(L,4),P=d(T);{let B=j(()=>a.shadow_strength??.08);cs(P,{section:"shadows",fieldKey:"shadow_strength",label:"Shadow Strength",description:"Base opacity for shadow layers (0–1).",min:0,max:1,step:.01,get default(){return i(B)},cssVar:"--sf-shadow-strength"})}var x=v(T,2);ie(x,21,()=>i(N),B=>B.label,(B,oe)=>{var be=oo(),ye=d(be);let Te;var $e=d(ye);q(()=>{Te=ve(ye,"",Te,{"box-shadow":i(oe).shadow}),A($e,i(oe).label)}),z(B,be)});var k=v(x,4),O=d(k);{let B=j(()=>r.motion_scale??1);pt(O,{section:"motion",fieldKey:"motion_scale",label:"Motion Scale",min:0,step:.1,get default(){return i(B)},cssVar:"--sf-motion-scale"})}var D=v(k,2);ie(D,21,()=>i(_),B=>B.name,(B,oe)=>{var be=co(),ye=d(be),Te=d(ye),$e=v(ye,2),Ae=d($e);let Pe;var lt=v($e,2),ot=d(lt);q(()=>{A(Te,i(oe).name),Pe=ve(Ae,"",Pe,{"animation-duration":`${i(oe).ms??""}ms`}),A(ot,`${i(oe).ms??""}ms`)}),z(B,be)});var V=v(D,4),U=d(V);{let B=j(()=>l.focus_ring_width??2);cs(U,{section:"contrast",fieldKey:"focus_ring_width",label:"Focus Ring Width",min:0,max:8,step:.5,get default(){return i(B)},cssVar:"--sf-focus-ring-width",unit:"px"})}var I=v(U,2);{let B=j(()=>l.focus_ring_offset??2);cs(I,{section:"contrast",fieldKey:"focus_ring_offset",label:"Focus Ring Offset",min:0,max:8,step:.5,get default(){return i(B)},cssVar:"--sf-focus-ring-offset",unit:"px"})}var W=v(I,2);{let B=j(()=>l.focus_ring_style??"solid");io(W,{section:"contrast",fieldKey:"focus_ring_style",label:"Focus Ring Style",options:["solid","dashed","dotted","double","none"],get default(){return i(B)},cssVar:"--sf-focus-ring-style"})}var G=v(V,2),ae=d(G);let pe;var de=v(ae,2),he=d(de),me=v(G,2);ya(me,{children:(B,oe)=>{var be=fo(),ye=v(wt(be),2),Te=d(ye);{let re=j(()=>a.glow_color??"");fa(Te,{section:"shadows",fieldKey:"glow_color",label:"Glow Color",get default(){return i(re)},cssVar:"--sf-shadow-glow-color",mono:!0})}var $e=v(ye,6);ie($e,21,()=>Object.entries(c),([re,ke])=>re,(re,ke)=>{var Be=j(()=>dt(i(ke),2));let Ke=()=>i(Be)[0],ls=()=>i(Be)[1];{let Lt=j(()=>`duration_${Ke()}`),Vt=j(()=>o(Ke())),Hs=j(()=>`--sf-duration-${Ke()}`);pt(re,{section:"motion",get fieldKey(){return i(Lt)},get label(){return i(Vt)},min:0,step:10,get default(){return ls()},get cssVar(){return i(Hs)},unit:"ms"})}});var Ae=v($e,6);ie(Ae,21,()=>Object.entries(n),([re,ke])=>re,(re,ke)=>{var Be=j(()=>dt(i(ke),2));let Ke=()=>i(Be)[0],ls=()=>i(Be)[1];{let Lt=j(()=>o(Ke())),Vt=j(()=>`--sf-z-${Ke()}`);pt(re,{section:"zindex",get fieldKey(){return Ke()},get label(){return i(Lt)},step:1,get default(){return ls()},get cssVar(){return i(Vt)}})}});var Pe=v(Ae,4),lt=d(Pe);{let re=j(()=>l.contrast_bias??0);cs(lt,{section:"contrast",fieldKey:"contrast_bias",label:"Contrast Bias",description:"Shifts derived shades up (positive) or down (negative).",min:-.2,max:.2,step:.01,get default(){return i(re)},cssVar:"--sf-contrast-bias"})}var ot=v(lt,2);{let re=j(()=>l.contrast_threshold??.6);cs(ot,{section:"contrast",fieldKey:"contrast_threshold",label:"Contrast Threshold",description:"Lightness threshold for text-on-color (white vs. black).",min:0,max:1,step:.01,get default(){return i(re)},cssVar:"--sf-contrast-threshold"})}var ce=v(ot,2);{let re=j(()=>l.opacity_disabled??.45);cs(ce,{section:"contrast",fieldKey:"opacity_disabled",label:"Disabled Opacity",min:0,max:1,step:.01,get default(){return i(re)},cssVar:"--sf-opacity-disabled"})}z(B,be)},$$slots:{default:!0}}),q(()=>{pe=ve(ae,"",pe,{"--fp-width":`${i(S)??""}px`,"--fp-offset":`${i($)??""}px`,"--fp-style":i(R)}),A(he,`${i(S)??""}px ${i(R)??""} · ${i($)??""}px offset`)}),z(e,E),xe()}var po=F('
          • '),ho=F('
            '),_o=F('
            '),go=F(`

            All --sf-* custom properties declared in the active SLASHED bundle, + grouped by category.

            `);function mo(e,t){we(t,!0);const s=ne.inventory?.variables??[],a={color:"Colors",text:"Typography",font:"Typography",leading:"Typography",tracking:"Typography",body:"Typography",heading:"Typography",h1:"Typography",h2:"Typography",h3:"Typography",h4:"Typography",h5:"Typography",h6:"Typography",prose:"Typography",code:"Typography",optical:"Typography",line:"Typography",space:"Spacing",gap:"Spacing",gutter:"Spacing",component:"Spacing",section:"Spacing",flow:"Spacing",safe:"Spacing",header:"Spacing",sticky:"Spacing",size:"Sizing",aspect:"Sizing",ratio:"Sizing",touch:"Sizing",container:"Layout",stack:"Layout",cluster:"Layout",sidebar:"Layout",switcher:"Layout",grid:"Layout",cover:"Layout",frame:"Layout",reel:"Layout",imposter:"Layout",bento:"Layout",box:"Layout",center:"Layout",content:"Layout",breakout:"Layout",divider:"Layout",field:"Layout",border:"Borders",stroke:"Borders",radius:"Radius",shadow:"Shadows",blur:"Effects",opacity:"Effects",gradient:"Effects",mask:"Effects",perspective:"Effects",drop:"Effects",contrast:"Effects",duration:"Motion",ease:"Motion",transition:"Motion",motion:"Motion",animation:"Motion",icon:"Icons",z:"Z-Index",is:"States",current:"States",focus:"Focus",caret:"Focus",scroll:"Scroll",scrollbar:"Scroll",print:"Print",truncate:"Misc"},r=["Colors","Typography","Spacing","Sizing","Layout","Borders","Radius","Shadows","Effects","Motion","Icons","Z-Index","States","Focus","Scroll","Print","Misc"];function n(b){let w=b;w.startsWith("--sf-")&&(w=w.slice(5));const _=w.indexOf("-"),y=_===-1?w:w.slice(0,_);return a[y]||"Misc"}function l(b){const w={};for(const y of b){const S=n(y);w[S]||(w[S]=[]),w[S].push(y)}const _=[];for(const y of r)w[y]?.length&&(w[y].sort(),_.push({category:y,items:w[y]}));for(const y of Object.keys(w))!r.includes(y)&&w[y]?.length&&(w[y].sort(),_.push({category:y,items:w[y]}));return _}const c=l(s);let o=qe({});function f(b){o[b]=!o[b]}var h=go(),p=d(h),u=d(p),m=v(p,4);ie(m,17,()=>c,({category:b,items:w})=>b,(b,w)=>{let _=()=>i(w).category,y=()=>i(w).items;var S=_o(),$=d(S),R=d($),N=d(R),E=v(R,2),C=d(E),M=v(E,2),L=d(M),T=v($,2);{var P=x=>{var k=ho();ie(k,20,y,O=>O,(O,D)=>{var V=po(),U=d(V),I=d(U);q(()=>A(I,D)),z(O,V)}),z(x,k)};ue(T,x=>{o[_()]&&x(P)})}q(()=>{Q($,"aria-expanded",o[_()]?"true":"false"),A(N,o[_()]?"▼":"▶"),A(C,_()),A(L,`(${y().length??""})`)}),_e("click",$,()=>f(_())),z(b,S)}),q(()=>A(u,`CSS Variables (${s.length??""})`)),z(e,h),xe()}De(["click"]);var bo=F('
            • '),yo=F('
              '),wo=F('
              • '),xo=F('
                '),ko=F('

                All utility and state classes declared in the active SLASHED bundle.

                ');function So(e,t){we(t,!0);const s=ne.inventory?.sf_classes??[],a=ne.inventory?.is_classes??[];let r=te(!1),n=te(!1);var l=ko(),c=d(l),o=d(c),f=v(c,4),h=d(f),p=d(h),u=d(p),m=v(p,4),b=d(m),w=v(h,2);{var _=L=>{var T=yo();ie(T,20,()=>s,P=>P,(P,x)=>{var k=bo(),O=d(k),D=d(O);q(()=>A(D,`.${x??""}`)),z(P,k)}),z(L,T)};ue(w,L=>{i(r)&&L(_)})}var y=v(f,2),S=d(y),$=d(S),R=d($),N=v($,4),E=d(N),C=v(S,2);{var M=L=>{var T=xo();ie(T,20,()=>a,P=>P,(P,x)=>{var k=wo(),O=d(k),D=d(O);q(()=>A(D,`.${x??""}`)),z(P,k)}),z(L,T)};ue(C,L=>{i(n)&&L(M)})}q(()=>{A(o,`Registered Classes (${s.length+a.length})`),Q(h,"aria-expanded",i(r)?"true":"false"),A(u,i(r)?"▼":"▶"),A(b,`(${s.length??""})`),Q(S,"aria-expanded",i(n)?"true":"false"),A(R,i(n)?"▼":"▶"),A(E,`(${a.length??""})`)}),_e("click",h,()=>K(r,!i(r))),_e("click",S,()=>K(n,!i(n))),z(e,l),xe()}De(["click"]);async function xa(e,t){const{url:s,nonce:a}=ne.rest;if(!s)return console.info("[slashed-admin] (dev) would POST",e,t),{ok:!0,dev:!0};const r=await fetch(s+e,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json","X-WP-Nonce":a},body:JSON.stringify(t)});if(!r.ok){const n=await r.text();throw new Error(n||`HTTP ${r.status}`)}return r.json()}function Sr(e,t){return xa("/tokens",{section:e,values:t})}function Er(e){return xa("/tokens/reset",{section:e})}function Eo(e){return xa("/settings",e)}async function jo(){const{url:e,nonce:t}=ne.rest;if(!e)return console.info("[slashed-admin] (dev) would GET /tokens/export"),{schema_version:"1",tokens:{},plugin_settings:{},dev:!0};const s=await fetch(e+"/tokens/export",{credentials:"same-origin",headers:{"X-WP-Nonce":t}});if(!s.ok)throw new Error(await s.text()||`HTTP ${s.status}`);return s.json()}function To(e){return xa("/tokens/import",e)}var $o=F('Saved'),Co=F(' '),zo=F(`

                Bundle Info

                The SLASHED CSS bundle is loaded automatically by the plugin. The inventory is parsed from whichever bundle is active (essential / optimal / full) and - drives the variable pickers, class autocomplete, and color palette in Bricks.

                Variables registered
                Classes registered

                Plugin Settings

                Choose which SLASHED CSS bundle to load on the frontend and in the Bricks editor canvas.

                Override the HTML root font-size. Use this if Bricks forces a font-size you don't want.

                `);function Co(e,t){xe(t,!0);let s=te(Ne(re.pluginSettings?.css_bundle??"optimal")),a=te(Ne(re.pluginSettings?.html_font_size??"")),r=te(!1),n=te(!1),l=te(""),o=null;async function c(){K(r,!0),K(n,!1),K(l,"");try{await xo({css_bundle:i(s),html_font_size:i(a)}),K(n,!0),o&&clearTimeout(o),o=setTimeout(()=>{K(n,!1),o=null},3e3)}catch(V){K(l,V.message||"Save failed",!0)}finally{K(r,!1)}}var d=To(),_=p(f(d),4),v=p(f(_),2),u=f(v),m=p(v,4),b=f(m),w=p(_,4),h=p(f(w),2),y=f(h);y.value=y.__value="essential";var S=p(y);S.value=S.__value="optimal";var C=p(S);C.value=C.__value="full";var R=p(w,2),B=p(f(R),2),E=f(B);E.value=E.__value="";var $=p(E);$.value=$.__value="100";var O=p($);O.value=O.__value="62.5";var L=p(R,2),T=f(L),D=f(T),x=p(T,2);{var k=V=>{var U=Eo();z(V,U)};fe(x,V=>{i(n)&&V(k)})}var P=p(x,2);{var M=V=>{var U=jo(),I=f(U);q(()=>A(I,i(l))),z(V,U)};fe(P,V=>{i(l)&&V(M)})}q(()=>{A(u,re.inventory?.variables?.length??0),A(b,(re.inventory?.sf_classes?.length??0)+(re.inventory?.is_classes?.length??0)),T.disabled=i(r),A(D,i(r)?"Saving...":"Save Settings")}),ia(h,()=>i(s),V=>K(s,V)),ia(B,()=>i(a),V=>K(a,V)),he("click",T,c),z(e,d),ke()}De(["click"]);const xr=22.5,$o=95;function xn(e,t){if(e<=0||t<=0)return null;const s=$o-xr,a=(t-e)/s,r=parseFloat(a.toFixed(6)),n=parseFloat(e.toFixed(4)),l=parseFloat(t.toFixed(4));return`clamp(${n}rem, calc(${r} * (100vw - ${xr}rem) + ${n}rem), ${l}rem)`}function kr(e){const t=parseFloat(e);if(isNaN(t))return"0";let s=t.toFixed(6).replace(/0+$/,"").replace(/\.$/,"");return s===""?"0":s}function je(e){return e!=null&&e!==""}function zo(e){const t=[],s=["primary","secondary","tertiary","action","neutral","base"];for(const n of s){const l=`brand_${n}`;je(e[l])&&t.push(`--sf-color-${n}-light: ${e[l]};`)}const a=["success","warning","error","info","danger"];for(const n of a){const l=`status_${n}`;je(e[l])&&t.push(`--sf-color-${n}-light: ${e[l]};`)}if(e.dark_overrides_enabled!=="0"){for(const n of s){const l=`brand_dark_${n}`;je(e[l])&&t.push(`--sf-color-${n}-dark: ${e[l]};`)}for(const n of a){const l=`status_dark_${n}`;je(e[l])&&t.push(`--sf-color-${n}-dark: ${e[l]};`)}}return t}function Ao(e){const t=[],s=["body","heading","mono","display","humanist","geometric","slab"];for(const r of s){const n=`font_${r}`;je(e[n])&&t.push(`--sf-font-${r}: ${e[n]};`)}je(e.text_scale)&&t.push(`--sf-text-scale: ${e.text_scale};`),je(e.text_display_scale)&&t.push(`--sf-text-display-scale: ${e.text_display_scale};`);const a=["2xs","xs","s","m","l","xl","2xl","3xl","4xl","display-s","display-m","display-l"];for(const r of a){const n=`size_${r}_min`,l=`size_${r}_max`,o=e[n],c=e[l];if(je(o)&&je(c)){const d=xn(parseFloat(o),parseFloat(c));d&&t.push(`--sf-text-${r}: ${d};`)}}return t}function Fo(e){const t=[];je(e.space_scale)&&t.push(`--sf-space-scale: ${e.space_scale};`);const s=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"];for(const r of s){const n=e[`space_${r}_min`],l=e[`space_${r}_max`];if(je(n)&&je(l)){const o=xn(parseFloat(n),parseFloat(l));o&&t.push(`--sf-space-${r}: calc(${o} * var(--sf-space-scale));`)}}const a={gutter:"--sf-space-gutter",gap:"--sf-gap",content_gap:"--sf-content-gap",component_pad:"--sf-component-pad",section_pad:"--sf-section-pad"};for(const[r,n]of Object.entries(a))je(e[r])&&t.push(`${n}: ${e[r]};`);return t}function Ro(e){const t=[];return je(e.radius_scale)&&t.push(`--sf-radius-scale: ${e.radius_scale};`),t}function Mo(e){const t=[];return je(e.shadow_strength)&&t.push(`--sf-shadow-strength: calc(${e.shadow_strength} + var(--sf-is-dark) * 0.17);`),je(e.glow_color)&&t.push(`--sf-shadow-glow-color: ${e.glow_color};`),t}function Oo(e){const t=[];je(e.motion_scale)&&t.push(`--sf-motion-scale: ${e.motion_scale};`);const s=["instant","fast","normal","slow","slower"];for(const a of s){const r=`duration_${a}`;je(e[r])&&t.push(`--sf-duration-${a}: calc(${e[r]}ms * var(--sf-motion-scale));`)}return t}function Do(e){const t=[],s=["below","base","raised","low","mid","high","top","max"];for(const a of s)je(e[a])&&t.push(`--sf-z-${a}: ${parseInt(e[a],10)};`);return t}function Po(e){const t=[],s={contrast_bias:"--sf-contrast-bias",contrast_threshold:"--sf-contrast-threshold",opacity_disabled:"--sf-opacity-disabled"};for(const[r,n]of Object.entries(s))je(e[r])&&t.push(`${n}: ${kr(e[r])};`);const a={focus_ring_width:"--sf-focus-ring-width",focus_ring_offset:"--sf-focus-ring-offset"};for(const[r,n]of Object.entries(a))je(e[r])&&t.push(`${n}: ${kr(e[r])}px;`);return je(e.focus_ring_style)&&["solid","dashed","dotted","double","none"].includes(e.focus_ring_style)&&t.push(`--sf-focus-ring-style: ${e.focus_ring_style};`),t}function sr(e){const t=[];if(e.colors&&typeof e.colors=="object"&&t.push(...zo(e.colors)),e.typography&&typeof e.typography=="object"&&t.push(...Ao(e.typography)),e.spacing&&typeof e.spacing=="object"&&t.push(...Fo(e.spacing)),e.radius&&typeof e.radius=="object"&&t.push(...Ro(e.radius)),e.shadows&&typeof e.shadows=="object"&&t.push(...Mo(e.shadows)),e.motion&&typeof e.motion=="object"&&t.push(...Oo(e.motion)),e.zindex&&typeof e.zindex=="object"&&t.push(...Do(e.zindex)),e.contrast&&typeof e.contrast=="object"&&t.push(...Po(e.contrast)),t.length===0)return"";let s=`@layer slashed.overrides { + drives the variable pickers, class autocomplete, and color palette in Bricks.

                Variables registered
                Classes registered

                Plugin Settings

                Choose which SLASHED CSS bundle to load on the frontend and in the Bricks editor canvas.

                Override the HTML root font-size. Use this if Bricks forces a font-size you don't want.

                `);function Ao(e,t){we(t,!0);let s=te(qe(ne.pluginSettings?.css_bundle??"optimal")),a=te(qe(ne.pluginSettings?.html_font_size??"")),r=te(!1),n=te(!1),l=te(""),c=null;async function o(){K(r,!0),K(n,!1),K(l,"");try{await Eo({css_bundle:i(s),html_font_size:i(a)}),K(n,!0),c&&clearTimeout(c),c=setTimeout(()=>{K(n,!1),c=null},3e3)}catch(V){K(l,V.message||"Save failed",!0)}finally{K(r,!1)}}var f=zo(),h=v(d(f),4),p=v(d(h),2),u=d(p),m=v(p,4),b=d(m),w=v(h,4),_=v(d(w),2),y=d(_);y.value=y.__value="essential";var S=v(y);S.value=S.__value="optimal";var $=v(S);$.value=$.__value="full";var R=v(w,2),N=v(d(R),2),E=d(N);E.value=E.__value="";var C=v(E);C.value=C.__value="100";var M=v(C);M.value=M.__value="62.5";var L=v(R,2),T=d(L),P=d(T),x=v(T,2);{var k=V=>{var U=$o();z(V,U)};ue(x,V=>{i(n)&&V(k)})}var O=v(x,2);{var D=V=>{var U=Co(),I=d(U);q(()=>A(I,i(l))),z(V,U)};ue(O,V=>{i(l)&&V(D)})}q(()=>{A(u,ne.inventory?.variables?.length??0),A(b,(ne.inventory?.sf_classes?.length??0)+(ne.inventory?.is_classes?.length??0)),T.disabled=i(r),A(P,i(r)?"Saving...":"Save Settings")}),ca(_,()=>i(s),V=>K(s,V)),ca(N,()=>i(a),V=>K(a,V)),_e("click",T,o),z(e,f),xe()}De(["click"]);const jr=22.5,Fo=95;function jn(e,t){if(e<=0||t<=0)return null;const s=Fo-jr,a=(t-e)/s,r=parseFloat(a.toFixed(6)),n=parseFloat(e.toFixed(4)),l=parseFloat(t.toFixed(4));return`clamp(${n}rem, calc(${r} * (100vw - ${jr}rem) + ${n}rem), ${l}rem)`}function Tr(e){const t=parseFloat(e);if(isNaN(t))return"0";let s=t.toFixed(6).replace(/0+$/,"").replace(/\.$/,"");return s===""?"0":s}function Ee(e){return e!=null&&e!==""}function Ro(e){const t=[],s=["primary","secondary","tertiary","action","neutral","base"];for(const n of s){const l=`brand_${n}`;Ee(e[l])&&t.push(`--sf-color-${n}-light: ${e[l]};`)}const a=["success","warning","error","info","danger"];for(const n of a){const l=`status_${n}`;Ee(e[l])&&t.push(`--sf-color-${n}-light: ${e[l]};`)}if(e.dark_overrides_enabled!=="0"){for(const n of s){const l=`brand_dark_${n}`;Ee(e[l])&&t.push(`--sf-color-${n}-dark: ${e[l]};`)}for(const n of a){const l=`status_dark_${n}`;Ee(e[l])&&t.push(`--sf-color-${n}-dark: ${e[l]};`)}}return t}function Do(e){const t=[],s=["body","heading","mono","display","humanist","geometric","slab"];for(const r of s){const n=`font_${r}`;Ee(e[n])&&t.push(`--sf-font-${r}: ${e[n]};`)}Ee(e.text_scale)&&t.push(`--sf-text-scale: ${e.text_scale};`),Ee(e.text_display_scale)&&t.push(`--sf-text-display-scale: ${e.text_display_scale};`);const a=["2xs","xs","s","m","l","xl","2xl","3xl","4xl","display-s","display-m","display-l"];for(const r of a){const n=`size_${r}_min`,l=`size_${r}_max`,c=e[n],o=e[l];if(Ee(c)&&Ee(o)){const f=jn(parseFloat(c),parseFloat(o));f&&t.push(`--sf-text-${r}: ${f};`)}}return t}function Mo(e){const t=[];Ee(e.space_scale)&&t.push(`--sf-space-scale: ${e.space_scale};`);const s=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"];for(const r of s){const n=e[`space_${r}_min`],l=e[`space_${r}_max`];if(Ee(n)&&Ee(l)){const c=jn(parseFloat(n),parseFloat(l));c&&t.push(`--sf-space-${r}: calc(${c} * var(--sf-space-scale));`)}}const a={gutter:"--sf-space-gutter",gap:"--sf-gap",content_gap:"--sf-content-gap",component_pad:"--sf-component-pad",section_pad:"--sf-section-pad"};for(const[r,n]of Object.entries(a))Ee(e[r])&&t.push(`${n}: ${e[r]};`);return t}function Oo(e){const t=[];return Ee(e.radius_scale)&&t.push(`--sf-radius-scale: ${e.radius_scale};`),t}function Po(e){const t=[];return Ee(e.shadow_strength)&&t.push(`--sf-shadow-strength: calc(${e.shadow_strength} + var(--sf-is-dark) * 0.17);`),Ee(e.glow_color)&&t.push(`--sf-shadow-glow-color: ${e.glow_color};`),t}function Lo(e){const t=[];Ee(e.motion_scale)&&t.push(`--sf-motion-scale: ${e.motion_scale};`);const s=["instant","fast","normal","slow","slower"];for(const a of s){const r=`duration_${a}`;Ee(e[r])&&t.push(`--sf-duration-${a}: calc(${e[r]}ms * var(--sf-motion-scale));`)}return t}function Vo(e){const t=[],s=["below","base","raised","low","mid","high","top","max"];for(const a of s)Ee(e[a])&&t.push(`--sf-z-${a}: ${parseInt(e[a],10)};`);return t}function Io(e){const t=[],s={contrast_bias:"--sf-contrast-bias",contrast_threshold:"--sf-contrast-threshold",opacity_disabled:"--sf-opacity-disabled"};for(const[r,n]of Object.entries(s))Ee(e[r])&&t.push(`${n}: ${Tr(e[r])};`);const a={focus_ring_width:"--sf-focus-ring-width",focus_ring_offset:"--sf-focus-ring-offset"};for(const[r,n]of Object.entries(a))Ee(e[r])&&t.push(`${n}: ${Tr(e[r])}px;`);return Ee(e.focus_ring_style)&&["solid","dashed","dotted","double","none"].includes(e.focus_ring_style)&&t.push(`--sf-focus-ring-style: ${e.focus_ring_style};`),t}function ir(e){const t=[];if(e.colors&&typeof e.colors=="object"&&t.push(...Ro(e.colors)),e.typography&&typeof e.typography=="object"&&t.push(...Do(e.typography)),e.spacing&&typeof e.spacing=="object"&&t.push(...Mo(e.spacing)),e.radius&&typeof e.radius=="object"&&t.push(...Oo(e.radius)),e.shadows&&typeof e.shadows=="object"&&t.push(...Po(e.shadows)),e.motion&&typeof e.motion=="object"&&t.push(...Lo(e.motion)),e.zindex&&typeof e.zindex=="object"&&t.push(...Vo(e.zindex)),e.contrast&&typeof e.contrast=="object"&&t.push(...Io(e.contrast)),t.length===0)return"";let s=`@layer slashed.overrides { :root { `;for(const a of t)s+=` ${a} `;return s+=` } -}`,s}function Lo(e){if(!e||typeof e!="object")return!1;for(const t of Object.values(e))if(!(!t||typeof t!="object")){for(const s of Object.values(t))if(typeof s=="object"&&s!==null){for(const a of Object.values(s))if(a!==""&&a!==null&&a!==void 0)return!0}else if(s!==""&&s!==null&&s!==void 0)return!0}return!1}var Vo=F(' '),Io=F('

                '),qo=F('

                '),No=F(`

                Export / Import Tokens

                Export your current SLASHED token overrides (colors, typography, spacing, etc.) to a .json file and import them on any other WordPress site running this plugin. +}`,s}function qo(e){if(!e||typeof e!="object")return!1;for(const t of Object.values(e))if(!(!t||typeof t!="object")){for(const s of Object.values(t))if(typeof s=="object"&&s!==null){for(const a of Object.values(s))if(a!==""&&a!==null&&a!==void 0)return!0}else if(s!==""&&s!==null&&s!==void 0)return!0}return!1}var No=F(' '),Bo=F('

                '),Ko=F('

                '),Ho=F(`

                Export / Import Tokens

                Export your current SLASHED token overrides (colors, typography, spacing, etc.) to a .json file and import them on any other WordPress site running this plugin. This makes Bricks templates fully portable — the template JSON carries structure and class references; this file carries the brand tokens that drive the visual result.

                Export

                Downloads a .json file containing all your active token overrides and plugin settings. Share this file alongside your Bricks template export so the visual result is identical on every site.

                Import

                Upload a .json file previously exported from this plugin. Each section is validated @@ -29,8 +29,8 @@ var Sn=Object.defineProperty;var ar=e=>{throw TypeError(e)};var En=(e,t,s)=>t in import the token file via this tab, then import the Bricks template via Bricks → Templates. The plugin re-registers all SLASHED classes, variables, and color palettes automatically.

              • Verify in the Bricks builder canvas that colors, spacing, and fonts match. If something looks off, check the browser console for unresolved var() calls — - this means the CSS bundle isn't loading or the token file wasn't imported yet.
                • `);function Bo(e,t){xe(t,!0);let s=te(!1),a=te("");const r=j(()=>sr(H)),n=j(()=>i(r).length>0);function l(){if(!i(r))return;const M=new Blob([i(r)],{type:"text/css"}),V=URL.createObjectURL(M),U=document.createElement("a");U.href=V,U.download=`slashed-custom-${new Date().toISOString().slice(0,10)}.css`,U.click(),URL.revokeObjectURL(V)}async function o(){K(s,!0),K(a,"");try{const M=await ko(),V=JSON.stringify(M,null,2),U=new Blob([V],{type:"application/json"}),I=URL.createObjectURL(U),Y=document.createElement("a");Y.href=I,Y.download=`slashed-tokens-${new Date().toISOString().slice(0,10)}.json`,Y.click(),URL.revokeObjectURL(I)}catch(M){K(a,M.message||"Export failed",!0)}finally{K(s,!1)}}let c=te(null),d=te(!1),_=te(""),v=te(""),u=te(0);async function m(){const M=i(c)?.files?.[0];if(M){K(_,""),K(v,""),K(d,!0);try{const V=await M.text(),U=JSON.parse(V),I=await So(U),Y=I.settings_imported?" Plugin settings restored.":"";K(_,`Imported ${I.imported} section(s) successfully.${Y}`),K(u,3);const G=setInterval(()=>{K(u,i(u)-1),i(u)<=0&&(clearInterval(G),window.location.reload())},1e3)}catch(V){K(v,V.message||"Import failed",!0)}finally{K(d,!1),i(c)&&(i(c).value="")}}}var b=No(),w=p(f(b),4),h=p(f(w),4),y=f(h),S=f(y),C=p(y,2),R=p(C,2);{var B=M=>{var V=Vo(),U=f(V);q(()=>A(U,i(a))),z(M,V)};fe(R,M=>{i(a)&&M(B)})}var E=p(w,2),$=p(f(E),4),O=f($);ll(O,M=>K(c,M),()=>i(c));var L=p(O,2),T=f(L),D=p($,2);{var x=M=>{var V=Io(),U=f(V),I=p(U);{var Y=G=>{var ae=Wi();q(()=>A(ae,`Reloading in ${i(u)??""}…`)),z(G,ae)};fe(I,G=>{i(u)>0&&G(Y)})}q(()=>A(U,`${i(_)??""} `)),z(M,V)};fe(D,M=>{i(_)&&M(x)})}var k=p(D,2);{var P=M=>{var V=qo(),U=f(V);q(()=>A(U,i(v))),z(M,V)};fe(k,M=>{i(v)&&M(P)})}q(()=>{y.disabled=i(s),A(S,i(s)?"Exporting…":"Download token file (.json)"),C.disabled=!i(n),Q(C,"title",i(n)?"Download overrides as a standalone CSS file":"No overrides set yet"),L.disabled=i(d),A(T,i(d)?"Importing…":"Import token file")}),he("click",y,o),he("click",C,l),he("click",L,m),z(e,b),ke()}De(["click"]);var Ko=F('

                Parameters:
                '),Ho=F(`

                Filter Hooks Reference

                These WordPress filter hooks let you customize the SLASHED Bricks integration - from your theme or a mu-plugin. Each hook fires during plugin initialization.

                `);function Uo(e){const t=[{name:"slashed_bricks/css_bundle_url",description:"Override which CSS bundle URL to load.",params:"$url (string) - The current CSS bundle URL.",example:`add_filter( 'slashed_bricks/css_bundle_url', function( $url ) { + this means the CSS bundle isn't loading or the token file wasn't imported yet.
                `);function Uo(e,t){we(t,!0);let s=te(!1),a=te("");const r=j(()=>ir(H)),n=j(()=>i(r).length>0);function l(){if(!i(r))return;const D=new Blob([i(r)],{type:"text/css"}),V=URL.createObjectURL(D),U=document.createElement("a");U.href=V,U.download=`slashed-custom-${new Date().toISOString().slice(0,10)}.css`,U.click(),URL.revokeObjectURL(V)}async function c(){K(s,!0),K(a,"");try{const D=await jo(),V=JSON.stringify(D,null,2),U=new Blob([V],{type:"application/json"}),I=URL.createObjectURL(U),W=document.createElement("a");W.href=I,W.download=`slashed-tokens-${new Date().toISOString().slice(0,10)}.json`,W.click(),URL.revokeObjectURL(I)}catch(D){K(a,D.message||"Export failed",!0)}finally{K(s,!1)}}let o=te(null),f=te(!1),h=te(""),p=te(""),u=te(0);async function m(){const D=i(o)?.files?.[0];if(D){K(h,""),K(p,""),K(f,!0);try{const V=await D.text(),U=JSON.parse(V),I=await To(U),W=I.settings_imported?" Plugin settings restored.":"";K(h,`Imported ${I.imported} section(s) successfully.${W}`),K(u,3);const G=setInterval(()=>{K(u,i(u)-1),i(u)<=0&&(clearInterval(G),window.location.reload())},1e3)}catch(V){K(p,V.message||"Import failed",!0)}finally{K(f,!1),i(o)&&(i(o).value="")}}}var b=Ho(),w=v(d(b),4),_=v(d(w),4),y=d(_),S=d(y),$=v(y,2),R=v($,2);{var N=D=>{var V=No(),U=d(V);q(()=>A(U,i(a))),z(D,V)};ue(R,D=>{i(a)&&D(N)})}var E=v(w,2),C=v(d(E),4),M=d(C);dl(M,D=>K(o,D),()=>i(o));var L=v(M,2),T=d(L),P=v(C,2);{var x=D=>{var V=Bo(),U=d(V),I=v(U);{var W=G=>{var ae=Zi();q(()=>A(ae,`Reloading in ${i(u)??""}…`)),z(G,ae)};ue(I,G=>{i(u)>0&&G(W)})}q(()=>A(U,`${i(h)??""} `)),z(D,V)};ue(P,D=>{i(h)&&D(x)})}var k=v(P,2);{var O=D=>{var V=Ko(),U=d(V);q(()=>A(U,i(p))),z(D,V)};ue(k,D=>{i(p)&&D(O)})}q(()=>{y.disabled=i(s),A(S,i(s)?"Exporting…":"Download token file (.json)"),$.disabled=!i(n),Q($,"title",i(n)?"Download overrides as a standalone CSS file":"No overrides set yet"),L.disabled=i(f),A(T,i(f)?"Importing…":"Import token file")}),_e("click",y,c),_e("click",$,l),_e("click",L,m),z(e,b),xe()}De(["click"]);var Go=F('

                Parameters:
                '),Wo=F(`

                Filter Hooks Reference

                These WordPress filter hooks let you customize the SLASHED Bricks integration + from your theme or a mu-plugin. Each hook fires during plugin initialization.

                `);function Yo(e){const t=[{name:"slashed_bricks/css_bundle_url",description:"Override which CSS bundle URL to load.",params:"$url (string) - The current CSS bundle URL.",example:`add_filter( 'slashed_bricks/css_bundle_url', function( $url ) { // Load from a CDN instead. return 'https://cdn.example.com/slashed/slashed.optimal.css'; } );`},{name:"slashed_bricks/registered_classes",description:"Filter the array of classes before registration with Bricks.",params:"$classes (array) - Array of class definitions with name and category.",example:`add_filter( 'slashed_bricks/registered_classes', function( $classes ) { @@ -59,7 +59,7 @@ add_filter( 'slashed_bricks/inventory_local_path', function() { 'SLASHED Primary', 'SLASHED Secondary', ] ) ); -} );`}];var s=Ho(),a=p(f(s),4);ne(a,17,()=>t,r=>r.name,(r,n)=>{var l=Ko(),o=f(l),c=f(o),d=f(c),_=p(o,2),v=f(_),u=p(_,2),m=p(f(u),2),b=f(m),w=p(u,2),h=f(w),y=f(h);q(()=>{A(d,i(n).name),A(v,i(n).description),A(b,i(n).params),A(y,i(n).example)}),z(r,l)}),z(e,s)}const Go=[{category:"Colors",description:"Brand, status, semantic, and derived color tokens. Source colors use oklch(); the framework derives light-dark pairs, palettes, and alpha scales automatically.",tokens:[{name:"--sf-color-{brand}-light",description:"Source color for the brand (oklch registered value). Set this to rebrand."},{name:"--sf-color-{brand}-dark",description:"Optional dark-mode override. If set, replaces the auto-derived dark variant for full per-mode control."},{name:"--sf-color-{brand}",description:"Resolved light-dark adaptive color for use in rules."},{name:"--sf-color-{brand}-{50-950}",description:"Palette scale: 50 (lightest) to 950 (darkest) mixed with base/text."},{name:"--sf-color-{brand}-a{5-95}",description:"Alpha scale: 5% to 95% opacity of the brand color."},{name:"--sf-color-{brand}-hover/active/muted/subtle/ghost/lighter/darker/xlight/xdark/superlight/superdark",description:"Semantic aliases for common UI states, mapped to palette steps."},{name:"--sf-color-bg",description:"Page background color, derived from base."},{name:"--sf-color-text",description:"Main body text color, contrast-aware."},{name:"--sf-color-heading",description:"Heading text color, slightly stronger than body text."},{name:"--sf-color-link",description:"Link color, derived from action brand."},{name:"--sf-color-border",description:"Default border color."},{name:"--sf-color-surface",description:"Card/panel surface color (equals base)."},{name:"--sf-color-overlay",description:"Semi-transparent overlay for modals."},{name:"--sf-color-dim",description:"50% black overlay for dimming backgrounds."},{name:"--sf-color-success/warning/error/info/danger",description:"Status feedback colors with -light source, -muted, -strong, -subtle variants."}]},{category:"Typography",description:"Font families, sizes (fluid clamp-based scale), weights, line-heights, letter-spacing, and heading configuration.",tokens:[{name:"--sf-font-body",description:"Body font stack (system-ui default)."},{name:"--sf-font-heading",description:"Heading font stack (defaults to body)."},{name:"--sf-font-mono",description:"Monospace font stack."},{name:"--sf-font-display",description:"Display/hero font (defaults to heading)."},{name:"--sf-font-geometric/humanist/slab",description:"Curated fallback stacks for common typographic personalities."},{name:"--sf-text-{2xs..4xl}",description:"Fluid type scale using clamp(). Sizes: 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl."},{name:"--sf-text-display-{s,m,l}",description:"Extra-large display/hero sizes."},{name:"--sf-text-scale",description:"Global multiplier for the type scale (default 1)."},{name:"--sf-font-weight-{thin..black}",description:"Named weight tokens: thin(100), extralight(200), light(300), normal(400), medium(500), semibold(600), bold(700), extrabold(800), black(900)."},{name:"--sf-leading-{tight,snug,normal,relaxed}",description:"Line-height presets: 1.1, 1.3, 1.5, 1.625."},{name:"--sf-tracking-{tight,normal,wide,wider,widest}",description:"Letter-spacing presets from -0.025em to 0.1em."},{name:"--sf-h{1-6}-size/font-weight/line-height/letter-spacing",description:"Per-heading-level configuration tokens."},{name:"--sf-body-*",description:"Body text configuration: font-size, font-weight, line-height, color, text-wrap."}]},{category:"Spacing",description:"Fluid spacing scale (clamp-based), gutters, section padding, and component padding.",tokens:[{name:"--sf-space-{2xs..4xl}",description:"Fluid spacing scale. Sizes: none, px, 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl."},{name:"--sf-space-scale",description:"Global multiplier for all space tokens (default 1)."},{name:"--sf-space-gutter",description:"Page-edge gutter (defaults to space-l)."},{name:"--sf-gap",description:"Default gap for layouts (defaults to space-m)."},{name:"--sf-content-gap",description:"Gap between content elements (defaults to space-s)."},{name:"--sf-section-pad--{s,m,l,xl}",description:"Vertical padding for page sections."},{name:"--sf-component-pad",description:"Internal padding for components (defaults to space-m)."},{name:"--sf-header-height",description:"Expected fixed header height for sticky offset calculations."},{name:"--sf-safe-{top,right,bottom,left}",description:"Safe area insets for notched devices."}]},{category:"Sizing",description:"Component sizes, touch targets, and aspect ratios.",tokens:[{name:"--sf-size-{xs..xl}",description:"Named size tokens: xs(1.5rem), s(2rem), m(2.5rem), l(2.75rem), xl(3.5rem)."},{name:"--sf-touch-target",description:"Minimum interactive element size (defaults to size-l, 2.75rem)."},{name:"--sf-ratio-{square,photo,video,cinema,golden,portrait}",description:"Predefined aspect ratios for frames and containers."},{name:"--sf-icon-{xs..xl}",description:"Icon sizing in em units (0.875em to 3em)."}]},{category:"Layout",description:"Container widths, layout primitive tokens (stack, cluster, grid, sidebar, switcher, bento, cover, frame, reel, imposter).",tokens:[{name:"--sf-container-{narrow,default,prose,wide,full}",description:"Max-width presets for .sf-container."},{name:"--sf-stack-gap",description:"Vertical gap between .sf-stack children."},{name:"--sf-cluster-gap/align/justify",description:"Inline cluster layout tokens."},{name:"--sf-sidebar-width/gap/min-width",description:"Sidebar layout tokens."},{name:"--sf-switcher-threshold/gap",description:"Column-to-stack breakpoint and gap."},{name:"--sf-grid-min/gap",description:"Auto-fill grid minimum item width and gap."},{name:"--sf-bento-cols/gap/row",description:"Dense bento grid configuration."},{name:"--sf-cover-min-height/padding",description:"Full-height cover layout."},{name:"--sf-frame-ratio",description:"Aspect ratio for .sf-frame (defaults to 16/9)."},{name:"--sf-reel-gap/height/item-width",description:"Horizontal scroll strip configuration."},{name:"--sf-imposter-margin",description:"Safety margin for absolute-centered overlays."},{name:"--sf-breakout-width/content-width",description:"Breakout grid track widths."},{name:"--sf-divider-color/style/width",description:"Divider appearance tokens."}]},{category:"Borders",description:"Border widths and styles.",tokens:[{name:"--sf-border-width-{hairline,1,2,3,4}",description:"Border width scale: 0.5px, 1px, 2px, 3px, 4px."},{name:"--sf-border-style/dotted/soft/strong",description:"Border style presets (solid, dotted, dashed, solid)."},{name:"--sf-stroke-{thin,regular,bold,heavy}",description:"Stroke widths for SVG/icon use: 1px, 1.5px, 2px, 3px."}]},{category:"Radius",description:"Border radius scale and special shapes.",tokens:[{name:"--sf-radius-{none,xs,s,m,l,xl,2xl,3xl,4xl,full}",description:"Radius scale from 0 to 9999px (pill)."},{name:"--sf-radius-scale",description:"Global multiplier for all radius tokens (default 1)."},{name:"--sf-radius-pill",description:"Fully rounded (9999px)."},{name:"--sf-radius-outer",description:"Outer radius = inner + padding (for nested rounding)."}]},{category:"Shadows",description:"Box shadows, drop shadows, text shadows, and shadow configuration.",tokens:[{name:"--sf-shadow-{xs,s,m,l,xl,2xl}",description:"Elevation shadow scale, progressively more dramatic."},{name:"--sf-shadow-inner",description:"Inset shadow for recessed elements."},{name:"--sf-shadow-glow",description:"Colored glow effect (uses --sf-shadow-glow-color)."},{name:"--sf-shadow-none",description:"Explicit no-shadow value."},{name:"--sf-shadow-color",description:"Base shadow color (derived from neutral)."},{name:"--sf-shadow-strength",description:"Shadow opacity multiplier (adapts to dark mode)."},{name:"--sf-drop-shadow-{s,m,l}",description:"CSS filter drop-shadow equivalents."},{name:"--sf-text-shadow-{s,m,l,none}",description:"Text shadow presets."}]},{category:"Effects",description:"Blurs, opacities, gradients, masks, and perspective.",tokens:[{name:"--sf-blur-{xs,s,m,l,xl}",description:"Blur radius scale: 4px to 48px."},{name:"--sf-opacity-{0,10,25,50,75,100,disabled}",description:"Named opacity presets."},{name:"--sf-gradient-{brand,primary,secondary,tertiary,surface}",description:"Predefined gradients using brand colors."},{name:"--sf-gradient-fade--{t,b,l,r}",description:"Directional fade-to-background gradients."},{name:"--sf-mask-scrim-start/end",description:"Scroll mask fade depth."},{name:"--sf-perspective-{near,normal,far}",description:"3D perspective presets: 500px, 1000px, 2000px."},{name:"--sf-contrast-bias/threshold",description:"Color contrast tuning for auto text-on-color logic."}]},{category:"Motion",description:"Durations, easing curves, transitions, and animations.",tokens:[{name:"--sf-duration-{none,instant,fast,normal,slow,slower}",description:"Duration scale: 0ms to 600ms (respects --sf-motion-scale)."},{name:"--sf-motion-scale",description:"Global animation speed multiplier (set 0 to disable)."},{name:"--sf-ease-{linear,in,out,in-out,bounce,elastic,overshoot,spring}",description:"Easing function presets."},{name:"--sf-transition-{all,colors,opacity,shadow,transform,fast,slow,enter,exit}",description:"Pre-composed transition shorthands."},{name:"--sf-animation-{fade-in,fade-out,scale-up,scale-down,slide-in-*,float,ping,blink,color-pulse}",description:"Named keyframe animation shorthands."},{name:"--sf-animation-delay-{1-5}",description:"Stagger delays for sequential animations."}]},{category:"Z-Index",description:"Z-index scale for predictable layering.",tokens:[{name:"--sf-z-{below,base,raised,low,mid,high,top,max}",description:"Z-index scale: -1, 0, 1, 10, 100, 500, 900, 9999."}]},{category:"Focus",description:"Focus ring appearance for keyboard navigation.",tokens:[{name:"--sf-focus-ring-width/offset/color/style/shadow",description:"Focus indicator configuration."},{name:"--sf-caret-color",description:"Text input caret color (defaults to action)."}]},{category:"Scroll",description:"Scroll timeline and scrollbar styling.",tokens:[{name:"--sf-scroll-timeline-range-start/end",description:"Scroll-driven animation range."},{name:"--sf-scrollbar-thumb/track",description:"Custom scrollbar colors."}]},{category:"Print",description:"Print stylesheet configuration.",tokens:[{name:"--sf-print-base-size/page-margin/page-size",description:"Print layout tokens: 11pt base, 2cm margins, A4 size."}]}],Wo=[{category:"Layout Primitives",description:"Breakpoint-free, container-query-driven layout components. Each is a single class with per-instance token overrides via inline style.",classes:[{name:".sf-section",description:"Vertical page rhythm with size variants (--s/--m/--l/--xl/--collapse)."},{name:".sf-section-group",description:"Collapses gap between adjacent sections."},{name:".sf-container",description:"Centered max-width wrapper with gutters. Variants: --narrow, --wide, --full, --prose."},{name:".sf-box",description:"Isolated unit with padding and optional border."},{name:".sf-center",description:"Intrinsic centering with max-width. Variant: --intrinsic."},{name:".sf-stack",description:"Vertical flow with consistent gap. Size variants: --2xs to --3xl. Alignment: --center, --end, --stretch."},{name:".sf-cluster",description:"Wrapping inline group. Size variants: --2xs to --xl. Alignment: --center, --end, --between. Wrap: --no-wrap."},{name:".sf-sidebar",description:"Content + side panel that wraps. Variants: --right, --narrow, --wide."},{name:".sf-switcher",description:"N columns above threshold, stacked below. Variants: --no-wrap, --vertical."},{name:".sf-grid",description:"Auto-fill responsive grid. Size variants: --xs to --xl. Variants: --fit, --dense."},{name:".sf-grid-{1,2,3,4,6}",description:"Fixed-column grids, container-responsive."},{name:".sf-grid-{1-2,2-1,1-3,3-1}",description:"Ratio two-column grids."},{name:".sf-bento",description:"Dense free-form grid. Variants: --2, --4, --compact, --tall."},{name:".sf-alternate",description:"Zigzag two-column layout, reverses every other row."},{name:".sf-pancake",description:"Sticky-footer grid: header / main(1fr) / footer."},{name:".sf-content-grid",description:"Breakout layout grid. Children use .sf-breakout or .sf-full-bleed."},{name:".sf-cover",description:"Full-height region with centered content. Variants: --min, --max, --padding-s, --padding-l."},{name:".sf-frame",description:"Aspect-ratio media box. Variants: --square, --portrait, --video, --cinema, --3-2, --4-3, --golden."},{name:".sf-reel",description:"Horizontal scroll strip with optional mask fade."},{name:".sf-imposter",description:"Absolutely-centered overlay. Variants: --fixed, --contain."},{name:".sf-subgrid / .sf-subgrid-rows",description:"Inherit parent grid tracks."},{name:".sf-divider",description:"Token-driven separator. Variant: --vertical."},{name:".sf-icon",description:"Em-based inline icon sizing. Sizes: --xs to --xl. Variant: --boxed."},{name:".sf-prose",description:"Readable long-form text with automatic vertical rhythm."},{name:".sf-not-prose",description:"Reset zone inside .sf-prose for embedded components."}]},{category:"Macros",description:"Recipe classes that answer 'what does this element do/look like?' - composable with layout primitives.",classes:[{name:".sf-flow",description:"Lobotomized owl: consistent gap between consecutive children."},{name:".sf-truncate",description:"Single-line ellipsis overflow."},{name:".sf-line-clamp-{2,3,N}",description:"Multi-line text clamping with ellipsis. -N reads --sf-line-clamp."},{name:".sf-equal-height",description:"Forces flex children to share the tallest child's height."},{name:".sf-aspect",description:"Generic aspect-ratio container (reads --sf-aspect token)."},{name:".sf-scroll-shadow",description:"Top + bottom mask gradient for scrolling containers."},{name:".sf-scroll-snap",description:"Vertical scroll-snap container."},{name:".sf-overflow-fade",description:"End-edge horizontal fade for overflowing inline content."},{name:".sf-no-tap-highlight",description:"Suppresses WebKit/Android tap highlight."},{name:".sf-text-gradient",description:"Gradient text effect using background-clip."},{name:".sf-clickable-parent",description:"Makes an entire card clickable via the first link inside."},{name:".sf-link-external",description:"Adds external link indicator marker."}]},{category:"Surfaces",description:"Color surface utility classes that set background and text color for a brand context.",classes:[{name:".sf-surface--{primary,secondary,tertiary,action,neutral,inverse}",description:"Brand-colored surface with auto-contrast text."},{name:".sf-surface--{success,warning,error,info,danger}",description:"Status-colored surfaces."}]},{category:"Animations",description:"CSS animation utility classes that apply predefined keyframe animations.",classes:[{name:".sf-fade-in / .sf-fade-out",description:"Opacity entrance/exit animations."},{name:".sf-scale-up / .sf-scale-down",description:"Scale entrance/exit animations."},{name:".sf-slide-in-{up,down,left,right}",description:"Directional slide-in entrance animations."},{name:".sf-color-pulse",description:"Continuous color pulse animation."},{name:".sf-entrance--fade / --fade-up / --fade-down / --fade-left / --fade-right / --scale-up",description:"Scroll-triggered entrance animations (scroll-timeline driven)."}]},{category:"State Classes (.is-*)",description:"Runtime state classes toggled by JS or mirrored from ARIA. They live in the slashed.states layer. Always pair with matching ARIA attributes.",classes:[{name:".is-hidden / .is-invisible / .is-visible",description:"Visibility control: removed from layout / hidden but keeps box / visible."},{name:".is-disabled / .is-readonly",description:"Non-interactive states with dimming."},{name:".is-loading / .is-pending / .is-busy",description:"Loading states: spinner replacement / optimistic UI / cursor hint."},{name:".is-skeleton",description:"Placeholder shimmer animation."},{name:".is-active / .is-selected / .is-current / .is-pressed",description:"Selection/activation states."},{name:".is-highlighted",description:"Transient emphasis (e.g. search result highlight)."},{name:".is-open / .is-collapsed / .is-expanded",description:"Disclosure states for modals, drawers, accordions."},{name:".is-valid / .is-invalid",description:"Form field validation results (maps to aria-invalid)."},{name:".is-success / .is-error / .is-warning / .is-info / .is-danger",description:"General feedback states and destructive-action context."},{name:".is-sticky / .is-pinned / .is-fixed / .is-fullscreen",description:"Positioning states."},{name:".is-clipped / .is-scrollable / .is-truncated / .is-resizable",description:"Overflow handling states."},{name:".is-dragging / .is-drop-target / .is-draggable",description:"Drag and drop states."},{name:".is-overlay / .is-focused / .is-clickable / .is-unselectable",description:"Positioning, focus, cursor, and selection states."},{name:".is-empty",description:"Hide element when empty (:empty pseudo-class)."}]}],Yo=[{name:"--sf-is-dark",description:"Numeric flag (0 or 1) indicating dark mode is active. Registered property."},{name:"--sf-lumlocker",description:"Internal luminance lock value for color derivation."},{name:"--sf-color-scheme",description:"CSS color-scheme declaration (light dark)."},{name:"--sf-current-font-weight",description:"Current context font weight (used by strong elements)."},{name:"--sf-link-external-marker",description:"External link arrow character."},{name:"--sf-field-block",description:"Vertical spacing between form fields."},{name:"--sf-field-required-marker",description:"Required field indicator string."}];var Xo=F('
                • '),Zo=F('
                  '),Jo=F('
                  • '),Qo=F('
                  Misc Tokens that do not fit a single category.
                    '),ec=F('

                    CSS Custom Properties (--sf-*)

                    '),tc=F('
                    • '),sc=F('
                      '),ac=F('

                      Utility & State Classes

                      '),rc=F('

                      '),nc=F('

                      API Cheatsheet

                      ');function ic(e,t){xe(t,!0);let s=te(""),a=te("all");const r=re.inventory?.variables?.length??0,n=re.inventory?.sf_classes?.length??0,l=re.inventory?.is_classes?.length??0;let o=j(()=>v(Go,"tokens")),c=j(()=>v(Wo,"classes")),d=j(()=>Yo.filter(I=>_(I.name,I.description)));function _(I,Y){if(!i(s).trim())return!0;const G=i(s).trim().toLowerCase();return I.toLowerCase().includes(G)||Y.toLowerCase().includes(G)}function v(I,Y){return i(s).trim()?I.map(G=>({...G,[Y]:G[Y].filter(ae=>_(ae.name,ae.description))})).filter(G=>G[Y].length>0):I}let u=j(()=>i(a)==="all"||i(a)==="variables"),m=j(()=>i(a)==="all"||i(a)==="classes"),b=j(()=>i(s).trim()!==""&&(!i(u)||i(o).length===0&&i(d).length===0)&&(!i(m)||i(c).length===0));var w=nc(),h=f(w),y=p(f(h),2),S=f(y),C=p(h,2),R=f(C),B=p(R,2),E=f(B);let $;var O=p(E,2);let L;var T=p(O,2);let D;var x=p(C,2);{var k=I=>{var Y=ec(),G=p(f(Y),2);ne(G,17,()=>i(o),Es,(ce,pe)=>{var ge=Zo(),N=f(ge),le=f(N),me=f(le),ye=p(le,2),Ce=f(ye),$e=p(N,2);ne($e,21,()=>i(pe).tokens,Es,(Fe,oe)=>{var Se=Xo(),be=f(Se),Ke=f(be),we=p(be,2),it=f(we);q(()=>{A(Ke,i(oe).name),A(it,i(oe).description)}),z(Fe,Se)}),q(Fe=>{ge.open=Fe,A(me,i(pe).category),A(Ce,i(pe).description)},[()=>!i(s).trim()]),z(ce,ge)});var ae=p(G,2);{var ue=ce=>{var pe=Qo(),ge=p(f(pe),2);ne(ge,21,()=>i(d),Es,(N,le)=>{var me=Jo(),ye=f(me),Ce=f(ye),$e=p(ye,2),Fe=f($e);q(()=>{A(Ce,i(le).name),A(Fe,i(le).description)}),z(N,me)}),q(N=>pe.open=N,[()=>!i(s).trim()]),z(ce,pe)};fe(ae,ce=>{i(d).length>0&&ce(ue)})}z(I,Y)};fe(x,I=>{i(u)&&I(k)})}var P=p(x,2);{var M=I=>{var Y=ac(),G=p(f(Y),2);ne(G,17,()=>i(c),Es,(ae,ue)=>{var ce=sc(),pe=f(ce),ge=f(pe),N=f(ge),le=p(ge,2),me=f(le),ye=p(pe,2);ne(ye,21,()=>i(ue).classes,Es,(Ce,$e)=>{var Fe=tc(),oe=f(Fe),Se=f(oe),be=p(oe,2),Ke=f(be);q(()=>{A(Se,i($e).name),A(Ke,i($e).description)}),z(Ce,Fe)}),q(Ce=>{ce.open=Ce,A(N,i(ue).category),A(me,i(ue).description)},[()=>!i(s).trim()]),z(ae,ce)}),z(I,Y)};fe(P,I=>{i(m)&&I(M)})}var V=p(P,2);{var U=I=>{var Y=rc(),G=f(Y);q(()=>A(G,`No results for "${i(s)??""}"`)),z(I,Y)};fe(V,I=>{i(b)&&I(U)})}q(()=>{A(S,`${r??""} variables | ${n??""} layout/utility classes | ${l??""} state classes`),Q(E,"aria-pressed",i(a)==="all"),$=rt(E,1,"svelte-osej3t",null,$,{active:i(a)==="all"}),Q(O,"aria-pressed",i(a)==="variables"),L=rt(O,1,"svelte-osej3t",null,L,{active:i(a)==="variables"}),Q(T,"aria-pressed",i(a)==="classes"),D=rt(T,1,"svelte-osej3t",null,D,{active:i(a)==="classes"})}),zt(R,()=>i(s),I=>K(s,I)),he("click",E,()=>K(a,"all")),he("click",O,()=>K(a,"variables")),he("click",T,()=>K(a,"classes")),z(e,w),ke()}De(["click"]);var lc=F('
                      '),oc=F('
                      '),cc=F(`

                      Live preview

                      The quick brown fox jumps over the lazy dog

                      Body and heading fonts update as you adjust typography settings. Colors below +} );`}];var s=Wo(),a=v(d(s),4);ie(a,17,()=>t,r=>r.name,(r,n)=>{var l=Go(),c=d(l),o=d(c),f=d(o),h=v(c,2),p=d(h),u=v(h,2),m=v(d(u),2),b=d(m),w=v(u,2),_=d(w),y=d(_);q(()=>{A(f,i(n).name),A(p,i(n).description),A(b,i(n).params),A(y,i(n).example)}),z(r,l)}),z(e,s)}const Xo=[{category:"Colors",description:"Brand, status, semantic, and derived color tokens. Source colors use oklch(); the framework derives light-dark pairs, palettes, and alpha scales automatically.",tokens:[{name:"--sf-color-{brand}-light",description:"Source color for the brand (oklch registered value). Set this to rebrand."},{name:"--sf-color-{brand}-dark",description:"Optional dark-mode override. If set, replaces the auto-derived dark variant for full per-mode control."},{name:"--sf-color-{brand}",description:"Resolved light-dark adaptive color for use in rules."},{name:"--sf-color-{brand}-{50-950}",description:"Palette scale: 50 (lightest) to 950 (darkest) mixed with base/text."},{name:"--sf-color-{brand}-a{5-95}",description:"Alpha scale: 5% to 95% opacity of the brand color."},{name:"--sf-color-{brand}-hover/active/muted/subtle/ghost/lighter/darker/xlight/xdark/superlight/superdark",description:"Semantic aliases for common UI states, mapped to palette steps."},{name:"--sf-color-bg",description:"Page background color, derived from base."},{name:"--sf-color-text",description:"Main body text color, contrast-aware."},{name:"--sf-color-heading",description:"Heading text color, slightly stronger than body text."},{name:"--sf-color-link",description:"Link color, derived from action brand."},{name:"--sf-color-border",description:"Default border color."},{name:"--sf-color-surface",description:"Card/panel surface color (equals base)."},{name:"--sf-color-overlay",description:"Semi-transparent overlay for modals."},{name:"--sf-color-dim",description:"50% black overlay for dimming backgrounds."},{name:"--sf-color-success/warning/error/info/danger",description:"Status feedback colors with -light source, -muted, -strong, -subtle variants."}]},{category:"Typography",description:"Font families, sizes (fluid clamp-based scale), weights, line-heights, letter-spacing, and heading configuration.",tokens:[{name:"--sf-font-body",description:"Body font stack (system-ui default)."},{name:"--sf-font-heading",description:"Heading font stack (defaults to body)."},{name:"--sf-font-mono",description:"Monospace font stack."},{name:"--sf-font-display",description:"Display/hero font (defaults to heading)."},{name:"--sf-font-geometric/humanist/slab",description:"Curated fallback stacks for common typographic personalities."},{name:"--sf-text-{2xs..4xl}",description:"Fluid type scale using clamp(). Sizes: 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl."},{name:"--sf-text-display-{s,m,l}",description:"Extra-large display/hero sizes."},{name:"--sf-text-scale",description:"Global multiplier for the type scale (default 1)."},{name:"--sf-font-weight-{thin..black}",description:"Named weight tokens: thin(100), extralight(200), light(300), normal(400), medium(500), semibold(600), bold(700), extrabold(800), black(900)."},{name:"--sf-leading-{tight,snug,normal,relaxed}",description:"Line-height presets: 1.1, 1.3, 1.5, 1.625."},{name:"--sf-tracking-{tight,normal,wide,wider,widest}",description:"Letter-spacing presets from -0.025em to 0.1em."},{name:"--sf-h{1-6}-size/font-weight/line-height/letter-spacing",description:"Per-heading-level configuration tokens."},{name:"--sf-body-*",description:"Body text configuration: font-size, font-weight, line-height, color, text-wrap."}]},{category:"Spacing",description:"Fluid spacing scale (clamp-based), gutters, section padding, and component padding.",tokens:[{name:"--sf-space-{2xs..4xl}",description:"Fluid spacing scale. Sizes: none, px, 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl."},{name:"--sf-space-scale",description:"Global multiplier for all space tokens (default 1)."},{name:"--sf-space-gutter",description:"Page-edge gutter (defaults to space-l)."},{name:"--sf-gap",description:"Default gap for layouts (defaults to space-m)."},{name:"--sf-content-gap",description:"Gap between content elements (defaults to space-s)."},{name:"--sf-section-pad--{s,m,l,xl}",description:"Vertical padding for page sections."},{name:"--sf-component-pad",description:"Internal padding for components (defaults to space-m)."},{name:"--sf-header-height",description:"Expected fixed header height for sticky offset calculations."},{name:"--sf-safe-{top,right,bottom,left}",description:"Safe area insets for notched devices."}]},{category:"Sizing",description:"Component sizes, touch targets, and aspect ratios.",tokens:[{name:"--sf-size-{xs..xl}",description:"Named size tokens: xs(1.5rem), s(2rem), m(2.5rem), l(2.75rem), xl(3.5rem)."},{name:"--sf-touch-target",description:"Minimum interactive element size (defaults to size-l, 2.75rem)."},{name:"--sf-ratio-{square,photo,video,cinema,golden,portrait}",description:"Predefined aspect ratios for frames and containers."},{name:"--sf-icon-{xs..xl}",description:"Icon sizing in em units (0.875em to 3em)."}]},{category:"Layout",description:"Container widths, layout primitive tokens (stack, cluster, grid, sidebar, switcher, bento, cover, frame, reel, imposter).",tokens:[{name:"--sf-container-{narrow,default,prose,wide,full}",description:"Max-width presets for .sf-container."},{name:"--sf-stack-gap",description:"Vertical gap between .sf-stack children."},{name:"--sf-cluster-gap/align/justify",description:"Inline cluster layout tokens."},{name:"--sf-sidebar-width/gap/min-width",description:"Sidebar layout tokens."},{name:"--sf-switcher-threshold/gap",description:"Column-to-stack breakpoint and gap."},{name:"--sf-grid-min/gap",description:"Auto-fill grid minimum item width and gap."},{name:"--sf-bento-cols/gap/row",description:"Dense bento grid configuration."},{name:"--sf-cover-min-height/padding",description:"Full-height cover layout."},{name:"--sf-frame-ratio",description:"Aspect ratio for .sf-frame (defaults to 16/9)."},{name:"--sf-reel-gap/height/item-width",description:"Horizontal scroll strip configuration."},{name:"--sf-imposter-margin",description:"Safety margin for absolute-centered overlays."},{name:"--sf-breakout-width/content-width",description:"Breakout grid track widths."},{name:"--sf-divider-color/style/width",description:"Divider appearance tokens."}]},{category:"Borders",description:"Border widths and styles.",tokens:[{name:"--sf-border-width-{hairline,1,2,3,4}",description:"Border width scale: 0.5px, 1px, 2px, 3px, 4px."},{name:"--sf-border-style/dotted/soft/strong",description:"Border style presets (solid, dotted, dashed, solid)."},{name:"--sf-stroke-{thin,regular,bold,heavy}",description:"Stroke widths for SVG/icon use: 1px, 1.5px, 2px, 3px."}]},{category:"Radius",description:"Border radius scale and special shapes.",tokens:[{name:"--sf-radius-{none,xs,s,m,l,xl,2xl,3xl,4xl,full}",description:"Radius scale from 0 to 9999px (pill)."},{name:"--sf-radius-scale",description:"Global multiplier for all radius tokens (default 1)."},{name:"--sf-radius-pill",description:"Fully rounded (9999px)."},{name:"--sf-radius-outer",description:"Outer radius = inner + padding (for nested rounding)."}]},{category:"Shadows",description:"Box shadows, drop shadows, text shadows, and shadow configuration.",tokens:[{name:"--sf-shadow-{xs,s,m,l,xl,2xl}",description:"Elevation shadow scale, progressively more dramatic."},{name:"--sf-shadow-inner",description:"Inset shadow for recessed elements."},{name:"--sf-shadow-glow",description:"Colored glow effect (uses --sf-shadow-glow-color)."},{name:"--sf-shadow-none",description:"Explicit no-shadow value."},{name:"--sf-shadow-color",description:"Base shadow color (derived from neutral)."},{name:"--sf-shadow-strength",description:"Shadow opacity multiplier (adapts to dark mode)."},{name:"--sf-drop-shadow-{s,m,l}",description:"CSS filter drop-shadow equivalents."},{name:"--sf-text-shadow-{s,m,l,none}",description:"Text shadow presets."}]},{category:"Effects",description:"Blurs, opacities, gradients, masks, and perspective.",tokens:[{name:"--sf-blur-{xs,s,m,l,xl}",description:"Blur radius scale: 4px to 48px."},{name:"--sf-opacity-{0,10,25,50,75,100,disabled}",description:"Named opacity presets."},{name:"--sf-gradient-{brand,primary,secondary,tertiary,surface}",description:"Predefined gradients using brand colors."},{name:"--sf-gradient-fade--{t,b,l,r}",description:"Directional fade-to-background gradients."},{name:"--sf-mask-scrim-start/end",description:"Scroll mask fade depth."},{name:"--sf-perspective-{near,normal,far}",description:"3D perspective presets: 500px, 1000px, 2000px."},{name:"--sf-contrast-bias/threshold",description:"Color contrast tuning for auto text-on-color logic."}]},{category:"Motion",description:"Durations, easing curves, transitions, and animations.",tokens:[{name:"--sf-duration-{none,instant,fast,normal,slow,slower}",description:"Duration scale: 0ms to 600ms (respects --sf-motion-scale)."},{name:"--sf-motion-scale",description:"Global animation speed multiplier (set 0 to disable)."},{name:"--sf-ease-{linear,in,out,in-out,bounce,elastic,overshoot,spring}",description:"Easing function presets."},{name:"--sf-transition-{all,colors,opacity,shadow,transform,fast,slow,enter,exit}",description:"Pre-composed transition shorthands."},{name:"--sf-animation-{fade-in,fade-out,scale-up,scale-down,slide-in-*,float,ping,blink,color-pulse}",description:"Named keyframe animation shorthands."},{name:"--sf-animation-delay-{1-5}",description:"Stagger delays for sequential animations."}]},{category:"Z-Index",description:"Z-index scale for predictable layering.",tokens:[{name:"--sf-z-{below,base,raised,low,mid,high,top,max}",description:"Z-index scale: -1, 0, 1, 10, 100, 500, 900, 9999."}]},{category:"Focus",description:"Focus ring appearance for keyboard navigation.",tokens:[{name:"--sf-focus-ring-width/offset/color/style/shadow",description:"Focus indicator configuration."},{name:"--sf-caret-color",description:"Text input caret color (defaults to action)."}]},{category:"Scroll",description:"Scroll timeline and scrollbar styling.",tokens:[{name:"--sf-scroll-timeline-range-start/end",description:"Scroll-driven animation range."},{name:"--sf-scrollbar-thumb/track",description:"Custom scrollbar colors."}]},{category:"Print",description:"Print stylesheet configuration.",tokens:[{name:"--sf-print-base-size/page-margin/page-size",description:"Print layout tokens: 11pt base, 2cm margins, A4 size."}]}],Zo=[{category:"Layout Primitives",description:"Breakpoint-free, container-query-driven layout components. Each is a single class with per-instance token overrides via inline style.",classes:[{name:".sf-section",description:"Vertical page rhythm with size variants (--s/--m/--l/--xl/--collapse)."},{name:".sf-section-group",description:"Collapses gap between adjacent sections."},{name:".sf-container",description:"Centered max-width wrapper with gutters. Variants: --narrow, --wide, --full, --prose."},{name:".sf-box",description:"Isolated unit with padding and optional border."},{name:".sf-center",description:"Intrinsic centering with max-width. Variant: --intrinsic."},{name:".sf-stack",description:"Vertical flow with consistent gap. Size variants: --2xs to --3xl. Alignment: --center, --end, --stretch."},{name:".sf-cluster",description:"Wrapping inline group. Size variants: --2xs to --xl. Alignment: --center, --end, --between. Wrap: --no-wrap."},{name:".sf-sidebar",description:"Content + side panel that wraps. Variants: --right, --narrow, --wide."},{name:".sf-switcher",description:"N columns above threshold, stacked below. Variants: --no-wrap, --vertical."},{name:".sf-grid",description:"Auto-fill responsive grid. Size variants: --xs to --xl. Variants: --fit, --dense."},{name:".sf-grid-{1,2,3,4,6}",description:"Fixed-column grids, container-responsive."},{name:".sf-grid-{1-2,2-1,1-3,3-1}",description:"Ratio two-column grids."},{name:".sf-bento",description:"Dense free-form grid. Variants: --2, --4, --compact, --tall."},{name:".sf-alternate",description:"Zigzag two-column layout, reverses every other row."},{name:".sf-pancake",description:"Sticky-footer grid: header / main(1fr) / footer."},{name:".sf-content-grid",description:"Breakout layout grid. Children use .sf-breakout or .sf-full-bleed."},{name:".sf-cover",description:"Full-height region with centered content. Variants: --min, --max, --padding-s, --padding-l."},{name:".sf-frame",description:"Aspect-ratio media box. Variants: --square, --portrait, --video, --cinema, --3-2, --4-3, --golden."},{name:".sf-reel",description:"Horizontal scroll strip with optional mask fade."},{name:".sf-imposter",description:"Absolutely-centered overlay. Variants: --fixed, --contain."},{name:".sf-subgrid / .sf-subgrid-rows",description:"Inherit parent grid tracks."},{name:".sf-divider",description:"Token-driven separator. Variant: --vertical."},{name:".sf-icon",description:"Em-based inline icon sizing. Sizes: --xs to --xl. Variant: --boxed."},{name:".sf-prose",description:"Readable long-form text with automatic vertical rhythm."},{name:".sf-not-prose",description:"Reset zone inside .sf-prose for embedded components."}]},{category:"Macros",description:"Recipe classes that answer 'what does this element do/look like?' - composable with layout primitives.",classes:[{name:".sf-flow",description:"Lobotomized owl: consistent gap between consecutive children."},{name:".sf-truncate",description:"Single-line ellipsis overflow."},{name:".sf-line-clamp-{2,3,N}",description:"Multi-line text clamping with ellipsis. -N reads --sf-line-clamp."},{name:".sf-equal-height",description:"Forces flex children to share the tallest child's height."},{name:".sf-aspect",description:"Generic aspect-ratio container (reads --sf-aspect token)."},{name:".sf-scroll-shadow",description:"Top + bottom mask gradient for scrolling containers."},{name:".sf-scroll-snap",description:"Vertical scroll-snap container."},{name:".sf-overflow-fade",description:"End-edge horizontal fade for overflowing inline content."},{name:".sf-no-tap-highlight",description:"Suppresses WebKit/Android tap highlight."},{name:".sf-text-gradient",description:"Gradient text effect using background-clip."},{name:".sf-clickable-parent",description:"Makes an entire card clickable via the first link inside."},{name:".sf-link-external",description:"Adds external link indicator marker."}]},{category:"Surfaces",description:"Color surface utility classes that set background and text color for a brand context.",classes:[{name:".sf-surface--{primary,secondary,tertiary,action,neutral,inverse}",description:"Brand-colored surface with auto-contrast text."},{name:".sf-surface--{success,warning,error,info,danger}",description:"Status-colored surfaces."}]},{category:"Animations",description:"CSS animation utility classes that apply predefined keyframe animations.",classes:[{name:".sf-fade-in / .sf-fade-out",description:"Opacity entrance/exit animations."},{name:".sf-scale-up / .sf-scale-down",description:"Scale entrance/exit animations."},{name:".sf-slide-in-{up,down,left,right}",description:"Directional slide-in entrance animations."},{name:".sf-color-pulse",description:"Continuous color pulse animation."},{name:".sf-entrance--fade / --fade-up / --fade-down / --fade-left / --fade-right / --scale-up",description:"Scroll-triggered entrance animations (scroll-timeline driven)."}]},{category:"State Classes (.is-*)",description:"Runtime state classes toggled by JS or mirrored from ARIA. They live in the slashed.states layer. Always pair with matching ARIA attributes.",classes:[{name:".is-hidden / .is-invisible / .is-visible",description:"Visibility control: removed from layout / hidden but keeps box / visible."},{name:".is-disabled / .is-readonly",description:"Non-interactive states with dimming."},{name:".is-loading / .is-pending / .is-busy",description:"Loading states: spinner replacement / optimistic UI / cursor hint."},{name:".is-skeleton",description:"Placeholder shimmer animation."},{name:".is-active / .is-selected / .is-current / .is-pressed",description:"Selection/activation states."},{name:".is-highlighted",description:"Transient emphasis (e.g. search result highlight)."},{name:".is-open / .is-collapsed / .is-expanded",description:"Disclosure states for modals, drawers, accordions."},{name:".is-valid / .is-invalid",description:"Form field validation results (maps to aria-invalid)."},{name:".is-success / .is-error / .is-warning / .is-info / .is-danger",description:"General feedback states and destructive-action context."},{name:".is-sticky / .is-pinned / .is-fixed / .is-fullscreen",description:"Positioning states."},{name:".is-clipped / .is-scrollable / .is-truncated / .is-resizable",description:"Overflow handling states."},{name:".is-dragging / .is-drop-target / .is-draggable",description:"Drag and drop states."},{name:".is-overlay / .is-focused / .is-clickable / .is-unselectable",description:"Positioning, focus, cursor, and selection states."},{name:".is-empty",description:"Hide element when empty (:empty pseudo-class)."}]}],Jo=[{name:"--sf-is-dark",description:"Numeric flag (0 or 1) indicating dark mode is active. Registered property."},{name:"--sf-lumlocker",description:"Internal luminance lock value for color derivation."},{name:"--sf-color-scheme",description:"CSS color-scheme declaration (light dark)."},{name:"--sf-current-font-weight",description:"Current context font weight (used by strong elements)."},{name:"--sf-link-external-marker",description:"External link arrow character."},{name:"--sf-field-block",description:"Vertical spacing between form fields."},{name:"--sf-field-required-marker",description:"Required field indicator string."}];var Qo=F('

                      • '),ec=F('
                        '),tc=F('
                        • '),sc=F('
                        Misc Tokens that do not fit a single category.
                          '),ac=F('

                          CSS Custom Properties (--sf-*)

                          '),rc=F('
                          • '),nc=F('
                            '),ic=F('

                            Utility & State Classes

                            '),lc=F('

                            '),oc=F('

                            API Cheatsheet

                            ');function cc(e,t){we(t,!0);let s=te(""),a=te("all");const r=ne.inventory?.variables?.length??0,n=ne.inventory?.sf_classes?.length??0,l=ne.inventory?.is_classes?.length??0;let c=j(()=>p(Xo,"tokens")),o=j(()=>p(Zo,"classes")),f=j(()=>Jo.filter(I=>h(I.name,I.description)));function h(I,W){if(!i(s).trim())return!0;const G=i(s).trim().toLowerCase();return I.toLowerCase().includes(G)||W.toLowerCase().includes(G)}function p(I,W){return i(s).trim()?I.map(G=>({...G,[W]:G[W].filter(ae=>h(ae.name,ae.description))})).filter(G=>G[W].length>0):I}let u=j(()=>i(a)==="all"||i(a)==="variables"),m=j(()=>i(a)==="all"||i(a)==="classes"),b=j(()=>i(s).trim()!==""&&(!i(u)||i(c).length===0&&i(f).length===0)&&(!i(m)||i(o).length===0));var w=oc(),_=d(w),y=v(d(_),2),S=d(y),$=v(_,2),R=d($),N=v(R,2),E=d(N);let C;var M=v(E,2);let L;var T=v(M,2);let P;var x=v($,2);{var k=I=>{var W=ac(),G=v(d(W),2);ie(G,17,()=>i(c),Ts,(de,he)=>{var me=ec(),B=d(me),oe=d(B),be=d(oe),ye=v(oe,2),Te=d(ye),$e=v(B,2);ie($e,21,()=>i(he).tokens,Ts,(Ae,Pe)=>{var lt=Qo(),ot=d(lt),ce=d(ot),re=v(ot,2),ke=d(re);q(()=>{A(ce,i(Pe).name),A(ke,i(Pe).description)}),z(Ae,lt)}),q(Ae=>{me.open=Ae,A(be,i(he).category),A(Te,i(he).description)},[()=>!i(s).trim()]),z(de,me)});var ae=v(G,2);{var pe=de=>{var he=sc(),me=v(d(he),2);ie(me,21,()=>i(f),Ts,(B,oe)=>{var be=tc(),ye=d(be),Te=d(ye),$e=v(ye,2),Ae=d($e);q(()=>{A(Te,i(oe).name),A(Ae,i(oe).description)}),z(B,be)}),q(B=>he.open=B,[()=>!i(s).trim()]),z(de,he)};ue(ae,de=>{i(f).length>0&&de(pe)})}z(I,W)};ue(x,I=>{i(u)&&I(k)})}var O=v(x,2);{var D=I=>{var W=ic(),G=v(d(W),2);ie(G,17,()=>i(o),Ts,(ae,pe)=>{var de=nc(),he=d(de),me=d(he),B=d(me),oe=v(me,2),be=d(oe),ye=v(he,2);ie(ye,21,()=>i(pe).classes,Ts,(Te,$e)=>{var Ae=rc(),Pe=d(Ae),lt=d(Pe),ot=v(Pe,2),ce=d(ot);q(()=>{A(lt,i($e).name),A(ce,i($e).description)}),z(Te,Ae)}),q(Te=>{de.open=Te,A(B,i(pe).category),A(be,i(pe).description)},[()=>!i(s).trim()]),z(ae,de)}),z(I,W)};ue(O,I=>{i(m)&&I(D)})}var V=v(O,2);{var U=I=>{var W=lc(),G=d(W);q(()=>A(G,`No results for "${i(s)??""}"`)),z(I,W)};ue(V,I=>{i(b)&&I(U)})}q(()=>{A(S,`${r??""} variables | ${n??""} layout/utility classes | ${l??""} state classes`),Q(E,"aria-pressed",i(a)==="all"),C=nt(E,1,"svelte-osej3t",null,C,{active:i(a)==="all"}),Q(M,"aria-pressed",i(a)==="variables"),L=nt(M,1,"svelte-osej3t",null,L,{active:i(a)==="variables"}),Q(T,"aria-pressed",i(a)==="classes"),P=nt(T,1,"svelte-osej3t",null,P,{active:i(a)==="classes"})}),$t(R,()=>i(s),I=>K(s,I)),_e("click",E,()=>K(a,"all")),_e("click",M,()=>K(a,"variables")),_e("click",T,()=>K(a,"classes")),z(e,w),xe()}De(["click"]);var dc=F('
                            '),fc=F('
                            '),uc=F(`

                            Live preview

                            The quick brown fox jumps over the lazy dog

                            Body and heading fonts update as you adjust typography settings. Colors below reflect brand and status tokens for the selected mode.

                            Primary Action Outline Ghost

                            Card Component

                            Design token preview

                            Active

                            This card shows radius, shadow, spacing, colors, and typography - working together. All values update live as you adjust tokens.

                            Info Warning Save
                            Generated CSS:
                            `);function dc(e,t){xe(t,!0);const s=["primary","secondary","tertiary","action","neutral","base"],a=["success","warning","error","info","danger"],r=re.defaults?.colors??{};let n=te(!1);const l=j(()=>{const oe=[],Se=H.colors??{},be=H.typography??{},Ke=H.radius??{},we=H.shadows??{};for(const Re of s){const kt=Se[`brand_${Re}`]??r.brand_hex_hints?.[Re];kt&&oe.push(`--sf-color-${Re}-light:${kt}`);const St=Se[`brand_dark_${Re}`]??r.brand_dark_hex_hints?.[Re];St&&oe.push(`--sf-color-${Re}-dark:${St}`)}for(const Re of a){const kt=Se[`status_${Re}`]??r.status_hex_hints?.[Re];kt&&oe.push(`--sf-color-${Re}-light:${kt}`);const St=Se[`status_dark_${Re}`]??r.status_dark_hex_hints?.[Re];St&&oe.push(`--sf-color-${Re}-dark:${St}`)}be.font_body&&oe.push(`--sf-font-body:${be.font_body}`),be.font_heading&&oe.push(`--sf-font-heading:${be.font_heading}`);const it=parseFloat(Ke.radius_scale??re.defaults?.radius?.radius_scale??1)||1;oe.push(`--preview-radius-s:${Math.round(4*it)}px`),oe.push(`--preview-radius-m:${Math.round(8*it)}px`),oe.push(`--preview-radius-l:${Math.round(16*it)}px`);const xt=we.shadow_strength,pt=parseFloat(xt!==void 0&&xt!==""?xt:re.defaults?.shadows?.shadow_strength??.08);return oe.push(`--preview-shadow:0 2px 8px 0 rgba(0,0,0,${(pt*2).toFixed(3)}),0 1px 3px 0 rgba(0,0,0,${pt.toFixed(3)})`),oe.join(";")}),o=j(()=>i(n)?"dark":"light"),c=j(()=>sr(H));var d=cc();let _;var v=f(d),u=p(f(v),2),m=f(u);let b;var w=p(m,2);let h;var y=p(v,6),S=f(y);ne(S,16,()=>s,oe=>oe,(oe,Se)=>{var be=lc();let Ke;var we=f(be);q(()=>{Q(be,"title",Se),Ke=ve(be,"",Ke,{background:`var(--sf-color-${Se}-${i(o)}, #ddd)`}),A(we,Se)}),z(oe,be)});var C=p(S,2);ne(C,16,()=>a,oe=>oe,(oe,Se)=>{var be=oc();let Ke;var we=f(be);q(()=>{Q(be,"title",Se),Ke=ve(be,"",Ke,{background:`var(--sf-color-${Se}-${i(o)}, #ddd)`}),A(we,Se)}),z(oe,be)});var R=p(y,2),B=f(R);let E;var $=p(B,2);let O;var L=p($,2);let T;var D=p(R,2);ve(D,"",{},{"box-shadow":"var(--preview-shadow)"});var x=f(D);let k;var P=p(x,2),M=f(P),V=f(M);let U;var I=p(V,2),Y=f(I);ve(Y,"",{},{"font-family":"var(--sf-font-heading, system-ui, sans-serif)"});var G=p(I,2);let ae;var ue=p(M,2);ve(ue,"",{},{"font-family":"var(--sf-font-body, system-ui, sans-serif)"});var ce=p(ue,2),pe=f(ce);let ge;var N=p(pe,2);let le;var me=p(N,2);let ye;var Ce=p(D,2),$e=p(f(Ce)),Fe=f($e);q(()=>{_=rt(d,1,"slashed-preview svelte-g79qke",null,_,{"is-dark":i(n)}),ve(d,i(l)),b=rt(m,1,"slashed-preview__mode-btn svelte-g79qke",null,b,{active:!i(n)}),h=rt(w,1,"slashed-preview__mode-btn svelte-g79qke",null,h,{active:i(n)}),E=ve(B,"",E,{background:`var(--sf-color-primary-${i(o)}, #4338ca)`}),O=ve($,"",O,{background:`var(--sf-color-action-${i(o)}, #0891b2)`}),T=ve(L,"",T,{"border-color":`var(--sf-color-primary-${i(o)}, #4338ca)`,color:`var(--sf-color-primary-${i(o)}, #4338ca)`}),k=ve(x,"",k,{background:`var(--sf-color-primary-${i(o)}, #4338ca)`}),U=ve(V,"",U,{background:`var(--sf-color-secondary-${i(o)}, #7c3aed)`}),ae=ve(G,"",ae,{background:`var(--sf-color-success-${i(o)}, #16a34a)`}),ge=ve(pe,"",ge,{background:`var(--sf-color-info-${i(o)}, #0284c7)`}),le=ve(N,"",le,{background:`var(--sf-color-warning-${i(o)}, #ca8a04)`}),ye=ve(me,"",ye,{background:`var(--sf-color-action-${i(o)}, #0891b2)`}),A(Fe,i(c)||"/* (defaults — no overrides set) */")}),he("click",m,()=>K(n,!1)),he("click",w,()=>K(n,!0)),z(e,d),ke()}De(["click"]);var fc=F(' '),uc=F('Saving…'),vc=F('Saved'),pc=F('Unsaved changes'),hc=F('All changes saved'),_c=F('
                            ');function gc(e,t){xe(t,!0);const s=["contrast","radius","shadows","motion","zindex"];async function a(){if(!W.saving){W.saving=!0,W.error="";try{if(W.activeTab==="misc"){const E=await Promise.allSettled(s.map(O=>yr(O,H[O]??{}))),$=[];if(E.forEach((O,L)=>{O.status==="fulfilled"?O.value?.values&&(H[s[L]]=O.value.values):$.push(s[L])}),$.length>0)throw new Error(`Failed to save: ${$.join(", ")}`)}else{const E=W.activeTab,$=H[E]??{},O=await yr(E,$);O&&O.values&&(H[E]=O.values)}W.dirty=!1,W.lastSavedAt=Date.now()}catch(E){W.error=E&&E.message||String(E)}finally{W.saving=!1}}}async function r(){if(!W.saving&&confirm(`Reset the ${re.tabs[W.activeTab]??W.activeTab} tab to defaults?`)){W.saving=!0,W.error="";try{if(W.activeTab==="misc"){const E=await Promise.allSettled(s.map(O=>wr(O))),$=[];if(E.forEach((O,L)=>{O.status==="fulfilled"?br(s[L]):$.push(s[L])}),$.length>0)throw new Error(`Failed to reset: ${$.join(", ")}`)}else await wr(W.activeTab),br(W.activeTab);W.dirty=!1,W.lastSavedAt=Date.now()}catch(E){W.error=E&&E.message||String(E)}finally{W.saving=!1}}}let n=te(!1);sn(()=>{if(W.lastSavedAt){K(n,!0);const E=setTimeout(()=>K(n,!1),2e3);return()=>clearTimeout(E)}});const l=j(()=>Lo(H));function o(){const E=sr(H);if(!E)return;const $=new Blob([E],{type:"text/css"}),O=URL.createObjectURL($),L=document.createElement("a");L.href=O,L.download="slashed-custom.css",document.body.appendChild(L),L.click(),document.body.removeChild(L),URL.revokeObjectURL(O)}var c=_c();let d;var _=f(c),v=f(_);{var u=E=>{var $=fc(),O=f($);q(()=>A(O,W.error)),z(E,$)},m=E=>{var $=uc();z(E,$)},b=E=>{var $=vc();z(E,$)},w=E=>{var $=pc();z(E,$)},h=E=>{var $=hc();z(E,$)};fe(v,E=>{W.error?E(u):W.saving?E(m,1):i(n)?E(b,2):W.dirty?E(w,3):E(h,-1)})}var y=p(_,2),S=f(y),C=p(S,2),R=p(C,2),B=f(R);q(()=>{d=rt(c,1,"bar svelte-1oj49qa",null,d,{dirty:W.dirty}),S.disabled=W.saving,C.disabled=!i(l),R.disabled=W.saving||!W.dirty,A(B,W.saving?"Saving…":"Save changes")}),he("click",S,r),he("click",C,o),he("click",R,a),z(e,c),ke()}De(["click"]);var mc=F(' '),bc=F(' '),yc=F('

                            SLASHED Design Tokens

                            Adjust framework tokens, inspect generated variables, and manage the bundled CSS in one place.

                            ');function wc(e,t){xe(t,!0);const s=["cheatsheet","hooks","variables","classes","bundle","export"];let a=j(()=>s.includes(W.activeTab));sn(()=>{function x(k){W.dirty&&(k.preventDefault(),k.returnValue="")}return window.addEventListener("beforeunload",x),()=>window.removeEventListener("beforeunload",x)});var r=yc(),n=f(r),l=f(n),o=p(f(l),2),c=f(o);{var d=x=>{var k=mc(),P=f(k);q(()=>A(P,`Framework ${re.versions.framework??""}`)),z(x,k)};fe(c,x=>{re.versions.framework&&x(d)})}var _=p(c,2);{var v=x=>{var k=bc(),P=f(k);q(()=>A(P,`Plugin v${re.versions.plugin??""}`)),z(x,k)};fe(_,x=>{re.versions.plugin&&x(v)})}var u=p(n,2);vl(u,{});var m=p(u,2),b=f(m);{var w=x=>{kl(x,{})},h=x=>{Hl(x,{})},y=x=>{Jl(x,{})},S=x=>{co(x,{})},C=x=>{ho(x,{})},R=x=>{wo(x,{})},B=x=>{Co(x,{})},E=x=>{Bo(x,{})},$=x=>{Uo(x)},O=x=>{ic(x,{})};fe(b,x=>{W.activeTab==="colors"?x(w):W.activeTab==="typography"?x(h,1):W.activeTab==="spacing"?x(y,2):W.activeTab==="misc"?x(S,3):W.activeTab==="variables"?x(C,4):W.activeTab==="classes"?x(R,5):W.activeTab==="bundle"?x(B,6):W.activeTab==="export"?x(E,7):W.activeTab==="hooks"?x($,8):W.activeTab==="cheatsheet"&&x(O,9)})}var L=p(m,2);dc(L,{});var T=p(L,2);{var D=x=>{gc(x,{})};fe(T,x=>{i(a)||x(D)})}z(e,r),ke()}const Sr=document.getElementById("slashed-admin-app");Sr&&Yi(wc,{target:Sr}); + working together. All values update live as you adjust tokens.

                            Info Warning Save
                            Generated CSS:
                            `);function vc(e,t){we(t,!0);const s=["primary","secondary","tertiary","action","neutral","base"],a=["success","warning","error","info","danger"],r=ne.defaults?.colors??{},n=ce=>`oklch(from var(${ce}) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)`,l=ce=>`oklch(from var(${ce}) clamp(0.16, calc(1.18 - l), 0.24) calc(c * 0.5) h)`,c=ce=>{const re=`--sf-color-${ce}-light`;return ce==="base"?l(re):n(re)};let o=te(!1);const f=j(()=>{const ce=[],re=H.colors??{},ke=H.typography??{},Be=H.radius??{},Ke=H.shadows??{},ls=re.dark_overrides_enabled!=="0";for(const He of s){const js=re[`brand_${He}`]??r.brand_hex_hints?.[He];js&&ce.push(`--sf-color-${He}-light:${js}`);const ka=ls?re[`brand_dark_${He}`]:"";ce.push(`--sf-color-${He}-dark:${ka||c(He)}`)}for(const He of a){const js=re[`status_${He}`]??r.status_hex_hints?.[He];js&&ce.push(`--sf-color-${He}-light:${js}`);const ka=ls?re[`status_dark_${He}`]:"";ce.push(`--sf-color-${He}-dark:${ka||c(He)}`)}ke.font_body&&ce.push(`--sf-font-body:${ke.font_body}`),ke.font_heading&&ce.push(`--sf-font-heading:${ke.font_heading}`);const Lt=parseFloat(Be.radius_scale??ne.defaults?.radius?.radius_scale??1)||1;ce.push(`--preview-radius-s:${Math.round(4*Lt)}px`),ce.push(`--preview-radius-m:${Math.round(8*Lt)}px`),ce.push(`--preview-radius-l:${Math.round(16*Lt)}px`);const Vt=Ke.shadow_strength,Hs=parseFloat(Vt!==void 0&&Vt!==""?Vt:ne.defaults?.shadows?.shadow_strength??.08);return ce.push(`--preview-shadow:0 2px 8px 0 rgba(0,0,0,${(Hs*2).toFixed(3)}),0 1px 3px 0 rgba(0,0,0,${Hs.toFixed(3)})`),ce.join(";")}),h=j(()=>i(o)?"dark":"light"),p=j(()=>ir(H));var u=uc();let m;var b=d(u),w=v(d(b),2),_=d(w);let y;var S=v(_,2);let $;var R=v(b,6),N=d(R);ie(N,16,()=>s,ce=>ce,(ce,re)=>{var ke=dc();let Be;var Ke=d(ke);q(()=>{Q(ke,"title",re),Be=ve(ke,"",Be,{background:`var(--sf-color-${re}-${i(h)}, #ddd)`}),A(Ke,re)}),z(ce,ke)});var E=v(N,2);ie(E,16,()=>a,ce=>ce,(ce,re)=>{var ke=fc();let Be;var Ke=d(ke);q(()=>{Q(ke,"title",re),Be=ve(ke,"",Be,{background:`var(--sf-color-${re}-${i(h)}, #ddd)`}),A(Ke,re)}),z(ce,ke)});var C=v(R,2),M=d(C);let L;var T=v(M,2);let P;var x=v(T,2);let k;var O=v(C,2);ve(O,"",{},{"box-shadow":"var(--preview-shadow)"});var D=d(O);let V;var U=v(D,2),I=d(U),W=d(I);let G;var ae=v(W,2),pe=d(ae);ve(pe,"",{},{"font-family":"var(--sf-font-heading, system-ui, sans-serif)"});var de=v(ae,2);let he;var me=v(I,2);ve(me,"",{},{"font-family":"var(--sf-font-body, system-ui, sans-serif)"});var B=v(me,2),oe=d(B);let be;var ye=v(oe,2);let Te;var $e=v(ye,2);let Ae;var Pe=v(O,2),lt=v(d(Pe)),ot=d(lt);q(()=>{m=nt(u,1,"slashed-preview svelte-g79qke",null,m,{"is-dark":i(o)}),ve(u,i(f)),y=nt(_,1,"slashed-preview__mode-btn svelte-g79qke",null,y,{active:!i(o)}),$=nt(S,1,"slashed-preview__mode-btn svelte-g79qke",null,$,{active:i(o)}),L=ve(M,"",L,{background:`var(--sf-color-primary-${i(h)}, #4338ca)`}),P=ve(T,"",P,{background:`var(--sf-color-action-${i(h)}, #0891b2)`}),k=ve(x,"",k,{"border-color":`var(--sf-color-primary-${i(h)}, #4338ca)`,color:`var(--sf-color-primary-${i(h)}, #4338ca)`}),V=ve(D,"",V,{background:`var(--sf-color-primary-${i(h)}, #4338ca)`}),G=ve(W,"",G,{background:`var(--sf-color-secondary-${i(h)}, #7c3aed)`}),he=ve(de,"",he,{background:`var(--sf-color-success-${i(h)}, #16a34a)`}),be=ve(oe,"",be,{background:`var(--sf-color-info-${i(h)}, #0284c7)`}),Te=ve(ye,"",Te,{background:`var(--sf-color-warning-${i(h)}, #ca8a04)`}),Ae=ve($e,"",Ae,{background:`var(--sf-color-action-${i(h)}, #0891b2)`}),A(ot,i(p)||"/* (defaults — no overrides set) */")}),_e("click",_,()=>K(o,!1)),_e("click",S,()=>K(o,!0)),z(e,u),xe()}De(["click"]);var pc=F(' '),hc=F('Saving…'),_c=F('Saved'),gc=F('Unsaved changes'),mc=F('All changes saved'),bc=F('
                            ');function yc(e,t){we(t,!0);const s=["contrast","radius","shadows","motion","zindex"];async function a(){if(!Y.saving){Y.saving=!0,Y.error="";try{if(Y.activeTab==="misc"){const E=await Promise.allSettled(s.map(M=>Sr(M,H[M]??{}))),C=[];if(E.forEach((M,L)=>{M.status==="fulfilled"?M.value?.values&&(H[s[L]]=M.value.values):C.push(s[L])}),C.length>0)throw new Error(`Failed to save: ${C.join(", ")}`)}else{const E=Y.activeTab,C=H[E]??{},M=await Sr(E,C);M&&M.values&&(H[E]=M.values)}Y.dirty=!1,Y.lastSavedAt=Date.now()}catch(E){Y.error=E&&E.message||String(E)}finally{Y.saving=!1}}}async function r(){if(!Y.saving&&confirm(`Reset the ${ne.tabs[Y.activeTab]??Y.activeTab} tab to defaults?`)){Y.saving=!0,Y.error="";try{if(Y.activeTab==="misc"){const E=await Promise.allSettled(s.map(M=>Er(M))),C=[];if(E.forEach((M,L)=>{M.status==="fulfilled"?kr(s[L]):C.push(s[L])}),C.length>0)throw new Error(`Failed to reset: ${C.join(", ")}`)}else await Er(Y.activeTab),kr(Y.activeTab);Y.dirty=!1,Y.lastSavedAt=Date.now()}catch(E){Y.error=E&&E.message||String(E)}finally{Y.saving=!1}}}let n=te(!1);ln(()=>{if(Y.lastSavedAt){K(n,!0);const E=setTimeout(()=>K(n,!1),2e3);return()=>clearTimeout(E)}});const l=j(()=>qo(H));function c(){const E=ir(H);if(!E)return;const C=new Blob([E],{type:"text/css"}),M=URL.createObjectURL(C),L=document.createElement("a");L.href=M,L.download="slashed-custom.css",document.body.appendChild(L),L.click(),document.body.removeChild(L),URL.revokeObjectURL(M)}var o=bc();let f;var h=d(o),p=d(h);{var u=E=>{var C=pc(),M=d(C);q(()=>A(M,Y.error)),z(E,C)},m=E=>{var C=hc();z(E,C)},b=E=>{var C=_c();z(E,C)},w=E=>{var C=gc();z(E,C)},_=E=>{var C=mc();z(E,C)};ue(p,E=>{Y.error?E(u):Y.saving?E(m,1):i(n)?E(b,2):Y.dirty?E(w,3):E(_,-1)})}var y=v(h,2),S=d(y),$=v(S,2),R=v($,2),N=d(R);q(()=>{f=nt(o,1,"bar svelte-1oj49qa",null,f,{dirty:Y.dirty}),S.disabled=Y.saving,$.disabled=!i(l),R.disabled=Y.saving||!Y.dirty,A(N,Y.saving?"Saving…":"Save changes")}),_e("click",S,r),_e("click",$,c),_e("click",R,a),z(e,o),xe()}De(["click"]);var wc=F(' '),xc=F(' '),kc=F('

                            SLASHED Design Tokens

                            Adjust framework tokens, inspect generated variables, and manage the bundled CSS in one place.

                            ');function Sc(e,t){we(t,!0);const s=["cheatsheet","hooks","variables","classes","bundle","export"];let a=j(()=>s.includes(Y.activeTab));ln(()=>{function x(k){Y.dirty&&(k.preventDefault(),k.returnValue="")}return window.addEventListener("beforeunload",x),()=>window.removeEventListener("beforeunload",x)});var r=kc(),n=d(r),l=d(n),c=v(d(l),2),o=d(c);{var f=x=>{var k=wc(),O=d(k);q(()=>A(O,`Framework ${ne.versions.framework??""}`)),z(x,k)};ue(o,x=>{ne.versions.framework&&x(f)})}var h=v(o,2);{var p=x=>{var k=xc(),O=d(k);q(()=>A(O,`Plugin v${ne.versions.plugin??""}`)),z(x,k)};ue(h,x=>{ne.versions.plugin&&x(p)})}var u=v(n,2);_l(u,{});var m=v(u,2),b=d(m);{var w=x=>{jl(x,{})},_=x=>{Wl(x,{})},y=x=>{to(x,{})},S=x=>{vo(x,{})},$=x=>{mo(x,{})},R=x=>{So(x,{})},N=x=>{Ao(x,{})},E=x=>{Uo(x,{})},C=x=>{Yo(x)},M=x=>{cc(x,{})};ue(b,x=>{Y.activeTab==="colors"?x(w):Y.activeTab==="typography"?x(_,1):Y.activeTab==="spacing"?x(y,2):Y.activeTab==="misc"?x(S,3):Y.activeTab==="variables"?x($,4):Y.activeTab==="classes"?x(R,5):Y.activeTab==="bundle"?x(N,6):Y.activeTab==="export"?x(E,7):Y.activeTab==="hooks"?x(C,8):Y.activeTab==="cheatsheet"&&x(M,9)})}var L=v(m,2);vc(L,{});var T=v(L,2);{var P=x=>{yc(x,{})};ue(T,x=>{i(a)||x(P)})}z(e,r),xe()}const $r=document.getElementById("slashed-admin-app");$r&&Ji(Sc,{target:$r}); //# sourceMappingURL=app.js.map