@illuma-ai/icons 2.4.0 → 2.5.1

package/dist/brand/ThinkingOrb.d.ts

@@ -1,16 +1,22 @@
+/** Built-in color palettes for the orb. A palette is four RGB stops blended
+ *  around the orb as the noise field shifts. */
+export type ThinkingOrbPalette = 'aurora' | 'ai';
 export interface ThinkingOrbProps {
     /** Pixel diameter. Defaults to 20 (inline with text). */
     size?: number;
     /** Animation speed multiplier. Defaults to 1. */
     speed?: number;
+    /** Color palette. Defaults to `'ai'` (pink/purple). */
+    palette?: ThinkingOrbPalette;
     className?: string;
 }
 /**
  * A premium, AI-"thinking" fluid orb rendered with raw WebGL (no three.js). A
- * simplex-noise–deformed sphere with a shifting cyan→violet→magenta→amber
- * gradient and fresnel rim — the kind of organic, alive blob shown in modern
- * assistant UIs. Self-contained (~3KB), 60fps on a tiny canvas, transparent
+ * simplex-noise–deformed sphere with a shifting four-stop gradient and fresnel
+ * rim — the kind of organic, alive blob shown in modern assistant UIs. Defaults
+ * to the `'ai'` pink/purple palette; pass `palette="aurora"` for the original
+ * cyan→amber. Self-contained (~3KB), 60fps on a tiny canvas, transparent
  * background so it sits inline beside "Thinking" text on any theme. Falls back
  * gracefully (renders nothing) where WebGL is unavailable.
  */
