@imfusion/web-ui 0.6.4-dev.1.g4ec1264f → 0.6.4-dev.7.g1840f300
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/dist/code-Ce8uiPsv.js +134 -0
- package/dist/components/code/code.d.ts +4 -6
- package/dist/components/typo/typo.d.ts +2 -2
- package/dist/index.js +935 -941
- package/dist/integrations/code-highlight.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/docgen/doc.gen.json +7 -21
- package/dist/code-BFMQnmu9.js +0 -147
package/dist/index.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { t as e } from "./chunk-DmhlhrBa.js";
|
|
2
2
|
import { t } from "./meta-CySnRuVp.js";
|
|
3
3
|
import { At as n, GT as r, Kv as i, Ma as a, Na as o, Pm as s, Qt as c, Qv as l, RA as u, Wk as d, Xo as ee, aE as f, hn as p, iv as te, r as m, sn as ne, t as re, zk as ie } from "./icons-Cy1HAosO.js";
|
|
4
|
-
import { a as ae, o as oe, r as se, t as ce } from "./code-
|
|
4
|
+
import { a as ae, o as oe, r as se, t as ce } from "./code-Ce8uiPsv.js";
|
|
5
5
|
import { S as le, c as ue, d as de, l as fe, m as pe, s as me, u as he } from "./tabs-DIe1Utiy.js";
|
|
6
6
|
import { Button as ge } from "@base-ui/react/button";
|
|
7
7
|
import { cva as _e, cva as h, cx as ve, cx as g } from "class-variance-authority";
|
|
8
|
-
import { Fragment as
|
|
9
|
-
import { IconoirProvider as
|
|
10
|
-
import { createContext as
|
|
11
|
-
import { Checkbox as
|
|
12
|
-
import { Field as
|
|
13
|
-
import { Fieldset as
|
|
14
|
-
import { Input as
|
|
15
|
-
import { Select as
|
|
16
|
-
import { Drawer as
|
|
17
|
-
import { Popover as
|
|
18
|
-
import { Separator as
|
|
19
|
-
import { mergeProps as
|
|
20
|
-
import { useRender as
|
|
21
|
-
import { Collapsible as
|
|
22
|
-
import { NavigationMenu as
|
|
23
|
-
import { Toast as
|
|
24
|
-
import { Tooltip as
|
|
25
|
-
var
|
|
8
|
+
import { Fragment as ye, jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
9
|
+
import { IconoirProvider as be } from "iconoir-react";
|
|
10
|
+
import { createContext as xe, useContext as Se, useEffect as Ce, useRef as we, useState as Te } from "react";
|
|
11
|
+
import { Checkbox as Ee } from "@base-ui/react/checkbox";
|
|
12
|
+
import { Field as y } from "@base-ui/react/field";
|
|
13
|
+
import { Fieldset as De } from "@base-ui/react/fieldset";
|
|
14
|
+
import { Input as Oe } from "@base-ui/react/input";
|
|
15
|
+
import { Select as b } from "@base-ui/react/select";
|
|
16
|
+
import { Drawer as x } from "@base-ui/react/drawer";
|
|
17
|
+
import { Popover as S } from "@base-ui/react/popover";
|
|
18
|
+
import { Separator as ke } from "@base-ui/react/separator";
|
|
19
|
+
import { mergeProps as C } from "@base-ui/react/merge-props";
|
|
20
|
+
import { useRender as w } from "@base-ui/react/use-render";
|
|
21
|
+
import { Collapsible as Ae } from "@base-ui/react/collapsible";
|
|
22
|
+
import { NavigationMenu as T } from "@base-ui/react/navigation-menu";
|
|
23
|
+
import { Toast as E } from "@base-ui/react/toast";
|
|
24
|
+
import { Tooltip as D } from "@base-ui/react/tooltip";
|
|
25
|
+
var O = {
|
|
26
26
|
chamfer: "imf-ui-button-module-chamfer",
|
|
27
27
|
endIcon: "imf-ui-button-module-endIcon",
|
|
28
28
|
label: "imf-ui-button-module-label",
|
|
@@ -42,38 +42,38 @@ var k = {
|
|
|
42
42
|
variantPositive: "imf-ui-button-module-variantPositive",
|
|
43
43
|
variantPrimary: "imf-ui-button-module-variantPrimary",
|
|
44
44
|
variantSecondary: "imf-ui-button-module-variantSecondary"
|
|
45
|
-
},
|
|
45
|
+
}, je = h(O.root, { variants: {
|
|
46
46
|
variant: {
|
|
47
|
-
primary:
|
|
48
|
-
secondary:
|
|
49
|
-
positive:
|
|
50
|
-
negative:
|
|
51
|
-
outline:
|
|
52
|
-
ghost:
|
|
47
|
+
primary: O.variantPrimary,
|
|
48
|
+
secondary: O.variantSecondary,
|
|
49
|
+
positive: O.variantPositive,
|
|
50
|
+
negative: O.variantNegative,
|
|
51
|
+
outline: O.variantOutline,
|
|
52
|
+
ghost: O.variantGhost
|
|
53
53
|
},
|
|
54
54
|
size: {
|
|
55
|
-
sm:
|
|
56
|
-
md:
|
|
57
|
-
lg:
|
|
58
|
-
hero:
|
|
55
|
+
sm: O.sizeSm,
|
|
56
|
+
md: O.sizeMd,
|
|
57
|
+
lg: O.sizeLg,
|
|
58
|
+
hero: O.sizeHero
|
|
59
59
|
},
|
|
60
60
|
chamfer: {
|
|
61
61
|
false: null,
|
|
62
|
-
true:
|
|
62
|
+
true: O.chamfer
|
|
63
63
|
},
|
|
64
64
|
radius: {
|
|
65
65
|
none: null,
|
|
66
|
-
sm:
|
|
67
|
-
md:
|
|
68
|
-
lg:
|
|
69
|
-
round:
|
|
66
|
+
sm: O.radiusSm,
|
|
67
|
+
md: O.radiusMd,
|
|
68
|
+
lg: O.radiusLg,
|
|
69
|
+
round: O.radiusRound
|
|
70
70
|
}
|
|
71
71
|
} });
|
|
72
|
-
function
|
|
73
|
-
return /* @__PURE__ */
|
|
72
|
+
function Me({ variant: e = "primary", size: t = "md", chamfer: n = t === "hero", radius: r = "none", className: i, startIcon: a, endIcon: o, children: s, ...c }) {
|
|
73
|
+
return /* @__PURE__ */ v(ge, {
|
|
74
74
|
...c,
|
|
75
75
|
"data-imf-ui-component": "Button",
|
|
76
|
-
className: (a) =>
|
|
76
|
+
className: (a) => je({
|
|
77
77
|
variant: e,
|
|
78
78
|
size: t,
|
|
79
79
|
chamfer: n,
|
|
@@ -81,17 +81,17 @@ function je({ variant: e = "primary", size: t = "md", chamfer: n = t === "hero",
|
|
|
81
81
|
className: typeof i == "function" ? i(a) : i
|
|
82
82
|
}),
|
|
83
83
|
children: [
|
|
84
|
-
a != null && /* @__PURE__ */
|
|
85
|
-
className:
|
|
84
|
+
a != null && /* @__PURE__ */ _("span", {
|
|
85
|
+
className: O.startIcon,
|
|
86
86
|
"aria-hidden": !0,
|
|
87
87
|
children: a
|
|
88
88
|
}),
|
|
89
|
-
/* @__PURE__ */
|
|
90
|
-
className:
|
|
89
|
+
/* @__PURE__ */ _("span", {
|
|
90
|
+
className: O.label,
|
|
91
91
|
children: s
|
|
92
92
|
}),
|
|
93
|
-
o != null && /* @__PURE__ */
|
|
94
|
-
className:
|
|
93
|
+
o != null && /* @__PURE__ */ _("span", {
|
|
94
|
+
className: O.endIcon,
|
|
95
95
|
"aria-hidden": !0,
|
|
96
96
|
children: o
|
|
97
97
|
})
|
|
@@ -100,7 +100,7 @@ function je({ variant: e = "primary", size: t = "md", chamfer: n = t === "hero",
|
|
|
100
100
|
}
|
|
101
101
|
//#endregion
|
|
102
102
|
//#region src/components/button/button.meta.ts
|
|
103
|
-
var
|
|
103
|
+
var Ne = {
|
|
104
104
|
name: "Button",
|
|
105
105
|
category: t.buttons,
|
|
106
106
|
status: "stable",
|
|
@@ -112,7 +112,7 @@ var Me = {
|
|
|
112
112
|
docLink: "https://base-ui.com/react/components/button",
|
|
113
113
|
llmDocLink: "https://base-ui.com/react/components/button.md"
|
|
114
114
|
}
|
|
115
|
-
},
|
|
115
|
+
}, k = {
|
|
116
116
|
appearanceOutline: "imf-ui-chip-module-appearanceOutline",
|
|
117
117
|
appearanceSolid: "imf-ui-chip-module-appearanceSolid",
|
|
118
118
|
appearanceSubtle: "imf-ui-chip-module-appearanceSubtle",
|
|
@@ -130,39 +130,39 @@ var Me = {
|
|
|
130
130
|
variantPrimary: "imf-ui-chip-module-variantPrimary",
|
|
131
131
|
variantSupport: "imf-ui-chip-module-variantSupport",
|
|
132
132
|
variantWarning: "imf-ui-chip-module-variantWarning"
|
|
133
|
-
},
|
|
133
|
+
}, Pe = h(k.root, { variants: {
|
|
134
134
|
variant: {
|
|
135
|
-
main:
|
|
136
|
-
support:
|
|
137
|
-
minor:
|
|
138
|
-
brand:
|
|
139
|
-
primary:
|
|
140
|
-
negative:
|
|
141
|
-
positive:
|
|
142
|
-
warning:
|
|
143
|
-
info:
|
|
144
|
-
"accent-1":
|
|
145
|
-
"accent-2":
|
|
146
|
-
"accent-3":
|
|
135
|
+
main: k.variantMain,
|
|
136
|
+
support: k.variantSupport,
|
|
137
|
+
minor: k.variantMinor,
|
|
138
|
+
brand: k.variantBrand,
|
|
139
|
+
primary: k.variantPrimary,
|
|
140
|
+
negative: k.variantNegative,
|
|
141
|
+
positive: k.variantPositive,
|
|
142
|
+
warning: k.variantWarning,
|
|
143
|
+
info: k.variantInfo,
|
|
144
|
+
"accent-1": k.variantAccent1,
|
|
145
|
+
"accent-2": k.variantAccent2,
|
|
146
|
+
"accent-3": k.variantAccent3
|
|
147
147
|
},
|
|
148
148
|
appearance: {
|
|
149
|
-
outline:
|
|
150
|
-
solid:
|
|
151
|
-
subtle:
|
|
149
|
+
outline: k.appearanceOutline,
|
|
150
|
+
solid: k.appearanceSolid,
|
|
151
|
+
subtle: k.appearanceSubtle
|
|
152
152
|
},
|
|
153
153
|
inline: {
|
|
154
154
|
false: null,
|
|
155
|
-
true:
|
|
155
|
+
true: k.inline
|
|
156
156
|
}
|
|
157
|
-
} }),
|
|
157
|
+
} }), Fe = {
|
|
158
158
|
icon: "imf-ui-chip-link-module-icon",
|
|
159
159
|
root: "imf-ui-chip-link-module-root"
|
|
160
160
|
};
|
|
161
161
|
//#endregion
|
|
162
162
|
//#region src/components/chip-link/chip-link.tsx
|
|
163
|
-
function
|
|
163
|
+
function Ie({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kind: r = "external", className: i, children: a, ...o }) {
|
|
164
164
|
let s = r === "external" ? p : c;
|
|
165
|
-
return /* @__PURE__ */
|
|
165
|
+
return /* @__PURE__ */ v("a", {
|
|
166
166
|
...r === "external" ? {
|
|
167
167
|
target: "_blank",
|
|
168
168
|
rel: "noreferrer"
|
|
@@ -170,16 +170,16 @@ function Fe({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
|
|
|
170
170
|
...o,
|
|
171
171
|
"data-imf-ui-component": "ChipLink",
|
|
172
172
|
"data-kind": r,
|
|
173
|
-
className:
|
|
173
|
+
className: Pe({
|
|
174
174
|
variant: e,
|
|
175
175
|
appearance: t,
|
|
176
176
|
inline: n,
|
|
177
|
-
className: g(
|
|
177
|
+
className: g(Fe.root, i)
|
|
178
178
|
}),
|
|
179
|
-
children: [a, /* @__PURE__ */
|
|
180
|
-
className:
|
|
179
|
+
children: [a, /* @__PURE__ */ _("span", {
|
|
180
|
+
className: Fe.icon,
|
|
181
181
|
"aria-hidden": !0,
|
|
182
|
-
children: /* @__PURE__ */
|
|
182
|
+
children: /* @__PURE__ */ _(m, {
|
|
183
183
|
glyph: s,
|
|
184
184
|
size: 12
|
|
185
185
|
})
|
|
@@ -188,24 +188,24 @@ function Fe({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
|
|
|
188
188
|
}
|
|
189
189
|
//#endregion
|
|
190
190
|
//#region src/components/chip-link/chip-link.meta.ts
|
|
191
|
-
var
|
|
191
|
+
var Le = {
|
|
192
192
|
name: "ChipLink",
|
|
193
193
|
category: t.buttons,
|
|
194
194
|
status: "stable",
|
|
195
195
|
description: "Link styled as a compact chip, with a directional icon for external references or in-app navigation. Also called a link chip or link badge.",
|
|
196
196
|
origin: "native"
|
|
197
|
-
},
|
|
198
|
-
function
|
|
199
|
-
let { copied: c, copy: l } = oe({ timeout:
|
|
200
|
-
return /* @__PURE__ */
|
|
197
|
+
}, Re = { root: "imf-ui-copy-button-module-root" }, ze = 1500;
|
|
198
|
+
function Be({ value: e, label: t = "Copy", copiedLabel: n = "Copied", variant: r = "secondary", size: i = "sm", className: o, ...s }) {
|
|
199
|
+
let { copied: c, copy: l } = oe({ timeout: ze }), u = c ? a : ee;
|
|
200
|
+
return /* @__PURE__ */ _(Me, {
|
|
201
201
|
...s,
|
|
202
202
|
variant: r,
|
|
203
203
|
size: i,
|
|
204
204
|
"data-copied": c || void 0,
|
|
205
205
|
"aria-label": c ? n : t,
|
|
206
206
|
onClick: () => l(e),
|
|
207
|
-
className: (e) => g(
|
|
208
|
-
children: /* @__PURE__ */
|
|
207
|
+
className: (e) => g(Re.root, typeof o == "function" ? o(e) : o),
|
|
208
|
+
children: /* @__PURE__ */ _(m, {
|
|
209
209
|
glyph: u,
|
|
210
210
|
size: 15,
|
|
211
211
|
strokeWidth: 2,
|
|
@@ -213,51 +213,51 @@ function ze({ value: e, label: t = "Copy", copiedLabel: n = "Copied", variant: r
|
|
|
213
213
|
})
|
|
214
214
|
});
|
|
215
215
|
}
|
|
216
|
-
|
|
216
|
+
Be.displayName = "CopyButton";
|
|
217
217
|
//#endregion
|
|
218
218
|
//#region src/components/copy-button/copy-button.meta.ts
|
|
219
|
-
var
|
|
219
|
+
var Ve = {
|
|
220
220
|
name: "CopyButton",
|
|
221
221
|
category: t.buttons,
|
|
222
222
|
status: "stable",
|
|
223
223
|
description: "Copies a value to the clipboard and briefly shows confirmation. Also called a copy-to-clipboard button; commonly used with Code.Block.",
|
|
224
224
|
origin: "native",
|
|
225
225
|
internalDependencies: ["Button"]
|
|
226
|
-
},
|
|
226
|
+
}, He = {
|
|
227
227
|
iconCheck: "imf-ui-checkbox-module-iconCheck",
|
|
228
228
|
iconIndeterminate: "imf-ui-checkbox-module-iconIndeterminate",
|
|
229
229
|
indicator: "imf-ui-checkbox-module-indicator",
|
|
230
230
|
root: "imf-ui-checkbox-module-root"
|
|
231
|
-
},
|
|
232
|
-
Indicator: () =>
|
|
233
|
-
Root: () =>
|
|
234
|
-
}),
|
|
235
|
-
function
|
|
236
|
-
return /* @__PURE__ */
|
|
231
|
+
}, Ue = /* @__PURE__ */ e({
|
|
232
|
+
Indicator: () => qe,
|
|
233
|
+
Root: () => Ke
|
|
234
|
+
}), We = h(He.root), Ge = h(He.indicator);
|
|
235
|
+
function Ke({ className: e, ...t }) {
|
|
236
|
+
return /* @__PURE__ */ _(Ee.Root, {
|
|
237
237
|
...t,
|
|
238
238
|
"data-imf-ui-component": "Checkbox.Root",
|
|
239
|
-
className: (t) =>
|
|
239
|
+
className: (t) => We({ className: typeof e == "function" ? e(t) : e }),
|
|
240
240
|
children: t.children
|
|
241
241
|
});
|
|
242
242
|
}
|
|
243
|
-
|
|
244
|
-
function
|
|
245
|
-
return /* @__PURE__ */
|
|
243
|
+
Ke.displayName = "Checkbox.Root";
|
|
244
|
+
function qe({ className: e, children: t, ...n }) {
|
|
245
|
+
return /* @__PURE__ */ _(Ee.Indicator, {
|
|
246
246
|
...n,
|
|
247
247
|
"data-imf-ui-component": "Checkbox.Indicator",
|
|
248
|
-
className: (t) =>
|
|
249
|
-
children: t ?? /* @__PURE__ */
|
|
250
|
-
className:
|
|
248
|
+
className: (t) => Ge({ className: typeof e == "function" ? e(t) : e }),
|
|
249
|
+
children: t ?? /* @__PURE__ */ v(ye, { children: [/* @__PURE__ */ _("span", {
|
|
250
|
+
className: He.iconCheck,
|
|
251
251
|
"aria-hidden": !0,
|
|
252
|
-
children: /* @__PURE__ */
|
|
252
|
+
children: /* @__PURE__ */ _(m, {
|
|
253
253
|
glyph: a,
|
|
254
254
|
size: 12,
|
|
255
255
|
strokeWidth: 3
|
|
256
256
|
})
|
|
257
|
-
}), /* @__PURE__ */
|
|
258
|
-
className:
|
|
257
|
+
}), /* @__PURE__ */ _("span", {
|
|
258
|
+
className: He.iconIndeterminate,
|
|
259
259
|
"aria-hidden": !0,
|
|
260
|
-
children: /* @__PURE__ */
|
|
260
|
+
children: /* @__PURE__ */ _(m, {
|
|
261
261
|
glyph: te,
|
|
262
262
|
size: 12,
|
|
263
263
|
strokeWidth: 3
|
|
@@ -265,10 +265,10 @@ function Ke({ className: e, children: t, ...n }) {
|
|
|
265
265
|
})] })
|
|
266
266
|
});
|
|
267
267
|
}
|
|
268
|
-
|
|
268
|
+
qe.displayName = "Checkbox.Indicator";
|
|
269
269
|
//#endregion
|
|
270
270
|
//#region src/components/checkbox/checkbox.meta.ts
|
|
271
|
-
var
|
|
271
|
+
var Je = {
|
|
272
272
|
name: "Checkbox",
|
|
273
273
|
category: t.inputs,
|
|
274
274
|
status: "stable",
|
|
@@ -280,77 +280,77 @@ var qe = {
|
|
|
280
280
|
docLink: "https://base-ui.com/react/components/checkbox",
|
|
281
281
|
llmDocLink: "https://base-ui.com/react/components/checkbox.md"
|
|
282
282
|
}
|
|
283
|
-
},
|
|
283
|
+
}, A = {
|
|
284
284
|
control: "imf-ui-field-module-control",
|
|
285
285
|
description: "imf-ui-field-module-description",
|
|
286
286
|
error: "imf-ui-field-module-error",
|
|
287
287
|
item: "imf-ui-field-module-item",
|
|
288
288
|
label: "imf-ui-field-module-label",
|
|
289
289
|
root: "imf-ui-field-module-root"
|
|
290
|
-
},
|
|
291
|
-
Control: () =>
|
|
292
|
-
Description: () =>
|
|
293
|
-
Error: () =>
|
|
294
|
-
Item: () =>
|
|
295
|
-
Label: () =>
|
|
296
|
-
Root: () =>
|
|
297
|
-
Validity: () =>
|
|
298
|
-
}),
|
|
299
|
-
function tt({ className: e, ...t }) {
|
|
300
|
-
return /* @__PURE__ */ v(b.Root, {
|
|
301
|
-
...t,
|
|
302
|
-
"data-imf-ui-component": "Field.Root",
|
|
303
|
-
className: (t) => Ye({ className: typeof e == "function" ? e(t) : e })
|
|
304
|
-
});
|
|
305
|
-
}
|
|
306
|
-
tt.displayName = "Field.Root";
|
|
290
|
+
}, Ye = /* @__PURE__ */ e({
|
|
291
|
+
Control: () => ot,
|
|
292
|
+
Description: () => at,
|
|
293
|
+
Error: () => st,
|
|
294
|
+
Item: () => rt,
|
|
295
|
+
Label: () => it,
|
|
296
|
+
Root: () => nt,
|
|
297
|
+
Validity: () => ct
|
|
298
|
+
}), Xe = h(A.root), Ze = h(A.item), Qe = h(A.label), $e = h(A.description), et = h(A.control), tt = h(A.error);
|
|
307
299
|
function nt({ className: e, ...t }) {
|
|
308
|
-
return /* @__PURE__ */
|
|
300
|
+
return /* @__PURE__ */ _(y.Root, {
|
|
309
301
|
...t,
|
|
310
|
-
"data-imf-ui-component": "Field.
|
|
302
|
+
"data-imf-ui-component": "Field.Root",
|
|
311
303
|
className: (t) => Xe({ className: typeof e == "function" ? e(t) : e })
|
|
312
304
|
});
|
|
313
305
|
}
|
|
314
|
-
nt.displayName = "Field.
|
|
306
|
+
nt.displayName = "Field.Root";
|
|
315
307
|
function rt({ className: e, ...t }) {
|
|
316
|
-
return /* @__PURE__ */
|
|
308
|
+
return /* @__PURE__ */ _(y.Item, {
|
|
317
309
|
...t,
|
|
318
|
-
"data-imf-ui-component": "Field.
|
|
310
|
+
"data-imf-ui-component": "Field.Item",
|
|
319
311
|
className: (t) => Ze({ className: typeof e == "function" ? e(t) : e })
|
|
320
312
|
});
|
|
321
313
|
}
|
|
322
|
-
rt.displayName = "Field.
|
|
314
|
+
rt.displayName = "Field.Item";
|
|
323
315
|
function it({ className: e, ...t }) {
|
|
324
|
-
return /* @__PURE__ */
|
|
316
|
+
return /* @__PURE__ */ _(y.Label, {
|
|
325
317
|
...t,
|
|
326
|
-
"data-imf-ui-component": "Field.
|
|
318
|
+
"data-imf-ui-component": "Field.Label",
|
|
327
319
|
className: (t) => Qe({ className: typeof e == "function" ? e(t) : e })
|
|
328
320
|
});
|
|
329
321
|
}
|
|
330
|
-
it.displayName = "Field.
|
|
322
|
+
it.displayName = "Field.Label";
|
|
331
323
|
function at({ className: e, ...t }) {
|
|
332
|
-
return /* @__PURE__ */
|
|
324
|
+
return /* @__PURE__ */ _(y.Description, {
|
|
333
325
|
...t,
|
|
334
|
-
"data-imf-ui-component": "Field.
|
|
326
|
+
"data-imf-ui-component": "Field.Description",
|
|
335
327
|
className: (t) => $e({ className: typeof e == "function" ? e(t) : e })
|
|
336
328
|
});
|
|
337
329
|
}
|
|
338
|
-
at.displayName = "Field.
|
|
330
|
+
at.displayName = "Field.Description";
|
|
339
331
|
function ot({ className: e, ...t }) {
|
|
340
|
-
return /* @__PURE__ */
|
|
332
|
+
return /* @__PURE__ */ _(y.Control, {
|
|
341
333
|
...t,
|
|
342
|
-
"data-imf-ui-component": "Field.
|
|
334
|
+
"data-imf-ui-component": "Field.Control",
|
|
343
335
|
className: (t) => et({ className: typeof e == "function" ? e(t) : e })
|
|
344
336
|
});
|
|
345
337
|
}
|
|
346
|
-
ot.displayName = "Field.
|
|
347
|
-
function st({
|
|
348
|
-
return /* @__PURE__ */
|
|
338
|
+
ot.displayName = "Field.Control";
|
|
339
|
+
function st({ className: e, ...t }) {
|
|
340
|
+
return /* @__PURE__ */ _(y.Error, {
|
|
341
|
+
...t,
|
|
342
|
+
"data-imf-ui-component": "Field.Error",
|
|
343
|
+
className: (t) => tt({ className: typeof e == "function" ? e(t) : e })
|
|
344
|
+
});
|
|
345
|
+
}
|
|
346
|
+
st.displayName = "Field.Error";
|
|
347
|
+
function ct({ children: e }) {
|
|
348
|
+
return /* @__PURE__ */ _(y.Validity, { children: e });
|
|
349
349
|
}
|
|
350
|
-
|
|
350
|
+
ct.displayName = "Field.Validity";
|
|
351
351
|
//#endregion
|
|
352
352
|
//#region src/components/field/field.meta.ts
|
|
353
|
-
var
|
|
353
|
+
var lt = {
|
|
354
354
|
name: "Field",
|
|
355
355
|
category: t.inputs,
|
|
356
356
|
status: "stable",
|
|
@@ -362,32 +362,32 @@ var ct = {
|
|
|
362
362
|
docLink: "https://base-ui.com/react/components/field",
|
|
363
363
|
llmDocLink: "https://base-ui.com/react/components/field.md"
|
|
364
364
|
}
|
|
365
|
-
},
|
|
365
|
+
}, ut = {
|
|
366
366
|
legend: "imf-ui-fieldset-module-legend",
|
|
367
367
|
root: "imf-ui-fieldset-module-root"
|
|
368
|
-
},
|
|
369
|
-
Legend: () =>
|
|
370
|
-
Root: () =>
|
|
371
|
-
}),
|
|
372
|
-
function
|
|
373
|
-
return /* @__PURE__ */
|
|
368
|
+
}, dt = /* @__PURE__ */ e({
|
|
369
|
+
Legend: () => ht,
|
|
370
|
+
Root: () => mt
|
|
371
|
+
}), ft = h(ut.root), pt = h(ut.legend);
|
|
372
|
+
function mt({ className: e, ...t }) {
|
|
373
|
+
return /* @__PURE__ */ _(De.Root, {
|
|
374
374
|
...t,
|
|
375
375
|
"data-imf-ui-component": "Fieldset.Root",
|
|
376
|
-
className: (t) =>
|
|
376
|
+
className: (t) => ft({ className: typeof e == "function" ? e(t) : e })
|
|
377
377
|
});
|
|
378
378
|
}
|
|
379
|
-
|
|
380
|
-
function
|
|
381
|
-
return /* @__PURE__ */
|
|
379
|
+
mt.displayName = "Fieldset.Root";
|
|
380
|
+
function ht({ className: e, ...t }) {
|
|
381
|
+
return /* @__PURE__ */ _(De.Legend, {
|
|
382
382
|
...t,
|
|
383
383
|
"data-imf-ui-component": "Fieldset.Legend",
|
|
384
|
-
className: (t) =>
|
|
384
|
+
className: (t) => pt({ className: typeof e == "function" ? e(t) : e })
|
|
385
385
|
});
|
|
386
386
|
}
|
|
387
|
-
|
|
387
|
+
ht.displayName = "Fieldset.Legend";
|
|
388
388
|
//#endregion
|
|
389
389
|
//#region src/components/fieldset/fieldset.meta.ts
|
|
390
|
-
var
|
|
390
|
+
var gt = {
|
|
391
391
|
name: "Fieldset",
|
|
392
392
|
category: t.inputs,
|
|
393
393
|
status: "stable",
|
|
@@ -399,7 +399,7 @@ var ht = {
|
|
|
399
399
|
docLink: "https://base-ui.com/react/components/fieldset",
|
|
400
400
|
llmDocLink: "https://base-ui.com/react/components/fieldset.md"
|
|
401
401
|
}
|
|
402
|
-
},
|
|
402
|
+
}, j = {
|
|
403
403
|
clearButton: "imf-ui-input-module-clearButton",
|
|
404
404
|
root: "imf-ui-input-module-root",
|
|
405
405
|
searchRoot: "imf-ui-input-module-searchRoot",
|
|
@@ -409,22 +409,22 @@ var ht = {
|
|
|
409
409
|
variantFilled: "imf-ui-input-module-variantFilled",
|
|
410
410
|
variantGhost: "imf-ui-input-module-variantGhost",
|
|
411
411
|
variantOutline: "imf-ui-input-module-variantOutline"
|
|
412
|
-
},
|
|
412
|
+
}, _t = h(j.root, { variants: {
|
|
413
413
|
variant: {
|
|
414
|
-
outline:
|
|
415
|
-
filled:
|
|
416
|
-
ghost:
|
|
414
|
+
outline: j.variantOutline,
|
|
415
|
+
filled: j.variantFilled,
|
|
416
|
+
ghost: j.variantGhost
|
|
417
417
|
},
|
|
418
418
|
size: {
|
|
419
|
-
sm:
|
|
420
|
-
md:
|
|
421
|
-
lg:
|
|
419
|
+
sm: j.sizeSm,
|
|
420
|
+
md: j.sizeMd,
|
|
421
|
+
lg: j.sizeLg
|
|
422
422
|
}
|
|
423
423
|
} });
|
|
424
|
-
function
|
|
425
|
-
let d = n === "search", [ee, f] =
|
|
424
|
+
function vt({ variant: e = "outline", size: t = "md", type: n, value: r, defaultValue: i, onValueChange: a, onClear: o, disabled: s, className: c, ...l }) {
|
|
425
|
+
let d = n === "search", [ee, f] = Te(i ?? ""), p = r ?? ee, te = p != null && String(p).length > 0, ne = (e, t) => {
|
|
426
426
|
d && r === void 0 && f(e), a?.(e, t);
|
|
427
|
-
}, re = /* @__PURE__ */
|
|
427
|
+
}, re = /* @__PURE__ */ _(Oe, {
|
|
428
428
|
...l,
|
|
429
429
|
type: n,
|
|
430
430
|
value: d ? p : r,
|
|
@@ -432,22 +432,22 @@ function _t({ variant: e = "outline", size: t = "md", type: n, value: r, default
|
|
|
432
432
|
disabled: s,
|
|
433
433
|
onValueChange: d ? ne : a,
|
|
434
434
|
"data-imf-ui-component": "Input",
|
|
435
|
-
className: (n) =>
|
|
435
|
+
className: (n) => _t({
|
|
436
436
|
variant: e,
|
|
437
437
|
size: t,
|
|
438
438
|
className: typeof c == "function" ? c(n) : c
|
|
439
439
|
})
|
|
440
440
|
});
|
|
441
|
-
return d ? /* @__PURE__ */
|
|
442
|
-
className: typeof c == "string" ? `${
|
|
443
|
-
children: [re, te && !s && /* @__PURE__ */
|
|
441
|
+
return d ? /* @__PURE__ */ v("div", {
|
|
442
|
+
className: typeof c == "string" ? `${j.searchRoot} ${c}` : j.searchRoot,
|
|
443
|
+
children: [re, te && !s && /* @__PURE__ */ _("button", {
|
|
444
444
|
type: "button",
|
|
445
|
-
className:
|
|
445
|
+
className: j.clearButton,
|
|
446
446
|
"aria-label": "Clear input",
|
|
447
447
|
onClick: () => {
|
|
448
448
|
r === void 0 && f(""), o?.();
|
|
449
449
|
},
|
|
450
|
-
children: /* @__PURE__ */
|
|
450
|
+
children: /* @__PURE__ */ _(m, {
|
|
451
451
|
glyph: u,
|
|
452
452
|
size: 16,
|
|
453
453
|
"aria-hidden": !0
|
|
@@ -457,7 +457,7 @@ function _t({ variant: e = "outline", size: t = "md", type: n, value: r, default
|
|
|
457
457
|
}
|
|
458
458
|
//#endregion
|
|
459
459
|
//#region src/components/input/input.meta.ts
|
|
460
|
-
var
|
|
460
|
+
var yt = {
|
|
461
461
|
name: "Input",
|
|
462
462
|
category: t.inputs,
|
|
463
463
|
status: "stable",
|
|
@@ -469,7 +469,7 @@ var vt = {
|
|
|
469
469
|
docLink: "https://base-ui.com/react/components/input",
|
|
470
470
|
llmDocLink: "https://base-ui.com/react/components/input.md"
|
|
471
471
|
}
|
|
472
|
-
},
|
|
472
|
+
}, M = {
|
|
473
473
|
arrow: "imf-ui-select-module-arrow",
|
|
474
474
|
group: "imf-ui-select-module-group",
|
|
475
475
|
groupLabel: "imf-ui-select-module-groupLabel",
|
|
@@ -487,195 +487,195 @@ var vt = {
|
|
|
487
487
|
separator: "imf-ui-select-module-separator",
|
|
488
488
|
trigger: "imf-ui-select-module-trigger",
|
|
489
489
|
value: "imf-ui-select-module-value"
|
|
490
|
-
},
|
|
491
|
-
Arrow: () =>
|
|
492
|
-
Backdrop: () =>
|
|
493
|
-
Group: () =>
|
|
494
|
-
GroupLabel: () =>
|
|
495
|
-
Icon: () =>
|
|
496
|
-
Item: () =>
|
|
497
|
-
ItemIndicator: () =>
|
|
498
|
-
ItemText: () =>
|
|
499
|
-
Label: () =>
|
|
500
|
-
List: () =>
|
|
501
|
-
Popup: () =>
|
|
502
|
-
Portal: () =>
|
|
503
|
-
Positioner: () =>
|
|
504
|
-
Root: () =>
|
|
505
|
-
ScrollDownArrow: () =>
|
|
506
|
-
ScrollUpArrow: () =>
|
|
507
|
-
Separator: () =>
|
|
508
|
-
Trigger: () =>
|
|
509
|
-
Value: () =>
|
|
510
|
-
}),
|
|
511
|
-
function
|
|
512
|
-
return /* @__PURE__ */
|
|
513
|
-
className:
|
|
490
|
+
}, bt = /* @__PURE__ */ e({
|
|
491
|
+
Arrow: () => Jt,
|
|
492
|
+
Backdrop: () => Gt,
|
|
493
|
+
Group: () => $t,
|
|
494
|
+
GroupLabel: () => en,
|
|
495
|
+
Icon: () => Ut,
|
|
496
|
+
Item: () => Xt,
|
|
497
|
+
ItemIndicator: () => Zt,
|
|
498
|
+
ItemText: () => Qt,
|
|
499
|
+
Label: () => Bt,
|
|
500
|
+
List: () => Yt,
|
|
501
|
+
Popup: () => qt,
|
|
502
|
+
Portal: () => Wt,
|
|
503
|
+
Positioner: () => Kt,
|
|
504
|
+
Root: () => zt,
|
|
505
|
+
ScrollDownArrow: () => rn,
|
|
506
|
+
ScrollUpArrow: () => nn,
|
|
507
|
+
Separator: () => tn,
|
|
508
|
+
Trigger: () => Vt,
|
|
509
|
+
Value: () => Ht
|
|
510
|
+
}), xt = h(M.root), St = h(M.label), Ct = h(M.trigger), wt = h(M.value), Tt = h(M.icon), Et = h(M.backdrop), Dt = h(M.positioner), Ot = h(M.popup), kt = h(M.arrow), At = h(M.list), jt = h(M.item), Mt = h(M.itemIndicator), Nt = h(M.itemText), Pt = h(M.group), Ft = h(M.groupLabel), It = h(M.separator), Lt = h(M.scrollUpArrow), Rt = h(M.scrollDownArrow);
|
|
511
|
+
function zt({ className: e, style: t, ...n }) {
|
|
512
|
+
return /* @__PURE__ */ _("div", {
|
|
513
|
+
className: xt({ className: e }),
|
|
514
514
|
style: t,
|
|
515
|
-
children: /* @__PURE__ */
|
|
515
|
+
children: /* @__PURE__ */ _(b.Root, { ...n })
|
|
516
516
|
});
|
|
517
517
|
}
|
|
518
|
-
|
|
519
|
-
function
|
|
520
|
-
return /* @__PURE__ */
|
|
518
|
+
zt.displayName = "Select.Root";
|
|
519
|
+
function Bt({ className: e, ...t }) {
|
|
520
|
+
return /* @__PURE__ */ _(b.Label, {
|
|
521
521
|
...t,
|
|
522
522
|
"data-imf-ui-component": "Select.Label",
|
|
523
|
-
className: (t) =>
|
|
523
|
+
className: (t) => St({ className: typeof e == "function" ? e(t) : e }),
|
|
524
524
|
children: t.children
|
|
525
525
|
});
|
|
526
526
|
}
|
|
527
|
-
|
|
528
|
-
function
|
|
529
|
-
return /* @__PURE__ */
|
|
527
|
+
Bt.displayName = "Select.Label";
|
|
528
|
+
function Vt({ className: e, ...t }) {
|
|
529
|
+
return /* @__PURE__ */ _(b.Trigger, {
|
|
530
530
|
...t,
|
|
531
531
|
"data-imf-ui-component": "Select.Trigger",
|
|
532
|
-
className: (t) =>
|
|
532
|
+
className: (t) => Ct({ className: typeof e == "function" ? e(t) : e }),
|
|
533
533
|
children: t.children
|
|
534
534
|
});
|
|
535
535
|
}
|
|
536
|
-
|
|
537
|
-
function
|
|
538
|
-
return /* @__PURE__ */
|
|
536
|
+
Vt.displayName = "Select.Trigger";
|
|
537
|
+
function Ht({ className: e, children: t, ...n }) {
|
|
538
|
+
return /* @__PURE__ */ _(b.Value, {
|
|
539
539
|
...n,
|
|
540
540
|
"data-imf-ui-component": "Select.Value",
|
|
541
|
-
className: (t) =>
|
|
541
|
+
className: (t) => wt({ className: typeof e == "function" ? e(t) : e }),
|
|
542
542
|
children: t
|
|
543
543
|
});
|
|
544
544
|
}
|
|
545
|
-
|
|
546
|
-
function
|
|
547
|
-
return /* @__PURE__ */
|
|
545
|
+
Ht.displayName = "Select.Value";
|
|
546
|
+
function Ut({ className: e, ...t }) {
|
|
547
|
+
return /* @__PURE__ */ _(b.Icon, {
|
|
548
548
|
...t,
|
|
549
549
|
"data-imf-ui-component": "Select.Icon",
|
|
550
|
-
className: (t) =>
|
|
550
|
+
className: (t) => Tt({ className: typeof e == "function" ? e(t) : e }),
|
|
551
551
|
children: t.children
|
|
552
552
|
});
|
|
553
553
|
}
|
|
554
|
-
|
|
555
|
-
function
|
|
556
|
-
return /* @__PURE__ */
|
|
554
|
+
Ut.displayName = "Select.Icon";
|
|
555
|
+
function Wt(e) {
|
|
556
|
+
return /* @__PURE__ */ _(b.Portal, { ...e });
|
|
557
557
|
}
|
|
558
|
-
|
|
559
|
-
function
|
|
560
|
-
return /* @__PURE__ */
|
|
558
|
+
Wt.displayName = "Select.Portal";
|
|
559
|
+
function Gt({ className: e, ...t }) {
|
|
560
|
+
return /* @__PURE__ */ _(b.Backdrop, {
|
|
561
561
|
...t,
|
|
562
562
|
"data-imf-ui-component": "Select.Backdrop",
|
|
563
|
-
className: (t) =>
|
|
563
|
+
className: (t) => Et({ className: typeof e == "function" ? e(t) : e })
|
|
564
564
|
});
|
|
565
565
|
}
|
|
566
|
-
|
|
567
|
-
function
|
|
568
|
-
return /* @__PURE__ */
|
|
566
|
+
Gt.displayName = "Select.Backdrop";
|
|
567
|
+
function Kt({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ...r }) {
|
|
568
|
+
return /* @__PURE__ */ _(b.Positioner, {
|
|
569
569
|
...r,
|
|
570
570
|
align: t,
|
|
571
571
|
alignItemWithTrigger: n,
|
|
572
572
|
"data-imf-ui-component": "Select.Positioner",
|
|
573
|
-
className: (t) => Et({ className: typeof e == "function" ? e(t) : e }),
|
|
574
|
-
children: r.children
|
|
575
|
-
});
|
|
576
|
-
}
|
|
577
|
-
Gt.displayName = "Select.Positioner";
|
|
578
|
-
function Kt({ className: e, ...t }) {
|
|
579
|
-
return /* @__PURE__ */ v(x.Popup, {
|
|
580
|
-
...t,
|
|
581
|
-
"data-imf-ui-component": "Select.Popup",
|
|
582
573
|
className: (t) => Dt({ className: typeof e == "function" ? e(t) : e }),
|
|
583
|
-
children:
|
|
574
|
+
children: r.children
|
|
584
575
|
});
|
|
585
576
|
}
|
|
586
|
-
Kt.displayName = "Select.
|
|
577
|
+
Kt.displayName = "Select.Positioner";
|
|
587
578
|
function qt({ className: e, ...t }) {
|
|
588
|
-
return /* @__PURE__ */
|
|
579
|
+
return /* @__PURE__ */ _(b.Popup, {
|
|
589
580
|
...t,
|
|
590
|
-
"data-imf-ui-component": "Select.
|
|
581
|
+
"data-imf-ui-component": "Select.Popup",
|
|
591
582
|
className: (t) => Ot({ className: typeof e == "function" ? e(t) : e }),
|
|
592
583
|
children: t.children
|
|
593
584
|
});
|
|
594
585
|
}
|
|
595
|
-
qt.displayName = "Select.
|
|
586
|
+
qt.displayName = "Select.Popup";
|
|
596
587
|
function Jt({ className: e, ...t }) {
|
|
597
|
-
return /* @__PURE__ */
|
|
588
|
+
return /* @__PURE__ */ _(b.Arrow, {
|
|
598
589
|
...t,
|
|
599
|
-
"data-imf-ui-component": "Select.
|
|
590
|
+
"data-imf-ui-component": "Select.Arrow",
|
|
600
591
|
className: (t) => kt({ className: typeof e == "function" ? e(t) : e }),
|
|
601
592
|
children: t.children
|
|
602
593
|
});
|
|
603
594
|
}
|
|
604
|
-
Jt.displayName = "Select.
|
|
595
|
+
Jt.displayName = "Select.Arrow";
|
|
605
596
|
function Yt({ className: e, ...t }) {
|
|
606
|
-
return /* @__PURE__ */
|
|
597
|
+
return /* @__PURE__ */ _(b.List, {
|
|
607
598
|
...t,
|
|
608
|
-
"data-imf-ui-component": "Select.
|
|
599
|
+
"data-imf-ui-component": "Select.List",
|
|
609
600
|
className: (t) => At({ className: typeof e == "function" ? e(t) : e }),
|
|
610
601
|
children: t.children
|
|
611
602
|
});
|
|
612
603
|
}
|
|
613
|
-
Yt.displayName = "Select.
|
|
604
|
+
Yt.displayName = "Select.List";
|
|
614
605
|
function Xt({ className: e, ...t }) {
|
|
615
|
-
return /* @__PURE__ */
|
|
606
|
+
return /* @__PURE__ */ _(b.Item, {
|
|
616
607
|
...t,
|
|
617
|
-
"data-imf-ui-component": "Select.
|
|
608
|
+
"data-imf-ui-component": "Select.Item",
|
|
618
609
|
className: (t) => jt({ className: typeof e == "function" ? e(t) : e }),
|
|
619
610
|
children: t.children
|
|
620
611
|
});
|
|
621
612
|
}
|
|
622
|
-
Xt.displayName = "Select.
|
|
613
|
+
Xt.displayName = "Select.Item";
|
|
623
614
|
function Zt({ className: e, ...t }) {
|
|
624
|
-
return /* @__PURE__ */
|
|
615
|
+
return /* @__PURE__ */ _(b.ItemIndicator, {
|
|
625
616
|
...t,
|
|
626
|
-
"data-imf-ui-component": "Select.
|
|
617
|
+
"data-imf-ui-component": "Select.ItemIndicator",
|
|
627
618
|
className: (t) => Mt({ className: typeof e == "function" ? e(t) : e }),
|
|
628
619
|
children: t.children
|
|
629
620
|
});
|
|
630
621
|
}
|
|
631
|
-
Zt.displayName = "Select.
|
|
622
|
+
Zt.displayName = "Select.ItemIndicator";
|
|
632
623
|
function Qt({ className: e, ...t }) {
|
|
633
|
-
return /* @__PURE__ */
|
|
624
|
+
return /* @__PURE__ */ _(b.ItemText, {
|
|
634
625
|
...t,
|
|
635
|
-
"data-imf-ui-component": "Select.
|
|
626
|
+
"data-imf-ui-component": "Select.ItemText",
|
|
636
627
|
className: (t) => Nt({ className: typeof e == "function" ? e(t) : e }),
|
|
637
628
|
children: t.children
|
|
638
629
|
});
|
|
639
630
|
}
|
|
640
|
-
Qt.displayName = "Select.
|
|
631
|
+
Qt.displayName = "Select.ItemText";
|
|
641
632
|
function $t({ className: e, ...t }) {
|
|
642
|
-
return /* @__PURE__ */
|
|
633
|
+
return /* @__PURE__ */ _(b.Group, {
|
|
643
634
|
...t,
|
|
644
|
-
"data-imf-ui-component": "Select.
|
|
635
|
+
"data-imf-ui-component": "Select.Group",
|
|
645
636
|
className: (t) => Pt({ className: typeof e == "function" ? e(t) : e }),
|
|
646
637
|
children: t.children
|
|
647
638
|
});
|
|
648
639
|
}
|
|
649
|
-
$t.displayName = "Select.
|
|
640
|
+
$t.displayName = "Select.Group";
|
|
650
641
|
function en({ className: e, ...t }) {
|
|
651
|
-
return /* @__PURE__ */
|
|
642
|
+
return /* @__PURE__ */ _(b.GroupLabel, {
|
|
652
643
|
...t,
|
|
653
|
-
"data-imf-ui-component": "Select.
|
|
654
|
-
className: (t) => Ft({ className: typeof e == "function" ? e(t) : e })
|
|
644
|
+
"data-imf-ui-component": "Select.GroupLabel",
|
|
645
|
+
className: (t) => Ft({ className: typeof e == "function" ? e(t) : e }),
|
|
646
|
+
children: t.children
|
|
655
647
|
});
|
|
656
648
|
}
|
|
657
|
-
en.displayName = "Select.
|
|
649
|
+
en.displayName = "Select.GroupLabel";
|
|
658
650
|
function tn({ className: e, ...t }) {
|
|
659
|
-
return /* @__PURE__ */
|
|
651
|
+
return /* @__PURE__ */ _(b.Separator, {
|
|
652
|
+
...t,
|
|
653
|
+
"data-imf-ui-component": "Select.Separator",
|
|
654
|
+
className: (t) => It({ className: typeof e == "function" ? e(t) : e })
|
|
655
|
+
});
|
|
656
|
+
}
|
|
657
|
+
tn.displayName = "Select.Separator";
|
|
658
|
+
function nn({ className: e, ...t }) {
|
|
659
|
+
return /* @__PURE__ */ _(b.ScrollUpArrow, {
|
|
660
660
|
...t,
|
|
661
661
|
"data-imf-ui-component": "Select.ScrollUpArrow",
|
|
662
|
-
className: (t) =>
|
|
662
|
+
className: (t) => Lt({ className: typeof e == "function" ? e(t) : e }),
|
|
663
663
|
children: t.children
|
|
664
664
|
});
|
|
665
665
|
}
|
|
666
|
-
|
|
667
|
-
function
|
|
668
|
-
return /* @__PURE__ */
|
|
666
|
+
nn.displayName = "Select.ScrollUpArrow";
|
|
667
|
+
function rn({ className: e, ...t }) {
|
|
668
|
+
return /* @__PURE__ */ _(b.ScrollDownArrow, {
|
|
669
669
|
...t,
|
|
670
670
|
"data-imf-ui-component": "Select.ScrollDownArrow",
|
|
671
|
-
className: (t) =>
|
|
671
|
+
className: (t) => Rt({ className: typeof e == "function" ? e(t) : e }),
|
|
672
672
|
children: t.children
|
|
673
673
|
});
|
|
674
674
|
}
|
|
675
|
-
|
|
675
|
+
rn.displayName = "Select.ScrollDownArrow";
|
|
676
676
|
//#endregion
|
|
677
677
|
//#region src/components/select/select.meta.ts
|
|
678
|
-
var
|
|
678
|
+
var an = {
|
|
679
679
|
name: "Select",
|
|
680
680
|
category: t.inputs,
|
|
681
681
|
status: "stable",
|
|
@@ -687,7 +687,7 @@ var rn = {
|
|
|
687
687
|
docLink: "https://base-ui.com/react/components/select",
|
|
688
688
|
llmDocLink: "https://base-ui.com/react/components/select.md"
|
|
689
689
|
}
|
|
690
|
-
},
|
|
690
|
+
}, on = {
|
|
691
691
|
name: "Slider",
|
|
692
692
|
category: t.inputs,
|
|
693
693
|
status: "stable",
|
|
@@ -699,7 +699,7 @@ var rn = {
|
|
|
699
699
|
docLink: "https://base-ui.com/react/components/slider",
|
|
700
700
|
llmDocLink: "https://base-ui.com/react/components/slider.md"
|
|
701
701
|
}
|
|
702
|
-
},
|
|
702
|
+
}, sn = {
|
|
703
703
|
name: "Switch",
|
|
704
704
|
category: t.inputs,
|
|
705
705
|
status: "stable",
|
|
@@ -711,7 +711,7 @@ var rn = {
|
|
|
711
711
|
docLink: "https://base-ui.com/react/components/switch",
|
|
712
712
|
llmDocLink: "https://base-ui.com/react/components/switch.md"
|
|
713
713
|
}
|
|
714
|
-
},
|
|
714
|
+
}, cn = {
|
|
715
715
|
name: "Toggle",
|
|
716
716
|
category: t.inputs,
|
|
717
717
|
status: "experimental",
|
|
@@ -723,7 +723,7 @@ var rn = {
|
|
|
723
723
|
docLink: "https://base-ui.com/react/components/toggle",
|
|
724
724
|
llmDocLink: "https://base-ui.com/react/components/toggle.md"
|
|
725
725
|
}
|
|
726
|
-
},
|
|
726
|
+
}, ln = {
|
|
727
727
|
name: "ToggleGroup",
|
|
728
728
|
category: t.inputs,
|
|
729
729
|
status: "experimental",
|
|
@@ -735,7 +735,7 @@ var rn = {
|
|
|
735
735
|
docLink: "https://base-ui.com/react/components/toggle-group",
|
|
736
736
|
llmDocLink: "https://base-ui.com/react/components/toggle-group.md"
|
|
737
737
|
}
|
|
738
|
-
},
|
|
738
|
+
}, N = {
|
|
739
739
|
aside: "imf-ui-app-shell-module-aside",
|
|
740
740
|
footer: "imf-ui-app-shell-module-footer",
|
|
741
741
|
header: "imf-ui-app-shell-module-header",
|
|
@@ -743,83 +743,83 @@ var rn = {
|
|
|
743
743
|
navbar: "imf-ui-app-shell-module-navbar",
|
|
744
744
|
root: "imf-ui-app-shell-module-root",
|
|
745
745
|
section: "imf-ui-app-shell-module-section"
|
|
746
|
-
},
|
|
747
|
-
Aside: () =>
|
|
748
|
-
Footer: () =>
|
|
749
|
-
Header: () =>
|
|
750
|
-
Main: () =>
|
|
751
|
-
Navbar: () =>
|
|
752
|
-
Root: () =>
|
|
753
|
-
Section: () =>
|
|
754
|
-
}),
|
|
755
|
-
function
|
|
756
|
-
return /* @__PURE__ */
|
|
746
|
+
}, un = /* @__PURE__ */ e({
|
|
747
|
+
Aside: () => xn,
|
|
748
|
+
Footer: () => Sn,
|
|
749
|
+
Header: () => yn,
|
|
750
|
+
Main: () => Cn,
|
|
751
|
+
Navbar: () => bn,
|
|
752
|
+
Root: () => vn,
|
|
753
|
+
Section: () => wn
|
|
754
|
+
}), dn = h(N.root), fn = h(N.header), pn = h(N.navbar), mn = h(N.aside), hn = h(N.footer), gn = h(N.main), _n = h(N.section);
|
|
755
|
+
function vn({ className: e, ...t }) {
|
|
756
|
+
return /* @__PURE__ */ _("div", {
|
|
757
757
|
...t,
|
|
758
758
|
"data-imf-ui-component": "AppShell.Root",
|
|
759
|
-
className:
|
|
759
|
+
className: dn({ className: e })
|
|
760
760
|
});
|
|
761
761
|
}
|
|
762
|
-
|
|
763
|
-
function
|
|
764
|
-
return /* @__PURE__ */
|
|
762
|
+
vn.displayName = "AppShell.Root";
|
|
763
|
+
function yn({ className: e, ...t }) {
|
|
764
|
+
return /* @__PURE__ */ _("header", {
|
|
765
765
|
...t,
|
|
766
766
|
"data-imf-ui-component": "AppShell.Header",
|
|
767
|
-
className:
|
|
767
|
+
className: fn({ className: e })
|
|
768
768
|
});
|
|
769
769
|
}
|
|
770
|
-
|
|
771
|
-
function
|
|
772
|
-
return /* @__PURE__ */
|
|
770
|
+
yn.displayName = "AppShell.Header";
|
|
771
|
+
function bn({ className: e, open: t, ...n }) {
|
|
772
|
+
return /* @__PURE__ */ _("nav", {
|
|
773
773
|
...n,
|
|
774
774
|
"data-imf-ui-component": "AppShell.Navbar",
|
|
775
775
|
"data-open": t ? "" : void 0,
|
|
776
|
-
className:
|
|
776
|
+
className: pn({ className: e })
|
|
777
777
|
});
|
|
778
778
|
}
|
|
779
|
-
|
|
780
|
-
function
|
|
781
|
-
return /* @__PURE__ */
|
|
779
|
+
bn.displayName = "AppShell.Navbar";
|
|
780
|
+
function xn({ className: e, open: t, ...n }) {
|
|
781
|
+
return /* @__PURE__ */ _("aside", {
|
|
782
782
|
...n,
|
|
783
783
|
"data-imf-ui-component": "AppShell.Aside",
|
|
784
784
|
"data-open": t ? "" : void 0,
|
|
785
|
-
className:
|
|
785
|
+
className: mn({ className: e })
|
|
786
786
|
});
|
|
787
787
|
}
|
|
788
|
-
|
|
789
|
-
function
|
|
790
|
-
return /* @__PURE__ */
|
|
788
|
+
xn.displayName = "AppShell.Aside";
|
|
789
|
+
function Sn({ className: e, ...t }) {
|
|
790
|
+
return /* @__PURE__ */ _("footer", {
|
|
791
791
|
...t,
|
|
792
792
|
"data-imf-ui-component": "AppShell.Footer",
|
|
793
|
-
className:
|
|
793
|
+
className: hn({ className: e })
|
|
794
794
|
});
|
|
795
795
|
}
|
|
796
|
-
|
|
797
|
-
function
|
|
798
|
-
return /* @__PURE__ */
|
|
796
|
+
Sn.displayName = "AppShell.Footer";
|
|
797
|
+
function Cn({ className: e, ...t }) {
|
|
798
|
+
return /* @__PURE__ */ _("main", {
|
|
799
799
|
...t,
|
|
800
800
|
"data-imf-ui-component": "AppShell.Main",
|
|
801
|
-
className:
|
|
801
|
+
className: gn({ className: e })
|
|
802
802
|
});
|
|
803
803
|
}
|
|
804
|
-
|
|
805
|
-
function
|
|
806
|
-
return /* @__PURE__ */
|
|
804
|
+
Cn.displayName = "AppShell.Main";
|
|
805
|
+
function wn({ className: e, grow: t, ...n }) {
|
|
806
|
+
return /* @__PURE__ */ _("div", {
|
|
807
807
|
...n,
|
|
808
808
|
"data-imf-ui-component": "AppShell.Section",
|
|
809
809
|
"data-grow": t ? "" : void 0,
|
|
810
|
-
className:
|
|
810
|
+
className: _n({ className: e })
|
|
811
811
|
});
|
|
812
812
|
}
|
|
813
|
-
|
|
813
|
+
wn.displayName = "AppShell.Section";
|
|
814
814
|
//#endregion
|
|
815
815
|
//#region src/components/app-shell/app-shell.meta.ts
|
|
816
|
-
var
|
|
816
|
+
var Tn = {
|
|
817
817
|
name: "AppShell",
|
|
818
818
|
category: t.layout,
|
|
819
819
|
status: "stable",
|
|
820
820
|
description: "Application layout shell for a header, sidebars, footer, and scrolling main area. Also called an app layout or dashboard shell; sizing is CSS-driven and sidebars can become sliding panels on small screens.",
|
|
821
821
|
origin: "native"
|
|
822
|
-
},
|
|
822
|
+
}, P = {
|
|
823
823
|
content: "imf-ui-card-module-content",
|
|
824
824
|
densityComfortable: "imf-ui-card-module-densityComfortable",
|
|
825
825
|
densityCompact: "imf-ui-card-module-densityCompact",
|
|
@@ -843,49 +843,49 @@ var wn = {
|
|
|
843
843
|
variantMinor: "imf-ui-card-module-variantMinor",
|
|
844
844
|
variantPrimary: "imf-ui-card-module-variantPrimary",
|
|
845
845
|
variantSupport: "imf-ui-card-module-variantSupport"
|
|
846
|
-
},
|
|
847
|
-
Content: () =>
|
|
848
|
-
Footer: () =>
|
|
849
|
-
Header: () =>
|
|
850
|
-
Image: () =>
|
|
851
|
-
Root: () =>
|
|
852
|
-
}),
|
|
846
|
+
}, En = /* @__PURE__ */ e({
|
|
847
|
+
Content: () => jn,
|
|
848
|
+
Footer: () => Mn,
|
|
849
|
+
Header: () => An,
|
|
850
|
+
Image: () => kn,
|
|
851
|
+
Root: () => On
|
|
852
|
+
}), Dn = h(P.root, { variants: {
|
|
853
853
|
density: {
|
|
854
|
-
compact:
|
|
855
|
-
comfortable:
|
|
856
|
-
spacious:
|
|
854
|
+
compact: P.densityCompact,
|
|
855
|
+
comfortable: P.densityComfortable,
|
|
856
|
+
spacious: P.densitySpacious
|
|
857
857
|
},
|
|
858
858
|
variant: {
|
|
859
|
-
main:
|
|
860
|
-
support:
|
|
861
|
-
minor:
|
|
862
|
-
primary:
|
|
863
|
-
brand:
|
|
859
|
+
main: P.variantMain,
|
|
860
|
+
support: P.variantSupport,
|
|
861
|
+
minor: P.variantMinor,
|
|
862
|
+
primary: P.variantPrimary,
|
|
863
|
+
brand: P.variantBrand
|
|
864
864
|
},
|
|
865
865
|
shadow: {
|
|
866
|
-
none:
|
|
867
|
-
sm:
|
|
868
|
-
md:
|
|
869
|
-
lg:
|
|
866
|
+
none: P.shadowNone,
|
|
867
|
+
sm: P.shadowSm,
|
|
868
|
+
md: P.shadowMd,
|
|
869
|
+
lg: P.shadowLg
|
|
870
870
|
},
|
|
871
871
|
radius: {
|
|
872
|
-
brand:
|
|
873
|
-
sm:
|
|
874
|
-
md:
|
|
875
|
-
lg:
|
|
872
|
+
brand: P.radiusBrand,
|
|
873
|
+
sm: P.radiusSm,
|
|
874
|
+
md: P.radiusMd,
|
|
875
|
+
lg: P.radiusLg
|
|
876
876
|
},
|
|
877
877
|
orientation: {
|
|
878
|
-
vertical:
|
|
879
|
-
horizontal:
|
|
878
|
+
vertical: P.orientationVertical,
|
|
879
|
+
horizontal: P.orientationHorizontal
|
|
880
880
|
}
|
|
881
881
|
} });
|
|
882
|
-
function
|
|
882
|
+
function On({ density: e = "comfortable", variant: t = "main", shadow: n = "lg", radius: r = "brand", orientation: i = "vertical", withBorder: a = !0, className: o, ...s }) {
|
|
883
883
|
let c = a && t !== "primary" && t !== "brand";
|
|
884
|
-
return /* @__PURE__ */
|
|
884
|
+
return /* @__PURE__ */ _("div", {
|
|
885
885
|
...s,
|
|
886
886
|
"data-imf-ui-component": "Card.Root",
|
|
887
887
|
"data-with-border": c ? "" : void 0,
|
|
888
|
-
className:
|
|
888
|
+
className: Dn({
|
|
889
889
|
density: e,
|
|
890
890
|
variant: t,
|
|
891
891
|
shadow: n,
|
|
@@ -895,50 +895,50 @@ function Dn({ density: e = "comfortable", variant: t = "main", shadow: n = "lg",
|
|
|
895
895
|
})
|
|
896
896
|
});
|
|
897
897
|
}
|
|
898
|
-
|
|
899
|
-
function
|
|
900
|
-
return /* @__PURE__ */
|
|
898
|
+
On.displayName = "Card.Root";
|
|
899
|
+
function kn({ className: e, alt: t = "", ...n }) {
|
|
900
|
+
return /* @__PURE__ */ _("img", {
|
|
901
901
|
...n,
|
|
902
902
|
alt: t,
|
|
903
903
|
"data-imf-ui-component": "Card.Image",
|
|
904
|
-
className: h(
|
|
904
|
+
className: h(P.image)({ className: e })
|
|
905
905
|
});
|
|
906
906
|
}
|
|
907
|
-
|
|
908
|
-
function
|
|
909
|
-
return /* @__PURE__ */
|
|
907
|
+
kn.displayName = "Card.Image";
|
|
908
|
+
function An({ className: e, ...t }) {
|
|
909
|
+
return /* @__PURE__ */ _("div", {
|
|
910
910
|
...t,
|
|
911
911
|
"data-imf-ui-component": "Card.Header",
|
|
912
|
-
className: h(
|
|
912
|
+
className: h(P.header)({ className: e })
|
|
913
913
|
});
|
|
914
914
|
}
|
|
915
|
-
|
|
916
|
-
function
|
|
917
|
-
return /* @__PURE__ */
|
|
915
|
+
An.displayName = "Card.Header";
|
|
916
|
+
function jn({ className: e, ...t }) {
|
|
917
|
+
return /* @__PURE__ */ _("div", {
|
|
918
918
|
...t,
|
|
919
919
|
"data-imf-ui-component": "Card.Content",
|
|
920
|
-
className: h(
|
|
920
|
+
className: h(P.content)({ className: e })
|
|
921
921
|
});
|
|
922
922
|
}
|
|
923
|
-
|
|
924
|
-
function
|
|
925
|
-
return /* @__PURE__ */
|
|
923
|
+
jn.displayName = "Card.Content";
|
|
924
|
+
function Mn({ className: e, ...t }) {
|
|
925
|
+
return /* @__PURE__ */ _("div", {
|
|
926
926
|
...t,
|
|
927
927
|
"data-imf-ui-component": "Card.Footer",
|
|
928
|
-
className: h(
|
|
928
|
+
className: h(P.footer)({ className: e })
|
|
929
929
|
});
|
|
930
930
|
}
|
|
931
|
-
|
|
931
|
+
Mn.displayName = "Card.Footer";
|
|
932
932
|
//#endregion
|
|
933
933
|
//#region src/components/card/card.meta.ts
|
|
934
|
-
var
|
|
934
|
+
var Nn = {
|
|
935
935
|
name: "Card",
|
|
936
936
|
category: t.layout,
|
|
937
937
|
status: "stable",
|
|
938
938
|
namespace: !0,
|
|
939
939
|
description: "Surface container for related content on a tonal background. Also called a panel or tile; compose it from optional image, header, content, and footer parts.",
|
|
940
940
|
origin: "native"
|
|
941
|
-
},
|
|
941
|
+
}, F = {
|
|
942
942
|
backdrop: "imf-ui-drawer-module-backdrop",
|
|
943
943
|
borderColorFgMinor: "imf-ui-drawer-module-borderColorFgMinor",
|
|
944
944
|
borderColorFgSupport: "imf-ui-drawer-module-borderColorFgSupport",
|
|
@@ -961,163 +961,163 @@ var Mn = {
|
|
|
961
961
|
title: "imf-ui-drawer-module-title",
|
|
962
962
|
trigger: "imf-ui-drawer-module-trigger",
|
|
963
963
|
viewport: "imf-ui-drawer-module-viewport"
|
|
964
|
-
},
|
|
965
|
-
Backdrop: () =>
|
|
966
|
-
Close: () =>
|
|
967
|
-
Content: () =>
|
|
968
|
-
Description: () =>
|
|
969
|
-
Indent: () =>
|
|
970
|
-
IndentBackground: () =>
|
|
971
|
-
Popup: () =>
|
|
972
|
-
Portal: () =>
|
|
973
|
-
Provider: () =>
|
|
974
|
-
Root: () =>
|
|
975
|
-
SwipeArea: () =>
|
|
976
|
-
Title: () =>
|
|
977
|
-
Trigger: () =>
|
|
978
|
-
Viewport: () =>
|
|
979
|
-
}),
|
|
964
|
+
}, Pn = /* @__PURE__ */ e({
|
|
965
|
+
Backdrop: () => Xn,
|
|
966
|
+
Close: () => nr,
|
|
967
|
+
Content: () => er,
|
|
968
|
+
Description: () => rr,
|
|
969
|
+
Indent: () => ar,
|
|
970
|
+
IndentBackground: () => or,
|
|
971
|
+
Popup: () => $n,
|
|
972
|
+
Portal: () => Yn,
|
|
973
|
+
Provider: () => ir,
|
|
974
|
+
Root: () => qn,
|
|
975
|
+
SwipeArea: () => sr,
|
|
976
|
+
Title: () => tr,
|
|
977
|
+
Trigger: () => Jn,
|
|
978
|
+
Viewport: () => Zn
|
|
979
|
+
}), Fn = xe({
|
|
980
980
|
borderColor: "primary",
|
|
981
981
|
borderStyle: "solid"
|
|
982
|
-
}),
|
|
982
|
+
}), In = h(F.trigger), Ln = h(F.backdrop), Rn = h(F.viewport), zn = h(F.popup, {
|
|
983
983
|
variants: {
|
|
984
984
|
borderColor: {
|
|
985
|
-
primary:
|
|
986
|
-
"fg-minor":
|
|
987
|
-
"fg-support":
|
|
988
|
-
none:
|
|
985
|
+
primary: F.borderColorPrimary,
|
|
986
|
+
"fg-minor": F.borderColorFgMinor,
|
|
987
|
+
"fg-support": F.borderColorFgSupport,
|
|
988
|
+
none: F.borderColorNone
|
|
989
989
|
},
|
|
990
990
|
borderStyle: {
|
|
991
|
-
solid:
|
|
992
|
-
dashed:
|
|
993
|
-
none:
|
|
991
|
+
solid: F.borderStyleSolid,
|
|
992
|
+
dashed: F.borderStyleDashed,
|
|
993
|
+
none: F.borderStyleNone
|
|
994
994
|
}
|
|
995
995
|
},
|
|
996
996
|
defaultVariants: {
|
|
997
997
|
borderColor: "primary",
|
|
998
998
|
borderStyle: "solid"
|
|
999
999
|
}
|
|
1000
|
-
}),
|
|
1001
|
-
function
|
|
1002
|
-
return /* @__PURE__ */
|
|
1000
|
+
}), Bn = h(F.content), Vn = h(F.title), Hn = h(F.close), Un = h(F.description), Wn = h(F.indent), Gn = h(F.indentBackground), Kn = h(F.swipeArea);
|
|
1001
|
+
function qn({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
|
|
1002
|
+
return /* @__PURE__ */ _(Fn.Provider, {
|
|
1003
1003
|
value: {
|
|
1004
1004
|
borderColor: e,
|
|
1005
1005
|
borderStyle: t
|
|
1006
1006
|
},
|
|
1007
|
-
children: /* @__PURE__ */
|
|
1007
|
+
children: /* @__PURE__ */ _(x.Root, { ...n })
|
|
1008
1008
|
});
|
|
1009
1009
|
}
|
|
1010
|
-
|
|
1011
|
-
function
|
|
1012
|
-
return /* @__PURE__ */
|
|
1010
|
+
qn.displayName = "Drawer.Root";
|
|
1011
|
+
function Jn({ className: e, ...t }) {
|
|
1012
|
+
return /* @__PURE__ */ _(x.Trigger, {
|
|
1013
1013
|
...t,
|
|
1014
1014
|
"data-imf-ui-component": "Drawer.Trigger",
|
|
1015
|
-
className: (t) =>
|
|
1015
|
+
className: (t) => In({ className: typeof e == "function" ? e(t) : e })
|
|
1016
1016
|
});
|
|
1017
1017
|
}
|
|
1018
|
-
|
|
1019
|
-
function
|
|
1020
|
-
return /* @__PURE__ */
|
|
1018
|
+
Jn.displayName = "Drawer.Trigger";
|
|
1019
|
+
function Yn(e) {
|
|
1020
|
+
return /* @__PURE__ */ _(x.Portal, { ...e });
|
|
1021
1021
|
}
|
|
1022
|
-
|
|
1023
|
-
function
|
|
1024
|
-
return /* @__PURE__ */
|
|
1022
|
+
Yn.displayName = "Drawer.Portal";
|
|
1023
|
+
function Xn({ className: e, ...t }) {
|
|
1024
|
+
return /* @__PURE__ */ _(x.Backdrop, {
|
|
1025
1025
|
...t,
|
|
1026
1026
|
"data-imf-ui-component": "Drawer.Backdrop",
|
|
1027
|
-
className: (t) =>
|
|
1027
|
+
className: (t) => Ln({ className: typeof e == "function" ? e(t) : e })
|
|
1028
1028
|
});
|
|
1029
1029
|
}
|
|
1030
|
-
|
|
1031
|
-
function
|
|
1032
|
-
return /* @__PURE__ */
|
|
1030
|
+
Xn.displayName = "Drawer.Backdrop";
|
|
1031
|
+
function Zn({ className: e, ...t }) {
|
|
1032
|
+
return /* @__PURE__ */ _(x.Viewport, {
|
|
1033
1033
|
...t,
|
|
1034
1034
|
"data-imf-ui-component": "Drawer.Viewport",
|
|
1035
|
-
className: (t) =>
|
|
1035
|
+
className: (t) => Rn({ className: typeof e == "function" ? e(t) : e })
|
|
1036
1036
|
});
|
|
1037
1037
|
}
|
|
1038
|
-
|
|
1039
|
-
var
|
|
1040
|
-
left:
|
|
1041
|
-
right:
|
|
1042
|
-
down:
|
|
1043
|
-
up:
|
|
1038
|
+
Zn.displayName = "Drawer.Viewport";
|
|
1039
|
+
var Qn = {
|
|
1040
|
+
left: F.popupLeft,
|
|
1041
|
+
right: F.popupRight,
|
|
1042
|
+
down: F.popupBottom,
|
|
1043
|
+
up: F.popupTop
|
|
1044
1044
|
};
|
|
1045
|
-
function
|
|
1046
|
-
let i =
|
|
1047
|
-
return /* @__PURE__ */
|
|
1045
|
+
function $n({ borderColor: e, borderStyle: t, className: n, ...r }) {
|
|
1046
|
+
let i = Se(Fn), a = e ?? i.borderColor, o = t ?? i.borderStyle;
|
|
1047
|
+
return /* @__PURE__ */ _(x.Popup, {
|
|
1048
1048
|
...r,
|
|
1049
1049
|
"data-imf-ui-component": "Drawer.Popup",
|
|
1050
|
-
className: (e) =>
|
|
1050
|
+
className: (e) => zn({
|
|
1051
1051
|
borderColor: a,
|
|
1052
1052
|
borderStyle: o,
|
|
1053
|
-
className: g(
|
|
1053
|
+
className: g(Qn[e.swipeDirection], typeof n == "function" ? n(e) : n)
|
|
1054
1054
|
})
|
|
1055
1055
|
});
|
|
1056
1056
|
}
|
|
1057
|
-
|
|
1058
|
-
function
|
|
1059
|
-
return /* @__PURE__ */
|
|
1057
|
+
$n.displayName = "Drawer.Popup";
|
|
1058
|
+
function er({ className: e, ...t }) {
|
|
1059
|
+
return /* @__PURE__ */ _(x.Content, {
|
|
1060
1060
|
...t,
|
|
1061
1061
|
"data-imf-ui-component": "Drawer.Content",
|
|
1062
|
-
className: (t) =>
|
|
1062
|
+
className: (t) => Bn({ className: typeof e == "function" ? e(t) : e })
|
|
1063
1063
|
});
|
|
1064
1064
|
}
|
|
1065
|
-
|
|
1066
|
-
function
|
|
1067
|
-
return /* @__PURE__ */
|
|
1065
|
+
er.displayName = "Drawer.Content";
|
|
1066
|
+
function tr({ className: e, ...t }) {
|
|
1067
|
+
return /* @__PURE__ */ _(x.Title, {
|
|
1068
1068
|
...t,
|
|
1069
1069
|
"data-imf-ui-component": "Drawer.Title",
|
|
1070
|
-
className:
|
|
1070
|
+
className: Vn({ className: e })
|
|
1071
1071
|
});
|
|
1072
1072
|
}
|
|
1073
|
-
|
|
1074
|
-
function
|
|
1075
|
-
return /* @__PURE__ */
|
|
1073
|
+
tr.displayName = "Drawer.Title";
|
|
1074
|
+
function nr({ className: e, ...t }) {
|
|
1075
|
+
return /* @__PURE__ */ _(x.Close, {
|
|
1076
1076
|
...t,
|
|
1077
1077
|
"data-imf-ui-component": "Drawer.Close",
|
|
1078
|
-
className: (t) =>
|
|
1078
|
+
className: (t) => Hn({ className: typeof e == "function" ? e(t) : e })
|
|
1079
1079
|
});
|
|
1080
1080
|
}
|
|
1081
|
-
|
|
1082
|
-
function
|
|
1083
|
-
return /* @__PURE__ */
|
|
1081
|
+
nr.displayName = "Drawer.Close";
|
|
1082
|
+
function rr({ className: e, ...t }) {
|
|
1083
|
+
return /* @__PURE__ */ _(x.Description, {
|
|
1084
1084
|
...t,
|
|
1085
1085
|
"data-imf-ui-component": "Drawer.Description",
|
|
1086
|
-
className:
|
|
1086
|
+
className: Un({ className: e })
|
|
1087
1087
|
});
|
|
1088
1088
|
}
|
|
1089
|
-
|
|
1090
|
-
function
|
|
1091
|
-
return /* @__PURE__ */
|
|
1089
|
+
rr.displayName = "Drawer.Description";
|
|
1090
|
+
function ir(e) {
|
|
1091
|
+
return /* @__PURE__ */ _(x.Provider, { ...e });
|
|
1092
1092
|
}
|
|
1093
|
-
|
|
1094
|
-
function
|
|
1095
|
-
return /* @__PURE__ */
|
|
1093
|
+
ir.displayName = "Drawer.Provider";
|
|
1094
|
+
function ar({ className: e, ...t }) {
|
|
1095
|
+
return /* @__PURE__ */ _(x.Indent, {
|
|
1096
1096
|
...t,
|
|
1097
1097
|
"data-imf-ui-component": "Drawer.Indent",
|
|
1098
|
-
className: (t) =>
|
|
1098
|
+
className: (t) => Wn({ className: typeof e == "function" ? e(t) : e })
|
|
1099
1099
|
});
|
|
1100
1100
|
}
|
|
1101
|
-
|
|
1102
|
-
function
|
|
1103
|
-
return /* @__PURE__ */
|
|
1101
|
+
ar.displayName = "Drawer.Indent";
|
|
1102
|
+
function or({ className: e, ...t }) {
|
|
1103
|
+
return /* @__PURE__ */ _(x.IndentBackground, {
|
|
1104
1104
|
...t,
|
|
1105
1105
|
"data-imf-ui-component": "Drawer.IndentBackground",
|
|
1106
|
-
className: (t) =>
|
|
1106
|
+
className: (t) => Gn({ className: typeof e == "function" ? e(t) : e })
|
|
1107
1107
|
});
|
|
1108
1108
|
}
|
|
1109
|
-
|
|
1110
|
-
function
|
|
1111
|
-
return /* @__PURE__ */
|
|
1109
|
+
or.displayName = "Drawer.IndentBackground";
|
|
1110
|
+
function sr({ className: e, ...t }) {
|
|
1111
|
+
return /* @__PURE__ */ _(x.SwipeArea, {
|
|
1112
1112
|
...t,
|
|
1113
1113
|
"data-imf-ui-component": "Drawer.SwipeArea",
|
|
1114
|
-
className: (t) =>
|
|
1114
|
+
className: (t) => Kn({ className: typeof e == "function" ? e(t) : e })
|
|
1115
1115
|
});
|
|
1116
1116
|
}
|
|
1117
|
-
|
|
1117
|
+
sr.displayName = "Drawer.SwipeArea";
|
|
1118
1118
|
//#endregion
|
|
1119
1119
|
//#region src/components/drawer/drawer.meta.ts
|
|
1120
|
-
var
|
|
1120
|
+
var cr = {
|
|
1121
1121
|
name: "Drawer",
|
|
1122
1122
|
category: t.layout,
|
|
1123
1123
|
status: "stable",
|
|
@@ -1129,7 +1129,7 @@ var sr = {
|
|
|
1129
1129
|
docLink: "https://base-ui.com/react/components/drawer",
|
|
1130
1130
|
llmDocLink: "https://base-ui.com/react/components/drawer.md"
|
|
1131
1131
|
}
|
|
1132
|
-
},
|
|
1132
|
+
}, I = {
|
|
1133
1133
|
arrow: "imf-ui-popover-module-arrow",
|
|
1134
1134
|
backdrop: "imf-ui-popover-module-backdrop",
|
|
1135
1135
|
close: "imf-ui-popover-module-close",
|
|
@@ -1153,150 +1153,150 @@ var sr = {
|
|
|
1153
1153
|
variantPrimary: "imf-ui-popover-module-variantPrimary",
|
|
1154
1154
|
variantSecondary: "imf-ui-popover-module-variantSecondary",
|
|
1155
1155
|
viewport: "imf-ui-popover-module-viewport"
|
|
1156
|
-
},
|
|
1157
|
-
Arrow: () =>
|
|
1158
|
-
Backdrop: () =>
|
|
1159
|
-
Close: () =>
|
|
1160
|
-
Description: () =>
|
|
1161
|
-
Eyebrow: () =>
|
|
1162
|
-
Inline: () =>
|
|
1163
|
-
Popup: () =>
|
|
1164
|
-
Portal: () =>
|
|
1165
|
-
Positioner: () =>
|
|
1166
|
-
Root: () =>
|
|
1167
|
-
Title: () =>
|
|
1168
|
-
Trigger: () =>
|
|
1169
|
-
Viewport: () =>
|
|
1170
|
-
createHandle: () =>
|
|
1171
|
-
}),
|
|
1156
|
+
}, lr = /* @__PURE__ */ e({
|
|
1157
|
+
Arrow: () => Dr,
|
|
1158
|
+
Backdrop: () => wr,
|
|
1159
|
+
Close: () => Mr,
|
|
1160
|
+
Description: () => jr,
|
|
1161
|
+
Eyebrow: () => kr,
|
|
1162
|
+
Inline: () => Nr,
|
|
1163
|
+
Popup: () => Er,
|
|
1164
|
+
Portal: () => Cr,
|
|
1165
|
+
Positioner: () => Tr,
|
|
1166
|
+
Root: () => xr,
|
|
1167
|
+
Title: () => Ar,
|
|
1168
|
+
Trigger: () => Sr,
|
|
1169
|
+
Viewport: () => Or,
|
|
1170
|
+
createHandle: () => br
|
|
1171
|
+
}), ur = h(I.trigger, { variants: {
|
|
1172
1172
|
variant: {
|
|
1173
|
-
ghost:
|
|
1174
|
-
outline:
|
|
1175
|
-
primary:
|
|
1176
|
-
secondary:
|
|
1177
|
-
positive:
|
|
1178
|
-
negative:
|
|
1173
|
+
ghost: I.variantGhost,
|
|
1174
|
+
outline: I.variantOutline,
|
|
1175
|
+
primary: I.variantPrimary,
|
|
1176
|
+
secondary: I.variantSecondary,
|
|
1177
|
+
positive: I.variantPositive,
|
|
1178
|
+
negative: I.variantNegative
|
|
1179
1179
|
},
|
|
1180
|
-
inline: { true:
|
|
1181
|
-
} }),
|
|
1182
|
-
ghost:
|
|
1183
|
-
outline:
|
|
1184
|
-
primary:
|
|
1185
|
-
secondary:
|
|
1186
|
-
positive:
|
|
1187
|
-
negative:
|
|
1188
|
-
} } }),
|
|
1189
|
-
function
|
|
1190
|
-
return /* @__PURE__ */
|
|
1191
|
-
}
|
|
1192
|
-
|
|
1193
|
-
function
|
|
1194
|
-
return /* @__PURE__ */
|
|
1180
|
+
inline: { true: I.triggerInline }
|
|
1181
|
+
} }), dr = h(I.backdrop), fr = h(I.positioner), pr = h(I.popup, { variants: { variant: {
|
|
1182
|
+
ghost: I.popupVariantGhost,
|
|
1183
|
+
outline: I.popupVariantOutline,
|
|
1184
|
+
primary: I.popupVariantPrimary,
|
|
1185
|
+
secondary: I.popupVariantSecondary,
|
|
1186
|
+
positive: I.popupVariantPositive,
|
|
1187
|
+
negative: I.popupVariantNegative
|
|
1188
|
+
} } }), mr = h(I.arrow), hr = h(I.viewport), gr = h(I.eyebrow), _r = h(I.title), vr = h(I.description), yr = h(I.close), br = S.createHandle;
|
|
1189
|
+
function xr(e) {
|
|
1190
|
+
return /* @__PURE__ */ _(S.Root, { ...e });
|
|
1191
|
+
}
|
|
1192
|
+
xr.displayName = "Popover.Root";
|
|
1193
|
+
function Sr({ variant: e = "ghost", inline: t = !1, className: n, ...r }) {
|
|
1194
|
+
return /* @__PURE__ */ _(S.Trigger, {
|
|
1195
1195
|
...r,
|
|
1196
1196
|
"data-imf-ui-component": "Popover.Trigger",
|
|
1197
|
-
className: (r) =>
|
|
1197
|
+
className: (r) => ur({
|
|
1198
1198
|
variant: e,
|
|
1199
1199
|
inline: t || void 0,
|
|
1200
1200
|
className: typeof n == "function" ? n(r) : n
|
|
1201
1201
|
})
|
|
1202
1202
|
});
|
|
1203
1203
|
}
|
|
1204
|
-
|
|
1205
|
-
function
|
|
1206
|
-
return /* @__PURE__ */
|
|
1204
|
+
Sr.displayName = "Popover.Trigger";
|
|
1205
|
+
function Cr(e) {
|
|
1206
|
+
return /* @__PURE__ */ _(S.Portal, { ...e });
|
|
1207
1207
|
}
|
|
1208
|
-
|
|
1209
|
-
function
|
|
1210
|
-
return /* @__PURE__ */
|
|
1208
|
+
Cr.displayName = "Popover.Portal";
|
|
1209
|
+
function wr({ className: e, ...t }) {
|
|
1210
|
+
return /* @__PURE__ */ _(S.Backdrop, {
|
|
1211
1211
|
...t,
|
|
1212
1212
|
"data-imf-ui-component": "Popover.Backdrop",
|
|
1213
|
-
className: (t) =>
|
|
1213
|
+
className: (t) => dr({ className: typeof e == "function" ? e(t) : e })
|
|
1214
1214
|
});
|
|
1215
1215
|
}
|
|
1216
|
-
|
|
1217
|
-
function
|
|
1218
|
-
return /* @__PURE__ */
|
|
1216
|
+
wr.displayName = "Popover.Backdrop";
|
|
1217
|
+
function Tr({ className: e, ...t }) {
|
|
1218
|
+
return /* @__PURE__ */ _(S.Positioner, {
|
|
1219
1219
|
...t,
|
|
1220
1220
|
"data-imf-ui-component": "Popover.Positioner",
|
|
1221
|
-
className: (t) =>
|
|
1221
|
+
className: (t) => fr({ className: typeof e == "function" ? e(t) : e })
|
|
1222
1222
|
});
|
|
1223
1223
|
}
|
|
1224
|
-
|
|
1225
|
-
function
|
|
1226
|
-
return /* @__PURE__ */
|
|
1224
|
+
Tr.displayName = "Popover.Positioner";
|
|
1225
|
+
function Er({ className: e, variant: t, ...n }) {
|
|
1226
|
+
return /* @__PURE__ */ _(S.Popup, {
|
|
1227
1227
|
...n,
|
|
1228
1228
|
"data-imf-ui-component": "Popover.Popup",
|
|
1229
|
-
className: (n) =>
|
|
1229
|
+
className: (n) => pr({
|
|
1230
1230
|
variant: t,
|
|
1231
1231
|
className: typeof e == "function" ? e(n) : e
|
|
1232
1232
|
})
|
|
1233
1233
|
});
|
|
1234
1234
|
}
|
|
1235
|
-
|
|
1236
|
-
function Er({ className: e, ...t }) {
|
|
1237
|
-
return /* @__PURE__ */ v(C.Arrow, {
|
|
1238
|
-
...t,
|
|
1239
|
-
"data-imf-ui-component": "Popover.Arrow",
|
|
1240
|
-
className: (t) => pr({ className: typeof e == "function" ? e(t) : e })
|
|
1241
|
-
});
|
|
1242
|
-
}
|
|
1243
|
-
Er.displayName = "Popover.Arrow";
|
|
1235
|
+
Er.displayName = "Popover.Popup";
|
|
1244
1236
|
function Dr({ className: e, ...t }) {
|
|
1245
|
-
return /* @__PURE__ */
|
|
1237
|
+
return /* @__PURE__ */ _(S.Arrow, {
|
|
1246
1238
|
...t,
|
|
1247
|
-
"data-imf-ui-component": "Popover.
|
|
1239
|
+
"data-imf-ui-component": "Popover.Arrow",
|
|
1248
1240
|
className: (t) => mr({ className: typeof e == "function" ? e(t) : e })
|
|
1249
1241
|
});
|
|
1250
1242
|
}
|
|
1251
|
-
Dr.displayName = "Popover.
|
|
1243
|
+
Dr.displayName = "Popover.Arrow";
|
|
1252
1244
|
function Or({ className: e, ...t }) {
|
|
1253
|
-
return /* @__PURE__ */
|
|
1245
|
+
return /* @__PURE__ */ _(S.Viewport, {
|
|
1254
1246
|
...t,
|
|
1255
|
-
"data-imf-ui-component": "Popover.
|
|
1256
|
-
className: hr({ className: e })
|
|
1247
|
+
"data-imf-ui-component": "Popover.Viewport",
|
|
1248
|
+
className: (t) => hr({ className: typeof e == "function" ? e(t) : e })
|
|
1257
1249
|
});
|
|
1258
1250
|
}
|
|
1259
|
-
Or.displayName = "Popover.
|
|
1251
|
+
Or.displayName = "Popover.Viewport";
|
|
1260
1252
|
function kr({ className: e, ...t }) {
|
|
1261
|
-
return /* @__PURE__ */
|
|
1253
|
+
return /* @__PURE__ */ _("p", {
|
|
1262
1254
|
...t,
|
|
1263
|
-
"data-imf-ui-component": "Popover.
|
|
1255
|
+
"data-imf-ui-component": "Popover.Eyebrow",
|
|
1264
1256
|
className: gr({ className: e })
|
|
1265
1257
|
});
|
|
1266
1258
|
}
|
|
1267
|
-
kr.displayName = "Popover.
|
|
1259
|
+
kr.displayName = "Popover.Eyebrow";
|
|
1268
1260
|
function Ar({ className: e, ...t }) {
|
|
1269
|
-
return /* @__PURE__ */
|
|
1261
|
+
return /* @__PURE__ */ _(S.Title, {
|
|
1270
1262
|
...t,
|
|
1271
|
-
"data-imf-ui-component": "Popover.
|
|
1263
|
+
"data-imf-ui-component": "Popover.Title",
|
|
1272
1264
|
className: _r({ className: e })
|
|
1273
1265
|
});
|
|
1274
1266
|
}
|
|
1275
|
-
Ar.displayName = "Popover.
|
|
1267
|
+
Ar.displayName = "Popover.Title";
|
|
1276
1268
|
function jr({ className: e, ...t }) {
|
|
1277
|
-
return /* @__PURE__ */
|
|
1269
|
+
return /* @__PURE__ */ _(S.Description, {
|
|
1270
|
+
...t,
|
|
1271
|
+
"data-imf-ui-component": "Popover.Description",
|
|
1272
|
+
className: vr({ className: e })
|
|
1273
|
+
});
|
|
1274
|
+
}
|
|
1275
|
+
jr.displayName = "Popover.Description";
|
|
1276
|
+
function Mr({ className: e, ...t }) {
|
|
1277
|
+
return /* @__PURE__ */ _(S.Close, {
|
|
1278
1278
|
...t,
|
|
1279
1279
|
"data-imf-ui-component": "Popover.Close",
|
|
1280
|
-
className: (t) =>
|
|
1280
|
+
className: (t) => yr({ className: typeof e == "function" ? e(t) : e })
|
|
1281
1281
|
});
|
|
1282
1282
|
}
|
|
1283
|
-
|
|
1284
|
-
function
|
|
1285
|
-
return /* @__PURE__ */
|
|
1283
|
+
Mr.displayName = "Popover.Close";
|
|
1284
|
+
function Nr({ trigger: e, title: t, children: n, delay: r = 150, side: i = "top", sideOffset: a = 6 }) {
|
|
1285
|
+
return /* @__PURE__ */ v(xr, { children: [/* @__PURE__ */ _(Sr, {
|
|
1286
1286
|
inline: !0,
|
|
1287
1287
|
openOnHover: !0,
|
|
1288
1288
|
delay: r,
|
|
1289
1289
|
children: e
|
|
1290
|
-
}), /* @__PURE__ */
|
|
1290
|
+
}), /* @__PURE__ */ _(Cr, { children: /* @__PURE__ */ _(Tr, {
|
|
1291
1291
|
side: i,
|
|
1292
1292
|
sideOffset: a,
|
|
1293
|
-
children: /* @__PURE__ */
|
|
1293
|
+
children: /* @__PURE__ */ v(Er, { children: [t && /* @__PURE__ */ _(Ar, { children: t }), n && /* @__PURE__ */ _(jr, { children: n })] })
|
|
1294
1294
|
}) })] });
|
|
1295
1295
|
}
|
|
1296
|
-
|
|
1296
|
+
Nr.displayName = "Popover.Inline";
|
|
1297
1297
|
//#endregion
|
|
1298
1298
|
//#region src/components/popover/popover.meta.ts
|
|
1299
|
-
var
|
|
1299
|
+
var Pr = {
|
|
1300
1300
|
name: "Popover",
|
|
1301
1301
|
category: t.display,
|
|
1302
1302
|
status: "stable",
|
|
@@ -1308,28 +1308,28 @@ var Nr = {
|
|
|
1308
1308
|
docLink: "https://base-ui.com/react/components/popover",
|
|
1309
1309
|
llmDocLink: "https://base-ui.com/react/components/popover.md"
|
|
1310
1310
|
}
|
|
1311
|
-
},
|
|
1311
|
+
}, Fr = {
|
|
1312
1312
|
name: "Row",
|
|
1313
1313
|
category: t.layout,
|
|
1314
1314
|
status: "stable",
|
|
1315
1315
|
description: "Horizontal layout primitive for spacing, aligning, and wrapping children. Also called a horizontal stack or flex row.",
|
|
1316
1316
|
origin: "native"
|
|
1317
|
-
},
|
|
1317
|
+
}, L = {
|
|
1318
1318
|
root: "imf-ui-separator-module-root",
|
|
1319
1319
|
variantDashed: "imf-ui-separator-module-variantDashed",
|
|
1320
1320
|
variantDotted: "imf-ui-separator-module-variantDotted",
|
|
1321
1321
|
variantSolid: "imf-ui-separator-module-variantSolid"
|
|
1322
|
-
},
|
|
1323
|
-
solid:
|
|
1324
|
-
dashed:
|
|
1325
|
-
dotted:
|
|
1322
|
+
}, Ir = h(L.root, { variants: { variant: {
|
|
1323
|
+
solid: L.variantSolid,
|
|
1324
|
+
dashed: L.variantDashed,
|
|
1325
|
+
dotted: L.variantDotted
|
|
1326
1326
|
} } });
|
|
1327
|
-
function
|
|
1328
|
-
return /* @__PURE__ */
|
|
1327
|
+
function Lr({ orientation: e = "horizontal", variant: t = "solid", className: n, ...r }) {
|
|
1328
|
+
return /* @__PURE__ */ _(ke, {
|
|
1329
1329
|
...r,
|
|
1330
1330
|
orientation: e,
|
|
1331
1331
|
"data-imf-ui-component": "Separator",
|
|
1332
|
-
className:
|
|
1332
|
+
className: Ir({
|
|
1333
1333
|
variant: t,
|
|
1334
1334
|
className: n
|
|
1335
1335
|
})
|
|
@@ -1337,7 +1337,7 @@ function Ir({ orientation: e = "horizontal", variant: t = "solid", className: n,
|
|
|
1337
1337
|
}
|
|
1338
1338
|
//#endregion
|
|
1339
1339
|
//#region src/components/separator/separator.meta.ts
|
|
1340
|
-
var
|
|
1340
|
+
var Rr = {
|
|
1341
1341
|
name: "Separator",
|
|
1342
1342
|
category: t.layout,
|
|
1343
1343
|
status: "stable",
|
|
@@ -1349,13 +1349,13 @@ var Lr = {
|
|
|
1349
1349
|
docLink: "https://base-ui.com/react/components/separator",
|
|
1350
1350
|
llmDocLink: "https://base-ui.com/react/components/separator.md"
|
|
1351
1351
|
}
|
|
1352
|
-
},
|
|
1352
|
+
}, zr = {
|
|
1353
1353
|
name: "Stack",
|
|
1354
1354
|
category: t.layout,
|
|
1355
1355
|
status: "stable",
|
|
1356
1356
|
description: "Vertical layout primitive for spacing and aligning children. Also called a vertical stack or column.",
|
|
1357
1357
|
origin: "native"
|
|
1358
|
-
},
|
|
1358
|
+
}, R = {
|
|
1359
1359
|
description: "imf-ui-callout-module-description",
|
|
1360
1360
|
icon: "imf-ui-callout-module-icon",
|
|
1361
1361
|
maxWidthFull: "imf-ui-callout-module-maxWidthFull",
|
|
@@ -1371,28 +1371,28 @@ var Lr = {
|
|
|
1371
1371
|
variantNegative: "imf-ui-callout-module-variantNegative",
|
|
1372
1372
|
variantPositive: "imf-ui-callout-module-variantPositive",
|
|
1373
1373
|
variantWarning: "imf-ui-callout-module-variantWarning"
|
|
1374
|
-
},
|
|
1375
|
-
Description: () =>
|
|
1376
|
-
Icon: () =>
|
|
1377
|
-
Root: () =>
|
|
1378
|
-
Title: () =>
|
|
1379
|
-
}),
|
|
1374
|
+
}, Br = /* @__PURE__ */ e({
|
|
1375
|
+
Description: () => qr,
|
|
1376
|
+
Icon: () => Gr,
|
|
1377
|
+
Root: () => Wr,
|
|
1378
|
+
Title: () => Kr
|
|
1379
|
+
}), Vr = h(R.root, { variants: {
|
|
1380
1380
|
variant: {
|
|
1381
|
-
info:
|
|
1382
|
-
positive:
|
|
1383
|
-
warning:
|
|
1384
|
-
negative:
|
|
1385
|
-
"accent-1":
|
|
1386
|
-
"accent-2":
|
|
1387
|
-
"accent-3":
|
|
1381
|
+
info: R.variantInfo,
|
|
1382
|
+
positive: R.variantPositive,
|
|
1383
|
+
warning: R.variantWarning,
|
|
1384
|
+
negative: R.variantNegative,
|
|
1385
|
+
"accent-1": R.variantAccent1,
|
|
1386
|
+
"accent-2": R.variantAccent2,
|
|
1387
|
+
"accent-3": R.variantAccent3
|
|
1388
1388
|
},
|
|
1389
1389
|
maxWidth: {
|
|
1390
|
-
sm:
|
|
1391
|
-
md:
|
|
1392
|
-
lg:
|
|
1393
|
-
full:
|
|
1390
|
+
sm: R.maxWidthSm,
|
|
1391
|
+
md: R.maxWidthMd,
|
|
1392
|
+
lg: R.maxWidthLg,
|
|
1393
|
+
full: R.maxWidthFull
|
|
1394
1394
|
}
|
|
1395
|
-
} }),
|
|
1395
|
+
} }), Hr = {
|
|
1396
1396
|
info: s,
|
|
1397
1397
|
positive: o,
|
|
1398
1398
|
warning: d,
|
|
@@ -1400,16 +1400,16 @@ var Lr = {
|
|
|
1400
1400
|
"accent-1": f,
|
|
1401
1401
|
"accent-2": f,
|
|
1402
1402
|
"accent-3": f
|
|
1403
|
-
},
|
|
1404
|
-
function
|
|
1403
|
+
}, Ur = xe("info");
|
|
1404
|
+
function Wr({ variant: e = "info", maxWidth: t = "md", className: n, children: r, ...i }) {
|
|
1405
1405
|
let a = e ?? "info";
|
|
1406
|
-
return /* @__PURE__ */
|
|
1406
|
+
return /* @__PURE__ */ _(Ur.Provider, {
|
|
1407
1407
|
value: a,
|
|
1408
|
-
children: /* @__PURE__ */
|
|
1408
|
+
children: /* @__PURE__ */ _("div", {
|
|
1409
1409
|
...i,
|
|
1410
1410
|
role: "note",
|
|
1411
1411
|
"data-imf-ui-component": "Callout.Root",
|
|
1412
|
-
className:
|
|
1412
|
+
className: Vr({
|
|
1413
1413
|
variant: e,
|
|
1414
1414
|
maxWidth: t,
|
|
1415
1415
|
className: n
|
|
@@ -1418,41 +1418,41 @@ function Ur({ variant: e = "info", maxWidth: t = "md", className: n, children: r
|
|
|
1418
1418
|
})
|
|
1419
1419
|
});
|
|
1420
1420
|
}
|
|
1421
|
-
|
|
1422
|
-
function
|
|
1423
|
-
let r =
|
|
1424
|
-
return /* @__PURE__ */
|
|
1421
|
+
Wr.displayName = "Callout.Root";
|
|
1422
|
+
function Gr({ className: e, children: t, ...n }) {
|
|
1423
|
+
let r = Hr[Se(Ur)];
|
|
1424
|
+
return /* @__PURE__ */ _("span", {
|
|
1425
1425
|
...n,
|
|
1426
1426
|
"aria-hidden": !0,
|
|
1427
1427
|
"data-imf-ui-component": "Callout.Icon",
|
|
1428
|
-
className: h(
|
|
1429
|
-
children: t ?? /* @__PURE__ */
|
|
1428
|
+
className: h(R.icon)({ className: e }),
|
|
1429
|
+
children: t ?? /* @__PURE__ */ _(m, {
|
|
1430
1430
|
glyph: r,
|
|
1431
1431
|
size: 24,
|
|
1432
1432
|
strokeWidth: 2
|
|
1433
1433
|
})
|
|
1434
1434
|
});
|
|
1435
1435
|
}
|
|
1436
|
-
|
|
1437
|
-
function
|
|
1438
|
-
return /* @__PURE__ */
|
|
1436
|
+
Gr.displayName = "Callout.Icon";
|
|
1437
|
+
function Kr({ className: e, ...t }) {
|
|
1438
|
+
return /* @__PURE__ */ _("div", {
|
|
1439
1439
|
...t,
|
|
1440
1440
|
"data-imf-ui-component": "Callout.Title",
|
|
1441
|
-
className: h(
|
|
1441
|
+
className: h(R.title)({ className: e })
|
|
1442
1442
|
});
|
|
1443
1443
|
}
|
|
1444
|
-
|
|
1445
|
-
function
|
|
1446
|
-
return /* @__PURE__ */
|
|
1444
|
+
Kr.displayName = "Callout.Title";
|
|
1445
|
+
function qr({ className: e, ...t }) {
|
|
1446
|
+
return /* @__PURE__ */ _("div", {
|
|
1447
1447
|
...t,
|
|
1448
1448
|
"data-imf-ui-component": "Callout.Description",
|
|
1449
|
-
className: h(
|
|
1449
|
+
className: h(R.description)({ className: e })
|
|
1450
1450
|
});
|
|
1451
1451
|
}
|
|
1452
|
-
|
|
1452
|
+
qr.displayName = "Callout.Description";
|
|
1453
1453
|
//#endregion
|
|
1454
1454
|
//#region src/components/callout/callout.meta.ts
|
|
1455
|
-
var
|
|
1455
|
+
var Jr = {
|
|
1456
1456
|
name: "Callout",
|
|
1457
1457
|
category: t.display,
|
|
1458
1458
|
status: "stable",
|
|
@@ -1462,11 +1462,11 @@ var qr = {
|
|
|
1462
1462
|
};
|
|
1463
1463
|
//#endregion
|
|
1464
1464
|
//#region src/components/chip/chip.tsx
|
|
1465
|
-
function
|
|
1466
|
-
return /* @__PURE__ */
|
|
1465
|
+
function Yr({ variant: e = "minor", appearance: t = "outline", inline: n = !1, className: r, ...i }) {
|
|
1466
|
+
return /* @__PURE__ */ _("span", {
|
|
1467
1467
|
...i,
|
|
1468
1468
|
"data-imf-ui-component": "Chip",
|
|
1469
|
-
className:
|
|
1469
|
+
className: Pe({
|
|
1470
1470
|
variant: e,
|
|
1471
1471
|
appearance: t,
|
|
1472
1472
|
inline: n,
|
|
@@ -1477,59 +1477,59 @@ function Jr({ variant: e = "minor", appearance: t = "outline", inline: n = !1, c
|
|
|
1477
1477
|
}
|
|
1478
1478
|
//#endregion
|
|
1479
1479
|
//#region src/components/chip/chip.meta.ts
|
|
1480
|
-
var
|
|
1480
|
+
var Xr = {
|
|
1481
1481
|
name: "Chip",
|
|
1482
1482
|
category: t.display,
|
|
1483
1483
|
status: "stable",
|
|
1484
1484
|
description: "Compact label for tags, status, categories, counts, and metadata. Also called a badge or tag; its color and appearance are independent choices.",
|
|
1485
1485
|
origin: "native"
|
|
1486
|
-
},
|
|
1486
|
+
}, z = {
|
|
1487
1487
|
iconClosed: "imf-ui-collapsible-module-iconClosed",
|
|
1488
1488
|
iconOpen: "imf-ui-collapsible-module-iconOpen",
|
|
1489
1489
|
panel: "imf-ui-collapsible-module-panel",
|
|
1490
1490
|
root: "imf-ui-collapsible-module-root",
|
|
1491
1491
|
trigger: "imf-ui-collapsible-module-trigger",
|
|
1492
1492
|
variantSolid: "imf-ui-collapsible-module-variantSolid"
|
|
1493
|
-
},
|
|
1494
|
-
Panel: () =>
|
|
1495
|
-
Root: () =>
|
|
1496
|
-
Trigger: () =>
|
|
1497
|
-
}),
|
|
1493
|
+
}, Zr = /* @__PURE__ */ e({
|
|
1494
|
+
Panel: () => ri,
|
|
1495
|
+
Root: () => $r,
|
|
1496
|
+
Trigger: () => ti
|
|
1497
|
+
}), Qr = h(z.root, { variants: { variant: {
|
|
1498
1498
|
default: null,
|
|
1499
|
-
solid:
|
|
1499
|
+
solid: z.variantSolid
|
|
1500
1500
|
} } });
|
|
1501
|
-
function
|
|
1502
|
-
return /* @__PURE__ */
|
|
1501
|
+
function $r({ variant: e = "default", className: t, ...n }) {
|
|
1502
|
+
return /* @__PURE__ */ _(Ae.Root, {
|
|
1503
1503
|
...n,
|
|
1504
1504
|
"data-imf-ui-component": "Collapsible.Root",
|
|
1505
|
-
className: (n) =>
|
|
1505
|
+
className: (n) => Qr({
|
|
1506
1506
|
variant: e,
|
|
1507
1507
|
className: typeof t == "function" ? t(n) : t
|
|
1508
1508
|
})
|
|
1509
1509
|
});
|
|
1510
1510
|
}
|
|
1511
|
-
|
|
1512
|
-
var
|
|
1513
|
-
function
|
|
1514
|
-
return /* @__PURE__ */
|
|
1511
|
+
$r.displayName = "Collapsible.Root";
|
|
1512
|
+
var ei = h(z.trigger);
|
|
1513
|
+
function ti({ className: e, children: t, ...n }) {
|
|
1514
|
+
return /* @__PURE__ */ v(Ae.Trigger, {
|
|
1515
1515
|
...n,
|
|
1516
1516
|
"data-imf-ui-component": "Collapsible.Trigger",
|
|
1517
|
-
className: (t) =>
|
|
1517
|
+
className: (t) => ei({ className: typeof e == "function" ? e(t) : e }),
|
|
1518
1518
|
children: [
|
|
1519
1519
|
t,
|
|
1520
|
-
/* @__PURE__ */
|
|
1521
|
-
className:
|
|
1520
|
+
/* @__PURE__ */ _("span", {
|
|
1521
|
+
className: z.iconClosed,
|
|
1522
1522
|
"aria-hidden": !0,
|
|
1523
|
-
children: /* @__PURE__ */
|
|
1523
|
+
children: /* @__PURE__ */ _(m, {
|
|
1524
1524
|
glyph: i,
|
|
1525
1525
|
size: 16,
|
|
1526
1526
|
strokeWidth: 1.5
|
|
1527
1527
|
})
|
|
1528
1528
|
}),
|
|
1529
|
-
/* @__PURE__ */
|
|
1530
|
-
className:
|
|
1529
|
+
/* @__PURE__ */ _("span", {
|
|
1530
|
+
className: z.iconOpen,
|
|
1531
1531
|
"aria-hidden": !0,
|
|
1532
|
-
children: /* @__PURE__ */
|
|
1532
|
+
children: /* @__PURE__ */ _(m, {
|
|
1533
1533
|
glyph: l,
|
|
1534
1534
|
size: 16,
|
|
1535
1535
|
strokeWidth: 1.5
|
|
@@ -1538,19 +1538,19 @@ function ei({ className: e, children: t, ...n }) {
|
|
|
1538
1538
|
]
|
|
1539
1539
|
});
|
|
1540
1540
|
}
|
|
1541
|
-
|
|
1542
|
-
var
|
|
1543
|
-
function
|
|
1544
|
-
return /* @__PURE__ */
|
|
1541
|
+
ti.displayName = "Collapsible.Trigger";
|
|
1542
|
+
var ni = h(z.panel);
|
|
1543
|
+
function ri({ className: e, ...t }) {
|
|
1544
|
+
return /* @__PURE__ */ _(Ae.Panel, {
|
|
1545
1545
|
...t,
|
|
1546
1546
|
"data-imf-ui-component": "Collapsible.Panel",
|
|
1547
|
-
className: (t) =>
|
|
1547
|
+
className: (t) => ni({ className: typeof e == "function" ? e(t) : e })
|
|
1548
1548
|
});
|
|
1549
1549
|
}
|
|
1550
|
-
|
|
1550
|
+
ri.displayName = "Collapsible.Panel";
|
|
1551
1551
|
//#endregion
|
|
1552
1552
|
//#region src/components/collapsible/collapsible.meta.ts
|
|
1553
|
-
var
|
|
1553
|
+
var ii = {
|
|
1554
1554
|
name: "Collapsible",
|
|
1555
1555
|
category: t.display,
|
|
1556
1556
|
status: "stable",
|
|
@@ -1562,7 +1562,7 @@ var ri = {
|
|
|
1562
1562
|
docLink: "https://base-ui.com/react/components/collapsible",
|
|
1563
1563
|
llmDocLink: "https://base-ui.com/react/components/collapsible.md"
|
|
1564
1564
|
}
|
|
1565
|
-
},
|
|
1565
|
+
}, B = {
|
|
1566
1566
|
root: "imf-ui-logo-module-root",
|
|
1567
1567
|
sizeFit: "imf-ui-logo-module-sizeFit",
|
|
1568
1568
|
sizeHero: "imf-ui-logo-module-sizeHero",
|
|
@@ -1577,30 +1577,30 @@ var ri = {
|
|
|
1577
1577
|
variantMinor: "imf-ui-logo-module-variantMinor",
|
|
1578
1578
|
variantOncolor: "imf-ui-logo-module-variantOncolor",
|
|
1579
1579
|
variantSupport: "imf-ui-logo-module-variantSupport"
|
|
1580
|
-
},
|
|
1580
|
+
}, ai = h(B.root, { variants: {
|
|
1581
1581
|
size: {
|
|
1582
|
-
xs:
|
|
1583
|
-
sm:
|
|
1584
|
-
md:
|
|
1585
|
-
lg:
|
|
1586
|
-
xl:
|
|
1587
|
-
hero:
|
|
1588
|
-
fit:
|
|
1582
|
+
xs: B.sizeXs,
|
|
1583
|
+
sm: B.sizeSm,
|
|
1584
|
+
md: B.sizeMd,
|
|
1585
|
+
lg: B.sizeLg,
|
|
1586
|
+
xl: B.sizeXl,
|
|
1587
|
+
hero: B.sizeHero,
|
|
1588
|
+
fit: B.sizeFit
|
|
1589
1589
|
},
|
|
1590
1590
|
variant: {
|
|
1591
|
-
inherit:
|
|
1592
|
-
main:
|
|
1593
|
-
support:
|
|
1594
|
-
minor:
|
|
1595
|
-
brand:
|
|
1596
|
-
oncolor:
|
|
1591
|
+
inherit: B.variantInherit,
|
|
1592
|
+
main: B.variantMain,
|
|
1593
|
+
support: B.variantSupport,
|
|
1594
|
+
minor: B.variantMinor,
|
|
1595
|
+
brand: B.variantBrand,
|
|
1596
|
+
oncolor: B.variantOncolor
|
|
1597
1597
|
}
|
|
1598
1598
|
} });
|
|
1599
|
-
function
|
|
1600
|
-
return /* @__PURE__ */
|
|
1599
|
+
function oi({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, className: a, style: o, ...s }) {
|
|
1600
|
+
return /* @__PURE__ */ _("span", {
|
|
1601
1601
|
...s,
|
|
1602
1602
|
"data-imf-ui-component": "Logo",
|
|
1603
|
-
className:
|
|
1603
|
+
className: ai({
|
|
1604
1604
|
size: n,
|
|
1605
1605
|
variant: r,
|
|
1606
1606
|
className: a
|
|
@@ -1611,7 +1611,7 @@ function ai({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, c
|
|
|
1611
1611
|
...o,
|
|
1612
1612
|
height: i
|
|
1613
1613
|
},
|
|
1614
|
-
children: typeof e == "string" ? /* @__PURE__ */
|
|
1614
|
+
children: typeof e == "string" ? /* @__PURE__ */ _("img", {
|
|
1615
1615
|
src: e,
|
|
1616
1616
|
alt: "",
|
|
1617
1617
|
"aria-hidden": "true"
|
|
@@ -1620,7 +1620,7 @@ function ai({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, c
|
|
|
1620
1620
|
}
|
|
1621
1621
|
//#endregion
|
|
1622
1622
|
//#region src/components/logo/logo.meta.ts
|
|
1623
|
-
var
|
|
1623
|
+
var si = {
|
|
1624
1624
|
name: "Logo",
|
|
1625
1625
|
category: t.display,
|
|
1626
1626
|
status: "stable",
|
|
@@ -1629,251 +1629,251 @@ var oi = {
|
|
|
1629
1629
|
};
|
|
1630
1630
|
//#endregion
|
|
1631
1631
|
//#region src/components/logo/imfusion/imfusion.tsx
|
|
1632
|
-
function
|
|
1633
|
-
return /* @__PURE__ */
|
|
1632
|
+
function ci(e) {
|
|
1633
|
+
return /* @__PURE__ */ v("svg", {
|
|
1634
1634
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1635
1635
|
viewBox: "50 50 652.51 90",
|
|
1636
1636
|
fill: "currentColor",
|
|
1637
1637
|
...e,
|
|
1638
1638
|
children: [
|
|
1639
|
-
/* @__PURE__ */
|
|
1640
|
-
/* @__PURE__ */
|
|
1641
|
-
/* @__PURE__ */
|
|
1642
|
-
/* @__PURE__ */
|
|
1643
|
-
/* @__PURE__ */
|
|
1644
|
-
/* @__PURE__ */
|
|
1645
|
-
/* @__PURE__ */
|
|
1646
|
-
/* @__PURE__ */
|
|
1639
|
+
/* @__PURE__ */ _("path", { d: "M642.11,74.66h15.13v9.25h1.22c3.42-6.78,9.64-10.48,20.5-10.48,10.13,0,23.55,5.55,23.55,22.81v42.53h-15.86v-41.3c0-8.75-5.25-11.96-12.2-11.96-10,0-16.47,6.41-16.47,19.11v34.15h-15.86v-64.11Z" }),
|
|
1640
|
+
/* @__PURE__ */ _("path", { d: "M585.58,106.71c0,13.32,6.34,20.96,17.45,20.96s17.45-7.64,17.45-20.96-6.34-20.96-17.45-20.96-17.45,7.64-17.45,20.96ZM569.47,106.71c0-21.45,14.4-33.29,33.55-33.29s33.55,11.84,33.55,33.29-14.4,33.29-33.55,33.29-33.55-11.84-33.55-33.29Z" }),
|
|
1641
|
+
/* @__PURE__ */ _("path", { d: "M548.09,74.66h15.86v64.11h-15.86v-64.11ZM548.09,50.62h15.86v16.02h-15.86v-16.02Z" }),
|
|
1642
|
+
/* @__PURE__ */ _("path", { d: "M486.09,93.4c0-10.97,9.88-19.97,27.7-19.97s27.45,8.38,28.79,19.72v1.85h-15.01c-.24-7.27-5.25-9.98-13.66-9.98s-12.44,3.33-12.44,7.52c0,3.7,2.93,5.42,7.2,6.16l12.93,2.34c11.22,2.1,21.59,6.16,21.59,18.12,0,11.34-9.27,20.84-28.92,20.84s-29.77-10.11-30.75-21.45v-1.85h15.37c.37,7.15,6.34,11.47,15.62,11.47,8.17,0,13.3-2.84,13.3-7.77,0-4.19-3.9-5.67-9.88-6.78l-12.93-2.34c-9.76-1.73-18.91-5.67-18.91-17.88Z" }),
|
|
1643
|
+
/* @__PURE__ */ _("path", { d: "M418.91,74.66h15.86v41.3c0,8.75,5.25,11.96,12.2,11.96,10,0,16.47-6.41,16.47-19.11v-34.15h15.86v64.11h-15.13v-9.25h-1.22c-3.42,6.78-9.76,10.48-20.5,10.48-10.13,0-23.55-5.55-23.55-22.81v-42.53Z" }),
|
|
1644
|
+
/* @__PURE__ */ _("polygon", { points: "360.86 50 418.91 50 418.91 62.82 377.69 62.82 377.69 87.97 411.44 87.98 411.44 100.8 377.69 100.79 377.69 138.77 360.86 138.77 360.86 50" }),
|
|
1645
|
+
/* @__PURE__ */ _("path", { d: "M254.56,74.66h14.88v7.4h1.22c3.29-4.93,8.91-8.63,18.67-8.63s14.88,4.07,18.91,10.11h1.22c3.29-4.81,9.15-10.11,21.23-10.11,12.69,0,22.69,7.89,22.69,22.07v43.27h-15.86v-42.04c0-7.4-3.9-11.22-11.35-11.22-8.54,0-14.27,5.18-14.27,15.16v38.1h-15.86v-42.04c0-7.4-3.9-11.22-11.35-11.22-8.54,0-14.27,5.18-14.27,15.16v38.1h-15.86v-64.11Z" }),
|
|
1646
|
+
/* @__PURE__ */ _("rect", {
|
|
1647
1647
|
x: "230",
|
|
1648
1648
|
y: "50",
|
|
1649
1649
|
width: "17.08",
|
|
1650
1650
|
height: "88.77"
|
|
1651
1651
|
}),
|
|
1652
|
-
/* @__PURE__ */
|
|
1653
|
-
/* @__PURE__ */
|
|
1652
|
+
/* @__PURE__ */ _("polygon", { points: "208 139 50 139 50 128.93 167.06 113.32 208 82.6 208 139" }),
|
|
1653
|
+
/* @__PURE__ */ _("polygon", { points: "208 60.06 90.94 75.68 50 106.4 50 50 208 50 208 60.06" })
|
|
1654
1654
|
]
|
|
1655
1655
|
});
|
|
1656
1656
|
}
|
|
1657
|
-
function
|
|
1658
|
-
return /* @__PURE__ */
|
|
1657
|
+
function li(e) {
|
|
1658
|
+
return /* @__PURE__ */ v("svg", {
|
|
1659
1659
|
viewBox: "0 0 384 216",
|
|
1660
1660
|
fill: "currentColor",
|
|
1661
1661
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1662
1662
|
...e,
|
|
1663
|
-
children: [/* @__PURE__ */
|
|
1663
|
+
children: [/* @__PURE__ */ _("path", { d: "M384 216H0V191.572L284.499 153.679L384 79.1303V216Z" }), /* @__PURE__ */ _("path", { d: "M384 24.4271L99.501 62.3215L0 136.869V0H384V24.4271Z" })]
|
|
1664
1664
|
});
|
|
1665
1665
|
}
|
|
1666
|
-
function
|
|
1667
|
-
return /* @__PURE__ */
|
|
1666
|
+
function ui({ glyph: e = !1, alt: t = "ImFusion", variant: n = "brand", ...r }) {
|
|
1667
|
+
return /* @__PURE__ */ _(oi, {
|
|
1668
1668
|
...r,
|
|
1669
|
-
src:
|
|
1669
|
+
src: _(e ? li : ci, {}),
|
|
1670
1670
|
alt: t,
|
|
1671
1671
|
variant: n
|
|
1672
1672
|
});
|
|
1673
1673
|
}
|
|
1674
|
-
var
|
|
1674
|
+
var di = {
|
|
1675
1675
|
item: "imf-ui-navigation-menu-root-module-item",
|
|
1676
1676
|
list: "imf-ui-navigation-menu-root-module-list",
|
|
1677
1677
|
root: "imf-ui-navigation-menu-root-module-root"
|
|
1678
|
-
},
|
|
1678
|
+
}, fi = {
|
|
1679
1679
|
content: "imf-ui-navigation-menu-structure-module-content",
|
|
1680
1680
|
viewport: "imf-ui-navigation-menu-structure-module-viewport"
|
|
1681
|
-
},
|
|
1682
|
-
function
|
|
1683
|
-
return /* @__PURE__ */
|
|
1681
|
+
}, pi = h(di.root), mi = h(di.list), hi = h(di.item), gi = h(fi.content), _i = h(fi.viewport);
|
|
1682
|
+
function vi({ orientation: e = "horizontal", className: t, ...n }) {
|
|
1683
|
+
return /* @__PURE__ */ _(T.Root, {
|
|
1684
1684
|
...n,
|
|
1685
1685
|
orientation: e,
|
|
1686
1686
|
"data-imf-ui-component": "NavigationMenu.Root",
|
|
1687
1687
|
"data-orientation": e,
|
|
1688
|
-
className: (e) =>
|
|
1688
|
+
className: (e) => pi({ className: typeof t == "function" ? t(e) : t })
|
|
1689
1689
|
});
|
|
1690
1690
|
}
|
|
1691
|
-
|
|
1692
|
-
function
|
|
1693
|
-
return /* @__PURE__ */
|
|
1691
|
+
vi.displayName = "NavigationMenu.Root";
|
|
1692
|
+
function yi({ className: e, ...t }) {
|
|
1693
|
+
return /* @__PURE__ */ _(T.List, {
|
|
1694
1694
|
...t,
|
|
1695
1695
|
"data-imf-ui-component": "NavigationMenu.List",
|
|
1696
|
-
className: (t) =>
|
|
1696
|
+
className: (t) => mi({ className: typeof e == "function" ? e(t) : e })
|
|
1697
1697
|
});
|
|
1698
1698
|
}
|
|
1699
|
-
|
|
1700
|
-
function
|
|
1701
|
-
return /* @__PURE__ */
|
|
1699
|
+
yi.displayName = "NavigationMenu.List";
|
|
1700
|
+
function bi({ className: e, ...t }) {
|
|
1701
|
+
return /* @__PURE__ */ _(T.Item, {
|
|
1702
1702
|
...t,
|
|
1703
1703
|
"data-imf-ui-component": "NavigationMenu.Item",
|
|
1704
|
-
className: (t) =>
|
|
1704
|
+
className: (t) => hi({ className: typeof e == "function" ? e(t) : e })
|
|
1705
1705
|
});
|
|
1706
1706
|
}
|
|
1707
|
-
|
|
1708
|
-
function
|
|
1709
|
-
return /* @__PURE__ */
|
|
1707
|
+
bi.displayName = "NavigationMenu.Item";
|
|
1708
|
+
function xi({ className: e, ...t }) {
|
|
1709
|
+
return /* @__PURE__ */ _(T.Content, {
|
|
1710
1710
|
...t,
|
|
1711
1711
|
"data-imf-ui-component": "NavigationMenu.Content",
|
|
1712
|
-
className: (t) =>
|
|
1712
|
+
className: (t) => gi({ className: typeof e == "function" ? e(t) : e })
|
|
1713
1713
|
});
|
|
1714
1714
|
}
|
|
1715
|
-
|
|
1716
|
-
function
|
|
1717
|
-
return /* @__PURE__ */
|
|
1715
|
+
xi.displayName = "NavigationMenu.Content";
|
|
1716
|
+
function Si({ className: e, ...t }) {
|
|
1717
|
+
return /* @__PURE__ */ _(T.Viewport, {
|
|
1718
1718
|
...t,
|
|
1719
1719
|
"data-imf-ui-component": "NavigationMenu.Viewport",
|
|
1720
|
-
className: (t) =>
|
|
1720
|
+
className: (t) => _i({ className: typeof e == "function" ? e(t) : e })
|
|
1721
1721
|
});
|
|
1722
1722
|
}
|
|
1723
|
-
|
|
1724
|
-
var
|
|
1723
|
+
Si.displayName = "NavigationMenu.Viewport";
|
|
1724
|
+
var Ci = {
|
|
1725
1725
|
icon: "imf-ui-navigation-menu-trigger-module-icon",
|
|
1726
1726
|
trigger: "imf-ui-navigation-menu-trigger-module-trigger"
|
|
1727
|
-
},
|
|
1728
|
-
function
|
|
1729
|
-
return /* @__PURE__ */
|
|
1727
|
+
}, wi = h(Ci.trigger), Ti = h(Ci.icon);
|
|
1728
|
+
function Ei({ active: e = !1, hideChevron: t = !1, nested: n = !1, children: r, className: a, ...o }) {
|
|
1729
|
+
return /* @__PURE__ */ v(T.Trigger, {
|
|
1730
1730
|
...o,
|
|
1731
1731
|
"data-imf-ui-component": "NavigationMenu.Trigger",
|
|
1732
1732
|
"data-active": e ? "" : void 0,
|
|
1733
1733
|
"data-nested": n ? "" : void 0,
|
|
1734
|
-
className: (e) =>
|
|
1735
|
-
children: [r, !t && /* @__PURE__ */
|
|
1734
|
+
className: (e) => wi({ className: typeof a == "function" ? a(e) : a }),
|
|
1735
|
+
children: [r, !t && /* @__PURE__ */ _(Di, { children: /* @__PURE__ */ _(m, {
|
|
1736
1736
|
glyph: i,
|
|
1737
1737
|
size: 14
|
|
1738
1738
|
}) })]
|
|
1739
1739
|
});
|
|
1740
1740
|
}
|
|
1741
|
-
|
|
1742
|
-
function
|
|
1743
|
-
return /* @__PURE__ */
|
|
1741
|
+
Ei.displayName = "NavigationMenu.Trigger";
|
|
1742
|
+
function Di({ className: e, ...t }) {
|
|
1743
|
+
return /* @__PURE__ */ _(T.Icon, {
|
|
1744
1744
|
...t,
|
|
1745
1745
|
"data-imf-ui-component": "NavigationMenu.Icon",
|
|
1746
|
-
className: (t) =>
|
|
1746
|
+
className: (t) => Ti({ className: typeof e == "function" ? e(t) : e })
|
|
1747
1747
|
});
|
|
1748
1748
|
}
|
|
1749
|
-
|
|
1750
|
-
var
|
|
1749
|
+
Di.displayName = "NavigationMenu.Icon";
|
|
1750
|
+
var V = {
|
|
1751
1751
|
arrow: "imf-ui-navigation-menu-overlay-module-arrow",
|
|
1752
1752
|
backdrop: "imf-ui-navigation-menu-overlay-module-backdrop",
|
|
1753
1753
|
popup: "imf-ui-navigation-menu-overlay-module-popup",
|
|
1754
1754
|
positioner: "imf-ui-navigation-menu-overlay-module-positioner"
|
|
1755
|
-
},
|
|
1756
|
-
function
|
|
1757
|
-
return /* @__PURE__ */
|
|
1755
|
+
}, Oi = h(V.positioner), ki = h(V.popup), Ai = h(V.arrow), ji = h(V.backdrop);
|
|
1756
|
+
function Mi(e) {
|
|
1757
|
+
return /* @__PURE__ */ _(T.Portal, { ...e });
|
|
1758
1758
|
}
|
|
1759
|
-
|
|
1760
|
-
function
|
|
1761
|
-
return /* @__PURE__ */
|
|
1759
|
+
Mi.displayName = "NavigationMenu.Portal";
|
|
1760
|
+
function Ni({ align: e = "start", className: t, ...n }) {
|
|
1761
|
+
return /* @__PURE__ */ _(T.Positioner, {
|
|
1762
1762
|
...n,
|
|
1763
1763
|
align: e,
|
|
1764
1764
|
"data-imf-ui-component": "NavigationMenu.Positioner",
|
|
1765
|
-
className: (e) =>
|
|
1765
|
+
className: (e) => Oi({ className: typeof t == "function" ? t(e) : t })
|
|
1766
1766
|
});
|
|
1767
1767
|
}
|
|
1768
|
-
|
|
1769
|
-
function
|
|
1770
|
-
return /* @__PURE__ */
|
|
1768
|
+
Ni.displayName = "NavigationMenu.Positioner";
|
|
1769
|
+
function Pi({ className: e, ...t }) {
|
|
1770
|
+
return /* @__PURE__ */ _(T.Popup, {
|
|
1771
1771
|
...t,
|
|
1772
1772
|
"data-imf-ui-component": "NavigationMenu.Popup",
|
|
1773
|
-
className: (t) =>
|
|
1773
|
+
className: (t) => ki({ className: typeof e == "function" ? e(t) : e })
|
|
1774
1774
|
});
|
|
1775
1775
|
}
|
|
1776
|
-
|
|
1777
|
-
function
|
|
1778
|
-
return /* @__PURE__ */
|
|
1776
|
+
Pi.displayName = "NavigationMenu.Popup";
|
|
1777
|
+
function Fi({ className: e, ...t }) {
|
|
1778
|
+
return /* @__PURE__ */ _(T.Arrow, {
|
|
1779
1779
|
...t,
|
|
1780
1780
|
"data-imf-ui-component": "NavigationMenu.Arrow",
|
|
1781
|
-
className: (t) =>
|
|
1781
|
+
className: (t) => Ai({ className: typeof e == "function" ? e(t) : e })
|
|
1782
1782
|
});
|
|
1783
1783
|
}
|
|
1784
|
-
|
|
1785
|
-
function
|
|
1786
|
-
return /* @__PURE__ */
|
|
1784
|
+
Fi.displayName = "NavigationMenu.Arrow";
|
|
1785
|
+
function Ii({ className: e, ...t }) {
|
|
1786
|
+
return /* @__PURE__ */ _(T.Backdrop, {
|
|
1787
1787
|
...t,
|
|
1788
1788
|
"data-imf-ui-component": "NavigationMenu.Backdrop",
|
|
1789
|
-
className: (t) =>
|
|
1789
|
+
className: (t) => ji({ className: typeof e == "function" ? e(t) : e })
|
|
1790
1790
|
});
|
|
1791
1791
|
}
|
|
1792
|
-
|
|
1793
|
-
var
|
|
1792
|
+
Ii.displayName = "NavigationMenu.Backdrop";
|
|
1793
|
+
var H = {
|
|
1794
1794
|
link: "imf-ui-navigation-menu-link-module-link",
|
|
1795
1795
|
linkArrow: "imf-ui-navigation-menu-link-module-linkArrow",
|
|
1796
1796
|
linkCard: "imf-ui-navigation-menu-link-module-linkCard",
|
|
1797
1797
|
linkCardDescription: "imf-ui-navigation-menu-link-module-linkCardDescription",
|
|
1798
1798
|
linkCardTitle: "imf-ui-navigation-menu-link-module-linkCardTitle",
|
|
1799
1799
|
linkList: "imf-ui-navigation-menu-link-module-linkList"
|
|
1800
|
-
},
|
|
1801
|
-
function
|
|
1802
|
-
return /* @__PURE__ */
|
|
1800
|
+
}, Li = h(H.link), Ri = h(H.linkList), zi = h(H.linkCard);
|
|
1801
|
+
function Bi({ className: e, children: t, render: n, ...r }) {
|
|
1802
|
+
return /* @__PURE__ */ _(T.Link, {
|
|
1803
1803
|
...r,
|
|
1804
1804
|
render: n,
|
|
1805
1805
|
"data-imf-ui-component": "NavigationMenu.Link",
|
|
1806
|
-
className: (t) =>
|
|
1807
|
-
children: n ? t : /* @__PURE__ */
|
|
1808
|
-
className:
|
|
1806
|
+
className: (t) => Li({ className: typeof e == "function" ? e(t) : e }),
|
|
1807
|
+
children: n ? t : /* @__PURE__ */ v(ye, { children: [t, /* @__PURE__ */ _("span", {
|
|
1808
|
+
className: H.linkArrow,
|
|
1809
1809
|
"aria-hidden": !0,
|
|
1810
|
-
children: /* @__PURE__ */
|
|
1810
|
+
children: /* @__PURE__ */ _(m, {
|
|
1811
1811
|
glyph: c,
|
|
1812
1812
|
size: 14
|
|
1813
1813
|
})
|
|
1814
1814
|
})] })
|
|
1815
1815
|
});
|
|
1816
1816
|
}
|
|
1817
|
-
|
|
1818
|
-
function
|
|
1819
|
-
return /* @__PURE__ */
|
|
1817
|
+
Bi.displayName = "NavigationMenu.Link";
|
|
1818
|
+
function Vi({ className: e, ...t }) {
|
|
1819
|
+
return /* @__PURE__ */ _("ul", {
|
|
1820
1820
|
...t,
|
|
1821
1821
|
"data-imf-ui-component": "NavigationMenu.LinkList",
|
|
1822
|
-
className:
|
|
1822
|
+
className: Ri({ className: e })
|
|
1823
1823
|
});
|
|
1824
1824
|
}
|
|
1825
|
-
|
|
1826
|
-
function
|
|
1827
|
-
return /* @__PURE__ */
|
|
1825
|
+
Vi.displayName = "NavigationMenu.LinkList";
|
|
1826
|
+
function Hi({ title: e, description: t, image: n, imageAlt: r = "", className: i, ...a }) {
|
|
1827
|
+
return /* @__PURE__ */ _(T.Link, {
|
|
1828
1828
|
...a,
|
|
1829
1829
|
"data-imf-ui-component": "NavigationMenu.LinkCard",
|
|
1830
|
-
className: (e) =>
|
|
1831
|
-
children: /* @__PURE__ */
|
|
1830
|
+
className: (e) => zi({ className: typeof i == "function" ? i(e) : i }),
|
|
1831
|
+
children: /* @__PURE__ */ v(On, {
|
|
1832
1832
|
variant: "main",
|
|
1833
1833
|
density: "compact",
|
|
1834
1834
|
withBorder: !1,
|
|
1835
1835
|
children: [
|
|
1836
|
-
n && /* @__PURE__ */
|
|
1836
|
+
n && /* @__PURE__ */ _(kn, {
|
|
1837
1837
|
src: n,
|
|
1838
1838
|
alt: r
|
|
1839
1839
|
}),
|
|
1840
|
-
/* @__PURE__ */
|
|
1841
|
-
className:
|
|
1840
|
+
/* @__PURE__ */ _(An, { children: /* @__PURE__ */ _("span", {
|
|
1841
|
+
className: H.linkCardTitle,
|
|
1842
1842
|
children: e
|
|
1843
1843
|
}) }),
|
|
1844
|
-
t && /* @__PURE__ */
|
|
1845
|
-
className:
|
|
1844
|
+
t && /* @__PURE__ */ _(jn, { children: /* @__PURE__ */ _("span", {
|
|
1845
|
+
className: H.linkCardDescription,
|
|
1846
1846
|
children: t
|
|
1847
1847
|
}) })
|
|
1848
1848
|
]
|
|
1849
1849
|
})
|
|
1850
1850
|
});
|
|
1851
1851
|
}
|
|
1852
|
-
|
|
1853
|
-
var
|
|
1852
|
+
Hi.displayName = "NavigationMenu.LinkCard";
|
|
1853
|
+
var Ui = {
|
|
1854
1854
|
flyoutLink: "imf-ui-navigation-menu-flyout-link-module-flyoutLink",
|
|
1855
1855
|
linkArrow: "imf-ui-navigation-menu-flyout-link-module-linkArrow"
|
|
1856
|
-
},
|
|
1857
|
-
function
|
|
1858
|
-
return /* @__PURE__ */
|
|
1856
|
+
}, Wi = h(Ui.flyoutLink);
|
|
1857
|
+
function Gi({ className: e, children: t, render: n, ...r }) {
|
|
1858
|
+
return /* @__PURE__ */ _(T.Link, {
|
|
1859
1859
|
...r,
|
|
1860
1860
|
render: n,
|
|
1861
1861
|
"data-imf-ui-component": "NavigationMenu.FlyoutLink",
|
|
1862
|
-
className: (t) =>
|
|
1863
|
-
children: n ? t : /* @__PURE__ */
|
|
1864
|
-
className:
|
|
1862
|
+
className: (t) => Wi({ className: typeof e == "function" ? e(t) : e }),
|
|
1863
|
+
children: n ? t : /* @__PURE__ */ v(ye, { children: [t, /* @__PURE__ */ _("span", {
|
|
1864
|
+
className: Ui.linkArrow,
|
|
1865
1865
|
"aria-hidden": !0,
|
|
1866
|
-
children: /* @__PURE__ */
|
|
1866
|
+
children: /* @__PURE__ */ _(m, {
|
|
1867
1867
|
glyph: c,
|
|
1868
1868
|
size: 14
|
|
1869
1869
|
})
|
|
1870
1870
|
})] })
|
|
1871
1871
|
});
|
|
1872
1872
|
}
|
|
1873
|
-
|
|
1873
|
+
Gi.displayName = "NavigationMenu.FlyoutLink";
|
|
1874
1874
|
//#endregion
|
|
1875
1875
|
//#region src/breakpoints/registry.ts
|
|
1876
|
-
var
|
|
1876
|
+
var Ki = {
|
|
1877
1877
|
mobile: 375,
|
|
1878
1878
|
sm: 640,
|
|
1879
1879
|
md: 768,
|
|
@@ -1882,16 +1882,16 @@ var Gi = {
|
|
|
1882
1882
|
};
|
|
1883
1883
|
//#endregion
|
|
1884
1884
|
//#region src/breakpoints/min-width.ts
|
|
1885
|
-
function
|
|
1886
|
-
return `(min-width: ${String(
|
|
1885
|
+
function qi(e) {
|
|
1886
|
+
return `(min-width: ${String(Ki[e])}px)`;
|
|
1887
1887
|
}
|
|
1888
1888
|
//#endregion
|
|
1889
1889
|
//#region src/config.ts
|
|
1890
|
-
var
|
|
1891
|
-
cssVarPrefix:
|
|
1890
|
+
var Ji = "imf-ui", U = {
|
|
1891
|
+
cssVarPrefix: Ji,
|
|
1892
1892
|
colorScheme: {
|
|
1893
|
-
storageKey: `${
|
|
1894
|
-
attr: `data-${
|
|
1893
|
+
storageKey: `${Ji}-color-scheme`,
|
|
1894
|
+
attr: `data-${Ji}-color-scheme`,
|
|
1895
1895
|
options: [
|
|
1896
1896
|
"light",
|
|
1897
1897
|
"system",
|
|
@@ -1901,46 +1901,46 @@ var qi = "imf-ui", W = {
|
|
|
1901
1901
|
};
|
|
1902
1902
|
//#endregion
|
|
1903
1903
|
//#region src/hooks/use-color-scheme.ts
|
|
1904
|
-
function
|
|
1904
|
+
function Yi() {
|
|
1905
1905
|
return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
|
1906
1906
|
}
|
|
1907
|
-
function
|
|
1907
|
+
function Xi(e) {
|
|
1908
1908
|
return e === "light" || e === "dark" || e === "system" ? e : "system";
|
|
1909
1909
|
}
|
|
1910
|
-
function
|
|
1911
|
-
return
|
|
1910
|
+
function Zi() {
|
|
1911
|
+
return Xi(localStorage.getItem(U.colorScheme.storageKey));
|
|
1912
1912
|
}
|
|
1913
|
-
function
|
|
1914
|
-
let t = e !== void 0, [n, r] =
|
|
1915
|
-
|
|
1913
|
+
function Qi({ value: e } = {}) {
|
|
1914
|
+
let t = e !== void 0, [n, r] = Te(() => e ?? Zi()), i = e ?? n, [a, o] = Te(() => i === "system" ? Yi() : i);
|
|
1915
|
+
Ce(function() {
|
|
1916
1916
|
if (i !== "system") {
|
|
1917
|
-
document.documentElement.setAttribute(
|
|
1917
|
+
document.documentElement.setAttribute(U.colorScheme.attr, i), o(i);
|
|
1918
1918
|
return;
|
|
1919
1919
|
}
|
|
1920
|
-
document.documentElement.removeAttribute(
|
|
1920
|
+
document.documentElement.removeAttribute(U.colorScheme.attr), o(Yi());
|
|
1921
1921
|
let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => o(e.matches ? "dark" : "light");
|
|
1922
1922
|
return e.addEventListener("change", t), function() {
|
|
1923
1923
|
e.removeEventListener("change", t);
|
|
1924
1924
|
};
|
|
1925
1925
|
}, [i]);
|
|
1926
1926
|
function s(e) {
|
|
1927
|
-
t || (e === "system" ? localStorage.removeItem(
|
|
1927
|
+
t || (e === "system" ? localStorage.removeItem(U.colorScheme.storageKey) : localStorage.setItem(U.colorScheme.storageKey, e), r(e));
|
|
1928
1928
|
}
|
|
1929
1929
|
return {
|
|
1930
1930
|
colorScheme: i,
|
|
1931
1931
|
resolvedColorScheme: a,
|
|
1932
1932
|
setColorScheme: s,
|
|
1933
|
-
colorSchemeOptions:
|
|
1933
|
+
colorSchemeOptions: U.colorScheme.options
|
|
1934
1934
|
};
|
|
1935
1935
|
}
|
|
1936
1936
|
//#endregion
|
|
1937
1937
|
//#region src/hooks/use-media-query.ts
|
|
1938
|
-
function
|
|
1938
|
+
function $i(e, t) {
|
|
1939
1939
|
return typeof t == "boolean" ? t : typeof window < "u" && "matchMedia" in window ? window.matchMedia(e).matches : !1;
|
|
1940
1940
|
}
|
|
1941
|
-
function
|
|
1942
|
-
let [r, i] =
|
|
1943
|
-
return
|
|
1941
|
+
function ea(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
|
|
1942
|
+
let [r, i] = Te(n ? t : $i(e));
|
|
1943
|
+
return Ce(() => {
|
|
1944
1944
|
try {
|
|
1945
1945
|
if ("matchMedia" in window) {
|
|
1946
1946
|
let t = window.matchMedia(e);
|
|
@@ -1955,7 +1955,7 @@ function $i(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0
|
|
|
1955
1955
|
}
|
|
1956
1956
|
}, [e]), r ?? !1;
|
|
1957
1957
|
}
|
|
1958
|
-
var
|
|
1958
|
+
var W = {
|
|
1959
1959
|
submenuContent: "imf-ui-navigation-menu-inline-submenu-module-submenuContent",
|
|
1960
1960
|
submenuDescription: "imf-ui-navigation-menu-inline-submenu-module-submenuDescription",
|
|
1961
1961
|
submenuHint: "imf-ui-navigation-menu-inline-submenu-module-submenuHint",
|
|
@@ -1970,44 +1970,44 @@ var G = {
|
|
|
1970
1970
|
};
|
|
1971
1971
|
//#endregion
|
|
1972
1972
|
//#region src/components/navigation-menu/subs/inline-submenu.tsx
|
|
1973
|
-
function
|
|
1974
|
-
let n =
|
|
1975
|
-
return /* @__PURE__ */
|
|
1973
|
+
function ta({ items: e, defaultValue: t }) {
|
|
1974
|
+
let n = ea(qi("md"), !0);
|
|
1975
|
+
return /* @__PURE__ */ _(T.Root, {
|
|
1976
1976
|
orientation: n ? "vertical" : "horizontal",
|
|
1977
1977
|
defaultValue: t,
|
|
1978
1978
|
"data-imf-ui-component": "NavigationMenu.Root",
|
|
1979
1979
|
"data-orientation": n ? "vertical" : "horizontal",
|
|
1980
|
-
className:
|
|
1981
|
-
children: /* @__PURE__ */
|
|
1982
|
-
className:
|
|
1983
|
-
children: [/* @__PURE__ */
|
|
1980
|
+
className: W.submenuRoot,
|
|
1981
|
+
children: /* @__PURE__ */ v("div", {
|
|
1982
|
+
className: W.submenuLayout,
|
|
1983
|
+
children: [/* @__PURE__ */ _(T.List, {
|
|
1984
1984
|
"data-imf-ui-component": "NavigationMenu.List",
|
|
1985
|
-
className:
|
|
1986
|
-
children: e.map((e) => /* @__PURE__ */
|
|
1985
|
+
className: W.submenuList,
|
|
1986
|
+
children: e.map((e) => /* @__PURE__ */ v(T.Item, {
|
|
1987
1987
|
value: e.value,
|
|
1988
1988
|
"data-imf-ui-component": "NavigationMenu.Item",
|
|
1989
|
-
children: [/* @__PURE__ */
|
|
1989
|
+
children: [/* @__PURE__ */ v(T.Trigger, {
|
|
1990
1990
|
"data-imf-ui-component": "NavigationMenu.Trigger",
|
|
1991
|
-
className:
|
|
1992
|
-
children: [/* @__PURE__ */
|
|
1993
|
-
className:
|
|
1991
|
+
className: W.submenuTrigger,
|
|
1992
|
+
children: [/* @__PURE__ */ _("span", {
|
|
1993
|
+
className: W.submenuLabel,
|
|
1994
1994
|
children: e.label
|
|
1995
|
-
}), e.hint && /* @__PURE__ */
|
|
1996
|
-
className:
|
|
1995
|
+
}), e.hint && /* @__PURE__ */ _("span", {
|
|
1996
|
+
className: W.submenuHint,
|
|
1997
1997
|
children: e.hint
|
|
1998
1998
|
})]
|
|
1999
|
-
}), /* @__PURE__ */
|
|
1999
|
+
}), /* @__PURE__ */ v(T.Content, {
|
|
2000
2000
|
"data-imf-ui-component": "NavigationMenu.Content",
|
|
2001
|
-
className:
|
|
2002
|
-
children: [/* @__PURE__ */
|
|
2003
|
-
className:
|
|
2001
|
+
className: W.submenuContent,
|
|
2002
|
+
children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h4", {
|
|
2003
|
+
className: W.submenuTitle,
|
|
2004
2004
|
children: e.title
|
|
2005
|
-
}), e.description && /* @__PURE__ */
|
|
2006
|
-
className:
|
|
2005
|
+
}), e.description && /* @__PURE__ */ _("p", {
|
|
2006
|
+
className: W.submenuDescription,
|
|
2007
2007
|
children: e.description
|
|
2008
|
-
})] }), /* @__PURE__ */
|
|
2009
|
-
className:
|
|
2010
|
-
children: e.links.map((e, t) => /* @__PURE__ */
|
|
2008
|
+
})] }), /* @__PURE__ */ _("ul", {
|
|
2009
|
+
className: W.submenuLinkList,
|
|
2010
|
+
children: e.links.map((e, t) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ _(Hi, {
|
|
2011
2011
|
href: e.href,
|
|
2012
2012
|
title: e.title,
|
|
2013
2013
|
description: e.description
|
|
@@ -2015,35 +2015,35 @@ function ea({ items: e, defaultValue: t }) {
|
|
|
2015
2015
|
})]
|
|
2016
2016
|
})]
|
|
2017
2017
|
}, e.value))
|
|
2018
|
-
}), /* @__PURE__ */
|
|
2018
|
+
}), /* @__PURE__ */ _(T.Viewport, {
|
|
2019
2019
|
"data-imf-ui-component": "NavigationMenu.Viewport",
|
|
2020
|
-
className:
|
|
2020
|
+
className: W.submenuViewport
|
|
2021
2021
|
})]
|
|
2022
2022
|
})
|
|
2023
2023
|
});
|
|
2024
2024
|
}
|
|
2025
|
-
|
|
2025
|
+
ta.displayName = "NavigationMenu.InlineSubmenu";
|
|
2026
2026
|
//#endregion
|
|
2027
2027
|
//#region src/components/navigation-menu/navigation-menu.tsx
|
|
2028
|
-
var
|
|
2029
|
-
Arrow: () =>
|
|
2030
|
-
Backdrop: () =>
|
|
2031
|
-
Content: () =>
|
|
2032
|
-
FlyoutLink: () =>
|
|
2033
|
-
Icon: () =>
|
|
2034
|
-
InlineSubmenu: () =>
|
|
2035
|
-
Item: () =>
|
|
2036
|
-
Link: () =>
|
|
2037
|
-
LinkCard: () =>
|
|
2038
|
-
LinkList: () =>
|
|
2039
|
-
List: () =>
|
|
2040
|
-
Popup: () =>
|
|
2041
|
-
Portal: () =>
|
|
2042
|
-
Positioner: () =>
|
|
2043
|
-
Root: () =>
|
|
2044
|
-
Trigger: () =>
|
|
2045
|
-
Viewport: () =>
|
|
2046
|
-
}),
|
|
2028
|
+
var na = /* @__PURE__ */ e({
|
|
2029
|
+
Arrow: () => Fi,
|
|
2030
|
+
Backdrop: () => Ii,
|
|
2031
|
+
Content: () => xi,
|
|
2032
|
+
FlyoutLink: () => Gi,
|
|
2033
|
+
Icon: () => Di,
|
|
2034
|
+
InlineSubmenu: () => ta,
|
|
2035
|
+
Item: () => bi,
|
|
2036
|
+
Link: () => Bi,
|
|
2037
|
+
LinkCard: () => Hi,
|
|
2038
|
+
LinkList: () => Vi,
|
|
2039
|
+
List: () => yi,
|
|
2040
|
+
Popup: () => Pi,
|
|
2041
|
+
Portal: () => Mi,
|
|
2042
|
+
Positioner: () => Ni,
|
|
2043
|
+
Root: () => vi,
|
|
2044
|
+
Trigger: () => Ei,
|
|
2045
|
+
Viewport: () => Si
|
|
2046
|
+
}), ra = {
|
|
2047
2047
|
name: "NavigationMenu",
|
|
2048
2048
|
category: t.display,
|
|
2049
2049
|
status: "experimental",
|
|
@@ -2056,14 +2056,14 @@ var ta = /* @__PURE__ */ e({
|
|
|
2056
2056
|
docLink: "https://base-ui.com/react/components/navigation-menu",
|
|
2057
2057
|
llmDocLink: "https://base-ui.com/react/components/navigation-menu.md"
|
|
2058
2058
|
}
|
|
2059
|
-
},
|
|
2059
|
+
}, G = {
|
|
2060
2060
|
fill: "imf-ui-spinner-module-fill",
|
|
2061
2061
|
glyph: "imf-ui-spinner-module-glyph",
|
|
2062
2062
|
root: "imf-ui-spinner-module-root",
|
|
2063
2063
|
sizeLg: "imf-ui-spinner-module-sizeLg",
|
|
2064
2064
|
sizeMd: "imf-ui-spinner-module-sizeMd",
|
|
2065
2065
|
sizeSm: "imf-ui-spinner-module-sizeSm"
|
|
2066
|
-
},
|
|
2066
|
+
}, K = {
|
|
2067
2067
|
HALF: 8,
|
|
2068
2068
|
INSET: -11,
|
|
2069
2069
|
TILT0: -.44,
|
|
@@ -2072,16 +2072,16 @@ var ta = /* @__PURE__ */ e({
|
|
|
2072
2072
|
BR_S: 2.1,
|
|
2073
2073
|
SWAY: 11.5,
|
|
2074
2074
|
SWAY_RATIO: 1.35
|
|
2075
|
-
},
|
|
2075
|
+
}, ia = 100 / 2, aa = [
|
|
2076
2076
|
[0, 0],
|
|
2077
2077
|
[100, 0],
|
|
2078
2078
|
[100, 100],
|
|
2079
2079
|
[0, 100]
|
|
2080
2080
|
];
|
|
2081
|
-
function
|
|
2081
|
+
function oa(e, t, n, r) {
|
|
2082
2082
|
let i = [], a = (i) => n * (i[1] - t) - r * (i[0] - e) >= 0;
|
|
2083
2083
|
for (let o = 0; o < 4; o++) {
|
|
2084
|
-
let s =
|
|
2084
|
+
let s = aa[o], c = aa[(o + 1) % 4], l = a(s), u = a(c);
|
|
2085
2085
|
if (l && i.push(s), l !== u) {
|
|
2086
2086
|
let a = ((e - s[0]) * r - (t - s[1]) * n) / ((c[0] - s[0]) * r - (c[1] - s[1]) * n);
|
|
2087
2087
|
i.push([s[0] + a * (c[0] - s[0]), s[1] + a * (c[1] - s[1])]);
|
|
@@ -2089,7 +2089,7 @@ function aa(e, t, n, r) {
|
|
|
2089
2089
|
}
|
|
2090
2090
|
return i;
|
|
2091
2091
|
}
|
|
2092
|
-
function
|
|
2092
|
+
function sa(e, t) {
|
|
2093
2093
|
let n = 0, r = Infinity;
|
|
2094
2094
|
for (let i = 0; i < e.length; i++) {
|
|
2095
2095
|
let a = e[i], o = e[(i + 1) % e.length], s = ((a[0] + o[0]) / 2 - t[0]) ** 2 + ((a[1] + o[1]) / 2 - t[1]) ** 2;
|
|
@@ -2101,55 +2101,55 @@ function oa(e, t) {
|
|
|
2101
2101
|
...e.slice(n + 1)
|
|
2102
2102
|
];
|
|
2103
2103
|
}
|
|
2104
|
-
function
|
|
2105
|
-
let s =
|
|
2106
|
-
return oa(
|
|
2107
|
-
}
|
|
2108
|
-
function ca(e) {
|
|
2109
|
-
let t = q.TILT0 + (q.ROT_S > 0 ? e / (q.ROT_S * 1e3) * Math.PI * 2 : 0), n = q.BR_AMT > 0 ? (1 - Math.cos(e / (q.BR_S * 1e3) * Math.PI * 2)) / 2 : 0, r = q.HALF + q.BR_AMT * n, i = q.SWAY * Math.sin(e / (q.BR_S * 1e3 * q.SWAY_RATIO) * Math.PI * 2), a = Math.cos(t), o = Math.sin(t), s = -o, c = a;
|
|
2110
|
-
return [la(sa(1, r, i, a, o, s, c)), la(sa(-1, r, i, a, o, s, c))];
|
|
2104
|
+
function ca(e, t, n, r, i, a, o) {
|
|
2105
|
+
let s = ia + e * t * a, c = ia + e * t * o, l = e * n, u = s + e * r * l - e * a * K.INSET, d = c + e * i * l - e * o * K.INSET;
|
|
2106
|
+
return sa(oa(s, c, e * r, e * i), [u, d]);
|
|
2111
2107
|
}
|
|
2112
2108
|
function la(e) {
|
|
2109
|
+
let t = K.TILT0 + (K.ROT_S > 0 ? e / (K.ROT_S * 1e3) * Math.PI * 2 : 0), n = K.BR_AMT > 0 ? (1 - Math.cos(e / (K.BR_S * 1e3) * Math.PI * 2)) / 2 : 0, r = K.HALF + K.BR_AMT * n, i = K.SWAY * Math.sin(e / (K.BR_S * 1e3 * K.SWAY_RATIO) * Math.PI * 2), a = Math.cos(t), o = Math.sin(t), s = -o, c = a;
|
|
2110
|
+
return [ua(ca(1, r, i, a, o, s, c)), ua(ca(-1, r, i, a, o, s, c))];
|
|
2111
|
+
}
|
|
2112
|
+
function ua(e) {
|
|
2113
2113
|
return "M" + e.map((e) => e[0].toFixed(2) + " " + e[1].toFixed(2)).join("L") + "Z";
|
|
2114
2114
|
}
|
|
2115
|
-
var
|
|
2116
|
-
sm:
|
|
2117
|
-
md:
|
|
2118
|
-
lg:
|
|
2115
|
+
var da = K.ROT_S * 1e3, fa = h(G.root, { variants: { size: {
|
|
2116
|
+
sm: G.sizeSm,
|
|
2117
|
+
md: G.sizeMd,
|
|
2118
|
+
lg: G.sizeLg
|
|
2119
2119
|
} } });
|
|
2120
|
-
function
|
|
2121
|
-
let i =
|
|
2122
|
-
|
|
2120
|
+
function pa({ size: e = "md", label: t = "Loading", className: n, ...r }) {
|
|
2121
|
+
let i = we(null), a = we(null);
|
|
2122
|
+
Ce(function() {
|
|
2123
2123
|
let e = 0, t = performance.now(), n = (r) => {
|
|
2124
|
-
let [o, s] =
|
|
2124
|
+
let [o, s] = la((r - t) % da);
|
|
2125
2125
|
i.current?.setAttribute("d", o), a.current?.setAttribute("d", s), e = requestAnimationFrame(n);
|
|
2126
2126
|
};
|
|
2127
2127
|
return e = requestAnimationFrame(n), function() {
|
|
2128
2128
|
cancelAnimationFrame(e);
|
|
2129
2129
|
};
|
|
2130
2130
|
}, []);
|
|
2131
|
-
let [o, s] =
|
|
2132
|
-
return /* @__PURE__ */
|
|
2131
|
+
let [o, s] = la(0);
|
|
2132
|
+
return /* @__PURE__ */ _("span", {
|
|
2133
2133
|
...r,
|
|
2134
2134
|
"data-imf-ui-component": "Spinner",
|
|
2135
|
-
className:
|
|
2135
|
+
className: fa({
|
|
2136
2136
|
size: e,
|
|
2137
2137
|
className: n
|
|
2138
2138
|
}),
|
|
2139
2139
|
role: "status",
|
|
2140
2140
|
"aria-label": t,
|
|
2141
|
-
children: /* @__PURE__ */
|
|
2141
|
+
children: /* @__PURE__ */ v("svg", {
|
|
2142
2142
|
viewBox: "0 0 100 100",
|
|
2143
2143
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2144
2144
|
"aria-hidden": "true",
|
|
2145
|
-
className:
|
|
2146
|
-
children: [/* @__PURE__ */
|
|
2145
|
+
className: G.glyph,
|
|
2146
|
+
children: [/* @__PURE__ */ _("path", {
|
|
2147
2147
|
ref: i,
|
|
2148
|
-
className:
|
|
2148
|
+
className: G.fill,
|
|
2149
2149
|
d: o
|
|
2150
|
-
}), /* @__PURE__ */
|
|
2150
|
+
}), /* @__PURE__ */ _("path", {
|
|
2151
2151
|
ref: a,
|
|
2152
|
-
className:
|
|
2152
|
+
className: G.fill,
|
|
2153
2153
|
d: s
|
|
2154
2154
|
})]
|
|
2155
2155
|
})
|
|
@@ -2157,13 +2157,13 @@ function fa({ size: e = "md", label: t = "Loading", className: n, ...r }) {
|
|
|
2157
2157
|
}
|
|
2158
2158
|
//#endregion
|
|
2159
2159
|
//#region src/components/spinner/spinner.meta.ts
|
|
2160
|
-
var
|
|
2160
|
+
var ma = {
|
|
2161
2161
|
name: "Spinner",
|
|
2162
2162
|
category: t.display,
|
|
2163
2163
|
status: "stable",
|
|
2164
2164
|
description: "Indeterminate loading indicator. Also called a loader or progress spinner.",
|
|
2165
2165
|
origin: "native"
|
|
2166
|
-
},
|
|
2166
|
+
}, q = {
|
|
2167
2167
|
body: "imf-ui-table-module-body",
|
|
2168
2168
|
cell: "imf-ui-table-module-cell",
|
|
2169
2169
|
header: "imf-ui-table-module-header",
|
|
@@ -2172,70 +2172,70 @@ var pa = {
|
|
|
2172
2172
|
root: "imf-ui-table-module-root",
|
|
2173
2173
|
row: "imf-ui-table-module-row",
|
|
2174
2174
|
sortIndicator: "imf-ui-table-module-sortIndicator"
|
|
2175
|
-
},
|
|
2176
|
-
Body: () =>
|
|
2175
|
+
}, ha = /* @__PURE__ */ e({
|
|
2176
|
+
Body: () => Ea,
|
|
2177
2177
|
Cell: () => Oa,
|
|
2178
|
-
Header: () =>
|
|
2178
|
+
Header: () => Ta,
|
|
2179
2179
|
HeaderButton: () => ka,
|
|
2180
|
-
HeaderCell: () =>
|
|
2181
|
-
Root: () =>
|
|
2182
|
-
Row: () =>
|
|
2180
|
+
HeaderCell: () => J,
|
|
2181
|
+
Root: () => wa,
|
|
2182
|
+
Row: () => Da,
|
|
2183
2183
|
SortableHeaderCell: () => Ma
|
|
2184
|
-
}),
|
|
2185
|
-
function Ca({ className: e, ...t }) {
|
|
2186
|
-
return /* @__PURE__ */ v("table", {
|
|
2187
|
-
...t,
|
|
2188
|
-
"data-imf-ui-component": "Table.Root",
|
|
2189
|
-
className: ha({ className: e })
|
|
2190
|
-
});
|
|
2191
|
-
}
|
|
2192
|
-
Ca.displayName = "Table.Root";
|
|
2184
|
+
}), ga = h(q.root), _a = h(q.header), va = h(q.body), ya = h(q.row), ba = h(q.headerCell), xa = h(q.cell), Sa = h(q.headerButton), Ca = h(q.sortIndicator);
|
|
2193
2185
|
function wa({ className: e, ...t }) {
|
|
2194
|
-
return /* @__PURE__ */
|
|
2186
|
+
return /* @__PURE__ */ _("table", {
|
|
2195
2187
|
...t,
|
|
2196
|
-
"data-imf-ui-component": "Table.
|
|
2188
|
+
"data-imf-ui-component": "Table.Root",
|
|
2197
2189
|
className: ga({ className: e })
|
|
2198
2190
|
});
|
|
2199
2191
|
}
|
|
2200
|
-
wa.displayName = "Table.
|
|
2192
|
+
wa.displayName = "Table.Root";
|
|
2201
2193
|
function Ta({ className: e, ...t }) {
|
|
2202
|
-
return /* @__PURE__ */
|
|
2194
|
+
return /* @__PURE__ */ _("thead", {
|
|
2203
2195
|
...t,
|
|
2204
|
-
"data-imf-ui-component": "Table.
|
|
2196
|
+
"data-imf-ui-component": "Table.Header",
|
|
2205
2197
|
className: _a({ className: e })
|
|
2206
2198
|
});
|
|
2207
2199
|
}
|
|
2208
|
-
Ta.displayName = "Table.
|
|
2200
|
+
Ta.displayName = "Table.Header";
|
|
2209
2201
|
function Ea({ className: e, ...t }) {
|
|
2210
|
-
return /* @__PURE__ */
|
|
2202
|
+
return /* @__PURE__ */ _("tbody", {
|
|
2211
2203
|
...t,
|
|
2212
|
-
"data-imf-ui-component": "Table.
|
|
2204
|
+
"data-imf-ui-component": "Table.Body",
|
|
2213
2205
|
className: va({ className: e })
|
|
2214
2206
|
});
|
|
2215
2207
|
}
|
|
2216
|
-
Ea.displayName = "Table.
|
|
2208
|
+
Ea.displayName = "Table.Body";
|
|
2217
2209
|
function Da({ className: e, ...t }) {
|
|
2218
|
-
return /* @__PURE__ */
|
|
2210
|
+
return /* @__PURE__ */ _("tr", {
|
|
2219
2211
|
...t,
|
|
2220
|
-
"data-imf-ui-component": "Table.
|
|
2212
|
+
"data-imf-ui-component": "Table.Row",
|
|
2221
2213
|
className: ya({ className: e })
|
|
2222
2214
|
});
|
|
2223
2215
|
}
|
|
2224
|
-
Da.displayName = "Table.
|
|
2216
|
+
Da.displayName = "Table.Row";
|
|
2217
|
+
function J({ className: e, ...t }) {
|
|
2218
|
+
return /* @__PURE__ */ _("th", {
|
|
2219
|
+
...t,
|
|
2220
|
+
"data-imf-ui-component": "Table.HeaderCell",
|
|
2221
|
+
className: ba({ className: e })
|
|
2222
|
+
});
|
|
2223
|
+
}
|
|
2224
|
+
J.displayName = "Table.HeaderCell";
|
|
2225
2225
|
function Oa({ className: e, ...t }) {
|
|
2226
|
-
return /* @__PURE__ */
|
|
2226
|
+
return /* @__PURE__ */ _("td", {
|
|
2227
2227
|
...t,
|
|
2228
2228
|
"data-imf-ui-component": "Table.Cell",
|
|
2229
|
-
className:
|
|
2229
|
+
className: xa({ className: e })
|
|
2230
2230
|
});
|
|
2231
2231
|
}
|
|
2232
2232
|
Oa.displayName = "Table.Cell";
|
|
2233
2233
|
function ka({ className: e, type: t = "button", ...n }) {
|
|
2234
|
-
return /* @__PURE__ */
|
|
2234
|
+
return /* @__PURE__ */ _("button", {
|
|
2235
2235
|
...n,
|
|
2236
2236
|
type: t,
|
|
2237
2237
|
"data-imf-ui-component": "Table.HeaderButton",
|
|
2238
|
-
className:
|
|
2238
|
+
className: Sa({ className: e })
|
|
2239
2239
|
});
|
|
2240
2240
|
}
|
|
2241
2241
|
ka.displayName = "Table.HeaderButton";
|
|
@@ -2244,11 +2244,11 @@ function Aa(e) {
|
|
|
2244
2244
|
}
|
|
2245
2245
|
function ja({ sorted: e }) {
|
|
2246
2246
|
let t = e === "asc" ? ne : e === "desc" ? n : r;
|
|
2247
|
-
return /* @__PURE__ */
|
|
2248
|
-
className:
|
|
2247
|
+
return /* @__PURE__ */ _("span", {
|
|
2248
|
+
className: Ca(),
|
|
2249
2249
|
"data-sorted": e || void 0,
|
|
2250
2250
|
"aria-hidden": !0,
|
|
2251
|
-
children: /* @__PURE__ */
|
|
2251
|
+
children: /* @__PURE__ */ _(m, {
|
|
2252
2252
|
glyph: t,
|
|
2253
2253
|
size: 14,
|
|
2254
2254
|
strokeWidth: 1.5
|
|
@@ -2256,14 +2256,14 @@ function ja({ sorted: e }) {
|
|
|
2256
2256
|
});
|
|
2257
2257
|
}
|
|
2258
2258
|
function Ma({ sortDirection: e, onToggle: t, children: n, ...r }) {
|
|
2259
|
-
return t ? /* @__PURE__ */
|
|
2259
|
+
return t ? /* @__PURE__ */ _(J, {
|
|
2260
2260
|
...r,
|
|
2261
2261
|
"aria-sort": Aa(e),
|
|
2262
|
-
children: /* @__PURE__ */
|
|
2262
|
+
children: /* @__PURE__ */ v(ka, {
|
|
2263
2263
|
onClick: t,
|
|
2264
|
-
children: [n, /* @__PURE__ */
|
|
2264
|
+
children: [n, /* @__PURE__ */ _(ja, { sorted: e })]
|
|
2265
2265
|
})
|
|
2266
|
-
}) : /* @__PURE__ */
|
|
2266
|
+
}) : /* @__PURE__ */ _(J, {
|
|
2267
2267
|
...r,
|
|
2268
2268
|
children: n
|
|
2269
2269
|
});
|
|
@@ -2359,9 +2359,9 @@ var Na = {
|
|
|
2359
2359
|
error: Y.variantError
|
|
2360
2360
|
} },
|
|
2361
2361
|
defaultVariants: { variant: "neutral" }
|
|
2362
|
-
}), za = h(Y.content), Ba = h(Y.title), Va = h(Y.description), Ha = h(Y.close), Ua = h(Y.action), Wa = h(Y.positioner), Ga = h(Y.arrow), Ka =
|
|
2362
|
+
}), za = h(Y.content), Ba = h(Y.title), Va = h(Y.description), Ha = h(Y.close), Ua = h(Y.action), Wa = h(Y.positioner), Ga = h(Y.arrow), Ka = E.useToastManager, qa = E.createToastManager;
|
|
2363
2363
|
function Ja({ timeout: e = 5e3, limit: t = 3, ...n }) {
|
|
2364
|
-
return /* @__PURE__ */
|
|
2364
|
+
return /* @__PURE__ */ _(E.Provider, {
|
|
2365
2365
|
...n,
|
|
2366
2366
|
timeout: e,
|
|
2367
2367
|
limit: t
|
|
@@ -2369,7 +2369,7 @@ function Ja({ timeout: e = 5e3, limit: t = 3, ...n }) {
|
|
|
2369
2369
|
}
|
|
2370
2370
|
Ja.displayName = "Toast.Provider";
|
|
2371
2371
|
function Ya({ className: e, ...t }) {
|
|
2372
|
-
return /* @__PURE__ */
|
|
2372
|
+
return /* @__PURE__ */ _(E.Portal, {
|
|
2373
2373
|
...t,
|
|
2374
2374
|
"data-imf-ui-component": "Toast.Portal",
|
|
2375
2375
|
className: (t) => Ia({ className: typeof e == "function" ? e(t) : e })
|
|
@@ -2377,7 +2377,7 @@ function Ya({ className: e, ...t }) {
|
|
|
2377
2377
|
}
|
|
2378
2378
|
Ya.displayName = "Toast.Portal";
|
|
2379
2379
|
function Xa({ className: e, position: t = "bottom-center", width: n = "default", ...r }) {
|
|
2380
|
-
return /* @__PURE__ */
|
|
2380
|
+
return /* @__PURE__ */ _(E.Viewport, {
|
|
2381
2381
|
...r,
|
|
2382
2382
|
"data-imf-ui-component": "Toast.Viewport",
|
|
2383
2383
|
className: (r) => La({
|
|
@@ -2389,7 +2389,7 @@ function Xa({ className: e, position: t = "bottom-center", width: n = "default",
|
|
|
2389
2389
|
}
|
|
2390
2390
|
Xa.displayName = "Toast.Viewport";
|
|
2391
2391
|
function Za({ className: e, variant: t = "neutral", ...n }) {
|
|
2392
|
-
return /* @__PURE__ */
|
|
2392
|
+
return /* @__PURE__ */ _(E.Root, {
|
|
2393
2393
|
...n,
|
|
2394
2394
|
"data-imf-ui-component": "Toast.Root",
|
|
2395
2395
|
className: (n) => Ra({
|
|
@@ -2400,7 +2400,7 @@ function Za({ className: e, variant: t = "neutral", ...n }) {
|
|
|
2400
2400
|
}
|
|
2401
2401
|
Za.displayName = "Toast.Root";
|
|
2402
2402
|
function Qa({ className: e, ...t }) {
|
|
2403
|
-
return /* @__PURE__ */
|
|
2403
|
+
return /* @__PURE__ */ _(E.Content, {
|
|
2404
2404
|
...t,
|
|
2405
2405
|
"data-imf-ui-component": "Toast.Content",
|
|
2406
2406
|
className: (t) => za({ className: typeof e == "function" ? e(t) : e })
|
|
@@ -2408,7 +2408,7 @@ function Qa({ className: e, ...t }) {
|
|
|
2408
2408
|
}
|
|
2409
2409
|
Qa.displayName = "Toast.Content";
|
|
2410
2410
|
function $a({ className: e, ...t }) {
|
|
2411
|
-
return /* @__PURE__ */
|
|
2411
|
+
return /* @__PURE__ */ _(E.Title, {
|
|
2412
2412
|
...t,
|
|
2413
2413
|
"data-imf-ui-component": "Toast.Title",
|
|
2414
2414
|
className: (t) => Ba({ className: typeof e == "function" ? e(t) : e })
|
|
@@ -2416,7 +2416,7 @@ function $a({ className: e, ...t }) {
|
|
|
2416
2416
|
}
|
|
2417
2417
|
$a.displayName = "Toast.Title";
|
|
2418
2418
|
function eo({ className: e, ...t }) {
|
|
2419
|
-
return /* @__PURE__ */
|
|
2419
|
+
return /* @__PURE__ */ _(E.Description, {
|
|
2420
2420
|
...t,
|
|
2421
2421
|
"data-imf-ui-component": "Toast.Description",
|
|
2422
2422
|
className: (t) => Va({ className: typeof e == "function" ? e(t) : e })
|
|
@@ -2424,7 +2424,7 @@ function eo({ className: e, ...t }) {
|
|
|
2424
2424
|
}
|
|
2425
2425
|
eo.displayName = "Toast.Description";
|
|
2426
2426
|
function to({ className: e, ...t }) {
|
|
2427
|
-
return /* @__PURE__ */
|
|
2427
|
+
return /* @__PURE__ */ _(E.Close, {
|
|
2428
2428
|
...t,
|
|
2429
2429
|
"data-imf-ui-component": "Toast.Close",
|
|
2430
2430
|
className: (t) => Ha({ className: typeof e == "function" ? e(t) : e })
|
|
@@ -2432,7 +2432,7 @@ function to({ className: e, ...t }) {
|
|
|
2432
2432
|
}
|
|
2433
2433
|
to.displayName = "Toast.Close";
|
|
2434
2434
|
function no({ className: e, ...t }) {
|
|
2435
|
-
return /* @__PURE__ */
|
|
2435
|
+
return /* @__PURE__ */ _(E.Action, {
|
|
2436
2436
|
...t,
|
|
2437
2437
|
"data-imf-ui-component": "Toast.Action",
|
|
2438
2438
|
className: (t) => Ua({ className: typeof e == "function" ? e(t) : e })
|
|
@@ -2440,7 +2440,7 @@ function no({ className: e, ...t }) {
|
|
|
2440
2440
|
}
|
|
2441
2441
|
no.displayName = "Toast.Action";
|
|
2442
2442
|
function ro({ className: e, ...t }) {
|
|
2443
|
-
return /* @__PURE__ */
|
|
2443
|
+
return /* @__PURE__ */ _(E.Positioner, {
|
|
2444
2444
|
...t,
|
|
2445
2445
|
"data-imf-ui-component": "Toast.Positioner",
|
|
2446
2446
|
className: (t) => Wa({ className: typeof e == "function" ? e(t) : e })
|
|
@@ -2448,7 +2448,7 @@ function ro({ className: e, ...t }) {
|
|
|
2448
2448
|
}
|
|
2449
2449
|
ro.displayName = "Toast.Positioner";
|
|
2450
2450
|
function io({ className: e, ...t }) {
|
|
2451
|
-
return /* @__PURE__ */
|
|
2451
|
+
return /* @__PURE__ */ _(E.Arrow, {
|
|
2452
2452
|
...t,
|
|
2453
2453
|
"data-imf-ui-component": "Toast.Arrow",
|
|
2454
2454
|
className: (t) => Ga({ className: typeof e == "function" ? e(t) : e })
|
|
@@ -2508,17 +2508,17 @@ var ao = {
|
|
|
2508
2508
|
secondary: X.popupVariantSecondary,
|
|
2509
2509
|
positive: X.popupVariantPositive,
|
|
2510
2510
|
negative: X.popupVariantNegative
|
|
2511
|
-
} } }), uo = h(X.arrow), fo = h(X.viewport), po =
|
|
2511
|
+
} } }), uo = h(X.arrow), fo = h(X.viewport), po = D.createHandle;
|
|
2512
2512
|
function mo(e) {
|
|
2513
|
-
return /* @__PURE__ */
|
|
2513
|
+
return /* @__PURE__ */ _(D.Provider, { ...e });
|
|
2514
2514
|
}
|
|
2515
2515
|
mo.displayName = "Tooltip.Provider";
|
|
2516
2516
|
function ho(e) {
|
|
2517
|
-
return /* @__PURE__ */
|
|
2517
|
+
return /* @__PURE__ */ _(D.Root, { ...e });
|
|
2518
2518
|
}
|
|
2519
2519
|
ho.displayName = "Tooltip.Root";
|
|
2520
2520
|
function go({ variant: e = "secondary", inline: t = !1, delay: n = 250, className: r, ...i }) {
|
|
2521
|
-
return /* @__PURE__ */
|
|
2521
|
+
return /* @__PURE__ */ _(D.Trigger, {
|
|
2522
2522
|
...i,
|
|
2523
2523
|
delay: n,
|
|
2524
2524
|
"data-imf-ui-component": "Tooltip.Trigger",
|
|
@@ -2531,11 +2531,11 @@ function go({ variant: e = "secondary", inline: t = !1, delay: n = 250, classNam
|
|
|
2531
2531
|
}
|
|
2532
2532
|
go.displayName = "Tooltip.Trigger";
|
|
2533
2533
|
function _o(e) {
|
|
2534
|
-
return /* @__PURE__ */
|
|
2534
|
+
return /* @__PURE__ */ _(D.Portal, { ...e });
|
|
2535
2535
|
}
|
|
2536
2536
|
_o.displayName = "Tooltip.Portal";
|
|
2537
2537
|
function vo({ className: e, sideOffset: t = 13, ...n }) {
|
|
2538
|
-
return /* @__PURE__ */
|
|
2538
|
+
return /* @__PURE__ */ _(D.Positioner, {
|
|
2539
2539
|
...n,
|
|
2540
2540
|
sideOffset: t,
|
|
2541
2541
|
"data-imf-ui-component": "Tooltip.Positioner",
|
|
@@ -2544,7 +2544,7 @@ function vo({ className: e, sideOffset: t = 13, ...n }) {
|
|
|
2544
2544
|
}
|
|
2545
2545
|
vo.displayName = "Tooltip.Positioner";
|
|
2546
2546
|
function yo({ className: e, variant: t, ...n }) {
|
|
2547
|
-
return /* @__PURE__ */
|
|
2547
|
+
return /* @__PURE__ */ _(D.Popup, {
|
|
2548
2548
|
...n,
|
|
2549
2549
|
"data-imf-ui-component": "Tooltip.Popup",
|
|
2550
2550
|
className: (n) => lo({
|
|
@@ -2555,7 +2555,7 @@ function yo({ className: e, variant: t, ...n }) {
|
|
|
2555
2555
|
}
|
|
2556
2556
|
yo.displayName = "Tooltip.Popup";
|
|
2557
2557
|
function bo({ className: e, ...t }) {
|
|
2558
|
-
return /* @__PURE__ */
|
|
2558
|
+
return /* @__PURE__ */ _(D.Arrow, {
|
|
2559
2559
|
...t,
|
|
2560
2560
|
"data-imf-ui-component": "Tooltip.Arrow",
|
|
2561
2561
|
className: (t) => uo({ className: typeof e == "function" ? e(t) : e })
|
|
@@ -2563,7 +2563,7 @@ function bo({ className: e, ...t }) {
|
|
|
2563
2563
|
}
|
|
2564
2564
|
bo.displayName = "Tooltip.Arrow";
|
|
2565
2565
|
function xo({ className: e, ...t }) {
|
|
2566
|
-
return /* @__PURE__ */
|
|
2566
|
+
return /* @__PURE__ */ _(D.Viewport, {
|
|
2567
2567
|
...t,
|
|
2568
2568
|
"data-imf-ui-component": "Tooltip.Viewport",
|
|
2569
2569
|
className: (t) => fo({ className: typeof e == "function" ? e(t) : e })
|
|
@@ -2571,14 +2571,14 @@ function xo({ className: e, ...t }) {
|
|
|
2571
2571
|
}
|
|
2572
2572
|
xo.displayName = "Tooltip.Viewport";
|
|
2573
2573
|
function So({ trigger: e, children: t, delay: n = 150, side: r = "top", sideOffset: i = 13 }) {
|
|
2574
|
-
return /* @__PURE__ */
|
|
2574
|
+
return /* @__PURE__ */ v(ho, { children: [/* @__PURE__ */ _(go, {
|
|
2575
2575
|
inline: !0,
|
|
2576
2576
|
delay: n,
|
|
2577
2577
|
children: e
|
|
2578
|
-
}), /* @__PURE__ */
|
|
2578
|
+
}), /* @__PURE__ */ _(_o, { children: /* @__PURE__ */ _(vo, {
|
|
2579
2579
|
side: r,
|
|
2580
2580
|
sideOffset: i,
|
|
2581
|
-
children: /* @__PURE__ */
|
|
2581
|
+
children: /* @__PURE__ */ _(yo, { children: t })
|
|
2582
2582
|
}) })] });
|
|
2583
2583
|
}
|
|
2584
2584
|
So.displayName = "Tooltip.Inline";
|
|
@@ -2604,7 +2604,6 @@ var Co = {
|
|
|
2604
2604
|
h3: "imf-ui-typo-module-h3",
|
|
2605
2605
|
h4: "imf-ui-typo-module-h4",
|
|
2606
2606
|
highlight: "imf-ui-typo-module-highlight",
|
|
2607
|
-
icon: "imf-ui-typo-module-icon",
|
|
2608
2607
|
lead: "imf-ui-typo-module-lead",
|
|
2609
2608
|
link: "imf-ui-typo-module-link",
|
|
2610
2609
|
orderedList: "imf-ui-typo-module-orderedList",
|
|
@@ -2659,11 +2658,11 @@ var Co = {
|
|
|
2659
2658
|
none: Z.spacingNone
|
|
2660
2659
|
} } });
|
|
2661
2660
|
function To({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
|
|
2662
|
-
return
|
|
2661
|
+
return w({
|
|
2663
2662
|
defaultTagName: "h1",
|
|
2664
2663
|
render: r,
|
|
2665
2664
|
props: {
|
|
2666
|
-
...
|
|
2665
|
+
...C(i, { className: Q({
|
|
2667
2666
|
variant: e,
|
|
2668
2667
|
className: g(Z.h1, $({ spacing: t }), n)
|
|
2669
2668
|
}) }),
|
|
@@ -2673,11 +2672,11 @@ function To({ variant: e = "main", spacing: t = "default", className: n, render:
|
|
|
2673
2672
|
}
|
|
2674
2673
|
To.displayName = "Typo.H1";
|
|
2675
2674
|
function Eo({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
|
|
2676
|
-
return
|
|
2675
|
+
return w({
|
|
2677
2676
|
defaultTagName: "h2",
|
|
2678
2677
|
render: r,
|
|
2679
2678
|
props: {
|
|
2680
|
-
...
|
|
2679
|
+
...C(i, { className: Q({
|
|
2681
2680
|
variant: e,
|
|
2682
2681
|
className: g(Z.h2, $({ spacing: t }), n)
|
|
2683
2682
|
}) }),
|
|
@@ -2687,11 +2686,11 @@ function Eo({ variant: e = "main", spacing: t = "default", className: n, render:
|
|
|
2687
2686
|
}
|
|
2688
2687
|
Eo.displayName = "Typo.H2";
|
|
2689
2688
|
function Do({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
|
|
2690
|
-
return
|
|
2689
|
+
return w({
|
|
2691
2690
|
defaultTagName: "h3",
|
|
2692
2691
|
render: r,
|
|
2693
2692
|
props: {
|
|
2694
|
-
...
|
|
2693
|
+
...C(i, { className: Q({
|
|
2695
2694
|
variant: e,
|
|
2696
2695
|
className: g(Z.h3, $({ spacing: t }), n)
|
|
2697
2696
|
}) }),
|
|
@@ -2701,11 +2700,11 @@ function Do({ variant: e = "main", spacing: t = "default", className: n, render:
|
|
|
2701
2700
|
}
|
|
2702
2701
|
Do.displayName = "Typo.H3";
|
|
2703
2702
|
function Oo({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
|
|
2704
|
-
return
|
|
2703
|
+
return w({
|
|
2705
2704
|
defaultTagName: "h4",
|
|
2706
2705
|
render: r,
|
|
2707
2706
|
props: {
|
|
2708
|
-
...
|
|
2707
|
+
...C(i, { className: Q({
|
|
2709
2708
|
variant: e,
|
|
2710
2709
|
className: g(Z.h4, $({ spacing: t }), n)
|
|
2711
2710
|
}) }),
|
|
@@ -2715,11 +2714,11 @@ function Oo({ variant: e = "main", spacing: t = "default", className: n, render:
|
|
|
2715
2714
|
}
|
|
2716
2715
|
Oo.displayName = "Typo.H4";
|
|
2717
2716
|
function ko({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
|
|
2718
|
-
return
|
|
2717
|
+
return w({
|
|
2719
2718
|
defaultTagName: "p",
|
|
2720
2719
|
render: r,
|
|
2721
2720
|
props: {
|
|
2722
|
-
...
|
|
2721
|
+
...C(i, { className: Q({
|
|
2723
2722
|
variant: e,
|
|
2724
2723
|
className: g(Z.p, $({ spacing: t }), n)
|
|
2725
2724
|
}) }),
|
|
@@ -2729,11 +2728,11 @@ function ko({ variant: e = "main", spacing: t = "default", className: n, render:
|
|
|
2729
2728
|
}
|
|
2730
2729
|
ko.displayName = "Typo.P";
|
|
2731
2730
|
function Ao({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
|
|
2732
|
-
return
|
|
2731
|
+
return w({
|
|
2733
2732
|
defaultTagName: "p",
|
|
2734
2733
|
render: r,
|
|
2735
2734
|
props: {
|
|
2736
|
-
...
|
|
2735
|
+
...C(i, { className: Q({
|
|
2737
2736
|
variant: e,
|
|
2738
2737
|
className: g(Z.lead, $({ spacing: t }), n)
|
|
2739
2738
|
}) }),
|
|
@@ -2743,11 +2742,11 @@ function Ao({ variant: e = "main", spacing: t = "default", className: n, render:
|
|
|
2743
2742
|
}
|
|
2744
2743
|
Ao.displayName = "Typo.Lead";
|
|
2745
2744
|
function jo({ variant: e = "main", className: t, render: n, ...r }) {
|
|
2746
|
-
return
|
|
2745
|
+
return w({
|
|
2747
2746
|
defaultTagName: "p",
|
|
2748
2747
|
render: n,
|
|
2749
2748
|
props: {
|
|
2750
|
-
...
|
|
2749
|
+
...C(r, { className: Q({
|
|
2751
2750
|
variant: e,
|
|
2752
2751
|
className: g(Z.detail, t)
|
|
2753
2752
|
}) }),
|
|
@@ -2757,11 +2756,11 @@ function jo({ variant: e = "main", className: t, render: n, ...r }) {
|
|
|
2757
2756
|
}
|
|
2758
2757
|
jo.displayName = "Typo.Detail";
|
|
2759
2758
|
function Mo({ variant: e = "minor", className: t, render: n, ...r }) {
|
|
2760
|
-
return
|
|
2759
|
+
return w({
|
|
2761
2760
|
defaultTagName: "small",
|
|
2762
2761
|
render: n,
|
|
2763
2762
|
props: {
|
|
2764
|
-
...
|
|
2763
|
+
...C(r, { className: Q({
|
|
2765
2764
|
variant: e,
|
|
2766
2765
|
className: g(Z.small, t)
|
|
2767
2766
|
}) }),
|
|
@@ -2771,11 +2770,11 @@ function Mo({ variant: e = "minor", className: t, render: n, ...r }) {
|
|
|
2771
2770
|
}
|
|
2772
2771
|
Mo.displayName = "Typo.Small";
|
|
2773
2772
|
function No({ variant: e = "support", spacing: t = "default", className: n, render: r, ...i }) {
|
|
2774
|
-
return
|
|
2773
|
+
return w({
|
|
2775
2774
|
defaultTagName: "blockquote",
|
|
2776
2775
|
render: r,
|
|
2777
2776
|
props: {
|
|
2778
|
-
...
|
|
2777
|
+
...C(i, { className: Q({
|
|
2779
2778
|
variant: e,
|
|
2780
2779
|
className: g(Z.blockquote, $({ spacing: t }), n)
|
|
2781
2780
|
}) }),
|
|
@@ -2785,15 +2784,15 @@ function No({ variant: e = "support", spacing: t = "default", className: n, rend
|
|
|
2785
2784
|
}
|
|
2786
2785
|
No.displayName = "Typo.Blockquote";
|
|
2787
2786
|
function Po(e) {
|
|
2788
|
-
return /* @__PURE__ */
|
|
2787
|
+
return /* @__PURE__ */ _(se, { ...e });
|
|
2789
2788
|
}
|
|
2790
2789
|
Po.displayName = "Typo.InlineCode";
|
|
2791
2790
|
function Fo({ variant: e = "oncolor", className: t, render: n, ...r }) {
|
|
2792
|
-
return
|
|
2791
|
+
return w({
|
|
2793
2792
|
defaultTagName: "mark",
|
|
2794
2793
|
render: n,
|
|
2795
2794
|
props: {
|
|
2796
|
-
...
|
|
2795
|
+
...C(r, { className: Q({
|
|
2797
2796
|
variant: e,
|
|
2798
2797
|
className: g(Z.highlight, t)
|
|
2799
2798
|
}) }),
|
|
@@ -2802,13 +2801,12 @@ function Fo({ variant: e = "oncolor", className: t, render: n, ...r }) {
|
|
|
2802
2801
|
});
|
|
2803
2802
|
}
|
|
2804
2803
|
Fo.displayName = "Typo.Highlight";
|
|
2805
|
-
function Io({ variant: e = "
|
|
2806
|
-
|
|
2807
|
-
return T({
|
|
2804
|
+
function Io({ variant: e = "primary", kind: t = "external", className: n, render: r, ...i }) {
|
|
2805
|
+
return w({
|
|
2808
2806
|
defaultTagName: "a",
|
|
2809
2807
|
render: r,
|
|
2810
2808
|
props: {
|
|
2811
|
-
...
|
|
2809
|
+
...C(t === "external" ? {
|
|
2812
2810
|
target: "_blank",
|
|
2813
2811
|
rel: "noreferrer"
|
|
2814
2812
|
} : {}, i, {
|
|
@@ -2816,11 +2814,7 @@ function Io({ variant: e = "main", kind: t = "external", className: n, render: r
|
|
|
2816
2814
|
variant: e,
|
|
2817
2815
|
className: g(Z.link, n)
|
|
2818
2816
|
}),
|
|
2819
|
-
children:
|
|
2820
|
-
className: Z.icon,
|
|
2821
|
-
"aria-hidden": !0,
|
|
2822
|
-
children: /* @__PURE__ */ v(m, { glyph: a })
|
|
2823
|
-
})] })
|
|
2817
|
+
children: i.children
|
|
2824
2818
|
}),
|
|
2825
2819
|
"data-imf-ui-component": "Typo.Link",
|
|
2826
2820
|
"data-kind": t
|
|
@@ -2829,11 +2823,11 @@ function Io({ variant: e = "main", kind: t = "external", className: n, render: r
|
|
|
2829
2823
|
}
|
|
2830
2824
|
Io.displayName = "Typo.Link";
|
|
2831
2825
|
function Lo({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
|
|
2832
|
-
return
|
|
2826
|
+
return w({
|
|
2833
2827
|
defaultTagName: "ol",
|
|
2834
2828
|
render: r,
|
|
2835
2829
|
props: {
|
|
2836
|
-
...
|
|
2830
|
+
...C(i, { className: Q({
|
|
2837
2831
|
variant: e,
|
|
2838
2832
|
className: g(Z.orderedList, $({ spacing: t }), n)
|
|
2839
2833
|
}) }),
|
|
@@ -2843,11 +2837,11 @@ function Lo({ variant: e = "main", spacing: t = "default", className: n, render:
|
|
|
2843
2837
|
}
|
|
2844
2838
|
Lo.displayName = "Typo.OrderedList";
|
|
2845
2839
|
function Ro({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
|
|
2846
|
-
return
|
|
2840
|
+
return w({
|
|
2847
2841
|
defaultTagName: "ul",
|
|
2848
2842
|
render: r,
|
|
2849
2843
|
props: {
|
|
2850
|
-
...
|
|
2844
|
+
...C(i, { className: Q({
|
|
2851
2845
|
variant: e,
|
|
2852
2846
|
className: g(Z.unorderedList, $({ spacing: t }), n)
|
|
2853
2847
|
}) }),
|
|
@@ -2865,7 +2859,7 @@ var zo = {
|
|
|
2865
2859
|
namespace: !0,
|
|
2866
2860
|
description: "Semantic text primitives for headings, paragraphs, lists, quotes, links, and inline code. The namespace uses native HTML elements and token-based text roles.",
|
|
2867
2861
|
origin: "native"
|
|
2868
|
-
}, Bo =
|
|
2862
|
+
}, Bo = xe({
|
|
2869
2863
|
color: "currentColor",
|
|
2870
2864
|
width: "1.5em",
|
|
2871
2865
|
height: "1.5em",
|
|
@@ -2873,12 +2867,12 @@ var zo = {
|
|
|
2873
2867
|
});
|
|
2874
2868
|
function Vo({ children: e, value: t }) {
|
|
2875
2869
|
let n = {
|
|
2876
|
-
...
|
|
2870
|
+
...Se(Bo),
|
|
2877
2871
|
...t
|
|
2878
2872
|
};
|
|
2879
|
-
return /* @__PURE__ */
|
|
2873
|
+
return /* @__PURE__ */ _(Bo, {
|
|
2880
2874
|
value: n,
|
|
2881
|
-
children: /* @__PURE__ */
|
|
2875
|
+
children: /* @__PURE__ */ _(be, {
|
|
2882
2876
|
iconProps: n,
|
|
2883
2877
|
children: e
|
|
2884
2878
|
})
|
|
@@ -2888,10 +2882,10 @@ Vo.displayName = "IconConfig.Provider";
|
|
|
2888
2882
|
//#endregion
|
|
2889
2883
|
//#region src/provider/web-ui-provider.tsx
|
|
2890
2884
|
function Ho({ children: e, icons: t }) {
|
|
2891
|
-
return /* @__PURE__ */
|
|
2885
|
+
return /* @__PURE__ */ _(Vo, {
|
|
2892
2886
|
value: t,
|
|
2893
|
-
children: /* @__PURE__ */
|
|
2887
|
+
children: /* @__PURE__ */ v(Ja, { children: [e, " "] })
|
|
2894
2888
|
});
|
|
2895
2889
|
}
|
|
2896
2890
|
//#endregion
|
|
2897
|
-
export {
|
|
2891
|
+
export { un as AppShell, Me as Button, Br as Callout, En as Card, Ue as Checkbox, Yr as Chip, Ie as ChipLink, ae as Code, Zr as Collapsible, t as ComponentCategories, Be as CopyButton, Pn as Drawer, Ye as Field, dt as Fieldset, m as Icon, ui as ImFusionLogo, vt as Input, oi as Logo, na as NavigationMenu, lr as Popover, fe as Row, bt as Select, Lr as Separator, le as Slider, pa as Spinner, ue as Stack, pe as Switch, ha as Table, me as Tabs, Fa as Toast, de as Toggle, he as ToggleGroup, oo as Tooltip, wo as Typo, Ho as WebUIProvider, Tn as appShellMeta, Ne as buttonMeta, Jr as calloutMeta, Nn as cardMeta, Je as checkboxMeta, Le as chipLinkMeta, Xr as chipMeta, ce as codeMeta, ii as collapsibleMeta, U as config, Ve as copyButtonMeta, _e as cva, ve as cx, cr as drawerMeta, lt as fieldMeta, gt as fieldsetMeta, re as iconMeta, yt as inputMeta, si as logoMeta, ra as navigationMenuMeta, Pr as popoverMeta, Fr as rowMeta, an as selectMeta, Rr as separatorMeta, on as sliderMeta, ma as spinnerMeta, zr as stackMeta, sn as switchMeta, Na as tableMeta, Pa as tabsMeta, ao as toastMeta, ln as toggleGroupMeta, cn as toggleMeta, Co as tooltipMeta, zo as typoMeta, oe as useClipboard, Qi as useColorScheme, ea as useMediaQuery };
|