@iamfiro/design 0.3.1 → 0.3.4

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