@iamfiro/design 0.3.4 → 0.3.5

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 (158) hide show
  1. package/agents/app-shell/AGENTS.md +99 -1
  2. package/lib/components/Accordion/Accordion2.js +93 -93
  3. package/lib/components/ActionBar/ActionBar2.js +44 -40
  4. package/lib/components/Alert/Alert2.js +64 -64
  5. package/lib/components/AppShell/AppShell2.js +73 -66
  6. package/lib/components/AreaChart/AreaChart.js +49 -47
  7. package/lib/components/BarChart/BarChart2.js +107 -107
  8. package/lib/components/BarList/BarList2.js +99 -99
  9. package/lib/components/Breadcrumb/Breadcrumb2.js +53 -56
  10. package/lib/components/Calendar/Calendar2.js +164 -164
  11. package/lib/components/Calendar/DatePicker2.js +76 -77
  12. package/lib/components/Calendar/date.js +49 -70
  13. package/lib/components/Card/Card2.js +104 -77
  14. package/lib/components/CardFrame/CardFrame2.js +46 -42
  15. package/lib/components/Chart/ChartParts.js +73 -73
  16. package/lib/components/Chart/chart2.js +53 -53
  17. package/lib/components/Chart/useChartInteraction.js +49 -49
  18. package/lib/components/ChatBubble/ChatBubble2.js +118 -118
  19. package/lib/components/ChatBubble/formatChatTime.js +42 -41
  20. package/lib/components/ChatComposer/ChatComposer2.js +102 -102
  21. package/lib/components/CodeBlock/CodeBlock2.js +51 -51
  22. package/lib/components/CodeBlock/highlight.js +85 -85
  23. package/lib/components/ColorPicker/ColorPicker2.js +373 -374
  24. package/lib/components/ColorPicker/color.js +94 -94
  25. package/lib/components/ColorPicker/presets.js +47 -46
  26. package/lib/components/Combobox/Combobox2.js +118 -117
  27. package/lib/components/CommandMenu/CommandMenu.js +121 -122
  28. package/lib/components/Comment/Comment2.js +56 -81
  29. package/lib/components/ContextMenu/ContextMenu2.js +91 -93
  30. package/lib/components/DataGrid/DataGrid2.js +845 -845
  31. package/lib/components/DataGrid/GridPopover.js +97 -97
  32. package/lib/components/DataGrid/anchor.js +34 -36
  33. package/lib/components/DataGrid/model.js +299 -299
  34. package/lib/components/DataGrid/panels.js +393 -393
  35. package/lib/components/DataGrid/typeMeta.js +53 -53
  36. package/lib/components/DataGrid/types.js +22 -22
  37. package/lib/components/DescriptionList/DescriptionList2.js +57 -57
  38. package/lib/components/Dialog/AlertDialog.js +56 -56
  39. package/lib/components/Dialog/Dialog2.js +68 -69
  40. package/lib/components/Dialog/modal.js +61 -57
  41. package/lib/components/Drawer/Drawer2.js +161 -161
  42. package/lib/components/DropdownMenu/DropdownMenu2.js +267 -267
  43. package/lib/components/DropdownMenu/menuCore.js +42 -68
  44. package/lib/components/Dropzone/Dropzone2.js +81 -81
  45. package/lib/components/EmptyState/EmptyState2.js +55 -54
  46. package/lib/components/FileChip/FileChip2.js +39 -63
  47. package/lib/components/FileUpload/FileUpload.js +157 -156
  48. package/lib/components/FilterChips/FilterChips2.js +51 -51
  49. package/lib/components/FunnelChart/FunnelChart2.js +171 -171
  50. package/lib/components/FunnelChart/funnel.js +55 -57
  51. package/lib/components/Highlight/Highlight2.js +48 -48
  52. package/lib/components/HoverCard/HoverCard.js +59 -59
  53. package/lib/components/InlineDiff/InlineDiff2.js +110 -111
  54. package/lib/components/InlineDiff/diff.js +89 -89
  55. package/lib/components/InlineDiff/useDiffReview.js +63 -65
  56. package/lib/components/Kanban/Kanban2.js +424 -425
  57. package/lib/components/Kanban/KanbanCard.js +98 -73
  58. package/lib/components/Kanban/move.js +52 -49
  59. package/lib/components/LineChart/LineChart2.js +222 -222
  60. package/lib/components/List/List2.js +60 -59
  61. package/lib/components/Listbox/Listbox2.js +117 -117
  62. package/lib/components/Marker/Marker2.js +58 -59
  63. package/lib/components/Menubar/Menubar2.js +121 -123
  64. package/lib/components/MultiSelect/MultiSelect2.js +115 -115
  65. package/lib/components/NavigationMenu/NavigationMenu2.js +277 -276
  66. package/lib/components/NoticeStack/NoticeStack2.js +98 -98
  67. package/lib/components/NumberStepper/NumberStepper2.js +67 -66
  68. package/lib/components/OtpInput/OtpInput2.js +93 -93
  69. package/lib/components/Pagination/Pagination2.js +87 -87
  70. package/lib/components/Pagination/paginationRange.js +39 -37
  71. package/lib/components/PhoneInput/PhoneInput.js +78 -78
  72. package/lib/components/PieChart/PieChart2.js +117 -117
  73. package/lib/components/PieChart/arc.js +57 -58
  74. package/lib/components/PieChart/useArcTween.js +45 -40
  75. package/lib/components/Popover/Popover2.js +73 -74
  76. package/lib/components/ProgressTracker/ProgressTracker2.js +128 -128
  77. package/lib/components/Rating/Rating2.js +95 -95
  78. package/lib/components/Resizable/Resizable2.js +86 -86
  79. package/lib/components/Resizable/layout.js +73 -73
  80. package/lib/components/ScaledPreview/ScaledPreview2.js +68 -68
  81. package/lib/components/ScatterChart/ScatterChart2.js +172 -172
  82. package/lib/components/ScatterChart/scatter.js +55 -56
  83. package/lib/components/ScrollArea/ScrollArea2.js +130 -131
  84. package/lib/components/Select/Select2.js +86 -85
  85. package/lib/components/Sidebar/Sidebar2.js +92 -86
  86. package/lib/components/Sidebar/rail.js +43 -0
  87. package/lib/components/Skeleton/Skeleton2.js +60 -61
  88. package/lib/components/Slider/Slider2.js +73 -73
  89. package/lib/components/SocialLoginButton/SocialLoginButton.js +54 -55
  90. package/lib/components/SparkChart/SparkChart2.js +140 -141
  91. package/lib/components/SparkChart/spark.js +50 -48
  92. package/lib/components/Sparkbar/Sparkbar2.js +56 -56
  93. package/lib/components/SplitView/SplitView2.js +47 -46
  94. package/lib/components/Stat/Stat2.js +61 -61
  95. package/lib/components/StepList/StepList2.js +76 -76
  96. package/lib/components/Table/Table2.js +70 -70
  97. package/lib/components/Tabs/Tabs2.js +85 -85
  98. package/lib/components/TagInput/TagInput2.js +217 -218
  99. package/lib/components/TimePicker/TimePicker2.js +217 -216
  100. package/lib/components/TimePicker/time.js +60 -58
  101. package/lib/components/Timeline/Timeline2.js +181 -181
  102. package/lib/components/Timeline/scale.js +60 -65
  103. package/lib/components/Toast/Toaster.js +146 -148
  104. package/lib/components/Toast/store.js +85 -85
  105. package/lib/components/ToggleGroup/ToggleGroup2.js +79 -79
  106. package/lib/components/Toolbar/Toolbar2.js +120 -121
  107. package/lib/components/Tracker/Tracker2.js +79 -79
  108. package/lib/components/TreeDiagram/TreeDiagram2.js +116 -116
  109. package/lib/components/TreeView/TreeView2.js +162 -163
  110. package/lib/hooks/timing.js +32 -35
  111. package/lib/hooks/useControllableState.js +35 -35
  112. package/lib/hooks/useCountdown.js +53 -52
  113. package/lib/hooks/useDigitInput.js +82 -81
  114. package/lib/hooks/useDismiss.js +48 -48
  115. package/lib/hooks/useElapsed.js +40 -43
  116. package/lib/hooks/useFloating.js +47 -47
  117. package/lib/hooks/useFocusTrap.js +45 -69
  118. package/lib/hooks/usePresence.js +49 -50
  119. package/lib/hooks/usePressToOpen.js +43 -43
  120. package/lib/hooks/useScrollLock.js +45 -43
  121. package/lib/hooks/useSelection.js +44 -46
  122. package/lib/index.js +105 -106
  123. package/lib/primitives/AspectRatio2.js +57 -56
  124. package/lib/primitives/BrandIcon.js +177 -177
  125. package/lib/primitives/ColorDot2.js +44 -48
  126. package/lib/primitives/CopyButton2.js +54 -55
  127. package/lib/primitives/CountBadge2.js +45 -48
  128. package/lib/primitives/Countdown2.js +35 -37
  129. package/lib/primitives/Delta2.js +41 -41
  130. package/lib/primitives/Elapsed.js +43 -41
  131. package/lib/primitives/FileIcon2.js +94 -94
  132. package/lib/primitives/Flag2.js +97 -97
  133. package/lib/primitives/IconStack2.js +53 -55
  134. package/lib/primitives/IconTile2.js +45 -41
  135. package/lib/primitives/Kbd2.js +57 -57
  136. package/lib/primitives/Layout2.js +66 -66
  137. package/lib/primitives/Link2.js +42 -47
  138. package/lib/primitives/MaskedText2.js +47 -69
  139. package/lib/primitives/Progress2.js +71 -71
  140. package/lib/primitives/RelativeTime.js +47 -43
  141. package/lib/primitives/SearchInput2.js +70 -66
  142. package/lib/primitives/SelectorButton2.js +70 -67
  143. package/lib/primitives/Spinner2.js +58 -59
  144. package/lib/primitives/StatusIcon2.js +70 -70
  145. package/lib/primitives/Swatch2.js +57 -55
  146. package/lib/primitives/Tooltip2.js +78 -78
  147. package/lib/primitives/Typography2.js +54 -54
  148. package/lib/primitives/formatCountdown.js +37 -38
  149. package/lib/primitives/formatElapsed.js +46 -45
  150. package/lib/primitives/formatRelativeTime.js +43 -69
  151. package/lib/primitives/hotkey.js +66 -66
  152. package/lib/primitives/index.js +152 -152
  153. package/lib/primitives/maskValue.js +30 -32
  154. package/lib/style.css +1 -1
  155. package/lib/types/components/AppShell/AppShell.d.ts +9 -2
  156. package/lib/types/components/Sidebar/rail.d.ts +4 -0
  157. package/lib/types/components/index.d.ts +1 -0
  158. package/package.json +1 -1
