typography-toolkit 1.3.0 → 1.4.0

package/dist/typography-toolkit.es.js

@@ -1,202 +1,218 @@
-class f {
-  update(e, o, n, t = {}) {
-    const i = t.speed || 1, l = t.amplitude || 20, r = o * 0.2, c = (n * 10 * i + r * 5) % l - l / 2;
+class y {
+  update(t, n, i, a = {}) {
+    const e = a.speed || 1, l = a.amplitude || 20, s = n * 0.2, h = (i * 10 * e + s * 5) % l - l / 2;
     return {
-      ...e,
-      y: c
+      ...t,
+      y: h
     };
   }
 }
-class C {
-  update(e, o, n, t = {}) {
-    const i = t.speed || 1, l = t.amplitude || 4, r = o * 0.2, a = Math.sin(n * 0.5 * i + r) * l;
+class w {
+  update(t, n, i, a = {}) {
+    const e = a.speed || 1, l = a.amplitude || 4, s = n * 0.2, c = Math.sin(i * 0.5 * e + s) * l;
     return {
-      ...e,
-      x: a
+      ...t,
+      x: c
     };
   }
 }
-class S {
+class C {
   constructor() {
-    this.lastUpdate = 0, this.glitchX = 0, this.glitchY = 0, this.glitchRot = 0;
+    this.letterStates = /* @__PURE__ */ new Map();
   }
-  update(e, o, n, t = {}) {
-    const i = t.amplitude || 3;
-    return n - this.lastUpdate > 0.1 && (this.glitchX = (Math.random() - 0.5) * i, this.glitchY = (Math.random() - 0.5) * (i * 0.67), this.glitchRot = (Math.random() - 0.5) * i, this.lastUpdate = n), {
-      ...e,
-      x: this.glitchX,
-      y: this.glitchY,
-      rotation: this.glitchRot
+  update(t, n, i, a = {}) {
+    const e = a.amplitude || 3, l = a.speed || 1;
+    let s = this.letterStates.get(n);
+    s || (s = {
+      lastUpdate: i,
+      glitchX: 0,
+      glitchY: 0,
+      glitchRot: 0
+    }, this.letterStates.set(n, s));
+    const c = 0.1 / l;
+    return i - s.lastUpdate > c && (s.glitchX = (Math.random() - 0.5) * e, s.glitchY = (Math.random() - 0.5) * (e * 0.67), s.glitchRot = (Math.random() - 0.5) * e, s.lastUpdate = i), {
+      ...t,
+      x: s.glitchX,
+      y: s.glitchY,
+      rotation: s.glitchRot
     };
   }
 }
-class x {
-  update(e, o, n, t = {}) {
-    const i = t.speed || 1, l = t.amplitude || 15, r = o * 0.2, c = -((n * 8 * i + r * 4) % l - l / 2);
+class M {
+  update(t, n, i, a = {}) {
+    const e = a.speed || 1, l = a.amplitude || 15, s = n * 0.2, h = -((i * 8 * e + s * 4) % l - l / 2);
     return {
-      ...e,
-      y: c
+      ...t,
+      y: h
     };
   }
 }
-function D(s, e) {
-  const { x: o, y: n, rotation: t, scale: i, opacity: l } = e;
-  s.style.transform = `translate(${o}px, ${n}px) rotate(${t}deg) scale(${i})`, s.style.opacity = l.toString();
+function v(o, t) {
+  const { x: n, y: i, rotation: a, scale: e, opacity: l } = t;
+  o.style.transform = `translate(${n}px, ${i}px) rotate(${a}deg) scale(${e})`, o.style.opacity = l.toString();
 }
-function b(s, e, o, n, t, i) {
-  if (!i.enabled)
+function F(o, t, n, i, a, e) {
+  if (!e.enabled)
     return {
       state: { x: 0, y: 0, rotation: 0, scale: 1, opacity: 1 },
       applied: !1
     };
-  const l = i.radius || 80, r = i.strength || 1, a = i.behaviors || ["fall-away", "split-apart", "explode"], c = o - s, u = n - e, d = Math.sqrt(c * c + u * u);
-  if (d >= l)
+  const l = e.radius || 80, s = e.strength || 1, c = e.behaviors || ["fall-away", "split-apart", "explode"], h = n - o, d = i - t, m = Math.sqrt(h * h + d * d);
+  if (m >= l)
     return {
       state: { x: 0, y: 0, rotation: 0, scale: 1, opacity: 1 },
       applied: !1
     };
-  const g = (1 - d / l) * r, h = Math.atan2(u, c), T = a[t % a.length];
-  let m;
-  switch (T) {
+  const r = (1 - m / l) * s, f = Math.atan2(d, h), k = c[a % c.length];
+  let p;
+  switch (k) {
     case "fall-away":
-      const A = Math.cos(h) * g * 20, E = Math.sin(h) * g * 40 + g * 30;
-      m = {
+      const A = Math.cos(f) * r * 20, T = Math.sin(f) * r * 40 + r * 30;
+      p = {
         x: A,
-        y: E,
-        rotation: g * 15,
+        y: T,
+        rotation: r * 15,
         scale: 1,
-        opacity: 1 - g * 0.6
+        opacity: 1 - r * 0.6
       };
       break;
     case "split-apart":
-      const w = t % 2 === 0 ? 1 : -1;
-      m = {
-        x: w * g * 50,
-        y: (Math.random() - 0.5) * g * 10,
-        rotation: g * 10 * w,
+      const g = a % 2 === 0 ? 1 : -1;
+      p = {
+        x: g * r * 50,
+        y: (Math.random() - 0.5) * r * 10,
+        rotation: r * 10 * g,
         scale: 1,
-        opacity: 1 - g * 0.6
+        opacity: 1 - r * 0.6
       };
       break;
     case "explode":
-      const F = h + (Math.random() - 0.5) * 0.5;
-      m = {
-        x: Math.cos(F) * g * 40,
-        y: Math.sin(F) * g * 40,
-        rotation: g * 30,
-        scale: 1 + g * 0.4,
-        opacity: 1 - g * 0.6
+      const x = f + (Math.random() - 0.5) * 0.5;
+      p = {
+        x: Math.cos(x) * r * 40,
+        y: Math.sin(x) * r * 40,
+        rotation: r * 30,
+        scale: 1 + r * 0.4,
+        opacity: 1 - r * 0.6
       };
       break;
     default:
-      m = { x: 0, y: 0, rotation: 0, scale: 1, opacity: 1 };
+      p = { x: 0, y: 0, rotation: 0, scale: 1, opacity: 1 };
   }
   return {
-    state: m,
+    state: p,
     applied: !0
   };
 }
-class v {
-  constructor(e) {
-    var o;
-    if (this.letters = [], this.animationSpeedMultiplier = 1, this.animationFrame = null, this.mouseX = 0, this.mouseY = 0, this.mouseMoveHandler = null, this.startTime = Date.now(), this.isDestroyed = !1, this.container = e.container, this.animationTypes = e.animations || ["falling", "splitting", "glitching", "floating"], this.cycle = e.cycle !== !1, this.speed = e.speed || 1, this.amplitude = e.amplitude || 1, this.animationEasing = e.animationEasing || "linear", this.disintegration = e.disintegration || { enabled: !1 }, this.style = e.style || {}, this.fadeOut = e.fadeOut || 0, this.callbacks = e.callbacks, e.animationSpeed !== void 0 && (this.animationSpeedMultiplier = this.parseAnimationSpeed(e.animationSpeed)), this.textContainer = document.createElement("div"), this.textContainer.style.position = "absolute", this.textContainer.style.pointerEvents = "none", this.textContainer.style.zIndex = "1", e.containerClass && (this.textContainer.className = e.containerClass), e.containerStyle && Object.entries(e.containerStyle).forEach(([n, t]) => {
-      this.textContainer.style.setProperty(n, t);
-    }), e.position) {
-      let n = e.position.x, t = e.position.y;
-      if (e.position.constrainToViewport) {
+class S {
+  constructor(t) {
+    var n;
+    if (this.letters = [], this.animationSpeedMultiplier = 1, this.animationFrame = null, this.mouseX = 0, this.mouseY = 0, this.mouseMoveHandler = null, this.startTime = Date.now(), this.isDestroyed = !1, this.animationInstances = /* @__PURE__ */ new Map(), this.container = t.container, this.animationTypes = t.animations || ["falling", "splitting", "glitching", "floating"], this.cycle = t.cycle !== !1, this.speed = t.speed || 1, this.amplitude = t.amplitude || 1, this.animationEasing = t.animationEasing || "linear", this.disintegration = t.disintegration || { enabled: !1 }, this.style = t.style || {}, this.fadeOut = t.fadeOut || 0, this.callbacks = t.callbacks, t.animationSpeed !== void 0 && (this.animationSpeedMultiplier = this.parseAnimationSpeed(t.animationSpeed)), this.textContainer = document.createElement("div"), this.textContainer.style.position = "absolute", this.textContainer.style.pointerEvents = "none", this.textContainer.style.zIndex = "1", t.containerClass && (this.textContainer.className = t.containerClass), t.containerStyle && Object.entries(t.containerStyle).forEach(([i, a]) => {
+      this.textContainer.style.setProperty(i, a);
+    }), t.position) {
+      let i = t.position.x, a = t.position.y;
+      if (t.position.constrainToViewport) {
         this.container.getBoundingClientRect();
-        const i = window.innerWidth, l = window.innerHeight, r = e.text.length * 20;
-        n !== void 0 && (n = Math.max(0, Math.min(n, i - r))), t !== void 0 && (t = Math.max(0, Math.min(t, l - 50)));
+        const e = window.innerWidth, l = window.innerHeight, s = t.text.length * 20;
+        i !== void 0 && (i = Math.max(0, Math.min(i, e - s))), a !== void 0 && (a = Math.max(0, Math.min(a, l - 50)));
       }
-      n !== void 0 && (this.textContainer.style.left = `${n}px`), t !== void 0 && (this.textContainer.style.top = `${t}px`);
+      i !== void 0 && (this.textContainer.style.left = `${i}px`), a !== void 0 && (this.textContainer.style.top = `${a}px`);
     }
-    this.createLetters(e.text), this.setupMouseTracking(), this.startAnimation(), (o = this.callbacks) != null && o.onCreate && this.callbacks.onCreate(this.textContainer), this.fadeOut > 0 && setTimeout(() => this.destroy(), this.fadeOut);
+    this.createLetters(t.text), this.setupMouseTracking(), this.startAnimation(), (n = this.callbacks) != null && n.onCreate && this.callbacks.onCreate(this.textContainer), this.fadeOut > 0 && setTimeout(() => this.destroy(), this.fadeOut);
   }
-  createLetters(e) {
-    e.toUpperCase().split("").forEach((n, t) => {
-      if (n === " ") {
-        const r = document.createTextNode(" ");
-        this.textContainer.appendChild(r);
+  createLetters(t) {
+    t.toUpperCase().split("").forEach((i, a) => {
+      if (i === " ") {
+        const s = document.createTextNode(" ");
+        this.textContainer.appendChild(s);
         return;
       }
-      const i = document.createElement("span");
-      i.className = "animated-letter", i.textContent = n, i.dataset.index = t.toString(), i.dataset.char = n, this.applyStyle(i), i.style.display = "inline-block", i.style.position = "relative", i.style.transition = "transform 0.1s ease-out", this.textContainer.appendChild(i);
-      const l = i.getBoundingClientRect();
+      const e = document.createElement("span");
+      e.className = "animated-letter", e.textContent = i, e.dataset.index = a.toString(), e.dataset.char = i, this.applyStyle(e), e.style.display = "inline-block", e.style.position = "relative", e.style.transition = "transform 0.1s ease-out", this.textContainer.appendChild(e);
+      const l = e.getBoundingClientRect();
       this.letters.push({
-        element: i,
-        index: t,
-        char: n,
+        element: e,
+        index: a,
+        char: i,
         baseX: l.left,
         baseY: l.top
       });
     }), this.container.appendChild(this.textContainer);
   }
-  applyStyle(e) {
-    this.style.fontFamily && (e.style.fontFamily = this.style.fontFamily), this.style.fontSize && (e.style.fontSize = `${this.style.fontSize}px`), this.style.color && (e.style.color = this.style.color), this.style.fontWeight && (e.style.fontWeight = this.style.fontWeight), this.style.textShadow && (e.style.textShadow = this.style.textShadow), this.style.letterSpacing && (e.style.letterSpacing = this.style.letterSpacing), this.style.textTransform && (e.style.textTransform = this.style.textTransform);
+  applyStyle(t) {
+    this.style.fontFamily && (t.style.fontFamily = this.style.fontFamily), this.style.fontSize && (t.style.fontSize = `${this.style.fontSize}px`), this.style.color && (t.style.color = this.style.color), this.style.fontWeight && (t.style.fontWeight = this.style.fontWeight), this.style.textShadow && (t.style.textShadow = this.style.textShadow), this.style.letterSpacing && (t.style.letterSpacing = this.style.letterSpacing), this.style.textTransform && (t.style.textTransform = this.style.textTransform);
   }
   setupMouseTracking() {
-    this.disintegration.enabled && (this.mouseMoveHandler = (e) => {
-      this.mouseX = e.clientX, this.mouseY = e.clientY;
+    this.disintegration.enabled && (this.mouseMoveHandler = (t) => {
+      this.mouseX = t.clientX, this.mouseY = t.clientY;
     }, document.addEventListener("mousemove", this.mouseMoveHandler));
   }
   startAnimation() {
-    const e = () => {
+    const t = () => {
       if (this.isDestroyed) return;
-      const o = (Date.now() - this.startTime) * 1e-3;
-      this.letters.forEach((n, t) => {
-        var u;
-        const i = n.element.getBoundingClientRect(), l = i.left + i.width / 2, r = i.top + i.height / 2, a = b(
+      const n = (Date.now() - this.startTime) * 1e-3;
+      this.letters.forEach((i, a) => {
+        var d;
+        const e = i.element.getBoundingClientRect(), l = e.left + e.width / 2, s = e.top + e.height / 2, c = F(
           l,
-          r,
+          s,
           this.mouseX,
           this.mouseY,
-          t,
+          a,
           this.disintegration
         );
-        let c;
-        if (a.applied)
-          c = a.state, (u = this.callbacks) != null && u.onDisintegrate && this.callbacks.onDisintegrate(t);
+        let h;
+        if (c.applied)
+          h = c.state, (d = this.callbacks) != null && d.onDisintegrate && this.callbacks.onDisintegrate(a);
         else {
-          const d = this.getAnimationType(t);
-          c = this.getAnimation(d).update(
+          const m = this.getAnimationType(a);
+          h = this.getAnimation(m).update(
             { x: 0, y: 0, rotation: 0, scale: 1, opacity: 1 },
-            t,
-            o,
+            a,
+            n,
             {
               speed: this.speed * this.animationSpeedMultiplier,
-              amplitude: this.amplitude * (d === "falling" || d === "floating" ? 20 : 4)
+              amplitude: this.amplitude * (m === "falling" || m === "floating" ? 20 : 4)
             }
           );
         }
-        D(n.element, c);
-      }), this.animationFrame = requestAnimationFrame(e);
+        v(i.element, h);
+      }), this.animationFrame = requestAnimationFrame(t);
     };
-    this.animationFrame = requestAnimationFrame(e);
+    this.animationFrame = requestAnimationFrame(t);
   }
-  getAnimationType(e) {
-    return this.cycle ? this.animationTypes[e % this.animationTypes.length] : this.animationTypes[0];
+  getAnimationType(t) {
+    return this.cycle ? this.animationTypes[t % this.animationTypes.length] : this.animationTypes[0];
   }
-  getAnimation(e) {
-    switch (e) {
+  getAnimation(t) {
+    if (this.animationInstances.has(t))
+      return this.animationInstances.get(t);
+    let n;
+    switch (t) {
       case "falling":
-        return new f();
+        n = new y();
+        break;
       case "splitting":
-        return new C();
+        n = new w();
+        break;
       case "glitching":
-        return new S();
+        n = new C();
+        break;
       case "floating":
-        return new x();
+        n = new M();
+        break;
       default:
-        return new f();
+        n = new y();
     }
+    return this.animationInstances.set(t, n), n;
   }
   /**
    * Parse animation speed preset or numeric value to a multiplier
    */
-  parseAnimationSpeed(e) {
-    if (typeof e == "number")
-      return e;
-    switch (e) {
+  parseAnimationSpeed(t) {
+    if (typeof t == "number")
+      return t;
+    switch (t) {
       case "slow":
         return 0.5;
       case "normal":
@@ -216,8 +232,8 @@ class v {
   /**
    * Set the animation speed multiplier (supports numeric values and presets)
    */
-  setAnimationSpeed(e) {
-    this.animationSpeedMultiplier = this.parseAnimationSpeed(e);
+  setAnimationSpeed(t) {
+    this.animationSpeedMultiplier = this.parseAnimationSpeed(t);
   }
   /**
    * Get the current animation easing function
@@ -228,15 +244,15 @@ class v {
   /**
    * Set the animation easing function
    */
-  setAnimationEasing(e) {
-    this.animationEasing = e;
+  setAnimationEasing(t) {
+    this.animationEasing = t;
   }
   /**
    * Destroy the animated text instance
    */
   destroy() {
-    var e;
-    this.isDestroyed || (this.isDestroyed = !0, this.animationFrame !== null && cancelAnimationFrame(this.animationFrame), this.mouseMoveHandler && document.removeEventListener("mousemove", this.mouseMoveHandler), (e = this.callbacks) != null && e.onDestroy && this.callbacks.onDestroy(), this.textContainer.style.transition = "opacity 3s ease", this.textContainer.style.opacity = "0", setTimeout(() => {
+    var t;
+    this.isDestroyed || (this.isDestroyed = !0, this.animationFrame !== null && cancelAnimationFrame(this.animationFrame), this.mouseMoveHandler && document.removeEventListener("mousemove", this.mouseMoveHandler), this.animationInstances.clear(), (t = this.callbacks) != null && t.onDestroy && this.callbacks.onDestroy(), this.textContainer.style.transition = "opacity 3s ease", this.textContainer.style.opacity = "0", setTimeout(() => {
       this.textContainer.parentNode && this.textContainer.parentNode.removeChild(this.textContainer);
     }, 3e3));
   }
@@ -247,362 +263,37 @@ class v {
     return this.textContainer;
   }
 }
-const H = [
-  "unsettling",
-  "eerie",
-  "decayed",
-  "weathered",
-  "organic",
-  "imperfect",
-  "uneven",
-  "scratchy"
-], R = ["subtle", "moderate", "intense"], k = [
-  // Hand-drawn / Handwriting
-  {
-    name: "Hand-drawn Casual",
-    googleFontsName: "Caveat",
-    categories: ["hand-drawn", "handwriting", "casual", "sketchy", "informal"],
-    description: "Casual handwritten style, friendly and approachable",
-    artistic: !1
-  },
-  {
-    name: "Hand-drawn Playful",
-    googleFontsName: "Finger Paint",
-    categories: ["hand-drawn", "playful", "childlike", "casual", "sketchy"],
-    description: "Bold hand-drawn style, playful and energetic",
-    artistic: !0
-  },
-  {
-    name: "Hand-drawn Script",
-    googleFontsName: "Dancing Script",
-    categories: ["hand-drawn", "script", "elegant", "flowing", "cursive"],
-    description: "Elegant flowing script, graceful and organic",
-    artistic: !1
-  },
-  // Gothic / Medieval
-  {
-    name: "Gothic Blackletter",
-    googleFontsName: "UnifrakturMaguntia",
-    categories: ["gothic", "medieval", "blackletter", "ornate", "historical"],
-    description: "Medieval blackletter style, ornate and historical",
-    artistic: !0
-  },
-  {
-    name: "Gothic Horror",
-    googleFontsName: "Creepster",
-    categories: ["gothic", "horror", "creepy", "dripping", "display", "striking", "intense"],
-    description: "Horror-style font with dripping effects, very striking",
-    artistic: !0
-  },
-  {
-    name: "Gothic Bold",
-    googleFontsName: "Eater",
-    categories: ["gothic", "bold", "aggressive", "display", "striking"],
-    description: "Bold aggressive display font, powerful impact",
-    artistic: !0
-  },
-  // Futuristic / Sci-fi
-  {
-    name: "Futuristic Digital",
-    googleFontsName: "Orbitron",
-    categories: ["futuristic", "sci-fi", "digital", "tech", "modern", "geometric"],
-    description: "Futuristic geometric font, tech-forward and modern",
-    artistic: !0
-  },
-  {
-    name: "Futuristic Display",
-    googleFontsName: "Bungee",
-    categories: ["futuristic", "display", "bold", "condensed", "striking"],
-    description: "Bold condensed display font, high impact",
-    artistic: !0
-  },
-  {
-    name: "Futuristic Outline",
-    googleFontsName: "Bungee Shade",
-    categories: ["futuristic", "outline", "display", "bold", "striking"],
-    description: "Outlined version of Bungee, bold and striking",
-    artistic: !0
-  },
-  // Retro / Vintage
-  {
-    name: "Retro Terminal",
-    googleFontsName: "VT323",
-    categories: ["retro", "terminal", "monospace", "pixel", "80s", "tech"],
-    description: "Retro terminal font, pixelated and nostalgic",
-    artistic: !0
-  },
-  {
-    name: "Retro Pixel",
-    googleFontsName: "Press Start 2P",
-    categories: ["retro", "pixel", "8-bit", "arcade", "nostalgic", "display"],
-    description: "8-bit pixel font, classic arcade style",
-    artistic: !0
-  },
-  {
-    name: "Retro Display",
-    googleFontsName: "Frijole",
-    categories: ["retro", "playful", "rounded", "display", "casual"],
-    description: "Playful rounded retro font, fun and casual",
-    artistic: !0
-  },
-  // Decorative / Ornate
-  {
-    name: "Decorative Ornate",
-    googleFontsName: "Fascinate",
-    categories: ["decorative", "ornate", "display", "striking", "elaborate"],
-    description: "Highly decorative display font, ornate and elaborate",
-    artistic: !0
-  },
-  {
-    name: "Decorative Outline",
-    googleFontsName: "Fascinate Inline",
-    categories: ["decorative", "outline", "display", "ornate", "striking"],
-    description: "Outlined decorative font, ornate and striking",
-    artistic: !0
-  },
-  {
-    name: "Decorative Script",
-    googleFontsName: "Fredericka the Great",
-    categories: ["decorative", "script", "ornate", "elegant", "display"],
-    description: "Elegant decorative script, ornate and sophisticated",
-    artistic: !0
-  },
-  // Creepy / Horror
-  {
-    name: "Horror Dripping",
-    googleFontsName: "Nosifer",
-    categories: ["horror", "creepy", "dripping", "blood", "striking", "display", "intense"],
-    description: "Creepy font with blood-dripping effects, very striking",
-    artistic: !0
-  },
-  // Tech / Monospace
-  {
-    name: "Tech Monospace",
-    googleFontsName: "Share Tech Mono",
-    categories: ["tech", "monospace", "terminal", "code", "modern"],
-    description: "Clean tech monospace font, modern and readable",
-    artistic: !1
-  },
-  {
-    name: "Tech Display",
-    googleFontsName: "Rajdhani",
-    categories: ["tech", "modern", "geometric", "sans-serif", "futuristic"],
-    description: "Modern geometric tech font, clean and futuristic",
-    artistic: !1
-  },
-  // Organic / Natural
-  {
-    name: "Organic Flowing",
-    googleFontsName: "Dancing Script",
-    categories: ["organic", "flowing", "natural", "script", "elegant"],
-    description: "Flowing organic script, natural and elegant",
-    artistic: !1
-  },
-  // Modern / Clean
-  {
-    name: "Modern Sans",
-    googleFontsName: "Roboto",
-    categories: ["modern", "clean", "sans-serif", "readable", "professional"],
-    description: "Clean modern sans-serif, professional and readable",
-    artistic: !1
-  },
-  {
-    name: "Modern Serif",
-    googleFontsName: "Playfair Display",
-    categories: ["modern", "serif", "elegant", "sophisticated", "readable"],
-    description: "Elegant modern serif, sophisticated and readable",
-    artistic: !1
-  },
-  // Bold / Display
-  {
-    name: "Bold Condensed",
-    googleFontsName: "Bungee",
-    categories: ["bold", "condensed", "display", "striking", "impact"],
-    description: "Bold condensed display font, high impact",
-    artistic: !0
-  },
-  {
-    name: "Bold Aggressive",
-    googleFontsName: "Eater",
-    categories: ["bold", "aggressive", "display", "striking", "powerful"],
-    description: "Bold aggressive display font, powerful and striking",
-    artistic: !0
-  },
-  // Subtle Unsettling / Organic Imperfect
-  {
-    name: "Handwritten Thin",
-    googleFontsName: "Amatic SC",
-    categories: ["hand-drawn", "uneven", "organic", "unsettling", "subtle", "scratchy"],
-    description: "Thin hand-drawn letters with subtle irregularity, organic feel",
-    artistic: !0
-  },
-  {
-    name: "Rough Handwriting",
-    googleFontsName: "Rock Salt",
-    categories: ["hand-drawn", "scratchy", "weathered", "rough", "unsettling", "moderate"],
-    description: "Rough, weathered handwriting with natural imperfection",
-    artistic: !0
-  },
-  {
-    name: "Typewriter Degraded",
-    googleFontsName: "Special Elite",
-    categories: ["typewriter", "decayed", "weathered", "imperfect", "unsettling", "moderate"],
-    description: "Degraded typewriter font, vintage with imperfection",
-    artistic: !0
-  },
-  {
-    name: "Casual Handwriting",
-    googleFontsName: "Handlee",
-    categories: ["hand-drawn", "casual", "imperfect", "organic", "subtle"],
-    description: "Casual handwriting with subtle imperfection",
-    artistic: !1
-  },
-  {
-    name: "Childlike Organic",
-    googleFontsName: "Indie Flower",
-    categories: ["hand-drawn", "childlike", "organic", "imperfect", "eerie", "subtle"],
-    description: "Childlike handwriting, can feel innocent or eerie depending on context",
-    artistic: !1
-  },
-  {
-    name: "Scratchy Personal",
-    googleFontsName: "Shadows Into Light",
-    categories: ["hand-drawn", "scratchy", "personal", "unsettling", "uneven", "moderate"],
-    description: "Scratchy personal handwriting with unsettling quality",
-    artistic: !0
-  },
-  {
-    name: "Hurried Scratchy",
-    googleFontsName: "Reenie Beanie",
-    categories: ["hand-drawn", "scratchy", "hurried", "uneven", "unsettling", "moderate"],
-    description: "Hurried scratchy handwriting with nervous energy",
-    artistic: !0
-  },
-  {
-    name: "Architectural Irregular",
-    googleFontsName: "Architects Daughter",
-    categories: ["hand-drawn", "imperfect", "uneven", "organic", "subtle"],
-    description: "Hand-drawn with architectural irregularity",
-    artistic: !1
-  },
-  {
-    name: "Informal Unsettling",
-    googleFontsName: "Coming Soon",
-    categories: ["hand-drawn", "informal", "imperfect", "unsettling", "subtle"],
-    description: "Informal handwriting that feels slightly off",
-    artistic: !1
-  },
-  {
-    name: "Manic Handwriting",
-    googleFontsName: "Gloria Hallelujah",
-    categories: ["hand-drawn", "playful", "manic", "uneven", "unsettling", "moderate"],
-    description: "Playful handwriting that can feel manic or unsettled",
-    artistic: !0
-  },
-  {
-    name: "Quick Imperfect",
-    googleFontsName: "Just Another Hand",
-    categories: ["hand-drawn", "scratchy", "quick", "imperfect", "uneven", "subtle"],
-    description: "Quick scratchy handwriting with natural imperfection",
-    artistic: !1
-  },
-  {
-    name: "Organic Handwriting",
-    googleFontsName: "Kalam",
-    categories: ["hand-drawn", "organic", "natural", "flowing", "subtle"],
-    description: "Organic natural handwriting with flowing quality",
-    artistic: !1
-  },
-  {
-    name: "Flowing Tension",
-    googleFontsName: "Satisfy",
-    categories: ["script", "flowing", "tension", "elegant", "unsettling", "subtle"],
-    description: "Flowing script with underlying tension",
-    artistic: !0
-  },
-  {
-    name: "Unsettling Elegance",
-    googleFontsName: "Yellowtail",
-    categories: ["script", "elegant", "stylized", "unsettling", "uneven", "moderate"],
-    description: "Stylized elegance with unsettling undertones",
-    artistic: !0
-  },
-  {
-    name: "Typewriter Imperfect",
-    googleFontsName: "Cutive Mono",
-    categories: ["typewriter", "monospace", "imperfect", "decayed", "vintage", "subtle"],
-    description: "Imperfect vintage typewriter with character",
-    artistic: !0
-  }
-];
-function L(s) {
-  const e = s.toLowerCase().split(/\s+/).filter((t) => t.length > 0), o = [], n = [];
-  for (const t of e)
-    t.startsWith("-") && t.length > 1 ? n.push(t.slice(1)) : o.push(t);
-  return { positive: o, negative: n };
-}
-function O(s, e) {
-  const o = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), t = 2, i = [];
-  for (const l of s) {
-    if (i.length >= e) break;
-    if (o.has(l.font.googleFontsName))
-      continue;
-    const r = l.font.categories[0], a = n.get(r) || 0;
-    a >= t || (o.add(l.font.googleFontsName), n.set(r, a + 1), i.push(l.font));
-  }
-  return i;
-}
-function y(s, e) {
-  const { positive: o, negative: n } = L(s), t = (e == null ? void 0 : e.limit) ?? 10, l = k.map((r) => {
-    let a = 0;
-    for (const c of o) {
-      for (const u of r.categories)
-        (u.includes(c) || c.includes(u)) && (a += 10);
-      r.name.toLowerCase().includes(c) && (a += 15), r.description.toLowerCase().includes(c) && (a += 8);
-    }
-    for (const c of n) {
-      for (const u of r.categories)
-        (u.includes(c) || c.includes(u)) && (a -= 20);
-      r.name.toLowerCase().includes(c) && (a -= 15), r.description.toLowerCase().includes(c) && (a -= 10);
-    }
-    return r.artistic && (a += 1), { font: r, score: a };
-  }).filter((r) => r.score > 0).sort((r, a) => a.score - r.score);
-  return O(l, t);
-}
-function P(s) {
-  return y(s)[0];
-}
-const p = /* @__PURE__ */ new Set();
-function N(s) {
-  return new Promise((e, o) => {
-    const n = s.replace(/\s+/g, "+");
-    if (p.has(n)) {
-      e();
+const u = /* @__PURE__ */ new Set();
+function b(o) {
+  return new Promise((t, n) => {
+    const i = o.replace(/\s+/g, "+");
+    if (u.has(i)) {
+      t();
       return;
     }
     if (document.querySelector(
-      `link[href*="fonts.googleapis.com"][href*="${n}"]`
+      `link[href*="fonts.googleapis.com"][href*="${i}"]`
     )) {
-      p.add(n), e();
+      u.add(i), t();
       return;
     }
-    const i = document.createElement("link");
-    i.rel = "stylesheet", i.href = `https://fonts.googleapis.com/css2?family=${n}:wght@400&display=swap`, i.onload = () => {
-      p.add(n), e();
-    }, i.onerror = () => {
-      console.warn(`Failed to load Google Font: ${s}`), o(new Error(`Failed to load Google Font: ${s}`));
-    }, document.head.appendChild(i);
+    const e = document.createElement("link");
+    e.rel = "stylesheet", e.href = `https://fonts.googleapis.com/css2?family=${i}:wght@400&display=swap`, e.onload = () => {
+      u.add(i), t();
+    }, e.onerror = () => {
+      console.warn(`Failed to load Google Font: ${o}`), n(new Error(`Failed to load Google Font: ${o}`));
+    }, document.head.appendChild(e);
   });
 }
-function B(s) {
-  return Promise.all(s.map((e) => N(e)));
+function E(o) {
+  return Promise.all(o.map((t) => b(t)));
 }
-function G(s) {
-  const e = s.replace(/\s+/g, "+");
-  return p.has(e);
+function D(o) {
+  const t = o.replace(/\s+/g, "+");
+  return u.has(t);
 }
-function I(s, e = "sans-serif") {
-  const o = [
+function Y(o, t = "sans-serif") {
+  const n = [
     "Caveat",
     "Dancing Script",
     "Finger Paint",
@@ -621,7 +312,7 @@ function I(s, e = "sans-serif") {
     "Kalam",
     "Satisfy",
     "Yellowtail"
-  ], n = [
+  ], i = [
     "VT323",
     "Press Start 2P",
     "Share Tech Mono",
@@ -629,69 +320,34 @@ function I(s, e = "sans-serif") {
     "Special Elite",
     "Cutive Mono"
   ];
-  let t = e;
-  return o.includes(s) ? t = "cursive" : n.includes(s) && (t = "monospace"), `'${s}', ${t}`;
-}
-function M(s, e) {
-  const o = s.toLowerCase(), n = e.rejectedFont.toLowerCase(), t = e.negativeAspects.map((a) => a.toLowerCase()), i = e.positiveAspects.map((a) => a.toLowerCase());
-  return y(s).filter(
-    (a) => a.googleFontsName.toLowerCase() !== n && a.name.toLowerCase() !== n
-  ).map((a) => {
-    let c = 0;
-    for (const d of a.categories)
-      o.includes(d) && (c += 5);
-    for (const d of i)
-      (a.categories.some((h) => h.includes(d) || d.includes(h)) || a.name.toLowerCase().includes(d) || a.description.toLowerCase().includes(d)) && (c += 15);
-    for (const d of t)
-      (a.categories.some((h) => h.includes(d) || d.includes(h)) || a.name.toLowerCase().includes(d) || a.description.toLowerCase().includes(d)) && (c -= 20);
-    const u = i.some(
-      (d) => d.includes("striking") || d.includes("artistic") || d.includes("unique")
-    );
-    return u && a.artistic && (c += 10), u && !a.artistic && (c -= 5), { font: a, score: c };
-  }).filter((a) => a.score > 0).sort((a, c) => c.score - a.score).map((a) => a.font);
-}
-function Y(s, e) {
-  return M(s, e)[0];
+  let a = t;
+  return n.includes(o) ? a = "cursive" : i.includes(o) && (a = "monospace"), `'${o}', ${a}`;
 }
 if (typeof window < "u") {
-  const s = {
-    AnimatedText: v,
-    FallingAnimation: f,
-    SplittingAnimation: C,
-    GlitchingAnimation: S,
-    FloatingAnimation: x,
-    calculateDisintegration: b,
-    // Font utilities
-    fontSuggestions: k,
-    suggestFonts: y,
-    suggestFont: P,
-    loadGoogleFont: N,
-    loadGoogleFonts: B,
-    isFontLoaded: G,
-    getFontFamily: I,
-    refineSuggestion: M,
-    refineFont: Y,
-    MOOD_CATEGORIES: H,
-    INTENSITY_CATEGORIES: R
+  const o = {
+    AnimatedText: S,
+    FallingAnimation: y,
+    SplittingAnimation: w,
+    GlitchingAnimation: C,
+    FloatingAnimation: M,
+    calculateDisintegration: F,
+    // Font utilities (core only)
+    loadGoogleFont: b,
+    loadGoogleFonts: E,
+    isFontLoaded: D,
+    getFontFamily: Y
   };
-  window.TypographyToolkit = s, window.AnimatedText = v;
+  window.TypographyToolkit = o, window.AnimatedText = S;
 }
 export {
-  v as AnimatedText,
-  f as FallingAnimation,
-  x as FloatingAnimation,
-  S as GlitchingAnimation,
-  R as INTENSITY_CATEGORIES,
-  H as MOOD_CATEGORIES,
-  C as SplittingAnimation,
-  b as calculateDisintegration,
-  k as fontSuggestions,
-  I as getFontFamily,
-  G as isFontLoaded,
-  N as loadGoogleFont,
-  B as loadGoogleFonts,
-  Y as refineFont,
-  M as refineSuggestion,
-  P as suggestFont,
-  y as suggestFonts
+  S as AnimatedText,
+  y as FallingAnimation,
+  M as FloatingAnimation,
+  C as GlitchingAnimation,
+  w as SplittingAnimation,
+  F as calculateDisintegration,
+  Y as getFontFamily,
+  D as isFontLoaded,
+  b as loadGoogleFont,
+  E as loadGoogleFonts
 };

package/dist/typography-toolkit.iife.js

@@ -1 +1 @@
-var TypographyToolkit=function(g){"use strict";class f{update(e,o,n,t={}){const i=t.speed||1,l=t.amplitude||20,r=o*.2,c=(n*10*i+r*5)%l-l/2;return{...e,y:c}}}class F{update(e,o,n,t={}){const i=t.speed||1,l=t.amplitude||4,r=o*.2,a=Math.sin(n*.5*i+r)*l;return{...e,x:a}}}class v{constructor(){this.lastUpdate=0,this.glitchX=0,this.glitchY=0,this.glitchRot=0}update(e,o,n,t={}){const i=t.amplitude||3;return n-this.lastUpdate>.1&&(this.glitchX=(Math.random()-.5)*i,this.glitchY=(Math.random()-.5)*(i*.67),this.glitchRot=(Math.random()-.5)*i,this.lastUpdate=n),{...e,x:this.glitchX,y:this.glitchY,rotation:this.glitchRot}}}class S{update(e,o,n,t={}){const i=t.speed||1,l=t.amplitude||15,r=o*.2,c=-((n*8*i+r*4)%l-l/2);return{...e,y:c}}}function G(s,e){const{x:o,y:n,rotation:t,scale:i,opacity:l}=e;s.style.transform=`translate(${o}px, ${n}px) rotate(${t}deg) scale(${i})`,s.style.opacity=l.toString()}function C(s,e,o,n,t,i){if(!i.enabled)return{state:{x:0,y:0,rotation:0,scale:1,opacity:1},applied:!1};const l=i.radius||80,r=i.strength||1,a=i.behaviors||["fall-away","split-apart","explode"],c=o-s,h=n-e,d=Math.sqrt(c*c+h*h);if(d>=l)return{state:{x:0,y:0,rotation:0,scale:1,opacity:1},applied:!1};const u=(1-d/l)*r,m=Math.atan2(h,c),B=a[t%a.length];let p;switch(B){case"fall-away":const Y=Math.cos(m)*u*20,$=Math.sin(m)*u*40+u*30;p={x:Y,y:$,rotation:u*15,scale:1,opacity:1-u*.6};break;case"split-apart":const L=t%2===0?1:-1;p={x:L*u*50,y:(Math.random()-.5)*u*10,rotation:u*10*L,scale:1,opacity:1-u*.6};break;case"explode":const O=m+(Math.random()-.5)*.5;p={x:Math.cos(O)*u*40,y:Math.sin(O)*u*40,rotation:u*30,scale:1+u*.4,opacity:1-u*.6};break;default:p={x:0,y:0,rotation:0,scale:1,opacity:1}}return{state:p,applied:!0}}class b{constructor(e){var o;if(this.letters=[],this.animationSpeedMultiplier=1,this.animationFrame=null,this.mouseX=0,this.mouseY=0,this.mouseMoveHandler=null,this.startTime=Date.now(),this.isDestroyed=!1,this.container=e.container,this.animationTypes=e.animations||["falling","splitting","glitching","floating"],this.cycle=e.cycle!==!1,this.speed=e.speed||1,this.amplitude=e.amplitude||1,this.animationEasing=e.animationEasing||"linear",this.disintegration=e.disintegration||{enabled:!1},this.style=e.style||{},this.fadeOut=e.fadeOut||0,this.callbacks=e.callbacks,e.animationSpeed!==void 0&&(this.animationSpeedMultiplier=this.parseAnimationSpeed(e.animationSpeed)),this.textContainer=document.createElement("div"),this.textContainer.style.position="absolute",this.textContainer.style.pointerEvents="none",this.textContainer.style.zIndex="1",e.containerClass&&(this.textContainer.className=e.containerClass),e.containerStyle&&Object.entries(e.containerStyle).forEach(([n,t])=>{this.textContainer.style.setProperty(n,t)}),e.position){let n=e.position.x,t=e.position.y;if(e.position.constrainToViewport){this.container.getBoundingClientRect();const i=window.innerWidth,l=window.innerHeight,r=e.text.length*20;n!==void 0&&(n=Math.max(0,Math.min(n,i-r))),t!==void 0&&(t=Math.max(0,Math.min(t,l-50)))}n!==void 0&&(this.textContainer.style.left=`${n}px`),t!==void 0&&(this.textContainer.style.top=`${t}px`)}this.createLetters(e.text),this.setupMouseTracking(),this.startAnimation(),(o=this.callbacks)!=null&&o.onCreate&&this.callbacks.onCreate(this.textContainer),this.fadeOut>0&&setTimeout(()=>this.destroy(),this.fadeOut)}createLetters(e){e.toUpperCase().split("").forEach((n,t)=>{if(n===" "){const r=document.createTextNode(" ");this.textContainer.appendChild(r);return}const i=document.createElement("span");i.className="animated-letter",i.textContent=n,i.dataset.index=t.toString(),i.dataset.char=n,this.applyStyle(i),i.style.display="inline-block",i.style.position="relative",i.style.transition="transform 0.1s ease-out",this.textContainer.appendChild(i);const l=i.getBoundingClientRect();this.letters.push({element:i,index:t,char:n,baseX:l.left,baseY:l.top})}),this.container.appendChild(this.textContainer)}applyStyle(e){this.style.fontFamily&&(e.style.fontFamily=this.style.fontFamily),this.style.fontSize&&(e.style.fontSize=`${this.style.fontSize}px`),this.style.color&&(e.style.color=this.style.color),this.style.fontWeight&&(e.style.fontWeight=this.style.fontWeight),this.style.textShadow&&(e.style.textShadow=this.style.textShadow),this.style.letterSpacing&&(e.style.letterSpacing=this.style.letterSpacing),this.style.textTransform&&(e.style.textTransform=this.style.textTransform)}setupMouseTracking(){this.disintegration.enabled&&(this.mouseMoveHandler=e=>{this.mouseX=e.clientX,this.mouseY=e.clientY},document.addEventListener("mousemove",this.mouseMoveHandler))}startAnimation(){const e=()=>{if(this.isDestroyed)return;const o=(Date.now()-this.startTime)*.001;this.letters.forEach((n,t)=>{var h;const i=n.element.getBoundingClientRect(),l=i.left+i.width/2,r=i.top+i.height/2,a=C(l,r,this.mouseX,this.mouseY,t,this.disintegration);let c;if(a.applied)c=a.state,(h=this.callbacks)!=null&&h.onDisintegrate&&this.callbacks.onDisintegrate(t);else{const d=this.getAnimationType(t);c=this.getAnimation(d).update({x:0,y:0,rotation:0,scale:1,opacity:1},t,o,{speed:this.speed*this.animationSpeedMultiplier,amplitude:this.amplitude*(d==="falling"||d==="floating"?20:4)})}G(n.element,c)}),this.animationFrame=requestAnimationFrame(e)};this.animationFrame=requestAnimationFrame(e)}getAnimationType(e){return this.cycle?this.animationTypes[e%this.animationTypes.length]:this.animationTypes[0]}getAnimation(e){switch(e){case"falling":return new f;case"splitting":return new F;case"glitching":return new v;case"floating":return new S;default:return new f}}parseAnimationSpeed(e){if(typeof e=="number")return e;switch(e){case"slow":return .5;case"normal":return 1;case"fast":return 2;default:return 1}}getAnimationSpeed(){return this.animationSpeedMultiplier}setAnimationSpeed(e){this.animationSpeedMultiplier=this.parseAnimationSpeed(e)}getAnimationEasing(){return this.animationEasing}setAnimationEasing(e){this.animationEasing=e}destroy(){var e;this.isDestroyed||(this.isDestroyed=!0,this.animationFrame!==null&&cancelAnimationFrame(this.animationFrame),this.mouseMoveHandler&&document.removeEventListener("mousemove",this.mouseMoveHandler),(e=this.callbacks)!=null&&e.onDestroy&&this.callbacks.onDestroy(),this.textContainer.style.transition="opacity 3s ease",this.textContainer.style.opacity="0",setTimeout(()=>{this.textContainer.parentNode&&this.textContainer.parentNode.removeChild(this.textContainer)},3e3))}getElement(){return this.textContainer}}const A=["unsettling","eerie","decayed","weathered","organic","imperfect","uneven","scratchy"],x=["subtle","moderate","intense"],k=[{name:"Hand-drawn Casual",googleFontsName:"Caveat",categories:["hand-drawn","handwriting","casual","sketchy","informal"],description:"Casual handwritten style, friendly and approachable",artistic:!1},{name:"Hand-drawn Playful",googleFontsName:"Finger Paint",categories:["hand-drawn","playful","childlike","casual","sketchy"],description:"Bold hand-drawn style, playful and energetic",artistic:!0},{name:"Hand-drawn Script",googleFontsName:"Dancing Script",categories:["hand-drawn","script","elegant","flowing","cursive"],description:"Elegant flowing script, graceful and organic",artistic:!1},{name:"Gothic Blackletter",googleFontsName:"UnifrakturMaguntia",categories:["gothic","medieval","blackletter","ornate","historical"],description:"Medieval blackletter style, ornate and historical",artistic:!0},{name:"Gothic Horror",googleFontsName:"Creepster",categories:["gothic","horror","creepy","dripping","display","striking","intense"],description:"Horror-style font with dripping effects, very striking",artistic:!0},{name:"Gothic Bold",googleFontsName:"Eater",categories:["gothic","bold","aggressive","display","striking"],description:"Bold aggressive display font, powerful impact",artistic:!0},{name:"Futuristic Digital",googleFontsName:"Orbitron",categories:["futuristic","sci-fi","digital","tech","modern","geometric"],description:"Futuristic geometric font, tech-forward and modern",artistic:!0},{name:"Futuristic Display",googleFontsName:"Bungee",categories:["futuristic","display","bold","condensed","striking"],description:"Bold condensed display font, high impact",artistic:!0},{name:"Futuristic Outline",googleFontsName:"Bungee Shade",categories:["futuristic","outline","display","bold","striking"],description:"Outlined version of Bungee, bold and striking",artistic:!0},{name:"Retro Terminal",googleFontsName:"VT323",categories:["retro","terminal","monospace","pixel","80s","tech"],description:"Retro terminal font, pixelated and nostalgic",artistic:!0},{name:"Retro Pixel",googleFontsName:"Press Start 2P",categories:["retro","pixel","8-bit","arcade","nostalgic","display"],description:"8-bit pixel font, classic arcade style",artistic:!0},{name:"Retro Display",googleFontsName:"Frijole",categories:["retro","playful","rounded","display","casual"],description:"Playful rounded retro font, fun and casual",artistic:!0},{name:"Decorative Ornate",googleFontsName:"Fascinate",categories:["decorative","ornate","display","striking","elaborate"],description:"Highly decorative display font, ornate and elaborate",artistic:!0},{name:"Decorative Outline",googleFontsName:"Fascinate Inline",categories:["decorative","outline","display","ornate","striking"],description:"Outlined decorative font, ornate and striking",artistic:!0},{name:"Decorative Script",googleFontsName:"Fredericka the Great",categories:["decorative","script","ornate","elegant","display"],description:"Elegant decorative script, ornate and sophisticated",artistic:!0},{name:"Horror Dripping",googleFontsName:"Nosifer",categories:["horror","creepy","dripping","blood","striking","display","intense"],description:"Creepy font with blood-dripping effects, very striking",artistic:!0},{name:"Tech Monospace",googleFontsName:"Share Tech Mono",categories:["tech","monospace","terminal","code","modern"],description:"Clean tech monospace font, modern and readable",artistic:!1},{name:"Tech Display",googleFontsName:"Rajdhani",categories:["tech","modern","geometric","sans-serif","futuristic"],description:"Modern geometric tech font, clean and futuristic",artistic:!1},{name:"Organic Flowing",googleFontsName:"Dancing Script",categories:["organic","flowing","natural","script","elegant"],description:"Flowing organic script, natural and elegant",artistic:!1},{name:"Modern Sans",googleFontsName:"Roboto",categories:["modern","clean","sans-serif","readable","professional"],description:"Clean modern sans-serif, professional and readable",artistic:!1},{name:"Modern Serif",googleFontsName:"Playfair Display",categories:["modern","serif","elegant","sophisticated","readable"],description:"Elegant modern serif, sophisticated and readable",artistic:!1},{name:"Bold Condensed",googleFontsName:"Bungee",categories:["bold","condensed","display","striking","impact"],description:"Bold condensed display font, high impact",artistic:!0},{name:"Bold Aggressive",googleFontsName:"Eater",categories:["bold","aggressive","display","striking","powerful"],description:"Bold aggressive display font, powerful and striking",artistic:!0},{name:"Handwritten Thin",googleFontsName:"Amatic SC",categories:["hand-drawn","uneven","organic","unsettling","subtle","scratchy"],description:"Thin hand-drawn letters with subtle irregularity, organic feel",artistic:!0},{name:"Rough Handwriting",googleFontsName:"Rock Salt",categories:["hand-drawn","scratchy","weathered","rough","unsettling","moderate"],description:"Rough, weathered handwriting with natural imperfection",artistic:!0},{name:"Typewriter Degraded",googleFontsName:"Special Elite",categories:["typewriter","decayed","weathered","imperfect","unsettling","moderate"],description:"Degraded typewriter font, vintage with imperfection",artistic:!0},{name:"Casual Handwriting",googleFontsName:"Handlee",categories:["hand-drawn","casual","imperfect","organic","subtle"],description:"Casual handwriting with subtle imperfection",artistic:!1},{name:"Childlike Organic",googleFontsName:"Indie Flower",categories:["hand-drawn","childlike","organic","imperfect","eerie","subtle"],description:"Childlike handwriting, can feel innocent or eerie depending on context",artistic:!1},{name:"Scratchy Personal",googleFontsName:"Shadows Into Light",categories:["hand-drawn","scratchy","personal","unsettling","uneven","moderate"],description:"Scratchy personal handwriting with unsettling quality",artistic:!0},{name:"Hurried Scratchy",googleFontsName:"Reenie Beanie",categories:["hand-drawn","scratchy","hurried","uneven","unsettling","moderate"],description:"Hurried scratchy handwriting with nervous energy",artistic:!0},{name:"Architectural Irregular",googleFontsName:"Architects Daughter",categories:["hand-drawn","imperfect","uneven","organic","subtle"],description:"Hand-drawn with architectural irregularity",artistic:!1},{name:"Informal Unsettling",googleFontsName:"Coming Soon",categories:["hand-drawn","informal","imperfect","unsettling","subtle"],description:"Informal handwriting that feels slightly off",artistic:!1},{name:"Manic Handwriting",googleFontsName:"Gloria Hallelujah",categories:["hand-drawn","playful","manic","uneven","unsettling","moderate"],description:"Playful handwriting that can feel manic or unsettled",artistic:!0},{name:"Quick Imperfect",googleFontsName:"Just Another Hand",categories:["hand-drawn","scratchy","quick","imperfect","uneven","subtle"],description:"Quick scratchy handwriting with natural imperfection",artistic:!1},{name:"Organic Handwriting",googleFontsName:"Kalam",categories:["hand-drawn","organic","natural","flowing","subtle"],description:"Organic natural handwriting with flowing quality",artistic:!1},{name:"Flowing Tension",googleFontsName:"Satisfy",categories:["script","flowing","tension","elegant","unsettling","subtle"],description:"Flowing script with underlying tension",artistic:!0},{name:"Unsettling Elegance",googleFontsName:"Yellowtail",categories:["script","elegant","stylized","unsettling","uneven","moderate"],description:"Stylized elegance with unsettling undertones",artistic:!0},{name:"Typewriter Imperfect",googleFontsName:"Cutive Mono",categories:["typewriter","monospace","imperfect","decayed","vintage","subtle"],description:"Imperfect vintage typewriter with character",artistic:!0}];function I(s){const e=s.toLowerCase().split(/\s+/).filter(t=>t.length>0),o=[],n=[];for(const t of e)t.startsWith("-")&&t.length>1?n.push(t.slice(1)):o.push(t);return{positive:o,negative:n}}function P(s,e){const o=new Set,n=new Map,t=2,i=[];for(const l of s){if(i.length>=e)break;if(o.has(l.font.googleFontsName))continue;const r=l.font.categories[0],a=n.get(r)||0;a>=t||(o.add(l.font.googleFontsName),n.set(r,a+1),i.push(l.font))}return i}function y(s,e){const{positive:o,negative:n}=I(s),t=(e==null?void 0:e.limit)??10,l=k.map(r=>{let a=0;for(const c of o){for(const h of r.categories)(h.includes(c)||c.includes(h))&&(a+=10);r.name.toLowerCase().includes(c)&&(a+=15),r.description.toLowerCase().includes(c)&&(a+=8)}for(const c of n){for(const h of r.categories)(h.includes(c)||c.includes(h))&&(a-=20);r.name.toLowerCase().includes(c)&&(a-=15),r.description.toLowerCase().includes(c)&&(a-=10)}return r.artistic&&(a+=1),{font:r,score:a}}).filter(r=>r.score>0).sort((r,a)=>a.score-r.score);return P(l,t)}function M(s){return y(s)[0]}const w=new Set;function N(s){return new Promise((e,o)=>{const n=s.replace(/\s+/g,"+");if(w.has(n)){e();return}if(document.querySelector(`link[href*="fonts.googleapis.com"][href*="${n}"]`)){w.add(n),e();return}const i=document.createElement("link");i.rel="stylesheet",i.href=`https://fonts.googleapis.com/css2?family=${n}:wght@400&display=swap`,i.onload=()=>{w.add(n),e()},i.onerror=()=>{console.warn(`Failed to load Google Font: ${s}`),o(new Error(`Failed to load Google Font: ${s}`))},document.head.appendChild(i)})}function E(s){return Promise.all(s.map(e=>N(e)))}function D(s){const e=s.replace(/\s+/g,"+");return w.has(e)}function H(s,e="sans-serif"){const o=["Caveat","Dancing Script","Finger Paint","Fredericka the Great","Amatic SC","Handlee","Indie Flower","Shadows Into Light","Rock Salt","Reenie Beanie","Architects Daughter","Coming Soon","Gloria Hallelujah","Just Another Hand","Kalam","Satisfy","Yellowtail"],n=["VT323","Press Start 2P","Share Tech Mono","Special Elite","Cutive Mono"];let t=e;return o.includes(s)?t="cursive":n.includes(s)&&(t="monospace"),`'${s}', ${t}`}function T(s,e){const o=s.toLowerCase(),n=e.rejectedFont.toLowerCase(),t=e.negativeAspects.map(a=>a.toLowerCase()),i=e.positiveAspects.map(a=>a.toLowerCase());return y(s).filter(a=>a.googleFontsName.toLowerCase()!==n&&a.name.toLowerCase()!==n).map(a=>{let c=0;for(const d of a.categories)o.includes(d)&&(c+=5);for(const d of i)(a.categories.some(m=>m.includes(d)||d.includes(m))||a.name.toLowerCase().includes(d)||a.description.toLowerCase().includes(d))&&(c+=15);for(const d of t)(a.categories.some(m=>m.includes(d)||d.includes(m))||a.name.toLowerCase().includes(d)||a.description.toLowerCase().includes(d))&&(c-=20);const h=i.some(d=>d.includes("striking")||d.includes("artistic")||d.includes("unique"));return h&&a.artistic&&(c+=10),h&&!a.artistic&&(c-=5),{font:a,score:c}}).filter(a=>a.score>0).sort((a,c)=>c.score-a.score).map(a=>a.font)}function R(s,e){return T(s,e)[0]}if(typeof window<"u"){const s={AnimatedText:b,FallingAnimation:f,SplittingAnimation:F,GlitchingAnimation:v,FloatingAnimation:S,calculateDisintegration:C,fontSuggestions:k,suggestFonts:y,suggestFont:M,loadGoogleFont:N,loadGoogleFonts:E,isFontLoaded:D,getFontFamily:H,refineSuggestion:T,refineFont:R,MOOD_CATEGORIES:A,INTENSITY_CATEGORIES:x};window.TypographyToolkit=s,window.AnimatedText=b}return g.AnimatedText=b,g.FallingAnimation=f,g.FloatingAnimation=S,g.GlitchingAnimation=v,g.INTENSITY_CATEGORIES=x,g.MOOD_CATEGORIES=A,g.SplittingAnimation=F,g.calculateDisintegration=C,g.fontSuggestions=k,g.getFontFamily=H,g.isFontLoaded=D,g.loadGoogleFont=N,g.loadGoogleFonts=E,g.refineFont=R,g.refineSuggestion=T,g.suggestFont=M,g.suggestFonts=y,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"}),g}({});
+var TypographyToolkit=function(c){"use strict";class f{update(t,a,i,n={}){const e=n.speed||1,l=n.amplitude||20,s=a*.2,d=(i*10*e+s*5)%l-l/2;return{...t,y:d}}}class y{update(t,a,i,n={}){const e=n.speed||1,l=n.amplitude||4,s=a*.2,h=Math.sin(i*.5*e+s)*l;return{...t,x:h}}}class S{constructor(){this.letterStates=new Map}update(t,a,i,n={}){const e=n.amplitude||3,l=n.speed||1;let s=this.letterStates.get(a);s||(s={lastUpdate:i,glitchX:0,glitchY:0,glitchRot:0},this.letterStates.set(a,s));const h=.1/l;return i-s.lastUpdate>h&&(s.glitchX=(Math.random()-.5)*e,s.glitchY=(Math.random()-.5)*(e*.67),s.glitchRot=(Math.random()-.5)*e,s.lastUpdate=i),{...t,x:s.glitchX,y:s.glitchY,rotation:s.glitchRot}}}class x{update(t,a,i,n={}){const e=n.speed||1,l=n.amplitude||15,s=a*.2,d=-((i*8*e+s*4)%l-l/2);return{...t,y:d}}}function E(o,t){const{x:a,y:i,rotation:n,scale:e,opacity:l}=t;o.style.transform=`translate(${a}px, ${i}px) rotate(${n}deg) scale(${e})`,o.style.opacity=l.toString()}function w(o,t,a,i,n,e){if(!e.enabled)return{state:{x:0,y:0,rotation:0,scale:1,opacity:1},applied:!1};const l=e.radius||80,s=e.strength||1,h=e.behaviors||["fall-away","split-apart","explode"],d=a-o,m=i-t,u=Math.sqrt(d*d+m*m);if(u>=l)return{state:{x:0,y:0,rotation:0,scale:1,opacity:1},applied:!1};const r=(1-u/l)*s,M=Math.atan2(m,d),D=h[n%h.length];let p;switch(D){case"fall-away":const Y=Math.cos(M)*r*20,$=Math.sin(M)*r*40+r*30;p={x:Y,y:$,rotation:r*15,scale:1,opacity:1-r*.6};break;case"split-apart":const k=n%2===0?1:-1;p={x:k*r*50,y:(Math.random()-.5)*r*10,rotation:r*10*k,scale:1,opacity:1-r*.6};break;case"explode":const v=M+(Math.random()-.5)*.5;p={x:Math.cos(v)*r*40,y:Math.sin(v)*r*40,rotation:r*30,scale:1+r*.4,opacity:1-r*.6};break;default:p={x:0,y:0,rotation:0,scale:1,opacity:1}}return{state:p,applied:!0}}class C{constructor(t){var a;if(this.letters=[],this.animationSpeedMultiplier=1,this.animationFrame=null,this.mouseX=0,this.mouseY=0,this.mouseMoveHandler=null,this.startTime=Date.now(),this.isDestroyed=!1,this.animationInstances=new Map,this.container=t.container,this.animationTypes=t.animations||["falling","splitting","glitching","floating"],this.cycle=t.cycle!==!1,this.speed=t.speed||1,this.amplitude=t.amplitude||1,this.animationEasing=t.animationEasing||"linear",this.disintegration=t.disintegration||{enabled:!1},this.style=t.style||{},this.fadeOut=t.fadeOut||0,this.callbacks=t.callbacks,t.animationSpeed!==void 0&&(this.animationSpeedMultiplier=this.parseAnimationSpeed(t.animationSpeed)),this.textContainer=document.createElement("div"),this.textContainer.style.position="absolute",this.textContainer.style.pointerEvents="none",this.textContainer.style.zIndex="1",t.containerClass&&(this.textContainer.className=t.containerClass),t.containerStyle&&Object.entries(t.containerStyle).forEach(([i,n])=>{this.textContainer.style.setProperty(i,n)}),t.position){let i=t.position.x,n=t.position.y;if(t.position.constrainToViewport){this.container.getBoundingClientRect();const e=window.innerWidth,l=window.innerHeight,s=t.text.length*20;i!==void 0&&(i=Math.max(0,Math.min(i,e-s))),n!==void 0&&(n=Math.max(0,Math.min(n,l-50)))}i!==void 0&&(this.textContainer.style.left=`${i}px`),n!==void 0&&(this.textContainer.style.top=`${n}px`)}this.createLetters(t.text),this.setupMouseTracking(),this.startAnimation(),(a=this.callbacks)!=null&&a.onCreate&&this.callbacks.onCreate(this.textContainer),this.fadeOut>0&&setTimeout(()=>this.destroy(),this.fadeOut)}createLetters(t){t.toUpperCase().split("").forEach((i,n)=>{if(i===" "){const s=document.createTextNode(" ");this.textContainer.appendChild(s);return}const e=document.createElement("span");e.className="animated-letter",e.textContent=i,e.dataset.index=n.toString(),e.dataset.char=i,this.applyStyle(e),e.style.display="inline-block",e.style.position="relative",e.style.transition="transform 0.1s ease-out",this.textContainer.appendChild(e);const l=e.getBoundingClientRect();this.letters.push({element:e,index:n,char:i,baseX:l.left,baseY:l.top})}),this.container.appendChild(this.textContainer)}applyStyle(t){this.style.fontFamily&&(t.style.fontFamily=this.style.fontFamily),this.style.fontSize&&(t.style.fontSize=`${this.style.fontSize}px`),this.style.color&&(t.style.color=this.style.color),this.style.fontWeight&&(t.style.fontWeight=this.style.fontWeight),this.style.textShadow&&(t.style.textShadow=this.style.textShadow),this.style.letterSpacing&&(t.style.letterSpacing=this.style.letterSpacing),this.style.textTransform&&(t.style.textTransform=this.style.textTransform)}setupMouseTracking(){this.disintegration.enabled&&(this.mouseMoveHandler=t=>{this.mouseX=t.clientX,this.mouseY=t.clientY},document.addEventListener("mousemove",this.mouseMoveHandler))}startAnimation(){const t=()=>{if(this.isDestroyed)return;const a=(Date.now()-this.startTime)*.001;this.letters.forEach((i,n)=>{var m;const e=i.element.getBoundingClientRect(),l=e.left+e.width/2,s=e.top+e.height/2,h=w(l,s,this.mouseX,this.mouseY,n,this.disintegration);let d;if(h.applied)d=h.state,(m=this.callbacks)!=null&&m.onDisintegrate&&this.callbacks.onDisintegrate(n);else{const u=this.getAnimationType(n);d=this.getAnimation(u).update({x:0,y:0,rotation:0,scale:1,opacity:1},n,a,{speed:this.speed*this.animationSpeedMultiplier,amplitude:this.amplitude*(u==="falling"||u==="floating"?20:4)})}E(i.element,d)}),this.animationFrame=requestAnimationFrame(t)};this.animationFrame=requestAnimationFrame(t)}getAnimationType(t){return this.cycle?this.animationTypes[t%this.animationTypes.length]:this.animationTypes[0]}getAnimation(t){if(this.animationInstances.has(t))return this.animationInstances.get(t);let a;switch(t){case"falling":a=new f;break;case"splitting":a=new y;break;case"glitching":a=new S;break;case"floating":a=new x;break;default:a=new f}return this.animationInstances.set(t,a),a}parseAnimationSpeed(t){if(typeof t=="number")return t;switch(t){case"slow":return .5;case"normal":return 1;case"fast":return 2;default:return 1}}getAnimationSpeed(){return this.animationSpeedMultiplier}setAnimationSpeed(t){this.animationSpeedMultiplier=this.parseAnimationSpeed(t)}getAnimationEasing(){return this.animationEasing}setAnimationEasing(t){this.animationEasing=t}destroy(){var t;this.isDestroyed||(this.isDestroyed=!0,this.animationFrame!==null&&cancelAnimationFrame(this.animationFrame),this.mouseMoveHandler&&document.removeEventListener("mousemove",this.mouseMoveHandler),this.animationInstances.clear(),(t=this.callbacks)!=null&&t.onDestroy&&this.callbacks.onDestroy(),this.textContainer.style.transition="opacity 3s ease",this.textContainer.style.opacity="0",setTimeout(()=>{this.textContainer.parentNode&&this.textContainer.parentNode.removeChild(this.textContainer)},3e3))}getElement(){return this.textContainer}}const g=new Set;function F(o){return new Promise((t,a)=>{const i=o.replace(/\s+/g,"+");if(g.has(i)){t();return}if(document.querySelector(`link[href*="fonts.googleapis.com"][href*="${i}"]`)){g.add(i),t();return}const e=document.createElement("link");e.rel="stylesheet",e.href=`https://fonts.googleapis.com/css2?family=${i}:wght@400&display=swap`,e.onload=()=>{g.add(i),t()},e.onerror=()=>{console.warn(`Failed to load Google Font: ${o}`),a(new Error(`Failed to load Google Font: ${o}`))},document.head.appendChild(e)})}function A(o){return Promise.all(o.map(t=>F(t)))}function T(o){const t=o.replace(/\s+/g,"+");return g.has(t)}function b(o,t="sans-serif"){const a=["Caveat","Dancing Script","Finger Paint","Fredericka the Great","Amatic SC","Handlee","Indie Flower","Shadows Into Light","Rock Salt","Reenie Beanie","Architects Daughter","Coming Soon","Gloria Hallelujah","Just Another Hand","Kalam","Satisfy","Yellowtail"],i=["VT323","Press Start 2P","Share Tech Mono","Special Elite","Cutive Mono"];let n=t;return a.includes(o)?n="cursive":i.includes(o)&&(n="monospace"),`'${o}', ${n}`}if(typeof window<"u"){const o={AnimatedText:C,FallingAnimation:f,SplittingAnimation:y,GlitchingAnimation:S,FloatingAnimation:x,calculateDisintegration:w,loadGoogleFont:F,loadGoogleFonts:A,isFontLoaded:T,getFontFamily:b};window.TypographyToolkit=o,window.AnimatedText=C}return c.AnimatedText=C,c.FallingAnimation=f,c.FloatingAnimation=x,c.GlitchingAnimation=S,c.SplittingAnimation=y,c.calculateDisintegration=w,c.getFontFamily=b,c.isFontLoaded=T,c.loadGoogleFont=F,c.loadGoogleFonts=A,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}),c}({});

package/dist/typography-toolkit.umd.js

@@ -1 +1 @@
-(function(d,p){typeof exports=="object"&&typeof module<"u"?p(exports):typeof define=="function"&&define.amd?define(["exports"],p):(d=typeof globalThis<"u"?globalThis:d||self,p(d.TypographyToolkit={}))})(this,function(d){"use strict";class p{update(e,o,n,t={}){const i=t.speed||1,l=t.amplitude||20,r=o*.2,c=(n*10*i+r*5)%l-l/2;return{...e,y:c}}}class F{update(e,o,n,t={}){const i=t.speed||1,l=t.amplitude||4,r=o*.2,a=Math.sin(n*.5*i+r)*l;return{...e,x:a}}}class S{constructor(){this.lastUpdate=0,this.glitchX=0,this.glitchY=0,this.glitchRot=0}update(e,o,n,t={}){const i=t.amplitude||3;return n-this.lastUpdate>.1&&(this.glitchX=(Math.random()-.5)*i,this.glitchY=(Math.random()-.5)*(i*.67),this.glitchRot=(Math.random()-.5)*i,this.lastUpdate=n),{...e,x:this.glitchX,y:this.glitchY,rotation:this.glitchRot}}}class v{update(e,o,n,t={}){const i=t.speed||1,l=t.amplitude||15,r=o*.2,c=-((n*8*i+r*4)%l-l/2);return{...e,y:c}}}function G(s,e){const{x:o,y:n,rotation:t,scale:i,opacity:l}=e;s.style.transform=`translate(${o}px, ${n}px) rotate(${t}deg) scale(${i})`,s.style.opacity=l.toString()}function C(s,e,o,n,t,i){if(!i.enabled)return{state:{x:0,y:0,rotation:0,scale:1,opacity:1},applied:!1};const l=i.radius||80,r=i.strength||1,a=i.behaviors||["fall-away","split-apart","explode"],c=o-s,h=n-e,g=Math.sqrt(c*c+h*h);if(g>=l)return{state:{x:0,y:0,rotation:0,scale:1,opacity:1},applied:!1};const u=(1-g/l)*r,m=Math.atan2(h,c),B=a[t%a.length];let f;switch(B){case"fall-away":const Y=Math.cos(m)*u*20,$=Math.sin(m)*u*40+u*30;f={x:Y,y:$,rotation:u*15,scale:1,opacity:1-u*.6};break;case"split-apart":const L=t%2===0?1:-1;f={x:L*u*50,y:(Math.random()-.5)*u*10,rotation:u*10*L,scale:1,opacity:1-u*.6};break;case"explode":const O=m+(Math.random()-.5)*.5;f={x:Math.cos(O)*u*40,y:Math.sin(O)*u*40,rotation:u*30,scale:1+u*.4,opacity:1-u*.6};break;default:f={x:0,y:0,rotation:0,scale:1,opacity:1}}return{state:f,applied:!0}}class b{constructor(e){var o;if(this.letters=[],this.animationSpeedMultiplier=1,this.animationFrame=null,this.mouseX=0,this.mouseY=0,this.mouseMoveHandler=null,this.startTime=Date.now(),this.isDestroyed=!1,this.container=e.container,this.animationTypes=e.animations||["falling","splitting","glitching","floating"],this.cycle=e.cycle!==!1,this.speed=e.speed||1,this.amplitude=e.amplitude||1,this.animationEasing=e.animationEasing||"linear",this.disintegration=e.disintegration||{enabled:!1},this.style=e.style||{},this.fadeOut=e.fadeOut||0,this.callbacks=e.callbacks,e.animationSpeed!==void 0&&(this.animationSpeedMultiplier=this.parseAnimationSpeed(e.animationSpeed)),this.textContainer=document.createElement("div"),this.textContainer.style.position="absolute",this.textContainer.style.pointerEvents="none",this.textContainer.style.zIndex="1",e.containerClass&&(this.textContainer.className=e.containerClass),e.containerStyle&&Object.entries(e.containerStyle).forEach(([n,t])=>{this.textContainer.style.setProperty(n,t)}),e.position){let n=e.position.x,t=e.position.y;if(e.position.constrainToViewport){this.container.getBoundingClientRect();const i=window.innerWidth,l=window.innerHeight,r=e.text.length*20;n!==void 0&&(n=Math.max(0,Math.min(n,i-r))),t!==void 0&&(t=Math.max(0,Math.min(t,l-50)))}n!==void 0&&(this.textContainer.style.left=`${n}px`),t!==void 0&&(this.textContainer.style.top=`${t}px`)}this.createLetters(e.text),this.setupMouseTracking(),this.startAnimation(),(o=this.callbacks)!=null&&o.onCreate&&this.callbacks.onCreate(this.textContainer),this.fadeOut>0&&setTimeout(()=>this.destroy(),this.fadeOut)}createLetters(e){e.toUpperCase().split("").forEach((n,t)=>{if(n===" "){const r=document.createTextNode(" ");this.textContainer.appendChild(r);return}const i=document.createElement("span");i.className="animated-letter",i.textContent=n,i.dataset.index=t.toString(),i.dataset.char=n,this.applyStyle(i),i.style.display="inline-block",i.style.position="relative",i.style.transition="transform 0.1s ease-out",this.textContainer.appendChild(i);const l=i.getBoundingClientRect();this.letters.push({element:i,index:t,char:n,baseX:l.left,baseY:l.top})}),this.container.appendChild(this.textContainer)}applyStyle(e){this.style.fontFamily&&(e.style.fontFamily=this.style.fontFamily),this.style.fontSize&&(e.style.fontSize=`${this.style.fontSize}px`),this.style.color&&(e.style.color=this.style.color),this.style.fontWeight&&(e.style.fontWeight=this.style.fontWeight),this.style.textShadow&&(e.style.textShadow=this.style.textShadow),this.style.letterSpacing&&(e.style.letterSpacing=this.style.letterSpacing),this.style.textTransform&&(e.style.textTransform=this.style.textTransform)}setupMouseTracking(){this.disintegration.enabled&&(this.mouseMoveHandler=e=>{this.mouseX=e.clientX,this.mouseY=e.clientY},document.addEventListener("mousemove",this.mouseMoveHandler))}startAnimation(){const e=()=>{if(this.isDestroyed)return;const o=(Date.now()-this.startTime)*.001;this.letters.forEach((n,t)=>{var h;const i=n.element.getBoundingClientRect(),l=i.left+i.width/2,r=i.top+i.height/2,a=C(l,r,this.mouseX,this.mouseY,t,this.disintegration);let c;if(a.applied)c=a.state,(h=this.callbacks)!=null&&h.onDisintegrate&&this.callbacks.onDisintegrate(t);else{const g=this.getAnimationType(t);c=this.getAnimation(g).update({x:0,y:0,rotation:0,scale:1,opacity:1},t,o,{speed:this.speed*this.animationSpeedMultiplier,amplitude:this.amplitude*(g==="falling"||g==="floating"?20:4)})}G(n.element,c)}),this.animationFrame=requestAnimationFrame(e)};this.animationFrame=requestAnimationFrame(e)}getAnimationType(e){return this.cycle?this.animationTypes[e%this.animationTypes.length]:this.animationTypes[0]}getAnimation(e){switch(e){case"falling":return new p;case"splitting":return new F;case"glitching":return new S;case"floating":return new v;default:return new p}}parseAnimationSpeed(e){if(typeof e=="number")return e;switch(e){case"slow":return .5;case"normal":return 1;case"fast":return 2;default:return 1}}getAnimationSpeed(){return this.animationSpeedMultiplier}setAnimationSpeed(e){this.animationSpeedMultiplier=this.parseAnimationSpeed(e)}getAnimationEasing(){return this.animationEasing}setAnimationEasing(e){this.animationEasing=e}destroy(){var e;this.isDestroyed||(this.isDestroyed=!0,this.animationFrame!==null&&cancelAnimationFrame(this.animationFrame),this.mouseMoveHandler&&document.removeEventListener("mousemove",this.mouseMoveHandler),(e=this.callbacks)!=null&&e.onDestroy&&this.callbacks.onDestroy(),this.textContainer.style.transition="opacity 3s ease",this.textContainer.style.opacity="0",setTimeout(()=>{this.textContainer.parentNode&&this.textContainer.parentNode.removeChild(this.textContainer)},3e3))}getElement(){return this.textContainer}}const x=["unsettling","eerie","decayed","weathered","organic","imperfect","uneven","scratchy"],A=["subtle","moderate","intense"],k=[{name:"Hand-drawn Casual",googleFontsName:"Caveat",categories:["hand-drawn","handwriting","casual","sketchy","informal"],description:"Casual handwritten style, friendly and approachable",artistic:!1},{name:"Hand-drawn Playful",googleFontsName:"Finger Paint",categories:["hand-drawn","playful","childlike","casual","sketchy"],description:"Bold hand-drawn style, playful and energetic",artistic:!0},{name:"Hand-drawn Script",googleFontsName:"Dancing Script",categories:["hand-drawn","script","elegant","flowing","cursive"],description:"Elegant flowing script, graceful and organic",artistic:!1},{name:"Gothic Blackletter",googleFontsName:"UnifrakturMaguntia",categories:["gothic","medieval","blackletter","ornate","historical"],description:"Medieval blackletter style, ornate and historical",artistic:!0},{name:"Gothic Horror",googleFontsName:"Creepster",categories:["gothic","horror","creepy","dripping","display","striking","intense"],description:"Horror-style font with dripping effects, very striking",artistic:!0},{name:"Gothic Bold",googleFontsName:"Eater",categories:["gothic","bold","aggressive","display","striking"],description:"Bold aggressive display font, powerful impact",artistic:!0},{name:"Futuristic Digital",googleFontsName:"Orbitron",categories:["futuristic","sci-fi","digital","tech","modern","geometric"],description:"Futuristic geometric font, tech-forward and modern",artistic:!0},{name:"Futuristic Display",googleFontsName:"Bungee",categories:["futuristic","display","bold","condensed","striking"],description:"Bold condensed display font, high impact",artistic:!0},{name:"Futuristic Outline",googleFontsName:"Bungee Shade",categories:["futuristic","outline","display","bold","striking"],description:"Outlined version of Bungee, bold and striking",artistic:!0},{name:"Retro Terminal",googleFontsName:"VT323",categories:["retro","terminal","monospace","pixel","80s","tech"],description:"Retro terminal font, pixelated and nostalgic",artistic:!0},{name:"Retro Pixel",googleFontsName:"Press Start 2P",categories:["retro","pixel","8-bit","arcade","nostalgic","display"],description:"8-bit pixel font, classic arcade style",artistic:!0},{name:"Retro Display",googleFontsName:"Frijole",categories:["retro","playful","rounded","display","casual"],description:"Playful rounded retro font, fun and casual",artistic:!0},{name:"Decorative Ornate",googleFontsName:"Fascinate",categories:["decorative","ornate","display","striking","elaborate"],description:"Highly decorative display font, ornate and elaborate",artistic:!0},{name:"Decorative Outline",googleFontsName:"Fascinate Inline",categories:["decorative","outline","display","ornate","striking"],description:"Outlined decorative font, ornate and striking",artistic:!0},{name:"Decorative Script",googleFontsName:"Fredericka the Great",categories:["decorative","script","ornate","elegant","display"],description:"Elegant decorative script, ornate and sophisticated",artistic:!0},{name:"Horror Dripping",googleFontsName:"Nosifer",categories:["horror","creepy","dripping","blood","striking","display","intense"],description:"Creepy font with blood-dripping effects, very striking",artistic:!0},{name:"Tech Monospace",googleFontsName:"Share Tech Mono",categories:["tech","monospace","terminal","code","modern"],description:"Clean tech monospace font, modern and readable",artistic:!1},{name:"Tech Display",googleFontsName:"Rajdhani",categories:["tech","modern","geometric","sans-serif","futuristic"],description:"Modern geometric tech font, clean and futuristic",artistic:!1},{name:"Organic Flowing",googleFontsName:"Dancing Script",categories:["organic","flowing","natural","script","elegant"],description:"Flowing organic script, natural and elegant",artistic:!1},{name:"Modern Sans",googleFontsName:"Roboto",categories:["modern","clean","sans-serif","readable","professional"],description:"Clean modern sans-serif, professional and readable",artistic:!1},{name:"Modern Serif",googleFontsName:"Playfair Display",categories:["modern","serif","elegant","sophisticated","readable"],description:"Elegant modern serif, sophisticated and readable",artistic:!1},{name:"Bold Condensed",googleFontsName:"Bungee",categories:["bold","condensed","display","striking","impact"],description:"Bold condensed display font, high impact",artistic:!0},{name:"Bold Aggressive",googleFontsName:"Eater",categories:["bold","aggressive","display","striking","powerful"],description:"Bold aggressive display font, powerful and striking",artistic:!0},{name:"Handwritten Thin",googleFontsName:"Amatic SC",categories:["hand-drawn","uneven","organic","unsettling","subtle","scratchy"],description:"Thin hand-drawn letters with subtle irregularity, organic feel",artistic:!0},{name:"Rough Handwriting",googleFontsName:"Rock Salt",categories:["hand-drawn","scratchy","weathered","rough","unsettling","moderate"],description:"Rough, weathered handwriting with natural imperfection",artistic:!0},{name:"Typewriter Degraded",googleFontsName:"Special Elite",categories:["typewriter","decayed","weathered","imperfect","unsettling","moderate"],description:"Degraded typewriter font, vintage with imperfection",artistic:!0},{name:"Casual Handwriting",googleFontsName:"Handlee",categories:["hand-drawn","casual","imperfect","organic","subtle"],description:"Casual handwriting with subtle imperfection",artistic:!1},{name:"Childlike Organic",googleFontsName:"Indie Flower",categories:["hand-drawn","childlike","organic","imperfect","eerie","subtle"],description:"Childlike handwriting, can feel innocent or eerie depending on context",artistic:!1},{name:"Scratchy Personal",googleFontsName:"Shadows Into Light",categories:["hand-drawn","scratchy","personal","unsettling","uneven","moderate"],description:"Scratchy personal handwriting with unsettling quality",artistic:!0},{name:"Hurried Scratchy",googleFontsName:"Reenie Beanie",categories:["hand-drawn","scratchy","hurried","uneven","unsettling","moderate"],description:"Hurried scratchy handwriting with nervous energy",artistic:!0},{name:"Architectural Irregular",googleFontsName:"Architects Daughter",categories:["hand-drawn","imperfect","uneven","organic","subtle"],description:"Hand-drawn with architectural irregularity",artistic:!1},{name:"Informal Unsettling",googleFontsName:"Coming Soon",categories:["hand-drawn","informal","imperfect","unsettling","subtle"],description:"Informal handwriting that feels slightly off",artistic:!1},{name:"Manic Handwriting",googleFontsName:"Gloria Hallelujah",categories:["hand-drawn","playful","manic","uneven","unsettling","moderate"],description:"Playful handwriting that can feel manic or unsettled",artistic:!0},{name:"Quick Imperfect",googleFontsName:"Just Another Hand",categories:["hand-drawn","scratchy","quick","imperfect","uneven","subtle"],description:"Quick scratchy handwriting with natural imperfection",artistic:!1},{name:"Organic Handwriting",googleFontsName:"Kalam",categories:["hand-drawn","organic","natural","flowing","subtle"],description:"Organic natural handwriting with flowing quality",artistic:!1},{name:"Flowing Tension",googleFontsName:"Satisfy",categories:["script","flowing","tension","elegant","unsettling","subtle"],description:"Flowing script with underlying tension",artistic:!0},{name:"Unsettling Elegance",googleFontsName:"Yellowtail",categories:["script","elegant","stylized","unsettling","uneven","moderate"],description:"Stylized elegance with unsettling undertones",artistic:!0},{name:"Typewriter Imperfect",googleFontsName:"Cutive Mono",categories:["typewriter","monospace","imperfect","decayed","vintage","subtle"],description:"Imperfect vintage typewriter with character",artistic:!0}];function I(s){const e=s.toLowerCase().split(/\s+/).filter(t=>t.length>0),o=[],n=[];for(const t of e)t.startsWith("-")&&t.length>1?n.push(t.slice(1)):o.push(t);return{positive:o,negative:n}}function P(s,e){const o=new Set,n=new Map,t=2,i=[];for(const l of s){if(i.length>=e)break;if(o.has(l.font.googleFontsName))continue;const r=l.font.categories[0],a=n.get(r)||0;a>=t||(o.add(l.font.googleFontsName),n.set(r,a+1),i.push(l.font))}return i}function y(s,e){const{positive:o,negative:n}=I(s),t=(e==null?void 0:e.limit)??10,l=k.map(r=>{let a=0;for(const c of o){for(const h of r.categories)(h.includes(c)||c.includes(h))&&(a+=10);r.name.toLowerCase().includes(c)&&(a+=15),r.description.toLowerCase().includes(c)&&(a+=8)}for(const c of n){for(const h of r.categories)(h.includes(c)||c.includes(h))&&(a-=20);r.name.toLowerCase().includes(c)&&(a-=15),r.description.toLowerCase().includes(c)&&(a-=10)}return r.artistic&&(a+=1),{font:r,score:a}}).filter(r=>r.score>0).sort((r,a)=>a.score-r.score);return P(l,t)}function M(s){return y(s)[0]}const w=new Set;function N(s){return new Promise((e,o)=>{const n=s.replace(/\s+/g,"+");if(w.has(n)){e();return}if(document.querySelector(`link[href*="fonts.googleapis.com"][href*="${n}"]`)){w.add(n),e();return}const i=document.createElement("link");i.rel="stylesheet",i.href=`https://fonts.googleapis.com/css2?family=${n}:wght@400&display=swap`,i.onload=()=>{w.add(n),e()},i.onerror=()=>{console.warn(`Failed to load Google Font: ${s}`),o(new Error(`Failed to load Google Font: ${s}`))},document.head.appendChild(i)})}function E(s){return Promise.all(s.map(e=>N(e)))}function D(s){const e=s.replace(/\s+/g,"+");return w.has(e)}function H(s,e="sans-serif"){const o=["Caveat","Dancing Script","Finger Paint","Fredericka the Great","Amatic SC","Handlee","Indie Flower","Shadows Into Light","Rock Salt","Reenie Beanie","Architects Daughter","Coming Soon","Gloria Hallelujah","Just Another Hand","Kalam","Satisfy","Yellowtail"],n=["VT323","Press Start 2P","Share Tech Mono","Special Elite","Cutive Mono"];let t=e;return o.includes(s)?t="cursive":n.includes(s)&&(t="monospace"),`'${s}', ${t}`}function T(s,e){const o=s.toLowerCase(),n=e.rejectedFont.toLowerCase(),t=e.negativeAspects.map(a=>a.toLowerCase()),i=e.positiveAspects.map(a=>a.toLowerCase());return y(s).filter(a=>a.googleFontsName.toLowerCase()!==n&&a.name.toLowerCase()!==n).map(a=>{let c=0;for(const g of a.categories)o.includes(g)&&(c+=5);for(const g of i)(a.categories.some(m=>m.includes(g)||g.includes(m))||a.name.toLowerCase().includes(g)||a.description.toLowerCase().includes(g))&&(c+=15);for(const g of t)(a.categories.some(m=>m.includes(g)||g.includes(m))||a.name.toLowerCase().includes(g)||a.description.toLowerCase().includes(g))&&(c-=20);const h=i.some(g=>g.includes("striking")||g.includes("artistic")||g.includes("unique"));return h&&a.artistic&&(c+=10),h&&!a.artistic&&(c-=5),{font:a,score:c}}).filter(a=>a.score>0).sort((a,c)=>c.score-a.score).map(a=>a.font)}function R(s,e){return T(s,e)[0]}if(typeof window<"u"){const s={AnimatedText:b,FallingAnimation:p,SplittingAnimation:F,GlitchingAnimation:S,FloatingAnimation:v,calculateDisintegration:C,fontSuggestions:k,suggestFonts:y,suggestFont:M,loadGoogleFont:N,loadGoogleFonts:E,isFontLoaded:D,getFontFamily:H,refineSuggestion:T,refineFont:R,MOOD_CATEGORIES:x,INTENSITY_CATEGORIES:A};window.TypographyToolkit=s,window.AnimatedText=b}d.AnimatedText=b,d.FallingAnimation=p,d.FloatingAnimation=v,d.GlitchingAnimation=S,d.INTENSITY_CATEGORIES=A,d.MOOD_CATEGORIES=x,d.SplittingAnimation=F,d.calculateDisintegration=C,d.fontSuggestions=k,d.getFontFamily=H,d.isFontLoaded=D,d.loadGoogleFont=N,d.loadGoogleFonts=E,d.refineFont=R,d.refineSuggestion=T,d.suggestFont=M,d.suggestFonts=y,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(r,m){typeof exports=="object"&&typeof module<"u"?m(exports):typeof define=="function"&&define.amd?define(["exports"],m):(r=typeof globalThis<"u"?globalThis:r||self,m(r.TypographyToolkit={}))})(this,function(r){"use strict";class m{update(t,a,i,n={}){const e=n.speed||1,l=n.amplitude||20,s=a*.2,d=(i*10*e+s*5)%l-l/2;return{...t,y:d}}}class g{update(t,a,i,n={}){const e=n.speed||1,l=n.amplitude||4,s=a*.2,h=Math.sin(i*.5*e+s)*l;return{...t,x:h}}}class S{constructor(){this.letterStates=new Map}update(t,a,i,n={}){const e=n.amplitude||3,l=n.speed||1;let s=this.letterStates.get(a);s||(s={lastUpdate:i,glitchX:0,glitchY:0,glitchRot:0},this.letterStates.set(a,s));const h=.1/l;return i-s.lastUpdate>h&&(s.glitchX=(Math.random()-.5)*e,s.glitchY=(Math.random()-.5)*(e*.67),s.glitchRot=(Math.random()-.5)*e,s.lastUpdate=i),{...t,x:s.glitchX,y:s.glitchY,rotation:s.glitchRot}}}class x{update(t,a,i,n={}){const e=n.speed||1,l=n.amplitude||15,s=a*.2,d=-((i*8*e+s*4)%l-l/2);return{...t,y:d}}}function E(o,t){const{x:a,y:i,rotation:n,scale:e,opacity:l}=t;o.style.transform=`translate(${a}px, ${i}px) rotate(${n}deg) scale(${e})`,o.style.opacity=l.toString()}function w(o,t,a,i,n,e){if(!e.enabled)return{state:{x:0,y:0,rotation:0,scale:1,opacity:1},applied:!1};const l=e.radius||80,s=e.strength||1,h=e.behaviors||["fall-away","split-apart","explode"],d=a-o,u=i-t,p=Math.sqrt(d*d+u*u);if(p>=l)return{state:{x:0,y:0,rotation:0,scale:1,opacity:1},applied:!1};const c=(1-p/l)*s,M=Math.atan2(u,d),D=h[n%h.length];let f;switch(D){case"fall-away":const Y=Math.cos(M)*c*20,$=Math.sin(M)*c*40+c*30;f={x:Y,y:$,rotation:c*15,scale:1,opacity:1-c*.6};break;case"split-apart":const k=n%2===0?1:-1;f={x:k*c*50,y:(Math.random()-.5)*c*10,rotation:c*10*k,scale:1,opacity:1-c*.6};break;case"explode":const v=M+(Math.random()-.5)*.5;f={x:Math.cos(v)*c*40,y:Math.sin(v)*c*40,rotation:c*30,scale:1+c*.4,opacity:1-c*.6};break;default:f={x:0,y:0,rotation:0,scale:1,opacity:1}}return{state:f,applied:!0}}class C{constructor(t){var a;if(this.letters=[],this.animationSpeedMultiplier=1,this.animationFrame=null,this.mouseX=0,this.mouseY=0,this.mouseMoveHandler=null,this.startTime=Date.now(),this.isDestroyed=!1,this.animationInstances=new Map,this.container=t.container,this.animationTypes=t.animations||["falling","splitting","glitching","floating"],this.cycle=t.cycle!==!1,this.speed=t.speed||1,this.amplitude=t.amplitude||1,this.animationEasing=t.animationEasing||"linear",this.disintegration=t.disintegration||{enabled:!1},this.style=t.style||{},this.fadeOut=t.fadeOut||0,this.callbacks=t.callbacks,t.animationSpeed!==void 0&&(this.animationSpeedMultiplier=this.parseAnimationSpeed(t.animationSpeed)),this.textContainer=document.createElement("div"),this.textContainer.style.position="absolute",this.textContainer.style.pointerEvents="none",this.textContainer.style.zIndex="1",t.containerClass&&(this.textContainer.className=t.containerClass),t.containerStyle&&Object.entries(t.containerStyle).forEach(([i,n])=>{this.textContainer.style.setProperty(i,n)}),t.position){let i=t.position.x,n=t.position.y;if(t.position.constrainToViewport){this.container.getBoundingClientRect();const e=window.innerWidth,l=window.innerHeight,s=t.text.length*20;i!==void 0&&(i=Math.max(0,Math.min(i,e-s))),n!==void 0&&(n=Math.max(0,Math.min(n,l-50)))}i!==void 0&&(this.textContainer.style.left=`${i}px`),n!==void 0&&(this.textContainer.style.top=`${n}px`)}this.createLetters(t.text),this.setupMouseTracking(),this.startAnimation(),(a=this.callbacks)!=null&&a.onCreate&&this.callbacks.onCreate(this.textContainer),this.fadeOut>0&&setTimeout(()=>this.destroy(),this.fadeOut)}createLetters(t){t.toUpperCase().split("").forEach((i,n)=>{if(i===" "){const s=document.createTextNode(" ");this.textContainer.appendChild(s);return}const e=document.createElement("span");e.className="animated-letter",e.textContent=i,e.dataset.index=n.toString(),e.dataset.char=i,this.applyStyle(e),e.style.display="inline-block",e.style.position="relative",e.style.transition="transform 0.1s ease-out",this.textContainer.appendChild(e);const l=e.getBoundingClientRect();this.letters.push({element:e,index:n,char:i,baseX:l.left,baseY:l.top})}),this.container.appendChild(this.textContainer)}applyStyle(t){this.style.fontFamily&&(t.style.fontFamily=this.style.fontFamily),this.style.fontSize&&(t.style.fontSize=`${this.style.fontSize}px`),this.style.color&&(t.style.color=this.style.color),this.style.fontWeight&&(t.style.fontWeight=this.style.fontWeight),this.style.textShadow&&(t.style.textShadow=this.style.textShadow),this.style.letterSpacing&&(t.style.letterSpacing=this.style.letterSpacing),this.style.textTransform&&(t.style.textTransform=this.style.textTransform)}setupMouseTracking(){this.disintegration.enabled&&(this.mouseMoveHandler=t=>{this.mouseX=t.clientX,this.mouseY=t.clientY},document.addEventListener("mousemove",this.mouseMoveHandler))}startAnimation(){const t=()=>{if(this.isDestroyed)return;const a=(Date.now()-this.startTime)*.001;this.letters.forEach((i,n)=>{var u;const e=i.element.getBoundingClientRect(),l=e.left+e.width/2,s=e.top+e.height/2,h=w(l,s,this.mouseX,this.mouseY,n,this.disintegration);let d;if(h.applied)d=h.state,(u=this.callbacks)!=null&&u.onDisintegrate&&this.callbacks.onDisintegrate(n);else{const p=this.getAnimationType(n);d=this.getAnimation(p).update({x:0,y:0,rotation:0,scale:1,opacity:1},n,a,{speed:this.speed*this.animationSpeedMultiplier,amplitude:this.amplitude*(p==="falling"||p==="floating"?20:4)})}E(i.element,d)}),this.animationFrame=requestAnimationFrame(t)};this.animationFrame=requestAnimationFrame(t)}getAnimationType(t){return this.cycle?this.animationTypes[t%this.animationTypes.length]:this.animationTypes[0]}getAnimation(t){if(this.animationInstances.has(t))return this.animationInstances.get(t);let a;switch(t){case"falling":a=new m;break;case"splitting":a=new g;break;case"glitching":a=new S;break;case"floating":a=new x;break;default:a=new m}return this.animationInstances.set(t,a),a}parseAnimationSpeed(t){if(typeof t=="number")return t;switch(t){case"slow":return .5;case"normal":return 1;case"fast":return 2;default:return 1}}getAnimationSpeed(){return this.animationSpeedMultiplier}setAnimationSpeed(t){this.animationSpeedMultiplier=this.parseAnimationSpeed(t)}getAnimationEasing(){return this.animationEasing}setAnimationEasing(t){this.animationEasing=t}destroy(){var t;this.isDestroyed||(this.isDestroyed=!0,this.animationFrame!==null&&cancelAnimationFrame(this.animationFrame),this.mouseMoveHandler&&document.removeEventListener("mousemove",this.mouseMoveHandler),this.animationInstances.clear(),(t=this.callbacks)!=null&&t.onDestroy&&this.callbacks.onDestroy(),this.textContainer.style.transition="opacity 3s ease",this.textContainer.style.opacity="0",setTimeout(()=>{this.textContainer.parentNode&&this.textContainer.parentNode.removeChild(this.textContainer)},3e3))}getElement(){return this.textContainer}}const y=new Set;function F(o){return new Promise((t,a)=>{const i=o.replace(/\s+/g,"+");if(y.has(i)){t();return}if(document.querySelector(`link[href*="fonts.googleapis.com"][href*="${i}"]`)){y.add(i),t();return}const e=document.createElement("link");e.rel="stylesheet",e.href=`https://fonts.googleapis.com/css2?family=${i}:wght@400&display=swap`,e.onload=()=>{y.add(i),t()},e.onerror=()=>{console.warn(`Failed to load Google Font: ${o}`),a(new Error(`Failed to load Google Font: ${o}`))},document.head.appendChild(e)})}function T(o){return Promise.all(o.map(t=>F(t)))}function A(o){const t=o.replace(/\s+/g,"+");return y.has(t)}function b(o,t="sans-serif"){const a=["Caveat","Dancing Script","Finger Paint","Fredericka the Great","Amatic SC","Handlee","Indie Flower","Shadows Into Light","Rock Salt","Reenie Beanie","Architects Daughter","Coming Soon","Gloria Hallelujah","Just Another Hand","Kalam","Satisfy","Yellowtail"],i=["VT323","Press Start 2P","Share Tech Mono","Special Elite","Cutive Mono"];let n=t;return a.includes(o)?n="cursive":i.includes(o)&&(n="monospace"),`'${o}', ${n}`}if(typeof window<"u"){const o={AnimatedText:C,FallingAnimation:m,SplittingAnimation:g,GlitchingAnimation:S,FloatingAnimation:x,calculateDisintegration:w,loadGoogleFont:F,loadGoogleFonts:T,isFontLoaded:A,getFontFamily:b};window.TypographyToolkit=o,window.AnimatedText=C}r.AnimatedText=C,r.FallingAnimation=m,r.FloatingAnimation=x,r.GlitchingAnimation=S,r.SplittingAnimation=g,r.calculateDisintegration=w,r.getFontFamily=b,r.isFontLoaded=A,r.loadGoogleFont=F,r.loadGoogleFonts=T,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "typography-toolkit",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Letter-by-letter text animations with proximity-based disintegration effects and Google Fonts selection",
   "main": "dist/typography-toolkit.umd.js",
   "module": "dist/typography-toolkit.esm.js",