@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.
Files changed (149) hide show
  1. package/bin/ads-init.mjs +6 -0
  2. package/components/accordion.js +50 -48
  3. package/components/agent-icon.d.ts +12 -0
  4. package/components/agent-icon.js +135 -121
  5. package/components/ai-elements/chain-of-thought-icon.d.ts +10 -12
  6. package/components/ai-elements/chain-of-thought-icon.js +341 -201
  7. package/components/ai-elements/chain-of-thought.d.ts +2 -2
  8. package/components/ai-elements/chain-of-thought.js +108 -108
  9. package/components/ai-elements/chart.js +16 -14
  10. package/components/ai-elements/inline-citation.js +41 -41
  11. package/components/ai-elements/message.js +4 -4
  12. package/components/ai-elements/queue.js +7 -7
  13. package/components/ai-elements/research-activity.js +114 -114
  14. package/components/ai-elements/shimmer.d.ts +2 -2
  15. package/components/ai-elements/speech-input.js +28 -28
  16. package/components/ai-elements/task-progress.js +26 -16
  17. package/components/ai-elements/task.js +17 -17
  18. package/components/ai-elements/tool.js +6 -6
  19. package/components/ai-elements/transcript.js +6 -5
  20. package/components/ai-elements/voice.js +1 -1
  21. package/components/alert.js +10 -10
  22. package/components/answer-sources.d.ts +42 -0
  23. package/components/answer-sources.js +111 -0
  24. package/components/answer.js +115 -114
  25. package/components/assistant-ui/action-bar.js +94 -48
  26. package/components/assistant-ui/attachment.js +131 -103
  27. package/components/assistant-ui/badge.d.ts +1 -1
  28. package/components/assistant-ui/badge.js +17 -17
  29. package/components/assistant-ui/chain-of-thought.d.ts +1 -1
  30. package/components/assistant-ui/composer-add-context.js +9 -9
  31. package/components/assistant-ui/composer-deep-research.js +5 -5
  32. package/components/assistant-ui/composer-harness.js +12 -9
  33. package/components/assistant-ui/composer-trigger-popover.js +45 -34
  34. package/components/assistant-ui/composer.js +59 -59
  35. package/components/assistant-ui/error.js +14 -14
  36. package/components/assistant-ui/file.d.ts +1 -1
  37. package/components/assistant-ui/image.d.ts +1 -1
  38. package/components/assistant-ui/image.js +113 -103
  39. package/components/assistant-ui/markdown-text.js +18 -18
  40. package/components/assistant-ui/message.js +46 -45
  41. package/components/assistant-ui/quote.js +1 -1
  42. package/components/assistant-ui/reasoning.d.ts +1 -1
  43. package/components/assistant-ui/reasoning.js +66 -77
  44. package/components/assistant-ui/suggestions.js +4 -4
  45. package/components/assistant-ui/thread-context.d.ts +2 -0
  46. package/components/assistant-ui/thread.js +41 -40
  47. package/components/assistant-ui/tool-fallback.js +60 -63
  48. package/components/assistant-ui/tool-group.d.ts +1 -1
  49. package/components/assistant-ui/tool-group.js +36 -42
  50. package/components/audio-waveform.js +25 -24
  51. package/components/autocomplete.d.ts +1 -0
  52. package/components/autocomplete.js +45 -43
  53. package/components/avatar.js +30 -30
  54. package/components/badge.d.ts +1 -1
  55. package/components/breadcrumbs.js +2 -2
  56. package/components/button.d.ts +2 -2
  57. package/components/button.js +22 -20
  58. package/components/card.js +8 -8
  59. package/components/carousel.js +105 -104
  60. package/components/chart.js +9 -7
  61. package/components/checkbox.js +74 -38
  62. package/components/chip.d.ts +1 -1
  63. package/components/code-block.js +3 -3
  64. package/components/collapsible.js +67 -23
  65. package/components/connector-card.js +6 -6
  66. package/components/drawer.d.ts +15 -10
  67. package/components/drawer.js +78 -77
  68. package/components/dropdown.d.ts +3 -1
  69. package/components/dropdown.js +88 -79
  70. package/components/empty-state.d.ts +4 -4
  71. package/components/empty-state.js +7 -7
  72. package/components/field.d.ts +4 -0
  73. package/components/field.js +45 -34
  74. package/components/file-dropzone.js +12 -12
  75. package/components/index.d.ts +4 -0
  76. package/components/index.js +584 -553
  77. package/components/infinite-canvas.js +1 -1
  78. package/components/input-field.js +51 -46
  79. package/components/input.js +20 -20
  80. package/components/link.js +9 -9
  81. package/components/modal.js +105 -73
  82. package/components/navbar.d.ts +1 -1
  83. package/components/navbar.js +1 -1
  84. package/components/number-field.js +38 -29
  85. package/components/page-header.js +12 -12
  86. package/components/pagination.js +19 -19
  87. package/components/panel.js +2 -2
  88. package/components/pixel-blast-svg.js +3 -3
  89. package/components/pixel-icon.d.ts +3 -1
  90. package/components/pixel-icon.js +294 -215
  91. package/components/popover.d.ts +1 -1
  92. package/components/popover.js +66 -64
  93. package/components/progress-circle.js +36 -32
  94. package/components/progress.js +28 -24
  95. package/components/radio.js +59 -49
  96. package/components/resizable-panel.js +1 -1
  97. package/components/reveal.d.ts +2 -2
  98. package/components/ripple.d.ts +3 -3
  99. package/components/scroll-area.js +17 -16
  100. package/components/segmented.d.ts +4 -1
  101. package/components/segmented.js +26 -25
  102. package/components/select.d.ts +2 -0
  103. package/components/select.js +61 -57
  104. package/components/setting-row.js +45 -42
  105. package/components/sidebar.d.ts +2 -2
  106. package/components/sidebar.js +131 -127
  107. package/components/skeleton.js +5 -5
  108. package/components/spinner.d.ts +13 -4
  109. package/components/spinner.js +42 -42
  110. package/components/stepper.js +21 -21
  111. package/components/switch.js +52 -32
  112. package/components/table.d.ts +24 -7
  113. package/components/table.js +457 -220
  114. package/components/tabs.js +149 -137
  115. package/components/textarea.js +1 -2
  116. package/components/toast.js +66 -66
  117. package/components/tooltip.js +2 -2
  118. package/components/tree.js +62 -51
  119. package/components/typography.d.ts +2 -1
  120. package/components/typography.js +33 -32
  121. package/components/ui/button.d.ts +2 -2
  122. package/components/ui/button.js +19 -19
  123. package/components/ui/collapsible.d.ts +1 -5
  124. package/components/ui/dialog.d.ts +3 -3
  125. package/components/ui/dialog.js +95 -58
  126. package/components/ui/tooltip.d.ts +2 -2
  127. package/components/ui/tooltip.js +67 -33
  128. package/components/viz-charts.js +95 -95
  129. package/demo/components/add-to-artifact.js +341 -0
  130. package/demo/lib/artifact-library.js +134 -0
  131. package/fonts/aribau-grotesk-medium.woff2 +0 -0
  132. package/fonts/aribau-grotesk-regular.woff2 +0 -0
  133. package/fonts.css +11 -11
  134. package/hooks/agents-ui/use-agent-audio-visualizer-aura.js +17 -16
  135. package/hooks/agents-ui/use-agent-audio-visualizer-wave.js +21 -20
  136. package/lib/icons.d.ts +12 -0
  137. package/lib/icons.js +107 -104
  138. package/lib/motion.d.ts +42 -39
  139. package/lib/motion.js +112 -52
  140. package/lib/spinner-mark.d.ts +9 -0
  141. package/lib/spinner-mark.js +98 -0
  142. package/llms.txt +69 -26
  143. package/manifest.json +344 -42
  144. package/package.json +1 -1
  145. package/styles.css +175 -161
  146. package/theme.css +104 -128
  147. package/components/ui/collapsible.js +0 -35
  148. package/fonts/aribau-grotesk-500.otf +0 -0
  149. 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 d, Eye as S, Minus as P, 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 b, Clock as D, Database as R, CaretLeft as I, CaretRight as F, CornersOut as x, Magnet as H, Tray as v, ArrowLeft as G, DotsThree as W, User as E, XCircle as z, CircleDashed as V, ArrowsClockwise as N, Paperclip as Q, Quotes as q, At as X, Lightning as j, Table as J, Sparkle as K, File as Y, DownloadSimple as Z, Image as s, BracketsCurly as _, MusicNotes as oo, VideoCamera as eo, ImageBroken as to, CircleNotch as so, Pulse as no, ArrowDown as ao, ArrowRight as ro, ArrowUp as co, Scroll as io, Stack as lo, BookOpen as ho, Brain as Co, CalendarBlank as go, Phone as po, ListChecks as uo, Cube as $o, ArrowSquareOut as fo, Folder as ko, FolderOpen as wo, Gauge as So, GitBranch as Po, Hash as Ao, ClockCounterClockwise as Lo, House as To, SquaresFour as mo, Leaf as Mo, Lightbulb as yo, Link as Uo, SignOut as Oo, Envelope as Bo, Microphone as bo, MicrophoneSlash as Do, DotsThreeVertical as Ro, Palette as Io, SidebarSimple as Fo, Pause as xo, PencilSimple as Ho, PhoneSlash as vo, ChartPie as Go, Play as Wo, Plug as Eo, Rocket as zo, Gear as Vo, Shapes as No, ShareNetwork as Qo, Star as qo, Stop as Xo, ArrowsLeftRight as jo, Target as Jo, Binoculars as Ko, TextT as Yo, ToggleRight as Zo, Trash as _o, Users as oe, Wrench as ee } from "@phosphor-icons/react";
