@iamfiro/design 0.3.2 → 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 (163) hide show
  1. package/agents/INDEX.md +1 -1
  2. package/agents/app-shell/AGENTS.md +99 -1
  3. package/agents/brand-icon/AGENTS.md +1 -1
  4. package/agents/social-login-button/AGENTS.md +4 -3
  5. package/lib/components/Accordion/Accordion2.js +74 -74
  6. package/lib/components/ActionBar/ActionBar2.js +44 -42
  7. package/lib/components/Alert/Alert2.js +67 -67
  8. package/lib/components/AppShell/AppShell2.js +72 -66
  9. package/lib/components/AreaChart/AreaChart.js +45 -45
  10. package/lib/components/BarChart/BarChart2.js +128 -128
  11. package/lib/components/BarList/BarList2.js +105 -105
  12. package/lib/components/Breadcrumb/Breadcrumb2.js +63 -64
  13. package/lib/components/Calendar/Calendar2.js +197 -197
  14. package/lib/components/Calendar/DatePicker2.js +100 -100
  15. package/lib/components/Calendar/date.js +47 -70
  16. package/lib/components/Card/Card2.js +101 -74
  17. package/lib/components/CardFrame/CardFrame2.js +52 -56
  18. package/lib/components/Chart/ChartParts.js +88 -88
  19. package/lib/components/Chart/chart2.js +63 -63
  20. package/lib/components/Chart/useChartInteraction.js +43 -43
  21. package/lib/components/ChatBubble/ChatBubble2.js +111 -111
  22. package/lib/components/ChatBubble/formatChatTime.js +38 -43
  23. package/lib/components/ChatComposer/ChatComposer2.js +96 -96
  24. package/lib/components/CodeBlock/CodeBlock2.js +65 -65
  25. package/lib/components/CodeBlock/highlight.js +84 -84
  26. package/lib/components/ColorPicker/ColorPicker2.js +263 -263
  27. package/lib/components/ColorPicker/color.js +92 -92
  28. package/lib/components/ColorPicker/presets.js +35 -39
  29. package/lib/components/Combobox/Combobox2.js +134 -134
  30. package/lib/components/CommandMenu/CommandMenu.js +130 -131
  31. package/lib/components/Comment/Comment2.js +64 -63
  32. package/lib/components/ContextMenu/ContextMenu2.js +84 -84
  33. package/lib/components/DataGrid/DataGrid2.js +1182 -1180
  34. package/lib/components/DataGrid/GridPopover.js +84 -84
  35. package/lib/components/DataGrid/anchor.js +29 -28
  36. package/lib/components/DataGrid/model.js +308 -307
  37. package/lib/components/DataGrid/panels.js +398 -399
  38. package/lib/components/DataGrid/typeMeta.js +41 -40
  39. package/lib/components/DataGrid/types.js +39 -40
  40. package/lib/components/DescriptionList/DescriptionList2.js +105 -105
  41. package/lib/components/Dialog/AlertDialog.js +90 -89
  42. package/lib/components/Dialog/Dialog2.js +71 -72
  43. package/lib/components/Dialog/modal.js +62 -60
  44. package/lib/components/Drawer/Drawer2.js +167 -166
  45. package/lib/components/DropdownMenu/DropdownMenu2.js +260 -258
  46. package/lib/components/DropdownMenu/menuCore.js +29 -28
  47. package/lib/components/Dropzone/Dropzone2.js +78 -77
  48. package/lib/components/EmptyState/EmptyState2.js +57 -57
  49. package/lib/components/FileChip/FileChip2.js +53 -77
  50. package/lib/components/FileUpload/FileUpload.js +168 -167
  51. package/lib/components/FilterChips/FilterChips2.js +60 -60
  52. package/lib/components/FunnelChart/FunnelChart2.js +174 -174
  53. package/lib/components/FunnelChart/funnel.js +44 -42
  54. package/lib/components/Highlight/Highlight2.js +55 -55
  55. package/lib/components/HoverCard/HoverCard.js +71 -96
  56. package/lib/components/InlineDiff/InlineDiff2.js +128 -129
  57. package/lib/components/InlineDiff/diff.js +79 -79
  58. package/lib/components/InlineDiff/useDiffReview.js +61 -62
  59. package/lib/components/Kanban/Kanban2.js +387 -389
  60. package/lib/components/Kanban/KanbanCard.js +84 -84
  61. package/lib/components/Kanban/move.js +32 -25
  62. package/lib/components/LineChart/LineChart2.js +228 -228
  63. package/lib/components/List/List2.js +62 -62
  64. package/lib/components/Listbox/Listbox2.js +92 -92
  65. package/lib/components/Marker/Marker2.js +50 -56
  66. package/lib/components/Menubar/Menubar2.js +117 -116
  67. package/lib/components/MultiSelect/MultiSelect2.js +111 -111
  68. package/lib/components/NavigationMenu/NavigationMenu2.js +231 -231
  69. package/lib/components/NoticeStack/NoticeStack2.js +99 -99
  70. package/lib/components/NumberStepper/NumberStepper2.js +60 -60
  71. package/lib/components/OtpInput/OtpInput2.js +90 -89
  72. package/lib/components/Pagination/Pagination2.js +105 -105
  73. package/lib/components/Pagination/paginationRange.js +37 -37
  74. package/lib/components/PhoneInput/PhoneInput.js +75 -76
  75. package/lib/components/PieChart/PieChart2.js +166 -166
  76. package/lib/components/PieChart/arc.js +71 -69
  77. package/lib/components/PieChart/useArcTween.js +60 -62
  78. package/lib/components/Popover/Popover2.js +85 -86
  79. package/lib/components/ProgressTracker/ProgressTracker2.js +134 -134
  80. package/lib/components/Rating/Rating2.js +90 -89
  81. package/lib/components/Resizable/Resizable2.js +128 -129
  82. package/lib/components/Resizable/layout.js +51 -51
  83. package/lib/components/ScaledPreview/ScaledPreview2.js +49 -48
  84. package/lib/components/ScatterChart/ScatterChart2.js +214 -213
  85. package/lib/components/ScatterChart/scatter.js +49 -52
  86. package/lib/components/ScrollArea/ScrollArea2.js +115 -117
  87. package/lib/components/Select/Select2.js +82 -82
  88. package/lib/components/Sidebar/Sidebar2.js +91 -85
  89. package/lib/components/Sidebar/rail.js +43 -0
  90. package/lib/components/Skeleton/Skeleton2.js +63 -64
  91. package/lib/components/Slider/Slider2.js +65 -66
  92. package/lib/components/SocialLoginButton/SocialLoginButton.js +76 -69
  93. package/lib/components/SparkChart/SparkChart2.js +126 -127
  94. package/lib/components/SparkChart/spark.js +66 -42
  95. package/lib/components/Sparkbar/Sparkbar2.js +60 -60
  96. package/lib/components/SplitView/SplitView2.js +51 -51
  97. package/lib/components/Stat/Stat2.js +79 -79
  98. package/lib/components/StepList/StepList2.js +75 -75
  99. package/lib/components/Table/Table2.js +71 -71
  100. package/lib/components/Tabs/Tabs2.js +74 -74
  101. package/lib/components/TagInput/TagInput2.js +223 -221
  102. package/lib/components/TimePicker/TimePicker2.js +197 -195
  103. package/lib/components/TimePicker/time.js +59 -56
  104. package/lib/components/Timeline/Timeline2.js +195 -195
  105. package/lib/components/Timeline/scale.js +64 -66
  106. package/lib/components/Toast/Toaster.js +139 -139
  107. package/lib/components/Toast/store.js +72 -76
  108. package/lib/components/ToggleGroup/ToggleGroup2.js +79 -79
  109. package/lib/components/Toolbar/Toolbar2.js +165 -164
  110. package/lib/components/Tracker/Tracker2.js +72 -72
  111. package/lib/components/TreeDiagram/TreeDiagram2.js +96 -97
  112. package/lib/components/TreeView/TreeView2.js +152 -151
  113. package/lib/hooks/timing.js +34 -36
  114. package/lib/hooks/useControllableState.js +29 -30
  115. package/lib/hooks/useCountdown.js +51 -53
  116. package/lib/hooks/useDigitInput.js +81 -55
  117. package/lib/hooks/useDismiss.js +53 -56
  118. package/lib/hooks/useElapsed.js +48 -49
  119. package/lib/hooks/useFloating.js +36 -36
  120. package/lib/hooks/useFocusTrap.js +32 -32
  121. package/lib/hooks/usePresence.js +49 -49
  122. package/lib/hooks/usePressToOpen.js +40 -40
  123. package/lib/hooks/useScrollLock.js +50 -49
  124. package/lib/hooks/useSelection.js +42 -47
  125. package/lib/index.js +138 -139
  126. package/lib/primitives/AspectRatio2.js +58 -57
  127. package/lib/primitives/BrandIcon.js +210 -179
  128. package/lib/primitives/ColorDot2.js +42 -41
  129. package/lib/primitives/CopyButton2.js +59 -58
  130. package/lib/primitives/CountBadge2.js +58 -63
  131. package/lib/primitives/Countdown2.js +38 -37
  132. package/lib/primitives/Delta2.js +37 -37
  133. package/lib/primitives/Elapsed.js +42 -40
  134. package/lib/primitives/FileIcon2.js +102 -102
  135. package/lib/primitives/Flag2.js +124 -124
  136. package/lib/primitives/IconStack2.js +45 -23
  137. package/lib/primitives/IconTile2.js +45 -41
  138. package/lib/primitives/Kbd2.js +48 -48
  139. package/lib/primitives/Layout2.js +71 -71
  140. package/lib/primitives/Link2.js +40 -42
  141. package/lib/primitives/MaskedText2.js +50 -50
  142. package/lib/primitives/Progress2.js +78 -77
  143. package/lib/primitives/RelativeTime.js +55 -58
  144. package/lib/primitives/SearchInput2.js +72 -68
  145. package/lib/primitives/SelectorButton2.js +60 -61
  146. package/lib/primitives/Spinner2.js +48 -49
  147. package/lib/primitives/StatusIcon2.js +69 -69
  148. package/lib/primitives/Swatch2.js +65 -69
  149. package/lib/primitives/Tooltip2.js +92 -92
  150. package/lib/primitives/Typography2.js +37 -37
  151. package/lib/primitives/formatCountdown.js +38 -38
  152. package/lib/primitives/formatElapsed.js +43 -45
  153. package/lib/primitives/formatRelativeTime.js +54 -54
  154. package/lib/primitives/hotkey.js +77 -77
  155. package/lib/primitives/index.js +162 -161
  156. package/lib/primitives/maskValue.js +54 -51
  157. package/lib/style.css +1 -1
  158. package/lib/types/components/AppShell/AppShell.d.ts +9 -2
  159. package/lib/types/components/Sidebar/rail.d.ts +4 -0
  160. package/lib/types/components/SocialLoginButton/SocialLoginButton.d.ts +1 -1
  161. package/lib/types/components/index.d.ts +1 -0
  162. package/lib/types/primitives/BrandIcon.d.ts +1 -1
  163. package/package.json +1 -1
