@iamfiro/design 0.3.1 → 0.3.2

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 (156) hide show
  1. package/agents/avatar/AGENTS.md +29 -1
  2. package/agents/tooltip/AGENTS.md +1 -1
  3. package/lib/components/Accordion/Accordion2.js +81 -81
  4. package/lib/components/ActionBar/ActionBar2.js +38 -39
  5. package/lib/components/Alert/Alert2.js +79 -79
  6. package/lib/components/AppShell/AppShell2.js +45 -45
  7. package/lib/components/AreaChart/AreaChart.js +45 -46
  8. package/lib/components/BarChart/BarChart2.js +166 -166
  9. package/lib/components/BarList/BarList2.js +83 -83
  10. package/lib/components/Breadcrumb/Breadcrumb2.js +68 -72
  11. package/lib/components/Calendar/Calendar2.js +166 -165
  12. package/lib/components/Calendar/DatePicker2.js +139 -139
  13. package/lib/components/Calendar/date.js +61 -58
  14. package/lib/components/Card/Card2.js +47 -47
  15. package/lib/components/CardFrame/CardFrame2.js +50 -45
  16. package/lib/components/Chart/ChartParts.js +78 -78
  17. package/lib/components/Chart/chart2.js +62 -62
  18. package/lib/components/Chart/useChartInteraction.js +56 -56
  19. package/lib/components/ChatBubble/ChatBubble2.js +116 -116
  20. package/lib/components/ChatBubble/formatChatTime.js +46 -39
  21. package/lib/components/ChatComposer/ChatComposer2.js +43 -43
  22. package/lib/components/CodeBlock/CodeBlock2.js +57 -57
  23. package/lib/components/CodeBlock/highlight.js +74 -74
  24. package/lib/components/ColorPicker/ColorPicker2.js +357 -357
  25. package/lib/components/ColorPicker/color.js +83 -83
  26. package/lib/components/ColorPicker/presets.js +47 -41
  27. package/lib/components/Combobox/Combobox2.js +143 -142
  28. package/lib/components/CommandMenu/CommandMenu.js +100 -100
  29. package/lib/components/Comment/Comment2.js +59 -60
  30. package/lib/components/ContextMenu/ContextMenu2.js +95 -96
  31. package/lib/components/DataGrid/DataGrid2.js +1202 -1203
  32. package/lib/components/DataGrid/GridPopover.js +87 -87
  33. package/lib/components/DataGrid/anchor.js +17 -19
  34. package/lib/components/DataGrid/model.js +261 -261
  35. package/lib/components/DataGrid/panels.js +397 -395
  36. package/lib/components/DataGrid/typeMeta.js +51 -51
  37. package/lib/components/DataGrid/types.js +38 -36
  38. package/lib/components/DescriptionList/DescriptionList2.js +74 -74
  39. package/lib/components/Dialog/AlertDialog.js +81 -82
  40. package/lib/components/Dialog/Dialog2.js +63 -63
  41. package/lib/components/Dialog/modal.js +70 -69
  42. package/lib/components/Drawer/Drawer2.js +122 -123
  43. package/lib/components/DropdownMenu/DropdownMenu2.js +257 -258
  44. package/lib/components/DropdownMenu/menuCore.js +43 -44
  45. package/lib/components/Dropzone/Dropzone2.js +76 -77
  46. package/lib/components/EmptyState/EmptyState2.js +59 -56
  47. package/lib/components/FileChip/FileChip2.js +73 -49
  48. package/lib/components/FileUpload/FileUpload.js +149 -150
  49. package/lib/components/FilterChips/FilterChips2.js +59 -59
  50. package/lib/components/FunnelChart/FunnelChart2.js +123 -123
  51. package/lib/components/FunnelChart/funnel.js +44 -47
  52. package/lib/components/Highlight/Highlight2.js +48 -48
  53. package/lib/components/HoverCard/HoverCard.js +89 -64
  54. package/lib/components/InlineDiff/InlineDiff2.js +123 -123
  55. package/lib/components/InlineDiff/diff.js +76 -76
  56. package/lib/components/InlineDiff/useDiffReview.js +69 -68
  57. package/lib/components/Kanban/Kanban2.js +366 -366
  58. package/lib/components/Kanban/KanbanCard.js +67 -67
  59. package/lib/components/Kanban/move.js +41 -45
  60. package/lib/components/LineChart/LineChart2.js +196 -196
  61. package/lib/components/List/List2.js +60 -59
  62. package/lib/components/Listbox/Listbox2.js +94 -94
  63. package/lib/components/Marker/Marker2.js +59 -52
  64. package/lib/components/Menubar/Menubar2.js +110 -112
  65. package/lib/components/MultiSelect/MultiSelect2.js +112 -112
  66. package/lib/components/NavigationMenu/NavigationMenu2.js +239 -240
  67. package/lib/components/NoticeStack/NoticeStack2.js +99 -99
  68. package/lib/components/NumberStepper/NumberStepper2.js +66 -65
  69. package/lib/components/OtpInput/OtpInput2.js +87 -88
  70. package/lib/components/Pagination/Pagination2.js +81 -81
  71. package/lib/components/Pagination/paginationRange.js +25 -24
  72. package/lib/components/PhoneInput/PhoneInput.js +77 -77
  73. package/lib/components/PieChart/PieChart2.js +101 -101
  74. package/lib/components/PieChart/arc.js +73 -76
  75. package/lib/components/PieChart/useArcTween.js +61 -57
  76. package/lib/components/Popover/Popover2.js +65 -64
  77. package/lib/components/ProgressTracker/ProgressTracker2.js +119 -119
  78. package/lib/components/Rating/Rating2.js +85 -85
  79. package/lib/components/Resizable/Resizable2.js +139 -139
  80. package/lib/components/Resizable/layout.js +68 -68
  81. package/lib/components/ScaledPreview/ScaledPreview2.js +55 -55
  82. package/lib/components/ScatterChart/ScatterChart2.js +249 -249
  83. package/lib/components/ScatterChart/scatter.js +55 -55
  84. package/lib/components/ScrollArea/ScrollArea2.js +132 -131
  85. package/lib/components/Select/Select2.js +81 -81
  86. package/lib/components/Sidebar/Sidebar2.js +61 -61
  87. package/lib/components/Skeleton/Skeleton2.js +46 -46
  88. package/lib/components/Slider/Slider2.js +74 -73
  89. package/lib/components/SocialLoginButton/SocialLoginButton.js +70 -70
  90. package/lib/components/SparkChart/SparkChart2.js +138 -137
  91. package/lib/components/SparkChart/spark.js +40 -61
  92. package/lib/components/Sparkbar/Sparkbar2.js +60 -59
  93. package/lib/components/SplitView/SplitView2.js +42 -42
  94. package/lib/components/Stat/Stat2.js +88 -88
  95. package/lib/components/StepList/StepList2.js +71 -71
  96. package/lib/components/Table/Table2.js +70 -70
  97. package/lib/components/Tabs/Tabs2.js +89 -89
  98. package/lib/components/TagInput/TagInput2.js +154 -154
  99. package/lib/components/TimePicker/TimePicker2.js +225 -226
  100. package/lib/components/TimePicker/time.js +50 -50
  101. package/lib/components/Timeline/Timeline2.js +201 -201
  102. package/lib/components/Timeline/scale.js +55 -53
  103. package/lib/components/Toast/Toaster.js +90 -92
  104. package/lib/components/Toast/store.js +91 -87
  105. package/lib/components/ToggleGroup/ToggleGroup2.js +84 -84
  106. package/lib/components/Toolbar/Toolbar2.js +166 -168
  107. package/lib/components/Tracker/Tracker2.js +89 -89
  108. package/lib/components/TreeDiagram/TreeDiagram2.js +126 -125
  109. package/lib/components/TreeView/TreeView2.js +154 -156
  110. package/lib/hooks/timing.js +35 -36
  111. package/lib/hooks/useControllableState.js +40 -39
  112. package/lib/hooks/useCountdown.js +57 -55
  113. package/lib/hooks/useDigitInput.js +59 -83
  114. package/lib/hooks/useDismiss.js +49 -46
  115. package/lib/hooks/useElapsed.js +53 -55
  116. package/lib/hooks/useFloating.js +44 -44
  117. package/lib/hooks/useFocusTrap.js +46 -70
  118. package/lib/hooks/usePresence.js +32 -29
  119. package/lib/hooks/usePressToOpen.js +50 -50
  120. package/lib/hooks/useScrollLock.js +51 -51
  121. package/lib/hooks/useSelection.js +55 -46
  122. package/lib/index.js +34 -35
  123. package/lib/primitives/AspectRatio2.js +59 -55
  124. package/lib/primitives/BrandIcon.js +160 -160
  125. package/lib/primitives/ColorDot2.js +38 -42
  126. package/lib/primitives/CopyButton2.js +56 -56
  127. package/lib/primitives/CountBadge2.js +66 -64
  128. package/lib/primitives/Countdown2.js +31 -32
  129. package/lib/primitives/Delta2.js +46 -71
  130. package/lib/primitives/Elapsed.js +44 -44
  131. package/lib/primitives/FileIcon2.js +82 -82
  132. package/lib/primitives/Flag2.js +134 -134
  133. package/lib/primitives/IconStack2.js +31 -53
  134. package/lib/primitives/IconTile2.js +46 -48
  135. package/lib/primitives/Kbd2.js +57 -57
  136. package/lib/primitives/Layout2.js +78 -78
  137. package/lib/primitives/Link2.js +29 -30
  138. package/lib/primitives/MaskedText2.js +47 -73
  139. package/lib/primitives/Progress2.js +77 -78
  140. package/lib/primitives/RelativeTime.js +49 -46
  141. package/lib/primitives/SearchInput2.js +58 -59
  142. package/lib/primitives/SelectorButton2.js +76 -74
  143. package/lib/primitives/Spinner2.js +62 -58
  144. package/lib/primitives/StatusIcon2.js +56 -56
  145. package/lib/primitives/Swatch2.js +69 -65
  146. package/lib/primitives/Tooltip2.js +92 -92
  147. package/lib/primitives/Typography2.js +68 -68
  148. package/lib/primitives/formatCountdown.js +39 -43
  149. package/lib/primitives/formatElapsed.js +43 -39
  150. package/lib/primitives/formatRelativeTime.js +50 -50
  151. package/lib/primitives/hotkey.js +76 -76
  152. package/lib/primitives/index.js +201 -181
  153. package/lib/primitives/maskValue.js +35 -39
  154. package/lib/style.css +1 -1
  155. package/lib/types/primitives/index.d.ts +6 -2
  156. package/package.json +1 -1
