@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.
- package/dist/animated/index.d.ts +1 -0
- package/dist/animated/process.d.ts +9 -0
- package/dist/animated.cjs +1 -1
- package/dist/animated.es.js +163 -66
- package/dist/brand/ThinkingOrb.d.ts +1 -1
- package/dist/brand.cjs +6 -6
- package/dist/brand.es.js +39 -31
- package/package.json +1 -1
package/dist/animated/index.d.ts
CHANGED
|
@@ -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:
|
|
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
|
package/dist/animated.es.js
CHANGED
|
@@ -1,107 +1,107 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { forwardRef as l, useId as
|
|
3
|
-
import { useAnimation as
|
|
4
|
-
const
|
|
5
|
-
function({ children:
|
|
6
|
-
const
|
|
7
|
-
i === void 0 &&
|
|
8
|
-
},
|
|
9
|
-
i === void 0 &&
|
|
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__ */
|
|
11
|
+
return /* @__PURE__ */ d(
|
|
12
12
|
"svg",
|
|
13
13
|
{
|
|
14
|
-
ref:
|
|
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:
|
|
20
|
+
strokeWidth: o,
|
|
21
21
|
strokeLinecap: "round",
|
|
22
22
|
strokeLinejoin: "round",
|
|
23
|
-
className:
|
|
23
|
+
className: v,
|
|
24
24
|
role: "img",
|
|
25
|
-
"aria-labelledby":
|
|
26
|
-
onMouseEnter:
|
|
27
|
-
onMouseLeave:
|
|
28
|
-
onFocus:
|
|
29
|
-
onBlur:
|
|
30
|
-
...
|
|
25
|
+
"aria-labelledby": I,
|
|
26
|
+
onMouseEnter: M,
|
|
27
|
+
onMouseLeave: b,
|
|
28
|
+
onFocus: M,
|
|
29
|
+
onBlur: b,
|
|
30
|
+
...O,
|
|
31
31
|
children: [
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
|
|
32
|
+
/* @__PURE__ */ t("title", { id: I, children: e }),
|
|
33
|
+
n(g)
|
|
34
34
|
]
|
|
35
35
|
}
|
|
36
36
|
);
|
|
37
37
|
}
|
|
38
38
|
);
|
|
39
|
-
function
|
|
39
|
+
function m(r) {
|
|
40
40
|
if (r !== void 0)
|
|
41
41
|
return r ? "animate" : "normal";
|
|
42
42
|
}
|
|
43
|
-
const
|
|
44
|
-
const a =
|
|
45
|
-
return /* @__PURE__ */
|
|
46
|
-
/* @__PURE__ */
|
|
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:
|
|
50
|
+
variants: o,
|
|
51
51
|
animate: a ?? i,
|
|
52
52
|
initial: "normal",
|
|
53
|
-
transition:
|
|
53
|
+
transition: h
|
|
54
54
|
}
|
|
55
55
|
),
|
|
56
|
-
/* @__PURE__ */
|
|
57
|
-
/* @__PURE__ */
|
|
56
|
+
/* @__PURE__ */ t("path", { d: "M5 10v10h14V10" }),
|
|
57
|
+
/* @__PURE__ */ t("path", { d: "M9 20v-6h6v6" })
|
|
58
58
|
] }) });
|
|
59
|
-
}),
|
|
60
|
-
const a =
|
|
61
|
-
return /* @__PURE__ */
|
|
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:
|
|
64
|
+
variants: o,
|
|
65
65
|
animate: a ?? i,
|
|
66
66
|
initial: "normal",
|
|
67
|
-
transition:
|
|
67
|
+
transition: h,
|
|
68
68
|
style: { transformOrigin: "10px 10px" },
|
|
69
69
|
children: [
|
|
70
|
-
/* @__PURE__ */
|
|
71
|
-
/* @__PURE__ */
|
|
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
|
-
}),
|
|
76
|
-
const a =
|
|
77
|
-
return /* @__PURE__ */
|
|
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:
|
|
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__ */
|
|
87
|
-
/* @__PURE__ */
|
|
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
|
-
}),
|
|
92
|
-
const a =
|
|
93
|
-
return /* @__PURE__ */
|
|
94
|
-
/* @__PURE__ */
|
|
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:
|
|
99
|
-
animate: a ??
|
|
98
|
+
variants: o,
|
|
99
|
+
animate: a ?? v,
|
|
100
100
|
initial: "normal",
|
|
101
|
-
transition:
|
|
101
|
+
transition: h
|
|
102
102
|
}
|
|
103
103
|
),
|
|
104
|
-
/* @__PURE__ */
|
|
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 ??
|
|
113
|
+
animate: a ?? v,
|
|
114
114
|
initial: "normal",
|
|
115
|
-
transition:
|
|
115
|
+
transition: h
|
|
116
116
|
}
|
|
117
117
|
)
|
|
118
118
|
] }) });
|
|
119
|
-
}),
|
|
120
|
-
const a =
|
|
121
|
-
return /* @__PURE__ */
|
|
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:
|
|
124
|
+
variants: o,
|
|
125
125
|
animate: a ?? i,
|
|
126
126
|
initial: "normal",
|
|
127
|
-
transition:
|
|
127
|
+
transition: h,
|
|
128
128
|
style: { transformOrigin: "12px 12px" },
|
|
129
|
-
children: /* @__PURE__ */
|
|
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
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
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
|
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"),
|
|
2
|
-
@keyframes
|
|
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
|
|
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
|
|
11
|
+
@keyframes ai-orb-spin { to { filter:hue-rotate(360deg); } }
|
|
12
12
|
@media (prefers-reduced-motion: reduce) {
|
|
13
|
-
.
|
|
13
|
+
.ai-orb { animation: ai-orb-breathe 3s ease-in-out infinite !important; }
|
|
14
14
|
}
|
|
15
|
-
`;function
|
|
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
|
|
2
|
-
import { forwardRef as
|
|
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
|
|
5
|
-
return /* @__PURE__ */
|
|
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
|
-
}),
|
|
29
|
-
function({ size: e = 24, running: t = !0, accent: n = "#facc15", className: a, ...
|
|
30
|
-
return t ? /* @__PURE__ */
|
|
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:
|
|
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
|
-
...
|
|
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(
|
|
75
|
+
) : /* @__PURE__ */ r(m, { ref: o, size: e, className: a, ...s });
|
|
76
76
|
}
|
|
77
|
-
),
|
|
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
|
-
|
|
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
|
-
|
|
86
|
-
|
|
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
|
|
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
|
|
103
|
+
@keyframes ai-orb-spin { to { filter:hue-rotate(360deg); } }
|
|
96
104
|
@media (prefers-reduced-motion: reduce) {
|
|
97
|
-
.
|
|
105
|
+
.ai-orb { animation: ai-orb-breathe 3s ease-in-out infinite !important; }
|
|
98
106
|
}
|
|
99
107
|
`;
|
|
100
|
-
function
|
|
101
|
-
|
|
102
|
-
if (typeof document > "u" || document.getElementById(
|
|
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 =
|
|
113
|
+
i.id = f, i.textContent = g, document.head.appendChild(i);
|
|
106
114
|
}, []);
|
|
107
115
|
}
|
|
108
|
-
function
|
|
109
|
-
|
|
110
|
-
const n =
|
|
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: `
|
|
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:
|
|
133
|
+
animation: o,
|
|
126
134
|
willChange: "border-radius, transform"
|
|
127
135
|
}
|
|
128
136
|
}
|
|
129
137
|
);
|
|
130
138
|
}
|
|
131
139
|
export {
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
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