@illuma-ai/icons 2.6.1 → 2.7.0

package/dist/animated/index.d.ts

@@ -1,3 +1,4 @@
 export { AnimatedIcon } from './AnimatedIcon';
 export { HomeIcon, SearchIcon, SettingsIcon, ChatIcon, PlusIcon } from './icons';
+export { FileScanIcon, FileNewIcon, FileEditIcon, SkillZapIcon } from './process';
 export type { AnimatedIconProps } from './types';

package/dist/animated/process.d.ts

@@ -0,0 +1,9 @@
+import { AnimatedIconProps } from './types';
+/** read_file — an accent scan line sweeps down the page while active. */
+export declare const FileScanIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<SVGSVGElement>>;
+/** create_file — the accent "+" pulses smoothly while active. */
+export declare const FileNewIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<SVGSVGElement>>;
+/** edit_file — the accent pen nib wiggles, as if writing, while active. */
+export declare const FileEditIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<SVGSVGElement>>;
+/** skill — an accent lightning bolt pulses smoothly while the skill runs. */
+export declare const SkillZapIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<SVGSVGElement>>;

package/dist/animated.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),c=require("framer-motion"),l=s.forwardRef(function({children:t,label:o,size:a=24,strokeWidth:i=2,active:e,className:u,...j},g){const h=c.useAnimation(),x=s.useId(),f=()=>{e===void 0&&h.start("animate")},v=()=>{e===void 0&&h.start("normal")};return n.jsxs("svg",{ref:g,width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:i,strokeLinecap:"round",strokeLinejoin:"round",className:u,role:"img","aria-labelledby":x,onMouseEnter:f,onMouseLeave:v,onFocus:f,onBlur:v,...j,children:[n.jsx("title",{id:x,children:o}),t(h)]})});function d(r){if(r!==void 0)return r?"animate":"normal"}const m={type:"spring",stiffness:250,damping:16},I=s.forwardRef(function(t,o){const a=d(t.active),i={normal:{y:0},animate:{y:-1.5}};return n.jsx(l,{ref:o,label:"Home",...t,children:e=>n.jsxs(n.Fragment,{children:[n.jsx(c.motion.path,{d:"M3 10.5 12 3l9 7.5",variants:i,animate:a??e,initial:"normal",transition:m}),n.jsx("path",{d:"M5 10v10h14V10"}),n.jsx("path",{d:"M9 20v-6h6v6"})]})})}),y=s.forwardRef(function(t,o){const a=d(t.active),i={normal:{scale:1,x:0,y:0},animate:{scale:1.12,x:-1,y:-1}};return n.jsx(l,{ref:o,label:"Search",...t,children:e=>n.jsxs(c.motion.g,{variants:i,animate:a??e,initial:"normal",transition:m,style:{transformOrigin:"10px 10px"},children:[n.jsx("circle",{cx:"11",cy:"11",r:"7"}),n.jsx("path",{d:"m21 21-4.3-4.3"})]})})}),M=s.forwardRef(function(t,o){const a=d(t.active),i={normal:{rotate:0},animate:{rotate:90}};return n.jsx(l,{ref:o,label:"Settings",...t,children:e=>n.jsxs(c.motion.g,{variants:i,animate:a??e,initial:"normal",transition:{type:"spring",stiffness:120,damping:14},style:{transformOrigin:"12px 12px"},children:[n.jsx("circle",{cx:"12",cy:"12",r:"3"}),n.jsx("path",{d:"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1 7 17M17 7l2.1-2.1"})]})})}),p=s.forwardRef(function(t,o){const a=d(t.active),i={normal:{y:0},animate:{y:-1}},e={normal:{scale:.6,opacity:.5},animate:{scale:1,opacity:1}};return n.jsx(l,{ref:o,label:"Chat",...t,children:u=>n.jsxs(n.Fragment,{children:[n.jsx(c.motion.path,{d:"M21 11.5a8.38 8.38 0 0 1-8.5 8.5 8.5 8.5 0 0 1-3.8-.9L3 21l1.9-5.7A8.38 8.38 0 0 1 4 11.5 8.5 8.5 0 0 1 12.5 3 8.38 8.38 0 0 1 21 11.5z",variants:i,animate:a??u,initial:"normal",transition:m}),n.jsx(c.motion.circle,{cx:"12",cy:"11.5",r:"1",fill:"currentColor",stroke:"none",variants:e,animate:a??u,initial:"normal",transition:m})]})})}),b=s.forwardRef(function(t,o){const a=d(t.active),i={normal:{rotate:0},animate:{rotate:90}};return n.jsx(l,{ref:o,label:"New",...t,children:e=>n.jsx(c.motion.g,{variants:i,animate:a??e,initial:"normal",transition:m,style:{transformOrigin:"12px 12px"},children:n.jsx("path",{d:"M12 5v14M5 12h14"})})})});exports.AnimatedIcon=l;exports.ChatIcon=p;exports.HomeIcon=I;exports.PlusIcon=b;exports.SearchIcon=y;exports.SettingsIcon=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),c=require("framer-motion"),l=s.forwardRef(function({children:t,label:e,size:a=24,strokeWidth:o=2,active:i,className:h,...M},S){const j=c.useAnimation(),p=s.useId(),y=()=>{i===void 0&&j.start("animate")},I=()=>{i===void 0&&j.start("normal")};return n.jsxs("svg",{ref:S,width:a,height:a,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:h,role:"img","aria-labelledby":p,onMouseEnter:y,onMouseLeave:I,onFocus:y,onBlur:I,...M,children:[n.jsx("title",{id:p,children:e}),t(j)]})});function m(r){if(r!==void 0)return r?"animate":"normal"}const d={type:"spring",stiffness:250,damping:16},b=s.forwardRef(function(t,e){const a=m(t.active),o={normal:{y:0},animate:{y:-1.5}};return n.jsx(l,{ref:e,label:"Home",...t,children:i=>n.jsxs(n.Fragment,{children:[n.jsx(c.motion.path,{d:"M3 10.5 12 3l9 7.5",variants:o,animate:a??i,initial:"normal",transition:d}),n.jsx("path",{d:"M5 10v10h14V10"}),n.jsx("path",{d:"M9 20v-6h6v6"})]})})}),w=s.forwardRef(function(t,e){const a=m(t.active),o={normal:{scale:1,x:0,y:0},animate:{scale:1.12,x:-1,y:-1}};return n.jsx(l,{ref:e,label:"Search",...t,children:i=>n.jsxs(c.motion.g,{variants:o,animate:a??i,initial:"normal",transition:d,style:{transformOrigin:"10px 10px"},children:[n.jsx("circle",{cx:"11",cy:"11",r:"7"}),n.jsx("path",{d:"m21 21-4.3-4.3"})]})})}),F=s.forwardRef(function(t,e){const a=m(t.active),o={normal:{rotate:0},animate:{rotate:90}};return n.jsx(l,{ref:e,label:"Settings",...t,children:i=>n.jsxs(c.motion.g,{variants:o,animate:a??i,initial:"normal",transition:{type:"spring",stiffness:120,damping:14},style:{transformOrigin:"12px 12px"},children:[n.jsx("circle",{cx:"12",cy:"12",r:"3"}),n.jsx("path",{d:"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1 7 17M17 7l2.1-2.1"})]})})}),R=s.forwardRef(function(t,e){const a=m(t.active),o={normal:{y:0},animate:{y:-1}},i={normal:{scale:.6,opacity:.5},animate:{scale:1,opacity:1}};return n.jsx(l,{ref:e,label:"Chat",...t,children:h=>n.jsxs(n.Fragment,{children:[n.jsx(c.motion.path,{d:"M21 11.5a8.38 8.38 0 0 1-8.5 8.5 8.5 8.5 0 0 1-3.8-.9L3 21l1.9-5.7A8.38 8.38 0 0 1 4 11.5 8.5 8.5 0 0 1 12.5 3 8.38 8.38 0 0 1 21 11.5z",variants:o,animate:a??h,initial:"normal",transition:d}),n.jsx(c.motion.circle,{cx:"12",cy:"11.5",r:"1",fill:"currentColor",stroke:"none",variants:i,animate:a??h,initial:"normal",transition:d})]})})}),k=s.forwardRef(function(t,e){const a=m(t.active),o={normal:{rotate:0},animate:{rotate:90}};return n.jsx(l,{ref:e,label:"New",...t,children:i=>n.jsx(c.motion.g,{variants:o,animate:a??i,initial:"normal",transition:d,style:{transformOrigin:"12px 12px"},children:n.jsx("path",{d:"M12 5v14M5 12h14"})})})}),x="currentColor",f=r=>({duration:r,repeat:1/0,ease:"easeInOut"}),u={duration:.25,ease:"easeOut"},g="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z",v="M13 2v7h7",C=s.forwardRef(function(t,e){const a=m(t.active),o={normal:{y:0,opacity:.9,transition:u},animate:{y:[-4.5,4.5,-4.5],opacity:[.2,1,.2],transition:f(1.6)}};return n.jsx(l,{ref:e,label:"Reading file",...t,children:i=>n.jsxs(n.Fragment,{children:[n.jsx("path",{d:g}),n.jsx("path",{d:v}),n.jsx(c.motion.line,{x1:"8",y1:"13.5",x2:"16",y2:"13.5",stroke:x,variants:o,animate:a??i,initial:"normal"})]})})}),O=s.forwardRef(function(t,e){const a=m(t.active),o={normal:{scale:1,opacity:1,transition:u},animate:{scale:[.85,1.12,.85],opacity:[.7,1,.7],transition:f(1.4)}};return n.jsx(l,{ref:e,label:"Creating file",...t,children:i=>n.jsxs(n.Fragment,{children:[n.jsx("path",{d:g}),n.jsx("path",{d:v}),n.jsx(c.motion.path,{d:"M12 12.5v5M9.5 15h5",stroke:x,variants:o,animate:a??i,initial:"normal",style:{transformOrigin:"12px 15px"}})]})})}),H=s.forwardRef(function(t,e){const a=m(t.active),o={normal:{x:0,y:0,rotate:0,transition:u},animate:{x:[0,1.4,-1,0],y:[0,-1,1,0],rotate:[0,4,-3,0],transition:f(1.2)}};return n.jsx(l,{ref:e,label:"Editing file",...t,children:i=>n.jsxs(n.Fragment,{children:[n.jsx("path",{d:"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h7"}),n.jsx("path",{d:v}),n.jsx(c.motion.path,{d:"M18.4 12.6 21 15.2l-4.8 4.8H13.6v-2.6z",stroke:x,variants:o,animate:a??i,initial:"normal",style:{transformOrigin:"17px 17px"}})]})})}),E=s.forwardRef(function(t,e){const a=m(t.active),o={normal:{scale:1,opacity:1,transition:u},animate:{scale:[.88,1.12,.88],opacity:[.6,1,.6],transition:f(1.4)}};return n.jsx(l,{ref:e,label:"Running skill",...t,children:i=>n.jsx(c.motion.path,{d:"M13 2 4.5 13.2a.6.6 0 0 0 .48.96H11l-1 7.84 8.5-11.2a.6.6 0 0 0-.48-.96H12z",fill:x,stroke:x,strokeWidth:1.4,variants:o,animate:a??i,initial:"normal",style:{transformOrigin:"12px 12px"}})})});exports.AnimatedIcon=l;exports.ChatIcon=R;exports.FileEditIcon=H;exports.FileNewIcon=O;exports.FileScanIcon=C;exports.HomeIcon=b;exports.PlusIcon=k;exports.SearchIcon=w;exports.SettingsIcon=F;exports.SkillZapIcon=E;
 //# sourceMappingURL=animated.cjs.map