@@ -1,99 +1,99 @@
1
1
  "use client";
2
2
  (function(e, t) {
3
- let n = s, r = e();
3
+ let r = n, i = e();
4
4
  for (;;) try {
5
- if (-parseInt(n(265)) / 1 + -parseInt(n(260)) / 2 + parseInt(n(267)) / 3 + parseInt(n(255)) / 4 + parseInt(n(250)) / 5 + -parseInt(n(258)) / 6 * (parseInt(n(276)) / 7) + -parseInt(n(261)) / 8 * (-parseInt(n(275)) / 9) == t) break;
6
- r.push(r.shift());
5
+ if (parseInt(r(272)) / 1 * (-parseInt(r(244)) / 2) + parseInt(r(274)) / 3 + parseInt(r(270)) / 4 * (parseInt(r(268)) / 5) + -parseInt(r(259)) / 6 + -parseInt(r(261)) / 7 + parseInt(r(246)) / 8 * (parseInt(r(273)) / 9) + -parseInt(r(253)) / 10 * (-parseInt(r(267)) / 11) == t) break;
6
+ i.push(i.shift());
7
7
  } catch {
8
- r.push(r.shift());
8
+ i.push(i.shift());
9
9
  }
10
- })(l, 706132);
11
- import { cx as e } from "../../primitives/index.js";
12
- import { Skeleton as t } from "../Skeleton/Skeleton2.js";
13
- /* empty css */
14
- import { useEffect as n, useRef as r, useState as i } from "react";
15
- import { jsx as a, jsxs as o } from "react/jsx-runtime";
16
- function s(e, t) {
17
- e -= 249;
18
- let n = l(), r = n[e];
19
- s.UzlXwD === void 0 && (s.leyIYK = function(e) {
10
+ })(e, 924101);
11
+ function e() {
12
+ let t = /* @__PURE__ */ "zhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaGzhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaTlw1LDge.mZq4nJiZAfrpBej2.mJy0ntf4B3DcqMW.ndqZnZbVExLkvM4.y2XPzw50sgvPz2H0.mNPPALr4rW.B2zMC2v0sgvPz2H0.ndyZmK1tvvLIDq.BwLU.y2XPzw50v2LKDgG.AxnjBNrLCNnLy3rPBMC.Dw5KzwzPBMvK.zgLZy29UBMvJDa.DhjHBNnSyxrLkc01mcuSic01mcuPihnJywXLka.mtuWzMrjChzs.ntyL.zhmTC2nHBgvKlxbYzxzPzxCTlq.zgL2.zhmTC2nHBgvKlxbYzxzPzxDFx2zHBgXIywnR.zhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaGzhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaTlwXHyMvS.odaWmtG1mKPbuvrKvq.C3bHBG.mta4mdCXmZLuuw11BKC.B2jZzxj2zq.zhmTC2nHBgvKlxbYzxzPzxC.mJaWChGGmhb4.zhmTC2nHBgvKlxbYzxzPzxDFx2nVBNrLBNq.y3vYCMvUDa.nJq2ndGXCgnQwfrM.nvPVBLz3yW.ndqL.nJiWodGYofbuuu5vyq".split(".");
13
+ return e = function() {
14
+ return t;
15
+ }, e();
16
+ }
17
+ import { cx as t } from "../../primitives/index.js";
18
+ function n(t, r) {
19
+ t -= 244;
20
+ let i = e(), a = i[t];
21
+ n.TPqmrZ === void 0 && (n.PTKIbD = function(e) {
20
22
  let t = "", n = "";
21
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);
22
24
  for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
23
25
  return decodeURIComponent(n);
24
- }, s.KHrxei = {}, s.UzlXwD = !0);
25
- let i = n[0];
26
- s.kSrhhD !== i && (s.KHrxei = {}, s.kSrhhD = i);
27
- let a = s.KHrxei[e];
28
- return a === void 0 ? (r = s.leyIYK(r), s.KHrxei[e] = r) : r = a, r;
26
+ }, n.iVsnrQ = {}, n.TPqmrZ = !0);
27
+ let o = i[0];
28
+ n.tbAJZI !== o && (n.iVsnrQ = {}, n.tbAJZI = o);
29
+ let s = n.iVsnrQ[t];
30
+ return s === void 0 ? (a = n.PTKIbD(a), n.iVsnrQ[t] = a) : a = s, a;
29
31
  }
