@illuma-ai/icons 2.4.0 → 2.5.0

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"),m=require("react"),g=require("framer-motion"),w=m.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=m.forwardRef(function({size:o=24,running:a=!0,accent:i="#facc15",className:c,...n},s){return a?r.jsxs("svg",{ref:s,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:s,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=`
+`,E=t=>`
 precision highp float;
 varying vec2 uv;
 uniform float t;
@@ -35,13 +35,13 @@ void main(){
   // 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));
+  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));
   // Inner glow + fresnel rim.
   float glow=smoothstep(0.0,0.6,1.0-r);
   col+=glow*0.25;
@@ -49,5 +49,5 @@ void main(){
   col=mix(col,vec3(1.0),(1.0-rim)*0.35*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 y(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=m.useRef(null);return m.useEffect(()=>{const n=c.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 l=e.createProgram();e.attachShader(l,y(e,e.VERTEX_SHADER,k)),e.attachShader(l,y(e,e.FRAGMENT_SHADER,E(p[a]??p.ai))),e.linkProgram(l),e.useProgram(l);const A=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,A),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 b=e.getUniformLocation(l,"t");e.viewport(0,0,n.width,n.height),e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA);const u=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;let x=0,h=0;const f=d=>{h||(h=d);const T=(d-h)/1e3*o;e.uniform1f(b,u?.4:T),e.drawArrays(e.TRIANGLES,0,3),u||(x=requestAnimationFrame(f))};return x=requestAnimationFrame(f),()=>{cancelAnimationFrame(x),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 y, jsx as n } from "react/jsx-runtime";
+import { forwardRef as w, useRef as T, useEffect as E } from "react";
+import { motion as u } from "framer-motion";
+const L = w(function({ size: o = 24, className: a, ...r }, c) {
+  return /* @__PURE__ */ y(
     "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__ */ y(
       "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)"]
+}, k = `
 attribute vec2 p;
 varying vec2 uv;
 void main() { uv = p; gl_Position = vec4(p, 0.0, 1.0); }
-`, C = `
+`, C = (t) => `
 precision highp float;
 varying vec2 uv;
 uniform float t;
@@ -111,13 +117,13 @@ void main(){
   // 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));
+  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));
   // Inner glow + fresnel rim.
   float glow=smoothstep(0.0,0.6,1.0-r);
   col+=glow*0.25;
@@ -126,44 +132,44 @@ void main(){
   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 P({ size: t = 20, speed: o = 1, palette: a = "ai", className: r }) {
+  const c = T(null);
+  return E(() => {
+    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 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 l = e.createProgram();
+    e.attachShader(l, p(e, e.VERTEX_SHADER, k)), e.attachShader(l, p(e, e.FRAGMENT_SHADER, C(g[a] ?? g.ai))), e.linkProgram(l), e.useProgram(l);
+    const A = e.createBuffer();
+    e.bindBuffer(e.ARRAY_BUFFER, A), e.bufferData(e.ARRAY_BUFFER, new Float32Array([-1, -1, 3, -1, -1, 3]), e.STATIC_DRAW);
+    const d = e.getAttribLocation(l, "p");
+    e.enableVertexAttribArray(d), e.vertexAttribPointer(d, 2, e.FLOAT, !1, 0, 0);
+    const b = 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));
+    const v = typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    let m = 0, h = 0;
+    const f = (x) => {
+      h || (h = x);
+      const R = (x - h) / 1e3 * o;
+      e.uniform1f(b, v ? 0.4 : R), e.drawArrays(e.TRIANGLES, 0, 3), v || (m = requestAnimationFrame(f));
     };
-    return s = requestAnimationFrame(f), () => {
-      cancelAnimationFrame(s), e.getExtension("WEBGL_lose_context")?.loseContext();
+    return m = requestAnimationFrame(f), () => {
+      cancelAnimationFrame(m), 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 +177,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,
+  P 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.0",
   "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",