@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.
Files changed (147) 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 +133 -120
  5. package/components/ai-elements/chain-of-thought.d.ts +1 -1
  6. package/components/ai-elements/chain-of-thought.js +108 -108
  7. package/components/ai-elements/chart.js +16 -14
  8. package/components/ai-elements/inline-citation.js +41 -41
  9. package/components/ai-elements/message.js +4 -4
  10. package/components/ai-elements/queue.js +7 -7
  11. package/components/ai-elements/research-activity.js +114 -114
  12. package/components/ai-elements/shimmer.d.ts +2 -2
  13. package/components/ai-elements/speech-input.js +28 -28
  14. package/components/ai-elements/task-progress.js +26 -16
  15. package/components/ai-elements/task.js +17 -17
  16. package/components/ai-elements/tool.js +6 -6
  17. package/components/ai-elements/transcript.js +6 -5
  18. package/components/ai-elements/voice.js +1 -1
  19. package/components/alert.js +10 -10
  20. package/components/answer-sources.js +1 -1
  21. package/components/answer.js +115 -114
  22. package/components/assistant-ui/action-bar.js +94 -48
  23. package/components/assistant-ui/attachment.js +103 -75
  24. package/components/assistant-ui/badge.d.ts +1 -1
  25. package/components/assistant-ui/badge.js +17 -17
  26. package/components/assistant-ui/chain-of-thought.d.ts +1 -1
  27. package/components/assistant-ui/composer-add-context.js +9 -9
  28. package/components/assistant-ui/composer-deep-research.js +5 -5
  29. package/components/assistant-ui/composer-harness.js +11 -9
  30. package/components/assistant-ui/composer-trigger-popover.js +45 -34
  31. package/components/assistant-ui/composer.js +59 -59
  32. package/components/assistant-ui/error.js +14 -14
  33. package/components/assistant-ui/file.d.ts +1 -1
  34. package/components/assistant-ui/image.d.ts +1 -1
  35. package/components/assistant-ui/image.js +113 -103
  36. package/components/assistant-ui/markdown-text.js +18 -18
  37. package/components/assistant-ui/message.js +46 -45
  38. package/components/assistant-ui/quote.js +1 -1
  39. package/components/assistant-ui/reasoning.d.ts +1 -1
  40. package/components/assistant-ui/reasoning.js +66 -77
  41. package/components/assistant-ui/suggestions.js +4 -4
  42. package/components/assistant-ui/thread.js +22 -22
  43. package/components/assistant-ui/tool-fallback.js +60 -63
  44. package/components/assistant-ui/tool-group.d.ts +1 -1
  45. package/components/assistant-ui/tool-group.js +36 -42
  46. package/components/audio-waveform.js +25 -24
  47. package/components/autocomplete.d.ts +1 -0
  48. package/components/autocomplete.js +45 -43
  49. package/components/avatar.d.ts +1 -0
  50. package/components/avatar.js +27 -26
  51. package/components/badge.d.ts +1 -1
  52. package/components/breadcrumbs.d.ts +2 -0
  53. package/components/breadcrumbs.js +52 -50
  54. package/components/button.d.ts +2 -2
  55. package/components/button.js +22 -20
  56. package/components/card.js +8 -8
  57. package/components/carousel.js +105 -104
  58. package/components/chart.d.ts +6 -0
  59. package/components/chart.js +743 -672
  60. package/components/checkbox.js +74 -38
  61. package/components/chip.d.ts +1 -1
  62. package/components/code-block.js +3 -3
  63. package/components/collapsible.js +67 -23
  64. package/components/connector-card.js +6 -6
  65. package/components/drawer.d.ts +18 -11
  66. package/components/drawer.js +81 -78
  67. package/components/dropdown.d.ts +2 -0
  68. package/components/dropdown.js +88 -79
  69. package/components/empty-state.d.ts +1 -1
  70. package/components/empty-state.js +7 -7
  71. package/components/field.d.ts +4 -0
  72. package/components/field.js +45 -34
  73. package/components/file-dropzone.js +12 -12
  74. package/components/index.d.ts +3 -0
  75. package/components/index.js +584 -558
  76. package/components/input-field.js +51 -46
  77. package/components/input.js +20 -20
  78. package/components/link.js +9 -9
  79. package/components/modal.d.ts +5 -1
  80. package/components/modal.js +121 -76
  81. package/components/navbar.d.ts +1 -1
  82. package/components/navbar.js +1 -1
  83. package/components/number-field.js +38 -29
  84. package/components/page-header.js +12 -12
  85. package/components/pagination.js +19 -19
  86. package/components/panel.js +2 -2
  87. package/components/pixel-blast-svg.js +3 -3
  88. package/components/pixel-icon.d.ts +4 -0
  89. package/components/pixel-icon.js +210 -164
  90. package/components/popover.d.ts +1 -1
  91. package/components/popover.js +66 -64
  92. package/components/progress-circle.js +36 -32
  93. package/components/progress.js +28 -24
  94. package/components/radio.js +59 -49
  95. package/components/resizable-panel.js +1 -1
  96. package/components/reveal.d.ts +2 -2
  97. package/components/ripple.d.ts +3 -3
  98. package/components/scroll-area.js +17 -16
  99. package/components/segmented.d.ts +1 -0
  100. package/components/segmented.js +39 -36
  101. package/components/select.d.ts +7 -0
  102. package/components/select.js +186 -137
  103. package/components/setting-row.js +45 -42
  104. package/components/sidebar.js +131 -127
  105. package/components/skeleton.js +5 -5
  106. package/components/spinner.d.ts +13 -4
  107. package/components/spinner.js +42 -42
  108. package/components/stepper.js +21 -21
  109. package/components/switch.js +41 -39
  110. package/components/table.d.ts +16 -0
  111. package/components/table.js +393 -260
  112. package/components/tabs.js +149 -137
  113. package/components/toast.js +66 -66
  114. package/components/tooltip.js +2 -2
  115. package/components/tree.js +62 -51
  116. package/components/typography.d.ts +2 -1
  117. package/components/typography.js +33 -32
  118. package/components/ui/button.d.ts +2 -2
  119. package/components/ui/button.js +19 -19
  120. package/components/ui/collapsible.d.ts +1 -5
  121. package/components/ui/dialog.d.ts +3 -3
  122. package/components/ui/dialog.js +95 -58
  123. package/components/ui/tooltip.d.ts +2 -2
  124. package/components/ui/tooltip.js +67 -33
  125. package/components/viz-charts.js +95 -95
  126. package/demo/components/add-to-artifact.js +363 -0
  127. package/demo/lib/artifact-library.js +142 -0
  128. package/demo/lib/artifact-pin-guard.js +12 -0
  129. package/fonts/aribau-grotesk-medium.woff2 +0 -0
  130. package/fonts/aribau-grotesk-regular.woff2 +0 -0
  131. package/fonts.css +11 -11
  132. package/hooks/agents-ui/use-agent-audio-visualizer-aura.js +17 -16
  133. package/hooks/agents-ui/use-agent-audio-visualizer-wave.js +21 -20
  134. package/lib/icons.d.ts +24 -0
  135. package/lib/icons.js +114 -108
  136. package/lib/motion.d.ts +42 -39
  137. package/lib/motion.js +112 -52
  138. package/lib/spinner-mark.d.ts +9 -0
  139. package/lib/spinner-mark.js +98 -0
  140. package/llms.txt +53 -19
  141. package/manifest.json +258 -36
  142. package/package.json +1 -1
  143. package/styles.css +143 -124
  144. package/theme.css +90 -93
  145. package/components/ui/collapsible.js +0 -35
  146. package/fonts/aribau-grotesk-500.otf +0 -0
  147. 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 { EASE_OUT as y } from "../../lib/motion.js";
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, a] = c.useState(t), e = l(t), i = c.useRef(null);
19
- r(e, "change", a);
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
- (n, u) => {
21
+ (a, u) => {
22
22
  var m;
23
- (m = i.current) == null || m.stop(), i.current = f(e, n, {
24
- duration: u ? 0 : 0.2,
25
- ease: y
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 n;
32
- return (n = i.current) == null ? void 0 : n.stop();
32
+ var a;
33
+ return (a = i.current) == null ? void 0 : a.stop();
33
34
  }, []), { value: p, animateTo: o };
34
35
  }
35
- function E({
36
+ function v({
36
37
  state: t = "idle",
37
38
  volume: p = 0,
38
- reduced: a = !1
39
+ reduced: n = !1
39
40
  }) {
40
- const e = d[t], i = s(e.amplitude), o = s(e.frequency), n = s(e.opacity);
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, a), o.animateTo(e.frequency, a), n.animateTo(e.opacity, a);
43
+ i.animateTo(e.amplitude, n), o.animateTo(e.frequency, n), a.animateTo(e.opacity, n);
43
44
  }, [
44
45
  e,
45
- a,
46
+ n,
46
47
  i.animateTo,
47
48
  o.animateTo,
48
- n.animateTo
49
+ a.animateTo
49
50
  ]);
50
- const u = !a && (t === "listening" || t === "speaking") ? q(p) : 0;
51
+ const u = !n && (t === "listening" || t === "speaking") ? q(p) : 0;
51
52
  return {
52
- speed: a ? 0 : e.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, n.value + u * 0.35)
56
+ opacity: Math.min(1, a.value + u * 0.35)
56
57
  };
