@tachui/modifiers 0.8.15 → 0.8.17

package/dist/effects/shadows/index.js

@@ -1,176 +1,223 @@
-var y = Object.defineProperty;
-var b = (r, s, e) => s in r ? y(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e;
-var i = (r, s, e) => b(r, typeof s != "symbol" ? s + "" : s, e);
-import { isSignal as n, isComputed as h, createEffect as p } from "@tachui/core/reactive";
-import { BaseModifier as c } from "@tachui/core/modifiers/base";
-class d extends c {
+var b = Object.defineProperty;
+var x = (o, a, e) => a in o ? b(o, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[a] = e;
+var u = (o, a, e) => x(o, typeof a != "symbol" ? a + "" : a, e);
+import { isSignal as n, isComputed as i, createEffect as p, getThemeSignal as w } from "@tachui/core/reactive";
+import { BaseModifier as y } from "@tachui/core/modifiers/base";
+class d extends y {
   constructor(e) {
-    const o = {};
-    for (const [a, t] of Object.entries(e))
-      typeof t == "function" && "peek" in t ? o[a] = t.peek() : o[a] = t;
-    super(o);
-    i(this, "type", "shadow");
-    i(this, "priority", 25);
+    const s = {};
+    for (const [r, l] of Object.entries(e))
+      typeof l == "function" && "peek" in l ? s[r] = l.peek() : s[r] = l;
+    super(s);
+    u(this, "type", "shadow");
+    u(this, "priority", 25);
   }
-  apply(e, o) {
-    o.element && this.applyShadowStyles(o.element, this.properties);
+  apply(e, s) {
+    s.element && this.applyShadowStyles(s.element, this.properties);
   }
-  applyShadowStyles(e, o) {
-    o.shadow && (typeof o.shadow == "string" ? this.applyStyles(e, { boxShadow: o.shadow }) : Array.isArray(o.shadow) ? this.applyMultipleShadows(e, o.shadow) : this.applySingleShadow(e, o.shadow));
+  applyShadowStyles(e, s) {
+    s.shadow && (typeof s.shadow == "string" ? this.applyStyles(e, { boxShadow: s.shadow }) : Array.isArray(s.shadow) ? this.applyMultipleShadows(e, s.shadow) : this.applySingleShadow(e, s.shadow));
   }
-  applySingleShadow(e, o) {
-    if (Object.values(o).some(
-      (t) => n(t) || h(t)
-    ))
+  applySingleShadow(e, s) {
+    const r = Object.values(s).some(
+      (t) => n(t) || i(t) || this.isAssetValue(t)
+    ), l = Object.values(s).some(
+      (t) => this.isAssetValue(t)
+    );
+    if (r)
       p(() => {
-        const t = this.generateShadowCSS(o);
+        l && w()();
+        const t = this.generateShadowCSS(s);
         this.applyStyleChange(e, "boxShadow", t);
       });
     else {
-      const t = this.generateShadowCSS(o);
+      const t = this.generateShadowCSS(s);
       this.applyStyles(e, { boxShadow: t });
     }
   }
-  applyMultipleShadows(e, o) {
-    if (o.some(
-      (t) => Object.values(t).some((l) => n(l) || h(l))
-    ))
+  applyMultipleShadows(e, s) {
+    const r = s.some(
+      (t) => Object.values(t).some(
+        (h) => n(h) || i(h) || this.isAssetValue(h)
+      )
+    ), l = s.some(
+      (t) => Object.values(t).some((h) => this.isAssetValue(h))
+    );
+    if (r)
       p(() => {
-        const t = o.map((l) => this.generateShadowCSS(l)).join(", ");
+        l && w()();
+        const t = s.map((h) => this.generateShadowCSS(h)).join(", ");
         this.applyStyleChange(e, "boxShadow", t);
       });
     else {
-      const t = o.map((l) => this.generateShadowCSS(l)).join(", ");
+      const t = s.map((h) => this.generateShadowCSS(h)).join(", ");
       this.applyStyles(e, { boxShadow: t });
     }
   }
   generateShadowCSS(e) {
-    const o = this.resolveValue(e.x, 0), a = this.resolveValue(e.y, 0), t = this.resolveValue(e.blur !== void 0 ? e.blur : e.radius, 0), l = e.spread !== void 0 ? this.resolveValue(e.spread, 0) : 0, S = this.resolveValue(e.color, "rgba(0,0,0,0.25)");
-    return `${this.resolveValue(e.inset, !1) ? "inset " : ""}${o}px ${a}px ${t}px ${l}px ${S}`;
+    const s = this.resolveValue(e.x, 0), r = this.resolveValue(e.y, 0), l = this.resolveValue(e.blur !== void 0 ? e.blur : e.radius, 0), t = e.spread !== void 0 ? this.resolveValue(e.spread, 0) : 0, h = this.resolveValue(e.color, "rgba(0,0,0,0.25)");
+    return `${this.resolveValue(e.inset, !1) ? "inset " : ""}${s}px ${r}px ${l}px ${t}px ${h}`;
   }
-  resolveValue(e, o) {
-    return n(e) || h(e) ? e() : typeof e == "object" && e !== null && "resolve" in e && typeof e.resolve == "function" ? e.resolve() : e !== void 0 ? e : o;
+  resolveValue(e, s) {
+    return n(e) || i(e) ? e() : this.isAssetValue(e) ? e.resolve() : e !== void 0 ? e : s;
   }
 }
-class u extends c {
+class S extends y {
   constructor(e) {
-    const o = {};
-    for (const [a, t] of Object.entries(e))
-      typeof t == "function" && "peek" in t ? o[a] = t.peek() : o[a] = t;
-    super(o);
-    i(this, "type", "textShadow");
-    i(this, "priority", 26);
+    const s = {};
+    for (const [r, l] of Object.entries(e))
+      typeof l == "function" && "peek" in l ? s[r] = l.peek() : s[r] = l;
+    super(s);
+    u(this, "type", "textShadow");
+    u(this, "priority", 26);
   }
-  apply(e, o) {
-    o.element && this.applyTextShadowStyles(o.element, this.properties);
+  apply(e, s) {
+    s.element && this.applyTextShadowStyles(s.element, this.properties);
   }
-  applyTextShadowStyles(e, o) {
-    o.textShadow && (typeof o.textShadow == "string" ? this.applyStyles(e, { textShadow: o.textShadow }) : Array.isArray(o.textShadow) ? this.applyMultipleTextShadows(e, o.textShadow) : this.applySingleTextShadow(e, o.textShadow));
+  applyTextShadowStyles(e, s) {
+    s.textShadow && (typeof s.textShadow == "string" ? this.applyStyles(e, { textShadow: s.textShadow }) : Array.isArray(s.textShadow) ? this.applyMultipleTextShadows(e, s.textShadow) : this.applySingleTextShadow(e, s.textShadow));
   }
-  applySingleTextShadow(e, o) {
-    if (Object.values(o).some(
-      (t) => n(t) || h(t)
-    ))
+  applySingleTextShadow(e, s) {
+    const r = Object.values(s).some(
+      (t) => n(t) || i(t) || this.isAssetValue(t)
+    ), l = Object.values(s).some(
+      (t) => this.isAssetValue(t)
+    );
+    if (r)
       p(() => {
-        const t = this.generateTextShadowCSS(o);
+        l && w()();
+        const t = this.generateTextShadowCSS(s);
         this.applyStyleChange(e, "textShadow", t);
       });
     else {
-      const t = this.generateTextShadowCSS(o);
+      const t = this.generateTextShadowCSS(s);
       this.applyStyles(e, { textShadow: t });
     }
   }
-  applyMultipleTextShadows(e, o) {
-    if (o.some(
-      (t) => Object.values(t).some((l) => n(l) || h(l))
-    ))
+  applyMultipleTextShadows(e, s) {
+    const r = s.some(
+      (t) => Object.values(t).some(
+        (h) => n(h) || i(h) || this.isAssetValue(h)
+      )
+    ), l = s.some(
+      (t) => Object.values(t).some((h) => this.isAssetValue(h))
+    );
+    if (r)
       p(() => {
-        const t = o.map((l) => this.generateTextShadowCSS(l)).join(", ");
+        l && w()();
+        const t = s.map((h) => this.generateTextShadowCSS(h)).join(", ");
         this.applyStyleChange(e, "textShadow", t);
       });
     else {
-      const t = o.map((l) => this.generateTextShadowCSS(l)).join(", ");
+      const t = s.map((h) => this.generateTextShadowCSS(h)).join(", ");
       this.applyStyles(e, { textShadow: t });
     }
   }
   generateTextShadowCSS(e) {
-    const o = this.resolveValue(e.x, 0), a = this.resolveValue(e.y, 0), t = this.resolveValue(e.blur !== void 0 ? e.blur : e.radius, 0), l = this.resolveValue(e.color, "rgba(0,0,0,0.5)");
-    return `${o}px ${a}px ${t}px ${l}`;
+    const s = this.resolveValue(e.x, 0), r = this.resolveValue(e.y, 0), l = this.resolveValue(e.blur !== void 0 ? e.blur : e.radius, 0), t = this.resolveValue(e.color, "rgba(0,0,0,0.5)");
+    return `${s}px ${r}px ${l}px ${t}`;
   }
-  resolveValue(e, o) {
-    return n(e) || h(e) ? e() : typeof e == "object" && e !== null && "resolve" in e && typeof e.resolve == "function" ? e.resolve() : e !== void 0 ? e : o;
+  resolveValue(e, s) {
+    return n(e) || i(e) ? e() : this.isAssetValue(e) ? e.resolve() : e !== void 0 ? e : s;
   }
 }
-class x extends c {
+class f extends y {
   constructor(e) {
-    const o = {};
-    for (const [a, t] of Object.entries(e))
-      typeof t == "function" && "peek" in t ? o[a] = t.peek() : o[a] = t;
-    super(o);
-    i(this, "type", "dropShadow");
-    i(this, "priority", 27);
+    const s = {};
+    for (const [r, l] of Object.entries(e))
+      typeof l == "function" && "peek" in l ? s[r] = l.peek() : s[r] = l;
+    super(s);
+    u(this, "type", "dropShadow");
+    u(this, "priority", 27);
   }
-  apply(e, o) {
-    o.element && this.applyDropShadowStyles(o.element, this.properties);
+  apply(e, s) {
+    s.element && this.applyDropShadowStyles(s.element, this.properties);
   }
-  applyDropShadowStyles(e, o) {
-    o.dropShadow && (typeof o.dropShadow == "string" ? this.applyFilterDropShadow(e, o.dropShadow) : Array.isArray(o.dropShadow) ? this.applyMultipleDropShadows(e, o.dropShadow) : this.applySingleDropShadow(e, o.dropShadow));
+  applyDropShadowStyles(e, s) {
+    s.dropShadow && (typeof s.dropShadow == "string" ? this.applyFilterDropShadow(e, s.dropShadow) : Array.isArray(s.dropShadow) ? this.applyMultipleDropShadows(e, s.dropShadow) : this.applySingleDropShadow(e, s.dropShadow));
   }
-  applySingleDropShadow(e, o) {
-    if (Object.values(o).some(
-      (t) => n(t) || h(t)
-    ))
+  applySingleDropShadow(e, s) {
+    const r = Object.values(s).some(
+      (t) => n(t) || i(t) || this.isAssetValue(t)
+    ), l = Object.values(s).some(
+      (t) => this.isAssetValue(t)
+    );
+    if (r)
       p(() => {
-        const t = this.generateDropShadowCSS(o);
+        l && w()();
+        const t = this.generateDropShadowCSS(s);
         this.applyFilterDropShadow(e, t);
       });
     else {
-      const t = this.generateDropShadowCSS(o);
+      const t = this.generateDropShadowCSS(s);
       this.applyFilterDropShadow(e, t);
     }
   }
-  applyMultipleDropShadows(e, o) {
-    if (o.some(
-      (t) => Object.values(t).some((l) => n(l) || h(l))
-    ))
+  applyMultipleDropShadows(e, s) {
+    const r = s.some(
+      (t) => Object.values(t).some(
+        (h) => n(h) || i(h) || this.isAssetValue(h)
+      )
+    ), l = s.some(
+      (t) => Object.values(t).some((h) => this.isAssetValue(h))
+    );
+    if (r)
       p(() => {
-        const t = o.map((l) => `drop-shadow(${this.generateDropShadowCSS(l)})`).join(" ");
+        l && w()();
+        const t = s.map((h) => `drop-shadow(${this.generateDropShadowCSS(h)})`).join(" ");
         this.applyStyles(e, { filter: t });
       });
     else {
-      const t = o.map((l) => `drop-shadow(${this.generateDropShadowCSS(l)})`).join(" ");
+      const t = s.map((h) => `drop-shadow(${this.generateDropShadowCSS(h)})`).join(" ");
       this.applyStyles(e, { filter: t });
     }
   }
-  applyFilterDropShadow(e, o) {
-    const t = (e.style.filter || "").split(" ").filter((S) => S && !S.startsWith("drop-shadow(")).join(" "), l = t ? `${t} drop-shadow(${o})` : `drop-shadow(${o})`;
-    this.applyStyles(e, { filter: l });
+  applyFilterDropShadow(e, s) {
+    const r = e.style.filter || "", l = this.removeDropShadowFunctions(r), t = l ? `${l} drop-shadow(${s})` : `drop-shadow(${s})`;
+    this.applyStyles(e, { filter: t });
   }
   generateDropShadowCSS(e) {
-    const o = this.resolveValue(e.x, 0), a = this.resolveValue(e.y, 0), t = this.resolveValue(e.blur !== void 0 ? e.blur : e.radius, 0), l = this.resolveValue(e.color, "rgba(0,0,0,0.25)");
-    return `${o}px ${a}px ${t}px ${l}`;
+    const s = this.resolveValue(e.x, 0), r = this.resolveValue(e.y, 0), l = this.resolveValue(e.blur !== void 0 ? e.blur : e.radius, 0), t = this.resolveValue(e.color, "rgba(0,0,0,0.25)");
+    return `${s}px ${r}px ${l}px ${t}`;
   }
-  resolveValue(e, o) {
-    return n(e) || h(e) ? e() : typeof e == "object" && e !== null && "resolve" in e && typeof e.resolve == "function" ? e.resolve() : e !== void 0 ? e : o;
+  resolveValue(e, s) {
+    return n(e) || i(e) ? e() : this.isAssetValue(e) ? e.resolve() : e !== void 0 ? e : s;
+  }
+  removeDropShadowFunctions(e) {
+    if (!e) return "";
+    let s = "", r = 0;
+    for (; r < e.length; )
+      if (e.startsWith("drop-shadow(", r)) {
+        r += 12;
+        let l = 1;
+        for (; r < e.length && l > 0; ) {
+          const t = e[r];
+          t === "(" && (l += 1), t === ")" && (l -= 1), r += 1;
+        }
+        for (; r < e.length && /\s/.test(e[r]); )
+          r += 1;
+      } else
+        s += e[r], r += 1;
+    return s.trim().replace(/\s+/g, " ");
   }
 }
-function w(r) {
-  return new d({ shadow: r });
+function c(o) {
+  return new d({ shadow: o });
 }
-function $(r) {
-  return new u({ textShadow: r });
+function j(o) {
+  return new S({ textShadow: o });
 }
-function j(r) {
-  return new x({ dropShadow: r });
+function $(o) {
+  return new f({ dropShadow: o });
 }
-function D(r) {
-  return new d({ shadow: r });
+function D(o) {
+  return new d({ shadow: o });
 }
-function O(r) {
-  return new d({ shadow: { ...r, inset: !0 } });
+function O(o) {
+  return new d({ shadow: { ...o, inset: !0 } });
 }
-function f(r) {
-  const s = {
+function g(o) {
+  const a = {
     none: "none",
     small: { x: 0, y: 1, blur: 3, spread: 0, color: "rgba(0, 0, 0, 0.12)" },
     medium: { x: 0, y: 4, blur: 6, spread: -1, color: "rgba(0, 0, 0, 0.1)" },
@@ -199,10 +246,10 @@ function f(r) {
     },
     outline: { x: 0, y: 0, blur: 0, spread: 1, color: "rgba(0, 0, 0, 0.05)" }
   };
-  return new d({ shadow: s[r] });
+  return new d({ shadow: a[o] });
 }
-function R(r) {
-  const s = {
+function T(o) {
+  const a = {
     0: [],
     1: [
       { x: 0, y: 1, blur: 3, spread: 0, color: "rgba(0, 0, 0, 0.12)" },
@@ -224,182 +271,182 @@ function R(r) {
       { x: 0, y: 30, blur: 60, spread: 0, color: "rgba(0, 0, 0, 0.15)" },
       { x: 0, y: 8, blur: 16, spread: 0, color: "rgba(0, 0, 0, 0.12)" }
     ]
-  }, e = s[r] || s[1];
+  }, e = a[o] || a[1];
   return new d({ shadow: e });
 }
-function T(r, s = 6) {
+function M(o, a = 6) {
   const e = [
-    { x: 0, y: 0, blur: s, spread: 0, color: r },
-    { x: 0, y: 0, blur: s * 2, spread: 0, color: r + "80" },
+    { x: 0, y: 0, blur: a, spread: 0, color: o },
+    { x: 0, y: 0, blur: a * 2, spread: 0, color: o + "80" },
     // 50% opacity
-    { x: 0, y: 0, blur: s * 3, spread: 0, color: r + "40" }
+    { x: 0, y: 0, blur: a * 3, spread: 0, color: o + "40" }
     // 25% opacity
   ];
   return new d({ shadow: e });
 }
-function M(r, s = 10) {
+function k(o, a = 10) {
   const e = [
-    { x: 0, y: 0, blur: s / 2, spread: 0, color: r },
-    { x: 0, y: 0, blur: s, spread: 0, color: r + "CC" },
+    { x: 0, y: 0, blur: a / 2, spread: 0, color: o },
+    { x: 0, y: 0, blur: a, spread: 0, color: o + "CC" },
     // 80% opacity
-    { x: 0, y: 0, blur: s * 2, spread: 0, color: r + "99" },
+    { x: 0, y: 0, blur: a * 2, spread: 0, color: o + "99" },
     // 60% opacity
-    { x: 0, y: 0, blur: s * 3, spread: 0, color: r + "66" }
+    { x: 0, y: 0, blur: a * 3, spread: 0, color: o + "66" }
     // 40% opacity
   ];
   return new d({ shadow: e });
 }
-function k(r, s = !1) {
-  const a = [
-    { x: -8, y: -8, blur: 16, spread: 0, color: s ? "rgba(255, 255, 255, 0.1)" : "rgba(255, 255, 255, 0.7)" },
+function F(o, a = !1) {
+  const r = [
+    { x: -8, y: -8, blur: 16, spread: 0, color: a ? "rgba(255, 255, 255, 0.1)" : "rgba(255, 255, 255, 0.7)" },
     // Top-left light
-    { x: 8, y: 8, blur: 16, spread: 0, color: s ? "rgba(0, 0, 0, 0.5)" : "rgba(0, 0, 0, 0.15)" }
+    { x: 8, y: 8, blur: 16, spread: 0, color: a ? "rgba(0, 0, 0, 0.5)" : "rgba(0, 0, 0, 0.15)" }
     // Bottom-right dark
   ];
-  return new d({ shadow: a });
+  return new d({ shadow: r });
 }
-function F(r, s = !1) {
-  const a = [
-    { x: 8, y: 8, blur: 16, spread: 0, color: s ? "rgba(0, 0, 0, 0.8)" : "rgba(0, 0, 0, 0.2)", inset: !0 },
+function I(o, a = !1) {
+  const r = [
+    { x: 8, y: 8, blur: 16, spread: 0, color: a ? "rgba(0, 0, 0, 0.8)" : "rgba(0, 0, 0, 0.2)", inset: !0 },
     // Inner dark
-    { x: -8, y: -8, blur: 16, spread: 0, color: s ? "rgba(255, 255, 255, 0.05)" : "rgba(255, 255, 255, 0.5)", inset: !0 }
+    { x: -8, y: -8, blur: 16, spread: 0, color: a ? "rgba(255, 255, 255, 0.05)" : "rgba(255, 255, 255, 0.5)", inset: !0 }
     // Inner light
   ];
-  return new d({ shadow: a });
+  return new d({ shadow: r });
 }
-function A(r = 3, s = 0.6) {
+function R(o = 3, a = 0.6) {
   const e = [];
-  for (let o = 1; o <= r; o++) {
-    const a = Math.max(0.05, s * (1 - (o - 1) / r));
+  for (let s = 1; s <= o; s++) {
+    const r = Math.max(0.05, a * (1 - (s - 1) / o));
     e.push({
       x: 0,
-      y: o * 2,
-      blur: o * 4,
+      y: s * 2,
+      blur: s * 4,
       spread: 0,
-      color: `rgba(0, 0, 0, ${a})`
+      color: `rgba(0, 0, 0, ${r})`
     });
   }
   return new d({ shadow: e });
 }
-function _(r = "rgba(0, 0, 0, 0.2)") {
-  return new u({
-    textShadow: { x: 0, y: 1, blur: 1, color: r }
+function _(o = "rgba(0, 0, 0, 0.2)") {
+  return new S({
+    textShadow: { x: 0, y: 1, blur: 1, color: o }
   });
 }
-function E(r = "rgba(0, 0, 0, 0.5)") {
-  return new u({
-    textShadow: { x: 1, y: 1, blur: 3, color: r }
+function E(o = "rgba(0, 0, 0, 0.5)") {
+  return new S({
+    textShadow: { x: 1, y: 1, blur: 3, color: o }
   });
 }
-function P(r, s = 1) {
+function P(o, a = 1) {
   const e = [];
-  for (let o = -s; o <= s; o++)
-    for (let a = -s; a <= s; a++)
-      (o !== 0 || a !== 0) && e.push({ x: o, y: a, blur: 0, color: r });
-  return new u({ textShadow: e });
+  for (let s = -a; s <= a; s++)
+    for (let r = -a; r <= a; r++)
+      (s !== 0 || r !== 0) && e.push({ x: s, y: r, blur: 0, color: o });
+  return new S({ textShadow: e });
 }
-function B(r = "rgba(255, 255, 255, 0.8)", s = "rgba(0, 0, 0, 0.3)") {
+function B(o = "rgba(255, 255, 255, 0.8)", a = "rgba(0, 0, 0, 0.3)") {
   const e = [
-    { x: 0, y: 1, blur: 0, color: r },
+    { x: 0, y: 1, blur: 0, color: o },
     // Light highlight
-    { x: 0, y: -1, blur: 0, color: s }
+    { x: 0, y: -1, blur: 0, color: a }
     // Dark shadow
   ];
-  return new u({ textShadow: e });
+  return new S({ textShadow: e });
 }
-function I(r = "rgba(0, 0, 0, 0.5)", s = "rgba(255, 255, 255, 0.2)") {
+function U(o = "rgba(0, 0, 0, 0.5)", a = "rgba(255, 255, 255, 0.2)") {
   const e = [
-    { x: 0, y: 1, blur: 0, color: r },
+    { x: 0, y: 1, blur: 0, color: o },
     // Dark shadow
-    { x: 0, y: -1, blur: 0, color: s }
+    { x: 0, y: -1, blur: 0, color: a }
     // Light highlight
   ];
-  return new u({ textShadow: e });
+  return new S({ textShadow: e });
 }
-function U(r = {}) {
-  const { color: s = "rgba(0, 0, 0, 0.2)", radius: e = 10, x: o = 0, y: a = 0 } = r;
+function W(o = {}) {
+  const { color: a = "rgba(0, 0, 0, 0.2)", radius: e = 10, x: s = 0, y: r = 0 } = o;
   return new d({
-    shadow: { x: o, y: a, blur: e, color: s }
+    shadow: { x: s, y: r, blur: e, color: a }
   });
 }
-const W = {
+const q = {
   /**
    * Top shadow (light coming from below)
    */
-  top: (r = 4) => w({
+  top: (o = 4) => c({
     x: 0,
-    y: -r,
-    blur: r * 2,
+    y: -o,
+    blur: o * 2,
     color: "rgba(0,0,0,0.15)"
   }),
   /**
    * Bottom shadow (light coming from above) - most common
    */
-  bottom: (r = 4) => w({
+  bottom: (o = 4) => c({
     x: 0,
-    y: r,
-    blur: r * 2,
+    y: o,
+    blur: o * 2,
     color: "rgba(0,0,0,0.15)"
   }),
   /**
    * Left shadow (light coming from right)
    */
-  left: (r = 4) => w({
-    x: -r,
+  left: (o = 4) => c({
+    x: -o,
     y: 0,
-    blur: r * 2,
+    blur: o * 2,
     color: "rgba(0,0,0,0.15)"
   }),
   /**
    * Right shadow (light coming from left)
    */
-  right: (r = 4) => w({
-    x: r,
+  right: (o = 4) => c({
+    x: o,
     y: 0,
-    blur: r * 2,
+    blur: o * 2,
     color: "rgba(0,0,0,0.15)"
   }),
   /**
    * All-around shadow (ambient lighting)
    */
-  around: (r = 6) => w({
+  around: (o = 6) => c({
     x: 0,
     y: 0,
-    blur: r * 2,
-    spread: r,
+    blur: o * 2,
+    spread: o,
     color: "rgba(0,0,0,0.1)"
   })
 };
-function q(r, s, e = { x: 0, y: 0, blur: 0, color: "transparent" }) {
-  const o = r() ? s : e;
-  return new d({ shadow: o });
+function z(o, a, e = { x: 0, y: 0, blur: 0, color: "transparent" }) {
+  const s = o() ? a : e;
+  return new d({ shadow: s });
 }
-function z(r = 200) {
-  return f("medium");
+function G(o = 200) {
+  return g("medium");
 }
 export {
-  x as DropShadowModifier,
+  f as DropShadowModifier,
   d as ShadowModifier,
-  u as TextShadowModifier,
-  z as animatedShadow,
-  j as dropShadow,
-  R as elevationShadow,
-  T as glowEffect,
+  S as TextShadowModifier,
+  G as animatedShadow,
+  $ as dropShadow,
+  T as elevationShadow,
+  M as glowEffect,
   O as insetShadow,
-  A as layeredShadow,
-  M as neonEffect,
-  k as neumorphism,
-  F as neumorphismPressed,
-  q as reactiveShadow,
-  w as shadow,
-  W as shadowDirections,
-  f as shadowPreset,
+  R as layeredShadow,
+  k as neonEffect,
+  F as neumorphism,
+  I as neumorphismPressed,
+  z as reactiveShadow,
+  c as shadow,
+  q as shadowDirections,
+  g as shadowPreset,
   D as shadows,
-  U as swiftUIShadow,
+  W as swiftUIShadow,
   B as textEmbossed,
-  I as textEngraved,
+  U as textEngraved,
   P as textOutline,
-  $ as textShadow,
+  j as textShadow,
   E as textShadowStrong,
   _ as textShadowSubtle
 };