@illuma-ai/icons 2.5.1 → 2.6.1

package/dist/brand/ThinkingOrb.d.ts

@@ -1,22 +1,16 @@
-/** 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 type ThinkingOrbPalette = 'ai' | 'aurora';
 export interface ThinkingOrbProps {
-    /** Pixel diameter. Defaults to 20 (inline with text). */
+    /** Pixel diameter. Defaults to 16 (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 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.
+ * A living, AI-"thinking" fluid orb — a morphing, breathing "spirit bubble"
+ * with a swirling pink/purple gradient (pass `palette="aurora"` for the cyan→
+ * amber variant). Pure CSS (no WebGL, no canvas, no external stylesheet) — it
+ * injects its own keyframes once and animates on the GPU. Sits inline beside
+ * "Thinking" text on any theme.
  */
-export declare function ThinkingOrb({ size, speed, palette, className }: ThinkingOrbProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThinkingOrb({ size, palette, className }: ThinkingOrbProps): import("react/jsx-runtime").JSX.Element;

package/dist/brand.cjs

@@ -1,71 +1,16 @@
-"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); }
-`,S=t=>`
-precision highp float;
-varying vec2 uv;
-uniform float t;
-
-// Classic 2D simplex noise (Ashima Arts, MIT) — compact.
-vec3 permute(vec3 x){return mod(((x*34.0)+1.0)*x,289.0);}
-float snoise(vec2 v){
-  const vec4 C=vec4(0.211324865,0.366025404,-0.577350269,0.024390244);
-  vec2 i=floor(v+dot(v,C.yy));vec2 x0=v-i+dot(i,C.xx);
-  vec2 i1=(x0.x>x0.y)?vec2(1.0,0.0):vec2(0.0,1.0);
-  vec4 x12=x0.xyxy+C.xxzz;x12.xy-=i1;
-  i=mod(i,289.0);
-  vec3 p=permute(permute(i.y+vec3(0.0,i1.y,1.0))+i.x+vec3(0.0,i1.x,1.0));
-  vec3 m=max(0.5-vec3(dot(x0,x0),dot(x12.xy,x12.xy),dot(x12.zw,x12.zw)),0.0);
-  m=m*m;m=m*m;
-  vec3 x=2.0*fract(p*C.www)-1.0;vec3 h=abs(x)-0.5;vec3 ox=floor(x+0.5);vec3 a0=x-ox;
-  m*=1.79284291-0.85373472*(a0*a0+h*h);
-  vec3 g;g.x=a0.x*x0.x+h.x*x0.y;g.yz=a0.yz*x12.xz+h.yz*x12.yw;
-  return 130.0*dot(m,g);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),c=require("framer-motion"),m=o.forwardRef(function({size:r=24,className:n,...t},a){return e.jsxs("svg",{ref:a,width:r,height:r,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:n,role:"img","aria-label":"Terminal",...t,children:[e.jsx("rect",{x:"2.5",y:"4",width:"19",height:"16",rx:"2.5"}),e.jsx("path",{d:"m6.5 9 3 3-3 3"}),e.jsx("path",{d:"M12.5 15h4",stroke:"#facc15"})]})}),f=o.forwardRef(function({size:r=24,running:n=!0,accent:t="#facc15",className:a,...s},d){return n?e.jsxs("svg",{ref:d,width:r,height:r,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",className:a,role:"img","aria-label":"Terminal running",...s,children:[e.jsx("rect",{x:"2.5",y:"4",width:"19",height:"16",rx:"2.5"}),e.jsx("path",{d:"m6.5 9 3 3-3 3"}),e.jsx(c.motion.path,{d:"M12.5 15h5",stroke:t,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"}}),e.jsx(c.motion.rect,{x:"18.5",y:"13.4",width:"1.6",height:"3.2",rx:"0.3",fill:t,stroke:"none",animate:{opacity:[1,1,0,0,1]},transition:{duration:1.1,times:[0,.4,.5,.9,1],repeat:1/0}})]}):e.jsx(m,{ref:d,size:r,className:a,...s})}),l={ai:"#8b5cf6, #c026d3, #ec4899, #f0abfc, #a855f7, #8b5cf6",aurora:"#22d3ee, #8b5cf6, #ec4899, #f59e0b, #22d3ee"},u={ai:"0 0 6px rgba(192,38,211,0.5), 0 0 2px rgba(139,92,246,0.6)",aurora:"0 0 6px rgba(34,211,238,0.5), 0 0 2px rgba(139,92,246,0.6)"},h="ai-thinking-orb-styles",b=`
+@keyframes ai-orb-morph {
+  0%,100% { border-radius:58% 42% 55% 45% / 52% 58% 42% 48%; }
+  33%     { border-radius:45% 55% 42% 58% / 58% 42% 55% 45%; }
+  66%     { border-radius:52% 48% 60% 40% / 45% 52% 48% 55%; }
 }
-
-void main(){
-  vec2 p=uv;
-  float r=length(p);
-  float a=atan(p.y,p.x);
-
-  // ── 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.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);
+@keyframes ai-orb-breathe {
+  0%,100% { transform:scale(0.9) rotate(0deg); }
+  50%     { transform:scale(1.08) rotate(8deg); }
 }
-`;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;
+@keyframes ai-orb-spin { to { filter:hue-rotate(360deg); } }
+@media (prefers-reduced-motion: reduce) {
+  .ai-orb { animation: ai-orb-breathe 3s ease-in-out infinite !important; }
+}
+`;function g(){o.useEffect(()=>{if(typeof document>"u"||document.getElementById(h))return;const i=document.createElement("style");i.id=h,i.textContent=b,document.head.appendChild(i)},[])}function p({size:i=16,palette:r="ai",className:n}){g();const t=l[r]??l.ai,a=u[r]??u.ai;return e.jsx("span",{className:`ai-orb${n?` ${n}`:""}`,role:"img","aria-label":"Thinking",style:{display:"inline-block",width:i,height:i,borderRadius:"50%",flexShrink:0,background:`radial-gradient(circle at 32% 30%, rgba(255,255,255,0.65) 0%, transparent 38%), conic-gradient(from 0deg, ${t})`,boxShadow:a,animation:"ai-orb-morph 3.2s ease-in-out infinite, ai-orb-breathe 2.1s ease-in-out infinite, ai-orb-spin 4.5s linear infinite",willChange:"border-radius, transform"}})}exports.AnimatedTerminalIcon=f;exports.TerminalIcon=m;exports.ThinkingOrb=p;
 //# sourceMappingURL=brand.cjs.map

package/dist/brand.es.js

@@ -1,70 +1,70 @@
-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(
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as f, useEffect as u } from "react";
+import { motion as s } from "framer-motion";
+const b = f(function({ size: e = 24, className: t, ...n }, a) {
+  return /* @__PURE__ */ m(
     "svg",
     {
-      ref: c,
-      width: o,
-      height: o,
+      ref: a,
+      width: e,
+      height: e,
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
       strokeWidth: 2,
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: a,
+      className: t,
       role: "img",
       "aria-label": "Terminal",
-      ...r,
+      ...n,
       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("path", { d: "M12.5 15h4", stroke: "#facc15" })
+        /* @__PURE__ */ r("rect", { x: "2.5", y: "4", width: "19", height: "16", rx: "2.5" }),
+        /* @__PURE__ */ r("path", { d: "m6.5 9 3 3-3 3" }),
+        /* @__PURE__ */ r("path", { d: "M12.5 15h4", stroke: "#facc15" })
       ]
     }
   );
-}), I = w(
-  function({ size: o = 24, running: a = !0, accent: r = "#facc15", className: c, ...i }, s) {
-    return a ? /* @__PURE__ */ b(
+}), w = f(
+  function({ size: e = 24, running: t = !0, accent: n = "#facc15", className: a, ...o }, d) {
+    return t ? /* @__PURE__ */ m(
       "svg",
       {
-        ref: s,
-        width: o,
-        height: o,
+        ref: d,
+        width: e,
+        height: e,
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
         strokeWidth: 2,
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: c,
+        className: a,
         role: "img",
         "aria-label": "Terminal running",
-        ...i,
+        ...o,
         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(
-            u.path,
+          /* @__PURE__ */ r("rect", { x: "2.5", y: "4", width: "19", height: "16", rx: "2.5" }),
+          /* @__PURE__ */ r("path", { d: "m6.5 9 3 3-3 3" }),
+          /* @__PURE__ */ r(
+            s.path,
             {
               d: "M12.5 15h5",
-              stroke: r,
+              stroke: n,
               initial: { pathLength: 0, opacity: 0.9 },
               animate: { pathLength: [0, 1, 1, 0] },
               transition: { duration: 1.6, times: [0, 0.5, 0.8, 1], repeat: 1 / 0, ease: "easeInOut" }
             }
           ),
-          /* @__PURE__ */ n(
-            u.rect,
+          /* @__PURE__ */ r(
+            s.rect,
             {
               x: "18.5",
               y: "13.4",
               width: "1.6",
               height: "3.2",
               rx: "0.3",
-              fill: r,
+              fill: n,
               stroke: "none",
               animate: { opacity: [1, 1, 0, 0, 1] },
               transition: { duration: 1.1, times: [0, 0.4, 0.5, 0.9, 1], repeat: 1 / 0 }
@@ -72,131 +72,65 @@ const L = w(function({ size: o = 24, className: a, ...r }, c) {
           )
         ]
       }
-    ) : /* @__PURE__ */ n(L, { ref: s, size: o, className: c, ...i });
+    ) : /* @__PURE__ */ r(b, { ref: d, size: e, className: a, ...o });
   }
-), 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); }
-`, S = (t) => `
-precision highp float;
-varying vec2 uv;
-uniform float t;
-
-// Classic 2D simplex noise (Ashima Arts, MIT) — compact.
-vec3 permute(vec3 x){return mod(((x*34.0)+1.0)*x,289.0);}
-float snoise(vec2 v){
-  const vec4 C=vec4(0.211324865,0.366025404,-0.577350269,0.024390244);
-  vec2 i=floor(v+dot(v,C.yy));vec2 x0=v-i+dot(i,C.xx);
-  vec2 i1=(x0.x>x0.y)?vec2(1.0,0.0):vec2(0.0,1.0);
-  vec4 x12=x0.xyxy+C.xxzz;x12.xy-=i1;
-  i=mod(i,289.0);
-  vec3 p=permute(permute(i.y+vec3(0.0,i1.y,1.0))+i.x+vec3(0.0,i1.x,1.0));
-  vec3 m=max(0.5-vec3(dot(x0,x0),dot(x12.xy,x12.xy),dot(x12.zw,x12.zw)),0.0);
-  m=m*m;m=m*m;
-  vec3 x=2.0*fract(p*C.www)-1.0;vec3 h=abs(x)-0.5;vec3 ox=floor(x+0.5);vec3 a0=x-ox;
-  m*=1.79284291-0.85373472*(a0*a0+h*h);
-  vec3 g;g.x=a0.x*x0.x+h.x*x0.y;g.yz=a0.yz*x12.xz+h.yz*x12.yw;
-  return 130.0*dot(m,g);
+), c = {
+  // Pink → purple → magenta → rose — the "AI" gradient.
+  ai: "#8b5cf6, #c026d3, #ec4899, #f0abfc, #a855f7, #8b5cf6",
+  // Original aurora: cyan → violet → magenta → amber.
+  aurora: "#22d3ee, #8b5cf6, #ec4899, #f59e0b, #22d3ee"
+}, h = {
+  ai: "0 0 6px rgba(192,38,211,0.5), 0 0 2px rgba(139,92,246,0.6)",
+  aurora: "0 0 6px rgba(34,211,238,0.5), 0 0 2px rgba(139,92,246,0.6)"
+}, l = "ai-thinking-orb-styles", g = `
+@keyframes ai-orb-morph {
+  0%,100% { border-radius:58% 42% 55% 45% / 52% 58% 42% 48%; }
+  33%     { border-radius:45% 55% 42% 58% / 58% 42% 55% 45%; }
+  66%     { border-radius:52% 48% 60% 40% / 45% 52% 48% 55%; }
 }