57
58
  }
58
59
  export {
59
- E as useAgentAudioVisualizerWave
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 f, X as k, UploadSimple as w, EyeSlash as d, Eye as S, Minus as A, Plus as P, 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 oo, MusicNotes as eo, VideoCamera as to, ImageBroken as so, CircleNotch as no, Pulse as ao, Archive as ro, ArrowDown as co, ArrowRight as io, ArrowUp as lo, Scroll as ho, Stack as Co, BookOpen as go, Brain as po, CalendarBlank as uo, Phone as $o, ListChecks as fo, Cube as ko, Funnel as wo, Folder as So, FolderOpen as Ao, Gauge as Po, GitBranch as Lo, Hash as To, ClockCounterClockwise as mo, House as Mo, SquaresFour as yo, Leaf as Uo, Lightbulb as Oo, Link as Bo, SignOut as Fo, Envelope as bo, Microphone as Do, MicrophoneSlash as Ro, DotsThreeVertical as Io, Palette as vo, SidebarSimple as xo, Pause as Ho, PencilSimple as Go, PhoneSlash as Wo, ChartPie as Eo, Play as zo, Plug as Vo, Rocket as No, Gear as Qo, Shapes as qo, ShareNetwork as Xo, Star as jo, Stop as Jo, ArrowsLeftRight as Ko, Target as Yo, Binoculars as Zo, TextT as _o, ToggleRight as oe, Trash as ee, Users as te, Wrench as se } from "@phosphor-icons/react";
5
- function o(n, a) {
6
- const e = C.forwardRef(function({ strokeWidth: t, weight: r, ...c }, i) {
7
- const l = r ?? (t != null && t >= 2 ? "bold" : "regular");
8
- return /* @__PURE__ */ h(n, { ref: i, size: "1em", weight: l, ...c });
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 e.displayName = a, e;
10
+ return o.displayName = a, o;
11
11
  }
12
- const ce = o(co, "ArrowDown"), ie = o(E, "ArrowLeft"), le = o(io, "ArrowRight"), he = o(lo, "ArrowUp"), Ce = o(g, "ArrowUpRight"), ge = o(L, "ChevronDown"), pe = o(v, "ChevronLeft"), ue = o(x, "ChevronRight"), $e = o(B, "ChevronUp"), fe = o(F, "SortIcon"), ke = o(Ko, "SwapHorizontal"), we = o(R, "ExternalLink"), de = o(xo, "PanelLeft"), Se = o(J, "At"), Ae = o($o, "Call"), Pe = o(k, "Close"), Le = o(N, "CloseCircle"), Te = o($, "Copy"), me = o(_, "Download"), Me = o(Fo, "LogOut"), ye = o(Do, "Mic"), Ue = o(Ro, "MicOff"), Oe = o(Wo, "PhoneOff"), Be = o(Go, "Pencil"), Fe = o(j, "Quote"), be = o(S, "Eye"), De = o(d, "EyeOff"), Re = o(To, "Hash"), Ie = o(s, "ImageUpload"), ve = o(w, "Upload"), xe = o(_o, "TextFont"), He = o(oe, "ToggleOn"), Ge = o(uo, "Calendar"), We = o(b, "Clock"), Ee = o(p, "Code"), ze = o(Jo, "Stop"), Ve = o(G, "Magnet"), Ne = o(H, "Maximize"), Qe = o(A, "Minus"), qe = o(z, "MoreHorizontal"), Xe = o(Io, "MoreVertical"), je = o(Bo, "Link"), Je = o(P, "Plus"), Ke = o(q, "Refresh"), Ye = o(ho, "AuditTrail"), Ze = o(T, "Search"), _e = o(Xo, "Share"), ot = o(ee, "Trash"), et = o(u, "Check"), tt = o(no, "Loader"), st = o(U, "CheckCircle"), nt = o(m, "Info"), at = o(y, "Warning"), rt = o(M, "WarningCircle"), ct = o(ao, "Activity"), it = o(O, "AgentChat"), lt = o(K, "Bolt"), ht = o(go, "BookOpen"), Ct = o(po, "Brain"), gt = o(fo, "CheckList"), pt = o(ko, "Component"), ut = o(D, "Database"), $t = o(I, "Table"), ft = o(wo, "Filter"), kt = o(ro, "Archive"), wt = o(Z, "File"), dt = o(f, "FileText"), St = o(So, "Folder"), At = o(s, "Image"), Pt = o(so, "ImageOff"), Lt = o(eo, "Music"), Tt = o(to, "Video"), mt = o(oo, "Braces"), Mt = o(Ao, "FolderOpen"), yt = o(Po, "Gauge"), Ut = o(Lo, "GitBranch"), Ot = o(mo, "HistoryClock"), Bt = o(Mo, "Home"), Ft = o(Co, "Blocks"), bt = o(W, "Inbox"), Dt = o(Oo, "Lightbulb"), Rt = o(Uo, "Leaf"), It = o(yo, "LayoutGrid"), vt = o(bo, "Mail"), xt = o(vo, "Palette"), Ht = o(Eo, "PieChart"), Gt = o(Vo, "Plug"), Wt = o(No, "Rocket"), Et = o(Qo, "Settings"), zt = o(qo, "Shapes"), Vt = o(Y, "Sparkles"), Nt = o(jo, "Star"), Qt = o(Zo, "Telescope"), qt = o(Yo, "Target"), Xt = o(V, "User"), jt = o(te, "Users"), Jt = o(zo, "Play"), Kt = o(Ho, "Pause"), Yt = o(X, "Paperclip"), Zt = o(Q, "CircleDashed"), _t = o(se, "Wrench");
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
- ct as Activity,
15
- it as AgentChat,
16
- kt as Archive,
17
- ce as ArrowDown,
18
- ie as ArrowLeft,
19
- le as ArrowRight,
20
- he as ArrowUp,
21
- Ce as ArrowUpRight,
22
- Se as At,
23
- Ye as AuditTrail,
24
- Ft as Blocks,
25
- lt as Bolt,
26
- ht as BookOpen,
27
- mt as Braces,
28
- Ct as Brain,
29
- Ge as Calendar,
30
- Ae as Call,
31
- et as Check,
32
- st as CheckCircle,
33
- gt as CheckList,
34
- ge as ChevronDown,
35
- pe as ChevronLeft,
36
- ue as ChevronRight,
37
- $e as ChevronUp,
38
- Zt as CircleDashed,
39
- We as Clock,
40
- Pe as Close,
41
- Le as CloseCircle,
42
- Ee as Code,
43
- pt as Component,
44
- Te as Copy,
45
- ut as Database,
46
- me as Download,
47
- we as ExternalLink,
48
- be as Eye,
49
- De as EyeOff,
50
- wt as File,
51
- dt as FileText,
52
- ft as Filter,
53
- St as Folder,
54
- Mt as FolderOpen,
55
- yt as Gauge,
56
- Ut as GitBranch,
57
- Re as Hash,
58
- Ot as HistoryClock,
59
- Bt as Home,
60
- At as Image,
61
- Pt as ImageOff,
62
- Ie as ImageUpload,
63
- bt as Inbox,
64
- nt as Info,
65
- It as LayoutGrid,
66
- Rt as Leaf,
67
- Dt as Lightbulb,
68
- je as Link,
69
- tt as Loader,
70
- Me as LogOut,
71
- Ve as Magnet,
72
- vt as Mail,
73
- Ne as Maximize,
74
- ye as Mic,
75
- Ue as MicOff,
76
- Qe as Minus,
77
- qe as MoreHorizontal,
78
- Xe as MoreVertical,
79
- Lt as Music,
80
- xt as Palette,
81
- de as PanelLeft,
82
- Yt as Paperclip,
83
- Kt as Pause,
84
- Be as Pencil,
85
- Oe as PhoneOff,
86
- Ht as PieChart,
87
- Jt as Play,
88
- Gt as Plug,
89
- Je as Plus,
90
- Fe as Quote,
91
- Ke as Refresh,
92
- Wt as Rocket,
93
- Ze as Search,
94
- Et as Settings,
95
- zt as Shapes,
96
- _e as Share,
97
- fe as SortIcon,
98
- Vt as Sparkles,
99
- Nt as Star,
100
- ze as Stop,
101
- ke as SwapHorizontal,
102
- $t as Table,
103
- qt as Target,
104
- Qt as Telescope,
105
- xe as TextFont,
106
- He as ToggleOn,
107
- ot as Trash,
108
- ve as Upload,
109
- Xt as User,
110
- jt as Users,
111
- Tt as Video,
112
- at as Warning,
113
- rt as WarningCircle,
114
- _t as Wrench
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
- * 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;