@actioneer/ads 0.5.6 → 0.5.8
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 +135 -121
- package/components/ai-elements/chain-of-thought-icon.d.ts +10 -12
- package/components/ai-elements/chain-of-thought-icon.js +341 -201
- package/components/ai-elements/chain-of-thought.d.ts +2 -2
- 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.d.ts +42 -0
- package/components/answer-sources.js +111 -0
- package/components/answer.js +115 -114
- package/components/assistant-ui/action-bar.js +94 -48
- package/components/assistant-ui/attachment.js +131 -103
- 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 +12 -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-context.d.ts +2 -0
- package/components/assistant-ui/thread.js +41 -40
- 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.js +30 -30
- package/components/badge.d.ts +1 -1
- package/components/breadcrumbs.js +2 -2
- 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.js +9 -7
- 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 +15 -10
- package/components/drawer.js +78 -77
- package/components/dropdown.d.ts +3 -1
- package/components/dropdown.js +88 -79
- package/components/empty-state.d.ts +4 -4
- 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 +4 -0
- package/components/index.js +584 -553
- package/components/infinite-canvas.js +1 -1
- package/components/input-field.js +51 -46
- package/components/input.js +20 -20
- package/components/link.js +9 -9
- package/components/modal.js +105 -73
- 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 +3 -1
- package/components/pixel-icon.js +294 -215
- 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 +4 -1
- package/components/segmented.js +26 -25
- package/components/select.d.ts +2 -0
- package/components/select.js +61 -57
- package/components/setting-row.js +45 -42
- package/components/sidebar.d.ts +2 -2
- 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 +52 -32
- package/components/table.d.ts +24 -7
- package/components/table.js +457 -220
- package/components/tabs.js +149 -137
- package/components/textarea.js +1 -2
- 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 +341 -0
- package/demo/lib/artifact-library.js +134 -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 +12 -0
- package/lib/icons.js +107 -104
- 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 +69 -26
- package/manifest.json +344 -42
- package/package.json +1 -1
- package/styles.css +175 -161
- package/theme.css +104 -128
- package/components/ui/collapsible.js +0 -35
- package/fonts/aribau-grotesk-500.otf +0 -0
- package/fonts/aribau-grotesk-600.woff2 +0 -0
package/lib/icons.d.ts
CHANGED
|
@@ -273,6 +273,14 @@ export declare const Table: React.ForwardRefExoticComponent<Omit<import('@phosph
|
|
|
273
273
|
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
274
274
|
strokeWidth?: number;
|
|
275
275
|
} & React.RefAttributes<SVGSVGElement>>;
|
|
276
|
+
export declare const Filter: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
277
|
+
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
278
|
+
strokeWidth?: number;
|
|
279
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
280
|
+
export declare const Archive: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
281
|
+
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
282
|
+
strokeWidth?: number;
|
|
283
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
276
284
|
export declare const File: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
277
285
|
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
278
286
|
strokeWidth?: number;
|
|
@@ -401,6 +409,10 @@ export declare const Play: React.ForwardRefExoticComponent<Omit<import('@phospho
|
|
|
401
409
|
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
402
410
|
strokeWidth?: number;
|
|
403
411
|
} & React.RefAttributes<SVGSVGElement>>;
|
|
412
|
+
export declare const Presentation: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
413
|
+
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
414
|
+
strokeWidth?: number;
|
|
415
|
+
} & React.RefAttributes<SVGSVGElement>>;
|
|
404
416
|
export declare const Pause: React.ForwardRefExoticComponent<Omit<import('@phosphor-icons/react').IconProps, "ref"> & {
|
|
405
417
|
/** Legacy Hugeicons prop — `>= 2` maps to weight="bold", else ignored. */
|
|
406
418
|
strokeWidth?: number;
|
package/lib/icons.js
CHANGED
|
@@ -1,113 +1,116 @@
|
|
|
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 f, X as k, UploadSimple as w, EyeSlash as
|
|
5
|
-
function
|
|
6
|
-
const
|
|
4
|
+
import { ArrowUpRight as g, Code as p, Check as u, Copy as $, FileText as f, X as k, UploadSimple as w, EyeSlash as P, Eye as d, Minus as S, Plus as A, CaretDown as L, MagnifyingGlass as T, Info as m, WarningCircle as M, Warning as y, CheckCircle as U, ChatCircle as O, CaretUp as B, ArrowsDownUp as F, Clock as b, Database as D, ArrowSquareOut as R, Table as I, CaretLeft as v, CaretRight as x, 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 ie, Scroll as le, Stack as he, BookOpen as Ce, Brain as ge, CalendarBlank as pe, Phone as ue, ListChecks as $e, Cube as fe, Funnel as ke, Folder as we, FolderOpen as Pe, Gauge as de, GitBranch as Se, Hash as Ae, ClockCounterClockwise as Le, House as Te, SquaresFour as me, Leaf as Me, Lightbulb as ye, Link as Ue, CircleNotch as Oe, SignOut as Be, Envelope as Fe, Microphone as be, MicrophoneSlash as De, DotsThreeVertical as Re, Palette as Ie, SidebarSimple as ve, Pause as xe, PencilSimple as He, PhoneSlash as Ge, ChartPie as We, Play as Ee, Plug as ze, Presentation as Ve, Rocket as Ne, Gear as Qe, Shapes as qe, ShareNetwork as Xe, Star as je, Stop as Je, ArrowsLeftRight as Ke, Target as Ye, Binoculars as Ze, TextT as _e, ToggleRight as eo, Trash as oo, Users as to, Wrench as so } from "@phosphor-icons/react";
|
|
5
|
+
function e(n, a) {
|
|
6
|
+
const o = C.forwardRef(function({ strokeWidth: t, weight: r, ...c }, i) {
|
|
7
7
|
const l = r ?? (t != null && t >= 2 ? "bold" : "regular");
|
|
8
8
|
return /* @__PURE__ */ h(n, { ref: i, size: "1em", weight: l, ...c });
|
|
9
9
|
});
|
|
10
|
-
return
|
|
10
|
+
return o.displayName = a, o;
|
|
11
11
|
}
|
|
12
|
-
const
|
|
12
|
+
const co = e(re, "ArrowDown"), io = e(E, "ArrowLeft"), lo = e(ce, "ArrowRight"), ho = e(ie, "ArrowUp"), Co = e(g, "ArrowUpRight"), go = e(L, "ChevronDown"), po = e(v, "ChevronLeft"), uo = e(x, "ChevronRight"), $o = e(B, "ChevronUp"), fo = e(F, "SortIcon"), ko = e(Ke, "SwapHorizontal"), wo = e(R, "ExternalLink"), Po = e(ve, "PanelLeft"), So = e(J, "At"), Ao = e(ue, "Call"), Lo = e(k, "Close"), To = e(N, "CloseCircle"), mo = e($, "Copy"), Mo = e(_, "Download"), yo = e(Be, "LogOut"), Uo = e(be, "Mic"), Oo = e(De, "MicOff"), Bo = e(Ge, "PhoneOff"), Fo = e(He, "Pencil"), bo = e(j, "Quote"), Do = e(d, "Eye"), Ro = e(P, "EyeOff"), Io = e(Ae, "Hash"), vo = e(s, "ImageUpload"), xo = e(w, "Upload"), Ho = e(_e, "TextFont"), Go = e(eo, "ToggleOn"), Wo = e(pe, "Calendar"), Eo = e(b, "Clock"), zo = e(p, "Code"), Vo = e(Je, "Stop"), No = e(G, "Magnet"), Qo = e(H, "Maximize"), qo = e(S, "Minus"), Xo = e(z, "MoreHorizontal"), jo = e(Re, "MoreVertical"), Jo = e(Ue, "Link"), Ko = e(A, "Plus"), Yo = e(q, "Refresh"), Zo = e(le, "AuditTrail"), _o = e(T, "Search"), et = e(Xe, "Share"), ot = e(oo, "Trash"), tt = e(u, "Check"), st = e(Oe, "Loader"), nt = e(U, "CheckCircle"), at = e(m, "Info"), rt = e(y, "Warning"), ct = e(M, "WarningCircle"), it = e(ne, "Activity"), lt = e(O, "AgentChat"), ht = e(K, "Bolt"), Ct = e(Ce, "BookOpen"), gt = e(ge, "Brain"), pt = e($e, "CheckList"), ut = e(fe, "Component"), $t = e(D, "Database"), ft = e(I, "Table"), kt = e(ke, "Filter"), wt = e(ae, "Archive"), Pt = e(Z, "File"), dt = e(f, "FileText"), St = e(we, "Folder"), At = e(s, "Image"), Lt = e(se, "ImageOff"), Tt = e(oe, "Music"), mt = e(te, "Video"), Mt = e(ee, "Braces"), yt = e(Pe, "FolderOpen"), Ut = e(de, "Gauge"), Ot = e(Se, "GitBranch"), Bt = e(Le, "HistoryClock"), Ft = e(Te, "Home"), bt = e(he, "Blocks"), Dt = e(W, "Inbox"), Rt = e(ye, "Lightbulb"), It = e(Me, "Leaf"), vt = e(me, "LayoutGrid"), xt = e(Fe, "Mail"), Ht = e(Ie, "Palette"), Gt = e(We, "PieChart"), Wt = e(ze, "Plug"), Et = e(Ne, "Rocket"), zt = e(Qe, "Settings"), Vt = e(qe, "Shapes"), Nt = e(Y, "Sparkles"), Qt = e(je, "Star"), qt = e(Ze, "Telescope"), Xt = e(Ye, "Target"), jt = e(V, "User"), Jt = e(to, "Users"), Kt = e(Ee, "Play"), Yt = e(Ve, "Presentation"), Zt = e(xe, "Pause"), _t = e(X, "Paperclip"), es = e(Q, "CircleDashed"), os = e(so, "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
|
-
|
|
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
|
-
|
|
14
|
+
it as Activity,
|
|
15
|
+
lt as AgentChat,
|
|
16
|
+
wt as Archive,
|
|
17
|
+
co as ArrowDown,
|
|
18
|
+
io as ArrowLeft,
|
|
19
|
+
lo as ArrowRight,
|
|
20
|
+
ho as ArrowUp,
|
|
21
|
+
Co as ArrowUpRight,
|
|
22
|
+
So as At,
|
|
23
|
+
Zo as AuditTrail,
|
|
24
|
+
bt as Blocks,
|
|
25
|
+
ht as Bolt,
|
|
26
|
+
Ct as BookOpen,
|
|
27
|
+
Mt as Braces,
|
|
28
|
+
gt as Brain,
|
|
29
|
+
Wo as Calendar,
|
|
30
|
+
Ao as Call,
|
|
31
|
+
tt as Check,
|
|
32
|
+
nt as CheckCircle,
|
|
33
|
+
pt as CheckList,
|
|
34
|
+
go as ChevronDown,
|
|
35
|
+
po as ChevronLeft,
|
|
36
|
+
uo as ChevronRight,
|
|
37
|
+
$o as ChevronUp,
|
|
38
|
+
es as CircleDashed,
|
|
39
|
+
Eo as Clock,
|
|
40
|
+
Lo as Close,
|
|
41
|
+
To as CloseCircle,
|
|
42
|
+
zo as Code,
|
|
43
|
+
ut as Component,
|
|
44
|
+
mo as Copy,
|
|
45
|
+
$t as Database,
|
|
46
|
+
Mo as Download,
|
|
47
|
+
wo as ExternalLink,
|
|
48
|
+
Do as Eye,
|
|
49
|
+
Ro as EyeOff,
|
|
50
|
+
Pt as File,
|
|
51
|
+
dt as FileText,
|
|
52
|
+
kt as Filter,
|
|
53
|
+
St as Folder,
|
|
54
|
+
yt as FolderOpen,
|
|
55
|
+
Ut as Gauge,
|
|
56
|
+
Ot as GitBranch,
|
|
57
|
+
Io as Hash,
|
|
58
|
+
Bt as HistoryClock,
|
|
59
|
+
Ft as Home,
|
|
60
|
+
At as Image,
|
|
61
|
+
Lt as ImageOff,
|
|
62
|
+
vo as ImageUpload,
|
|
63
|
+
Dt as Inbox,
|
|
64
|
+
at as Info,
|
|
65
|
+
vt as LayoutGrid,
|
|
66
|
+
It as Leaf,
|
|
67
|
+
Rt as Lightbulb,
|
|
68
|
+
Jo as Link,
|
|
69
|
+
st as Loader,
|
|
70
|
+
yo as LogOut,
|
|
71
|
+
No as Magnet,
|
|
72
|
+
xt as Mail,
|
|
73
|
+
Qo as Maximize,
|
|
74
|
+
Uo as Mic,
|
|
75
|
+
Oo as MicOff,
|
|
76
|
+
qo as Minus,
|
|
77
|
+
Xo as MoreHorizontal,
|
|
78
|
+
jo as MoreVertical,
|
|
79
|
+
Tt as Music,
|
|
80
|
+
Ht as Palette,
|
|
81
|
+
Po as PanelLeft,
|
|
82
|
+
_t as Paperclip,
|
|
83
|
+
Zt as Pause,
|
|
84
|
+
Fo as Pencil,
|
|
85
|
+
Bo as PhoneOff,
|
|
86
|
+
Gt as PieChart,
|
|
87
|
+
Kt as Play,
|
|
88
|
+
Wt as Plug,
|
|
89
|
+
Ko as Plus,
|
|
90
|
+
Yt as Presentation,
|
|
91
|
+
bo as Quote,
|
|
92
|
+
Yo as Refresh,
|
|
93
|
+
Et as Rocket,
|
|
94
|
+
_o as Search,
|
|
95
|
+
zt as Settings,
|
|
96
|
+
Vt as Shapes,
|
|
97
|
+
et as Share,
|
|
98
|
+
fo as SortIcon,
|
|
99
|
+
Nt as Sparkles,
|
|
100
|
+
Qt as Star,
|
|
101
|
+
Vo as Stop,
|
|
102
|
+
ko as SwapHorizontal,
|
|
103
|
+
ft as Table,
|
|
104
|
+
Xt as Target,
|
|
105
|
+
qt as Telescope,
|
|
106
|
+
Ho as TextFont,
|
|
107
|
+
Go as ToggleOn,
|
|
108
|
+
ot as Trash,
|
|
109
|
+
xo as Upload,
|
|
110
|
+
jt as User,
|
|
111
|
+
Jt as Users,
|
|
112
|
+
mt as Video,
|
|
113
|
+
rt as Warning,
|
|
114
|
+
ct as WarningCircle,
|
|
115
|
+
os as Wrench
|
|
113
116
|
};
|
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;
|
package/lib/motion.js
CHANGED
|
@@ -1,97 +1,157 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const
|
|
2
|
+
const a = {
|
|
3
|
+
type: "spring",
|
|
4
|
+
stiffness: 200,
|
|
5
|
+
damping: 20
|
|
6
|
+
}, e = {
|
|
7
|
+
type: "spring",
|
|
8
|
+
stiffness: 200,
|
|
9
|
+
damping: 25
|
|
10
|
+
}, t = {
|
|
11
|
+
type: "spring",
|
|
12
|
+
stiffness: 300,
|
|
13
|
+
damping: 25
|
|
14
|
+
}, s = {
|
|
15
|
+
type: "spring",
|
|
16
|
+
stiffness: 150,
|
|
17
|
+
damping: 25
|
|
18
|
+
}, o = {
|
|
19
|
+
type: "spring",
|
|
20
|
+
stiffness: 150,
|
|
21
|
+
damping: 22
|
|
22
|
+
}, p = {
|
|
23
|
+
type: "spring",
|
|
24
|
+
stiffness: 300,
|
|
25
|
+
damping: 30,
|
|
26
|
+
bounce: 0,
|
|
27
|
+
restDelta: 0.01
|
|
28
|
+
}, n = {
|
|
29
|
+
type: "spring",
|
|
30
|
+
stiffness: 350,
|
|
31
|
+
damping: 35
|
|
32
|
+
}, c = {
|
|
33
|
+
type: "spring",
|
|
34
|
+
stiffness: 100,
|
|
35
|
+
damping: 30
|
|
36
|
+
}, d = {
|
|
37
|
+
type: "spring",
|
|
38
|
+
stiffness: 300,
|
|
39
|
+
damping: 25
|
|
40
|
+
}, f = {
|
|
41
|
+
type: "spring",
|
|
42
|
+
stiffness: 200,
|
|
43
|
+
damping: 16
|
|
44
|
+
}, l = {
|
|
45
|
+
type: "spring",
|
|
46
|
+
stiffness: 240,
|
|
47
|
+
damping: 24
|
|
48
|
+
}, g = {
|
|
49
|
+
type: "spring",
|
|
50
|
+
stiffness: 350,
|
|
51
|
+
damping: 35
|
|
52
|
+
}, m = {
|
|
53
|
+
duration: 0.2,
|
|
54
|
+
ease: "easeOut"
|
|
55
|
+
}, i = {
|
|
56
|
+
duration: 0.2,
|
|
57
|
+
ease: "easeInOut"
|
|
58
|
+
}, y = {
|
|
3
59
|
hidden: {
|
|
4
60
|
opacity: 0,
|
|
5
61
|
transform: "translate3d(0, -4px, 0) scale(0.96)",
|
|
6
|
-
transition:
|
|
62
|
+
transition: t
|
|
7
63
|
},
|
|
8
64
|
visible: {
|
|
9
65
|
opacity: 1,
|
|
10
66
|
transform: "translate3d(0, 0, 0) scale(1)",
|
|
11
|
-
transition:
|
|
67
|
+
transition: t
|
|
12
68
|
}
|
|
13
|
-
},
|
|
69
|
+
}, h = {
|
|
14
70
|
hidden: {
|
|
15
71
|
opacity: 0,
|
|
16
72
|
transform: "scale(0.96)",
|
|
17
|
-
transition:
|
|
73
|
+
transition: t
|
|
18
74
|
},
|
|
19
75
|
visible: {
|
|
20
76
|
opacity: 1,
|
|
21
77
|
transform: "scale(1)",
|
|
22
|
-
transition:
|
|
78
|
+
transition: t
|
|
23
79
|
}
|
|
24
|
-
},
|
|
80
|
+
}, b = {
|
|
81
|
+
hidden: {
|
|
82
|
+
opacity: 0,
|
|
83
|
+
transform: "translate3d(0, -4px, 0) scale(0.96)",
|
|
84
|
+
transition: n
|
|
85
|
+
},
|
|
86
|
+
visible: {
|
|
87
|
+
opacity: 1,
|
|
88
|
+
transform: "translate3d(0, 0, 0) scale(1)",
|
|
89
|
+
transition: n
|
|
90
|
+
}
|
|
91
|
+
}, u = {
|
|
25
92
|
hidden: {
|
|
26
93
|
opacity: 0,
|
|
27
94
|
transform: "translate3d(0, 8px, 0) scale(0.96)",
|
|
28
|
-
transition:
|
|
95
|
+
transition: s
|
|
29
96
|
},
|
|
30
97
|
visible: {
|
|
31
98
|
opacity: 1,
|
|
32
99
|
transform: "translate3d(0, 0, 0) scale(1)",
|
|
33
|
-
transition:
|
|
100
|
+
transition: s
|
|
34
101
|
}
|
|
35
|
-
},
|
|
36
|
-
hidden: { opacity: 0, transition:
|
|
37
|
-
visible: { opacity: 1, transition:
|
|
38
|
-
},
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
ease: a
|
|
44
|
-
}, f = {
|
|
45
|
-
duration: 0.18,
|
|
46
|
-
ease: a
|
|
47
|
-
}, m = {
|
|
48
|
-
right: { transform: "translate3d(100%, 0, 0)" },
|
|
49
|
-
left: { transform: "translate3d(-100%, 0, 0)" },
|
|
50
|
-
bottom: { transform: "translate3d(0, 100%, 0)" }
|
|
51
|
-
}, y = {
|
|
102
|
+
}, r = {
|
|
103
|
+
hidden: { opacity: 0, transition: i },
|
|
104
|
+
visible: { opacity: 1, transition: i }
|
|
105
|
+
}, v = r, x = {
|
|
106
|
+
right: { transform: "translate3d(100%, 0, 0)", opacity: 0 },
|
|
107
|
+
left: { transform: "translate3d(-100%, 0, 0)", opacity: 0 },
|
|
108
|
+
bottom: { transform: "translate3d(0, 100%, 0)", opacity: 0 }
|
|
109
|
+
}, V = {
|
|
52
110
|
hidden: { opacity: 0, transform: "translate3d(0, 8px, 0)" },
|
|
53
111
|
visible: {
|
|
54
112
|
opacity: 1,
|
|
55
113
|
transform: "translate3d(0, 0, 0)",
|
|
56
|
-
transition:
|
|
114
|
+
transition: a
|
|
57
115
|
}
|
|
58
|
-
},
|
|
59
|
-
type: "spring",
|
|
60
|
-
stiffness: 420,
|
|
61
|
-
damping: 34,
|
|
62
|
-
mass: 0.9
|
|
63
|
-
}, u = {
|
|
116
|
+
}, w = {
|
|
64
117
|
hidden: {
|
|
65
118
|
opacity: 0,
|
|
66
119
|
transform: "translate3d(0, 16px, 0) scale(0.98)",
|
|
67
|
-
transition:
|
|
120
|
+
transition: t
|
|
68
121
|
},
|
|
69
122
|
visible: {
|
|
70
123
|
opacity: 1,
|
|
71
124
|
transform: "translate3d(0, 0, 0) scale(1)",
|
|
72
|
-
transition:
|
|
125
|
+
transition: t
|
|
73
126
|
},
|
|
74
127
|
exit: {
|
|
75
128
|
opacity: 0,
|
|
76
129
|
transform: "translate3d(0, 16px, 0) scale(0.98)",
|
|
77
|
-
transition:
|
|
130
|
+
transition: t
|
|
78
131
|
}
|
|
79
132
|
};
|
|
80
133
|
export {
|
|
81
|
-
r as
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
134
|
+
r as backdropVariants,
|
|
135
|
+
m as checkDrawTransition,
|
|
136
|
+
v as drawerBackdropVariants,
|
|
137
|
+
x as drawerOffset,
|
|
138
|
+
i as fadeTransition,
|
|
139
|
+
y as floatVariants,
|
|
140
|
+
b as menuVariants,
|
|
141
|
+
u as modalPanelVariants,
|
|
142
|
+
V as screenVariants,
|
|
143
|
+
l as springCarousel,
|
|
144
|
+
e as springControl,
|
|
145
|
+
s as springDialog,
|
|
146
|
+
p as springDisclosure,
|
|
147
|
+
a as springEffect,
|
|
148
|
+
n as springHighlight,
|
|
149
|
+
t as springOverlay,
|
|
150
|
+
c as springProgress,
|
|
151
|
+
f as springRadio,
|
|
152
|
+
o as springSheet,
|
|
153
|
+
g as springSidebar,
|
|
154
|
+
d as springSwitch,
|
|
155
|
+
w as toastVariants,
|
|
156
|
+
h as tooltipVariants
|
|
97
157
|
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/** Shared visual vocabulary used by the public Spinner and the boot shell. */
|
|
3
|
+
export declare const SPINNER_VARIANTS: readonly ["action", "content", "upload", "surface"];
|
|
4
|
+
export type SpinnerVariant = (typeof SPINNER_VARIANTS)[number];
|
|
5
|
+
export interface SpinnerMarkProps extends Omit<React.SVGAttributes<SVGSVGElement>, "children"> {
|
|
6
|
+
variant: SpinnerVariant;
|
|
7
|
+
}
|
|
8
|
+
/** Internal dependency-light renderer; accessibility belongs to its wrapper. */
|
|
9
|
+
export declare function SpinnerMark({ variant, className, ...props }: SpinnerMarkProps): React.JSX.Element;
|