@illuma-ai/icons 2.5.0 → 2.5.1

package/dist/brand.cjs

@@ -1,8 +1,8 @@
-"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=`
+"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); }
-`,E=t=>`
+`,S=t=>`
 precision highp float;
 varying vec2 uv;
 uniform float t;
@@ -27,14 +27,26 @@ 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);
+
+  // ── 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]};
@@ -42,12 +54,18 @@ void main(){
   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.
+
+  // 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 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;
+`;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,8 +1,8 @@
-import { jsxs as y, jsx as n } from "react/jsx-runtime";
-import { forwardRef as w, useRef as T, useEffect as E } from "react";
+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__ */ y(
+  return /* @__PURE__ */ b(
     "svg",
     {
       ref: c,
@@ -27,7 +27,7 @@ const L = w(function({ size: o = 24, className: a, ...r }, c) {
   );
 }), I = w(
   function({ size: o = 24, running: a = !0, accent: r = "#facc15", className: c, ...i }, s) {
-    return a ? /* @__PURE__ */ y(
+    return a ? /* @__PURE__ */ b(
       "svg",
       {
         ref: s,
@@ -80,11 +80,11 @@ const L = w(function({ size: o = 24, className: a, ...r }, c) {
   // 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 = `
+}, E = `
 attribute vec2 p;
 varying vec2 uv;
 void main() { uv = p; gl_Position = vec4(p, 0.0, 1.0); }
-`, C = (t) => `
+`, S = (t) => `
 precision highp float;
 varying vec2 uv;
 uniform float t;
@@ -109,14 +109,26 @@ 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);
+
+  // ── 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]};
@@ -124,11 +136,17 @@ void main(){
   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.
+
+  // 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);
 }
 `;
@@ -136,9 +154,9 @@ function p(t, o, a) {
   const r = t.createShader(o);
   return t.shaderSource(r, a), t.compileShader(r), r;
 }
-function P({ size: t = 20, speed: o = 1, palette: a = "ai", className: r }) {
+function M({ size: t = 20, speed: o = 1, palette: a = "ai", className: r }) {
   const c = T(null);
-  return E(() => {
+  return k(() => {
     const i = c.current;
     if (!i)
       return;
@@ -148,22 +166,22 @@ function P({ size: t = 20, speed: o = 1, palette: a = "ai", className: r }) {
     if (!e)
       return;
     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.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 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));
+    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 m = requestAnimationFrame(f), () => {
-      cancelAnimationFrame(m), e.getExtension("WEBGL_lose_context")?.loseContext();
+    return h = requestAnimationFrame(x), () => {
+      cancelAnimationFrame(h), e.getExtension("WEBGL_lose_context")?.loseContext();
     };
   }, [t, o, a]), /* @__PURE__ */ n(
     "canvas",
@@ -179,6 +197,6 @@ function P({ size: t = 20, speed: o = 1, palette: a = "ai", className: r }) {
 export {
   I as AnimatedTerminalIcon,
   L as TerminalIcon,
-  P as ThinkingOrb
+  M as ThinkingOrb
 };
 //# sourceMappingURL=brand.es.js.map

package/package.json

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