@actioneer/ads 0.5.7 → 0.5.9
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/bin/ads-init.mjs +6 -0
- package/components/accordion.js +50 -48
- package/components/agent-icon.d.ts +12 -0
- package/components/agent-icon.js +133 -120
- package/components/ai-elements/chain-of-thought.d.ts +1 -1
- package/components/ai-elements/chain-of-thought.js +108 -108
- package/components/ai-elements/chart.js +16 -14
- package/components/ai-elements/inline-citation.js +41 -41
- package/components/ai-elements/message.js +4 -4
- package/components/ai-elements/queue.js +7 -7
- package/components/ai-elements/research-activity.js +114 -114
- package/components/ai-elements/shimmer.d.ts +2 -2
- package/components/ai-elements/speech-input.js +28 -28
- package/components/ai-elements/task-progress.js +26 -16
- package/components/ai-elements/task.js +17 -17
- package/components/ai-elements/tool.js +6 -6
- package/components/ai-elements/transcript.js +6 -5
- package/components/ai-elements/voice.js +1 -1
- package/components/alert.js +10 -10
- package/components/answer-sources.js +1 -1
- package/components/answer.js +115 -114
- package/components/assistant-ui/action-bar.js +94 -48
- package/components/assistant-ui/attachment.js +103 -75
- package/components/assistant-ui/badge.d.ts +1 -1
- package/components/assistant-ui/badge.js +17 -17
- package/components/assistant-ui/chain-of-thought.d.ts +1 -1
- package/components/assistant-ui/composer-add-context.js +9 -9
- package/components/assistant-ui/composer-deep-research.js +5 -5
- package/components/assistant-ui/composer-harness.js +11 -9
- package/components/assistant-ui/composer-trigger-popover.js +45 -34
- package/components/assistant-ui/composer.js +59 -59
- package/components/assistant-ui/error.js +14 -14
- package/components/assistant-ui/file.d.ts +1 -1
- package/components/assistant-ui/image.d.ts +1 -1
- package/components/assistant-ui/image.js +113 -103
- package/components/assistant-ui/markdown-text.js +18 -18
- package/components/assistant-ui/message.js +46 -45
- package/components/assistant-ui/quote.js +1 -1
- package/components/assistant-ui/reasoning.d.ts +1 -1
- package/components/assistant-ui/reasoning.js +66 -77
- package/components/assistant-ui/suggestions.js +4 -4
- package/components/assistant-ui/thread.js +22 -22
- package/components/assistant-ui/tool-fallback.js +60 -63
- package/components/assistant-ui/tool-group.d.ts +1 -1
- package/components/assistant-ui/tool-group.js +36 -42
- package/components/audio-waveform.js +25 -24
- package/components/autocomplete.d.ts +1 -0
- package/components/autocomplete.js +45 -43
- package/components/avatar.d.ts +1 -0
- package/components/avatar.js +27 -26
- package/components/badge.d.ts +1 -1
- package/components/breadcrumbs.d.ts +2 -0
- package/components/breadcrumbs.js +52 -50
- package/components/button.d.ts +2 -2
- package/components/button.js +22 -20
- package/components/card.js +8 -8
- package/components/carousel.js +105 -104
- package/components/chart.d.ts +6 -0
- package/components/chart.js +743 -672
- package/components/checkbox.js +74 -38
- package/components/chip.d.ts +1 -1
- package/components/code-block.js +3 -3
- package/components/collapsible.js +67 -23
- package/components/connector-card.js +6 -6
- package/components/drawer.d.ts +18 -11
- package/components/drawer.js +81 -78
- package/components/dropdown.d.ts +2 -0
- package/components/dropdown.js +88 -79
- package/components/empty-state.d.ts +1 -1
- package/components/empty-state.js +7 -7
- package/components/field.d.ts +4 -0
- package/components/field.js +45 -34
- package/components/file-dropzone.js +12 -12
- package/components/index.d.ts +3 -0
- package/components/index.js +584 -558
- package/components/input-field.js +51 -46
- package/components/input.js +20 -20
- package/components/link.js +9 -9
- package/components/modal.d.ts +5 -1
- package/components/modal.js +121 -76
- package/components/navbar.d.ts +1 -1
- package/components/navbar.js +1 -1
- package/components/number-field.js +38 -29
- package/components/page-header.js +12 -12
- package/components/pagination.js +19 -19
- package/components/panel.js +2 -2
- package/components/pixel-blast-svg.js +3 -3
- package/components/pixel-icon.d.ts +4 -0
- package/components/pixel-icon.js +210 -164
- package/components/popover.d.ts +1 -1
- package/components/popover.js +66 -64
- package/components/progress-circle.js +36 -32
- package/components/progress.js +28 -24
- package/components/radio.js +59 -49
- package/components/resizable-panel.js +1 -1
- package/components/reveal.d.ts +2 -2
- package/components/ripple.d.ts +3 -3
- package/components/scroll-area.js +17 -16
- package/components/segmented.d.ts +1 -0
- package/components/segmented.js +39 -36
- package/components/select.d.ts +7 -0
- package/components/select.js +186 -137
- package/components/setting-row.js +45 -42
- package/components/sidebar.js +131 -127
- package/components/skeleton.js +5 -5
- package/components/spinner.d.ts +13 -4
- package/components/spinner.js +42 -42
- package/components/stepper.js +21 -21
- package/components/switch.js +41 -39
- package/components/table.d.ts +16 -0
- package/components/table.js +393 -260
- package/components/tabs.js +149 -137
- package/components/toast.js +66 -66
- package/components/tooltip.js +2 -2
- package/components/tree.js +62 -51
- package/components/typography.d.ts +2 -1
- package/components/typography.js +33 -32
- package/components/ui/button.d.ts +2 -2
- package/components/ui/button.js +19 -19
- package/components/ui/collapsible.d.ts +1 -5
- package/components/ui/dialog.d.ts +3 -3
- package/components/ui/dialog.js +95 -58
- package/components/ui/tooltip.d.ts +2 -2
- package/components/ui/tooltip.js +67 -33
- package/components/viz-charts.js +95 -95
- package/demo/components/add-to-artifact.js +363 -0
- package/demo/lib/artifact-library.js +142 -0
- package/demo/lib/artifact-pin-guard.js +12 -0
- package/fonts/aribau-grotesk-medium.woff2 +0 -0
- package/fonts/aribau-grotesk-regular.woff2 +0 -0
- package/fonts.css +11 -11
- package/hooks/agents-ui/use-agent-audio-visualizer-aura.js +17 -16
- package/hooks/agents-ui/use-agent-audio-visualizer-wave.js +21 -20
- package/lib/icons.d.ts +24 -0
- package/lib/icons.js +114 -108
- package/lib/motion.d.ts +42 -39
- package/lib/motion.js +112 -52
- package/lib/spinner-mark.d.ts +9 -0
- package/lib/spinner-mark.js +98 -0
- package/llms.txt +53 -19
- package/manifest.json +258 -36
- package/package.json +1 -1
- package/styles.css +143 -124
- package/theme.css +90 -93
- package/components/ui/collapsible.js +0 -35
- package/fonts/aribau-grotesk-500.otf +0 -0
- package/fonts/aribau-grotesk-600.woff2 +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as c from "react";
|
|
3
3
|
import { useMotionValue as l, useMotionValueEvent as r, animate as f } from "motion/react";
|
|
4
|
-
import {
|
|
4
|
+
import { springEffect as y } from "../../lib/motion.js";
|
|
5
5
|
const d = {
|
|
6
6
|
idle: { speed: 2, amplitude: 6e-3, frequency: 8, opacity: 0.35 },
|
|
7
7
|
connecting: { speed: 20, amplitude: 6e-3, frequency: 40, opacity: 0.7 },
|
|
@@ -15,46 +15,47 @@ function q(t) {
|
|
|
15
15
|
return Math.min(1, Math.max(0, t));
|
|
16
16
|
}
|
|
17
17
|
function s(t) {
|
|
18
|
-
const [p,
|
|
19
|
-
r(e, "change",
|
|
18
|
+
const [p, n] = c.useState(t), e = l(t), i = c.useRef(null);
|
|
19
|
+
r(e, "change", n);
|
|
20
20
|
const o = c.useCallback(
|
|
21
|
-
(
|
|
21
|
+
(a, u) => {
|
|
22
22
|
var m;
|
|
23
|
-
(m = i.current) == null || m.stop(), i.current = f(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
(m = i.current) == null || m.stop(), i.current = f(
|
|
24
|
+
e,
|
|
25
|
+
a,
|
|
26
|
+
u ? { duration: 0 } : y
|
|
27
|
+
);
|
|
27
28
|
},
|
|
28
29
|
[e]
|
|
29
30
|
);
|
|
30
31
|
return c.useEffect(() => () => {
|
|
31
|
-
var
|
|
32
|
-
return (
|
|
32
|
+
var a;
|
|
33
|
+
return (a = i.current) == null ? void 0 : a.stop();
|
|
33
34
|
}, []), { value: p, animateTo: o };
|
|
34
35
|
}
|
|
35
|
-
function
|
|
36
|
+
function v({
|
|
36
37
|
state: t = "idle",
|
|
37
38
|
volume: p = 0,
|
|
38
|
-
reduced:
|
|
39
|
+
reduced: n = !1
|
|
39
40
|
}) {
|
|
40
|
-
const e = d[t], i = s(e.amplitude), o = s(e.frequency),
|
|
41
|
+
const e = d[t], i = s(e.amplitude), o = s(e.frequency), a = s(e.opacity);
|
|
41
42
|
c.useEffect(() => {
|
|
42
|
-
i.animateTo(e.amplitude,
|
|
43
|
+
i.animateTo(e.amplitude, n), o.animateTo(e.frequency, n), a.animateTo(e.opacity, n);
|
|
43
44
|
}, [
|
|
44
45
|
e,
|
|
45
|
-
|
|
46
|
+
n,
|
|
46
47
|
i.animateTo,
|
|
47
48
|
o.animateTo,
|
|
48
|
-
|
|
49
|
+
a.animateTo
|
|
49
50
|
]);
|
|
50
|
-
const u = !
|
|
51
|
+
const u = !n && (t === "listening" || t === "speaking") ? q(p) : 0;
|
|
51
52
|
return {
|
|
52
|
-
speed:
|
|
53
|
+
speed: n ? 0 : e.speed,
|
|
53
54
|
amplitude: i.value + u * 0.22,
|
|
54
55
|
frequency: o.value + u * 60,
|
|
55
|
-
opacity: Math.min(1,
|
|
56
|
+
opacity: Math.min(1, a.value + u * 0.35)
|
|
56
57
|
};
|
|
57
58
|
}
|
|
58
59
|
export {
|
|
59
|
-
|
|
60
|
+
v as useAgentAudioVisualizerWave
|
|
60
61
|
};
|
package/lib/icons.d.ts
CHANGED
|
@@ -145,6 +145,22 @@ export declare const TextFont: React.ForwardRefExoticComponent<Omit<import('@pho
|
|
|
145
145
|
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
146
146
|
strokeWidth?: number;
|
|
147
147
|
} & React.RefAttributes<SVGSVGElement>>;
|
|
148
|
+
export declare const TextBold: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
149
|
+
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
150
|
+
strokeWidth?: number;
|
|
151
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
152
|
+
export declare const TextItalicStyle: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
153
|
+
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
154
|
+
strokeWidth?: number;
|
|
155
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
156
|
+
export declare const TextStrike: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
157
|
+
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
158
|
+
strokeWidth?: number;
|
|
159
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
160
|
+
export declare const TextUnderlineStyle: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
161
|
+
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
162
|
+
strokeWidth?: number;
|
|
163
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
148
164
|
export declare const ToggleOn: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
149
165
|
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
150
166
|
strokeWidth?: number;
|
|
@@ -233,6 +249,10 @@ export declare const Warning: React.ForwardRefExoticComponent<Omit<import('@phos
|
|
|
233
249
|
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
234
250
|
strokeWidth?: number;
|
|
235
251
|
} & React.RefAttributes<SVGSVGElement>>;
|
|
252
|
+
export declare const Bell: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
253
|
+
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
254
|
+
strokeWidth?: number;
|
|
255
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
236
256
|
export declare const WarningCircle: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
237
257
|
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
238
258
|
strokeWidth?: number;
|
|
@@ -409,6 +429,10 @@ export declare const Play: React.ForwardRefExoticComponent<Omit<import('@phospho
|
|
|
409
429
|
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
410
430
|
strokeWidth?: number;
|
|
411
431
|
} & React.RefAttributes<SVGSVGElement>>;
|
|
432
|
+
export declare const Presentation: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
433
|
+
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
434
|
+
strokeWidth?: number;
|
|
435
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
412
436
|
export declare const Pause: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
413
437
|
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
414
438
|
strokeWidth?: number;
|
package/lib/icons.js
CHANGED
|
@@ -1,115 +1,121 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as h } from "react/jsx-runtime";
|
|
3
3
|
import * as C from "react";
|
|
4
|
-
import { ArrowUpRight as g, Code as p, Check as u, Copy as $, FileText as
|
|
5
|
-
function
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
return /* @__PURE__ */ h(n, { ref:
|
|
4
|
+
import { ArrowUpRight as g, Code as p, Check as u, Copy as $, FileText as k, X as S, UploadSimple as d, EyeSlash as f, Eye as w, Minus as T, Plus as P, CaretDown as A, MagnifyingGlass as L, Info as y, WarningCircle as B, Warning as m, CheckCircle as U, ChatCircle as x, CaretUp as M, ArrowsDownUp as I, Clock as O, Database as F, ArrowSquareOut as b, Table as D, CaretLeft as R, CaretRight as v, CornersOut as H, Magnet as G, Tray as W, ArrowLeft as E, DotsThree as z, User as V, XCircle as N, CircleDashed as Q, ArrowsClockwise as q, Paperclip as X, Quotes as j, At as J, Lightning as K, Sparkle as Y, File as Z, DownloadSimple as _, Image as s, BracketsCurly as ee, MusicNotes as oe, VideoCamera as te, ImageBroken as se, Pulse as ne, Archive as ae, ArrowDown as re, ArrowRight as ce, ArrowUp as le, Scroll as ie, Bell as he, Stack as Ce, BookOpen as ge, Brain as pe, CalendarBlank as ue, Phone as $e, ListChecks as ke, Cube as Se, Funnel as de, Folder as fe, FolderOpen as we, Gauge as Te, GitBranch as Pe, Hash as Ae, ClockCounterClockwise as Le, House as ye, SquaresFour as Be, Leaf as me, Lightbulb as Ue, Link as xe, CircleNotch as Me, SignOut as Ie, Envelope as Oe, Microphone as Fe, MicrophoneSlash as be, DotsThreeVertical as De, Palette as Re, SidebarSimple as ve, Pause as He, PencilSimple as Ge, PhoneSlash as We, ChartPie as Ee, Play as ze, Plug as Ve, Presentation as Ne, Rocket as Qe, Gear as qe, Shapes as Xe, ShareNetwork as je, Star as Je, Stop as Ke, ArrowsLeftRight as Ye, Target as Ze, Binoculars as _e, TextB as eo, TextT as oo, TextItalic as to, TextStrikethrough as so, TextUnderline as no, ToggleRight as ao, Trash as ro, Users as co, Wrench as lo } from "@phosphor-icons/react";
|
|
5
|
+
function e(n, a) {
|
|
6
|
+
const o = C.forwardRef(function({ strokeWidth: t, weight: r, ...c }, l) {
|
|
7
|
+
const i = r ?? (t != null && t >= 2 ? "bold" : "regular");
|
|
8
|
+
return /* @__PURE__ */ h(n, { ref: l, size: "1em", weight: i, ...c });
|
|
9
9
|
});
|
|
10
|
-
return
|
|
10
|
+
return o.displayName = a, o;
|
|
11
11
|
}
|
|
12
|
-
const
|
|
12
|
+
const go = e(re, "ArrowDown"), po = e(E, "ArrowLeft"), uo = e(ce, "ArrowRight"), $o = e(le, "ArrowUp"), ko = e(g, "ArrowUpRight"), So = e(A, "ChevronDown"), fo = e(R, "ChevronLeft"), wo = e(v, "ChevronRight"), To = e(M, "ChevronUp"), Po = e(I, "SortIcon"), Ao = e(Ye, "SwapHorizontal"), Lo = e(b, "ExternalLink"), yo = e(ve, "PanelLeft"), Bo = e(J, "At"), mo = e($e, "Call"), Uo = e(S, "Close"), xo = e(N, "CloseCircle"), Mo = e($, "Copy"), Io = e(_, "Download"), Oo = e(Ie, "LogOut"), Fo = e(Fe, "Mic"), bo = e(be, "MicOff"), Do = e(We, "PhoneOff"), Ro = e(Ge, "Pencil"), vo = e(j, "Quote"), Ho = e(w, "Eye"), Go = e(f, "EyeOff"), Wo = e(Ae, "Hash"), Eo = e(s, "ImageUpload"), zo = e(d, "Upload"), Vo = e(oo, "TextFont"), No = e(eo, "TextBold"), Qo = e(to, "TextItalicStyle"), qo = e(so, "TextStrike"), Xo = e(no, "TextUnderlineStyle"), jo = e(ao, "ToggleOn"), Jo = e(ue, "Calendar"), Ko = e(O, "Clock"), Yo = e(p, "Code"), Zo = e(Ke, "Stop"), _o = e(G, "Magnet"), et = e(H, "Maximize"), ot = e(T, "Minus"), tt = e(z, "MoreHorizontal"), st = e(De, "MoreVertical"), nt = e(xe, "Link"), at = e(P, "Plus"), rt = e(q, "Refresh"), ct = e(ie, "AuditTrail"), lt = e(L, "Search"), it = e(je, "Share"), ht = e(ro, "Trash"), Ct = e(u, "Check"), gt = e(Me, "Loader"), pt = e(U, "CheckCircle"), ut = e(y, "Info"), $t = e(m, "Warning"), kt = e(he, "Bell"), St = e(B, "WarningCircle"), dt = e(ne, "Activity"), ft = e(x, "AgentChat"), wt = e(K, "Bolt"), Tt = e(ge, "BookOpen"), Pt = e(pe, "Brain"), At = e(ke, "CheckList"), Lt = e(Se, "Component"), yt = e(F, "Database"), Bt = e(D, "Table"), mt = e(de, "Filter"), Ut = e(ae, "Archive"), xt = e(Z, "File"), Mt = e(k, "FileText"), It = e(fe, "Folder"), Ot = e(s, "Image"), Ft = e(se, "ImageOff"), bt = e(oe, "Music"), Dt = e(te, "Video"), Rt = e(ee, "Braces"), vt = e(we, "FolderOpen"), Ht = e(Te, "Gauge"), Gt = e(Pe, "GitBranch"), Wt = e(Le, "HistoryClock"), Et = e(ye, "Home"), zt = e(Ce, "Blocks"), Vt = e(W, "Inbox"), Nt = e(Ue, "Lightbulb"), Qt = e(me, "Leaf"), qt = e(Be, "LayoutGrid"), Xt = e(Oe, "Mail"), jt = e(Re, "Palette"), Jt = e(Ee, "PieChart"), Kt = e(Ve, "Plug"), Yt = e(Qe, "Rocket"), Zt = e(qe, "Settings"), _t = e(Xe, "Shapes"), es = e(Y, "Sparkles"), os = e(Je, "Star"), ts = e(_e, "Telescope"), ss = e(Ze, "Target"), ns = e(V, "User"), as = e(co, "Users"), rs = e(ze, "Play"), cs = e(Ne, "Presentation"), ls = e(He, "Pause"), is = e(X, "Paperclip"), hs = e(Q, "CircleDashed"), Cs = e(lo, "Wrench");
|
|
13
13
|
export {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
Jt as
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
14
|
+
dt as Activity,
|
|
15
|
+
ft as AgentChat,
|
|
16
|
+
Ut as Archive,
|
|
17
|
+
go as ArrowDown,
|
|
18
|
+
po as ArrowLeft,
|
|
19
|
+
uo as ArrowRight,
|
|
20
|
+
$o as ArrowUp,
|
|
21
|
+
ko as ArrowUpRight,
|
|
22
|
+
Bo as At,
|
|
23
|
+
ct as AuditTrail,
|
|
24
|
+
kt as Bell,
|
|
25
|
+
zt as Blocks,
|
|
26
|
+
wt as Bolt,
|
|
27
|
+
Tt as BookOpen,
|
|
28
|
+
Rt as Braces,
|
|
29
|
+
Pt as Brain,
|
|
30
|
+
Jo as Calendar,
|
|
31
|
+
mo as Call,
|
|
32
|
+
Ct as Check,
|
|
33
|
+
pt as CheckCircle,
|
|
34
|
+
At as CheckList,
|
|
35
|
+
So as ChevronDown,
|
|
36
|
+
fo as ChevronLeft,
|
|
37
|
+
wo as ChevronRight,
|
|
38
|
+
To as ChevronUp,
|
|
39
|
+
hs as CircleDashed,
|
|
40
|
+
Ko as Clock,
|
|
41
|
+
Uo as Close,
|
|
42
|
+
xo as CloseCircle,
|
|
43
|
+
Yo as Code,
|
|
44
|
+
Lt as Component,
|
|
45
|
+
Mo as Copy,
|
|
46
|
+
yt as Database,
|
|
47
|
+
Io as Download,
|
|
48
|
+
Lo as ExternalLink,
|
|
49
|
+
Ho as Eye,
|
|
50
|
+
Go as EyeOff,
|
|
51
|
+
xt as File,
|
|
52
|
+
Mt as FileText,
|
|
53
|
+
mt as Filter,
|
|
54
|
+
It as Folder,
|
|
55
|
+
vt as FolderOpen,
|
|
56
|
+
Ht as Gauge,
|
|
57
|
+
Gt as GitBranch,
|
|
58
|
+
Wo as Hash,
|
|
59
|
+
Wt as HistoryClock,
|
|
60
|
+
Et as Home,
|
|
61
|
+
Ot as Image,
|
|
62
|
+
Ft as ImageOff,
|
|
63
|
+
Eo as ImageUpload,
|
|
64
|
+
Vt as Inbox,
|
|
65
|
+
ut as Info,
|
|
66
|
+
qt as LayoutGrid,
|
|
67
|
+
Qt as Leaf,
|
|
68
|
+
Nt as Lightbulb,
|
|
69
|
+
nt as Link,
|
|
70
|
+
gt as Loader,
|
|
71
|
+
Oo as LogOut,
|
|
72
|
+
_o as Magnet,
|
|
73
|
+
Xt as Mail,
|
|
74
|
+
et as Maximize,
|
|
75
|
+
Fo as Mic,
|
|
76
|
+
bo as MicOff,
|
|
77
|
+
ot as Minus,
|
|
78
|
+
tt as MoreHorizontal,
|
|
79
|
+
st as MoreVertical,
|
|
80
|
+
bt as Music,
|
|
81
|
+
jt as Palette,
|
|
82
|
+
yo as PanelLeft,
|
|
83
|
+
is as Paperclip,
|
|
84
|
+
ls as Pause,
|
|
85
|
+
Ro as Pencil,
|
|
86
|
+
Do as PhoneOff,
|
|
87
|
+
Jt as PieChart,
|
|
88
|
+
rs as Play,
|
|
89
|
+
Kt as Plug,
|
|
90
|
+
at as Plus,
|
|
91
|
+
cs as Presentation,
|
|
92
|
+
vo as Quote,
|
|
93
|
+
rt as Refresh,
|
|
94
|
+
Yt as Rocket,
|
|
95
|
+
lt as Search,
|
|
96
|
+
Zt as Settings,
|
|
97
|
+
_t as Shapes,
|
|
98
|
+
it as Share,
|
|
99
|
+
Po as SortIcon,
|
|
100
|
+
es as Sparkles,
|
|
101
|
+
os as Star,
|
|
102
|
+
Zo as Stop,
|
|
103
|
+
Ao as SwapHorizontal,
|
|
104
|
+
Bt as Table,
|
|
105
|
+
ss as Target,
|
|
106
|
+
ts as Telescope,
|
|
107
|
+
No as TextBold,
|
|
108
|
+
Vo as TextFont,
|
|
109
|
+
Qo as TextItalicStyle,
|
|
110
|
+
qo as TextStrike,
|
|
111
|
+
Xo as TextUnderlineStyle,
|
|
112
|
+
jo as ToggleOn,
|
|
113
|
+
ht as Trash,
|
|
114
|
+
zo as Upload,
|
|
115
|
+
ns as User,
|
|
116
|
+
as as Users,
|
|
117
|
+
Dt as Video,
|
|
118
|
+
$t as Warning,
|
|
119
|
+
St as WarningCircle,
|
|
120
|
+
Cs as Wrench
|
|
115
121
|
};
|
package/lib/motion.d.ts
CHANGED
|
@@ -1,62 +1,65 @@
|
|
|
1
1
|
import { Transition, Variants } from 'motion/react';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
* `--ease-*` / `--duration-*` tokens in src/styles/theme.css. Keep in sync.
|
|
3
|
+
* ADS motion presets, derived from Animate UI's component defaults.
|
|
5
4
|
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
* - Nothing enters from scale(0); start ≥ 0.95 with opacity.
|
|
12
|
-
*/
|
|
13
|
-
/** Mirrors --ease-out. */
|
|
14
|
-
export declare const EASE_OUT: readonly [0.23, 1, 0.32, 1];
|
|
15
|
-
/** Mirrors --ease-in-out for movement that remains on screen. */
|
|
16
|
-
export declare const EASE_IN_OUT: readonly [0.77, 0, 0.175, 1];
|
|
17
|
-
/** Mirrors --ease-expo-out. Strong launch with a long, controlled glide. */
|
|
18
|
-
export declare const EASE_EXPO_OUT: readonly [0.16, 1, 0.3, 1];
|
|
19
|
-
/** @deprecated Use `EASE_EXPO_OUT`. Kept as a compatibility alias. */
|
|
20
|
-
export declare const EASE_DRAWER: readonly [0.16, 1, 0.3, 1];
|
|
21
|
-
/** Mirror of --ease-disclosure — height reveals (see theme.css). */
|
|
22
|
-
export declare const EASE_DISCLOSURE: readonly [0.32, 0.72, 0, 1];
|
|
23
|
-
/**
|
|
24
|
-
* Floating panels anchored to a trigger (popover / dropdown / listboxes).
|
|
25
|
-
* Pair with an origin-aware `transformOrigin` so the panel grows out of the
|
|
26
|
-
* trigger. Enter/exit transitions ride inside the variants.
|
|
5
|
+
* Animate UI tunes motion by interaction instead of maintaining a global
|
|
6
|
+
* duration/easing scale. Keep springs attached to the job they perform and
|
|
7
|
+
* use plain CSS transitions for small color/opacity feedback.
|
|
8
|
+
*
|
|
9
|
+
* Source: https://animate-ui.com
|
|
27
10
|
*/
|
|
11
|
+
/** Fade/slide effects: Animate UI Effect, Fade, Slide, Blur, and Zoom. */
|
|
12
|
+
export declare const springEffect: Transition;
|
|
13
|
+
/** Selection highlights: Animate UI Tabs and Toggle Group. */
|
|
14
|
+
export declare const springControl: Transition;
|
|
15
|
+
/** Floating UI: Animate UI Popover, Tooltip, Hover Card, and Preview Card. */
|
|
16
|
+
export declare const springOverlay: Transition;
|
|
17
|
+
/** Modal surfaces: Animate UI Dialog and Alert Dialog. */
|
|
18
|
+
export declare const springDialog: Transition;
|
|
19
|
+
/** Side panels: Animate UI Sheet. */
|
|
20
|
+
export declare const springSheet: Transition;
|
|
21
|
+
/** Auto-sized content: Animate UI Auto Height and animated tab panels. */
|
|
22
|
+
export declare const springDisclosure: Transition;
|
|
23
|
+
/** Menus and active-item highlights: Animate UI Menu and Highlight. */
|
|
24
|
+
export declare const springHighlight: Transition;
|
|
25
|
+
/** Determinate value changes: Animate UI Progress. */
|
|
26
|
+
export declare const springProgress: Transition;
|
|
27
|
+
/** Switch thumbs: Animate UI Switch. */
|
|
28
|
+
export declare const springSwitch: Transition;
|
|
29
|
+
/** Radio indicators: Animate UI Radio Group. */
|
|
30
|
+
export declare const springRadio: Transition;
|
|
31
|
+
/** Carousel tracks: Animate UI Carousel. */
|
|
32
|
+
export declare const springCarousel: Transition;
|
|
33
|
+
/** Collapsible application rails: Animate UI Sidebar. */
|
|
34
|
+
export declare const springSidebar: Transition;
|
|
35
|
+
/** Checkbox mark drawing: Animate UI Checkbox. */
|
|
36
|
+
export declare const checkDrawTransition: Transition;
|
|
37
|
+
/** Animate UI's backdrop treatment for dialogs and sheets. */
|
|
38
|
+
export declare const fadeTransition: Transition;
|
|
39
|
+
/** Floating panels anchored to a trigger. */
|
|
28
40
|
export declare const floatVariants: Variants;
|
|
29
41
|
export declare const tooltipVariants: Variants;
|
|
42
|
+
/** Menus use the firmer Animate UI Menu / Highlight spring. */
|
|
43
|
+
export declare const menuVariants: Variants;
|
|
30
44
|
export declare const modalPanelVariants: Variants;
|
|
31
|
-
/** Backdrop fade timed to the modal panel. */
|
|
32
45
|
export declare const backdropVariants: Variants;
|
|
33
|
-
/** Backdrop fade timed to the drawer slide. */
|
|
34
46
|
export declare const drawerBackdropVariants: Variants;
|
|
35
|
-
/** Drawer slide — Expo-Out. Exit runs faster than enter. */
|
|
36
|
-
export declare const drawerEnterTransition: Transition;
|
|
37
|
-
export declare const drawerExitTransition: Transition;
|
|
38
47
|
/** Off-screen offset for a drawer on each side (own-size percentages). */
|
|
39
48
|
export declare const drawerOffset: {
|
|
40
49
|
readonly right: {
|
|
41
50
|
readonly transform: "translate3d(100%, 0, 0)";
|
|
51
|
+
readonly opacity: 0;
|
|
42
52
|
};
|
|
43
53
|
readonly left: {
|
|
44
54
|
readonly transform: "translate3d(-100%, 0, 0)";
|
|
55
|
+
readonly opacity: 0;
|
|
45
56
|
};
|
|
46
57
|
readonly bottom: {
|
|
47
58
|
readonly transform: "translate3d(0, 100%, 0)";
|
|
59
|
+
readonly opacity: 0;
|
|
48
60
|
};
|
|
49
61
|
};
|
|
50
|
-
/**
|
|
51
|
-
* Screen/route entrance (e.g. demo screens swapping in the content region):
|
|
52
|
-
* a quiet fade + slight rise. Enter-only — route changes are frequent, so no
|
|
53
|
-
* exit choreography that would delay the incoming screen.
|
|
54
|
-
*/
|
|
62
|
+
/** Screen/route entrance: Animate UI's shared effect spring. */
|
|
55
63
|
export declare const screenVariants: Variants;
|
|
56
|
-
/**
|
|
57
|
-
export declare const toastSpring: Transition;
|
|
58
|
-
/**
|
|
59
|
-
* Toasts enter from the bottom and exit the same way (spatial consistency —
|
|
60
|
-
* one direction, in and out), with a quicker duration-based exit.
|
|
61
|
-
*/
|
|
64
|
+
/** Toast entrance and stack reflow use the standard floating-UI spring. */
|
|
62
65
|
export declare const toastVariants: Variants;
|