@patimweb/crtstyleguide 1.0.21 → 1.0.23

package/dist/lib/index.js

@@ -4,18 +4,18 @@ const d = (e) => (t, a) => {
     customElements.define(e, t);
   }) : customElements.define(e, t);
 };
-const zt = globalThis, Nt = zt.ShadowRoot && (zt.ShadyCSS === void 0 || zt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ee = /* @__PURE__ */ Symbol(), Zt = /* @__PURE__ */ new WeakMap();
-let ne = class {
+const Pt = globalThis, Vt = Pt.ShadowRoot && (Pt.ShadyCSS === void 0 || Pt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, ie = /* @__PURE__ */ Symbol(), te = /* @__PURE__ */ new WeakMap();
+let le = class {
   constructor(t, a, i) {
-    if (this._$cssResult$ = !0, i !== ee) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, i !== ie) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = a;
   }
   get styleSheet() {
     let t = this.o;
     const a = this.t;
-    if (Nt && t === void 0) {
+    if (Vt && t === void 0) {
       const i = a !== void 0 && a.length === 1;
-      i && (t = Zt.get(a)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Zt.set(a, t));
+      i && (t = te.get(a)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && te.set(a, t));
     }
     return t;
   }
@@ -23,21 +23,21 @@ let ne = class {
     return this.cssText;
   }
 };
-const le = (e) => new ne(typeof e == "string" ? e : e + "", void 0, ee), ce = (e, t) => {
-  if (Nt) e.adoptedStyleSheets = t.map((a) => a instanceof CSSStyleSheet ? a : a.styleSheet);
+const ce = (e) => new le(typeof e == "string" ? e : e + "", void 0, ie), pe = (e, t) => {
+  if (Vt) e.adoptedStyleSheets = t.map((a) => a instanceof CSSStyleSheet ? a : a.styleSheet);
   else for (const a of t) {
-    const i = document.createElement("style"), r = zt.litNonce;
+    const i = document.createElement("style"), r = Pt.litNonce;
     r !== void 0 && i.setAttribute("nonce", r), i.textContent = a.cssText, e.appendChild(i);
   }
-}, Qt = Nt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, ee = Vt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let a = "";
   for (const i of t.cssRules) a += i.cssText;
-  return le(a);
+  return ce(a);
 })(e) : e;
-const { is: pe, defineProperty: de, getOwnPropertyDescriptor: he, getOwnPropertyNames: ue, getOwnPropertySymbols: ve, getPrototypeOf: ge } = Object, Lt = globalThis, Jt = Lt.trustedTypes, me = Jt ? Jt.emptyScript : "", fe = Lt.reactiveElementPolyfillSupport, pt = (e, t) => e, Ct = { toAttribute(e, t) {
+const { is: de, defineProperty: he, getOwnPropertyDescriptor: ue, getOwnPropertyNames: ve, getOwnPropertySymbols: ge, getPrototypeOf: me } = Object, Lt = globalThis, re = Lt.trustedTypes, fe = re ? re.emptyScript : "", be = Lt.reactiveElementPolyfillSupport, dt = (e, t) => e, St = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? me : null;
+      e = e ? fe : null;
       break;
     case Object:
     case Array:
@@ -62,23 +62,23 @@ const { is: pe, defineProperty: de, getOwnPropertyDescriptor: he, getOwnProperty
       }
   }
   return a;
-} }, Ft = (e, t) => !pe(e, t), te = { attribute: !0, type: String, converter: Ct, reflect: !1, useDefault: !1, hasChanged: Ft };
+} }, qt = (e, t) => !de(e, t), ae = { attribute: !0, type: String, converter: St, reflect: !1, useDefault: !1, hasChanged: qt };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), Lt.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-class ct extends HTMLElement {
+class pt extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, a = te) {
+  static createProperty(t, a = ae) {
     if (a.state && (a.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((a = Object.create(a)).wrapped = !0), this.elementProperties.set(t, a), !a.noAccessor) {
       const i = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, i, a);
-      r !== void 0 && de(this.prototype, t, r);
+      r !== void 0 && he(this.prototype, t, r);
     }
   }
   static getPropertyDescriptor(t, a, i) {
-    const { get: r, set: s } = he(this.prototype, t) ?? { get() {
+    const { get: r, set: s } = ue(this.prototype, t) ?? { get() {
       return this[a];
     }, set(o) {
       this[a] = o;
@@ -89,17 +89,17 @@ class ct extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? te;
+    return this.elementProperties.get(t) ?? ae;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(pt("elementProperties"))) return;
-    const t = ge(this);
+    if (this.hasOwnProperty(dt("elementProperties"))) return;
+    const t = me(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(pt("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(pt("properties"))) {
-      const a = this.properties, i = [...ue(a), ...ve(a)];
+    if (this.hasOwnProperty(dt("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(dt("properties"))) {
+      const a = this.properties, i = [...ve(a), ...ge(a)];
       for (const r of i) this.createProperty(r, a[r]);
     }
     const t = this[Symbol.metadata];
@@ -118,8 +118,8 @@ class ct extends HTMLElement {
     const a = [];
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
-      for (const r of i) a.unshift(Qt(r));
-    } else t !== void 0 && a.push(Qt(t));
+      for (const r of i) a.unshift(ee(r));
+    } else t !== void 0 && a.push(ee(t));
     return a;
   }
   static _$Eu(t, a) {
@@ -145,7 +145,7 @@ class ct extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return ce(t, this.constructor.elementStyles), t;
+    return pe(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
@@ -161,14 +161,14 @@ class ct extends HTMLElement {
   _$ET(t, a) {
     const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
     if (r !== void 0 && i.reflect === !0) {
-      const s = (i.converter?.toAttribute !== void 0 ? i.converter : Ct).toAttribute(a, i.type);
+      const s = (i.converter?.toAttribute !== void 0 ? i.converter : St).toAttribute(a, i.type);
       this._$Em = t, s == null ? this.removeAttribute(r) : this.setAttribute(r, s), this._$Em = null;
     }
   }
   _$AK(t, a) {
     const i = this.constructor, r = i._$Eh.get(t);
     if (r !== void 0 && this._$Em !== r) {
-      const s = i.getPropertyOptions(r), o = typeof s.converter == "function" ? { fromAttribute: s.converter } : s.converter?.fromAttribute !== void 0 ? s.converter : Ct;
+      const s = i.getPropertyOptions(r), o = typeof s.converter == "function" ? { fromAttribute: s.converter } : s.converter?.fromAttribute !== void 0 ? s.converter : St;
       this._$Em = r;
       const h = o.fromAttribute(a, s.type);
       this[r] = h ?? this._$Ej?.get(r) ?? h, this._$Em = null;
@@ -177,7 +177,7 @@ class ct extends HTMLElement {
   requestUpdate(t, a, i, r = !1, s) {
     if (t !== void 0) {
       const o = this.constructor;
-      if (r === !1 && (s = this[t]), i ??= o.getPropertyOptions(t), !((i.hasChanged ?? Ft)(s, a) || i.useDefault && i.reflect && s === this._$Ej?.get(t) && !this.hasAttribute(o._$Eu(t, i)))) return;
+      if (r === !1 && (s = this[t]), i ??= o.getPropertyOptions(t), !((i.hasChanged ?? qt)(s, a) || i.useDefault && i.reflect && s === this._$Ej?.get(t) && !this.hasAttribute(o._$Eu(t, i)))) return;
       this.C(t, a, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -245,15 +245,15 @@ class ct extends HTMLElement {
   firstUpdated(t) {
   }
 }
-ct.elementStyles = [], ct.shadowRootOptions = { mode: "open" }, ct[pt("elementProperties")] = /* @__PURE__ */ new Map(), ct[pt("finalized")] = /* @__PURE__ */ new Map(), fe?.({ ReactiveElement: ct }), (Lt.reactiveElementVersions ??= []).push("2.1.2");
-const be = { attribute: !0, type: String, converter: Ct, reflect: !1, hasChanged: Ft }, ye = (e = be, t, a) => {
+pt.elementStyles = [], pt.shadowRootOptions = { mode: "open" }, pt[dt("elementProperties")] = /* @__PURE__ */ new Map(), pt[dt("finalized")] = /* @__PURE__ */ new Map(), be?.({ ReactiveElement: pt }), (Lt.reactiveElementVersions ??= []).push("2.1.2");
+const ye = { attribute: !0, type: String, converter: St, reflect: !1, hasChanged: qt }, xe = (e = ye, t, a) => {
   const { kind: i, metadata: r } = a;
   let s = globalThis.litPropertyMetadata.get(r);
   if (s === void 0 && globalThis.litPropertyMetadata.set(r, s = /* @__PURE__ */ new Map()), i === "setter" && ((e = Object.create(e)).wrapped = !0), s.set(a.name, e), i === "accessor") {
     const { name: o } = a;
     return { set(h) {
-      const f = t.get.call(this);
-      t.set.call(this, h), this.requestUpdate(o, f, e, !0, h);
+      const g = t.get.call(this);
+      t.set.call(this, h), this.requestUpdate(o, g, e, !0, h);
     }, init(h) {
       return h !== void 0 && this.C(o, void 0, e, h), h;
     } };
@@ -261,14 +261,14 @@ const be = { attribute: !0, type: String, converter: Ct, reflect: !1, hasChanged
   if (i === "setter") {
     const { name: o } = a;
     return function(h) {
-      const f = this[o];
-      t.call(this, h), this.requestUpdate(o, f, e, !0, h);
+      const g = this[o];
+      t.call(this, h), this.requestUpdate(o, g, e, !0, h);
     };
   }
   throw Error("Unsupported decorator location: " + i);
 };
 function n(e) {
-  return (t, a) => typeof a == "object" ? ye(e, t, a) : ((i, r, s) => {
+  return (t, a) => typeof a == "object" ? xe(e, t, a) : ((i, r, s) => {
     const o = r.hasOwnProperty(s);
     return r.constructor.createProperty(s, i), o ? Object.getOwnPropertyDescriptor(r, s) : void 0;
   })(e, t, a);
@@ -276,21 +276,21 @@ function n(e) {
 function u(e) {
   return n({ ...e, state: !0, attribute: !1 });
 }
-const xe = (e, t, a) => (a.configurable = !0, a.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, a), a);
-function Vt(e, t) {
+const we = (e, t, a) => (a.configurable = !0, a.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, a), a);
+function Yt(e, t) {
   return (a, i, r) => {
     const s = (o) => o.renderRoot?.querySelector(e) ?? null;
-    return xe(a, i, { get() {
+    return we(a, i, { get() {
       return s(this);
     } });
   };
 }
-var we = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, Yt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? ke(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var ke = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, Ht = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? _e(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && we(t, a, r), r;
+  return i && r && ke(t, a, r), r;
 };
-const _e = {
+const $e = {
   check: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M20 6L9 17l-5-5"/></svg>',
   checkmark: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M20 6L9 17l-5-5"/></svg>',
   close: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12"/></svg>',
@@ -344,16 +344,16 @@ const _e = {
   "volume-mute": '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><line x1="23" y1="9" x2="17" y2="15"/></svg>',
   music: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>'
 };
-let dt = class extends p {
+let ht = class extends p {
   constructor() {
     super(...arguments), this.name = "", this.size = "md";
   }
   render() {
-    const e = _e[this.name] || '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><text x="0" y="14">?</text></svg>';
+    const e = $e[this.name] || '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><text x="0" y="14">?</text></svg>';
     return l`<span class="icon" aria-hidden="true" .innerHTML=${e}></span>`;
   }
 };
-dt.styles = c`
+ht.styles = c`
     :host {
       display: inline-flex;
       align-items: center;
@@ -370,21 +370,21 @@ dt.styles = c`
       height: 100%;
     }
   `;
-Yt([
+Ht([
   n()
-], dt.prototype, "name", 2);
-Yt([
+], ht.prototype, "name", 2);
+Ht([
   n()
-], dt.prototype, "size", 2);
-dt = Yt([
+], ht.prototype, "size", 2);
+ht = Ht([
   d("crt-icon")
-], dt);
-var $e = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, q = (e, t, a, i) => {
+], ht);
+var Ce = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, Y = (e, t, a, i) => {
   for (var r = i > 1 ? void 0 : i ? ze(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && $e(t, a, r), r;
+  return i && r && Ce(t, a, r), r;
 };
-let $ = class extends p {
+let C = class extends p {
   constructor() {
     super(), this.size = "medium", this.variant = "primary", this.disabled = !1, this.type = "button", this.iconOnly = !1, this.iconLeft = "", this.iconRight = "";
   }
@@ -409,25 +409,25 @@ let $ = class extends p {
     `;
   }
 };
-$.styles = c`
+C.styles = c`
     :host {
       display: inline-block;
     }
 
     button {
       background-color: transparent;
-      color: #33ff33;
-      border: 2px solid #33ff33;
+      color: var(--crt-primary);
+      border: 2px solid var(--crt-primary);
       box-sizing: border-box;
       height: 100%;
       padding: 16px 32px;
-      font-family: 'VT323', 'Courier New', monospace;
+      font-family: var(--crt-font-family);
       font-size: 1rem;
       letter-spacing: 2px;
       cursor: var(--crt-cursor-pointer);
       text-transform: uppercase;
       transition: all 0.3s ease;
-      box-shadow: 0 0 5px rgba(51, 255, 51, 0.3);
+      box-shadow: var(--crt-glow-sm);
       position: relative;
       overflow: hidden;
       display: inline-flex;
@@ -441,13 +441,8 @@ $.styles = c`
 
     button:hover:not(:disabled) {
       background-color: transparent;
-      color: #33ff33;
-      box-shadow: 
-        0 0 10px rgba(51, 255, 51, 0.7), 
-        0 0 20px rgba(51, 255, 51, 0.5),
-        0 0 40px rgba(51, 255, 51, 0.3),
-        inset 0 0 10px rgba(0, 0, 0, 0.2);
-      transform: scale(1.05);
+      color: var(--crt-primary);
+      box-shadow: none;
       cursor: var(--crt-cursor-pointer);
     }
 
@@ -471,11 +466,7 @@ $.styles = c`
     :host([variant="success"]) button:hover:not(:disabled) {
       background-color: transparent;
       color: var(--crt-success, #00ff00);
-      box-shadow: 
-        0 0 10px rgba(0, 255, 0, 0.7), 
-        0 0 20px rgba(0, 255, 0, 0.5),
-        0 0 40px rgba(0, 255, 0, 0.3),
-        inset 0 0 10px rgba(0, 0, 0, 0.2);
+      box-shadow: none;
     }
 
     /* Warning variant */
@@ -488,11 +479,7 @@ $.styles = c`
     :host([variant="warning"]) button:hover:not(:disabled) {
       background-color: transparent;
       color: var(--crt-warning, #ffcc00);
-      box-shadow: 
-        0 0 10px rgba(255, 204, 0, 0.7), 
-        0 0 20px rgba(255, 204, 0, 0.5),
-        0 0 40px rgba(255, 204, 0, 0.3),
-        inset 0 0 10px rgba(0, 0, 0, 0.2);
+      box-shadow: none;
     }
 
     /* Error variant */
@@ -505,11 +492,7 @@ $.styles = c`
     :host([variant="error"]) button:hover:not(:disabled) {
       background-color: transparent;
       color: var(--crt-danger, #ff3333);
-      box-shadow: 
-        0 0 10px rgba(255, 51, 51, 0.7), 
-        0 0 20px rgba(255, 51, 51, 0.5),
-        0 0 40px rgba(255, 51, 51, 0.3),
-        inset 0 0 10px rgba(0, 0, 0, 0.2);
+      box-shadow: none;
     }
 
     /* Link variant */
@@ -524,10 +507,10 @@ $.styles = c`
 
     :host([variant="link"]) button:hover:not(:disabled) {
       background: transparent;
-      color: #33ff33;
+      color: var(--crt-primary);
       box-shadow: none;
       transform: none;
-      text-shadow: 0 0 10px rgba(51, 255, 51, 0.7);
+      text-shadow: none;
     }
 
     /* Size variants */
@@ -565,36 +548,36 @@ $.styles = c`
       flex-shrink: 0;
     }
   `;
-q([
+Y([
   n({ reflect: !0 })
-], $.prototype, "size", 2);
-q([
+], C.prototype, "size", 2);
+Y([
   n({ reflect: !0 })
-], $.prototype, "variant", 2);
-q([
+], C.prototype, "variant", 2);
+Y([
   n({ type: Boolean })
-], $.prototype, "disabled", 2);
-q([
+], C.prototype, "disabled", 2);
+Y([
   n()
-], $.prototype, "type", 2);
-q([
+], C.prototype, "type", 2);
+Y([
   n({ attribute: "icon-only", type: Boolean })
-], $.prototype, "iconOnly", 2);
-q([
+], C.prototype, "iconOnly", 2);
+Y([
   n({ attribute: "icon-left" })
-], $.prototype, "iconLeft", 2);
-q([
+], C.prototype, "iconLeft", 2);
+Y([
   n({ attribute: "icon-right" })
-], $.prototype, "iconRight", 2);
-$ = q([
+], C.prototype, "iconRight", 2);
+C = Y([
   d("crt-button")
-], $);
-var Ce = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, re = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Pe(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], C);
+var Pe = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, se = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Se(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Ce(t, a, r), r;
+  return i && r && Pe(t, a, r), r;
 };
-let Pt = class extends p {
+let Ot = class extends p {
   constructor() {
     super(...arguments), this.variant = "primary";
   }
@@ -602,7 +585,7 @@ let Pt = class extends p {
     return l`<span class="badge"><slot></slot></span>`;
   }
 };
-Pt.styles = c`
+Ot.styles = c`
     :host {
       --badge-bg: transparent;
       --badge-color: var(--crt-primary);
@@ -619,7 +602,6 @@ Pt.styles = c`
       font-size: var(--crt-font-size-sm);
       letter-spacing: 1px;
       text-transform: uppercase;
-      box-shadow: var(--crt-component-glow-sm);
       white-space: nowrap;
     }
 
@@ -643,18 +625,18 @@ Pt.styles = c`
       --badge-border: 1px solid var(--crt-info);
     }
   `;
-re([
+se([
   n()
-], Pt.prototype, "variant", 2);
-Pt = re([
+], Ot.prototype, "variant", 2);
+Ot = se([
   d("crt-badge")
-], Pt);
-var Oe = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, Bt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Se(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], Ot);
+var Oe = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, Bt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Ee(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
   return i && r && Oe(t, a, r), r;
 };
-let Ot = class extends p {
+let Et = class extends p {
   constructor() {
     super(...arguments), this.level = 1;
   }
@@ -677,12 +659,12 @@ let Ot = class extends p {
     }
   }
 };
-Ot.styles = c`
+Et.styles = c`
     h1, h2, h3, h4, h5, h6 {
       font-family: var(--crt-font-family);
       color: var(--crt-text-primary);
       letter-spacing: var(--crt-letter-spacing);
-      text-shadow: 0 0 5px var(--crt-primary);
+      text-shadow: none;
       margin: var(--crt-spacing-lg) 0 var(--crt-spacing-md) 0;
     }
 
@@ -708,11 +690,11 @@ Ot.styles = c`
   `;
 Bt([
   n({ type: Number })
-], Ot.prototype, "level", 2);
-Ot = Bt([
+], Et.prototype, "level", 2);
+Et = Bt([
   d("crt-heading")
-], Ot);
-let St = class extends p {
+], Et);
+let Dt = class extends p {
   constructor() {
     super(...arguments), this.muted = !1;
   }
@@ -720,7 +702,7 @@ let St = class extends p {
     return l`<p><slot></slot></p>`;
   }
 };
-St.styles = c`
+Dt.styles = c`
     p {
       font-family: var(--crt-font-family);
       color: var(--crt-text-secondary);
@@ -734,16 +716,16 @@ St.styles = c`
   `;
 Bt([
   n()
-], St.prototype, "muted", 2);
-St = Bt([
+], Dt.prototype, "muted", 2);
+Dt = Bt([
   d("crt-text")
-], St);
-var Ee = Object.defineProperty, De = Object.getOwnPropertyDescriptor, qt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? De(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], Dt);
+var De = Object.defineProperty, Me = Object.getOwnPropertyDescriptor, Kt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Me(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Ee(t, a, r), r;
+  return i && r && De(t, a, r), r;
 };
-let ht = class extends p {
+let ut = class extends p {
   constructor() {
     super(...arguments), this.activeTab = 0, this.tabs = [];
   }
@@ -768,7 +750,7 @@ let ht = class extends p {
         ${this.tabs.map(
       (e, t) => l`
             <div class="tab-pane ${t === this.activeTab ? "active" : ""}">
-              ${e.label.toLowerCase() === "code" ? l`<pre><code>${e.content}</code></pre>` : l`<div>${Me(e.content)}</div>`}
+              ${e.label.toLowerCase() === "code" ? l`<pre><code>${e.content}</code></pre>` : l`<div>${je(e.content)}</div>`}
             </div>
           `
     )}
@@ -776,7 +758,7 @@ let ht = class extends p {
     `;
   }
 };
-ht.styles = c`
+ut.styles = c`
     :host {
       display: block;
     }
@@ -805,20 +787,17 @@ ht.styles = c`
 
     .tab-button:hover:not(.active) {
       color: var(--crt-text-primary);
-      box-shadow: var(--crt-glow-sm);
     }
 
     .tab-button.active {
       color: var(--crt-primary);
       border-bottom-color: var(--crt-primary);
-      box-shadow: var(--crt-glow);
     }
 
     .tabs-content {
       background: transparent;
       border: 1px solid var(--crt-primary);
       padding: var(--crt-spacing-lg);
-      box-shadow: var(--crt-glow-inset);
     }
 
     .tab-pane {
@@ -843,23 +822,23 @@ ht.styles = c`
       font-family: var(--crt-font-family);
     }
   `;
-qt([
+Kt([
   u()
-], ht.prototype, "activeTab", 2);
-qt([
+], ut.prototype, "activeTab", 2);
+Kt([
   n({ type: Array })
-], ht.prototype, "tabs", 2);
-ht = qt([
+], ut.prototype, "tabs", 2);
+ut = Kt([
   d("crt-tabs")
-], ht);
-function Me(e) {
+], ut);
+function je(e) {
   const t = document.createElement("div");
   return t.innerHTML = e, t;
 }
-var je = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, z = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Te(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var Te = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, z = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Ae(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && je(t, a, r), r;
+  return i && r && Te(t, a, r), r;
 };
 let H = class extends p {
   constructor() {
@@ -895,7 +874,6 @@ H.styles = c`
       font-size: var(--crt-font-size-base);
       letter-spacing: 1px;
       transition: var(--crt-transition);
-      box-shadow: var(--crt-component-glow-inset);
       box-sizing: border-box;
       cursor: var(--crt-cursor-text);
     }
@@ -905,12 +883,12 @@ H.styles = c`
     }
 
     input:hover:not(:disabled) {
-      box-shadow: inset 0 0 10px rgba(51, 255, 51, 0.2), var(--crt-component-glow-sm);
+      box-shadow: none;
     }
 
     input:focus:not(:disabled) {
       outline: none;
-      box-shadow: inset 0 0 10px rgba(51, 255, 51, 0.3), var(--crt-component-glow);
+      box-shadow: var(--crt-glow-inset);
     }
 
     input:disabled {
@@ -974,7 +952,6 @@ K.styles = c`
       font-size: var(--crt-font-size-base);
       letter-spacing: 1px;
       transition: var(--crt-transition);
-      box-shadow: var(--crt-component-glow-inset);
       resize: vertical;
       min-height: 120px;
       box-sizing: border-box;
@@ -986,12 +963,12 @@ K.styles = c`
     }
 
     textarea:hover:not(:disabled) {
-      box-shadow: inset 0 0 10px rgba(51, 255, 51, 0.2), var(--crt-component-glow-sm);
+      box-shadow: none;
     }
 
     textarea:focus:not(:disabled) {
       outline: none;
-      box-shadow: inset 0 0 10px rgba(51, 255, 51, 0.3), var(--crt-component-glow);
+      box-shadow: var(--crt-glow-inset);
     }
 
     textarea:disabled {
@@ -1015,12 +992,12 @@ z([
 K = z([
   d("crt-textarea")
 ], K);
-var Ae = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, ot = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ie(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var Ie = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, nt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Le(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Ae(t, a, r), r;
+  return i && r && Ie(t, a, r), r;
 };
-let U = class extends p {
+let R = class extends p {
   constructor() {
     super(...arguments), this.href = "#", this.target = "", this.iconLeft = !1, this.iconRight = !1, this.icon = "";
   }
@@ -1041,7 +1018,7 @@ let U = class extends p {
     `;
   }
 };
-U.styles = c`
+R.styles = c`
     :host {
       --crt-link-color: var(--crt-primary);
     }
@@ -1060,35 +1037,35 @@ U.styles = c`
 
     a:hover {
       color: var(--crt-primary-light);
-      text-shadow: 0 0 10px var(--crt-primary);
+      text-shadow: none;
     }
 
     a:active {
       color: var(--crt-primary-dark);
     }
   `;
-ot([
+nt([
   n({ type: String })
-], U.prototype, "href", 2);
-ot([
+], R.prototype, "href", 2);
+nt([
   n({ type: String })
-], U.prototype, "target", 2);
-ot([
+], R.prototype, "target", 2);
+nt([
   n({ type: Boolean })
-], U.prototype, "iconLeft", 2);
-ot([
+], R.prototype, "iconLeft", 2);
+nt([
   n({ type: Boolean })
-], U.prototype, "iconRight", 2);
-ot([
+], R.prototype, "iconRight", 2);
+nt([
   n({ type: String })
-], U.prototype, "icon", 2);
-U = ot([
+], R.prototype, "icon", 2);
+R = nt([
   d("crt-link")
-], U);
-var Le = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, J = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Be(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], R);
+var Be = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, J = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Re(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Le(t, a, r), r;
+  return i && r && Be(t, a, r), r;
 };
 let E = class extends p {
   constructor() {
@@ -1121,8 +1098,8 @@ let E = class extends p {
       if (r.size > this.maxSize)
         return console.warn(`File ${r.name} exceeds max size`), !1;
       if (this.accept) {
-        const s = this.accept.split(",").map((S) => S.trim()), o = r.type, h = "." + r.name.split(".").pop()?.toLowerCase();
-        if (!s.some((S) => S.startsWith(".") ? h === S.toLowerCase() : S.endsWith("/*") ? o.startsWith(S.replace("/*", "/")) : o === S))
+        const s = this.accept.split(",").map((w) => w.trim()), o = r.type, h = "." + r.name.split(".").pop()?.toLowerCase();
+        if (!s.some((w) => w.startsWith(".") ? h === w.toLowerCase() : w.endsWith("/*") ? o.startsWith(w.replace("/*", "/")) : o === w))
           return console.warn(`File ${r.name} type not accepted`), !1;
       }
       return !0;
@@ -1242,7 +1219,6 @@ E.styles = c`
     .file-manager {
       border: 3px double var(--crt-primary);
       background: transparent;
-      box-shadow: var(--crt-component-glow-inset);
     }
 
     /* Header */
@@ -1260,7 +1236,6 @@ E.styles = c`
       text-transform: uppercase;
       letter-spacing: 2px;
       font-size: var(--crt-font-size-sm);
-      text-shadow: var(--crt-component-glow);
       display: flex;
       align-items: center;
       gap: var(--crt-spacing-sm);
@@ -1292,7 +1267,6 @@ E.styles = c`
     .drop-zone.dragging {
       background: transparent;
       border-color: var(--crt-primary);
-      box-shadow: var(--crt-component-glow);
     }
 
     .drop-zone.dragging {
@@ -1302,7 +1276,6 @@ E.styles = c`
     .drop-zone-icon {
       font-size: 3rem;
       color: var(--crt-primary);
-      text-shadow: var(--crt-glow);
       animation: float 2s ease-in-out infinite;
     }
 
@@ -1460,7 +1433,7 @@ E.styles = c`
     .file-remove:hover {
       background: var(--crt-error);
       color: var(--crt-bg-dark);
-      box-shadow: 0 0 10px var(--crt-error);
+      box-shadow: none;
     }
 
     /* Footer */
@@ -1507,7 +1480,6 @@ E.styles = c`
 
     .file-list::-webkit-scrollbar-thumb {
       background: var(--crt-primary);
-      box-shadow: var(--crt-glow-sm);
     }
 
     /* Progress bar for uploading */
@@ -1522,7 +1494,6 @@ E.styles = c`
     .progress-fill {
       height: 100%;
       background: var(--crt-primary);
-      box-shadow: var(--crt-glow-sm);
       transition: width 0.3s ease;
     }
   `;
@@ -1547,8 +1518,8 @@ J([
 E = J([
   d("crt-file-upload")
 ], E);
-var Ue = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, C = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Re(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var Ue = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, P = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Ne(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
   return i && r && Ue(t, a, r), r;
 };
@@ -1635,19 +1606,19 @@ let b = class extends p {
   _renderDays() {
     const e = this._viewDate.getFullYear(), t = this._viewDate.getMonth(), a = this._getDaysInMonth(e, t), i = this._getFirstDayOfMonth(e, t), r = this._getDaysInMonth(e, t - 1), s = [];
     for (let h = i - 1; h >= 0; h--) {
-      const f = new Date(e, t - 1, r - h);
+      const g = new Date(e, t - 1, r - h);
       s.push(l`
-        <div class="day other-month" @click="${() => this._selectDate(f)}">
+        <div class="day other-month" @click="${() => this._selectDate(g)}">
           ${r - h}
         </div>
       `);
     }
     for (let h = 1; h <= a; h++) {
-      const f = new Date(e, t, h), S = this._isToday(f), oe = this._isSelected(f);
+      const g = new Date(e, t, h), w = this._isToday(g), Nt = this._isSelected(g);
       s.push(l`
         <div 
-          class="day ${S ? "today" : ""} ${oe ? "selected" : ""}"
-          @click="${() => this._selectDate(f)}"
+          class="day ${w ? "today" : ""} ${Nt ? "selected" : ""}"
+          @click="${() => this._selectDate(g)}"
         >
           ${h}
         </div>
@@ -1655,9 +1626,9 @@ let b = class extends p {
     }
     const o = 42 - s.length;
     for (let h = 1; h <= o; h++) {
-      const f = new Date(e, t + 1, h);
+      const g = new Date(e, t + 1, h);
       s.push(l`
-        <div class="day other-month" @click="${() => this._selectDate(f)}">
+        <div class="day other-month" @click="${() => this._selectDate(g)}">
           ${h}
         </div>
       `);
@@ -1736,7 +1707,6 @@ b.styles = c`
       font-size: var(--crt-font-size-base);
       min-width: 180px;
       cursor: var(--crt-cursor-pointer);
-      box-shadow: var(--crt-component-glow-inset);
       transition: var(--crt-transition);
     }
 
@@ -1746,12 +1716,12 @@ b.styles = c`
     }
 
     .input-field:hover {
-      box-shadow: var(--crt-component-glow-inset), var(--crt-component-glow-sm);
+      box-shadow: none;
     }
 
     .input-field:focus {
       outline: none;
-      box-shadow: var(--crt-component-glow-inset), var(--crt-component-glow);
+      box-shadow: none;
     }
 
     .calendar-toggle {
@@ -1767,7 +1737,6 @@ b.styles = c`
     .calendar-toggle:hover {
       background: var(--crt-primary);
       color: var(--crt-bg-dark);
-      box-shadow: var(--crt-glow);
     }
 
     .calendar-dropdown {
@@ -1780,8 +1749,7 @@ b.styles = c`
       -webkit-backdrop-filter: blur(10px);
       border: 3px double var(--crt-primary);
       box-shadow: 
-        0 0 20px color-mix(in srgb, var(--crt-primary) 30%, transparent),
-        var(--crt-component-glow-inset);
+        0 0 20px color-mix(in srgb, var(--crt-primary) 30%, transparent);
       z-index: 1000;
       display: none;
       min-width: 280px;
@@ -1880,7 +1848,6 @@ b.styles = c`
     .day.selected {
       background: var(--crt-primary);
       color: var(--crt-bg-dark);
-      box-shadow: var(--crt-component-glow-sm);
     }
 
     .day.other-month {
@@ -1923,40 +1890,40 @@ b.styles = c`
       color: var(--crt-bg-dark);
     }
   `;
-C([
+P([
   n({ type: String })
 ], b.prototype, "value", 2);
-C([
+P([
   n({ type: String })
 ], b.prototype, "placeholder", 2);
-C([
+P([
   n({ type: String })
 ], b.prototype, "format", 2);
-C([
+P([
   n({ type: String })
 ], b.prototype, "min", 2);
-C([
+P([
   n({ type: String })
 ], b.prototype, "max", 2);
-C([
+P([
   n({ type: Boolean })
 ], b.prototype, "disabled", 2);
-C([
+P([
   u()
 ], b.prototype, "_isOpen", 2);
-C([
+P([
   u()
 ], b.prototype, "_viewDate", 2);
-C([
+P([
   u()
 ], b.prototype, "_selectedDate", 2);
-b = C([
+b = P([
   d("crt-calendar")
 ], b);
-var Ne = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, tt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Fe(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var Fe = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, tt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Ve(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Ne(t, a, r), r;
+  return i && r && Fe(t, a, r), r;
 };
 let D = class extends p {
   constructor() {
@@ -2070,13 +2037,12 @@ D.styles = c`
       font-family: var(--crt-font-family);
       font-size: var(--crt-font-size-base);
       cursor: var(--crt-cursor-pointer);
-      box-shadow: var(--crt-component-glow-inset);
       transition: var(--crt-transition);
       width: 100%;
     }
 
     .select-trigger:hover:not(.disabled) {
-      box-shadow: var(--crt-component-glow-inset), var(--crt-component-glow-sm);
+      box-shadow: none;
     }
 
     .select-trigger.open {
@@ -2125,8 +2091,7 @@ D.styles = c`
       z-index: 1000;
       display: none;
       box-shadow: 
-        0 10px 20px color-mix(in srgb, var(--crt-primary) 20%, transparent),
-        var(--crt-component-glow-inset);
+        0 10px 20px color-mix(in srgb, var(--crt-primary) 20%, transparent);
     }
 
     .select-dropdown.open {
@@ -2195,7 +2160,6 @@ D.styles = c`
 
     .select-dropdown::-webkit-scrollbar-thumb {
       background: var(--crt-primary);
-      box-shadow: var(--crt-component-glow-sm);
     }
   `;
 tt([
@@ -2219,12 +2183,12 @@ tt([
 D = tt([
   d("crt-select")
 ], D);
-var Ve = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, _ = (e, t, a, i) => {
+var qe = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, $ = (e, t, a, i) => {
   for (var r = i > 1 ? void 0 : i ? Ye(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Ve(t, a, r), r;
+  return i && r && qe(t, a, r), r;
 };
-let m = class extends p {
+let f = class extends p {
   constructor() {
     super(...arguments), this.value = "", this.placeholder = "Search...", this.debounceMs = 300, this.minLength = 1, this.suggestions = [], this._open = !1, this._activeIndex = -1, this._filtered = [], this._loading = !1, this._id = `crt-search-${Math.random().toString(36).slice(2, 9)}`;
   }
@@ -2337,7 +2301,7 @@ let m = class extends p {
     `;
   }
 };
-m.styles = c`
+f.styles = c`
     :host { display: block; font-family: var(--crt-font-family); }
 
     .search {
@@ -2353,7 +2317,6 @@ m.styles = c`
       background: transparent;
       color: var(--crt-text-primary);
       border: 2px solid var(--crt-primary);
-      box-shadow: var(--crt-component-glow-inset);
       box-sizing: border-box;
       transition: var(--crt-transition);
       cursor: var(--crt-cursor-text);
@@ -2366,7 +2329,7 @@ m.styles = c`
 
     .input:focus {
       outline: none;
-      box-shadow: inset 0 0 10px rgba(51,255,51,0.2), var(--crt-component-glow);
+      box-shadow: var(--crt-glow-inset);
     }
 
     .list {
@@ -2376,7 +2339,7 @@ m.styles = c`
       right: 0;
       background: transparent;
       border: 2px solid var(--crt-primary);
-      box-shadow: 0 10px 20px color-mix(in srgb, var(--crt-primary) 20%, transparent), var(--crt-component-glow-inset);
+      box-shadow: 0 10px 20px color-mix(in srgb, var(--crt-primary) 20%, transparent);
       max-height: 240px;
       overflow-y: auto;
       z-index: 1000;
@@ -2398,7 +2361,6 @@ m.styles = c`
     .item:hover,
     .item[aria-selected="true"] {
       background: transparent;
-      box-shadow: var(--crt-component-glow-sm);
       color: var(--crt-primary);
     }
 
@@ -2414,45 +2376,45 @@ m.styles = c`
       text-align: center;
     }
   `;
-_([
+$([
   n({ type: String })
-], m.prototype, "value", 2);
-_([
+], f.prototype, "value", 2);
+$([
   n({ type: String })
-], m.prototype, "placeholder", 2);
-_([
+], f.prototype, "placeholder", 2);
+$([
   n({ type: Number })
-], m.prototype, "debounceMs", 2);
-_([
+], f.prototype, "debounceMs", 2);
+$([
   n({ type: Number })
-], m.prototype, "minLength", 2);
-_([
+], f.prototype, "minLength", 2);
+$([
   n({ type: Array })
-], m.prototype, "suggestions", 2);
-_([
+], f.prototype, "suggestions", 2);
+$([
   n()
-], m.prototype, "fetcher", 2);
-_([
+], f.prototype, "fetcher", 2);
+$([
   u()
-], m.prototype, "_open", 2);
-_([
+], f.prototype, "_open", 2);
+$([
   u()
-], m.prototype, "_activeIndex", 2);
-_([
+], f.prototype, "_activeIndex", 2);
+$([
   u()
-], m.prototype, "_filtered", 2);
-_([
+], f.prototype, "_filtered", 2);
+$([
   u()
-], m.prototype, "_loading", 2);
-m = _([
+], f.prototype, "_loading", 2);
+f = $([
   d("crt-search")
-], m);
-var qe = Object.defineProperty, He = Object.getOwnPropertyDescriptor, v = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? He(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], f);
+var He = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, v = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Ke(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && qe(t, a, r), r;
+  return i && r && He(t, a, r), r;
 };
-let R = class extends p {
+let U = class extends p {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1, this.indeterminate = !1, this.label = "", this.value = "";
   }
@@ -2480,7 +2442,7 @@ let R = class extends p {
     `;
   }
 };
-R.styles = c`
+U.styles = c`
     :host {
       display: inline-flex;
       align-items: center;
@@ -2521,16 +2483,14 @@ R.styles = c`
       align-items: center;
       justify-content: center;
       transition: var(--crt-transition);
-      box-shadow: var(--crt-component-glow-inset);
     }
 
     :host(:hover:not([disabled])) .checkbox-box {
-      box-shadow: var(--crt-component-glow-inset), var(--crt-component-glow-sm);
+      box-shadow: none;
     }
 
     input:checked + .checkbox-box {
       background: var(--crt-primary);
-      box-shadow: var(--crt-component-glow-sm);
     }
 
     .checkmark {
@@ -2564,22 +2524,22 @@ R.styles = c`
   `;
 v([
   n({ type: Boolean, reflect: !0 })
-], R.prototype, "checked", 2);
+], U.prototype, "checked", 2);
 v([
   n({ type: Boolean, reflect: !0 })
-], R.prototype, "disabled", 2);
+], U.prototype, "disabled", 2);
 v([
   n({ type: Boolean })
-], R.prototype, "indeterminate", 2);
+], U.prototype, "indeterminate", 2);
 v([
   n({ type: String })
-], R.prototype, "label", 2);
+], U.prototype, "label", 2);
 v([
   n({ type: String })
-], R.prototype, "value", 2);
-R = v([
+], U.prototype, "value", 2);
+U = v([
   d("crt-checkbox")
-], R);
+], U);
 let N = class extends p {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1, this.label = "", this.value = "", this.name = "";
@@ -2651,11 +2611,10 @@ N.styles = c`
       align-items: center;
       justify-content: center;
       transition: var(--crt-transition);
-      box-shadow: var(--crt-component-glow-inset);
     }
 
     :host(:hover:not([disabled])) .radio-circle {
-      box-shadow: var(--crt-component-glow-inset), var(--crt-component-glow-sm);
+      box-shadow: none;
     }
 
     .radio-dot {
@@ -2666,7 +2625,6 @@ N.styles = c`
       opacity: 0;
       transform: scale(0);
       transition: all 0.15s ease;
-      box-shadow: var(--crt-component-glow-sm);
     }
 
     input:checked + .radio-circle .radio-dot {
@@ -2675,7 +2633,7 @@ N.styles = c`
     }
 
     input:checked + .radio-circle {
-      box-shadow: var(--crt-component-glow-sm);
+      box-shadow: none;
     }
 
     .label {
@@ -2747,10 +2705,10 @@ v([
 it = v([
   d("crt-radio-group")
 ], it);
-var Ke = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, P = (e, t, a, i) => {
+var We = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, S = (e, t, a, i) => {
   for (var r = i > 1 ? void 0 : i ? Xe(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Ke(t, a, r), r;
+  return i && r && We(t, a, r), r;
 };
 let y = class extends p {
   constructor() {
@@ -2812,7 +2770,6 @@ y.styles = c`
       height: 20px;
       background: transparent;
       border: 2px solid var(--crt-primary);
-      box-shadow: var(--crt-component-glow-inset);
       position: relative;
       overflow: hidden;
     }
@@ -2822,7 +2779,6 @@ y.styles = c`
       background: var(--crt-primary);
       transition: width 0.3s ease;
       position: relative;
-      box-shadow: var(--crt-component-glow-sm);
     }
 
     /* Animated striped effect */
@@ -2902,42 +2858,42 @@ y.styles = c`
       );
     }
   `;
-P([
+S([
   n({ type: Number })
 ], y.prototype, "value", 2);
-P([
+S([
   n({ type: Number })
 ], y.prototype, "max", 2);
-P([
+S([
   n({ type: String })
 ], y.prototype, "label", 2);
-P([
+S([
   n({ type: Boolean, reflect: !0 })
 ], y.prototype, "animated", 2);
-P([
+S([
   n({ type: Boolean, reflect: !0 })
 ], y.prototype, "indeterminate", 2);
-P([
+S([
   n({ type: Boolean, reflect: !0 })
 ], y.prototype, "segmented", 2);
-P([
+S([
   n({ type: String, reflect: !0 })
 ], y.prototype, "size", 2);
-P([
+S([
   n({ type: String, reflect: !0 })
 ], y.prototype, "variant", 2);
-P([
+S([
   n({ type: Boolean })
 ], y.prototype, "showValue", 2);
-y = P([
+y = S([
   d("crt-progress")
 ], y);
-var We = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, yt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ge(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var Ge = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, wt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Qe(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && We(t, a, r), r;
+  return i && r && Ge(t, a, r), r;
 };
-let X = class extends p {
+let W = class extends p {
   constructor() {
     super(...arguments), this.text = "", this.position = "top", this.delay = 200, this._visible = !1;
   }
@@ -2966,7 +2922,7 @@ let X = class extends p {
     `;
   }
 };
-X.styles = c`
+W.styles = c`
     :host {
       display: inline-block;
       position: relative;
@@ -2992,7 +2948,6 @@ X.styles = c`
       opacity: 0;
       transition: opacity 0.2s ease;
       box-shadow: 
-        var(--crt-glow-sm),
         0 5px 15px rgba(0, 0, 0, 0.5);
     }
 
@@ -3075,27 +3030,27 @@ X.styles = c`
       border-right-color: var(--crt-primary);
     }
   `;
-yt([
+wt([
   n({ type: String })
-], X.prototype, "text", 2);
-yt([
+], W.prototype, "text", 2);
+wt([
   n({ type: String, reflect: !0 })
-], X.prototype, "position", 2);
-yt([
+], W.prototype, "position", 2);
+wt([
   n({ type: Number })
-], X.prototype, "delay", 2);
-yt([
+], W.prototype, "delay", 2);
+wt([
   u()
-], X.prototype, "_visible", 2);
-X = yt([
+], W.prototype, "_visible", 2);
+W = wt([
   d("crt-tooltip")
-], X);
-var Ze = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, Ht = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Qe(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], W);
+var Ze = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, Wt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Je(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
   return i && r && Ze(t, a, r), r;
 };
-let ut = class extends p {
+let vt = class extends p {
   constructor() {
     super(...arguments), this.items = [], this.separator = ">";
   }
@@ -3113,7 +3068,7 @@ let ut = class extends p {
     `;
   }
 };
-ut.styles = c`
+vt.styles = c`
     :host {
       display: block;
       font-family: var(--crt-font-family);
@@ -3147,13 +3102,11 @@ ut.styles = c`
 
     a:hover {
       color: var(--crt-primary);
-      text-shadow: var(--crt-component-glow-sm);
     }
 
     .active a,
     .active .text {
       color: var(--crt-primary);
-      text-shadow: var(--crt-component-glow-sm);
     }
 
     .separator {
@@ -3162,21 +3115,21 @@ ut.styles = c`
       font-size: var(--crt-font-size-sm);
     }
   `;
-Ht([
+Wt([
   n({ type: Array })
-], ut.prototype, "items", 2);
-Ht([
+], vt.prototype, "items", 2);
+Wt([
   n({ type: String })
-], ut.prototype, "separator", 2);
-ut = Ht([
+], vt.prototype, "separator", 2);
+vt = Wt([
   d("crt-breadcrumb")
-], ut);
-var Je = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, xt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? tr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], vt);
+var tr = Object.defineProperty, er = Object.getOwnPropertyDescriptor, kt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? er(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Je(t, a, r), r;
+  return i && r && tr(t, a, r), r;
 };
-let W = class extends p {
+let X = class extends p {
   constructor() {
     super(...arguments), this.current = 1, this.total = 1, this.siblings = 1, this.showInfo = !0;
   }
@@ -3235,7 +3188,7 @@ let W = class extends p {
     `;
   }
 };
-W.styles = c`
+X.styles = c`
     :host {
       display: block;
       font-family: var(--crt-font-family);
@@ -3265,13 +3218,11 @@ W.styles = c`
 
     .page-btn:hover:not(:disabled):not(.active) {
       background: transparent;
-      box-shadow: var(--crt-component-glow-sm);
     }
 
     .page-btn.active {
       background: var(--crt-primary);
       color: var(--crt-bg-dark);
-      box-shadow: var(--crt-component-glow);
     }
 
     .page-btn:disabled {
@@ -3290,27 +3241,27 @@ W.styles = c`
       margin-left: var(--crt-spacing-md);
     }
   `;
-xt([
+kt([
   n({ type: Number })
-], W.prototype, "current", 2);
-xt([
+], X.prototype, "current", 2);
+kt([
   n({ type: Number })
-], W.prototype, "total", 2);
-xt([
+], X.prototype, "total", 2);
+kt([
   n({ type: Number })
-], W.prototype, "siblings", 2);
-xt([
+], X.prototype, "siblings", 2);
+kt([
   n({ type: Boolean })
-], W.prototype, "showInfo", 2);
-W = xt([
+], X.prototype, "showInfo", 2);
+X = kt([
   d("crt-pagination")
-], W);
-var er = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, I = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? rr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], X);
+var rr = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, I = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? ar(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && er(t, a, r), r;
+  return i && r && rr(t, a, r), r;
 };
-let w = class extends p {
+let k = class extends p {
   constructor() {
     super(...arguments), this.value = 50, this.min = 0, this.max = 100, this.step = 1, this.label = "", this.disabled = !1, this.showMarks = !1, this.unit = "";
   }
@@ -3367,7 +3318,7 @@ let w = class extends p {
     `;
   }
 };
-w.styles = c`
+k.styles = c`
     :host {
       display: block;
       font-family: var(--crt-font-family);
@@ -3433,13 +3384,11 @@ w.styles = c`
       background: var(--crt-primary);
       border: 2px solid var(--crt-bg-dark);
       cursor: var(--crt-cursor-pointer);
-      box-shadow: var(--crt-component-glow);
       transition: var(--crt-transition);
     }
 
     input[type="range"]::-webkit-slider-thumb:hover {
       transform: scale(1.1);
-      box-shadow: var(--crt-component-glow-lg);
     }
 
     input[type="range"]::-moz-range-thumb {
@@ -3449,7 +3398,6 @@ w.styles = c`
       border: 2px solid var(--crt-bg-dark);
       border-radius: 0;
       cursor: var(--crt-cursor-pointer);
-      box-shadow: var(--crt-component-glow);
     }
 
     input[type="range"]::-moz-range-track {
@@ -3463,7 +3411,7 @@ w.styles = c`
     }
 
     input[type="range"]:focus::-webkit-slider-thumb {
-      box-shadow: var(--crt-component-glow-lg);
+      box-shadow: none;
     }
 
     .slider-marks {
@@ -3486,7 +3434,6 @@ w.styles = c`
       transform: translateY(-50%);
       height: 4px;
       background: var(--crt-primary);
-      box-shadow: var(--crt-component-glow-sm);
       pointer-events: none;
     }
 
@@ -3503,35 +3450,35 @@ w.styles = c`
   `;
 I([
   n({ type: Number })
-], w.prototype, "value", 2);
+], k.prototype, "value", 2);
 I([
   n({ type: Number })
-], w.prototype, "min", 2);
+], k.prototype, "min", 2);
 I([
   n({ type: Number })
-], w.prototype, "max", 2);
+], k.prototype, "max", 2);
 I([
   n({ type: Number })
-], w.prototype, "step", 2);
+], k.prototype, "step", 2);
 I([
   n({ type: String })
-], w.prototype, "label", 2);
+], k.prototype, "label", 2);
 I([
   n({ type: Boolean, reflect: !0 })
-], w.prototype, "disabled", 2);
+], k.prototype, "disabled", 2);
 I([
   n({ type: Boolean })
-], w.prototype, "showMarks", 2);
+], k.prototype, "showMarks", 2);
 I([
   n({ type: String })
-], w.prototype, "unit", 2);
-w = I([
+], k.prototype, "unit", 2);
+k = I([
   d("crt-slider")
-], w);
-var ar = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, et = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? ir(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], k);
+var ir = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, et = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? sr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && ar(t, a, r), r;
+  return i && r && ir(t, a, r), r;
 };
 let M = class extends p {
   constructor() {
@@ -3601,7 +3548,6 @@ M.styles = c`
       border: 2px solid var(--crt-primary);
       position: relative;
       transition: var(--crt-transition);
-      box-shadow: var(--crt-component-glow-inset);
     }
 
     .toggle-thumb {
@@ -3621,11 +3567,10 @@ M.styles = c`
     input:checked + .toggle-track .toggle-thumb {
       left: 27px;
       background: var(--crt-primary);
-      box-shadow: var(--crt-component-glow);
     }
 
     :host(:hover:not([disabled])) .toggle-track {
-      box-shadow: var(--crt-component-glow-inset), var(--crt-component-glow-sm);
+      box-shadow: none;
     }
 
     .toggle-labels {
@@ -3707,10 +3652,10 @@ et([
 M = et([
   d("crt-toggle")
 ], M);
-var sr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, L = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? or(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var or = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, L = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? nr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && sr(t, a, r), r;
+  return i && r && or(t, a, r), r;
 };
 let j = class extends p {
   constructor() {
@@ -3759,7 +3704,6 @@ j.styles = c`
       border: 2px solid var(--crt-primary);
       color: var(--crt-primary);
       overflow: hidden;
-      box-shadow: var(--crt-component-glow-sm);
     }
 
     /* Sizes */
@@ -3819,7 +3763,6 @@ j.styles = c`
       font-weight: bold;
       text-transform: uppercase;
       letter-spacing: 1px;
-      text-shadow: var(--crt-component-glow);
     }
 
     .fallback-icon {
@@ -3894,7 +3837,7 @@ L([
 j = L([
   d("crt-avatar")
 ], j);
-let Et = class extends p {
+let Mt = class extends p {
   constructor() {
     super(...arguments), this.max = 5;
   }
@@ -3904,7 +3847,7 @@ let Et = class extends p {
     `;
   }
 };
-Et.styles = c`
+Mt.styles = c`
     :host {
       display: inline-flex;
       align-items: center;
@@ -3930,19 +3873,18 @@ Et.styles = c`
       font-family: var(--crt-font-family);
       font-size: 12px;
       margin-left: -12px;
-      box-shadow: var(--crt-component-glow-sm);
     }
   `;
 L([
   n({ type: Number })
-], Et.prototype, "max", 2);
-Et = L([
+], Mt.prototype, "max", 2);
+Mt = L([
   d("crt-avatar-group")
-], Et);
-var nr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, O = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? lr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], Mt);
+var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, O = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? cr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && nr(t, a, r), r;
+  return i && r && lr(t, a, r), r;
 };
 let F = class extends p {
   constructor() {
@@ -4090,7 +4032,7 @@ O([
 F = O([
   d("crt-skeleton")
 ], F);
-let Dt = class extends p {
+let jt = class extends p {
   constructor() {
     super(...arguments), this.lines = 3;
   }
@@ -4102,7 +4044,7 @@ let Dt = class extends p {
     `;
   }
 };
-Dt.styles = c`
+jt.styles = c`
     :host {
       display: block;
     }
@@ -4136,11 +4078,11 @@ Dt.styles = c`
   `;
 O([
   n({ type: Number })
-], Dt.prototype, "lines", 2);
-Dt = O([
+], jt.prototype, "lines", 2);
+jt = O([
   d("crt-skeleton-text")
-], Dt);
-let Mt = class extends p {
+], jt);
+let Tt = class extends p {
   constructor() {
     super(...arguments), this.hideImage = !1;
   }
@@ -4156,7 +4098,7 @@ let Mt = class extends p {
     `;
   }
 };
-Mt.styles = c`
+Tt.styles = c`
     :host {
       display: block;
     }
@@ -4209,16 +4151,16 @@ Mt.styles = c`
   `;
 O([
   n({ type: Boolean })
-], Mt.prototype, "hideImage", 2);
-Mt = O([
+], Tt.prototype, "hideImage", 2);
+Tt = O([
   d("crt-skeleton-card")
-], Mt);
-var cr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, B = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? pr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], Tt);
+var pr = Object.defineProperty, dr = Object.getOwnPropertyDescriptor, B = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? dr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && cr(t, a, r), r;
+  return i && r && pr(t, a, r), r;
 };
-let k = class extends p {
+let _ = class extends p {
   constructor() {
     super(...arguments), this.variant = "info", this.title = "", this.closable = !1, this.filled = !1, this.outlined = !1, this.banner = !1, this.animated = !1, this.icon = "";
   }
@@ -4253,7 +4195,7 @@ let k = class extends p {
     `;
   }
 };
-k.styles = c`
+_.styles = c`
     :host {
       display: block;
       font-family: var(--crt-font-family);
@@ -4318,7 +4260,6 @@ k.styles = c`
       flex-shrink: 0;
       font-size: 1.2em;
       color: var(--crt-primary);
-      text-shadow: var(--crt-component-glow);
     }
 
     .alert-content {
@@ -4330,7 +4271,6 @@ k.styles = c`
       font-weight: bold;
       margin-bottom: var(--crt-spacing-xs);
       color: var(--crt-primary);
-      text-shadow: var(--crt-component-glow);
       text-transform: uppercase;
       letter-spacing: 1px;
     }
@@ -4354,7 +4294,6 @@ k.styles = c`
 
     .alert-close:hover {
       color: var(--crt-primary);
-      text-shadow: var(--crt-component-glow);
     }
 
     .alert-actions {
@@ -4420,37 +4359,37 @@ k.styles = c`
   `;
 B([
   n({ type: String, reflect: !0 })
-], k.prototype, "variant", 2);
+], _.prototype, "variant", 2);
 B([
   n({ type: String })
-], k.prototype, "title", 2);
+], _.prototype, "title", 2);
 B([
   n({ type: Boolean, reflect: !0 })
-], k.prototype, "closable", 2);
+], _.prototype, "closable", 2);
 B([
   n({ type: Boolean, reflect: !0 })
-], k.prototype, "filled", 2);
+], _.prototype, "filled", 2);
 B([
   n({ type: Boolean, reflect: !0 })
-], k.prototype, "outlined", 2);
+], _.prototype, "outlined", 2);
 B([
   n({ type: Boolean, reflect: !0 })
-], k.prototype, "banner", 2);
+], _.prototype, "banner", 2);
 B([
   n({ type: Boolean, reflect: !0 })
-], k.prototype, "animated", 2);
+], _.prototype, "animated", 2);
 B([
   n({ type: String })
-], k.prototype, "icon", 2);
-k = B([
+], _.prototype, "icon", 2);
+_ = B([
   d("crt-alert")
-], k);
-var dr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, Kt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? hr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], _);
+var hr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, Xt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? ur(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && dr(t, a, r), r;
+  return i && r && hr(t, a, r), r;
 };
-let vt = class extends p {
+let gt = class extends p {
   constructor() {
     super(...arguments), this.open = !1, this.message = "LOADING...";
   }
@@ -4474,7 +4413,7 @@ let vt = class extends p {
     ` : l``;
   }
 };
-vt.styles = c`
+gt.styles = c`
     :host {
       display: block;
     }
@@ -4583,7 +4522,6 @@ vt.styles = c`
       font-family: var(--crt-font-family);
       font-size: var(--crt-font-size-lg);
       letter-spacing: 4px;
-      text-shadow: var(--crt-component-glow);
       animation: blink 1s ease-in-out infinite;
     }
 
@@ -4696,21 +4634,21 @@ vt.styles = c`
       50% { opacity: 0.5; }
     }
   `;
-Kt([
+Xt([
   n({ type: Boolean, reflect: !0 })
-], vt.prototype, "open", 2);
-Kt([
+], gt.prototype, "open", 2);
+Xt([
   n({ type: String })
-], vt.prototype, "message", 2);
-vt = Kt([
+], gt.prototype, "message", 2);
+gt = Xt([
   d("crt-spinner")
-], vt);
-var ur = Object.getOwnPropertyDescriptor, vr = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? ur(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], gt);
+var vr = Object.getOwnPropertyDescriptor, gr = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? vr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = o(r) || r);
   return r;
 };
-let Rt = class extends p {
+let Ft = class extends p {
   render() {
     return l`
       <div class="card">
@@ -4727,7 +4665,7 @@ let Rt = class extends p {
     `;
   }
 };
-Rt.styles = c`
+Ft.styles = c`
     :host {
       /* Make the card element act like a normal block-level container
          so external width/height styles can be applied responsively. */
@@ -4742,15 +4680,11 @@ Rt.styles = c`
       border: 3px double var(--crt-primary);
       padding: var(--crt-spacing-lg);
       background-color: transparent;
-      box-shadow: var(--crt-component-glow-sm), var(--crt-component-glow-inset);
       transition: var(--crt-transition);
     }
 
     .card:hover {
-      box-shadow: 
-        0 0 15px color-mix(in srgb, var(--crt-primary) 40%, transparent),
-        0 0 30px color-mix(in srgb, var(--crt-primary) 20%, transparent),
-        var(--crt-component-glow-inset);
+      box-shadow: none;
     }
 
     .card-header {
@@ -4769,15 +4703,15 @@ Rt.styles = c`
       margin-top: var(--crt-spacing-md);
     }
   `;
-Rt = vr([
+Ft = gr([
   d("crt-card")
-], Rt);
-var gr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, Xt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? mr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], Ft);
+var mr = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, Gt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? fr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && gr(t, a, r), r;
+  return i && r && mr(t, a, r), r;
 };
-let gt = class extends p {
+let mt = class extends p {
   constructor() {
     super(...arguments), this.headers = [], this.rows = [];
   }
@@ -4796,7 +4730,7 @@ let gt = class extends p {
     `;
   }
 };
-gt.styles = c`
+mt.styles = c`
     :host {
       display: block;
     }
@@ -4807,7 +4741,6 @@ gt.styles = c`
       font-family: var(--crt-font-family);
       font-size: var(--crt-font-size-sm);
       border: 2px solid var(--crt-primary);
-      box-shadow: var(--crt-component-glow-sm);
     }
 
     thead {
@@ -4825,44 +4758,40 @@ gt.styles = c`
     }
 
     tbody tr {
-      border-bottom: 1px solid rgba(51, 255, 51, 0.2);
+      border-bottom: 1px solid var(--crt-border-color);
+      opacity: 0.2;
       transition: var(--crt-transition);
     }
 
     tbody tr:hover {
       background-color: transparent;
-      box-shadow: inset 0 0 20px rgba(51, 255, 51, 0.1);
+      box-shadow: none;
     }
 
     td {
       color: var(--crt-primary);
       padding: var(--crt-spacing-md);
-      border-right: 1px solid rgba(51, 255, 51, 0.1);
-    }
-
-    td:last-child {
-      border-right: none;
     }
 
     tbody tr:last-child {
       border-bottom: none;
     }
   `;
-Xt([
+Gt([
   n({ type: Array })
-], gt.prototype, "headers", 2);
-Xt([
+], mt.prototype, "headers", 2);
+Gt([
   n({ type: Array })
-], gt.prototype, "rows", 2);
-gt = Xt([
+], mt.prototype, "rows", 2);
+mt = Gt([
   d("crt-table")
-], gt);
-var fr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, Wt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? br(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], mt);
+var br = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, Qt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? yr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && fr(t, a, r), r;
+  return i && r && br(t, a, r), r;
 };
-let mt = class extends p {
+let ft = class extends p {
   constructor() {
     super(...arguments), this.columns = 3, this.gap = "var(--crt-spacing-lg)";
   }
@@ -4880,7 +4809,7 @@ let mt = class extends p {
     `;
   }
 };
-mt.styles = c`
+ft.styles = c`
     :host {
       display: block;
     }
@@ -4909,19 +4838,19 @@ mt.styles = c`
       }
     }
   `;
-Wt([
+Qt([
   n({ type: Number })
-], mt.prototype, "columns", 2);
-Wt([
+], ft.prototype, "columns", 2);
+Qt([
   n({ type: String })
-], mt.prototype, "gap", 2);
-mt = Wt([
+], ft.prototype, "gap", 2);
+ft = Qt([
   d("crt-grid")
-], mt);
-var yr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, nt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? xr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], ft);
+var xr = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, lt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? wr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && yr(t, a, r), r;
+  return i && r && xr(t, a, r), r;
 };
 let V = class extends p {
   constructor() {
@@ -4942,9 +4871,9 @@ let V = class extends p {
   render() {
     return l`
       <div class="example-header">
-        <h4 class="example-title">${this.title}</h4>
+        <crt-heading level="4" class="example-title">${this.title}</crt-heading>
       </div>
-      ${this.description ? l`<p class="example-description">${this.description}</p>` : ""}
+      ${this.description ? l`<crt-text muted class="example-description">${this.description}</crt-text>` : ""}
       
       <div class="tabs-wrapper">
         <div class="tab-header">
@@ -4997,16 +4926,10 @@ V.styles = c`
     }
 
     .example-title {
-      font-family: var(--crt-font-family);
-      font-size: var(--crt-font-size-lg);
-      color: var(--crt-primary);
       margin: 0;
     }
 
     .example-description {
-      font-family: var(--crt-font-family);
-      color: var(--crt-text-muted);
-      font-size: var(--crt-font-size-sm);
       margin: var(--crt-spacing-xs) 0 var(--crt-spacing-md) 0;
     }
 
@@ -5014,7 +4937,6 @@ V.styles = c`
       border: 2px solid var(--crt-primary);
       background: transparent !important;
       background-image: none !important;
-      box-shadow: var(--crt-component-glow-inset);
       width: 100%;
       box-sizing: border-box;
     }
@@ -5048,7 +4970,6 @@ V.styles = c`
     .tab-btn.active {
       color: var(--crt-primary);
       border-bottom-color: var(--crt-primary);
-      text-shadow: var(--crt-component-glow-sm);
     }
 
     .tab-content {
@@ -5135,28 +5056,28 @@ V.styles = c`
       color: var(--crt-bg-dark);
     }
   `;
-nt([
+lt([
   n()
 ], V.prototype, "title", 2);
-nt([
+lt([
   n()
 ], V.prototype, "description", 2);
-nt([
+lt([
   n()
 ], V.prototype, "code", 2);
-nt([
+lt([
   u()
 ], V.prototype, "activeTab", 2);
-nt([
+lt([
   u()
 ], V.prototype, "copied", 2);
-V = nt([
+V = lt([
   d("crt-code-example")
 ], V);
-var wr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Ut = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? kr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var kr = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, Rt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? _r(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && wr(t, a, r), r;
+  return i && r && kr(t, a, r), r;
 };
 let st = class extends p {
   constructor() {
@@ -5228,8 +5149,7 @@ st.styles = c`
       border: 3px double var(--crt-primary);
       box-shadow: 
         0 0 20px color-mix(in srgb, var(--crt-primary) 30%, transparent),
-        0 0 40px color-mix(in srgb, var(--crt-primary) 15%, transparent),
-        var(--crt-component-glow-inset);
+        0 0 40px color-mix(in srgb, var(--crt-primary) 15%, transparent);
       max-width: 90vw;
       max-height: 90vh;
       min-width: 300px;
@@ -5284,7 +5204,6 @@ st.styles = c`
     .close-btn:hover {
       background: transparent;
       color: var(--crt-primary);
-      box-shadow: var(--crt-component-glow);
     }
 
     .modal-body {
@@ -5322,22 +5241,22 @@ st.styles = c`
       height: calc(95vh - 120px);
     }
   `;
-Ut([
+Rt([
   n({ type: Boolean, reflect: !0 })
 ], st.prototype, "open", 2);
-Ut([
+Rt([
   n({ type: String })
 ], st.prototype, "title", 2);
-Ut([
+Rt([
   n({ type: String })
 ], st.prototype, "size", 2);
-st = Ut([
+st = Rt([
   d("crt-modal")
 ], st);
-var _r = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, rt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? $r(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var $r = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, rt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Cr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && _r(t, a, r), r;
+  return i && r && $r(t, a, r), r;
 };
 let T = class extends p {
   constructor() {
@@ -5450,7 +5369,8 @@ T.styles = c`
     }
 
     .toast {
-      background: transparent;
+      background: rgba(10, 10, 10, 0.95);
+      backdrop-filter: blur(10px);
       border: 2px solid var(--crt-primary);
       padding: var(--crt-spacing-md) var(--crt-spacing-lg);
       font-family: var(--crt-font-family);
@@ -5462,7 +5382,6 @@ T.styles = c`
       align-items: center;
       gap: var(--crt-spacing-md);
       animation: toast-in 0.3s ease;
-      box-shadow: var(--crt-component-glow-sm);
     }
 
     .toast.removing {
@@ -5592,12 +5511,12 @@ rt([
 T = rt([
   d("crt-toast")
 ], T);
-var zr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, wt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Cr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var zr = Object.defineProperty, Pr = Object.getOwnPropertyDescriptor, _t = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Pr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
   return i && r && zr(t, a, r), r;
 };
-let ft = class extends p {
+let bt = class extends p {
   constructor() {
     super(...arguments), this.header = "", this.open = !1;
   }
@@ -5626,7 +5545,7 @@ let ft = class extends p {
     `;
   }
 };
-ft.styles = c`
+bt.styles = c`
     :host {
       display: block;
       font-family: var(--crt-font-family);
@@ -5697,16 +5616,16 @@ ft.styles = c`
       color: var(--crt-text-secondary);
     }
   `;
-wt([
+_t([
   n({ type: String })
-], ft.prototype, "header", 2);
-wt([
+], bt.prototype, "header", 2);
+_t([
   n({ type: Boolean, reflect: !0 })
-], ft.prototype, "open", 2);
-ft = wt([
+], bt.prototype, "open", 2);
+bt = _t([
   d("crt-accordion-item")
-], ft);
-let jt = class extends p {
+], bt);
+let At = class extends p {
   constructor() {
     super(...arguments), this.multiple = !1, this._handleToggle = (e) => {
       !this.multiple && e.detail.open && this.querySelectorAll("crt-accordion-item").forEach((t) => {
@@ -5724,21 +5643,21 @@ let jt = class extends p {
     return l`<slot></slot>`;
   }
 };
-jt.styles = c`
+At.styles = c`
     :host {
       display: block;
     }
   `;
-wt([
+_t([
   n({ type: Boolean })
-], jt.prototype, "multiple", 2);
-jt = wt([
+], At.prototype, "multiple", 2);
+At = _t([
   d("crt-accordion")
-], jt);
-var Pr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, kt = (e, t, a, i) => {
+], At);
+var Sr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, $t = (e, t, a, i) => {
   for (var r = i > 1 ? void 0 : i ? Or(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Pr(t, a, r), r;
+  return i && r && Sr(t, a, r), r;
 };
 let G = class extends p {
   constructor() {
@@ -5809,7 +5728,6 @@ G.styles = c`
       padding: var(--crt-spacing-md);
       position: relative;
       background: transparent;
-      box-shadow: var(--crt-component-glow-inset);
       box-sizing: border-box;
       overflow: hidden;
     }
@@ -5827,7 +5745,6 @@ G.styles = c`
       font-size: var(--crt-font-size-sm);
       letter-spacing: 2px;
       color: var(--crt-primary);
-      text-shadow: var(--crt-component-glow);
       z-index: 10;
     }
 
@@ -5843,14 +5760,13 @@ G.styles = c`
       padding: 4px 10px;
       cursor: var(--crt-cursor-pointer);
       transition: var(--crt-transition);
-      box-shadow: 0 0 5px rgba(51, 255, 51, 0.3);
+      box-shadow: var(--crt-glow-sm);
       z-index: 10;
       text-transform: uppercase;
     }
 
     .mode-toggle:hover {
       background: transparent;
-      box-shadow: var(--crt-component-glow);
     }
 
     .bar {
@@ -5868,27 +5784,27 @@ G.styles = c`
       animation: none;
     }
   `;
-kt([
+$t([
   n({ type: Number })
 ], G.prototype, "bars", 2);
-kt([
+$t([
   n({ type: Number })
 ], G.prototype, "mode", 2);
-kt([
+$t([
   u()
 ], G.prototype, "barHeights", 2);
-kt([
+$t([
   u()
 ], G.prototype, "isActive", 2);
-G = kt([
+G = $t([
   d("crt-visualizer")
 ], G);
-var Sr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, Gt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Er(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+var Er = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, Zt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Dr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Sr(t, a, r), r;
+  return i && r && Er(t, a, r), r;
 };
-let bt = class extends p {
+let yt = class extends p {
   constructor() {
     super(...arguments), this.tracks = [], this.currentIndex = 0;
   }
@@ -5957,7 +5873,7 @@ let bt = class extends p {
     `;
   }
 };
-bt.styles = c`
+yt.styles = c`
     :host {
       display: block;
       width: 100%;
@@ -5971,7 +5887,6 @@ bt.styles = c`
       font-family: var(--crt-font-family);
       font-size: var(--crt-font-size-sm);
       border: 2px solid var(--crt-primary);
-      box-shadow: var(--crt-component-glow-sm);
       box-sizing: border-box;
       table-layout: fixed;
     }
@@ -5988,7 +5903,6 @@ bt.styles = c`
       text-transform: uppercase;
       letter-spacing: var(--crt-letter-spacing);
       font-weight: 600;
-      text-shadow: var(--crt-component-glow);
     }
 
     th.actions {
@@ -6002,34 +5916,28 @@ bt.styles = c`
     thead th:nth-child(2) { width: auto; }
 
     tbody tr {
-      border-bottom: 1px solid rgba(51, 255, 51, 0.2);
+      border-bottom: 1px solid var(--crt-border-color);
       transition: var(--crt-transition);
       cursor: var(--crt-cursor-pointer);
     }
 
     tbody tr:hover {
-      background-color: transparent;
-      box-shadow: inset 0 0 20px rgba(51, 255, 51, 0.1);
+      background-color: color-mix(in srgb, var(--crt-primary) 5%, transparent);
+      box-shadow: none;
     }
 
     tbody tr.active {
-      background-color: transparent;
-      box-shadow: inset 0 0 30px rgba(51, 255, 51, 0.2);
+      background-color: color-mix(in srgb, var(--crt-primary) 10%, transparent);
     }
 
     tbody tr.active td {
-      color: var(--crt-success);
-      text-shadow: var(--crt-component-glow);
+      color: var(--crt-text-primary);
+      font-weight: 600;
     }
 
     td {
-      color: var(--crt-primary);
+      color: var(--crt-text-primary);
       padding: var(--crt-spacing-md);
-      border-right: 1px solid rgba(51, 255, 51, 0.1);
-    }
-
-    td:last-child {
-      border-right: none;
     }
 
     tbody tr:last-child {
@@ -6054,6 +5962,8 @@ bt.styles = c`
 
     td.track-artist {
       opacity: 0.8;
+      white-space: normal;
+      word-break: break-word;
     }
 
     td.actions {
@@ -6093,7 +6003,6 @@ bt.styles = c`
       font-size: 3rem;
       margin-bottom: var(--crt-spacing-md);
       color: var(--crt-primary);
-      text-shadow: var(--crt-component-glow);
     }
 
     /* Scrollbar wrapper */
@@ -6124,24 +6033,23 @@ bt.styles = c`
 
     .table-wrapper::-webkit-scrollbar-thumb {
       background: rgba(0, 255, 0, 0.5);
-      box-shadow: var(--crt-component-glow-sm);
     }
   `;
-Gt([
+Zt([
   n({ type: Array })
-], bt.prototype, "tracks", 2);
-Gt([
+], yt.prototype, "tracks", 2);
+Zt([
   n({ type: Number })
-], bt.prototype, "currentIndex", 2);
-bt = Gt([
+], yt.prototype, "currentIndex", 2);
+yt = Zt([
   d("crt-playlist")
-], bt);
-var Dr = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, x = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Mr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], yt);
+var Mr = Object.defineProperty, jr = Object.getOwnPropertyDescriptor, x = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? jr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Dr(t, a, r), r;
+  return i && r && Mr(t, a, r), r;
 };
-let g = class extends p {
+let m = class extends p {
   constructor() {
     super(...arguments), this.tracks = [], this.currentIndex = 0, this.autoplay = !1, this.autoplayDelay = 500, this.isPlaying = !1, this.currentTime = 0, this.duration = 0, this.volume = 80, this.autoplayMuted = !1, this.togglePlay = async () => {
       this.isPlaying ? this.pause() : await this.play();
@@ -6271,7 +6179,7 @@ let g = class extends p {
             <div class="progress-section progress-clickable" @click="${this.handleProgressClick}">
               <crt-progress
                 .value="${this.progressPercent}"
-                variant="success"
+                variant="primary"
                 .showValue="${!0}"
               ></crt-progress>
               <div class="time-display">
@@ -6325,7 +6233,7 @@ let g = class extends p {
     `;
   }
 };
-g.styles = c`
+m.styles = c`
     :host {
       display: block;
       font-family: var(--crt-font-family);
@@ -6336,7 +6244,6 @@ g.styles = c`
     .player {
       border: 3px double var(--crt-primary);
       background: transparent;
-      box-shadow: var(--crt-component-glow-inset);
       width: 100%;
       box-sizing: border-box;
       overflow: hidden;
@@ -6359,7 +6266,6 @@ g.styles = c`
       font-size: 1.5rem;
       letter-spacing: 4px;
       color: var(--crt-primary);
-      text-shadow: var(--crt-component-glow);
     }
 
     /* Visualizer */
@@ -6397,7 +6303,6 @@ g.styles = c`
     .track-title {
       font-size: var(--crt-font-size-lg);
       color: var(--crt-primary);
-      text-shadow: var(--crt-component-glow);
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -6480,46 +6385,46 @@ g.styles = c`
   `;
 x([
   n({ type: Array })
-], g.prototype, "tracks", 2);
+], m.prototype, "tracks", 2);
 x([
   n({ type: Number })
-], g.prototype, "currentIndex", 2);
+], m.prototype, "currentIndex", 2);
 x([
   n({ type: Boolean })
-], g.prototype, "autoplay", 2);
+], m.prototype, "autoplay", 2);
 x([
   n({ type: Number })
-], g.prototype, "autoplayDelay", 2);
+], m.prototype, "autoplayDelay", 2);
 x([
   u()
-], g.prototype, "isPlaying", 2);
+], m.prototype, "isPlaying", 2);
 x([
   u()
-], g.prototype, "currentTime", 2);
+], m.prototype, "currentTime", 2);
 x([
   u()
-], g.prototype, "duration", 2);
+], m.prototype, "duration", 2);
 x([
   u()
-], g.prototype, "volume", 2);
+], m.prototype, "volume", 2);
 x([
   u()
-], g.prototype, "autoplayMuted", 2);
+], m.prototype, "autoplayMuted", 2);
 x([
-  Vt("audio")
-], g.prototype, "audio", 2);
+  Yt("audio")
+], m.prototype, "audio", 2);
 x([
-  Vt("crt-visualizer")
-], g.prototype, "visualizer", 2);
-g = x([
+  Yt("crt-visualizer")
+], m.prototype, "visualizer", 2);
+m = x([
   d("crt-music-player")
-], g);
-var jr = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, lt = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Tr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], m);
+var Tr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, ct = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Ar(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && jr(t, a, r), r;
+  return i && r && Tr(t, a, r), r;
 };
-let Y = class extends p {
+let q = class extends p {
   constructor() {
     super(), this.rows = 10, this.prompt = "$", this.disabled = !1, this.outputs = [], this.input = "", this.handleFocus = () => {
       this.disabled || this.focus();
@@ -6604,13 +6509,14 @@ let Y = class extends p {
     `;
   }
 };
-Y.styles = c`
-    :host { display: block; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', monospace; width: 100%; max-width: none; box-sizing: border-box; min-width: 0; }
+q.styles = c`
+    :host { display: block; font-family: var(--crt-font-family); width: 100%; max-width: none; box-sizing: border-box; min-width: 0; outline: none; }
+    :host(:focus) { outline: none; }
     .term {
       width: 100%;
       max-width: none;
       background: transparent;
-      color: #8aff8a;
+      color: var(--crt-text-primary);
       padding: 12px;
       border: none;
       min-height: calc(var(--crt-font-size-md, 16px) * 1.2 * 6);
@@ -6618,7 +6524,9 @@ Y.styles = c`
       overflow: auto;
       box-sizing: border-box;
       border-radius: 0;
+      outline: none;
     }
+    .term:focus { outline: none; }
     :host([no-border]) .term {
       padding: 0;
       background: transparent;
@@ -6649,30 +6557,30 @@ Y.styles = c`
     .fake-input .input-text { display:inline-block; white-space:pre; }
     .muted { opacity: 0.7; font-size: 0.9em; }
   `;
-lt([
+ct([
   n({ type: Number })
-], Y.prototype, "rows", 2);
-lt([
+], q.prototype, "rows", 2);
+ct([
   n({ type: String })
-], Y.prototype, "prompt", 2);
-lt([
+], q.prototype, "prompt", 2);
+ct([
   n({ type: Boolean, reflect: !0 })
-], Y.prototype, "disabled", 2);
-lt([
+], q.prototype, "disabled", 2);
+ct([
   u()
-], Y.prototype, "outputs", 2);
-lt([
+], q.prototype, "outputs", 2);
+ct([
   u()
-], Y.prototype, "input", 2);
-Y = lt([
+], q.prototype, "input", 2);
+q = ct([
   d("crt-terminal")
-], Y);
-var Ar = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, _t = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Ir(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], q);
+var Ir = Object.defineProperty, Lr = Object.getOwnPropertyDescriptor, Ct = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Lr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Ar(t, a, r), r;
+  return i && r && Ir(t, a, r), r;
 };
-let Z = class extends p {
+let Q = class extends p {
   constructor() {
     super(...arguments), this.items = [], this.brand = "", this._open = !1;
   }
@@ -6754,7 +6662,7 @@ let Z = class extends p {
     `;
   }
 };
-Z.styles = c`
+Q.styles = c`
     :host { display: block; font-family: var(--crt-font-family); }
     .nav {
       position: relative;
@@ -6765,7 +6673,6 @@ Z.styles = c`
       padding: var(--crt-spacing-md) var(--crt-spacing-lg);
       background: transparent;
       border-bottom: 2px solid var(--crt-primary);
-      box-shadow: var(--crt-component-glow-inset);
     }
 
     .brand {
@@ -6773,7 +6680,6 @@ Z.styles = c`
       gap: 12px;
       align-items: center;
       color: var(--crt-primary);
-      text-shadow: var(--crt-component-glow);
       font-weight: 700;
       text-transform: uppercase;
       letter-spacing: 2px;
@@ -6801,12 +6707,10 @@ Z.styles = c`
 
     .link:hover {
       background: transparent;
-      box-shadow: var(--crt-component-glow-sm);
     }
 
     .link[aria-current="true"] {
       background: transparent;
-      box-shadow: var(--crt-component-glow);
       color: var(--crt-bg-dark);
     }
 
@@ -6842,29 +6746,61 @@ Z.styles = c`
       .brand { justify-content: space-between; width: 100%; }
     }
   `;
-_t([
+Ct([
   n({ type: Array })
-], Z.prototype, "items", 2);
-_t([
+], Q.prototype, "items", 2);
+Ct([
   n({ type: String })
-], Z.prototype, "brand", 2);
-_t([
+], Q.prototype, "brand", 2);
+Ct([
   u()
-], Z.prototype, "_open", 2);
-_t([
+], Q.prototype, "_open", 2);
+Ct([
   n({ type: Number })
-], Z.prototype, "maxVisible", 2);
-Z = _t([
+], Q.prototype, "maxVisible", 2);
+Q = Ct([
   d("crt-navbar")
-], Z);
-var Lr = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, ae = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Br(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], Q);
+var Br = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Ut = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Rr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Lr(t, a, r), r;
+  return i && r && Br(t, a, r), r;
 };
-let Tt = class extends p {
+let ot = class extends p {
   constructor() {
-    super(...arguments), this.title = "";
+    super(...arguments), this.title = "", this.screenActive = !1, this.currentColor = "green";
+  }
+  toggleScreenWithColor(e) {
+    this.currentColor = e, this.screenActive = !0, this.changeColor(e), this.dispatchEvent(new CustomEvent("screen-toggle", {
+      detail: { active: !0, color: e },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  disableScreen() {
+    this.screenActive = !1, this.dispatchEvent(new CustomEvent("screen-toggle", {
+      detail: { active: !1 },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  changeColor(e) {
+    const a = {
+      green: { primary: "#8aff8a", light: "#b4ffb4", dark: "#33ff33", textPrimary: "#8aff8a", textSecondary: "rgba(138, 255, 138, 0.7)", textMuted: "rgba(138, 255, 138, 0.5)" },
+      amber: { primary: "#ffd700", light: "#ffe680", dark: "#ffb000", textPrimary: "#ffd700", textSecondary: "rgba(255, 215, 0, 0.7)", textMuted: "rgba(255, 215, 0, 0.5)" },
+      blue: { primary: "#66ffff", light: "#99ffff", dark: "#00cccc", textPrimary: "#66ffff", textSecondary: "rgba(102, 255, 255, 0.7)", textMuted: "rgba(102, 255, 255, 0.5)" }
+    }[e];
+    document.documentElement.style.setProperty("--crt-primary", a.primary), document.documentElement.style.setProperty("--crt-primary-light", a.light), document.documentElement.style.setProperty("--crt-primary-dark", a.dark), document.documentElement.style.setProperty("--crt-text-primary", a.textPrimary), document.documentElement.style.setProperty("--crt-text-secondary", a.textSecondary), document.documentElement.style.setProperty("--crt-text-muted", a.textMuted), document.documentElement.style.setProperty("--crt-border-color", a.primary);
+    const i = `0 0 5px ${a.textSecondary}`, r = `0 0 10px ${a.textSecondary}`, s = `0 0 20px ${a.textSecondary}`, o = `inset 0 0 10px ${a.textMuted}`;
+    document.documentElement.style.setProperty("--crt-glow-sm", i), document.documentElement.style.setProperty("--crt-glow", r), document.documentElement.style.setProperty("--crt-glow-lg", s), document.documentElement.style.setProperty("--crt-glow-inset", o);
+    const h = a.primary.replace("#", "%23"), g = `url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><rect width="8" height="16" fill="${h}"/></svg>'), auto`, w = `url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12"><rect width="12" height="12" fill="${h}"/></svg>') 6 6, pointer`, Nt = `url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><rect x="2" y="0" width="12" height="2" fill="${h}"/><rect x="7" y="2" width="2" height="20" fill="${h}"/><rect x="2" y="22" width="12" height="2" fill="${h}"/></svg>') 8 12, text`;
+    document.documentElement.style.setProperty("--crt-cursor-default", g), document.documentElement.style.setProperty("--crt-cursor-pointer", w), document.documentElement.style.setProperty("--crt-cursor-text", Nt), document.querySelectorAll("crt-screen").forEach((ne) => {
+      ne.color = e;
+    }), this.dispatchEvent(new CustomEvent("color-change", {
+      detail: { color: e },
+      bubbles: !0,
+      composed: !0
+    }));
   }
   render() {
     return l`
@@ -6879,6 +6815,43 @@ let Tt = class extends p {
         </div>
 
         <div class="actions">
+          <!-- CRT Screen Buttons with Colors -->
+          <div class="crt-switcher">
+            <crt-tooltip text="${this.screenActive && this.currentColor === "green" ? "Disable CRT" : "Green CRT Screen"}" position="bottom">
+              <button 
+                class="color-btn green ${this.screenActive && this.currentColor === "green" ? "active" : ""}" 
+                @click="${() => this.screenActive && this.currentColor === "green" ? this.disableScreen() : this.toggleScreenWithColor("green")}" 
+                aria-label="Green CRT Screen">
+              </button>
+            </crt-tooltip>
+            <crt-tooltip text="${this.screenActive && this.currentColor === "amber" ? "Disable CRT" : "Amber CRT Screen"}" position="bottom">
+              <button 
+                class="color-btn amber ${this.screenActive && this.currentColor === "amber" ? "active" : ""}" 
+                @click="${() => this.screenActive && this.currentColor === "amber" ? this.disableScreen() : this.toggleScreenWithColor("amber")}" 
+                aria-label="Amber CRT Screen">
+              </button>
+            </crt-tooltip>
+            <crt-tooltip text="${this.screenActive && this.currentColor === "blue" ? "Disable CRT" : "Blue CRT Screen"}" position="bottom">
+              <button 
+                class="color-btn blue ${this.screenActive && this.currentColor === "blue" ? "active" : ""}" 
+                @click="${() => this.screenActive && this.currentColor === "blue" ? this.disableScreen() : this.toggleScreenWithColor("blue")}" 
+                aria-label="Blue CRT Screen">
+              </button>
+            </crt-tooltip>
+          </div>
+
+          <!-- Color Switcher (hidden when CRT active) -->
+          <div class="color-switcher ${this.screenActive ? "hidden" : ""}">
+            <crt-tooltip text="Green Phosphor" position="bottom">
+              <button class="color-btn green" @click="${() => this.changeColor("green")}" aria-label="Green Phosphor"></button>
+            </crt-tooltip>
+            <crt-tooltip text="Amber Phosphor" position="bottom">
+              <button class="color-btn amber" @click="${() => this.changeColor("amber")}" aria-label="Amber Phosphor"></button>
+            </crt-tooltip>
+            <crt-tooltip text="Blue Phosphor" position="bottom">
+              <button class="color-btn blue" @click="${() => this.changeColor("blue")}" aria-label="Blue Phosphor"></button>
+            </crt-tooltip>
+          </div>
           <slot name="actions">
             <!-- default action: search -->
             <crt-search placeholder="Search styleguide..." style="width:220px;"></crt-search>
@@ -6888,13 +6861,11 @@ let Tt = class extends p {
     `;
   }
 };
-Tt.styles = c`
+ot.styles = c`
     :host { display: block; }
     .header-wrap {
-      padding: var(--crt-spacing-lg) var(--crt-spacing-md);
       background: transparent;
       border-bottom: 2px solid var(--crt-primary);
-      box-shadow: var(--crt-glow-inset);
       display: flex;
       align-items: center;
       justify-content: space-between;
@@ -6913,23 +6884,69 @@ Tt.styles = c`
 
     .actions { display: flex; align-items: center; gap: 12px; }
 
+    .color-switcher {
+      display: flex;
+      gap: 6px;
+      align-items: center;
+    }
+
+    .color-switcher.hidden {
+      display: none;
+    }
+
+    .crt-switcher {
+      display: flex;
+      gap: 6px;
+      align-items: center;
+    }
+
+    .color-btn {
+      width: 20px;
+      height: 20px;
+      border: 2px solid var(--crt-primary);
+      cursor: var(--crt-cursor-pointer);
+      transition: var(--crt-transition);
+      padding: 0;
+      outline: none;
+    }
+
+    .color-btn.green { background: #8aff8a; }
+    .color-btn.amber { background: #ffd700; }
+    .color-btn.blue { background: #66ffff; }
+
+    .color-btn:hover {
+      box-shadow: var(--crt-glow-sm);
+      transform: scale(1.1);
+    }
+
+    .color-btn.active {
+      box-shadow: 0 0 8px currentColor;
+      transform: scale(1.15);
+    }
+
     @media (max-width: 720px) {
       .header-wrap { flex-direction: column; align-items: stretch; }
       .actions { justify-content: flex-end; width: 100%; }
     }
   `;
-ae([
+Ut([
   n({ type: String })
-], Tt.prototype, "title", 2);
-Tt = ae([
+], ot.prototype, "title", 2);
+Ut([
+  n({ type: Boolean })
+], ot.prototype, "screenActive", 2);
+Ut([
+  n({ type: String })
+], ot.prototype, "currentColor", 2);
+ot = Ut([
   d("crt-header")
-], Tt);
-var Ur = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, ie = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Rr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], ot);
+var Ur = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, oe = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Nr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
   return i && r && Ur(t, a, r), r;
 };
-let At = class extends p {
+let It = class extends p {
   constructor() {
     super(...arguments), this.copyright = "";
   }
@@ -6942,7 +6959,7 @@ let At = class extends p {
     `;
   }
 };
-At.styles = c`
+It.styles = c`
     :host { display: block; }
     .footer {
       padding: var(--crt-spacing-md) var(--crt-spacing-lg);
@@ -6957,18 +6974,18 @@ At.styles = c`
       font-size: var(--crt-font-size-sm);
     }
   `;
-ie([
+oe([
   n({ type: String })
-], At.prototype, "copyright", 2);
-At = ie([
+], It.prototype, "copyright", 2);
+It = oe([
   d("crt-footer")
-], At);
-var Nr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, $t = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Fr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], It);
+var Fr = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, zt = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Vr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Nr(t, a, r), r;
+  return i && r && Fr(t, a, r), r;
 };
-let Q = class extends p {
+let Z = class extends p {
   constructor() {
     super(...arguments), this.items = [], this.open = !1, this.label = "Menu", this._active = -1, this._triggerId = `crt-menu-trigger-${Math.random().toString(36).slice(2, 8)}`, this._listId = `crt-menu-list-${Math.random().toString(36).slice(2, 8)}`, this._onDocClick = (e) => {
       this.open && (this.contains(e.target) || (this.open = !1, this._active = -1, this.shadowRoot?.querySelector("button.trigger")?.focus()));
@@ -7046,7 +7063,7 @@ let Q = class extends p {
     `;
   }
 };
-Q.styles = c`
+Z.styles = c`
     :host { display: inline-block; position: relative; font-family: var(--crt-font-family); }
     button.trigger {
       background: transparent;
@@ -7062,7 +7079,6 @@ Q.styles = c`
       right: 0;
       background: transparent;
       border: 2px solid var(--crt-primary);
-      box-shadow: var(--crt-glow-sm);
       margin-top: 8px;
       min-width: 160px;
       display: none;
@@ -7083,40 +7099,39 @@ Q.styles = c`
 
     .item[aria-selected='true'] {
       background: transparent;
-      box-shadow: var(--crt-glow-sm);
       color: var(--crt-bg-dark);
     }
   `;
-$t([
+zt([
   n({ type: Array })
-], Q.prototype, "items", 2);
-$t([
+], Z.prototype, "items", 2);
+zt([
   n({ type: Boolean, reflect: !0 })
-], Q.prototype, "open", 2);
-$t([
+], Z.prototype, "open", 2);
+zt([
   n({ type: String })
-], Q.prototype, "label", 2);
-$t([
+], Z.prototype, "label", 2);
+zt([
   u()
-], Q.prototype, "_active", 2);
-Q = $t([
+], Z.prototype, "_active", 2);
+Z = zt([
   d("crt-menu")
-], Q);
-var Vr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, se = (e, t, a, i) => {
+], Z);
+var qr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, Jt = (e, t, a, i) => {
   for (var r = i > 1 ? void 0 : i ? Yr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && Vr(t, a, r), r;
+  return i && r && qr(t, a, r), r;
 };
-let It = class extends p {
+let xt = class extends p {
   constructor() {
-    super(...arguments), this.active = !0;
+    super(...arguments), this.active = !0, this.color = "green";
   }
   render() {
     return l`
       <!-- SVG Clip Path für gerundete CRT-Bildschirmkanten -->
       <svg height="0" width="0" viewBox="0 0 93.88 76.19" style="position: absolute;">
         <clipPath id="crtPath" clipPathUnits="objectBoundingBox" transform="scale(0.01065 0.01312)">
-          <path d="M47.78.5c11.65,0,38,.92,41.81,4,3.59,3,3.79,22.28,3.79,34.19,0,11.67-.08,27.79-3.53,31.24S60.3,75.69,47.78,75.69c-11.2,0-39.89-1.16-44-5.27S.57,52.42.57,38.73.31,8.56,4,4.88,34.77.5,47.78.5Z" />
+          <path d="M8,0.5 L85.88,0.5 Q93.38,0.5 93.38,8 L93.38,68.19 Q93.38,75.69 85.88,75.69 L8,75.69 Q0.5,75.69 0.5,68.19 L0.5,8 Q0.5,0.5 8,0.5 Z" />
         </clipPath>
       </svg>
 
@@ -7128,13 +7143,50 @@ let It = class extends p {
     `;
   }
 };
-It.styles = c`
+xt.styles = c`
     :host {
       display: block;
       width: 100%;
       height: 100%;
     }
 
+    /* CRT Color Variables - only set color-specific variables, inherit global colors */
+    :host([color="green"]) {
+      --crt-color: #8aff8a;
+      --crt-color-light: #b4ffb4;
+      --crt-color-dark: #33ff33;
+      --crt-primary: #8aff8a;
+      --crt-text-primary: #8aff8a;
+      --crt-border-color: #8aff8a;
+      --crt-rgb-r: 0.3;
+      --crt-rgb-g: 0.3;
+      --crt-rgb-b: 0.3;
+    }
+
+    :host([color="amber"]) {
+      --crt-color: #ffd700;
+      --crt-color-light: #ffe680;
+      --crt-color-dark: #ffb000;
+      --crt-primary: #ffd700;
+      --crt-text-primary: #ffd700;
+      --crt-border-color: #ffd700;
+      --crt-rgb-r: 0.4;
+      --crt-rgb-g: 0.2;
+      --crt-rgb-b: 0.1;
+    }
+
+    :host([color="blue"]) {
+      --crt-color: #66ffff;
+      --crt-color-light: #99ffff;
+      --crt-color-dark: #00cccc;
+      --crt-primary: #66ffff;
+      --crt-text-primary: #66ffff;
+      --crt-border-color: #66ffff;
+      --crt-rgb-r: 0.2;
+      --crt-rgb-g: 0.3;
+      --crt-rgb-b: 0.4;
+    }
+
     .screen {
       position: relative;
       width: 100%;
@@ -7144,6 +7196,29 @@ It.styles = c`
       overflow: hidden;
     }
 
+    /* CRT Barrel Distortion - Leichte Wölbung */
+    .screen.active {
+      animation: crt-flicker 0.1s infinite, barrel-distortion 4s ease-in-out infinite;
+    }
+
+    .screen::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      background: radial-gradient(
+        ellipse at center,
+        transparent 0%,
+        transparent 60%,
+        rgba(0, 0, 0, 0.3) 90%,
+        rgba(0, 0, 0, 0.6) 100%
+      );
+      z-index: 2147483647;
+    }
+
     .screen.scanlines {
       position: relative;
     }
@@ -7157,10 +7232,10 @@ It.styles = c`
       top: 0;
       left: 0;
       width: 100%;
-      height: 0.2rem;
+      height: 2px;
       z-index: 2147483649;
-      opacity: 0.75;
-      background: transparent;
+      opacity: 0.5;
+      background: rgba(255, 255, 255, 0.1);
     }
 
     /* Scanline-Effekt: statische Linien */
@@ -7215,12 +7290,16 @@ It.styles = c`
       left: 0;
       width: 100%;
       height: 100%;
-      padding: 2rem;
-      padding-right: 2.5rem;
+      padding: 3rem 2.5rem 3rem 2rem;
       box-sizing: border-box;
       background-color: transparent;
       overflow-y: auto;
       overflow-x: hidden;
+      color: var(--crt-color-light);
+      text-shadow: 
+        0.08em 0 0 rgba(255, 0, 0, var(--crt-rgb-r)),
+        -0.04em 0 0 rgba(0, 255, 0, var(--crt-rgb-g)),
+        -0.08em 0 0 rgba(0, 0, 255, var(--crt-rgb-b));
     }
 
     /* Custom Scrollbar - unauffällig und mit Abstand vom Rand */
@@ -7303,20 +7382,45 @@ It.styles = c`
       100% {
         transform: scale(0.000, 0.0001) translate3d(0, 0, 0);
         filter: brightness(50);
-        opacity: 0;
+      }
+    }
+
+    /* Subtiles Flackern - wie bei alten CRTs */
+    @keyframes crt-flicker {
+      0% {
+        opacity: 0.95;
+      }
+      50% {
+        opacity: 1;
+      }
+      100% {
+        opacity: 0.97;
+      }
+    }
+
+    /* Leichte Bildwölbung (Barrel Distortion) */
+    @keyframes barrel-distortion {
+      0%, 100% {
+        transform: scale(1.0);
+      }
+      50% {
+        transform: scale(1.003);
       }
     }
   `;
-se([
+Jt([
   n({ type: Boolean })
-], It.prototype, "active", 2);
-It = se([
+], xt.prototype, "active", 2);
+Jt([
+  n({ type: String, reflect: !0 })
+], xt.prototype, "color", 2);
+xt = Jt([
   d("crt-screen")
-], It);
-var qr = Object.defineProperty, Hr = Object.getOwnPropertyDescriptor, at = (e, t, a, i) => {
-  for (var r = i > 1 ? void 0 : i ? Hr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
+], xt);
+var Hr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, at = (e, t, a, i) => {
+  for (var r = i > 1 ? void 0 : i ? Kr(t, a) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (r = (i ? o(t, a, r) : o(r)) || r);
-  return i && r && qr(t, a, r), r;
+  return i && r && Hr(t, a, r), r;
 };
 let A = class extends p {
   constructor() {
@@ -7433,7 +7537,6 @@ A.styles = c`
     .station-title {
       font-size: 1.2rem;
       color: var(--crt-primary);
-      text-shadow: var(--crt-glow);
       letter-spacing: 2px;
     }
 
@@ -7443,17 +7546,11 @@ A.styles = c`
     }
 
     .main-content {
-      display: grid;
-      grid-template-columns: 1fr;
+      display: flex;
+      flex-direction: column;
       gap: var(--crt-spacing-md);
     }
 
-    @media (min-width: 900px) {
-      .main-content {
-        grid-template-columns: 2fr 1fr;
-      }
-    }
-
     .player-section {
       min-width: 0;
     }
@@ -7497,57 +7594,57 @@ at([
   u()
 ], A.prototype, "showUploadModal", 2);
 at([
-  Vt("crt-file-upload")
+  Yt("crt-file-upload")
 ], A.prototype, "fileUpload", 2);
 A = at([
   d("crt-music-station")
 ], A);
 export {
-  jt as Accordion,
-  ft as AccordionItem,
-  k as Alert,
+  At as Accordion,
+  bt as AccordionItem,
+  _ as Alert,
   j as Avatar,
-  Et as AvatarGroup,
-  Pt as Badge,
-  ut as Breadcrumb,
-  $ as Button,
-  It as CRTScreen,
+  Mt as AvatarGroup,
+  Ot as Badge,
+  vt as Breadcrumb,
+  C as Button,
+  xt as CRTScreen,
   b as Calendar,
-  Rt as Card,
-  R as Checkbox,
+  Ft as Card,
+  U as Checkbox,
   V as CodeExample,
   E as FileUpload,
-  At as Footer,
-  mt as Grid,
-  Tt as Header,
-  Ot as Heading,
-  dt as Icon,
+  It as Footer,
+  ft as Grid,
+  ot as Header,
+  Et as Heading,
+  ht as Icon,
   H as Input,
-  U as Link,
-  Q as Menu,
+  R as Link,
+  Z as Menu,
   st as Modal,
-  g as MusicPlayer,
+  m as MusicPlayer,
   A as MusicStation,
-  Z as Navbar,
-  W as Pagination,
-  bt as Playlist,
+  Q as Navbar,
+  X as Pagination,
+  yt as Playlist,
   y as Progress,
   N as Radio,
   it as RadioGroup,
-  m as Search,
+  f as Search,
   D as Select,
   F as Skeleton,
-  Mt as SkeletonCard,
-  Dt as SkeletonText,
-  w as Slider,
-  vt as Spinner,
-  gt as Table,
-  ht as Tabs,
-  Y as Terminal,
-  St as Text,
+  Tt as SkeletonCard,
+  jt as SkeletonText,
+  k as Slider,
+  gt as Spinner,
+  mt as Table,
+  ut as Tabs,
+  q as Terminal,
+  Dt as Text,
   K as Textarea,
   T as Toast,
   M as Toggle,
-  X as Tooltip,
+  W as Tooltip,
   G as Visualizer
 };