@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,245 +1,251 @@
1
1
  "use client";
2
- const e = d;
2
+ const e = s;
3
3
  (function(e, t) {
4
- let n = d, r = e();
4
+ let n = s, r = e();
5
5
  for (;;) try {
6
- if (parseInt(n(467)) / 1 + parseInt(n(479)) / 2 + parseInt(n(508)) / 3 * (parseInt(n(459)) / 4) + parseInt(n(428)) / 5 + -parseInt(n(502)) / 6 + parseInt(n(487)) / 7 + parseInt(n(475)) / 8 * (-parseInt(n(424)) / 9) == t) break;
6
+ if (-parseInt(n(532)) / 1 + -parseInt(n(520)) / 2 * (-parseInt(n(489)) / 3) + -parseInt(n(523)) / 4 + -parseInt(n(472)) / 5 * (-parseInt(n(519)) / 6) + parseInt(n(471)) / 7 + parseInt(n(565)) / 8 + -parseInt(n(574)) / 9 * (parseInt(n(525)) / 10) == t) break;
7
7
  r.push(r.shift());
8
8
  } catch {
9
9
  r.push(r.shift());
10
10
  }
11
- })(C, 732242);
11
+ })(b, 641370);
12
12
  import { Tooltip as t } from "../../primitives/Tooltip2.js";
13
13
  import { Text as n } from "../../primitives/Typography2.js";
14
14
  import { Inline as r, Stack as i } from "../../primitives/Layout2.js";
15
15
  import { Badge as a, cx as o } from "../../primitives/index.js";
