@illuma-ai/icons 2.6.0 → 2.6.1

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.
Files changed (3) hide show
  1. package/dist/brand.cjs +6 -6
  2. package/dist/brand.es.js +25 -25
  3. package/package.json +1 -1
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"),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=`
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 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;
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";
3
- import { motion as d } from "framer-motion";
4
- const b = h(function({ size: e = 24, className: t, ...n }, a) {
5
- return /* @__PURE__ */ u(
1
+ import { jsxs as m, jsx as r } from "react/jsx-runtime";
2
+ import { forwardRef as f, useEffect as u } from "react";
3
+ import { motion as s } from "framer-motion";
4
+ const b = f(function({ size: e = 24, className: t, ...n }, a) {
5
+ return /* @__PURE__ */ m(
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
+ }), w = f(
29
+ function({ size: e = 24, running: t = !0, accent: n = "#facc15", className: a, ...o }, d) {
30
+ return t ? /* @__PURE__ */ m(
31
31
  "svg",
32
32
  {
33
- ref: l,
33
+ ref: d,
34
34
  width: e,
35
35
  height: e,
36
36
  viewBox: "0 0 24 24",
@@ -47,7 +47,7 @@ const b = h(function({ size: e = 24, className: t, ...n }, a) {
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" }),
49
49
  /* @__PURE__ */ r(
50
- d.path,
50
+ s.path,
51
51
  {
52
52
  d: "M12.5 15h5",
53
53
  stroke: n,
@@ -57,7 +57,7 @@ const b = h(function({ size: e = 24, className: t, ...n }, a) {
57
57
  }
58
58
  ),
59
59
  /* @__PURE__ */ r(
60
- d.rect,
60
+ s.rect,
61
61
  {
62
62
  x: "18.5",
63
63
  y: "13.4",
@@ -72,46 +72,46 @@ 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(b, { ref: d, size: e, className: a, ...o });
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
81
  aurora: "#22d3ee, #8b5cf6, #ec4899, #f59e0b, #22d3ee"
82
- }, m = {
82
+ }, h = {
83
83
  ai: "0 0 6px rgba(192,38,211,0.5), 0 0 2px rgba(139,92,246,0.6)",
84
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 {
85
+ }, l = "ai-thinking-orb-styles", g = `
86
+ @keyframes ai-orb-morph {
87
87
  0%,100% { border-radius:58% 42% 55% 45% / 52% 58% 42% 48%; }
88
88
  33% { border-radius:45% 55% 42% 58% / 58% 42% 55% 45%; }
89
89
  66% { border-radius:52% 48% 60% 40% / 45% 52% 48% 55%; }
90
90
  }
91
- @keyframes illuma-orb-breathe {
91
+ @keyframes ai-orb-breathe {
92
92
  0%,100% { transform:scale(0.9) rotate(0deg); }
93
93
  50% { transform:scale(1.08) rotate(8deg); }
94
94
  }
95
- @keyframes illuma-orb-spin { to { filter:hue-rotate(360deg); } }
95
+ @keyframes ai-orb-spin { to { filter:hue-rotate(360deg); } }
96
96
  @media (prefers-reduced-motion: reduce) {
97
- .illuma-orb { animation: illuma-orb-breathe 3s ease-in-out infinite !important; }
97
+ .ai-orb { animation: ai-orb-breathe 3s ease-in-out infinite !important; }
98
98
  }
99
99
  `;
100
100
  function p() {
101
- f(() => {
102
- if (typeof document > "u" || document.getElementById(c))
101
+ u(() => {
102
+ if (typeof document > "u" || document.getElementById(l))
103
103
  return;
104
104
  const i = document.createElement("style");
105
- i.id = c, i.textContent = g, document.head.appendChild(i);
105
+ i.id = l, i.textContent = g, document.head.appendChild(i);
106
106
  }, []);
107
107
  }
108
108
  function I({ size: i = 16, palette: e = "ai", className: t }) {
109
109
  p();
110
- const n = s[e] ?? s.ai, a = m[e] ?? m.ai;
110
+ const n = c[e] ?? c.ai, a = h[e] ?? h.ai;
111
111
  return /* @__PURE__ */ r(
112
112
  "span",
113
113
  {
114
- className: `illuma-orb${t ? ` ${t}` : ""}`,
114
+ className: `ai-orb${t ? ` ${t}` : ""}`,
115
115
  role: "img",
116
116
  "aria-label": "Thinking",
117
117
  style: {
@@ -122,7 +122,7 @@ function I({ size: i = 16, palette: e = "ai", className: t }) {
122
122
  flexShrink: 0,
123
123
  background: `radial-gradient(circle at 32% 30%, rgba(255,255,255,0.65) 0%, transparent 38%), conic-gradient(from 0deg, ${n})`,
124
124
  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",
125
+ 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",
126
126
  willChange: "border-radius, transform"
127
127
  }
128
128
  }
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.1",
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",