@@ -1,99 +1,100 @@
1
1
  "use client";
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;
2
9
  (function(e, t) {
3
10
  let r = n, i = e();
4
11
  for (;;) try {
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;
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;
6
13
  i.push(i.shift());
7
14
  } catch {
8
15
  i.push(i.shift());
9
16
  }
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";
17
+ })(e, 235322);
18
18
  function n(t, r) {
19
- t -= 244;
19
+ t -= 332;
20
20
  let i = e(), a = i[t];
21
- n.TPqmrZ === void 0 && (n.PTKIbD = function(e) {
21
+ n.nKPyNo === void 0 && (n.ojttAM = function(e) {
22
22
  let t = "", n = "";
23
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);
24
24
  for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
25
25
  return decodeURIComponent(n);
26
- }, n.iVsnrQ = {}, n.TPqmrZ = !0);
26
+ }, n.fatnlz = {}, n.nKPyNo = !0);
27
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;
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;
31
31
  }
32
- import { Skeleton as r } from "../Skeleton/Skeleton2.js";
32
+ import { cx as r } from "../../primitives/index.js";
33
+ import { Skeleton as i } from "../Skeleton/Skeleton2.js";
33
34
  /* 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)];
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)];
45
46
  if (!O || !t || !n) return;
46
47
  let r = () => {
47
- let r = e, i = n.offsetWidth, a = n[r(245)];
48
+ let r = e, i = n[r(363)], a = n[r(366)];
48
49
  if (!i || !a) return;
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)));
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)));
51
52
  };
52
- if (r(), typeof ResizeObserver === e(250)) return;
53
+ if (r(), typeof ResizeObserver === e(362)) return;
53
54
  let i = new ResizeObserver(r);
54
- return i[e(262)](t), i[e(262)](n), () => i.disconnect();
55
+ return i[e(361)](t), i[e(361)](n), () => i.disconnect();
55
56
  }, [
56
57
  O,
57
58
  p,
58
59
  d,
59
60
  f,
60
61
  u
61
- ]), c("div", {
62
+ ]), l("div", {
62
63
  ref: S,
63
- className: t(x(263), x(255) + v, y),
64
+ className: r(x(352), x(357) + v, y),
64
65
  style: {
65
- height: l,
66
+ height: n,
66
67
  ...b
67
68
  },
68
69
  children: [
69
- O ? s(x(256), {
70
+ O ? c(x(344), {
70
71
  ref: C,
71
- className: x(265),
72
+ className: x(339),
72
73
  "data-ready": E !== null || void 0,
73
74
  style: {
74
75
  width: u,
75
- transform: x(252) + (E ?? d) + ")"
76
+ transform: x(332) + (E ?? d) + ")"
76
77
  },
77
78
  inert: !0,
78
79
  "aria-hidden": !0,
79
80
  children: e
80
- }) : s("div", {
81
- className: x(257),
82
- children: _ ?? s(r, {
83
- width: x(254),
84
- height: x(269),
81
+ }) : c(x(344), {
82
+ className: x(349),
83
+ children: _ ?? c(i, {
84
+ width: "56%",
85
+ height: x(359),
85
86
  radius: "md"
86
87
  })
87
88
  }),
88
- m != null && s(x(260), {
89
- className: x(258),
89
+ m != null && c(x(342), {
90
+ className: x(346),
90
91
  children: m
91
92
  }),
92
- h != null && s("span", {
93
- className: x(271),
93
+ h != null && c(x(342), {
94
+ className: x(351),
94
95
  children: h
95
96
  })
96
97
  ]
97
98
  });
98
99
  }
99
- export { l as ScaledPreview };
100
+ export { u as ScaledPreview };