16
- import { TimelineScaleContext as s, buildTicks as c, niceStep as l, useTimelineScale as u } from "./scale.js";
17
- /* empty css */
18
- function d(e, t) {
19
- e -= 407;
20
- let n = C(), r = n[e];
21
- d.stTMZs === void 0 && (d.gzNYyY = function(e) {
16
+ function s(e, t) {
17
+ e -= 468;
18
+ let n = b(), r = n[e];
19
+ s.cBUMey === void 0 && (s.cGtRvZ = function(e) {
22
20
  let t = "", n = "";
23
21
  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
22
  for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
25
23
  return decodeURIComponent(n);
26
- }, d.yEnwGN = {}, d.stTMZs = !0);
24
+ }, s.jEPbGv = {}, s.cBUMey = !0);
27
25
  let i = n[0];
28
- d.iNLKEZ !== i && (d.yEnwGN = {}, d.iNLKEZ = i);
29
- let a = d.yEnwGN[e];
30
- return a === void 0 ? (r = d.gzNYyY(r), d.yEnwGN[e] = r) : r = a, r;
26
+ s.oZOtoQ !== i && (s.jEPbGv = {}, s.oZOtoQ = i);
27
+ let a = s.jEPbGv[e];
28
+ return a === void 0 ? (r = s.cGtRvZ(r), s.jEPbGv[e] = r) : r = a, r;
31
29
  }
30
+ import { TimelineScaleContext as c, buildTicks as l, niceStep as u, useTimelineScale as d } from "./scale.js";
31
+ /* empty css */
32
32
  import { Children as f, isValidElement as p, useMemo as m } from "react";
33
33
  import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
34
34
  var v = {
35
35
  compact: 28,
36
36
  default: 36,
37
37
  comfortable: 56
38
- }, y = (t = e(417)) => "var(--ds-timeline-" + t + ")";
39
- function b(e) {
40
- let t = /* @__PURE__ */ new Map();
41
- return e.forEach((e, n) => {
42
- let r = d;
43
- p(e) && f[r(476)](e[r(512)][r(517)], (e) => {
44
- let i = r;
38
+ }, y = (t = e(547)) => e(524) + t + ")";
39
+ function b() {
40
+ let e = /* @__PURE__ */ "zhmTDgLTzwXPBMuTyMfYls0.zhmTDgLTzwXPBMuTyMfYx19JB250zw50.BMv1DhjHBa.C2v0.zhmTDgLTzwXPBMvFx2XLywrPBMC.zhmTDgLTzwXPBMuTyMfY.zhmTDgLTzwXPBMuTyMfYx19OAxq.zhmTDgLTzwXPBMuTyMfYx19ZBg90.zgfZAgvK.DMfYkc0TD2fYBMLUzYK.A2v5.zhmTDgLTzwXPBMuTyMfYx19Hy3rPB24.C3bHBG.zhmTDgLTzwXPBMvFx2fZAwrL.B3v0BgLUzq.DgvYDgLHCNK.BgfIzwWTC20.DMfYkc0Ty2HHCNqTncK.7zIe7j6Sia.CgvUzgLUzW.otuWmZK5mKHquMzgCW.iokaKYa.Aw1N.AxndB21WB3nPBMC.mcaWideWmca.Cgf0AcGN.zhmTDgLTzwXPBMvFx2nOAxa.Bwf4kdjWEcWGy2fSyYG.DMfSDwu.mtu1ntGZounsC0PVAa.zhmTDgLTzwXPBMuTyMfYx19SzwfKAw5N.zhmTDgLTzwXPBMvFx3jVDW.z3jVDxa.BgLUzq.nZe4mdC3nxzJsxzzza.mZu1zhDVvurg.C3rYAw5N.CM93.zhmTDgLTzwXPBMvFx3rPy2S.zhmTDgLTzwXPBMvFx2XPBMTZ.Dhj1zq.BwfW.BgfIzwW.ChjVChm.zhmTDgLTzwXPBMvFx2jHBMq.AM9PBG.zhmTDgLTzwXPBMvFx2XHEwvYigrZlxrPBwvSAw5Lx19SyxLLCI0TzNjVBNq.7kEe7zAjioYKKq.iemG.zhmTDgLTzwXPBMuTyMfYx19MAwXS.zhmTDgLTzwXPBMvFx2HLywq.ywnJzw50.mJa3mJm2mvHcAhjbwa.BNvTyMvY.zgL2.y2HPBgrYzw4.zMLSDgvY.yNv0Dg9U.zhmTDgLTzwXPBMuTyMfYx190zxH0.C3zN.BgfIzwXtAwrL.Bwf4.Cgn0.zhmTDgLTzwXPBMvFx25VDY1JAgLW.ChjLDMvUDerLzMf1Bhq.zhmTDgLTzwXPBMuTlwnOAxbZ.Dg9Uzq.Dg9gAxHLza.yMfUza.Cgf0Aa.BgLZDa.zw5K.zhmTDgLTzwXPBMuTyMfYx19VDMvY.DMfYkc0TywnJzw50lxrLEhqP.C3rHCNq.BMf0AxzLrxzLBNq.y2fSyYH2yxiOls1ZncKGkIa.BwLU.DMfYkc0TC3vJy2vZCYK.DgfYz2v0.DMfYkc0TzgfUz2vYkq.BgvUz3rO.mta2odCYvuHhyKHw.mNvrD1nYBG.rw50zxi.jsaTidjWEcKP.mZy1nJu3mNPvvu5dAa.DMfYkc0TzhmTDgLTzwXPBMuT.mteWyxfUBNfm.BM9UlxnJywXPBMCTC3rYB2TL.zhmTDgLTzwXPBMvFx3jVD3m.zhmTDgLTzwXPBMvFx2XHyMvSlxrLEhq.zM9YrwfJAa.zhmTDgLTzwXPBMvFx2XHEwvYigrZlxrPBwvSAw5Lx19SyxLLCI0TyMfJAW.zhmTDgLTzwXPBMuTyMfYls1JB250zw50.nZeYmty5qwDbCg9l.zhmTDgLTzwXPBMuTyMfYx19ZzwDTzw50.BgfIzwWTBwq.zNjVBq.y2vUDgvY.uhjVDMLKzxi.zMXHDe1HCa.y2fWDgLVBG.zhmTDgLTzwXPBMvFx3nY.D2fYBMLUzW.zhmTDgLTzwXPBMvFx25VDW.zhmTDgLTzwXPBMvFx2XHyMvS.zhmTDgLTzwXPBMvFx2XPBMS".split(".");
41
+ return b = function() {
42
+ return e;
43
+ }, b();
44
+ }
45
+ function x(t) {
46
+ let n = e, r = /* @__PURE__ */ new Map();
47
+ return t[n(529)]((e, t) => {
48
+ let i = n;
49
+ p(e) && f[i(529)](e[i(480)][i(492)], (e) => {
50
+ let n = i;
45
51
  if (!p(e)) return;
46
- let { id: a, start: o, end: s } = e[i(512)];
47
- typeof a == "string" && typeof o === i(439) && typeof s === i(439) && t[i(462)](a, {
48
- start: Math[i(466)](o, s),
49
- end: Math[i(446)](o, s),
50
- row: n
52
+ let { id: a, start: o, end: s } = e.props;
53
+ typeof a === n(473) && typeof o == "number" && typeof s === n(490) && r[n(548)](a, {
54
+ start: Math.min(o, s),
55
+ end: Math[n(498)](o, s),
56
+ row: t
51
57
  });
52
58
  });
53
- }), t;
59
+ }), r;
54
60
  }
55
- function x({ min: t = 0, max: r, step: i, ticks: u, formatTick: d = String, grid: p = !0, now: h, nowLabel: x, nowLine: S = !0, markers: C = [], links: w, labelWidth: T = 160, labelHeader: E, aside: D, density: O = e(431), rowHeight: k, "aria-label": A, className: j, style: M, children: N }) {
61
+ function S({ min: t = 0, max: r, step: i, ticks: s, formatTick: d = String, grid: p = !0, now: h, nowLabel: b, nowLine: S = !0, markers: C = [], links: w, labelWidth: T = 160, labelHeader: E, aside: D, density: O = "default", rowHeight: k, "aria-label": A, className: j, style: M, children: N }) {
56
62
  let P = e, F = r - t, I = m(() => ({
57
63
  min: t,
58
64
  max: r,
59
- pct: (e) => F > 0 ? Math[P(446)](0, Math.min(100, (e - t) / F * 100)) : 0,
65
+ pct: (e) => F > 0 ? Math[P(498)](0, Math[P(514)](100, (e - t) / F * 100)) : 0,
60
66
  formatValue: d
61
67
  }), [
62
68
  t,
63
69
  r,
64
70
  F,
65
71
  d
66
- ]), L = m(() => u ?? c(t, r, i ?? l(F, 6)), [
67
- u,
72
+ ]), L = m(() => s ?? l(t, r, i ?? u(F, 6)), [
73
+ s,
68
74
  t,
69
75
  r,
70
76
  i,
71
77
  F
72
- ]), R = C.some((e) => e[P(498)] != null), z = k ?? v[O], B = h !== void 0 && x != null, V = h === void 0 ? 0 : I[P(457)](h), H = w?.[P(409)] ? f.toArray(N) : [], U = H[P(409)] * z, W = H.length ? b(H) : null, G = (e) => Number(e[P(412)](3)), K = (w ?? [])[P(493)]((e) => {
73
- let t = P, n = W?.[t(410)](e[t(507)]), r = W?.[t(410)](e.to);
78
+ ]), R = C.some((e) => e.label != null), z = k ?? v[O], B = h !== void 0 && b != null, V = h === void 0 ? 0 : I[P(499)](h), H = w?.[P(518)] ? f.toArray(N) : [], U = H[P(518)] * z, W = H[P(518)] ? x(H) : null, G = (e) => Number(e[P(504)](3)), K = (w ?? [])[P(538)]((e) => {
79
+ let t = P, n = W?.get(e.from), r = W?.get(e.to);
74
80
  if (!n || !r) return [];
75
- let i = I.pct(n.end), a = I.pct(r.start), o = n.row * z + z / 2, s = r.row * z + z / 2, c = Math[t(446)](1.5, (a - i) / 2), l = "M " + G(i) + " " + G(o) + t(461) + G(i + c) + " " + G(o) + ", " + G(a - c) + " " + G(s) + ", " + G(a) + " " + G(s), u = e[t(460)] ?? t(484);
81
+ let i = I[t(499)](n.end), a = I.pct(r[t(511)]), o = n[t(474)] * z + z / 2, s = r.row * z + z / 2, c = Math[t(498)](1.5, (a - i) / 2), l = "M " + G(i) + " " + G(o) + t(485) + G(i + c) + " " + G(o) + ", " + G(a - c) + " " + G(s) + ", " + G(a) + " " + G(s), u = e[t(503)] ?? "accent";
76
82
  return [{
77
- key: e[t(507)] + "→" + e.to,
83
+ key: e[t(535)] + "→" + e.to,
78
84
  tone: u,
79
85
  d: l
80
86
  }];
81
87
  });
82
- return g(s[P(449)], {
88
+ return g(c[P(537)], {
83
89
  value: I,
84
- children: _(P(451), {
85
- role: P(505),
90
+ children: _(P(491), {
91
+ role: P(469),
86
92
  "aria-label": A,
87
- className: o("ds-timeline", "ds-timeline--" + O, T === 0 && P(437), R && P(472), j),
93
+ className: o("ds-timeline", "ds-timeline--" + O, T === 0 && "ds-timeline--bare", R && P(502), j),
88
94
  style: {
89
95
  "--_label": T + "px",
90
96
  "--_row": z + "px",
91
97
  ...M
92
98
  },
93
99
  children: [
94
- _(P(451), {
95
- className: P(440),
100
+ _(P(491), {
101
+ className: P(530),
96
102
  "aria-hidden": !0,
97
103
  children: [
98
- p && L.map((e) => g("span", {
99
- className: P(452),
100
- style: { left: I[P(457)](e) + "%" }
104
+ p && L[P(478)]((e) => g(P(557), {
105
+ className: "ds-timeline__gridline",
106
+ style: { left: I[P(499)](e) + "%" }
101
107
  }, e)),
102
- C[P(454)]((e, t) => e[P(486)] !== void 0 && g(P(506), {
103
- className: P(497),
108
+ C[P(478)]((e, t) => e.band !== void 0 && g("span", {
109
+ className: P(481),
104
110
  style: {
105
- left: I.pct(Math[P(466)](e[P(453)], e.band)) + "%",
106
- width: I[P(457)](Math[P(446)](e[P(453)], e[P(486)])) - I[P(457)](Math[P(466)](e[P(453)], e[P(486)])) + "%",
107
- "--_c": y(e[P(460)])
111
+ left: I[P(499)](Math[P(514)](e[P(573)], e[P(505)])) + "%",
112
+ width: I.pct(Math[P(498)](e.value, e.band)) - I[P(499)](Math.min(e.value, e[P(505)])) + "%",
113
+ "--_c": y(e[P(503)])
108
114
  }
109
115
  }, t)),
110
- K[P(409)] > 0 && g(P(464), {
111
- className: P(480),
112
- viewBox: P(514) + U,
113
- preserveAspectRatio: P(519),
116
+ K[P(518)] > 0 && g(P(496), {
117
+ className: P(476),
118
+ viewBox: P(569) + U,
119
+ preserveAspectRatio: "none",
114
120
  style: { height: U },
115
- children: K[P(454)]((e) => g(P(432), {
116
- className: P(430),
121
+ children: K.map((e) => g(P(506), {
122
+ className: P(544),
117
123
  d: e.d,
118
- vectorEffect: P(509),
124
+ vectorEffect: P(526),
119
125
  style: {
120
- d: "path('" + e.d + "')",
121
- "--_c": y(e[P(460)])
126
+ d: P(570) + e.d + "')",
127
+ "--_c": y(e[P(503)])
122
128
  }
123
- }, e[P(419)]))
129
+ }, e[P(555)]))
124
130
  })
125
131
  ]
126
132
  }),
127
- _(P(451), {
128
- className: P(520),
133
+ _("div", {
134
+ className: P(487),
129
135
  "aria-hidden": !0,
130
- children: [g(P(451), {
131
- className: P(456),
136
+ children: [g(P(491), {
137
+ className: "ds-timeline__corner",
132
138
  children: E != null && g(n, {
133
- variant: P(435),
134
- tone: P(468),
139
+ variant: P(539),
140
+ tone: P(560),
135
141
  truncate: !0,
136
142
  children: E
137
143
  })
138
- }), _(P(451), {
139
- className: P(427),
140
- children: [L[P(454)]((e) => B && e === h ? null : g(P(506), {
141
- className: P(455),
142
- "data-edge": e <= t ? P(522) : e >= r ? "end" : void 0,
143
- style: { left: I[P(457)](e) + "%" },
144
+ }), _(P(491), {
145
+ className: "ds-timeline__ruler",
146
+ children: [L.map((e) => B && e === h ? null : g(P(557), {
147
+ className: P(475),
148
+ "data-edge": e <= t ? P(511) : e >= r ? P(508) : void 0,
149
+ style: { left: I[P(499)](e) + "%" },
144
150
  children: d(e)
145
- }, e)), B && g(P(506), {
146
- className: P(423),
147
- "data-edge": V >= 96 ? P(481) : V <= 4 ? "start" : void 0,
151
+ }, e)), B && g(P(557), {
152
+ className: P(500),
153
+ "data-edge": V >= 96 ? "end" : V <= 4 ? P(511) : void 0,
148
154
  style: { left: V + "%" },
149
155
  children: g(a, {
150
- tone: P(484),
156
+ tone: P(488),
151
157
  size: "sm",
152
- children: x
158
+ children: b
153
159
  })
154
160
  })]
155
161
  })]
156
162
  }),
157
- D != null && g(P(451), {
158
- className: P(442),
163
+ D != null && g(P(491), {
164
+ className: P(558),
159
165
  children: D
160
166
  }),
161
167
  g("div", {
162
- className: P(438),
163
- role: P(521),
168
+ className: P(527),
169
+ role: P(507),
164
170
  children: N
165
171
  }),
166
- _("div", {
167
- className: "ds-timeline__layer ds-timeline__layer--front",
172
+ _(P(491), {
173
+ className: P(483),
168
174
  "aria-hidden": !0,
169
- children: [C[P(454)]((e, t) => g("span", {
170
- className: P(469),
171
- "data-line": e[P(485)] ?? P(416),
175
+ children: [C[P(478)]((e, t) => g("span", {
176
+ className: "ds-timeline__marker",
177
+ "data-line": e[P(470)] ?? P(553),
172
178
  style: {
173
- left: I[P(457)](e[P(453)]) + "%",
174
- "--_c": y(e[P(460)])
179
+ left: I[P(499)](e.value) + "%",
180
+ "--_c": y(e[P(503)])
175
181
  },
176
- children: e.label != null && g(P(506), {
177
- className: "ds-timeline__chip",
178
- "data-side": e[P(492)] ?? P(434),
182
+ children: e.label != null && g(P(557), {
183
+ className: P(571),
184
+ "data-side": e[P(497)] ?? P(536),
179
185
  children: g(a, {
180
- tone: e[P(460)] ?? P(417),
186
+ tone: e[P(503)] ?? P(547),
181
187
  square: !0,
182
- children: e[P(498)]
188
+ children: e[P(479)]
183
189
  })
184
190
  })
185
- }, t)), h !== void 0 && S && g(P(506), {
186
- className: P(474),
191
+ }, t)), h !== void 0 && S && g("span", {
192
+ className: P(542),
187
193
  "data-chip": B || void 0,
188
194
  style: { left: V + "%" }
189
195
  })]
190
196
  }),
191
- (h !== void 0 || R) && _(P(506), {
192
- className: P(496),
193
- children: [h !== void 0 && P(436) + d(h) + ". ", C[P(488)]((e) => typeof e[P(498)] === P(448))[P(454)]((e) => e[P(498)] + ".")[P(407)](" ")]
197
+ (h !== void 0 || R) && _(P(557), {
198
+ className: P(540),
199
+ children: [h !== void 0 && P(563) + d(h) + ". ", C[P(493)]((e) => typeof e[P(479)] === P(473))[P(478)]((e) => e[P(479)] + ".").join(" ")]
194
200
  })
195
201
  ]
196
202
  })
197
203
  });
198
204
  }
199
- function S({ label: t, leading: s, description: c, badge: l, count: u, depth: d = 0, faded: f, selected: p, onSelect: m, children: h, className: v, style: y }) {
200
- let b = e, x = s != null || c != null || l != null || u != null, S = typeof t === b(448) || typeof t === b(439) ? g(n, {
201
- variant: b(x ? 458 : 420),
202
- tone: f ? b(468) : "default",
205
+ function C({ label: t, leading: s, description: c, badge: l, count: u, depth: d = 0, faded: f, selected: p, onSelect: m, children: h, className: v, style: y }) {
206
+ let b = e, x = s != null || c != null || l != null || u != null, S = typeof t === b(473) || typeof t == "number" ? g(n, {
207
+ variant: b(x ? 534 : 561),
208
+ tone: f ? b(560) : "default",
203
209
  truncate: !0,
204
- className: b(511),
210
+ className: "ds-timeline__name",
205
211
  children: t
206
212
  }) : t, C = m ? (e) => {
207
213
  let t = b;
208
- e[t(445)] !== e[t(422)] || e[t(450)].isComposing || (e[t(419)] === "Enter" || e.key === " ") && (e[t(418)](), m());
214
+ e[t(516)] !== e.currentTarget || e[t(512)][t(568)] || (e[t(555)] === t(521) || e[t(555)] === " ") && (e[t(501)](), m());
209
215
  } : void 0;
210
- return _(b(451), {
211
- role: b(499),
212
- className: o(b(515), v),
216
+ return _(b(491), {
217
+ role: "listitem",
218
+ className: o(b(468), v),
213
219
  "data-faded": f || void 0,
214
220
  "data-selected": p || void 0,
215
221
  "data-selectable": m || p !== void 0 ? !0 : void 0,
216
222
  tabIndex: m ? 0 : void 0,
217
- "aria-current": p ? "true" : void 0,
223
+ "aria-current": p ? b(477) : void 0,
218
224
  onClick: m,
219
225
  onKeyDown: C,
220
226
  style: y,
221
- children: [g("div", {
222
- className: b(429),
223
- style: d ? { paddingInlineStart: b(518) + d + ")" } : void 0,
227
+ children: [g(b(491), {
228
+ className: b(543),
229
+ style: d ? { paddingInlineStart: b(513) + d + ")" } : void 0,
224
230
  children: x ? _(r, {
225
231
  gap: 3,
226
232
  wrap: !1,
227
- className: b(426),
233
+ className: "ds-timeline__label-body",
228
234
  children: [
229
- s != null && g(b(506), {
230
- className: b(447),
235
+ s != null && g("span", {
236
+ className: b(549),
231
237
  children: s
232
238
  }),
233
239
  _(i, {
234
240
  gap: 0,
235
- className: b(482),
241
+ className: b(528),
236
242
  children: [_(r, {
237
243
  gap: 2,
238
244
  wrap: !1,
239
245
  children: [S, l]
240
246
  }), c != null && g(n, {
241
- variant: b(435),
242
- tone: b(468),
247
+ variant: b(539),
248
+ tone: b(560),
243
249
  truncate: !0,
244
250
  children: c
245
251
  })]
@@ -247,42 +253,36 @@ function S({ label: t, leading: s, description: c, badge: l, count: u, depth: d
247
253
  u != null && g(a, {
248
254
  size: "sm",
249
255
  square: !0,
250
- className: b(495),
251
- children: typeof u == "number" ? "+" + u : u
256
+ className: "ds-timeline__count",
257
+ children: typeof u === b(490) ? "+" + u : u
252
258
  })
253
259
  ]
254
260
  }) : S
255
- }), g(b(451), {
256
- className: b(415),
261
+ }), g(b(491), {
262
+ className: "ds-timeline__track",
257
263
  children: h
258
264
  })]
259
265
  });
260
266
  }
261
- function C() {
262
- let e = /* @__PURE__ */ "zhmTDgLTzwXPBMuTyMfYx19OAxq.zhmTDgLTzwXPBMuTlwnOAxbZ.zhmTDgLTzwXPBMuTyMfY.zhmTDgLTzwXPBMvFx25VDW.ndbxqwLlzxe.zM9YrwfJAa.zhmTDgLTzwXPBMuTyMfYx19ZzwDTzw50CW.DMfYkc0TywnJzw50lxrLEhqP.mJeZmJu4ne5vvM5eDW.zhmTDgLTzwXPBMvFx2XPBMTZ.zw5K.zhmTDgLTzwXPBMvFx2XHyMvSlxrLEhq.zhmTDgLTzwXPBMuTyMfYx19VDMvY.ywnJzw50.BgLUzq.yMfUza.nZqYmtiWnhfIAxnIAG.zMLSDgvY.zhmTDgLTzwXPBMuTyMfYx19JB250zw50.yNv0Dg9U.zhmTDgLTzwXPBMuTyMfYx190zxH0.BgfIzwXtAwrL.zMXHDe1HCa.zMLSBa.zhmTDgLTzwXPBMvFx2nVDw50.zhmTDgLTzwXPBMvFx3nY.zhmTDgLTzwXPBMvFx2jHBMq.BgfIzwW.BgLZDgL0zw0.zhmTDgLTzwXPBMuTyMfYls0.zhmTDgLTzwXPBMuTyMfYls1ZzwDTzw50zwq.nZiYntK4mfbXB2jgqG.DMfYkc0Ty2HHCNqTncK.iokaKYa.z3jVDxa.C3bHBG.zNjVBq.mZq4owPRA0vHzW.BM9UlxnJywXPBMCTC3rYB2TL.DMfYkc0TDgv4Dc0Ykq.zhmTDgLTzwXPBMvFx25HBwu.ChjVChm.zhmTDgLTzwXPBMuTyMfYls1JB250zw50.mcaWideWmca.zhmTDgLTzwXPBMvFx3jVDW.DMfYkc0TzhmTDgLTzwXPBMuT.y2HPBgrYzw4.y2fSyYH2yxiOls1ZncKGkIa.BM9Uzq.zhmTDgLTzwXPBMvFx2HLywq.BgLZDa.C3rHCNq.DMfYkc0Ty2HHCNqTmYK.AM9PBG.zhmTDgLTzwXPBMuTyMfYx19Hy3rPB24.BgvUz3rO.z2v0.D2fYBMLUzW.Dg9gAxHLza.Aw1N.B3v0BgLUzq.zhmTDgLTzwXPBMvFx3rYywnR.zgfZAgvK.BMv1DhjHBa.ChjLDMvUDerLzMf1Bhq.A2v5.BgfIzwWTC20.zhmTDgLTzwXPBMuTyMfYx19ZBg90.y3vYCMvUDfrHCMDLDa.zhmTDgLTzwXPBMvFx25VDY1JAgLW.mJK5mtm3nw50AhHzCG.jsaTidjWEcKP.zhmTDgLTzwXPBMvFx2XHyMvSlwjVzhK.zhmTDgLTzwXPBMvFx3j1BgvY.nJGYmdy3nu9dsezkyq.zhmTDgLTzwXPBMvFx2XHyMvS.zhmTDgLTzwXPBMvFx2XPBMS.zgvMyxvSDa.Cgf0Aa.zhmTDgLTzwXPBMuTyMfYx19SywjLBa.y2vUDgvY.y2fWDgLVBG.7zIe7j6Sia.zhmTDgLTzwXPBMuTlwjHCMu.zhmTDgLTzwXPBMvFx3jVD3m.BNvTyMvY.zhmTDgLTzwXPBMvFx2XHEwvYigrZlxrPBwvSAw5Lx19SyxLLCI0TyMfJAW.CgvUzgLUzW.zhmTDgLTzwXPBMvFx2fZAwrL.zhmTDgLTzwXPBMuTyMfYx19MAwXS.jsaRidfWEcK.DgfYz2v0.Bwf4.zhmTDgLTzwXPBMvFx2XLywrPBMC.C3rYAw5N.uhjVDMLKzxi.BMf0AxzLrxzLBNq.zgL2.zhmTDgLTzwXPBMvFx2DYAwrSAw5L.DMfSDwu.BwfW.zhmTDgLTzwXPBMvFx3rPy2S.zhmTDgLTzwXPBMvFx2nVCM5LCG.Cgn0.BgfIzwWTBwq.mJKYsefvvuzH.Dg9Uzq.iemG.C2v0.DMfYkc0TD2fYBMLUzYK.C3zN.DMfYkc0TC3vJy2vZCYK.BwLU.mJi5ndLlsvjpD0q.DgvYDgLHCNK.zhmTDgLTzwXPBMvFx21HCMTLCG.y2fSyYG".split(".");
263
- return C = function() {
264
- return e;
265
- }, C();
266
- }
267
- var w = (t) => e(516) + t + ")", T = {
268
- neutral: e(510),
269
- accent: e(478),
270
- purple: e(503),
271
- teal: e(523),
272
- success: e(465),
273
- warning: e(463),
274
- danger: "var(--danger)"
267
+ var w = (t) => e(524) + t + ")", T = {
268
+ neutral: "var(--text-2)",
269
+ accent: e(510),
270
+ purple: e(562),
271
+ teal: "var(--chart-3)",
272
+ success: e(515),
273
+ warning: e(554),
274
+ danger: e(517)
275
275
  };
276
- function E({ start: n, end: r, variant: i = e(494), tone: a, size: s, children: c, leading: l, action: d, segments: f, limit: p, overTone: m = e(411), running: v, label: y, labelAt: b, tooltip: x, onClick: S, renderTarget: C, ref: E, "aria-label": D, className: O }) {
277
- let k = e, { pct: A, formatValue: j } = u(), M = c != null || l != null || d != null, N = s ?? (M ? "xl" : "md"), P = a ?? (i === k(414) ? k(417) : k(484)), F = Math[k(466)](n, r), I = Math[k(446)](n, r), L = A(F), R = A(I) - L, z = p !== void 0 && p < I && i !== k(414) ? Math[k(446)](0, Math[k(466)](100, (I - Math[k(446)](p, F)) / (I - F || 1) * 100)) : 0, B = D ?? [
278
- typeof c === k(448) || typeof c == "number" ? String(c) : void 0,
279
- j(F) + k(504) + j(I),
280
- v && "진행 중"
281
- ][k(488)](Boolean)[k(407)](", "), V = null;
276
+ function E({ start: n, end: r, variant: i = "fill", tone: a, size: s, children: c, leading: l, action: u, segments: f, limit: p, overTone: m = e(541), running: v, label: y, labelAt: b, tooltip: x, onClick: S, renderTarget: C, ref: E, "aria-label": D, className: O }) {
277
+ let k = e, { pct: A, formatValue: j } = d(), M = c != null || l != null || u != null, N = s ?? (M ? "xl" : "md"), P = a ?? (i === k(559) ? k(547) : k(488)), F = Math.min(n, r), I = Math[k(498)](n, r), L = A(F), R = A(I) - L, z = p !== void 0 && p < I && i !== "outline" ? Math.max(0, Math.min(100, (I - Math.max(p, F)) / (I - F || 1) * 100)) : 0, B = D ?? [
278
+ typeof c === k(473) || typeof c === k(490) ? String(c) : void 0,
279
+ j(F) + k(566) + j(I),
280
+ v && k(484)
281
+ ].filter(Boolean)[k(482)](", "), V = null;
282
282
  if (S || C) {
283
- let e = g(k(490), {
284
- type: k(490),
285
- className: "ds-timeline-bar__hit",
283
+ let e = g(k(494), {
284
+ type: "button",
285
+ className: k(551),
286
286
  "aria-label": B,
287
287
  onClick: S
288
288
  }), n = x == null ? e : g(t, {
@@ -292,78 +292,78 @@ function E({ start: n, end: r, variant: i = e(494), tone: a, size: s, children:
292
292
  V = C ? C(n) : n;
293
293
  } else x != null && (V = g(t, {
294
294
  content: x,
295
- children: g(k(506), {
296
- className: k(471),
295
+ children: g(k(557), {
296
+ className: k(551),
297
297
  tabIndex: 0,
298
298
  "aria-label": B,
299
- role: k(413)
299
+ role: k(567)
300
300
  })
301
301
  }));
302
302
  let H = I - F || 1;
303
- return _(h, { children: [_(k(506), {
303
+ return _(h, { children: [_(k(557), {
304
304
  ref: E,
305
- className: o(k(473), k(500) + i, k(500) + N, M && k(513), f && f[k(409)] > 0 && k(501), O),
305
+ className: o(k(550), "ds-timeline-bar--" + i, k(545) + N, M && k(531), f && f[k(518)] > 0 && "ds-timeline-bar--segmented", O),
306
306
  "data-running": v || void 0,
307
307
  "data-over": z > 0 || void 0,
308
308
  style: {
309
309
  left: L + "%",
310
310
  width: R + "%",
311
- "--_c": w(i === k(441) ? "neutral" : P),
311
+ "--_c": w(i === k(564) ? k(547) : P),
312
312
  "--_over": w(m),
313
- "--_ink": T[i === k(441) ? "neutral" : P]
313
+ "--_ink": T[i === "pending" ? "neutral" : P]
314
314
  },
315
315
  children: [
316
- _(k(506), {
317
- className: k(443),
318
- children: [g(k(506), {
319
- className: k(483),
316
+ _("span", {
317
+ className: k(486),
318
+ children: [g(k(557), {
319
+ className: k(509),
320
320
  style: { width: z + "%" }
321
- }), f && f[k(409)] > 0 && g(k(506), {
322
- className: k(477),
323
- children: f[k(454)]((e, t) => {
324
- let n = k, r = Math[n(446)](F, Math[n(466)](e[n(522)], e.end)), i = Math[n(466)](I, Math.max(e[n(522)], e[n(481)])), a = (r - F) / H * 100, o = Math[n(446)](0, i - r) / H * 100;
325
- return g("span", {
326
- className: "ds-timeline-bar__segment",
321
+ }), f && f.length > 0 && g("span", {
322
+ className: "ds-timeline-bar__segments",
323
+ children: f[k(478)]((e, t) => {
324
+ let n = k, r = Math[n(498)](F, Math[n(514)](e[n(511)], e.end)), i = Math[n(514)](I, Math.max(e[n(511)], e[n(508)])), a = (r - F) / H * 100, o = Math[n(498)](0, i - r) / H * 100;
325
+ return g(n(557), {
326
+ className: n(533),
327
327
  style: {
328
- left: n(470) + a + n(444),
329
- width: "max(2px, calc(" + o + n(425),
330
- "--_c": w(e[n(460)] ?? n(484))
328
+ left: "calc(" + a + "% + 1px)",
329
+ width: n(572) + o + n(522),
330
+ "--_c": w(e[n(503)] ?? "accent")
331
331
  }
332
332
  }, t);
333
333
  })
334
334
  })]
335
335
  }),
336
- V == null ? !M && g(k(506), {
337
- className: k(496),
336
+ V == null ? !M && g("span", {
337
+ className: k(540),
338
338
  children: B
339
- }) : g(k(506), {
340
- className: k(421),
339
+ }) : g("span", {
340
+ className: k(552),
341
341
  children: V
342
342
  }),
343
343
  M && _("span", {
344
- className: k(489),
344
+ className: k(546),
345
345
  children: [
346
- l != null && g(k(506), {
347
- className: "ds-timeline-bar__leading",
346
+ l != null && g(k(557), {
347
+ className: k(575),
348
348
  "aria-hidden": V != null || void 0,
349
349
  children: l
350
350
  }),
351
- c != null && g(k(506), {
352
- className: k(491),
351
+ c != null && g("span", {
352
+ className: k(495),
353
353
  "aria-hidden": V != null || void 0,
354
354
  children: c
355
355
  }),
356
- d != null && g(k(506), {
357
- className: k(408),
358
- children: d
356
+ u != null && g(k(557), {
357
+ className: k(556),
358
+ children: u
359
359
  })
360
360
  ]
361
361
  })
362
362
  ]
363
- }), y != null && y !== !1 && g(k(506), {
364
- className: k(433),
365
- style: { left: A(Math[k(446)](I, b ?? I)) + "%" },
363
+ }), y != null && y !== !1 && g(k(557), {
364
+ className: "ds-timeline-bar__label",
365
+ style: { left: A(Math[k(498)](I, b ?? I)) + "%" },
366
366
  children: y
367
367
  })] });
368
368
  }
369
- export { x as Timeline, E as TimelineBar, S as TimelineRow };
369
+ export { S as Timeline, E as TimelineBar, C as TimelineRow };