-export declare function ThinkingOrb({ size, speed, className }: ThinkingOrbProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThinkingOrb({ size, speed, palette, className }: ThinkingOrbProps): import("react/jsx-runtime").JSX.Element;

package/dist/brand/index.d.ts

@@ -1,4 +1,4 @@
 export { TerminalIcon, AnimatedTerminalIcon } from './Terminal';
 export type { TerminalIconProps, AnimatedTerminalIconProps } from './Terminal';
 export { ThinkingOrb } from './ThinkingOrb';
-export type { ThinkingOrbProps } from './ThinkingOrb';
+export type { ThinkingOrbProps, ThinkingOrbPalette } from './ThinkingOrb';

package/dist/brand.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("react"),u=require("framer-motion"),p=l.forwardRef(function({size:o=24,className:a,...r},n){return i.jsxs("svg",{ref:n,width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:a,role:"img","aria-label":"Terminal",...r,children:[i.jsx("rect",{x:"2.5",y:"4",width:"19",height:"16",rx:"2.5"}),i.jsx("path",{d:"m6.5 9 3 3-3 3"}),i.jsx("path",{d:"M12.5 15h4",stroke:"#facc15"})]})}),b=l.forwardRef(function({size:o=24,running:a=!0,accent:r="#facc15",className:n,...s},e){return a?i.jsxs("svg",{ref:e,width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:n,role:"img","aria-label":"Terminal running",...s,children:[i.jsx("rect",{x:"2.5",y:"4",width:"19",height:"16",rx:"2.5"}),i.jsx("path",{d:"m6.5 9 3 3-3 3"}),i.jsx(u.motion.path,{d:"M12.5 15h5",stroke:r,initial:{pathLength:0,opacity:.9},animate:{pathLength:[0,1,1,0]},transition:{duration:1.6,times:[0,.5,.8,1],repeat:1/0,ease:"easeInOut"}}),i.jsx(u.motion.rect,{x:"18.5",y:"13.4",width:"1.6",height:"3.2",rx:"0.3",fill:r,stroke:"none",animate:{opacity:[1,1,0,0,1]},transition:{duration:1.1,times:[0,.4,.5,.9,1],repeat:1/0}})]}):i.jsx(p,{ref:e,size:o,className:n,...s})}),R=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),h=require("react"),g=require("framer-motion"),w=h.forwardRef(function({size:o=24,className:a,...i},c){return r.jsxs("svg",{ref:c,width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:a,role:"img","aria-label":"Terminal",...i,children:[r.jsx("rect",{x:"2.5",y:"4",width:"19",height:"16",rx:"2.5"}),r.jsx("path",{d:"m6.5 9 3 3-3 3"}),r.jsx("path",{d:"M12.5 15h4",stroke:"#facc15"})]})}),R=h.forwardRef(function({size:o=24,running:a=!0,accent:i="#facc15",className:c,...n},l){return a?r.jsxs("svg",{ref:l,width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:c,role:"img","aria-label":"Terminal running",...n,children:[r.jsx("rect",{x:"2.5",y:"4",width:"19",height:"16",rx:"2.5"}),r.jsx("path",{d:"m6.5 9 3 3-3 3"}),r.jsx(g.motion.path,{d:"M12.5 15h5",stroke:i,initial:{pathLength:0,opacity:.9},animate:{pathLength:[0,1,1,0]},transition:{duration:1.6,times:[0,.5,.8,1],repeat:1/0,ease:"easeInOut"}}),r.jsx(g.motion.rect,{x:"18.5",y:"13.4",width:"1.6",height:"3.2",rx:"0.3",fill:i,stroke:"none",animate:{opacity:[1,1,0,0,1]},transition:{duration:1.1,times:[0,.4,.5,.9,1],repeat:1/0}})]}):r.jsx(w,{ref:l,size:o,className:c,...n})}),p={aurora:["vec3(0.20,0.85,0.95)","vec3(0.55,0.35,0.95)","vec3(0.95,0.30,0.70)","vec3(1.0,0.75,0.30)"],ai:["vec3(0.55,0.36,0.98)","vec3(0.74,0.34,0.96)","vec3(0.96,0.36,0.82)","vec3(1.0,0.62,0.86)"]},k=`
 attribute vec2 p;
 varying vec2 uv;
 void main() { uv = p; gl_Position = vec4(p, 0.0, 1.0); }
-`,T=`
+`,S=t=>`
 precision highp float;
 varying vec2 uv;
 uniform float t;
@@ -27,27 +27,45 @@ float snoise(vec2 v){
 void main(){
   vec2 p=uv;
   float r=length(p);
-  // Noise-deform the radius so the silhouette wobbles organically.
-  float n=snoise(p*2.2+vec2(t*0.25,t*0.18))*0.5+snoise(p*4.0-vec2(t*0.2))*0.25;
-  float edge=0.78+n*0.16;
-  float orb=smoothstep(edge,edge-0.18,r);
-  if(orb<0.01){ gl_FragColor=vec4(0.0); return; }
-  // Shifting gradient palette.
   float a=atan(p.y,p.x);
-  float f=0.5+0.5*sin(a*1.0+t*0.6+n*2.0);
-  vec3 cyan=vec3(0.20,0.85,0.95);
-  vec3 violet=vec3(0.55,0.35,0.95);
-  vec3 magenta=vec3(0.95,0.30,0.70);
-  vec3 amber=vec3(1.0,0.75,0.30);
-  vec3 col=mix(cyan,violet,smoothstep(0.0,0.4,f));
-  col=mix(col,magenta,smoothstep(0.35,0.7,f));
-  col=mix(col,amber,smoothstep(0.7,1.0,f));
-  // Inner glow + fresnel rim.
+
+  // ── Alive silhouette ──────────────────────────────────────────────
+  // Several layers of moving noise deform the radius a LOT, so the orb
+  // visibly grows lobes and shrinks them — a living, bacteria-like blob.
+  float n1=snoise(vec2(cos(a),sin(a))*1.4 + vec2(t*0.5, t*0.37));
+  float n2=snoise(p*3.1 - vec2(t*0.43, t*0.31));
+  float n3=snoise(p*5.5 + vec2(t*0.6));
+  float wobble=n1*0.30 + n2*0.16 + n3*0.08;
+  // Slow breathing pulse on top of the wobble (grow ↔ shrink).
+  float breathe=0.06*sin(t*1.6);
+  float edge=0.70 + wobble + breathe;
+  float orb=smoothstep(edge,edge-0.20,r);
+  if(orb<0.01){ gl_FragColor=vec4(0.0); return; }
+
+  // ── Swirling internal color ───────────────────────────────────────
+  // Domain-warp the field with noise so the colors churn inside the orb
+  // (not just a static angular gradient).
+  float warp=snoise(p*2.0 + vec2(t*0.4, -t*0.3));
+  float f=0.5+0.5*sin(a*1.0 + t*1.1 + warp*2.5 + r*2.0);
+  vec3 c0=${t[0]};
+  vec3 c1=${t[1]};
+  vec3 c2=${t[2]};
+  vec3 c3=${t[3]};
+  vec3 col=mix(c0,c1,smoothstep(0.0,0.4,f));
+  col=mix(col,c2,smoothstep(0.35,0.7,f));
+  col=mix(col,c3,smoothstep(0.7,1.0,f));
+
+  // Moving bright core that drifts around (the "energy" inside).
+  vec2 coreOff=0.22*vec2(cos(t*0.9), sin(t*1.3));
+  float core=smoothstep(0.55,0.0,length(p-coreOff));
+  col+=core*0.35;
+
+  // Inner glow + bright fresnel rim.
   float glow=smoothstep(0.0,0.6,1.0-r);
-  col+=glow*0.25;
-  float rim=smoothstep(edge-0.02,edge-0.16,r);
-  col=mix(col,vec3(1.0),(1.0-rim)*0.35*orb);
+  col+=glow*0.20;
+  float rim=smoothstep(edge-0.02,edge-0.18,r);
+  col=mix(col,vec3(1.0),(1.0-rim)*0.40*orb);
   gl_FragColor=vec4(col,orb);
 }
-`;function g(t,o,a){const r=t.createShader(o);return t.shaderSource(r,a),t.compileShader(r),r}function k({size:t=20,speed:o=1,className:a}){const r=l.useRef(null);return l.useEffect(()=>{const n=r.current;if(!n)return;const s=Math.min(window.devicePixelRatio||1,2);n.width=t*s,n.height=t*s;const e=n.getContext("webgl",{premultipliedAlpha:!1,alpha:!0});if(!e)return;const c=e.createProgram();e.attachShader(c,g(e,e.VERTEX_SHADER,R)),e.attachShader(c,g(e,e.FRAGMENT_SHADER,T)),e.linkProgram(c),e.useProgram(c);const y=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,y),e.bufferData(e.ARRAY_BUFFER,new Float32Array([-1,-1,3,-1,-1,3]),e.STATIC_DRAW);const d=e.getAttribLocation(c,"p");e.enableVertexAttribArray(d),e.vertexAttribPointer(d,2,e.FLOAT,!1,0,0);const w=e.getUniformLocation(c,"t");e.viewport(0,0,n.width,n.height),e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);const f=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;let m=0,x=0;const v=h=>{x||(x=h);const A=(h-x)/1e3*o;e.uniform1f(w,f?.4:A),e.drawArrays(e.TRIANGLES,0,3),f||(m=requestAnimationFrame(v))};return m=requestAnimationFrame(v),()=>{cancelAnimationFrame(m),e.getExtension("WEBGL_lose_context")?.loseContext()}},[t,o]),i.jsx("canvas",{ref:r,className:a,style:{width:t,height:t,display:"inline-block"},role:"img","aria-label":"Thinking"})}exports.AnimatedTerminalIcon=b;exports.TerminalIcon=p;exports.ThinkingOrb=k;
+`;function b(t,o,a){const i=t.createShader(o);return t.shaderSource(i,a),t.compileShader(i),i}function L({size:t=20,speed:o=1,palette:a="ai",className:i}){const c=h.useRef(null);return h.useEffect(()=>{const n=c.current;if(!n)return;const l=Math.min(window.devicePixelRatio||1,2);n.width=t*l,n.height=t*l;const e=n.getContext("webgl",{premultipliedAlpha:!1,alpha:!0});if(!e)return;const s=e.createProgram();e.attachShader(s,b(e,e.VERTEX_SHADER,k)),e.attachShader(s,b(e,e.FRAGMENT_SHADER,S(p[a]??p.ai))),e.linkProgram(s),e.useProgram(s);const y=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,y),e.bufferData(e.ARRAY_BUFFER,new Float32Array([-1,-1,3,-1,-1,3]),e.STATIC_DRAW);const d=e.getAttribLocation(s,"p");e.enableVertexAttribArray(d),e.vertexAttribPointer(d,2,e.FLOAT,!1,0,0);const A=e.getUniformLocation(s,"t");e.viewport(0,0,n.width,n.height),e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);const x=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;let m=0,f=0;const u=v=>{f||(f=v);const T=(v-f)/1e3*o;e.uniform1f(A,x?.4:T),e.drawArrays(e.TRIANGLES,0,3),x||(m=requestAnimationFrame(u))};return m=requestAnimationFrame(u),()=>{cancelAnimationFrame(m),e.getExtension("WEBGL_lose_context")?.loseContext()}},[t,o,a]),r.jsx("canvas",{ref:c,className:i,style:{width:t,height:t,display:"inline-block"},role:"img","aria-label":"Thinking"})}exports.AnimatedTerminalIcon=R;exports.TerminalIcon=w;exports.ThinkingOrb=L;
 //# sourceMappingURL=brand.cjs.map

package/dist/brand.es.js

@@ -1,11 +1,11 @@
-import { jsxs as p, jsx as n } from "react/jsx-runtime";
-import { forwardRef as g, useRef as b, useEffect as R } from "react";
-import { motion as v } from "framer-motion";
-const T = g(function({ size: o = 24, className: a, ...r }, i) {
-  return /* @__PURE__ */ p(
+import { jsxs as b, jsx as n } from "react/jsx-runtime";
+import { forwardRef as w, useRef as T, useEffect as k } from "react";
+import { motion as u } from "framer-motion";
+const L = w(function({ size: o = 24, className: a, ...r }, c) {
+  return /* @__PURE__ */ b(
     "svg",
     {
-      ref: i,
+      ref: c,
       width: o,
       height: o,
       viewBox: "0 0 24 24",
@@ -25,12 +25,12 @@ const T = g(function({ size: o = 24, className: a, ...r }, i) {
       ]
     }
   );
-}), _ = g(
-  function({ size: o = 24, running: a = !0, accent: r = "#facc15", className: i, ...l }, e) {
-    return a ? /* @__PURE__ */ p(
+}), I = w(
+  function({ size: o = 24, running: a = !0, accent: r = "#facc15", className: c, ...i }, s) {
+    return a ? /* @__PURE__ */ b(
       "svg",
       {
-        ref: e,
+        ref: s,
         width: o,
         height: o,
         viewBox: "0 0 24 24",
@@ -39,15 +39,15 @@ const T = g(function({ size: o = 24, className: a, ...r }, i) {
         strokeWidth: 2,
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: i,
+        className: c,
         role: "img",
         "aria-label": "Terminal running",
-        ...l,
+        ...i,
         children: [
           /* @__PURE__ */ n("rect", { x: "2.5", y: "4", width: "19", height: "16", rx: "2.5" }),
           /* @__PURE__ */ n("path", { d: "m6.5 9 3 3-3 3" }),
           /* @__PURE__ */ n(
-            v.path,
+            u.path,
             {
               d: "M12.5 15h5",
               stroke: r,
@@ -57,7 +57,7 @@ const T = g(function({ size: o = 24, className: a, ...r }, i) {
             }
           ),
           /* @__PURE__ */ n(
-            v.rect,
+            u.rect,
             {
               x: "18.5",
               y: "13.4",
@@ -72,13 +72,19 @@ const T = g(function({ size: o = 24, className: a, ...r }, i) {
           )
         ]
       }
-    ) : /* @__PURE__ */ n(T, { ref: e, size: o, className: i, ...l });
+    ) : /* @__PURE__ */ n(L, { ref: s, size: o, className: c, ...i });
   }
-), k = `
+), g = {
+  // Original: cyan → violet → magenta → amber.
+  aurora: ["vec3(0.20,0.85,0.95)", "vec3(0.55,0.35,0.95)", "vec3(0.95,0.30,0.70)", "vec3(1.0,0.75,0.30)"],
+  // AI pink/purple: violet → purple → magenta-pink → soft rose. Vivid on light
+  // and dark, no cyan/amber — the "AI" gradient.
+  ai: ["vec3(0.55,0.36,0.98)", "vec3(0.74,0.34,0.96)", "vec3(0.96,0.36,0.82)", "vec3(1.0,0.62,0.86)"]
+}, E = `
 attribute vec2 p;
 varying vec2 uv;
 void main() { uv = p; gl_Position = vec4(p, 0.0, 1.0); }
-`, C = `
+`, S = (t) => `
 precision highp float;
 varying vec2 uv;
 uniform float t;
@@ -103,67 +109,85 @@ float snoise(vec2 v){
 void main(){
   vec2 p=uv;
   float r=length(p);
-  // Noise-deform the radius so the silhouette wobbles organically.
-  float n=snoise(p*2.2+vec2(t*0.25,t*0.18))*0.5+snoise(p*4.0-vec2(t*0.2))*0.25;
-  float edge=0.78+n*0.16;
-  float orb=smoothstep(edge,edge-0.18,r);
-  if(orb<0.01){ gl_FragColor=vec4(0.0); return; }
-  // Shifting gradient palette.
   float a=atan(p.y,p.x);
-  float f=0.5+0.5*sin(a*1.0+t*0.6+n*2.0);
-  vec3 cyan=vec3(0.20,0.85,0.95);
-  vec3 violet=vec3(0.55,0.35,0.95);
-  vec3 magenta=vec3(0.95,0.30,0.70);
-  vec3 amber=vec3(1.0,0.75,0.30);
-  vec3 col=mix(cyan,violet,smoothstep(0.0,0.4,f));
-  col=mix(col,magenta,smoothstep(0.35,0.7,f));
-  col=mix(col,amber,smoothstep(0.7,1.0,f));
-  // Inner glow + fresnel rim.
+
+  // ── Alive silhouette ──────────────────────────────────────────────
+  // Several layers of moving noise deform the radius a LOT, so the orb
+  // visibly grows lobes and shrinks them — a living, bacteria-like blob.
+  float n1=snoise(vec2(cos(a),sin(a))*1.4 + vec2(t*0.5, t*0.37));
+  float n2=snoise(p*3.1 - vec2(t*0.43, t*0.31));
+  float n3=snoise(p*5.5 + vec2(t*0.6));
+  float wobble=n1*0.30 + n2*0.16 + n3*0.08;
+  // Slow breathing pulse on top of the wobble (grow ↔ shrink).
+  float breathe=0.06*sin(t*1.6);
+  float edge=0.70 + wobble + breathe;
+  float orb=smoothstep(edge,edge-0.20,r);
+  if(orb<0.01){ gl_FragColor=vec4(0.0); return; }
+
+  // ── Swirling internal color ───────────────────────────────────────
+  // Domain-warp the field with noise so the colors churn inside the orb
+  // (not just a static angular gradient).
+  float warp=snoise(p*2.0 + vec2(t*0.4, -t*0.3));
+  float f=0.5+0.5*sin(a*1.0 + t*1.1 + warp*2.5 + r*2.0);
+  vec3 c0=${t[0]};
+  vec3 c1=${t[1]};
+  vec3 c2=${t[2]};
+  vec3 c3=${t[3]};
+  vec3 col=mix(c0,c1,smoothstep(0.0,0.4,f));
+  col=mix(col,c2,smoothstep(0.35,0.7,f));
+  col=mix(col,c3,smoothstep(0.7,1.0,f));
+
+  // Moving bright core that drifts around (the "energy" inside).
+  vec2 coreOff=0.22*vec2(cos(t*0.9), sin(t*1.3));
+  float core=smoothstep(0.55,0.0,length(p-coreOff));
+  col+=core*0.35;
+
+  // Inner glow + bright fresnel rim.
   float glow=smoothstep(0.0,0.6,1.0-r);
-  col+=glow*0.25;
-  float rim=smoothstep(edge-0.02,edge-0.16,r);
-  col=mix(col,vec3(1.0),(1.0-rim)*0.35*orb);
+  col+=glow*0.20;
+  float rim=smoothstep(edge-0.02,edge-0.18,r);
+  col=mix(col,vec3(1.0),(1.0-rim)*0.40*orb);
   gl_FragColor=vec4(col,orb);
 }
 `;
