@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.
- package/agents/INDEX.md +1 -1
- package/agents/app-shell/AGENTS.md +99 -1
- package/agents/brand-icon/AGENTS.md +1 -1
- package/agents/social-login-button/AGENTS.md +4 -3
- package/lib/components/Accordion/Accordion2.js +74 -74
- package/lib/components/ActionBar/ActionBar2.js +44 -42
- package/lib/components/Alert/Alert2.js +67 -67
- package/lib/components/AppShell/AppShell2.js +72 -66
- package/lib/components/AreaChart/AreaChart.js +45 -45
- package/lib/components/BarChart/BarChart2.js +128 -128
- package/lib/components/BarList/BarList2.js +105 -105
- package/lib/components/Breadcrumb/Breadcrumb2.js +63 -64
- package/lib/components/Calendar/Calendar2.js +197 -197
- package/lib/components/Calendar/DatePicker2.js +100 -100
- package/lib/components/Calendar/date.js +47 -70
- package/lib/components/Card/Card2.js +101 -74
- package/lib/components/CardFrame/CardFrame2.js +52 -56
- package/lib/components/Chart/ChartParts.js +88 -88
- package/lib/components/Chart/chart2.js +63 -63
- package/lib/components/Chart/useChartInteraction.js +43 -43
- package/lib/components/ChatBubble/ChatBubble2.js +111 -111
- package/lib/components/ChatBubble/formatChatTime.js +38 -43
- package/lib/components/ChatComposer/ChatComposer2.js +96 -96
- package/lib/components/CodeBlock/CodeBlock2.js +65 -65
- package/lib/components/CodeBlock/highlight.js +84 -84
- package/lib/components/ColorPicker/ColorPicker2.js +263 -263
- package/lib/components/ColorPicker/color.js +92 -92
- package/lib/components/ColorPicker/presets.js +35 -39
- package/lib/components/Combobox/Combobox2.js +134 -134
- package/lib/components/CommandMenu/CommandMenu.js +130 -131
- package/lib/components/Comment/Comment2.js +64 -63
- package/lib/components/ContextMenu/ContextMenu2.js +84 -84
- package/lib/components/DataGrid/DataGrid2.js +1182 -1180
- package/lib/components/DataGrid/GridPopover.js +84 -84
- package/lib/components/DataGrid/anchor.js +29 -28
- package/lib/components/DataGrid/model.js +308 -307
- package/lib/components/DataGrid/panels.js +398 -399
- package/lib/components/DataGrid/typeMeta.js +41 -40
- package/lib/components/DataGrid/types.js +39 -40
- package/lib/components/DescriptionList/DescriptionList2.js +105 -105
- package/lib/components/Dialog/AlertDialog.js +90 -89
- package/lib/components/Dialog/Dialog2.js +71 -72
- package/lib/components/Dialog/modal.js +62 -60
- package/lib/components/Drawer/Drawer2.js +167 -166
- package/lib/components/DropdownMenu/DropdownMenu2.js +260 -258
- package/lib/components/DropdownMenu/menuCore.js +29 -28
- package/lib/components/Dropzone/Dropzone2.js +78 -77
- package/lib/components/EmptyState/EmptyState2.js +57 -57
- package/lib/components/FileChip/FileChip2.js +53 -77
- package/lib/components/FileUpload/FileUpload.js +168 -167
- package/lib/components/FilterChips/FilterChips2.js +60 -60
- package/lib/components/FunnelChart/FunnelChart2.js +174 -174
- package/lib/components/FunnelChart/funnel.js +44 -42
- package/lib/components/Highlight/Highlight2.js +55 -55
- package/lib/components/HoverCard/HoverCard.js +71 -96
- package/lib/components/InlineDiff/InlineDiff2.js +128 -129
- package/lib/components/InlineDiff/diff.js +79 -79
- package/lib/components/InlineDiff/useDiffReview.js +61 -62
- package/lib/components/Kanban/Kanban2.js +387 -389
- package/lib/components/Kanban/KanbanCard.js +84 -84
- package/lib/components/Kanban/move.js +32 -25
- package/lib/components/LineChart/LineChart2.js +228 -228
- package/lib/components/List/List2.js +62 -62
- package/lib/components/Listbox/Listbox2.js +92 -92
- package/lib/components/Marker/Marker2.js +50 -56
- package/lib/components/Menubar/Menubar2.js +117 -116
- package/lib/components/MultiSelect/MultiSelect2.js +111 -111
- package/lib/components/NavigationMenu/NavigationMenu2.js +231 -231
- package/lib/components/NoticeStack/NoticeStack2.js +99 -99
- package/lib/components/NumberStepper/NumberStepper2.js +60 -60
- package/lib/components/OtpInput/OtpInput2.js +90 -89
- package/lib/components/Pagination/Pagination2.js +105 -105
- package/lib/components/Pagination/paginationRange.js +37 -37
- package/lib/components/PhoneInput/PhoneInput.js +75 -76
- package/lib/components/PieChart/PieChart2.js +166 -166
- package/lib/components/PieChart/arc.js +71 -69
- package/lib/components/PieChart/useArcTween.js +60 -62
- package/lib/components/Popover/Popover2.js +85 -86
- package/lib/components/ProgressTracker/ProgressTracker2.js +134 -134
- package/lib/components/Rating/Rating2.js +90 -89
- package/lib/components/Resizable/Resizable2.js +128 -129
- package/lib/components/Resizable/layout.js +51 -51
- package/lib/components/ScaledPreview/ScaledPreview2.js +49 -48
- package/lib/components/ScatterChart/ScatterChart2.js +214 -213
- package/lib/components/ScatterChart/scatter.js +49 -52
- package/lib/components/ScrollArea/ScrollArea2.js +115 -117
- package/lib/components/Select/Select2.js +82 -82
- package/lib/components/Sidebar/Sidebar2.js +91 -85
- package/lib/components/Sidebar/rail.js +43 -0
- package/lib/components/Skeleton/Skeleton2.js +63 -64
- package/lib/components/Slider/Slider2.js +65 -66
- package/lib/components/SocialLoginButton/SocialLoginButton.js +76 -69
- package/lib/components/SparkChart/SparkChart2.js +126 -127
- package/lib/components/SparkChart/spark.js +66 -42
- package/lib/components/Sparkbar/Sparkbar2.js +60 -60
- package/lib/components/SplitView/SplitView2.js +51 -51
- package/lib/components/Stat/Stat2.js +79 -79
- package/lib/components/StepList/StepList2.js +75 -75
- package/lib/components/Table/Table2.js +71 -71
- package/lib/components/Tabs/Tabs2.js +74 -74
- package/lib/components/TagInput/TagInput2.js +223 -221
- package/lib/components/TimePicker/TimePicker2.js +197 -195
- package/lib/components/TimePicker/time.js +59 -56
- package/lib/components/Timeline/Timeline2.js +195 -195
- package/lib/components/Timeline/scale.js +64 -66
- package/lib/components/Toast/Toaster.js +139 -139
- package/lib/components/Toast/store.js +72 -76
- package/lib/components/ToggleGroup/ToggleGroup2.js +79 -79
- package/lib/components/Toolbar/Toolbar2.js +165 -164
- package/lib/components/Tracker/Tracker2.js +72 -72
- package/lib/components/TreeDiagram/TreeDiagram2.js +96 -97
- package/lib/components/TreeView/TreeView2.js +152 -151
- package/lib/hooks/timing.js +34 -36
- package/lib/hooks/useControllableState.js +29 -30
- package/lib/hooks/useCountdown.js +51 -53
- package/lib/hooks/useDigitInput.js +81 -55
- package/lib/hooks/useDismiss.js +53 -56
- package/lib/hooks/useElapsed.js +48 -49
- package/lib/hooks/useFloating.js +36 -36
- package/lib/hooks/useFocusTrap.js +32 -32
- package/lib/hooks/usePresence.js +49 -49
- package/lib/hooks/usePressToOpen.js +40 -40
- package/lib/hooks/useScrollLock.js +50 -49
- package/lib/hooks/useSelection.js +42 -47
- package/lib/index.js +138 -139
- package/lib/primitives/AspectRatio2.js +58 -57
- package/lib/primitives/BrandIcon.js +210 -179
- package/lib/primitives/ColorDot2.js +42 -41
- package/lib/primitives/CopyButton2.js +59 -58
- package/lib/primitives/CountBadge2.js +58 -63
- package/lib/primitives/Countdown2.js +38 -37
- package/lib/primitives/Delta2.js +37 -37
- package/lib/primitives/Elapsed.js +42 -40
- package/lib/primitives/FileIcon2.js +102 -102
- package/lib/primitives/Flag2.js +124 -124
- package/lib/primitives/IconStack2.js +45 -23
- package/lib/primitives/IconTile2.js +45 -41
- package/lib/primitives/Kbd2.js +48 -48
- package/lib/primitives/Layout2.js +71 -71
- package/lib/primitives/Link2.js +40 -42
- package/lib/primitives/MaskedText2.js +50 -50
- package/lib/primitives/Progress2.js +78 -77
- package/lib/primitives/RelativeTime.js +55 -58
- package/lib/primitives/SearchInput2.js +72 -68
- package/lib/primitives/SelectorButton2.js +60 -61
- package/lib/primitives/Spinner2.js +48 -49
- package/lib/primitives/StatusIcon2.js +69 -69
- package/lib/primitives/Swatch2.js +65 -69
- package/lib/primitives/Tooltip2.js +92 -92
- package/lib/primitives/Typography2.js +37 -37
- package/lib/primitives/formatCountdown.js +38 -38
- package/lib/primitives/formatElapsed.js +43 -45
- package/lib/primitives/formatRelativeTime.js +54 -54
- package/lib/primitives/hotkey.js +77 -77
- package/lib/primitives/index.js +162 -161
- package/lib/primitives/maskValue.js +54 -51
- package/lib/style.css +1 -1
- package/lib/types/components/AppShell/AppShell.d.ts +9 -2
- package/lib/types/components/Sidebar/rail.d.ts +4 -0
- package/lib/types/components/SocialLoginButton/SocialLoginButton.d.ts +1 -1
- package/lib/types/components/index.d.ts +1 -0
- package/lib/types/primitives/BrandIcon.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,201 +1,221 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e =
|
|
2
|
+
const e = h;
|
|
3
3
|
(function(e, t) {
|
|
4
|
-
let n =
|
|
4
|
+
let n = h, r = e();
|
|
5
5
|
for (;;) try {
|
|
6
|
-
if (parseInt(n(
|
|
6
|
+
if (-parseInt(n(573)) / 1 + -parseInt(n(500)) / 2 * (parseInt(n(510)) / 3) + parseInt(n(527)) / 4 * (-parseInt(n(509)) / 5) + -parseInt(n(569)) / 6 * (-parseInt(n(476)) / 7) + -parseInt(n(468)) / 8 + -parseInt(n(470)) / 9 + parseInt(n(529)) / 10 * (parseInt(n(515)) / 11) == t) break;
|
|
7
7
|
r.push(r.shift());
|
|
8
8
|
} catch {
|
|
9
9
|
r.push(r.shift());
|
|
10
10
|
}
|
|
11
|
-
})(
|
|
11
|
+
})(d, 404994);
|
|
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
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
function d() {
|
|
19
|
+
let e = /* @__PURE__ */ "DMfYkc0TD2fYBMLUzYK.BgLZDa.DMfYkc0Ty2HHCNqTncK.zhmTDgLTzwXPBMvFx2nOAxa.zhmTDgLTzwXPBMuTyMfYx190zxH0.zhmTDgLTzwXPBMuTyMfYx19VDMvY.zhmTDgLTzwXPBMuTyMfYx19ZzwDTzw50.BgfIzwWTBwq.zhmTDgLTzwXPBMvFx2nVCM5LCG.BMv1DhjHBa.zhmTDgLTzwXPBMvFx2DYAwrSAw5L.DMfYkc0TzgfUz2vYkq.C29Tzq.ntK0mgDVAvvswa.Aw1N.DMfYkc0TywnJzw50lxrLEhqP.zhmTDgLTzwXPBMvFx2XLywrPBMC.nJC0mJiYy0fRDhPy.BM9UlxnJywXPBMCTC3rYB2TL.y2fSyYG.mZKWmJm2meDuELjTvW.y2fSyYH2yxiOls1ZncKGkIa.mtC5mZuYr01suhvl.zhmTDgLTzwXPBMvFx3nY.BgfIzwW.7zIe7j6Sia.C3rYAw5N.zhmTDgLTzwXPBMvFx25VDW.ote3zuP0EwvT.y2HPBgrYzw4.ChjVChm.yMfUza.AxndB21WB3nPBMC.zhmTDgLTzwXPBMvFx2jHBMq.zhmTDgLTzwXPBMvFx2fZAwrL.Bwf4kdjWEcWGy2fSyYG.zw5K.zMXHDe1HCa.Dg9Uzq.zhmTDgLTzwXPBMvFx2XHyMvSlxrLEhq.BM9Uzq.zhmTDgLTzwXPBMuTyMfYx19SywjLBa.DMfYkc0TDgv4Dc0Ykq.Dg9bCNjHEq.zhmTDgLTzwXPBMuTlwnOAxbZ.zhmTDgLTzwXPBMuTlwjHCMu.zhmTDgLTzwXPBMvFx2nVDw50.B3v0BgLUzq.zhmTDgLTzwXPBMuTyMfYx19OAxq.CM93.z2v0.DMfSDwu.mtu1ntCYnNnOq1jOEq.zhmTDgLTzwXPBMvFx3jVDW.zhmTDgLTzwXPBMvFx3j1BgvY.C3zN.rw50zxi.zhmTDgLTzwXPBMuTyMfYx19ZzwDTzw50CW.BgLZDgL0zw0.zhmTDgLTzwXPBMuTyMfYx19Hy3rPB24.zhmTDgLTzwXPBMvFx25HBwu.nZeYndmWDKXdyu1H.m0H6uvD6vq.DgfYz2v0.iokaKYa.BwLU.jsaRidfWEcK.mJuZywDXAvjQ.zgfZAgvK.zhmTDgLTzwXPBMvFx2XPBMTZ.iemG.zhmTDgLTzwXPBMvFx2XHEwvYigrZlxrPBwvSAw5Lx19SyxLLCI0TzNjVBNq.DgvYDgLHCNK.BgvUz3rO.zhmTDgLTzwXPBMuTyMfY.C3bHBG.D2fYBMLUzW.AM9PBG.zhmTDgLTzwXPBMu.mJbNshnqz3y.zhmTDgLTzwXPBMvFx2HLywq.mti4mtu0mgrRyKzRqG.C2v0.zhmTDgLTzwXPBMuTyMfYx19MAwXS.zgvMyxvSDa.y2vUDgvY.BgLUzq.zNjVBq.ywnJzw50.Cgf0AcGN.BNvTyMvY.zMLSDgvY.zhmTDgLTzwXPBMvFx2XHyMvSlwjVzhK.zhmTDgLTzwXPBMvFx21HCMTLCG.y3vYCMvUDfrHCMDLDa.CgvUzgLUzW.yNv0Dg9U.zgL2.zM9YrwfJAa.zhmTDgLTzwXPBMuTyMfYls0.Cgn0.zhmTDgLTzwXPBMvFx2XHyMvS.A2v5.Bwf4.y2fWDgLVBG.C3rHCNq.BwfW.DMfYkc0TzhmTDgLTzwXPBMuT".split(".");
|
|
20
|
+
return d = function() {
|
|
21
|
+
return e;
|
|
22
|
+
}, d();
|
|
23
|
+
}
|
|
24
|
+
import { Children as f, isValidElement as p, useMemo as m } from "react";
|
|
25
|
+
function h(e, t) {
|
|
26
|
+
e -= 468;
|
|
27
|
+
let n = d(), r = n[e];
|
|
28
|
+
h.jEqLvh === void 0 && (h.xmworC = function(e) {
|
|
29
|
+
let t = "", n = "";
|
|
30
|
+
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);
|
|
31
|
+
for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
|
|
32
|
+
return decodeURIComponent(n);
|
|
33
|
+
}, h.obPMMB = {}, h.jEqLvh = !0);
|
|
34
|
+
let i = n[0];
|
|
35
|
+
h.dFYTSE !== i && (h.obPMMB = {}, h.dFYTSE = i);
|
|
36
|
+
let a = h.obPMMB[e];
|
|
37
|
+
return a === void 0 ? (r = h.xmworC(r), h.obPMMB[e] = r) : r = a, r;
|
|
38
|
+
}
|
|
39
|
+
import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
40
|
+
var y = {
|
|
21
41
|
compact: 28,
|
|
22
42
|
default: 36,
|
|
23
43
|
comfortable: 56
|
|
24
|
-
},
|
|
25
|
-
function
|
|
44
|
+
}, b = (t = e(565)) => e(555) + t + ")";
|
|
45
|
+
function x(t) {
|
|
26
46
|
let n = e, r = /* @__PURE__ */ new Map();
|
|
27
|
-
return t[n(
|
|
47
|
+
return t[n(546)]((e, t) => {
|
|
28
48
|
let i = n;
|
|
29
|
-
|
|
49
|
+
p(e) && f[i(546)](e[i(478)][i(477)], (e) => {
|
|
30
50
|
let n = i;
|
|
31
|
-
if (!
|
|
32
|
-
let { id: a, start: o, end: s } = e
|
|
33
|
-
typeof a === n(
|
|
34
|
-
start: Math
|
|
35
|
-
end: Math[n(
|
|
51
|
+
if (!p(e)) return;
|
|
52
|
+
let { id: a, start: o, end: s } = e[n(478)];
|
|
53
|
+
typeof a === n(474) && typeof o === n(538) && typeof s == "number" && r[n(530)](a, {
|
|
54
|
+
start: Math.min(o, s),
|
|
55
|
+
end: Math[n(551)](o, s),
|
|
36
56
|
row: t
|
|
37
57
|
});
|
|
38
58
|
});
|
|
39
59
|
}), r;
|
|
40
60
|
}
|
|
41
|
-
function
|
|
42
|
-
let P = e, F = r - t, I =
|
|
61
|
+
function S({ min: t = 0, max: r, step: i, ticks: u, formatTick: d = String, grid: p = !0, now: h, nowLabel: g, 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 }) {
|
|
62
|
+
let P = e, F = r - t, I = m(() => ({
|
|
43
63
|
min: t,
|
|
44
64
|
max: r,
|
|
45
|
-
pct: (e) => F > 0 ? Math[P(
|
|
46
|
-
formatValue:
|
|
65
|
+
pct: (e) => F > 0 ? Math[P(551)](0, Math[P(513)](100, (e - t) / F * 100)) : 0,
|
|
66
|
+
formatValue: d
|
|
47
67
|
}), [
|
|
48
68
|
t,
|
|
49
69
|
r,
|
|
50
70
|
F,
|
|
51
|
-
|
|
52
|
-
]), L =
|
|
71
|
+
d
|
|
72
|
+
]), L = m(() => u ?? c(t, r, i ?? l(F, 6)), [
|
|
53
73
|
u,
|
|
54
74
|
t,
|
|
55
75
|
r,
|
|
56
76
|
i,
|
|
57
77
|
F
|
|
58
|
-
]), R = C
|
|
59
|
-
let t = P, n = W?.[t(
|
|
78
|
+
]), R = C[P(568)]((e) => e[P(472)] != null), z = k ?? y[O], B = h !== void 0 && g != null, V = h === void 0 ? 0 : I[P(548)](h), H = w?.length ? f[P(491)](N) : [], U = H[P(521)] * z, W = H[P(521)] ? x(H) : null, G = (e) => Number(e.toFixed(3)), K = (w ?? [])[P(485)]((e) => {
|
|
79
|
+
let t = P, n = W?.[t(498)](e[t(535)]), r = W?.get(e.to);
|
|
60
80
|
if (!n || !r) return [];
|
|
61
|
-
let i = I
|
|
81
|
+
let i = I[t(548)](n.end), a = I[t(548)](r.start), o = n[t(497)] * z + z / 2, s = r.row * z + z / 2, c = Math.max(1.5, (a - i) / 2), l = "M " + G(i) + " " + G(o) + t(518) + G(i + c) + " " + G(o) + ", " + G(a - c) + " " + G(s) + ", " + G(a) + " " + G(s), u = e[t(486)] ?? t(536);
|
|
62
82
|
return [{
|
|
63
|
-
key: e[t(
|
|
83
|
+
key: e[t(535)] + "→" + e.to,
|
|
64
84
|
tone: u,
|
|
65
85
|
d: l
|
|
66
86
|
}];
|
|
67
87
|
});
|
|
68
|
-
return
|
|
88
|
+
return _(s.Provider, {
|
|
69
89
|
value: I,
|
|
70
|
-
children:
|
|
71
|
-
role:
|
|
90
|
+
children: v(P(545), {
|
|
91
|
+
role: "group",
|
|
72
92
|
"aria-label": A,
|
|
73
|
-
className: o("ds-timeline"
|
|
93
|
+
className: o(P(526), "ds-timeline--" + O, T === 0 && P(493), R && P(492), j),
|
|
74
94
|
style: {
|
|
75
95
|
"--_label": T + "px",
|
|
76
96
|
"--_row": z + "px",
|
|
77
97
|
...M
|
|
78
98
|
},
|
|
79
99
|
children: [
|
|
80
|
-
|
|
100
|
+
v(P(545), {
|
|
81
101
|
className: "ds-timeline__layer ds-timeline__layer--back",
|
|
82
102
|
"aria-hidden": !0,
|
|
83
103
|
children: [
|
|
84
|
-
|
|
85
|
-
className: P(
|
|
86
|
-
style: { left: I[P(
|
|
104
|
+
p && L.map((e) => _("span", {
|
|
105
|
+
className: P(566),
|
|
106
|
+
style: { left: I[P(548)](e) + "%" }
|
|
87
107
|
}, e)),
|
|
88
|
-
C[P(
|
|
89
|
-
className:
|
|
108
|
+
C[P(554)]((e, t) => e.band !== void 0 && _(P(523), {
|
|
109
|
+
className: P(481),
|
|
90
110
|
style: {
|
|
91
|
-
left: I[P(
|
|
92
|
-
width: I[P(
|
|
93
|
-
"--_c":
|
|
111
|
+
left: I[P(548)](Math[P(513)](e.value, e.band)) + "%",
|
|
112
|
+
width: I[P(548)](Math[P(551)](e[P(499)], e.band)) - I[P(548)](Math[P(513)](e[P(499)], e[P(479)])) + "%",
|
|
113
|
+
"--_c": b(e.tone)
|
|
94
114
|
}
|
|
95
115
|
}, t)),
|
|
96
|
-
K
|
|
97
|
-
className: P(
|
|
98
|
-
viewBox:
|
|
99
|
-
preserveAspectRatio: P(
|
|
116
|
+
K[P(521)] > 0 && _(P(503), {
|
|
117
|
+
className: P(517),
|
|
118
|
+
viewBox: "0 0 100 " + U,
|
|
119
|
+
preserveAspectRatio: P(488),
|
|
100
120
|
style: { height: U },
|
|
101
|
-
children: K
|
|
102
|
-
className:
|
|
121
|
+
children: K[P(554)]((e) => _("path", {
|
|
122
|
+
className: "ds-timeline__link",
|
|
103
123
|
d: e.d,
|
|
104
|
-
vectorEffect:
|
|
124
|
+
vectorEffect: P(574),
|
|
105
125
|
style: {
|
|
106
|
-
d: P(
|
|
107
|
-
"--_c":
|
|
126
|
+
d: P(537) + e.d + "')",
|
|
127
|
+
"--_c": b(e[P(486)])
|
|
108
128
|
}
|
|
109
|
-
}, e[P(
|
|
129
|
+
}, e[P(550)]))
|
|
110
130
|
})
|
|
111
131
|
]
|
|
112
132
|
}),
|
|
113
|
-
|
|
114
|
-
className: P(
|
|
133
|
+
v(P(545), {
|
|
134
|
+
className: P(528),
|
|
115
135
|
"aria-hidden": !0,
|
|
116
|
-
children: [
|
|
117
|
-
className: P(
|
|
118
|
-
children: E != null &&
|
|
119
|
-
variant: P(
|
|
120
|
-
tone: P(
|
|
136
|
+
children: [_(P(545), {
|
|
137
|
+
className: P(564),
|
|
138
|
+
children: E != null && _(n, {
|
|
139
|
+
variant: P(552),
|
|
140
|
+
tone: P(520),
|
|
121
141
|
truncate: !0,
|
|
122
142
|
children: E
|
|
123
143
|
})
|
|
124
|
-
}),
|
|
125
|
-
className:
|
|
126
|
-
children: [L[P(
|
|
127
|
-
className:
|
|
128
|
-
"data-edge": e <= t ? P(
|
|
129
|
-
style: { left: I[P(
|
|
130
|
-
children:
|
|
131
|
-
}, e)), B &&
|
|
144
|
+
}), v(P(545), {
|
|
145
|
+
className: P(502),
|
|
146
|
+
children: [L[P(554)]((e) => B && e === h ? null : _(P(523), {
|
|
147
|
+
className: "ds-timeline__tick",
|
|
148
|
+
"data-edge": e <= t ? P(553) : e >= r ? P(484) : void 0,
|
|
149
|
+
style: { left: I[P(548)](e) + "%" },
|
|
150
|
+
children: d(e)
|
|
151
|
+
}, e)), B && _(P(523), {
|
|
132
152
|
className: "ds-timeline__now-chip",
|
|
133
|
-
"data-edge": V >= 96 ?
|
|
153
|
+
"data-edge": V >= 96 ? P(484) : V <= 4 ? P(553) : void 0,
|
|
134
154
|
style: { left: V + "%" },
|
|
135
|
-
children:
|
|
136
|
-
tone:
|
|
155
|
+
children: _(a, {
|
|
156
|
+
tone: P(536),
|
|
137
157
|
size: "sm",
|
|
138
|
-
children:
|
|
158
|
+
children: g
|
|
139
159
|
})
|
|
140
160
|
})]
|
|
141
161
|
})]
|
|
142
162
|
}),
|
|
143
|
-
D != null &&
|
|
144
|
-
className: P(
|
|
163
|
+
D != null && _("div", {
|
|
164
|
+
className: P(482),
|
|
145
165
|
children: D
|
|
146
166
|
}),
|
|
147
|
-
|
|
167
|
+
_(P(545), {
|
|
148
168
|
className: "ds-timeline__rows",
|
|
149
|
-
role:
|
|
169
|
+
role: P(557),
|
|
150
170
|
children: N
|
|
151
171
|
}),
|
|
152
|
-
|
|
153
|
-
className: P(
|
|
172
|
+
v("div", {
|
|
173
|
+
className: P(519),
|
|
154
174
|
"aria-hidden": !0,
|
|
155
|
-
children: [C[P(
|
|
156
|
-
className: P(
|
|
157
|
-
"data-line": e[P(
|
|
175
|
+
children: [C[P(554)]((e, t) => _(P(523), {
|
|
176
|
+
className: P(541),
|
|
177
|
+
"data-line": e[P(534)] ?? P(516),
|
|
158
178
|
style: {
|
|
159
|
-
left: I[P(
|
|
160
|
-
"--_c":
|
|
179
|
+
left: I[P(548)](e[P(499)]) + "%",
|
|
180
|
+
"--_c": b(e[P(486)])
|
|
161
181
|
},
|
|
162
|
-
children: e[P(
|
|
163
|
-
className: P(
|
|
164
|
-
"data-side": e
|
|
165
|
-
children:
|
|
166
|
-
tone: e
|
|
182
|
+
children: e[P(472)] != null && _(P(523), {
|
|
183
|
+
className: P(559),
|
|
184
|
+
"data-side": e.labelSide ?? P(533),
|
|
185
|
+
children: _(a, {
|
|
186
|
+
tone: e[P(486)] ?? "neutral",
|
|
167
187
|
square: !0,
|
|
168
|
-
children: e
|
|
188
|
+
children: e.label
|
|
169
189
|
})
|
|
170
190
|
})
|
|
171
|
-
}, t)),
|
|
172
|
-
className: P(
|
|
191
|
+
}, t)), h !== void 0 && S && _(P(523), {
|
|
192
|
+
className: P(475),
|
|
173
193
|
"data-chip": B || void 0,
|
|
174
194
|
style: { left: V + "%" }
|
|
175
195
|
})]
|
|
176
196
|
}),
|
|
177
|
-
(
|
|
178
|
-
className:
|
|
179
|
-
children: [
|
|
197
|
+
(h !== void 0 || R) && v(P(523), {
|
|
198
|
+
className: "ds-timeline__sr",
|
|
199
|
+
children: [h !== void 0 && P(473) + d(h) + ". ", C[P(539)]((e) => typeof e[P(472)] == "string")[P(554)]((e) => e[P(472)] + ".")[P(525)](" ")]
|
|
180
200
|
})
|
|
181
201
|
]
|
|
182
202
|
})
|
|
183
203
|
});
|
|
184
204
|
}
|
|
185
|
-
function
|
|
186
|
-
let b = e, x = s != null || c != null || l != null || u != null, S = typeof t === b(
|
|
187
|
-
variant:
|
|
188
|
-
tone: f ? b(
|
|
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: g, style: y }) {
|
|
206
|
+
let b = e, x = s != null || c != null || l != null || u != null, S = typeof t === b(474) || typeof t === b(538) ? _(n, {
|
|
207
|
+
variant: x ? b(563) : "label-sm",
|
|
208
|
+
tone: f ? "tertiary" : b(532),
|
|
189
209
|
truncate: !0,
|
|
190
|
-
className: b(
|
|
210
|
+
className: b(508),
|
|
191
211
|
children: t
|
|
192
212
|
}) : t, C = m ? (e) => {
|
|
193
213
|
let t = b;
|
|
194
|
-
e[t(
|
|
214
|
+
e[t(511)] !== e[t(542)] || e.nativeEvent[t(480)] || (e.key === t(504) || e[t(550)] === " ") && (e.preventDefault(), m());
|
|
195
215
|
} : void 0;
|
|
196
|
-
return
|
|
197
|
-
role: b(
|
|
198
|
-
className: o(b(
|
|
216
|
+
return v("div", {
|
|
217
|
+
role: b(506),
|
|
218
|
+
className: o(b(501), g),
|
|
199
219
|
"data-faded": f || void 0,
|
|
200
220
|
"data-selected": p || void 0,
|
|
201
221
|
"data-selectable": m || p !== void 0 ? !0 : void 0,
|
|
@@ -204,166 +224,146 @@ function x({ label: t, leading: s, description: c, badge: l, count: u, depth: d
|
|
|
204
224
|
onClick: m,
|
|
205
225
|
onKeyDown: C,
|
|
206
226
|
style: y,
|
|
207
|
-
children: [
|
|
208
|
-
className:
|
|
209
|
-
style: d ? { paddingInlineStart:
|
|
210
|
-
children: x ?
|
|
227
|
+
children: [_(b(545), {
|
|
228
|
+
className: b(549),
|
|
229
|
+
style: d ? { paddingInlineStart: b(469) + d + ")" } : void 0,
|
|
230
|
+
children: x ? v(r, {
|
|
211
231
|
gap: 3,
|
|
212
232
|
wrap: !1,
|
|
213
|
-
className: b(
|
|
233
|
+
className: b(540),
|
|
214
234
|
children: [
|
|
215
|
-
s != null &&
|
|
216
|
-
className: b(
|
|
235
|
+
s != null && _(b(523), {
|
|
236
|
+
className: b(572),
|
|
217
237
|
children: s
|
|
218
238
|
}),
|
|
219
|
-
|
|
239
|
+
v(i, {
|
|
220
240
|
gap: 0,
|
|
221
|
-
className: b(
|
|
222
|
-
children: [
|
|
241
|
+
className: b(487),
|
|
242
|
+
children: [v(r, {
|
|
223
243
|
gap: 2,
|
|
224
244
|
wrap: !1,
|
|
225
245
|
children: [S, l]
|
|
226
|
-
}), c != null &&
|
|
227
|
-
variant: b(
|
|
228
|
-
tone: b(
|
|
246
|
+
}), c != null && _(n, {
|
|
247
|
+
variant: b(552),
|
|
248
|
+
tone: b(520),
|
|
229
249
|
truncate: !0,
|
|
230
250
|
children: c
|
|
231
251
|
})]
|
|
232
252
|
}),
|
|
233
|
-
u != null &&
|
|
253
|
+
u != null && _(a, {
|
|
234
254
|
size: "sm",
|
|
235
255
|
square: !0,
|
|
236
|
-
className: b(
|
|
237
|
-
children: typeof u === b(
|
|
256
|
+
className: b(494),
|
|
257
|
+
children: typeof u === b(538) ? "+" + u : u
|
|
238
258
|
})
|
|
239
259
|
]
|
|
240
260
|
}) : S
|
|
241
|
-
}),
|
|
242
|
-
className:
|
|
243
|
-
children:
|
|
261
|
+
}), _(b(545), {
|
|
262
|
+
className: "ds-timeline__track",
|
|
263
|
+
children: h
|
|
244
264
|
})]
|
|
245
265
|
});
|
|
246
266
|
}
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
accent: e(382),
|
|
256
|
-
purple: e(337),
|
|
257
|
-
teal: e(418),
|
|
258
|
-
success: e(338),
|
|
259
|
-
warning: e(348),
|
|
260
|
-
danger: e(402)
|
|
267
|
+
var w = (e) => "var(--ds-timeline-" + e + ")", T = {
|
|
268
|
+
neutral: e(490),
|
|
269
|
+
accent: e(571),
|
|
270
|
+
purple: e(558),
|
|
271
|
+
teal: "var(--chart-3)",
|
|
272
|
+
success: "var(--success)",
|
|
273
|
+
warning: e(556),
|
|
274
|
+
danger: e(567)
|
|
261
275
|
};
|
|
262
|
-
function
|
|
263
|
-
e
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
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", {
|
|
276
|
+
function E({ start: n, end: r, variant: i = "fill", tone: a, size: s, children: c, leading: l, action: d, segments: f, limit: p, overTone: m = e(524), running: h, 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(495) ? k(565) : k(536)), F = Math[k(513)](n, r), I = Math.max(n, r), L = A(F), R = A(I) - L, z = p !== void 0 && p < I && i !== k(495) ? Math[k(551)](0, Math[k(513)](100, (I - Math[k(551)](p, F)) / (I - F || 1) * 100)) : 0, B = D ?? [
|
|
278
|
+
typeof c === k(474) || typeof c === k(538) ? String(c) : void 0,
|
|
279
|
+
j(F) + k(512) + j(I),
|
|
280
|
+
h && "진행 중"
|
|
281
|
+
][k(539)](Boolean).join(", "), V = null;
|
|
282
|
+
if (S || C) {
|
|
283
|
+
let e = _(k(544), {
|
|
284
284
|
type: "button",
|
|
285
|
-
className: k(
|
|
285
|
+
className: k(496),
|
|
286
286
|
"aria-label": B,
|
|
287
287
|
onClick: S
|
|
288
|
-
}), n = x == null ? e :
|
|
288
|
+
}), n = x == null ? e : _(t, {
|
|
289
289
|
content: x,
|
|
290
290
|
children: e
|
|
291
291
|
});
|
|
292
|
-
V =
|
|
293
|
-
} else x != null && (V =
|
|
292
|
+
V = C ? C(n) : n;
|
|
293
|
+
} else x != null && (V = _(t, {
|
|
294
294
|
content: x,
|
|
295
|
-
children:
|
|
296
|
-
className: k(
|
|
295
|
+
children: _("span", {
|
|
296
|
+
className: k(496),
|
|
297
297
|
tabIndex: 0,
|
|
298
298
|
"aria-label": B,
|
|
299
|
-
role: k(
|
|
299
|
+
role: k(570)
|
|
300
300
|
})
|
|
301
301
|
}));
|
|
302
302
|
let H = I - F || 1;
|
|
303
|
-
return g
|
|
303
|
+
return v(g, { children: [v(k(523), {
|
|
304
304
|
ref: E,
|
|
305
|
-
className: o(k(
|
|
306
|
-
"data-running":
|
|
305
|
+
className: o(k(522), k(547) + i, k(547) + N, M && "ds-timeline-bar--content", f && f[k(521)] > 0 && "ds-timeline-bar--segmented", O),
|
|
306
|
+
"data-running": h || void 0,
|
|
307
307
|
"data-over": z > 0 || void 0,
|
|
308
308
|
style: {
|
|
309
309
|
left: L + "%",
|
|
310
310
|
width: R + "%",
|
|
311
|
-
"--_c":
|
|
312
|
-
"--_over":
|
|
313
|
-
"--_ink":
|
|
311
|
+
"--_c": w(i === k(543) ? k(565) : P),
|
|
312
|
+
"--_over": w(m),
|
|
313
|
+
"--_ink": T[i === k(543) ? k(565) : P]
|
|
314
314
|
},
|
|
315
315
|
children: [
|
|
316
|
-
|
|
317
|
-
className: k(
|
|
318
|
-
children: [
|
|
319
|
-
className: k(
|
|
316
|
+
v("span", {
|
|
317
|
+
className: k(531),
|
|
318
|
+
children: [_(k(523), {
|
|
319
|
+
className: k(561),
|
|
320
320
|
style: { width: z + "%" }
|
|
321
|
-
}), f && f[k(
|
|
322
|
-
className: k(
|
|
323
|
-
children: f
|
|
324
|
-
let n = k, r = Math[n(
|
|
325
|
-
return
|
|
326
|
-
className: n(
|
|
321
|
+
}), f && f[k(521)] > 0 && _(k(523), {
|
|
322
|
+
className: k(505),
|
|
323
|
+
children: f[k(554)]((e, t) => {
|
|
324
|
+
let n = k, r = Math[n(551)](F, Math.min(e[n(553)], e.end)), i = Math[n(513)](I, Math[n(551)](e.start, e.end)), a = (r - F) / H * 100, o = Math[n(551)](0, i - r) / H * 100;
|
|
325
|
+
return _("span", {
|
|
326
|
+
className: n(562),
|
|
327
327
|
style: {
|
|
328
|
-
left: n(
|
|
329
|
-
width: n(
|
|
330
|
-
"--_c":
|
|
328
|
+
left: n(575) + a + n(514),
|
|
329
|
+
width: n(483) + o + "% - 2px))",
|
|
330
|
+
"--_c": w(e[n(486)] ?? "accent")
|
|
331
331
|
}
|
|
332
332
|
}, t);
|
|
333
333
|
})
|
|
334
334
|
})]
|
|
335
335
|
}),
|
|
336
|
-
V == null ? !M &&
|
|
337
|
-
className:
|
|
336
|
+
V == null ? !M && _(k(523), {
|
|
337
|
+
className: k(471),
|
|
338
338
|
children: B
|
|
339
|
-
}) :
|
|
340
|
-
className:
|
|
339
|
+
}) : _(k(523), {
|
|
340
|
+
className: "ds-timeline-bar__slot",
|
|
341
341
|
children: V
|
|
342
342
|
}),
|
|
343
|
-
M &&
|
|
343
|
+
M && v(k(523), {
|
|
344
344
|
className: "ds-timeline-bar__content",
|
|
345
345
|
children: [
|
|
346
|
-
l != null &&
|
|
347
|
-
className:
|
|
346
|
+
l != null && _("span", {
|
|
347
|
+
className: "ds-timeline-bar__leading",
|
|
348
348
|
"aria-hidden": V != null || void 0,
|
|
349
349
|
children: l
|
|
350
350
|
}),
|
|
351
|
-
c != null &&
|
|
352
|
-
className: k(
|
|
351
|
+
c != null && _(k(523), {
|
|
352
|
+
className: k(560),
|
|
353
353
|
"aria-hidden": V != null || void 0,
|
|
354
354
|
children: c
|
|
355
355
|
}),
|
|
356
|
-
d != null &&
|
|
357
|
-
className: k(
|
|
356
|
+
d != null && _(k(523), {
|
|
357
|
+
className: k(507),
|
|
358
358
|
children: d
|
|
359
359
|
})
|
|
360
360
|
]
|
|
361
361
|
})
|
|
362
362
|
]
|
|
363
|
-
}), y != null && y !== !1 &&
|
|
364
|
-
className: k(
|
|
365
|
-
style: { left: A(Math[k(
|
|
363
|
+
}), y != null && y !== !1 && _(k(523), {
|
|
364
|
+
className: k(489),
|
|
365
|
+
style: { left: A(Math[k(551)](I, b ?? I)) + "%" },
|
|
366
366
|
children: y
|
|
367
367
|
})] });
|
|
368
368
|
}
|
|
369
|
-
export {
|
|
369
|
+
export { S as Timeline, E as TimelineBar, C as TimelineRow };
|