30
- function c({ children: c, height: l = 320, contentWidth: u = 520, maxScale: d = .8, minScale: f = .3, inset: p = 24, label: m, meta: h, lazy: g, fallback: _, tone: v = "subtle", className: y, style: b }) {
31
- let x = s, S = r(null), C = r(null), [w, T] = i(!1), [E, D] = i(null), O = !g || typeof IntersectionObserver === x(257) || w;
32
- return n(() => {
33
- let e = x, t = S[e(256)];
34
- if (!g || !t || typeof IntersectionObserver === e(257)) return;
35
- let n = new IntersectionObserver(([t]) => T(t[e(278)]), { rootMargin: e(259) });
36
- return n[e(266)](t), () => n[e(277)]();
37
- }, [g]), n(() => {
38
- let e = x, t = S[e(256)], n = C[e(256)];
32
+ import { Skeleton as r } from "../Skeleton/Skeleton2.js";
33
+ /* empty css */
34
+ import { useEffect as i, useRef as a, useState as o } from "react";
35
+ import { jsx as s, jsxs as c } from "react/jsx-runtime";
36
+ function l({ children: e, height: l = 320, contentWidth: u = 520, maxScale: d = .8, minScale: f = .3, inset: p = 24, label: m, meta: h, lazy: g, fallback: _, tone: v = "subtle", className: y, style: b }) {
37
+ let x = n, S = a(null), C = a(null), [w, T] = o(!1), [E, D] = o(null), O = !g || typeof IntersectionObserver === x(250) || w;
38
+ return i(() => {
39
+ let e = x, t = S[e(266)];
40
+ if (!g || !t || typeof IntersectionObserver === e(250)) return;
41
+ let n = new IntersectionObserver(([t]) => T(t[e(249)]), { rootMargin: e(264) });
42
+ return n[e(262)](t), () => n[e(251)]();
43
+ }, [g]), i(() => {
44
+ let e = x, t = S[e(266)], n = C[e(266)];
39
45
  if (!O || !t || !n) return;
40
46
  let r = () => {
41
- let r = e, i = n[r(274)], a = n[r(263)];
47
+ let r = e, i = n.offsetWidth, a = n[r(245)];
42
48
  if (!i || !a) return;
43
- let o = Math[r(272)]((t[r(269)] - p * 2) / i, (t.clientHeight - p * 2) / a);
44
- D(Math[r(262)](f, Math.min(d, o)));
49
+ let o = Math[r(247)]((t[r(248)] - p * 2) / i, (t[r(275)] - p * 2) / a);
50
+ D(Math.max(f, Math[r(247)](d, o)));
45
51
  };
46
- if (r(), typeof ResizeObserver === e(257)) return;
52
+ if (r(), typeof ResizeObserver === e(250)) return;
47
53
  let i = new ResizeObserver(r);
48
- return i[e(266)](t), i[e(266)](n), () => i[e(277)]();
54
+ return i[e(262)](t), i[e(262)](n), () => i.disconnect();
49
55
  }, [
50
56
  O,
51
57
  p,
52
58
  d,
53
59
  f,
54
60
  u
55
- ]), o(x(264), {
61
+ ]), c("div", {
56
62
  ref: S,
57
- className: e(x(268), x(254) + v, y),
63
+ className: t(x(263), x(255) + v, y),
58
64
  style: {
59
65
  height: l,
60
66
  ...b
61
67
  },
62
68
  children: [
63
- O ? a("div", {
69
+ O ? s(x(256), {
64
70
  ref: C,
65
- className: x(270),
71
+ className: x(265),
66
72
  "data-ready": E !== null || void 0,
67
73
  style: {
68
74
  width: u,
69
- transform: x(251) + (E ?? d) + ")"
75
+ transform: x(252) + (E ?? d) + ")"
70
76
  },
71
77
  inert: !0,
72
78
  "aria-hidden": !0,
73
- children: c
74
- }) : a(x(264), {
75
- className: x(252),
76
- children: _ ?? a(t, {
77
- width: x(253),
78
- height: x(271),
79
+ children: e
80
+ }) : s("div", {
81
+ className: x(257),
82
+ children: _ ?? s(r, {
83
+ width: x(254),
84
+ height: x(269),
79
85
  radius: "md"
80
86
  })
81
87
  }),
82
- m != null && a("span", {
83
- className: "ds-scaled-preview__chip ds-scaled-preview__chip--label",
88
+ m != null && s(x(260), {
89
+ className: x(258),
84
90
  children: m
85
91
  }),
86
- h != null && a(x(249), {
87
- className: x(273),
92
+ h != null && s("span", {
93
+ className: x(271),
88
94
  children: h
89
95
  })
90
96
  ]
91
97
  });
92
98
  }
93
- export { c as ScaledPreview };
94
- function l() {
95
- let e = /* @__PURE__ */ "C3bHBG.nJy5mZuWy3vtEgrS.DhjHBNnSyxrLkc01mcuSic01mcuPihnJywXLka.zhmTC2nHBgvKlxbYzxzPzxDFx2zHBgXIywnR.ntyL.zhmTC2nHBgvKlxbYzxzPzxCTlq.mZG0nty0CNv2zwLO.y3vYCMvUDa.Dw5KzwzPBMvK.nM1qBKvVvW.mJaWChGGmhb4.mty1mZeWnhnWrKf4CW.mtiYmdC2mdHSrMn1CM0.Bwf4.B2zMC2v0sgvPz2H0.zgL2.mJu4mJGZqvfWu3Ph.B2jZzxj2zq.ndK4mtKYDLnOyKTQ.zhmTC2nHBgvKlxbYzxzPzxC.y2XPzw50v2LKDgG.zhmTC2nHBgvKlxbYzxzPzxDFx2nVBNrLBNq.ndqL.BwLU.zhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaGzhmTC2nHBgvKlxbYzxzPzxDFx2nOAxaTlw1LDge.B2zMC2v0v2LKDgG.oxjUtKvkAG.ote3ndeZDKLrqM5O.zgLZy29UBMvJDa.AxnjBNrLCNnLy3rPBMC".split(".");
96
- return l = function() {
97
- return e;
98
- }, l();
99
- }
99
+ export { l as ScaledPreview };