@illuma-ai/icons 2.6.0 → 2.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,4 @@
1
1
  export { AnimatedIcon } from './AnimatedIcon';
2
2
  export { HomeIcon, SearchIcon, SettingsIcon, ChatIcon, PlusIcon } from './icons';
3
+ export { FileScanIcon, FileNewIcon, FileEditIcon, SkillZapIcon } from './process';
3
4
  export type { AnimatedIconProps } from './types';
@@ -0,0 +1,9 @@
1
+ import { AnimatedIconProps } from './types';
2
+ /** read_file — an accent scan line sweeps down the page while active. */
3
+ export declare const FileScanIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<SVGSVGElement>>;
4
+ /** create_file — the accent "+" pulses smoothly while active. */
5
+ export declare const FileNewIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<SVGSVGElement>>;
6
+ /** edit_file — the accent pen nib wiggles, as if writing, while active. */
7
+ export declare const FileEditIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<SVGSVGElement>>;
8
+ /** skill — an accent lightning bolt pulses smoothly while the skill runs. */
9
+ export declare const SkillZapIcon: import('react').ForwardRefExoticComponent<AnimatedIconProps & import('react').RefAttributes<SVGSVGElement>>;
package/dist/animated.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "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;
1
+ "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="#facc15",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",O=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"})]})})}),C=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=C;exports.FileScanIcon=O;exports.HomeIcon=b;exports.PlusIcon=k;exports.SearchIcon=w;exports.SettingsIcon=F;exports.SkillZapIcon=E;
2
2
  //# sourceMappingURL=animated.cjs.map