package/dist/animated.es.js

@@ -1,107 +1,107 @@
-import { jsxs as m, jsx as n, Fragment as y } from "react/jsx-runtime";
-import { forwardRef as l, useId as I } from "react";
-import { useAnimation as b, motion as c } from "framer-motion";
-const d = l(
-  function({ children: t, label: o, size: a = 24, strokeWidth: e = 2, active: i, className: u, ...M }, x) {
-    const f = b(), v = I(), g = () => {
-      i === void 0 && f.start("animate");
-    }, p = () => {
-      i === void 0 && f.start("normal");
+import { jsxs as d, jsx as t, Fragment as v } from "react/jsx-runtime";
+import { forwardRef as l, useId as S } from "react";
+import { useAnimation as F, motion as c } from "framer-motion";
+const s = l(
+  function({ children: n, label: e, size: a = 24, strokeWidth: o = 2, active: i, className: f, ...C }, O) {
+    const g = F(), I = S(), M = () => {
+      i === void 0 && g.start("animate");
+    }, b = () => {
+      i === void 0 && g.start("normal");
     };
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ d(
       "svg",
       {
-        ref: x,
+        ref: O,
         width: a,
         height: a,
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
-        strokeWidth: e,
+        strokeWidth: o,
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: u,
+        className: f,
         role: "img",
-        "aria-labelledby": v,
-        onMouseEnter: g,
-        onMouseLeave: p,
-        onFocus: g,
-        onBlur: p,
-        ...M,
+        "aria-labelledby": I,
+        onMouseEnter: M,
+        onMouseLeave: b,
+        onFocus: M,
+        onBlur: b,
+        ...C,
         children: [
-          /* @__PURE__ */ n("title", { id: v, children: o }),
-          t(f)
+          /* @__PURE__ */ t("title", { id: I, children: e }),
+          n(g)
         ]
       }
     );
   }
 );
-function h(r) {
+function m(r) {
   if (r !== void 0)
     return r ? "animate" : "normal";
 }
-const s = { type: "spring", stiffness: 250, damping: 16 }, w = l(function(t, o) {
-  const a = h(t.active), e = { normal: { y: 0 }, animate: { y: -1.5 } };
-  return /* @__PURE__ */ n(d, { ref: o, label: "Home", ...t, children: (i) => /* @__PURE__ */ m(y, { children: [
-    /* @__PURE__ */ n(
+const h = { type: "spring", stiffness: 250, damping: 16 }, A = l(function(n, e) {
+  const a = m(n.active), o = { normal: { y: 0 }, animate: { y: -1.5 } };
+  return /* @__PURE__ */ t(s, { ref: e, label: "Home", ...n, children: (i) => /* @__PURE__ */ d(v, { children: [
+    /* @__PURE__ */ t(
       c.path,
       {
         d: "M3 10.5 12 3l9 7.5",
-        variants: e,
+        variants: o,
         animate: a ?? i,
         initial: "normal",
-        transition: s
+        transition: h
       }
     ),
-    /* @__PURE__ */ n("path", { d: "M5 10v10h14V10" }),
-    /* @__PURE__ */ n("path", { d: "M9 20v-6h6v6" })
+    /* @__PURE__ */ t("path", { d: "M5 10v10h14V10" }),
+    /* @__PURE__ */ t("path", { d: "M9 20v-6h6v6" })
   ] }) });
-}), A = l(function(t, o) {
-  const a = h(t.active), e = { normal: { scale: 1, x: 0, y: 0 }, animate: { scale: 1.12, x: -1, y: -1 } };
-  return /* @__PURE__ */ n(d, { ref: o, label: "Search", ...t, children: (i) => /* @__PURE__ */ m(
+}), N = l(function(n, e) {
+  const a = m(n.active), o = { normal: { scale: 1, x: 0, y: 0 }, animate: { scale: 1.12, x: -1, y: -1 } };
+  return /* @__PURE__ */ t(s, { ref: e, label: "Search", ...n, children: (i) => /* @__PURE__ */ d(
     c.g,
     {
-      variants: e,
+      variants: o,
       animate: a ?? i,
       initial: "normal",
-      transition: s,
+      transition: h,
       style: { transformOrigin: "10px 10px" },
       children: [
-        /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "7" }),
-        /* @__PURE__ */ n("path", { d: "m21 21-4.3-4.3" })
+        /* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "7" }),
+        /* @__PURE__ */ t("path", { d: "m21 21-4.3-4.3" })
       ]
     }
   ) });
-}), L = l(function(t, o) {
-  const a = h(t.active), e = { normal: { rotate: 0 }, animate: { rotate: 90 } };
-  return /* @__PURE__ */ n(d, { ref: o, label: "Settings", ...t, children: (i) => /* @__PURE__ */ m(
+}), R = l(function(n, e) {
+  const a = m(n.active), o = { normal: { rotate: 0 }, animate: { rotate: 90 } };
+  return /* @__PURE__ */ t(s, { ref: e, label: "Settings", ...n, children: (i) => /* @__PURE__ */ d(
     c.g,
     {
-      variants: e,
+      variants: o,
       animate: a ?? i,
       initial: "normal",
       transition: { type: "spring", stiffness: 120, damping: 14 },
       style: { transformOrigin: "12px 12px" },
       children: [
-        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" }),
-        /* @__PURE__ */ n("path", { d: "M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1 7 17M17 7l2.1-2.1" })
+        /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "3" }),
+        /* @__PURE__ */ t("path", { d: "M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1 7 17M17 7l2.1-2.1" })
       ]
     }
   ) });
-}), j = l(function(t, o) {
-  const a = h(t.active), e = { normal: { y: 0 }, animate: { y: -1 } }, i = { normal: { scale: 0.6, opacity: 0.5 }, animate: { scale: 1, opacity: 1 } };
-  return /* @__PURE__ */ n(d, { ref: o, label: "Chat", ...t, children: (u) => /* @__PURE__ */ m(y, { children: [
-    /* @__PURE__ */ n(
+}), z = l(function(n, e) {
+  const a = m(n.active), o = { normal: { y: 0 }, animate: { y: -1 } }, i = { normal: { scale: 0.6, opacity: 0.5 }, animate: { scale: 1, opacity: 1 } };
+  return /* @__PURE__ */ t(s, { ref: e, label: "Chat", ...n, children: (f) => /* @__PURE__ */ d(v, { children: [
+    /* @__PURE__ */ t(
       c.path,
       {
         d: "M21 11.5a8.38 8.38 0 0 1-8.5 8.5 8.5 8.5 0 0 1-3.8-.9L3 21l1.9-5.7A8.38 8.38 0 0 1 4 11.5 8.5 8.5 0 0 1 12.5 3 8.38 8.38 0 0 1 21 11.5z",
-        variants: e,
-        animate: a ?? u,
+        variants: o,
+        animate: a ?? f,
         initial: "normal",
-        transition: s
+        transition: h
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ t(
       c.circle,
       {
         cx: "12",
@@ -110,32 +110,129 @@ const s = { type: "spring", stiffness: 250, damping: 16 }, w = l(function(t, o)
         fill: "currentColor",
         stroke: "none",
         variants: i,
-        animate: a ?? u,
+        animate: a ?? f,
         initial: "normal",
-        transition: s
+        transition: h
       }
     )
   ] }) });
-}), H = l(function(t, o) {
-  const a = h(t.active), e = { normal: { rotate: 0 }, animate: { rotate: 90 } };
-  return /* @__PURE__ */ n(d, { ref: o, label: "New", ...t, children: (i) => /* @__PURE__ */ n(
+}), L = l(function(n, e) {
+  const a = m(n.active), o = { normal: { rotate: 0 }, animate: { rotate: 90 } };
+  return /* @__PURE__ */ t(s, { ref: e, label: "New", ...n, children: (i) => /* @__PURE__ */ t(
     c.g,
     {
-      variants: e,
+      variants: o,
       animate: a ?? i,
       initial: "normal",
-      transition: s,
+      transition: h,
       style: { transformOrigin: "12px 12px" },
-      children: /* @__PURE__ */ n("path", { d: "M12 5v14M5 12h14" })
+      children: /* @__PURE__ */ t("path", { d: "M12 5v14M5 12h14" })
     }
   ) });
-});
+}), u = "currentColor", p = (r) => ({ duration: r, repeat: 1 / 0, ease: "easeInOut" }), y = { duration: 0.25, ease: "easeOut" }, k = "M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z", x = "M13 2v7h7", j = l(
+  function(n, e) {
+    const a = m(n.active), o = {
+      normal: { y: 0, opacity: 0.9, transition: y },
+      animate: { y: [-4.5, 4.5, -4.5], opacity: [0.2, 1, 0.2], transition: p(1.6) }
+    };
+    return /* @__PURE__ */ t(s, { ref: e, label: "Reading file", ...n, children: (i) => /* @__PURE__ */ d(v, { children: [
+      /* @__PURE__ */ t("path", { d: k }),
+      /* @__PURE__ */ t("path", { d: x }),
+      /* @__PURE__ */ t(
+        c.line,
+        {
+          x1: "8",
+          y1: "13.5",
+          x2: "16",
+          y2: "13.5",
+          stroke: u,
+          variants: o,
+          animate: a ?? i,
+          initial: "normal"
+        }
+      )
+    ] }) });
+  }
+), B = l(
+  function(n, e) {
+    const a = m(n.active), o = {
+      normal: { scale: 1, opacity: 1, transition: y },
+      animate: { scale: [0.85, 1.12, 0.85], opacity: [0.7, 1, 0.7], transition: p(1.4) }
+    };
+    return /* @__PURE__ */ t(s, { ref: e, label: "Creating file", ...n, children: (i) => /* @__PURE__ */ d(v, { children: [
+      /* @__PURE__ */ t("path", { d: k }),
+      /* @__PURE__ */ t("path", { d: x }),
+      /* @__PURE__ */ t(
+        c.path,
+        {
+          d: "M12 12.5v5M9.5 15h5",
+          stroke: u,
+          variants: o,
+          animate: a ?? i,
+          initial: "normal",
+          style: { transformOrigin: "12px 15px" }
+        }
+      )
+    ] }) });
+  }
+), D = l(
+  function(n, e) {
+    const a = m(n.active), o = {
+      normal: { x: 0, y: 0, rotate: 0, transition: y },
+      animate: {
+        x: [0, 1.4, -1, 0],
+        y: [0, -1, 1, 0],
+        rotate: [0, 4, -3, 0],
+        transition: p(1.2)
+      }
+    };
+    return /* @__PURE__ */ t(s, { ref: e, label: "Editing file", ...n, children: (i) => /* @__PURE__ */ d(v, { children: [
+      /* @__PURE__ */ t("path", { d: "M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h7" }),
+      /* @__PURE__ */ t("path", { d: x }),
+      /* @__PURE__ */ t(
+        c.path,
+        {
+          d: "M18.4 12.6 21 15.2l-4.8 4.8H13.6v-2.6z",
+          stroke: u,
+          variants: o,
+          animate: a ?? i,
+          initial: "normal",
+          style: { transformOrigin: "17px 17px" }
+        }
+      )
+    ] }) });
+  }
+), P = l(
+  function(n, e) {
+    const a = m(n.active), o = {
+      normal: { scale: 1, opacity: 1, transition: y },
+      animate: { scale: [0.88, 1.12, 0.88], opacity: [0.6, 1, 0.6], transition: p(1.4) }
+    };
+    return /* @__PURE__ */ t(s, { ref: e, label: "Running skill", ...n, children: (i) => /* @__PURE__ */ t(
+      c.path,
+      {
+        d: "M13 2 4.5 13.2a.6.6 0 0 0 .48.96H11l-1 7.84 8.5-11.2a.6.6 0 0 0-.48-.96H12z",
+        fill: u,
+        stroke: u,
+        strokeWidth: 1.4,
+        variants: o,
+        animate: a ?? i,
+        initial: "normal",
+        style: { transformOrigin: "12px 12px" }
+      }
+    ) });
+  }
+);
 export {
-  d as AnimatedIcon,
-  j as ChatIcon,
-  w as HomeIcon,
-  H as PlusIcon,
-  A as SearchIcon,
-  L as SettingsIcon
+  s as AnimatedIcon,
+  z as ChatIcon,
+  D as FileEditIcon,
+  B as FileNewIcon,
+  j as FileScanIcon,
+  A as HomeIcon,
+  L as PlusIcon,
+  N as SearchIcon,
+  R as SettingsIcon,
+  P as SkillZapIcon
 };
 //# sourceMappingURL=animated.es.js.map

package/dist/brand/Terminal.d.ts

@@ -5,21 +5,30 @@ export interface TerminalIconProps extends Omit<SVGProps<SVGSVGElement>, 'childr
 }
 /**
  * Static terminal glyph — a rounded window with a prompt chevron and a cursor
- * line. `currentColor` for strokes so it inherits the surrounding text color
- * (works on light and dark); the cursor is brand yellow.
+ * line. Every stroke is `currentColor`, so the whole glyph — cursor included —
+ * inherits the surrounding text color (monochrome in both light and dark,
+ * driven entirely by the consumer's theme tokens; no hardcoded hue).
  */
 export declare const TerminalIcon: import('react').ForwardRefExoticComponent<Omit<TerminalIconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
 export interface AnimatedTerminalIconProps extends TerminalIconProps {
     /** When false, renders the static icon (no animation). Defaults to true. */
     running?: boolean;
-    /** Cursor/typing color. Defaults to brand yellow (#facc15). */
+    /**
+     * Cursor/typing color. Defaults to `currentColor` — the moving typing-line
+     * and cursor block match the glyph's own tone, so the icon reads as one
+     * monochrome mark (theme-token driven via whatever `color`/`text-*` the
+     * consumer applies) instead of carrying a fixed accent hue. Pass a real
+     * color here only if a one-off brand accent is deliberately wanted.
+     */
     accent?: string;
 }
 /**
  * Animated terminal logo for an in-progress terminal/code step: a prompt chevron
- * with a blinking yellow cursor and a subtle "typing" line that grows and resets,
- * evoking a command being typed. Subtle enough to suit light and dark themes;
- * honors `prefers-reduced-motion` (framer-motion disables transform/opacity
- * tweens automatically). When `running` is false it settles to the static icon.
+ * with a blinking cursor and a subtle "typing" line that grows and resets,
+ * evoking a command being typed. Monochrome by default (cursor + line inherit
+ * `currentColor`, matching the rest of the glyph) so it works on any theme
+ * token the consumer applies; honors `prefers-reduced-motion` (framer-motion
+ * disables transform/opacity tweens automatically). When `running` is false
+ * it settles to the static icon.
  */
 export declare const AnimatedTerminalIcon: import('react').ForwardRefExoticComponent<Omit<AnimatedTerminalIconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;

package/dist/brand/ThinkingOrb.d.ts

@@ -1,4 +1,4 @@
-export type ThinkingOrbPalette = 'ai' | 'aurora';
+export type ThinkingOrbPalette = 'ai' | 'aurora' | 'enterprise';
 export interface ThinkingOrbProps {
     /** Pixel diameter. Defaults to 16 (inline with text). */
     size?: number;

package/dist/brand.cjs

@@ -1,4 +1,4 @@
-"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=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),c=require("framer-motion"),b=d.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"})]})}),f=d.forwardRef(function({size:r=24,running:n=!0,accent:t="currentColor",className:a,...s},o){return n?e.jsxs("svg",{ref:o,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(b,{ref:o,size:r,className:a,...s})}),u={ai:"#8b5cf6, #c026d3, #ec4899, #f0abfc, #a855f7, #8b5cf6",aurora:"#22d3ee, #8b5cf6, #ec4899, #f59e0b, #22d3ee",enterprise:"#0ea5e9, #06b6d4, #2dd4bf, #38bdf8, #0ea5e9"},l={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)",enterprise:"0 0 6px rgba(14,165,233,0.4), 0 0 2px rgba(45,212,191,0.5)"},m={ai:!0,aurora:!0,enterprise:!1},h="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%; }
@@ -12,5 +12,5 @@
 @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;
+`;function p(){d.useEffect(()=>{if(typeof document>"u"||document.getElementById(h))return;const i=document.createElement("style");i.id=h,i.textContent=g,document.head.appendChild(i)},[])}function x({size:i=16,palette:r="ai",className:n}){p();const t=u[r]??u.ai,a=l[r]??l.ai,o=m[r]??!0?"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":"ai-orb-morph 3.2s ease-in-out infinite, ai-orb-breathe 2.1s ease-in-out infinite";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:o,willChange:"border-radius, transform"}})}exports.AnimatedTerminalIcon=f;exports.TerminalIcon=b;exports.ThinkingOrb=x;
 //# sourceMappingURL=brand.cjs.map

package/dist/brand.es.js

@@ -1,8 +1,8 @@
-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(
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { forwardRef as f, useEffect as b } from "react";
+import { motion as d } from "framer-motion";
+const m = f(function({ size: e = 24, className: t, ...n }, a) {
+  return /* @__PURE__ */ u(
     "svg",
     {
       ref: a,
@@ -21,16 +21,16 @@ const b = f(function({ size: e = 24, className: t, ...n }, a) {
       children: [
         /* @__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" })
+        /* @__PURE__ */ r("path", { d: "M12.5 15h4" })
       ]
     }
   );
-}), w = f(
-  function({ size: e = 24, running: t = !0, accent: n = "#facc15", className: a, ...o }, d) {
-    return t ? /* @__PURE__ */ m(
+}), T = f(
+  function({ size: e = 24, running: t = !0, accent: n = "currentColor", className: a, ...s }, o) {
+    return t ? /* @__PURE__ */ u(
       "svg",
       {
-        ref: d,
+        ref: o,
         width: e,
         height: e,
         viewBox: "0 0 24 24",
@@ -42,12 +42,12 @@ const b = f(function({ size: e = 24, className: t, ...n }, a) {
         className: a,
         role: "img",
         "aria-label": "Terminal running",
-        ...o,
+        ...s,
         children: [
           /* @__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.path,
             {
               d: "M12.5 15h5",
               stroke: n,
@@ -57,7 +57,7 @@ const b = f(function({ size: e = 24, className: t, ...n }, a) {
             }
           ),
           /* @__PURE__ */ r(
-            s.rect,
+            d.rect,
             {
               x: "18.5",
               y: "13.4",
@@ -72,16 +72,24 @@ const b = f(function({ size: e = 24, className: t, ...n }, a) {
           )
         ]
       }
-    ) : /* @__PURE__ */ r(b, { ref: d, size: e, className: a, ...o });
+    ) : /* @__PURE__ */ r(m, { ref: o, size: e, className: a, ...s });
   }
 ), 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"
+  aurora: "#22d3ee, #8b5cf6, #ec4899, #f59e0b, #22d3ee",
+  // Enterprise: a calm, cohesive teal→sky→cyan family — no pink/purple/magenta.
+  // Paired with hue-cycling OFF (see PALETTE_CYCLES) so it stays in this range.
+  enterprise: "#0ea5e9, #06b6d4, #2dd4bf, #38bdf8, #0ea5e9"
 }, 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)"
+  aurora: "0 0 6px rgba(34,211,238,0.5), 0 0 2px rgba(139,92,246,0.6)",
+  enterprise: "0 0 6px rgba(14,165,233,0.4), 0 0 2px rgba(45,212,191,0.5)"
+}, p = {
+  ai: !0,
+  aurora: !0,
+  enterprise: !1
 }, l = "ai-thinking-orb-styles", g = `
 @keyframes ai-orb-morph {
   0%,100% { border-radius:58% 42% 55% 45% / 52% 58% 42% 48%; }
@@ -97,17 +105,17 @@ const b = f(function({ size: e = 24, className: t, ...n }, a) {
   .ai-orb { animation: ai-orb-breathe 3s ease-in-out infinite !important; }
 }
 `;
-function p() {
-  u(() => {
+function x() {
+  b(() => {
     if (typeof document > "u" || document.getElementById(l))
       return;
     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;
+function E({ size: i = 16, palette: e = "ai", className: t }) {
+  x();
+  const n = c[e] ?? c.ai, a = h[e] ?? h.ai, o = p[e] ?? !0 ? "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" : "ai-orb-morph 3.2s ease-in-out infinite, ai-orb-breathe 2.1s ease-in-out infinite";
   return /* @__PURE__ */ r(
     "span",
     {
@@ -122,15 +130,15 @@ function I({ size: i = 16, palette: e = "ai", className: t }) {
         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",
+        animation: o,
         willChange: "border-radius, transform"
       }
     }
   );
 }
 export {
-  w as AnimatedTerminalIcon,
-  b as TerminalIcon,
-  I as ThinkingOrb
+  T as AnimatedTerminalIcon,
+  m as TerminalIcon,
+  E as ThinkingOrb
 };
 //# sourceMappingURL=brand.es.js.map

package/package.json

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