5
- function o(n, a) {
6
- const e = C.forwardRef(function({ strokeWidth: t, weight: r, ...c }, i) {
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 e.displayName = a, e;
10
+ return o.displayName = a, o;
11
11
  }
12
- const ae = o(ao, "ArrowDown"), re = o(G, "ArrowLeft"), ce = o(ro, "ArrowRight"), ie = o(co, "ArrowUp"), le = o(g, "ArrowUpRight"), he = o(L, "ChevronDown"), Ce = o(I, "ChevronLeft"), ge = o(F, "ChevronRight"), pe = o(B, "ChevronUp"), ue = o(b, "SortIcon"), $e = o(jo, "SwapHorizontal"), fe = o(fo, "ExternalLink"), ke = o(Fo, "PanelLeft"), we = o(X, "At"), de = o(po, "Call"), Se = o(k, "Close"), Pe = o(z, "CloseCircle"), Ae = o($, "Copy"), Le = o(Z, "Download"), Te = o(Oo, "LogOut"), me = o(bo, "Mic"), Me = o(Do, "MicOff"), ye = o(vo, "PhoneOff"), Ue = o(Ho, "Pencil"), Oe = o(q, "Quote"), Be = o(S, "Eye"), be = o(d, "EyeOff"), De = o(Ao, "Hash"), Re = o(s, "ImageUpload"), Ie = o(w, "Upload"), Fe = o(Yo, "TextFont"), xe = o(Zo, "ToggleOn"), He = o(go, "Calendar"), ve = o(D, "Clock"), Ge = o(p, "Code"), We = o(Xo, "Stop"), Ee = o(H, "Magnet"), ze = o(x, "Maximize"), Ve = o(P, "Minus"), Ne = o(W, "MoreHorizontal"), Qe = o(Ro, "MoreVertical"), qe = o(Uo, "Link"), Xe = o(A, "Plus"), je = o(N, "Refresh"), Je = o(io, "AuditTrail"), Ke = o(T, "Search"), Ye = o(Qo, "Share"), Ze = o(_o, "Trash"), _e = o(u, "Check"), ot = o(so, "Loader"), et = o(U, "CheckCircle"), tt = o(m, "Info"), st = o(y, "Warning"), nt = o(M, "WarningCircle"), at = o(no, "Activity"), rt = o(O, "AgentChat"), ct = o(j, "Bolt"), it = o(ho, "BookOpen"), lt = o(Co, "Brain"), ht = o(uo, "CheckList"), Ct = o($o, "Component"), gt = o(R, "Database"), pt = o(J, "Table"), ut = o(Y, "File"), $t = o(f, "FileText"), ft = o(ko, "Folder"), kt = o(s, "Image"), wt = o(to, "ImageOff"), dt = o(oo, "Music"), St = o(eo, "Video"), Pt = o(_, "Braces"), At = o(wo, "FolderOpen"), Lt = o(So, "Gauge"), Tt = o(Po, "GitBranch"), mt = o(Lo, "HistoryClock"), Mt = o(To, "Home"), yt = o(lo, "Blocks"), Ut = o(v, "Inbox"), Ot = o(yo, "Lightbulb"), Bt = o(Mo, "Leaf"), bt = o(mo, "LayoutGrid"), Dt = o(Bo, "Mail"), Rt = o(Io, "Palette"), It = o(Go, "PieChart"), Ft = o(Eo, "Plug"), xt = o(zo, "Rocket"), Ht = o(Vo, "Settings"), vt = o(No, "Shapes"), Gt = o(K, "Sparkles"), Wt = o(qo, "Star"), Et = o(Ko, "Telescope"), zt = o(Jo, "Target"), Vt = o(E, "User"), Nt = o(oe, "Users"), Qt = o(Wo, "Play"), qt = o(xo, "Pause"), Xt = o(Q, "Paperclip"), jt = o(V, "CircleDashed"), Jt = o(ee, "Wrench");
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
- at as Activity,
15
- rt as AgentChat,
16
- ae as ArrowDown,
17
- re as ArrowLeft,
18
- ce as ArrowRight,
19
- ie as ArrowUp,
20
- le as ArrowUpRight,
21
- we as At,
22
- Je as AuditTrail,
23
- yt as Blocks,
24
- ct as Bolt,
25
- it as BookOpen,
26
- Pt as Braces,
27
- lt as Brain,
28
- He as Calendar,
29
- de as Call,
30
- _e as Check,
31
- et as CheckCircle,
32
- ht as CheckList,
33
- he as ChevronDown,
34
- Ce as ChevronLeft,
35
- ge as ChevronRight,
36
- pe as ChevronUp,
37
- jt as CircleDashed,
38
- ve as Clock,
39
- Se as Close,
40
- Pe as CloseCircle,
41
- Ge as Code,
42
- Ct as Component,
43
- Ae as Copy,
44
- gt as Database,
45
- Le as Download,
46
- fe as ExternalLink,
47
- Be as Eye,
48
- be as EyeOff,
49
- ut as File,
50
- $t as FileText,
51
- ft as Folder,
52
- At as FolderOpen,
53
- Lt as Gauge,
54
- Tt as GitBranch,
55
- De as Hash,
56
- mt as HistoryClock,
57
- Mt as Home,
58
- kt as Image,
59
- wt as ImageOff,
60
- Re as ImageUpload,
61
- Ut as Inbox,
62
- tt as Info,
63
- bt as LayoutGrid,
64
- Bt as Leaf,
65
- Ot as Lightbulb,
66
- qe as Link,
67
- ot as Loader,
68
- Te as LogOut,
69
- Ee as Magnet,
70
- Dt as Mail,
71
- ze as Maximize,
72
- me as Mic,
73
- Me as MicOff,
74
- Ve as Minus,
75
- Ne as MoreHorizontal,
76
- Qe as MoreVertical,
77
- dt as Music,
78
- Rt as Palette,
79
- ke as PanelLeft,
80
- Xt as Paperclip,
81
- qt as Pause,
82
- Ue as Pencil,
83
- ye as PhoneOff,
84
- It as PieChart,
85
- Qt as Play,
86
- Ft as Plug,
87
- Xe as Plus,
88
- Oe as Quote,
89
- je as Refresh,
90
- xt as Rocket,
91
- Ke as Search,
92
- Ht as Settings,
93
- vt as Shapes,
94
- Ye as Share,
95
- ue as SortIcon,
96
- Gt as Sparkles,
97
- Wt as Star,
98
- We as Stop,
99
- $e as SwapHorizontal,
100
- pt as Table,
101
- zt as Target,
102
- Et as Telescope,
103
- Fe as TextFont,
104
- xe as ToggleOn,
105
- Ze as Trash,
106
- Ie as Upload,
107
- Vt as User,
108
- Nt as Users,
109
- St as Video,
110
- st as Warning,
111
- nt as WarningCircle,
112
- Jt as Wrench
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
- * Shared Motion (v12) presets for ADS 1.0 overlays — the JS mirror of the
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
- * House rules (guide: .claude/skills/emil-design-eng):
7
- * - Strong ease-out on everything that enters or exits; never built-ins.
8
- * - UI animations stay under 300ms; exits run faster than enters.
9
- * - Floating panels scale in from their trigger (origin-aware); modals are
10
- * the exception and stay center-origin.
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
- /** Springy entrance for toasts; also drives their stack-reflow (layout). */
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 t = [0.23, 1, 0.32, 1], s = [0.77, 0, 0.175, 1], a = [0.16, 1, 0.3, 1], i = a, r = [0.32, 0.72, 0, 1], o = {
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: { duration: 0.1, ease: t }
62
+ transition: t
7
63
  },
8
64
  visible: {
9
65
  opacity: 1,
10
66
  transform: "translate3d(0, 0, 0) scale(1)",
11
- transition: { duration: 0.15, ease: t }
67
+ transition: t
12
68
  }
13
- }, e = {
69
+ }, h = {
14
70
  hidden: {
15
71
  opacity: 0,
16
72
  transform: "scale(0.96)",
17
- transition: { duration: 0.09, ease: t }
73
+ transition: t
18
74
  },
19
75
  visible: {
20
76
  opacity: 1,
21
77
  transform: "scale(1)",
22
- transition: { duration: 0.14, ease: t }
78
+ transition: t
23
79
  }
24
- }, d = {
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: { duration: 0.14, ease: t }
95
+ transition: s
29
96
  },
30
97
  visible: {
31
98
  opacity: 1,
32
99
  transform: "translate3d(0, 0, 0) scale(1)",
33
- transition: { duration: 0.22, ease: t }
100
+ transition: s
34
101
  }
35
- }, c = {
36
- hidden: { opacity: 0, transition: { duration: 0.12, ease: t } },
37
- visible: { opacity: 1, transition: { duration: 0.18, ease: t } }
38
- }, l = {
39
- hidden: { opacity: 0, transition: { duration: 0.14, ease: t } },
40
- visible: { opacity: 1, transition: { duration: 0.22, ease: t } }
41
- }, p = {
42
- duration: 0.24,
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: { duration: 0.2, ease: t }
114
+ transition: a
57
115
  }
58
- }, n = {
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: n
120
+ transition: t
68
121
  },
69
122
  visible: {
70
123
  opacity: 1,
71
124
  transform: "translate3d(0, 0, 0) scale(1)",
72
- transition: n
125
+ transition: t
73
126
  },
74
127
  exit: {
75
128
  opacity: 0,
76
129
  transform: "translate3d(0, 16px, 0) scale(0.98)",
77
- transition: { duration: 0.14, ease: t }
130
+ transition: t
78
131
  }
79
132
  };
80
133
  export {
81
- r as EASE_DISCLOSURE,
82
- i as EASE_DRAWER,
83
- a as EASE_EXPO_OUT,
84
- s as EASE_IN_OUT,
85
- t as EASE_OUT,
86
- c as backdropVariants,
87
- l as drawerBackdropVariants,
88
- p as drawerEnterTransition,
89
- f as drawerExitTransition,
90
- m as drawerOffset,
91
- o as floatVariants,
92
- d as modalPanelVariants,
93
- y as screenVariants,
94
- n as toastSpring,
95
- u as toastVariants,
96
- e as tooltipVariants
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;