@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,215 +1,201 @@
1
1
  "use client";
2
- const e = d;
2
+ const e = T;
3
3
  (function(e, t) {
4
- let n = d, r = e();
4
+ let n = T, 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(403)) / 1 * (parseInt(n(416)) / 2) + -parseInt(n(414)) / 3 * (-parseInt(n(365)) / 4) + parseInt(n(346)) / 5 * (-parseInt(n(380)) / 6) + -parseInt(n(318)) / 7 + -parseInt(n(341)) / 8 * (-parseInt(n(404)) / 9) + parseInt(n(353)) / 10 + -parseInt(n(332)) / 11 * (parseInt(n(323)) / 12) == t) break;
7
7
  r.push(r.shift());
8
8
  } catch {
9
9
  r.push(r.shift());
10
10
  }
11
- })(C, 732242);
11
+ })(S, 103825);
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
16
  import { TimelineScaleContext as s, buildTicks as c, niceStep as l, useTimelineScale as u } from "./scale.js";
17
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) {
22
- let t = "", n = "";
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
- for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
25
- return decodeURIComponent(n);
26
- }, d.yEnwGN = {}, d.stTMZs = !0);
27
- 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;
31
- }
32
- import { Children as f, isValidElement as p, useMemo as m } from "react";
33
- import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
34
- var v = {
18
+ import { Children as d, isValidElement as f, useMemo as p } from "react";
19
+ import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
20
+ var _ = {
35
21
  compact: 28,
36
22
  default: 36,
37
23
  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;
45
- 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
24
+ }, v = (t = e(328)) => e(412) + t + ")";
25
+ function y(t) {
26
+ let n = e, r = /* @__PURE__ */ new Map();
27
+ return t[n(335)]((e, t) => {
28
+ let i = n;
29
+ f(e) && d[i(335)](e.props[i(356)], (e) => {
30
+ let n = i;
31
+ if (!f(e)) return;
32
+ let { id: a, start: o, end: s } = e.props;
33
+ typeof a === n(314) && typeof o === n(393) && typeof s == "number" && r.set(a, {
34
+ start: Math[n(410)](o, s),
35
+ end: Math[n(406)](o, s),
36
+ row: t
51
37
  });
52
38
  });
53
- }), t;
39
+ }), r;
54
40
  }
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 }) {
56
- let P = e, F = r - t, I = m(() => ({
41
+ function b({ min: t = 0, max: r, step: i, ticks: u, formatTick: f = String, grid: m = !0, now: b, nowLabel: x, nowLine: S = !0, markers: C = [], links: w, labelWidth: T = 160, labelHeader: E, aside: D, density: O = e(417), rowHeight: k, "aria-label": A, className: j, style: M, children: N }) {
42
+ let P = e, F = r - t, I = p(() => ({
57
43
  min: t,
58
44
  max: r,
59
- pct: (e) => F > 0 ? Math[P(446)](0, Math.min(100, (e - t) / F * 100)) : 0,
60
- formatValue: d
45
+ pct: (e) => F > 0 ? Math[P(406)](0, Math.min(100, (e - t) / F * 100)) : 0,
46
+ formatValue: f
61
47
  }), [
62
48
  t,
63
49
  r,
64
50
  F,
65
- d
66
- ]), L = m(() => u ?? c(t, r, i ?? l(F, 6)), [
51
+ f
52
+ ]), L = p(() => u ?? c(t, r, i ?? l(F, 6)), [
67
53
  u,
68
54
  t,
69
55
  r,
70
56
  i,
71
57
  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);
58
+ ]), R = C.some((e) => e[P(401)] != null), z = k ?? _[O], B = b !== void 0 && x != null, V = b === void 0 ? 0 : I.pct(b), H = w?.[P(396)] ? d.toArray(N) : [], U = H[P(396)] * z, W = H[P(396)] ? y(H) : null, G = (e) => Number(e[P(345)](3)), K = (w ?? []).flatMap((e) => {
59
+ let t = P, n = W?.[t(387)](e[t(371)]), r = W?.[t(387)](e.to);
74
60
  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);
61
+ let i = I.pct(n[t(398)]), a = I[t(397)](r.start), o = n[t(324)] * z + z / 2, s = r[t(324)] * z + z / 2, c = Math.max(1.5, (a - i) / 2), l = "M " + G(i) + " " + G(o) + " C " + G(i + c) + " " + G(o) + ", " + G(a - c) + " " + G(s) + ", " + G(a) + " " + G(s), u = e[t(350)] ?? t(355);
76
62
  return [{
77
- key: e[t(507)] + "→" + e.to,
63
+ key: e[t(371)] + "→" + e.to,
78
64
  tone: u,
79
65
  d: l
80
66
  }];
81
67
  });
82
- return g(s[P(449)], {
68
+ return h(s[P(316)], {
83
69
  value: I,
84
- children: _(P(451), {
85
- role: P(505),
70
+ children: g("div", {
71
+ role: P(336),
86
72
  "aria-label": A,
87
- className: o("ds-timeline", "ds-timeline--" + O, T === 0 && P(437), R && P(472), j),
73
+ className: o("ds-timeline", P(372) + O, T === 0 && P(378), R && P(394), j),
88
74
  style: {
89
75
  "--_label": T + "px",
90
76
  "--_row": z + "px",
91
77
  ...M
92
78
  },
93
79
  children: [
94
- _(P(451), {
95
- className: P(440),
80
+ g("div", {
81
+ className: "ds-timeline__layer ds-timeline__layer--back",
96
82
  "aria-hidden": !0,
97
83
  children: [
98
- p && L.map((e) => g("span", {
99
- className: P(452),
100
- style: { left: I[P(457)](e) + "%" }
84
+ m && L[P(400)]((e) => h(P(409), {
85
+ className: P(383),
86
+ style: { left: I[P(397)](e) + "%" }
101
87
  }, e)),
102
- C[P(454)]((e, t) => e[P(486)] !== void 0 && g(P(506), {
103
- className: P(497),
88
+ C[P(400)]((e, t) => e[P(333)] !== void 0 && h(P(409), {
89
+ className: "ds-timeline__band",
104
90
  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)])
91
+ left: I[P(397)](Math.min(e[P(381)], e[P(333)])) + "%",
92
+ width: I[P(397)](Math[P(406)](e[P(381)], e.band)) - I[P(397)](Math[P(410)](e.value, e.band)) + "%",
93
+ "--_c": v(e.tone)
108
94
  }
109
95
  }, t)),
110
- K[P(409)] > 0 && g(P(464), {
111
- className: P(480),
112
- viewBox: P(514) + U,
113
- preserveAspectRatio: P(519),
96
+ K.length > 0 && h(P(407), {
97
+ className: P(411),
98
+ viewBox: P(320) + U,
99
+ preserveAspectRatio: P(334),
114
100
  style: { height: U },
115
- children: K[P(454)]((e) => g(P(432), {
116
- className: P(430),
101
+ children: K.map((e) => h(P(399), {
102
+ className: P(357),
117
103
  d: e.d,
118
- vectorEffect: P(509),
104
+ vectorEffect: "non-scaling-stroke",
119
105
  style: {
120
- d: "path('" + e.d + "')",
121
- "--_c": y(e[P(460)])
106
+ d: P(329) + e.d + "')",
107
+ "--_c": v(e[P(350)])
122
108
  }
123
- }, e[P(419)]))
109
+ }, e[P(331)]))
124
110
  })
125
111
  ]
126
112
  }),
127
- _(P(451), {
128
- className: P(520),
113
+ g(P(359), {
114
+ className: P(388),
129
115
  "aria-hidden": !0,
130
- children: [g(P(451), {
131
- className: P(456),
132
- children: E != null && g(n, {
133
- variant: P(435),
134
- tone: P(468),
116
+ children: [h(P(359), {
117
+ className: P(395),
118
+ children: E != null && h(n, {
119
+ variant: P(360),
120
+ tone: P(319),
135
121
  truncate: !0,
136
122
  children: E
137
123
  })
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
- 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,
124
+ }), g(P(359), {
125
+ className: "ds-timeline__ruler",
126
+ children: [L[P(400)]((e) => B && e === b ? null : h(P(409), {
127
+ className: P(358),
128
+ "data-edge": e <= t ? P(421) : e >= r ? "end" : void 0,
129
+ style: { left: I[P(397)](e) + "%" },
130
+ children: f(e)
131
+ }, e)), B && h(P(409), {
132
+ className: "ds-timeline__now-chip",
133
+ "data-edge": V >= 96 ? "end" : V <= 4 ? P(421) : void 0,
148
134
  style: { left: V + "%" },
149
- children: g(a, {
150
- tone: P(484),
135
+ children: h(a, {
136
+ tone: "accent",
151
137
  size: "sm",
152
138
  children: x
153
139
  })
154
140
  })]
155
141
  })]
156
142
  }),
157
- D != null && g(P(451), {
158
- className: P(442),
143
+ D != null && h(P(359), {
144
+ className: P(343),
159
145
  children: D
160
146
  }),
161
- g("div", {
162
- className: P(438),
163
- role: P(521),
147
+ h("div", {
148
+ className: "ds-timeline__rows",
149
+ role: "list",
164
150
  children: N
165
151
  }),
166
- _("div", {
167
- className: "ds-timeline__layer ds-timeline__layer--front",
152
+ g(P(359), {
153
+ className: P(375),
168
154
  "aria-hidden": !0,
169
- children: [C[P(454)]((e, t) => g("span", {
170
- className: P(469),
171
- "data-line": e[P(485)] ?? P(416),
155
+ children: [C[P(400)]((e, t) => h("span", {
156
+ className: P(321),
157
+ "data-line": e[P(426)] ?? P(374),
172
158
  style: {
173
- left: I[P(457)](e[P(453)]) + "%",
174
- "--_c": y(e[P(460)])
159
+ left: I[P(397)](e[P(381)]) + "%",
160
+ "--_c": v(e[P(350)])
175
161
  },
176
- children: e.label != null && g(P(506), {
177
- className: "ds-timeline__chip",
178
- "data-side": e[P(492)] ?? P(434),
179
- children: g(a, {
180
- tone: e[P(460)] ?? P(417),
162
+ children: e[P(401)] != null && h(P(409), {
163
+ className: P(376),
164
+ "data-side": e[P(385)] ?? P(364),
165
+ children: h(a, {
166
+ tone: e.tone ?? P(328),
181
167
  square: !0,
182
- children: e[P(498)]
168
+ children: e[P(401)]
183
169
  })
184
170
  })
185
- }, t)), h !== void 0 && S && g(P(506), {
186
- className: P(474),
171
+ }, t)), b !== void 0 && S && h(P(409), {
172
+ className: P(313),
187
173
  "data-chip": B || void 0,
188
174
  style: { left: V + "%" }
189
175
  })]
190
176
  }),
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)](" ")]
177
+ (b !== void 0 || R) && g(P(409), {
178
+ className: P(363),
179
+ children: [b !== void 0 && P(330) + f(b) + ". ", C[P(344)]((e) => typeof e[P(401)] === P(314))[P(400)]((e) => e[P(401)] + ".")[P(315)](" ")]
194
180
  })
195
181
  ]
196
182
  })
197
183
  });
198
184
  }
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",
185
+ function x({ label: t, leading: s, description: c, badge: l, count: u, depth: d = 0, faded: f, selected: p, onSelect: m, children: _, className: v, style: y }) {
186
+ let b = e, x = s != null || c != null || l != null || u != null, S = typeof t === b(314) || typeof t === b(393) ? h(n, {
187
+ variant: b(x ? 352 : 425),
188
+ tone: f ? b(319) : "default",
203
189
  truncate: !0,
204
- className: b(511),
190
+ className: b(339),
205
191
  children: t
206
192
  }) : t, C = m ? (e) => {
207
193
  let t = b;
208
- e[t(445)] !== e[t(422)] || e[t(450)].isComposing || (e[t(419)] === "Enter" || e.key === " ") && (e[t(418)](), m());
194
+ e[t(386)] !== e[t(322)] || e[t(354)][t(419)] || (e[t(331)] === t(317) || e.key === " ") && (e[t(389)](), m());
209
195
  } : void 0;
210
- return _(b(451), {
211
- role: b(499),
212
- className: o(b(515), v),
196
+ return g(b(359), {
197
+ role: b(379),
198
+ className: o(b(367), v),
213
199
  "data-faded": f || void 0,
214
200
  "data-selected": p || void 0,
215
201
  "data-selectable": m || p !== void 0 ? !0 : void 0,
@@ -218,152 +204,166 @@ function S({ label: t, leading: s, description: c, badge: l, count: u, depth: d
218
204
  onClick: m,
219
205
  onKeyDown: C,
220
206
  style: y,
221
- children: [g("div", {
222
- className: b(429),
223
- style: d ? { paddingInlineStart: b(518) + d + ")" } : void 0,
224
- children: x ? _(r, {
207
+ children: [h("div", {
208
+ className: "ds-timeline__label",
209
+ style: d ? { paddingInlineStart: "calc(var(--s4) * " + d + ")" } : void 0,
210
+ children: x ? g(r, {
225
211
  gap: 3,
226
212
  wrap: !1,
227
- className: b(426),
213
+ className: b(361),
228
214
  children: [
229
- s != null && g(b(506), {
230
- className: b(447),
215
+ s != null && h(b(409), {
216
+ className: b(349),
231
217
  children: s
232
218
  }),
233
- _(i, {
219
+ g(i, {
234
220
  gap: 0,
235
- className: b(482),
236
- children: [_(r, {
221
+ className: b(427),
222
+ children: [g(r, {
237
223
  gap: 2,
238
224
  wrap: !1,
239
225
  children: [S, l]
240
- }), c != null && g(n, {
241
- variant: b(435),
242
- tone: b(468),
226
+ }), c != null && h(n, {
227
+ variant: b(360),
228
+ tone: b(319),
243
229
  truncate: !0,
244
230
  children: c
245
231
  })]
246
232
  }),
247
- u != null && g(a, {
233
+ u != null && h(a, {
248
234
  size: "sm",
249
235
  square: !0,
250
- className: b(495),
251
- children: typeof u == "number" ? "+" + u : u
236
+ className: b(326),
237
+ children: typeof u === b(393) ? "+" + u : u
252
238
  })
253
239
  ]
254
240
  }) : S
255
- }), g(b(451), {
256
- className: b(415),
257
- children: h
241
+ }), h(b(359), {
242
+ className: b(362),
243
+ children: _
258
244
  })]
259
245
  });
260
246
  }
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() {
247
+ function S() {
248
+ let e = /* @__PURE__ */ "otzdCMfiyuS.zhmTDgLTzwXPBMuTyMfYls1JB250zw50.zhmTDgLTzwXPBMvFx2fZAwrL.zMLSDgvY.Dg9gAxHLza.oduWnJq1EKfsCw1f.zhmTDgLTzwXPBMuTyMfYx19ZzwDTzw50.DMfYkc0TD2fYBMLUzYK.zhmTDgLTzwXPBMvFx2XLywrPBMC.Dg9Uzq.zhmTDgLTzwXPBMuTyMfYx19ZBg90.BgfIzwWTBwq.nti4mdyWBujNB0Hz.BMf0AxzLrxzLBNq.ywnJzw50.y2HPBgrYzw4.zhmTDgLTzwXPBMvFx2XPBMS.zhmTDgLTzwXPBMvFx3rPy2S.zgL2.y2fWDgLVBG.zhmTDgLTzwXPBMvFx2XHyMvSlwjVzhK.zhmTDgLTzwXPBMvFx3rYywnR.zhmTDgLTzwXPBMvFx3nY.y2vUDgvY.oeXgwfHTqG.zhmTDgLTzwXPBMuTyMfYx19OAxq.zhmTDgLTzwXPBMvFx3jVDW.Bwf4kdjWEcWGy2fSyYG.y2fSyYG.zhmTDgLTzwXPBMuTyMfYls1ZzwDTzw50zwq.zNjVBq.zhmTDgLTzwXPBMuTlq.zhmTDgLTzwXPBMuTyMfYx19VDMvY.zgfZAgvK.zhmTDgLTzwXPBMvFx2XHEwvYigrZlxrPBwvSAw5Lx19SyxLLCI0TzNjVBNq.zhmTDgLTzwXPBMvFx2nOAxa.zhmTDgLTzwXPBMuTyMfYx19SzwfKAw5N.zhmTDgLTzwXPBMuTlwjHCMu.BgLZDgL0zw0.nLzKvKz0Aa.DMfSDwu.DMfYkc0TywnJzw50lxrLEhqP.zhmTDgLTzwXPBMvFx2DYAwrSAw5L.7kEe7zAjioYKKq.BgfIzwXtAwrL.DgfYz2v0.z2v0.zhmTDgLTzwXPBMvFx2HLywq.ChjLDMvUDerLzMf1Bhq.iokaKYa.D2fYBMLUzW.jsaTidjWEcKP.BNvTyMvY.zhmTDgLTzwXPBMuTlwnOAxbZ.zhmTDgLTzwXPBMvFx2nVCM5LCG.BgvUz3rO.Cgn0.zw5K.Cgf0Aa.BwfW.BgfIzwW.DMfYkc0TzgfUz2vYkq.mZK2ng9mzLb4AG.mtiYmtm5twjzBuTI.B3v0BgLUzq.Bwf4.C3zN.zhmTDgLTzwXPBMuTyMfYx19ZzwDTzw50CW.C3bHBG.BwLU.zhmTDgLTzwXPBMvFx2XPBMTZ.DMfYkc0TzhmTDgLTzwXPBMuT.zhmTDgLTzwXPBMuTyMfYx19MAwXS.mJGWotjsChzvrfu.zMLSBa.nZbrrNztu3i.zgvMyxvSDa.DMfYkc0Ty2HHCNqTmYK.AxndB21WB3nPBMC.zhmTDgLTzwXPBMuTyMfYls0.C3rHCNq.zhmTDgLTzwXPBMuTyMfYx19Hy3rPB24.zhmTDgLTzwXPBMuTyMfY.zhmTDgLTzwXPBMuTyMfYx19SywjLBa.BgfIzwWTC20.BgLUzq.zhmTDgLTzwXPBMvFx2XHyMvSlxrLEhq.zhmTDgLTzwXPBMvFx25VDW.C3rYAw5N.AM9PBG.uhjVDMLKzxi.rw50zxi.ndi1nZGYsvD3DuLy.DgvYDgLHCNK.mcaWideWmca.zhmTDgLTzwXPBMvFx21HCMTLCG.y3vYCMvUDfrHCMDLDa.nta0BuLWCNrw.CM93.CgvUzgLUzW.zhmTDgLTzwXPBMvFx2nVDw50.Aw1N.BMv1DhjHBa.Cgf0AcGN.7zIe7j6Sia.A2v5.mtaWndnUuLfXtNO.yMfUza.BM9Uzq.zM9YrwfJAa.z3jVDxa.DMfYkc0Ty2HHCNqTncK.DMfYkc0TC3vJy2vZCYK.zhmTDgLTzwXPBMvFx25HBwu.zhmTDgLTzwXPBMuTyMfYx190zxH0".split(".");
249
+ return S = function() {
264
250
  return e;
265
- }, C();
251
+ }, S();
266
252
  }
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)"
253
+ var C = (t) => e(412) + t + ")", w = {
254
+ neutral: "var(--text-2)",
255
+ accent: e(382),
256
+ purple: e(337),
257
+ teal: e(418),
258
+ success: e(338),
259
+ warning: e(348),
260
+ danger: e(402)
275
261
  };
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;
282
- if (S || C) {
283
- let e = g(k(490), {
284
- type: k(490),
285
- className: "ds-timeline-bar__hit",
262
+ function T(e, t) {
263
+ e -= 313;
264
+ let n = S(), r = n[e];
265
+ T.sBdHnI === void 0 && (T.fQVfjq = function(e) {
266
+ let t = "", n = "";
267
+ 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);
268
+ for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
269
+ return decodeURIComponent(n);
270
+ }, T.TwcrIb = {}, T.sBdHnI = !0);
271
+ let i = n[0];
272
+ T.udxoVe !== i && (T.TwcrIb = {}, T.udxoVe = i);
273
+ let a = T.TwcrIb[e];
274
+ return a === void 0 ? (r = T.fQVfjq(r), T.TwcrIb[e] = r) : r = a, r;
275
+ }
276
+ function E({ start: n, end: r, variant: i = e(415), tone: a, size: s, children: c, leading: l, action: d, segments: f, limit: p, overTone: _ = e(391), running: v, label: y, labelAt: b, tooltip: x, onClick: S, renderTarget: T, 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(405) ? "neutral" : k(355)), F = Math[k(410)](n, r), I = Math[k(406)](n, r), L = A(F), R = A(I) - L, z = p !== void 0 && p < I && i !== k(405) ? Math.max(0, Math[k(410)](100, (I - Math.max(p, F)) / (I - F || 1) * 100)) : 0, B = D ?? [
278
+ typeof c === k(314) || typeof c === k(393) ? String(c) : void 0,
279
+ j(F) + k(390) + j(I),
280
+ v && k(384)
281
+ ][k(344)](Boolean)[k(315)](", "), V = null;
282
+ if (S || T) {
283
+ let e = h("button", {
284
+ type: "button",
285
+ className: k(366),
286
286
  "aria-label": B,
287
287
  onClick: S
288
- }), n = x == null ? e : g(t, {
288
+ }), n = x == null ? e : h(t, {
289
289
  content: x,
290
290
  children: e
291
291
  });
292
- V = C ? C(n) : n;
293
- } else x != null && (V = g(t, {
292
+ V = T ? T(n) : n;
293
+ } else x != null && (V = h(t, {
294
294
  content: x,
295
- children: g(k(506), {
296
- className: k(471),
295
+ children: h(k(409), {
296
+ className: k(366),
297
297
  tabIndex: 0,
298
298
  "aria-label": B,
299
- role: k(413)
299
+ role: k(327)
300
300
  })
301
301
  }));
302
302
  let H = I - F || 1;
303
- return _(h, { children: [_(k(506), {
303
+ return g(m, { children: [g("span", {
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(423), k(420) + i, "ds-timeline-bar--" + N, M && k(342), f && f[k(396)] > 0 && k(370), 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),
312
- "--_over": w(m),
313
- "--_ink": T[i === k(441) ? "neutral" : P]
311
+ "--_c": C(i === "pending" ? k(328) : P),
312
+ "--_over": C(_),
313
+ "--_ink": w[i === k(325) ? k(328) : P]
314
314
  },
315
315
  children: [
316
- _(k(506), {
317
- className: k(443),
318
- children: [g(k(506), {
319
- className: k(483),
316
+ g("span", {
317
+ className: k(413),
318
+ children: [h("span", {
319
+ className: k(373),
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[k(396)] > 0 && h("span", {
322
+ className: k(408),
323
+ children: f.map((e, t) => {
324
+ let n = k, r = Math[n(406)](F, Math[n(410)](e[n(421)], e[n(398)])), i = Math[n(410)](I, Math.max(e.start, e[n(398)])), a = (r - F) / H * 100, o = Math[n(406)](0, i - r) / H * 100;
325
+ return h(n(409), {
326
+ className: n(347),
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: n(369) + a + "% + 1px)",
329
+ width: n(368) + o + n(392),
330
+ "--_c": C(e[n(350)] ?? n(355))
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 && h(k(409), {
337
+ className: "ds-timeline__sr",
338
338
  children: B
339
- }) : g(k(506), {
340
- className: k(421),
339
+ }) : h(k(409), {
340
+ className: k(351),
341
341
  children: V
342
342
  }),
343
- M && _("span", {
344
- className: k(489),
343
+ M && g(k(409), {
344
+ className: "ds-timeline-bar__content",
345
345
  children: [
346
- l != null && g(k(506), {
347
- className: "ds-timeline-bar__leading",
346
+ l != null && h(k(409), {
347
+ className: k(377),
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 && h(k(409), {
352
+ className: k(340),
353
353
  "aria-hidden": V != null || void 0,
354
354
  children: c
355
355
  }),
356
- d != null && g(k(506), {
357
- className: k(408),
356
+ d != null && h(k(409), {
357
+ className: k(422),
358
358
  children: d
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 && h(k(409), {
364
+ className: k(424),
365
+ style: { left: A(Math[k(406)](I, b ?? I)) + "%" },
366
366
  children: y
367
367
  })] });
368
368
  }
369
- export { x as Timeline, E as TimelineBar, S as TimelineRow };
369
+ export { b as Timeline, E as TimelineBar, x as TimelineRow };