@@ -1,107 +1,107 @@
1
- import { jsxs as m, jsx as n, Fragment as y } from "react/jsx-runtime";
2
- import { forwardRef as l, useId as I } from "react";
3
- import { useAnimation as b, motion as c } from "framer-motion";
4
- const d = l(
5
- function({ children: t, label: o, size: a = 24, strokeWidth: e = 2, active: i, className: u, ...M }, x) {
6
- const f = b(), v = I(), g = () => {
7
- i === void 0 && f.start("animate");
8
- }, p = () => {
9
- i === void 0 && f.start("normal");
1
+ import { jsxs as d, jsx as t, Fragment as f } from "react/jsx-runtime";
2
+ import { forwardRef as l, useId as S } from "react";
3
+ import { useAnimation as F, motion as c } from "framer-motion";
4
+ const s = l(
5
+ function({ children: n, label: e, size: a = 24, strokeWidth: o = 2, active: i, className: v, ...O }, C) {
6
+ const g = F(), I = S(), M = () => {
7
+ i === void 0 && g.start("animate");
8
+ }, b = () => {
9
+ i === void 0 && g.start("normal");
10
10
  };
11
- return /* @__PURE__ */ m(
11
+ return /* @__PURE__ */ d(
12
12
  "svg",
13
13
  {
14
- ref: x,
14
+ ref: C,
15
15
  width: a,
16
16
  height: a,
17
17
  viewBox: "0 0 24 24",
18
18
  fill: "none",
19
19
  stroke: "currentColor",
20
- strokeWidth: e,
20
+ strokeWidth: o,
21
21
  strokeLinecap: "round",
22
22
  strokeLinejoin: "round",
23
- className: u,
23
+ className: v,
24
24
  role: "img",
25
- "aria-labelledby": v,
26
- onMouseEnter: g,
27
- onMouseLeave: p,
28
- onFocus: g,
29
- onBlur: p,
30
- ...M,
25
+ "aria-labelledby": I,
26
+ onMouseEnter: M,
27
+ onMouseLeave: b,
28
+ onFocus: M,
29
+ onBlur: b,
30
+ ...O,
31
31
  children: [
32
- /* @__PURE__ */ n("title", { id: v, children: o }),
33
- t(f)
32
+ /* @__PURE__ */ t("title", { id: I, children: e }),
33
+ n(g)
34
34
  ]
35
35
  }
36
36
  );
37
37
  }
38
38
  );
39
- function h(r) {
39
+ function m(r) {
40
40
  if (r !== void 0)
41
41
  return r ? "animate" : "normal";
42
42
  }
43
- const s = { type: "spring", stiffness: 250, damping: 16 }, w = l(function(t, o) {
44
- const a = h(t.active), e = { normal: { y: 0 }, animate: { y: -1.5 } };
45
- return /* @__PURE__ */ n(d, { ref: o, label: "Home", ...t, children: (i) => /* @__PURE__ */ m(y, { children: [
46
- /* @__PURE__ */ n(
43
+ const h = { type: "spring", stiffness: 250, damping: 16 }, A = l(function(n, e) {
44
+ const a = m(n.active), o = { normal: { y: 0 }, animate: { y: -1.5 } };
45
+ return /* @__PURE__ */ t(s, { ref: e, label: "Home", ...n, children: (i) => /* @__PURE__ */ d(f, { children: [
46
+ /* @__PURE__ */ t(
47
47
  c.path,
48
48
  {
49
49
  d: "M3 10.5 12 3l9 7.5",
50
- variants: e,
50
+ variants: o,
51
51
  animate: a ?? i,
52
52
  initial: "normal",
53
- transition: s
53
+ transition: h
54
54
  }
55
55
  ),
56
- /* @__PURE__ */ n("path", { d: "M5 10v10h14V10" }),
57
- /* @__PURE__ */ n("path", { d: "M9 20v-6h6v6" })
56
+ /* @__PURE__ */ t("path", { d: "M5 10v10h14V10" }),
57
+ /* @__PURE__ */ t("path", { d: "M9 20v-6h6v6" })
58
58
  ] }) });
59
- }), A = l(function(t, o) {
60
- const a = h(t.active), e = { normal: { scale: 1, x: 0, y: 0 }, animate: { scale: 1.12, x: -1, y: -1 } };
61
- return /* @__PURE__ */ n(d, { ref: o, label: "Search", ...t, children: (i) => /* @__PURE__ */ m(
59
+ }), N = l(function(n, e) {
60
+ const a = m(n.active), o = { normal: { scale: 1, x: 0, y: 0 }, animate: { scale: 1.12, x: -1, y: -1 } };
61
+ return /* @__PURE__ */ t(s, { ref: e, label: "Search", ...n, children: (i) => /* @__PURE__ */ d(
62
62
  c.g,
63
63
  {
64
- variants: e,
64
+ variants: o,
65
65
  animate: a ?? i,
66
66
  initial: "normal",
67
- transition: s,
67
+ transition: h,
68
68
  style: { transformOrigin: "10px 10px" },
69
69
  children: [
70
- /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "7" }),
71
- /* @__PURE__ */ n("path", { d: "m21 21-4.3-4.3" })
70
+ /* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "7" }),
71
+ /* @__PURE__ */ t("path", { d: "m21 21-4.3-4.3" })
72
72
  ]
73
73
  }
74
74
  ) });
75
- }), L = l(function(t, o) {
76
- const a = h(t.active), e = { normal: { rotate: 0 }, animate: { rotate: 90 } };
77
- return /* @__PURE__ */ n(d, { ref: o, label: "Settings", ...t, children: (i) => /* @__PURE__ */ m(
75
+ }), R = l(function(n, e) {
76
+ const a = m(n.active), o = { normal: { rotate: 0 }, animate: { rotate: 90 } };
77
+ return /* @__PURE__ */ t(s, { ref: e, label: "Settings", ...n, children: (i) => /* @__PURE__ */ d(
78
78
  c.g,
79
79
  {
80
- variants: e,
80
+ variants: o,
81
81
  animate: a ?? i,
82
82
  initial: "normal",
83
83
  transition: { type: "spring", stiffness: 120, damping: 14 },
84
84
  style: { transformOrigin: "12px 12px" },
85
85
  children: [
86
- /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" }),
87
- /* @__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" })
86
+ /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "3" }),
87
+ /* @__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" })
88
88
  ]
89
89
  }
90
90
  ) });
91
- }), j = l(function(t, o) {
92
- 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 } };
93
- return /* @__PURE__ */ n(d, { ref: o, label: "Chat", ...t, children: (u) => /* @__PURE__ */ m(y, { children: [
94
- /* @__PURE__ */ n(
91
+ }), z = l(function(n, e) {
92
+ 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 } };
93
+ return /* @__PURE__ */ t(s, { ref: e, label: "Chat", ...n, children: (v) => /* @__PURE__ */ d(f, { children: [
94
+ /* @__PURE__ */ t(
95
95
  c.path,
96
96
  {
97
97
  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",
98
- variants: e,
99
- animate: a ?? u,
98
+ variants: o,
99
+ animate: a ?? v,
100
100
  initial: "normal",
101
- transition: s
101
+ transition: h
102
102
  }
103
103
  ),
104
- /* @__PURE__ */ n(
104
+ /* @__PURE__ */ t(
105
105
  c.circle,
106
106
  {
107
107
  cx: "12",
@@ -110,32 +110,129 @@ const s = { type: "spring", stiffness: 250, damping: 16 }, w = l(function(t, o)
110
110
  fill: "currentColor",
111
111
  stroke: "none",
112
112
  variants: i,
113
- animate: a ?? u,
113
+ animate: a ?? v,
114
114
  initial: "normal",
115
- transition: s
115
+ transition: h
116
116
  }
117
117
  )
118
118
  ] }) });
119
- }), H = l(function(t, o) {
120
- const a = h(t.active), e = { normal: { rotate: 0 }, animate: { rotate: 90 } };
121
- return /* @__PURE__ */ n(d, { ref: o, label: "New", ...t, children: (i) => /* @__PURE__ */ n(
119
+ }), L = l(function(n, e) {
120
+ const a = m(n.active), o = { normal: { rotate: 0 }, animate: { rotate: 90 } };
121
+ return /* @__PURE__ */ t(s, { ref: e, label: "New", ...n, children: (i) => /* @__PURE__ */ t(
122
122
  c.g,
123
123
  {
124
- variants: e,
124
+ variants: o,
125
125
  animate: a ?? i,
126
126
  initial: "normal",
127
- transition: s,
127
+ transition: h,
128
128
  style: { transformOrigin: "12px 12px" },
129
- children: /* @__PURE__ */ n("path", { d: "M12 5v14M5 12h14" })
129
+ children: /* @__PURE__ */ t("path", { d: "M12 5v14M5 12h14" })
130
130
  }
131
131
  ) });
132
- });
132
+ }), u = "#facc15", 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(
133
+ function(n, e) {
134
+ const a = m(n.active), o = {
135
+ normal: { y: 0, opacity: 0.9, transition: y },
136
+ animate: { y: [-4.5, 4.5, -4.5], opacity: [0.2, 1, 0.2], transition: p(1.6) }
137
+ };
138
+ return /* @__PURE__ */ t(s, { ref: e, label: "Reading file", ...n, children: (i) => /* @__PURE__ */ d(f, { children: [
139
+ /* @__PURE__ */ t("path", { d: k }),
140
+ /* @__PURE__ */ t("path", { d: x }),
141
+ /* @__PURE__ */ t(
142
+ c.line,
143
+ {
144
+ x1: "8",
145
+ y1: "13.5",
146
+ x2: "16",
147
+ y2: "13.5",
148
+ stroke: u,
149
+ variants: o,
150
+ animate: a ?? i,
151
+ initial: "normal"
152
+ }
153
+ )
154
+ ] }) });
155
+ }
156
+ ), B = l(
157
+ function(n, e) {
158
+ const a = m(n.active), o = {
159
+ normal: { scale: 1, opacity: 1, transition: y },
160
+ animate: { scale: [0.85, 1.12, 0.85], opacity: [0.7, 1, 0.7], transition: p(1.4) }
161
+ };
162
+ return /* @__PURE__ */ t(s, { ref: e, label: "Creating file", ...n, children: (i) => /* @__PURE__ */ d(f, { children: [
163
+ /* @__PURE__ */ t("path", { d: k }),
164
+ /* @__PURE__ */ t("path", { d: x }),
165
+ /* @__PURE__ */ t(
166
+ c.path,
167
+ {
168
+ d: "M12 12.5v5M9.5 15h5",
169
+ stroke: u,
170
+ variants: o,
171
+ animate: a ?? i,
172
+ initial: "normal",
173
+ style: { transformOrigin: "12px 15px" }
174
+ }
175
+ )
176
+ ] }) });
177
+ }
178
+ ), D = l(
179
+ function(n, e) {
180
+ const a = m(n.active), o = {
181
+ normal: { x: 0, y: 0, rotate: 0, transition: y },
182
+ animate: {
183
+ x: [0, 1.4, -1, 0],
184
+ y: [0, -1, 1, 0],
185
+ rotate: [0, 4, -3, 0],
186
+ transition: p(1.2)
187
+ }
188
+ };
189
+ return /* @__PURE__ */ t(s, { ref: e, label: "Editing file", ...n, children: (i) => /* @__PURE__ */ d(f, { children: [
190
+ /* @__PURE__ */ t("path", { d: "M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h7" }),
191
+ /* @__PURE__ */ t("path", { d: x }),
192
+ /* @__PURE__ */ t(
193
+ c.path,
194
+ {
195
+ d: "M18.4 12.6 21 15.2l-4.8 4.8H13.6v-2.6z",
196
+ stroke: u,
197
+ variants: o,
198
+ animate: a ?? i,
199
+ initial: "normal",
200
+ style: { transformOrigin: "17px 17px" }
201
+ }
202
+ )
203
+ ] }) });
204
+ }
205
+ ), P = l(
206
+ function(n, e) {
207
+ const a = m(n.active), o = {
208
+ normal: { scale: 1, opacity: 1, transition: y },
209
+ animate: { scale: [0.88, 1.12, 0.88], opacity: [0.6, 1, 0.6], transition: p(1.4) }
210
+ };
211
+ return /* @__PURE__ */ t(s, { ref: e, label: "Running skill", ...n, children: (i) => /* @__PURE__ */ t(
212
+ c.path,
213
+ {
214
+ 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",
215
+ fill: u,
216
+ stroke: u,
217
+ strokeWidth: 1.4,
218
+ variants: o,
219
+ animate: a ?? i,
220
+ initial: "normal",
221
+ style: { transformOrigin: "12px 12px" }
222
+ }
223
+ ) });
224
+ }
225
+ );
133
226
  export {
134
- d as AnimatedIcon,
135
- j as ChatIcon,
136
- w as HomeIcon,
137
- H as PlusIcon,
138
- A as SearchIcon,
139
- L as SettingsIcon
227
+ s as AnimatedIcon,
228
+ z as ChatIcon,
229
+ D as FileEditIcon,
230
+ B as FileNewIcon,
231
+ j as FileScanIcon,
232
+ A as HomeIcon,
233
+ L as PlusIcon,
234
+ N as SearchIcon,
235
+ R as SettingsIcon,
236
+ P as SkillZapIcon
140
237
  };
141
238
  //# sourceMappingURL=animated.es.js.map
@@ -1,4 +1,4 @@
1
- export type ThinkingOrbPalette = 'ai' | 'aurora';
1
+ export type ThinkingOrbPalette = 'ai' | 'aurora' | 'enterprise';
2
2
  export interface ThinkingOrbProps {
3
3
  /** Pixel diameter. Defaults to 16 (inline with text). */
4
4
  size?: number;
package/dist/brand.cjs CHANGED
@@ -1,16 +1,16 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),d=require("framer-motion"),h=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},l){return n?e.jsxs("svg",{ref:l,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(d.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(d.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(h,{ref:l,size:r,className:a,...s})}),c={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)"},m="illuma-thinking-orb-styles",b=`
2
- @keyframes illuma-orb-morph {
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),c=require("framer-motion"),f=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",stroke:"#facc15"})]})}),b=d.forwardRef(function({size:r=24,running:n=!0,accent:t="#facc15",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(f,{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=`
2
+ @keyframes ai-orb-morph {
3
3
  0%,100% { border-radius:58% 42% 55% 45% / 52% 58% 42% 48%; }
4
4
  33% { border-radius:45% 55% 42% 58% / 58% 42% 55% 45%; }
5
5
  66% { border-radius:52% 48% 60% 40% / 45% 52% 48% 55%; }
6
6
  }
7
- @keyframes illuma-orb-breathe {
7
+ @keyframes ai-orb-breathe {
8
8
  0%,100% { transform:scale(0.9) rotate(0deg); }
9
9
  50% { transform:scale(1.08) rotate(8deg); }
10
10
  }
11
- @keyframes illuma-orb-spin { to { filter:hue-rotate(360deg); } }
11
+ @keyframes ai-orb-spin { to { filter:hue-rotate(360deg); } }
12
12
  @media (prefers-reduced-motion: reduce) {
13
- .illuma-orb { animation: illuma-orb-breathe 3s ease-in-out infinite !important; }
13
+ .ai-orb { animation: ai-orb-breathe 3s ease-in-out infinite !important; }
14
14
  }
15
- `;function g(){o.useEffect(()=>{if(typeof document>"u"||document.getElementById(m))return;const i=document.createElement("style");i.id=m,i.textContent=b,document.head.appendChild(i)},[])}function p({size:i=16,palette:r="ai",className:n}){g();const t=c[r]??c.ai,a=u[r]??u.ai;return e.jsx("span",{className:`illuma-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:"illuma-orb-morph 3.2s ease-in-out infinite, illuma-orb-breathe 2.1s ease-in-out infinite, illuma-orb-spin 4.5s linear infinite",willChange:"border-radius, transform"}})}exports.AnimatedTerminalIcon=f;exports.TerminalIcon=h;exports.ThinkingOrb=p;
15
+ `;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=b;exports.TerminalIcon=f;exports.ThinkingOrb=x;
16
16
  //# sourceMappingURL=brand.cjs.map
package/dist/brand.es.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsxs as u, jsx as r } from "react/jsx-runtime";
2
- import { forwardRef as h, useEffect as f } from "react";
1
+ import { jsxs as l, jsx as r } from "react/jsx-runtime";
2
+ import { forwardRef as u, useEffect as b } from "react";
3
3
  import { motion as d } from "framer-motion";
4
- const b = h(function({ size: e = 24, className: t, ...n }, a) {
5
- return /* @__PURE__ */ u(
4
+ const m = u(function({ size: e = 24, className: t, ...n }, a) {
5
+ return /* @__PURE__ */ l(
6
6
  "svg",
7
7
  {
8
8
  ref: a,
@@ -25,12 +25,12 @@ const b = h(function({ size: e = 24, className: t, ...n }, a) {
25
25
  ]
26
26
  }
27
27
  );
28
- }), w = h(
29
- function({ size: e = 24, running: t = !0, accent: n = "#facc15", className: a, ...o }, l) {
30
- return t ? /* @__PURE__ */ u(
28
+ }), T = u(
29
+ function({ size: e = 24, running: t = !0, accent: n = "#facc15", className: a, ...s }, o) {
30
+ return t ? /* @__PURE__ */ l(
31
31
  "svg",
32
32
  {
33
- ref: l,
33
+ ref: o,
34
34
  width: e,
35
35
  height: e,
36
36
  viewBox: "0 0 24 24",
@@ -42,7 +42,7 @@ const b = h(function({ size: e = 24, className: t, ...n }, a) {
42
42
  className: a,
43
43
  role: "img",
44
44
  "aria-label": "Terminal running",
45
- ...o,
45
+ ...s,
46
46
  children: [
47
47
  /* @__PURE__ */ r("rect", { x: "2.5", y: "4", width: "19", height: "16", rx: "2.5" }),
48
48
  /* @__PURE__ */ r("path", { d: "m6.5 9 3 3-3 3" }),
@@ -72,46 +72,54 @@ const b = h(function({ size: e = 24, className: t, ...n }, a) {
72
72
  )
73
73
  ]
74
74
  }
75
- ) : /* @__PURE__ */ r(b, { ref: l, size: e, className: a, ...o });
75
+ ) : /* @__PURE__ */ r(m, { ref: o, size: e, className: a, ...s });
76
76
  }
77
- ), s = {
77
+ ), c = {
78
78
  // Pink → purple → magenta → rose — the "AI" gradient.
79
79
  ai: "#8b5cf6, #c026d3, #ec4899, #f0abfc, #a855f7, #8b5cf6",
80
80
  // Original aurora: cyan → violet → magenta → amber.
81
- aurora: "#22d3ee, #8b5cf6, #ec4899, #f59e0b, #22d3ee"
82
- }, m = {
81
+ aurora: "#22d3ee, #8b5cf6, #ec4899, #f59e0b, #22d3ee",
82
+ // Enterprise: a calm, cohesive teal→sky→cyan family — no pink/purple/magenta.
83
+ // Paired with hue-cycling OFF (see PALETTE_CYCLES) so it stays in this range.
84
+ enterprise: "#0ea5e9, #06b6d4, #2dd4bf, #38bdf8, #0ea5e9"
85
+ }, h = {
83
86
  ai: "0 0 6px rgba(192,38,211,0.5), 0 0 2px rgba(139,92,246,0.6)",
84
- aurora: "0 0 6px rgba(34,211,238,0.5), 0 0 2px rgba(139,92,246,0.6)"
85
- }, c = "illuma-thinking-orb-styles", g = `
86
- @keyframes illuma-orb-morph {
87
+ aurora: "0 0 6px rgba(34,211,238,0.5), 0 0 2px rgba(139,92,246,0.6)",
88
+ enterprise: "0 0 6px rgba(14,165,233,0.4), 0 0 2px rgba(45,212,191,0.5)"
89
+ }, p = {
90
+ ai: !0,
91
+ aurora: !0,
92
+ enterprise: !1
93
+ }, f = "ai-thinking-orb-styles", g = `
94
+ @keyframes ai-orb-morph {
87
95
  0%,100% { border-radius:58% 42% 55% 45% / 52% 58% 42% 48%; }
88
96
  33% { border-radius:45% 55% 42% 58% / 58% 42% 55% 45%; }
89
97
  66% { border-radius:52% 48% 60% 40% / 45% 52% 48% 55%; }
90
98
  }
91
- @keyframes illuma-orb-breathe {
99
+ @keyframes ai-orb-breathe {
92
100
  0%,100% { transform:scale(0.9) rotate(0deg); }
93
101
  50% { transform:scale(1.08) rotate(8deg); }
94
102
  }
95
- @keyframes illuma-orb-spin { to { filter:hue-rotate(360deg); } }
103
+ @keyframes ai-orb-spin { to { filter:hue-rotate(360deg); } }
96
104
  @media (prefers-reduced-motion: reduce) {
97
- .illuma-orb { animation: illuma-orb-breathe 3s ease-in-out infinite !important; }
105
+ .ai-orb { animation: ai-orb-breathe 3s ease-in-out infinite !important; }
98
106
  }
99
107
  `;
100
- function p() {
101
- f(() => {
102
- if (typeof document > "u" || document.getElementById(c))
108
+ function k() {
109
+ b(() => {
110
+ if (typeof document > "u" || document.getElementById(f))
103
111
  return;
104
112
  const i = document.createElement("style");
105
- i.id = c, i.textContent = g, document.head.appendChild(i);
113
+ i.id = f, i.textContent = g, document.head.appendChild(i);
106
114
  }, []);
107
115
  }
108
- function I({ size: i = 16, palette: e = "ai", className: t }) {
109
- p();
110
- const n = s[e] ?? s.ai, a = m[e] ?? m.ai;
116
+ function E({ size: i = 16, palette: e = "ai", className: t }) {
117
+ k();
118
+ 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";
111
119
  return /* @__PURE__ */ r(
112
120
  "span",
113
121
  {
114
- className: `illuma-orb${t ? ` ${t}` : ""}`,
122
+ className: `ai-orb${t ? ` ${t}` : ""}`,
115
123
  role: "img",
116
124
  "aria-label": "Thinking",
117
125
  style: {
@@ -122,15 +130,15 @@ function I({ size: i = 16, palette: e = "ai", className: t }) {
122
130
  flexShrink: 0,
123
131
  background: `radial-gradient(circle at 32% 30%, rgba(255,255,255,0.65) 0%, transparent 38%), conic-gradient(from 0deg, ${n})`,
124
132
  boxShadow: a,
125
- animation: "illuma-orb-morph 3.2s ease-in-out infinite, illuma-orb-breathe 2.1s ease-in-out infinite, illuma-orb-spin 4.5s linear infinite",
133
+ animation: o,
126
134
  willChange: "border-radius, transform"
127
135
  }
128
136
  }
129
137
  );
130
138
  }
131
139
  export {
132
- w as AnimatedTerminalIcon,
133
- b as TerminalIcon,
134
- I as ThinkingOrb
140
+ T as AnimatedTerminalIcon,
141
+ m as TerminalIcon,
142
+ E as ThinkingOrb
135
143
  };
136
144
  //# sourceMappingURL=brand.es.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@illuma-ai/icons",
3
- "version": "2.6.0",
3
+ "version": "2.6.2",
4
4
  "description": "Illuma icon system: file-type icons (static + animated GIF), hover-animated nav icons, terminal logo, and a WebGL thinking orb.",
5
5
  "type": "module",
6
6
  "license": "MIT",