-function u(t, o, a) {
+function p(t, o, a) {
   const r = t.createShader(o);
   return t.shaderSource(r, a), t.compileShader(r), r;
 }
-function S({ size: t = 20, speed: o = 1, className: a }) {
-  const r = b(null);
-  return R(() => {
-    const i = r.current;
+function M({ size: t = 20, speed: o = 1, palette: a = "ai", className: r }) {
+  const c = T(null);
+  return k(() => {
+    const i = c.current;
     if (!i)
       return;
-    const l = Math.min(window.devicePixelRatio || 1, 2);
-    i.width = t * l, i.height = t * l;
+    const s = Math.min(window.devicePixelRatio || 1, 2);
+    i.width = t * s, i.height = t * s;
     const e = i.getContext("webgl", { premultipliedAlpha: !1, alpha: !0 });
     if (!e)
       return;
-    const c = e.createProgram();
-    e.attachShader(c, u(e, e.VERTEX_SHADER, k)), e.attachShader(c, u(e, e.FRAGMENT_SHADER, C)), e.linkProgram(c), e.useProgram(c);
+    const l = e.createProgram();
+    e.attachShader(l, p(e, e.VERTEX_SHADER, E)), e.attachShader(l, p(e, e.FRAGMENT_SHADER, S(g[a] ?? g.ai))), e.linkProgram(l), e.useProgram(l);
     const y = e.createBuffer();
     e.bindBuffer(e.ARRAY_BUFFER, y), e.bufferData(e.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), e.STATIC_DRAW);
-    const x = e.getAttribLocation(c, "p");
-    e.enableVertexAttribArray(x), e.vertexAttribPointer(x, 2, e.FLOAT, !1, 0, 0);
-    const w = e.getUniformLocation(c, "t");
+    const v = e.getAttribLocation(l, "p");
+    e.enableVertexAttribArray(v), e.vertexAttribPointer(v, 2, e.FLOAT, !1, 0, 0);
+    const A = e.getUniformLocation(l, "t");
     e.viewport(0, 0, i.width, i.height), e.enable(e.BLEND), e.blendFunc(e.SRC_ALPHA, e.ONE_MINUS_SRC_ALPHA);
     const d = typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    let s = 0, m = 0;
-    const f = (h) => {
-      m || (m = h);
-      const A = (h - m) / 1e3 * o;
-      e.uniform1f(w, d ? 0.4 : A), e.drawArrays(e.TRIANGLES, 0, 3), d || (s = requestAnimationFrame(f));
+    let h = 0, m = 0;
+    const x = (f) => {
+      m || (m = f);
+      const R = (f - m) / 1e3 * o;
+      e.uniform1f(A, d ? 0.4 : R), e.drawArrays(e.TRIANGLES, 0, 3), d || (h = requestAnimationFrame(x));
     };
-    return s = requestAnimationFrame(f), () => {
-      cancelAnimationFrame(s), e.getExtension("WEBGL_lose_context")?.loseContext();
+    return h = requestAnimationFrame(x), () => {
+      cancelAnimationFrame(h), e.getExtension("WEBGL_lose_context")?.loseContext();
     };
-  }, [t, o]), /* @__PURE__ */ n(
+  }, [t, o, a]), /* @__PURE__ */ n(
     "canvas",
     {
-      ref: r,
-      className: a,
+      ref: c,
+      className: r,
       style: { width: t, height: t, display: "inline-block" },
       role: "img",
       "aria-label": "Thinking"
@@ -171,8 +195,8 @@ function S({ size: t = 20, speed: o = 1, className: a }) {
   );
 }
 export {
-  _ as AnimatedTerminalIcon,
-  T as TerminalIcon,
-  S as ThinkingOrb
+  I as AnimatedTerminalIcon,
+  L as TerminalIcon,
+  M as ThinkingOrb
 };
 //# sourceMappingURL=brand.es.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@illuma-ai/icons",
-  "version": "2.4.0",
+  "version": "2.5.1",
   "description": "Illuma icon system: file-type icons (static + animated GIF), hover-animated nav icons, terminal logo, and a WebGL thinking orb.",
   "type": "module",
   "license": "MIT",