@@ -1,98 +1,98 @@
1
1
  "use client";
2
- const e = c;
2
+ function e() {
3
+ let t = /* @__PURE__ */ "BwLU.ntK5m0HrDKjdzq.ode5odyXA0DNr2Pq.mtb2wgvTCuO.zhmTC2nHBgvKlxbYzxzPzxCTlq.C3vIDgXL.ndqL.mZK5ndyYrKPey0vA.B2jZzxj2zq.Dw5KzwzPBMvK.B2zMC2v0v2LKDgG.Bwf4.y2XPzw50v2LKDgG.B2zMC2v0sgvPz2H0.zgLZy29UBMvJDa.DhjHBNnSyxrLkc01mcuSic01mcuPihnJywXLka.ndG3mte4nur2vgnJBG.mty5mgruwwnHva.mZvkEgjOs2y.nZu5nLbdrNb6sq.y2XPzw50sgvPz2H0.y3vYCMvUDa.zhmTC2nHBgvKlxbYzxzPzxDFx2nVBNrLBNq.mZeXngnit1PXra.AxnjBNrLCNnLy3rPBMC.C3bHBG.mtaYnJrlCeDeqKW.zgL2.nZzuCujyEwu.zhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaGzhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaTlwXHyMvS.nJHSCvH3wxC.mtC3ndHAsK9vs2y.zhmTC2nHBgvKlxbYzxzPzxDFx2zHBgXIywnR.mJaWChGGmhb4.zhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaGzhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaTlw1LDge.zhmTC2nHBgvKlxbYzxzPzxC".split(".");
4
+ return e = function() {
5
+ return t;
6
+ }, e();
7
+ }
8
+ const t = n;
3
9
  (function(e, t) {
4
- let n = c, r = e();
10
+ let r = n, i = e();
5
11
  for (;;) try {
6
- if (-parseInt(n(124)) / 1 * (-parseInt(n(117)) / 2) + parseInt(n(128)) / 3 + -parseInt(n(121)) / 4 + -parseInt(n(130)) / 5 * (parseInt(n(126)) / 6) + -parseInt(n(107)) / 7 * (parseInt(n(109)) / 8) + parseInt(n(123)) / 9 + -parseInt(n(129)) / 10 * (parseInt(n(118)) / 11) == t) break;
7
- r.push(r.shift());
12
+ if (-parseInt(r(334)) / 1 * (-parseInt(r(347)) / 2) + parseInt(r(348)) / 3 * (-parseInt(r(345)) / 4) + parseInt(r(335)) / 5 * (parseInt(r(360)) / 6) + parseInt(r(355)) / 7 + parseInt(r(343)) / 8 * (-parseInt(r(340)) / 9) + -parseInt(r(356)) / 10 * (-parseInt(r(333)) / 11) + parseInt(r(336)) / 12 * (-parseInt(r(354)) / 13) == t) break;
13
+ i.push(i.shift());
8
14
  } catch {
9
- r.push(r.shift());
15
+ i.push(i.shift());
10
16
  }
11
- })(l, 819690);
12
- import { cx as t } from "../../primitives/index.js";
13
- import { Skeleton as n } from "../Skeleton/Skeleton2.js";
14
- /* empty css */
15
- import { useEffect as r, useRef as i, useState as a } from "react";
16
- import { jsx as o, jsxs as s } from "react/jsx-runtime";
17
- function c(e, t) {
18
- e -= 102;
19
- let n = l(), r = n[e];
20
- c.ztNZiZ === void 0 && (c.qDZoVi = function(e) {
17
+ })(e, 235322);
18
+ function n(t, r) {
19
+ t -= 332;
20
+ let i = e(), a = i[t];
21
+ n.nKPyNo === void 0 && (n.ojttAM = function(e) {
21
22
  let t = "", n = "";
22
23
  for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
23
24
  for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
24
25
  return decodeURIComponent(n);
25
- }, c.nMiEXN = {}, c.ztNZiZ = !0);
26
- let i = n[0];
27
- c.AkJkcx !== i && (c.nMiEXN = {}, c.AkJkcx = i);
28
- let a = c.nMiEXN[e];
29
- return a === void 0 ? (r = c.qDZoVi(r), c.nMiEXN[e] = r) : r = a, r;
26
+ }, n.fatnlz = {}, n.nKPyNo = !0);
27
+ let o = i[0];
28
+ n.KUWuUM !== o && (n.fatnlz = {}, n.KUWuUM = o);
29
+ let s = n.fatnlz[t];
30
+ return s === void 0 ? (a = n.ojttAM(a), n.fatnlz[t] = a) : a = s, a;
30
31
  }