-
-void main(){
-  vec2 p=uv;
-  float r=length(p);
-  float a=atan(p.y,p.x);
-
-  // ── 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.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);
+@keyframes ai-orb-breathe {
+  0%,100% { transform:scale(0.9) rotate(0deg); }
+  50%     { transform:scale(1.08) rotate(8deg); }
 }
-`;
-function p(t, o, a) {
-  const r = t.createShader(o);
-  return t.shaderSource(r, a), t.compileShader(r), r;
+@keyframes ai-orb-spin { to { filter:hue-rotate(360deg); } }
+@media (prefers-reduced-motion: reduce) {
+  .ai-orb { animation: ai-orb-breathe 3s ease-in-out infinite !important; }
 }
-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 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)
+`;
+function p() {
+  u(() => {
+    if (typeof document > "u" || document.getElementById(l))
       return;
-    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 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 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 h = requestAnimationFrame(x), () => {
-      cancelAnimationFrame(h), e.getExtension("WEBGL_lose_context")?.loseContext();
-    };
-  }, [t, o, a]), /* @__PURE__ */ n(
-    "canvas",
+    const i = document.createElement("style");
+    i.id = l, i.textContent = g, document.head.appendChild(i);
+  }, []);
+}
+function I({ size: i = 16, palette: e = "ai", className: t }) {
+  p();
+  const n = c[e] ?? c.ai, a = h[e] ?? h.ai;
+  return /* @__PURE__ */ r(
+    "span",
     {
-      ref: c,
-      className: r,
-      style: { width: t, height: t, display: "inline-block" },
+      className: `ai-orb${t ? ` ${t}` : ""}`,
       role: "img",
-      "aria-label": "Thinking"
+      "aria-label": "Thinking",
+      style: {
+        display: "inline-block",
+        width: i,
+        height: i,
+        borderRadius: "50%",
+        flexShrink: 0,
+        background: `radial-gradient(circle at 32% 30%, rgba(255,255,255,0.65) 0%, transparent 38%), conic-gradient(from 0deg, ${n})`,
+        boxShadow: a,
+        animation: "ai-orb-morph 3.2s ease-in-out infinite, ai-orb-breathe 2.1s ease-in-out infinite, ai-orb-spin 4.5s linear infinite",
+        willChange: "border-radius, transform"
+      }
     }
   );
 }
 export {
-  I as AnimatedTerminalIcon,
-  L as TerminalIcon,
-  M as ThinkingOrb
+  w as AnimatedTerminalIcon,
+  b as TerminalIcon,
+  I as ThinkingOrb
 };
 //# sourceMappingURL=brand.es.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@illuma-ai/icons",
-  "version": "2.5.1",
+  "version": "2.6.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",