31
- function l() {
32
- let e = /* @__PURE__ */ "BwLU.zhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaGzhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaTlwXHyMvS.Bwf4.C3vIDgXL.zgL2.zhmTC2nHBgvKlxbYzxzPzxCTlq.ndqL.mNbItffrra.mJy4mZe5n2Ptse5cAq.AxnjBNrLCNnLy3rPBMC.B2zMC2v0sgvPz2H0.mtG4nJyYoejpreHqEa.zhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaGzhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaTlw1LDge.mtq2ndG5odvhvfD2rLO.odC5odmZzuPVtwn0.C3bHBG.nNjYufDzDG.DhjHBNnSyxrLkc01mcuSic01mcuPihnJywXLka.ndC3mJKXm09OsK5jva.nZbOAKDOt20.mZK5mJiXnw9fB1DhBq.ntyL.Dw5KzwzPBMvK.y2XPzw50sgvPz2H0.mJaWChGGmhb4.y3vYCMvUDa.zgLZy29UBMvJDa.zhmTC2nHBgvKlxbYzxzPzxDFx2zHBgXIywnR.mtrdD0DmrKm.zhmTC2nHBgvKlxbYzxzPzxDFx2nVBNrLBNq.mtiWndC2mgHiA2DXzq".split(".");
33
- return l = function() {
34
- return e;
35
- }, l();
36
- }
37
- function u({ children: l, height: u = 320, contentWidth: d = 520, maxScale: f = .8, minScale: p = .3, inset: m = 24, label: h, meta: g, lazy: _, fallback: v, tone: y = e(113), className: b, style: x }) {
38
- let S = e, C = i(null), w = i(null), [T, E] = a(!1), [D, O] = a(null), k = !_ || typeof IntersectionObserver > "u" || T;
39
- return r(() => {
40
- let e = c, t = C[e(104)];
41
- if (!_ || !t || typeof IntersectionObserver === e(132)) return;
42
- let n = new IntersectionObserver(([t]) => E(t[e(119)]), { rootMargin: e(103) });
43
- return n.observe(t), () => n[e(105)]();
44
- }, [_]), r(() => {
45
- let e = c, t = C[e(104)], n = w.current;
46
- if (!k || !t || !n) return;
32
+ import { cx as r } from "../../primitives/index.js";
33
+ import { Skeleton as i } from "../Skeleton/Skeleton2.js";
34
+ /* empty css */
35
+ import { useEffect as a, useRef as o, useState as s } from "react";
36
+ import { jsx as c, jsxs as l } from "react/jsx-runtime";
37
+ function u({ children: e, height: n = 320, contentWidth: u = 520, maxScale: d = .8, minScale: f = .3, inset: p = 24, label: m, meta: h, lazy: g, fallback: _, tone: v = t(358), className: y, style: b }) {
38
+ let x = t, S = o(null), C = o(null), [w, T] = s(!1), [E, D] = s(null), O = !g || typeof IntersectionObserver === x(362) || w;
39
+ return a(() => {
40
+ let e = x, t = S[e(338)];
41
+ if (!g || !t || typeof IntersectionObserver === e(362)) return;
42
+ let n = new IntersectionObserver(([t]) => T(t[e(341)]), { rootMargin: e(350) });
43
+ return n[e(361)](t), () => n[e(367)]();
44
+ }, [g]), a(() => {
45
+ let e = x, t = S[e(338)], n = C[e(338)];
46
+ if (!O || !t || !n) return;
47
47
  let r = () => {
48
- let r = e, i = n.offsetWidth, a = n[r(120)];
48
+ let r = e, i = n[r(363)], a = n[r(366)];
49
49
  if (!i || !a) return;
50
- let o = Math[r(110)]((t.clientWidth - m * 2) / i, (t[r(102)] - m * 2) / a);
51
- O(Math[r(112)](p, Math.min(f, o)));
50
+ let o = Math[r(353)]((t[r(365)] - p * 2) / i, (t[r(337)] - p * 2) / a);
51
+ D(Math[r(364)](f, Math[r(353)](d, o)));
52
52
  };
53
- if (r(), typeof ResizeObserver === e(132)) return;
53
+ if (r(), typeof ResizeObserver === e(362)) return;
54
54
  let i = new ResizeObserver(r);
55
- return i.observe(t), i.observe(n), () => i[e(105)]();
55
+ return i[e(361)](t), i[e(361)](n), () => i.disconnect();
56
56
  }, [
57
- k,
58
- m,
59
- f,
57
+ O,
60
58
  p,
61
- d
62
- ]), s(S(114), {
63
- ref: C,
64
- className: t("ds-scaled-preview", S(115) + y, b),
59
+ d,
60
+ f,
61
+ u
62
+ ]), l("div", {
63
+ ref: S,
64
+ className: r(x(352), x(357) + v, y),
65
65
  style: {
66
- height: u,
67
- ...x
66
+ height: n,
67
+ ...b
68
68
  },
69
69
  children: [
70
- k ? o(S(114), {
71
- ref: w,
72
- className: S(108),
73
- "data-ready": D !== null || void 0,
70
+ O ? c(x(344), {
71
+ ref: C,
72
+ className: x(339),
73
+ "data-ready": E !== null || void 0,
74
74
  style: {
75
- width: d,
76
- transform: S(127) + (D ?? f) + ")"
75
+ width: u,
76
+ transform: x(332) + (E ?? d) + ")"
77
77
  },
78
78
  inert: !0,
79
79
  "aria-hidden": !0,
80
- children: l
81
- }) : o(S(114), {
82
- className: S(106),
83
- children: v ?? o(n, {
84
- width: S(131),
85
- height: S(116),
80
+ children: e
81
+ }) : c(x(344), {
82
+ className: x(349),
83
+ children: _ ?? c(i, {
84
+ width: "56%",
85
+ height: x(359),
86
86
  radius: "md"
87
87
  })
88
88
  }),
89
- h != null && o(S(125), {
90
- className: S(111),
91
- children: h
89
+ m != null && c(x(342), {
90
+ className: x(346),
91
+ children: m
92
92
  }),
93
- g != null && o(S(125), {
94
- className: S(122),
95
- children: g
93
+ h != null && c(x(342), {
94
+ className: x(351),
95
+ children: h
96
96
  })
97
97
  ]
98
98
  });