@imfusion/web-ui 0.6.4-dev.1.g4ec1264f → 0.6.4-dev.22.ge7bf54c9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/code-Ce8uiPsv.js +134 -0
  2. package/dist/components/button/button.d.ts +4 -1
  3. package/dist/components/card/card.d.ts +5 -2
  4. package/dist/components/code/code.d.ts +4 -6
  5. package/dist/components/collapsible/collapsible.d.ts +1 -1
  6. package/dist/components/drawer/drawer.d.ts +15 -15
  7. package/dist/components/icon/icon.d.ts +1 -1
  8. package/dist/components/logo/logo.d.ts +1 -1
  9. package/dist/components/select/select.d.ts +26 -26
  10. package/dist/components/toast/toast.d.ts +1 -1
  11. package/dist/components/typo/typo.d.ts +3 -3
  12. package/dist/index.js +345 -341
  13. package/dist/integrations/code-highlight.js +1 -1
  14. package/dist/style.css +1 -1
  15. package/package.json +2 -1
  16. package/src/docgen/doc.gen.json +36 -28
  17. package/dist/code-BFMQnmu9.js +0 -147
package/dist/index.js CHANGED
@@ -1,29 +1,30 @@
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-BFMQnmu9.js";
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 _, jsx as v, jsxs as y } from "react/jsx-runtime";
9
- import { IconoirProvider as ye } from "iconoir-react";
10
- import { createContext as be, useContext as xe, useEffect as Se, useRef as Ce, useState as we } from "react";
11
- import { Checkbox as Te } from "@base-ui/react/checkbox";
12
- import { Field as b } from "@base-ui/react/field";
13
- import { Fieldset as Ee } from "@base-ui/react/fieldset";
14
- import { Input as De } from "@base-ui/react/input";
15
- import { Select as x } from "@base-ui/react/select";
16
- import { Drawer as S } from "@base-ui/react/drawer";
17
- import { Popover as C } from "@base-ui/react/popover";
18
- import { Separator as Oe } from "@base-ui/react/separator";
19
- import { mergeProps as w } from "@base-ui/react/merge-props";
20
- import { useRender as T } from "@base-ui/react/use-render";
21
- import { Collapsible as ke } from "@base-ui/react/collapsible";
22
- import { NavigationMenu as E } from "@base-ui/react/navigation-menu";
23
- import { Toast as D } from "@base-ui/react/toast";
24
- import { Tooltip as O } from "@base-ui/react/tooltip";
25
- var k = {
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
+ contextOncolor: "imf-ui-button-module-contextOncolor",
27
28
  endIcon: "imf-ui-button-module-endIcon",
28
29
  label: "imf-ui-button-module-label",
29
30
  radiusLg: "imf-ui-button-module-radiusLg",
@@ -42,65 +43,70 @@ var k = {
42
43
  variantPositive: "imf-ui-button-module-variantPositive",
43
44
  variantPrimary: "imf-ui-button-module-variantPrimary",
44
45
  variantSecondary: "imf-ui-button-module-variantSecondary"
45
- }, Ae = h(k.root, { variants: {
46
+ }, je = h(O.root, { variants: {
46
47
  variant: {
47
- primary: k.variantPrimary,
48
- secondary: k.variantSecondary,
49
- positive: k.variantPositive,
50
- negative: k.variantNegative,
51
- outline: k.variantOutline,
52
- ghost: k.variantGhost
48
+ primary: O.variantPrimary,
49
+ secondary: O.variantSecondary,
50
+ positive: O.variantPositive,
51
+ negative: O.variantNegative,
52
+ outline: O.variantOutline,
53
+ ghost: O.variantGhost
53
54
  },
54
55
  size: {
55
- sm: k.sizeSm,
56
- md: k.sizeMd,
57
- lg: k.sizeLg,
58
- hero: k.sizeHero
56
+ sm: O.sizeSm,
57
+ md: O.sizeMd,
58
+ lg: O.sizeLg,
59
+ hero: O.sizeHero
59
60
  },
60
61
  chamfer: {
61
62
  false: null,
62
- true: k.chamfer
63
+ true: O.chamfer
63
64
  },
64
65
  radius: {
65
66
  none: null,
66
- sm: k.radiusSm,
67
- md: k.radiusMd,
68
- lg: k.radiusLg,
69
- round: k.radiusRound
67
+ sm: O.radiusSm,
68
+ md: O.radiusMd,
69
+ lg: O.radiusLg,
70
+ round: O.radiusRound
71
+ },
72
+ context: {
73
+ default: null,
74
+ oncolor: O.contextOncolor
70
75
  }
71
76
  } });
72
- function je({ 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__ */ y(ge, {
74
- ...c,
77
+ function Me({ variant: e = "primary", size: t = "md", context: n = "default", chamfer: r = t === "hero", radius: i = "none", className: a, startIcon: o, endIcon: s, children: c, ...l }) {
78
+ return /* @__PURE__ */ v(ge, {
79
+ ...l,
75
80
  "data-imf-ui-component": "Button",
76
- className: (a) => Ae({
81
+ className: (o) => je({
77
82
  variant: e,
78
83
  size: t,
79
- chamfer: n,
80
- radius: r,
81
- className: typeof i == "function" ? i(a) : i
84
+ chamfer: r,
85
+ radius: i,
86
+ context: n,
87
+ className: typeof a == "function" ? a(o) : a
82
88
  }),
83
89
  children: [
84
- a != null && /* @__PURE__ */ v("span", {
85
- className: k.startIcon,
90
+ o != null && /* @__PURE__ */ _("span", {
91
+ className: O.startIcon,
86
92
  "aria-hidden": !0,
87
- children: a
93
+ children: o
88
94
  }),
89
- /* @__PURE__ */ v("span", {
90
- className: k.label,
91
- children: s
95
+ /* @__PURE__ */ _("span", {
96
+ className: O.label,
97
+ children: c
92
98
  }),
93
- o != null && /* @__PURE__ */ v("span", {
94
- className: k.endIcon,
99
+ s != null && /* @__PURE__ */ _("span", {
100
+ className: O.endIcon,
95
101
  "aria-hidden": !0,
96
- children: o
102
+ children: s
97
103
  })
98
104
  ]
99
105
  });
100
106
  }
101
107
  //#endregion
102
108
  //#region src/components/button/button.meta.ts
103
- var Me = {
109
+ var Ne = {
104
110
  name: "Button",
105
111
  category: t.buttons,
106
112
  status: "stable",
@@ -112,7 +118,7 @@ var Me = {
112
118
  docLink: "https://base-ui.com/react/components/button",
113
119
  llmDocLink: "https://base-ui.com/react/components/button.md"
114
120
  }
115
- }, A = {
121
+ }, k = {
116
122
  appearanceOutline: "imf-ui-chip-module-appearanceOutline",
117
123
  appearanceSolid: "imf-ui-chip-module-appearanceSolid",
118
124
  appearanceSubtle: "imf-ui-chip-module-appearanceSubtle",
@@ -130,39 +136,39 @@ var Me = {
130
136
  variantPrimary: "imf-ui-chip-module-variantPrimary",
131
137
  variantSupport: "imf-ui-chip-module-variantSupport",
132
138
  variantWarning: "imf-ui-chip-module-variantWarning"
133
- }, Ne = h(A.root, { variants: {
139
+ }, Pe = h(k.root, { variants: {
134
140
  variant: {
135
- main: A.variantMain,
136
- support: A.variantSupport,
137
- minor: A.variantMinor,
138
- brand: A.variantBrand,
139
- primary: A.variantPrimary,
140
- negative: A.variantNegative,
141
- positive: A.variantPositive,
142
- warning: A.variantWarning,
143
- info: A.variantInfo,
144
- "accent-1": A.variantAccent1,
145
- "accent-2": A.variantAccent2,
146
- "accent-3": A.variantAccent3
141
+ main: k.variantMain,
142
+ support: k.variantSupport,
143
+ minor: k.variantMinor,
144
+ brand: k.variantBrand,
145
+ primary: k.variantPrimary,
146
+ negative: k.variantNegative,
147
+ positive: k.variantPositive,
148
+ warning: k.variantWarning,
149
+ info: k.variantInfo,
150
+ "accent-1": k.variantAccent1,
151
+ "accent-2": k.variantAccent2,
152
+ "accent-3": k.variantAccent3
147
153
  },
148
154
  appearance: {
149
- outline: A.appearanceOutline,
150
- solid: A.appearanceSolid,
151
- subtle: A.appearanceSubtle
155
+ outline: k.appearanceOutline,
156
+ solid: k.appearanceSolid,
157
+ subtle: k.appearanceSubtle
152
158
  },
153
159
  inline: {
154
160
  false: null,
155
- true: A.inline
161
+ true: k.inline
156
162
  }
157
- } }), Pe = {
163
+ } }), Fe = {
158
164
  icon: "imf-ui-chip-link-module-icon",
159
165
  root: "imf-ui-chip-link-module-root"
160
166
  };
161
167
  //#endregion
162
168
  //#region src/components/chip-link/chip-link.tsx
163
- function Fe({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kind: r = "external", className: i, children: a, ...o }) {
169
+ function Ie({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kind: r = "external", className: i, children: a, ...o }) {
164
170
  let s = r === "external" ? p : c;
165
- return /* @__PURE__ */ y("a", {
171
+ return /* @__PURE__ */ v("a", {
166
172
  ...r === "external" ? {
167
173
  target: "_blank",
168
174
  rel: "noreferrer"
@@ -170,16 +176,16 @@ function Fe({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
170
176
  ...o,
171
177
  "data-imf-ui-component": "ChipLink",
172
178
  "data-kind": r,
173
- className: Ne({
179
+ className: Pe({
174
180
  variant: e,
175
181
  appearance: t,
176
182
  inline: n,
177
- className: g(Pe.root, i)
183
+ className: g(Fe.root, i)
178
184
  }),
179
- children: [a, /* @__PURE__ */ v("span", {
180
- className: Pe.icon,
185
+ children: [a, /* @__PURE__ */ _("span", {
186
+ className: Fe.icon,
181
187
  "aria-hidden": !0,
182
- children: /* @__PURE__ */ v(m, {
188
+ children: /* @__PURE__ */ _(m, {
183
189
  glyph: s,
184
190
  size: 12
185
191
  })
@@ -188,24 +194,24 @@ function Fe({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
188
194
  }
189
195
  //#endregion
190
196
  //#region src/components/chip-link/chip-link.meta.ts
191
- var Ie = {
197
+ var Le = {
192
198
  name: "ChipLink",
193
199
  category: t.buttons,
194
200
  status: "stable",
195
201
  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
202
  origin: "native"
197
- }, Le = { root: "imf-ui-copy-button-module-root" }, Re = 1500;
198
- function ze({ 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: Re }), u = c ? a : ee;
200
- return /* @__PURE__ */ v(je, {
203
+ }, Re = { root: "imf-ui-copy-button-module-root" }, ze = 1500;
204
+ function Be({ value: e, label: t = "Copy", copiedLabel: n = "Copied", variant: r = "secondary", size: i = "sm", className: o, ...s }) {
205
+ let { copied: c, copy: l } = oe({ timeout: ze }), u = c ? a : ee;
206
+ return /* @__PURE__ */ _(Me, {
201
207
  ...s,
202
208
  variant: r,
203
209
  size: i,
204
210
  "data-copied": c || void 0,
205
211
  "aria-label": c ? n : t,
206
212
  onClick: () => l(e),
207
- className: (e) => g(Le.root, typeof o == "function" ? o(e) : o),
208
- children: /* @__PURE__ */ v(m, {
213
+ className: (e) => g(Re.root, typeof o == "function" ? o(e) : o),
214
+ children: /* @__PURE__ */ _(m, {
209
215
  glyph: u,
210
216
  size: 15,
211
217
  strokeWidth: 2,
@@ -213,17 +219,17 @@ function ze({ value: e, label: t = "Copy", copiedLabel: n = "Copied", variant: r
213
219
  })
214
220
  });
215
221
  }
216
- ze.displayName = "CopyButton";
222
+ Be.displayName = "CopyButton";
217
223
  //#endregion
218
224
  //#region src/components/copy-button/copy-button.meta.ts
219
- var Be = {
225
+ var Ve = {
220
226
  name: "CopyButton",
221
227
  category: t.buttons,
222
228
  status: "stable",
223
229
  description: "Copies a value to the clipboard and briefly shows confirmation. Also called a copy-to-clipboard button; commonly used with Code.Block.",
224
230
  origin: "native",
225
231
  internalDependencies: ["Button"]
226
- }, Ve = {
232
+ }, A = {
227
233
  iconCheck: "imf-ui-checkbox-module-iconCheck",
228
234
  iconIndeterminate: "imf-ui-checkbox-module-iconIndeterminate",
229
235
  indicator: "imf-ui-checkbox-module-indicator",
@@ -231,9 +237,9 @@ var Be = {
231
237
  }, He = /* @__PURE__ */ e({
232
238
  Indicator: () => Ke,
233
239
  Root: () => Ge
234
- }), Ue = h(Ve.root), We = h(Ve.indicator);
240
+ }), Ue = h(A.root), We = h(A.indicator);
235
241
  function Ge({ className: e, ...t }) {
236
- return /* @__PURE__ */ v(Te.Root, {
242
+ return /* @__PURE__ */ _(Ee.Root, {
237
243
  ...t,
238
244
  "data-imf-ui-component": "Checkbox.Root",
239
245
  className: (t) => Ue({ className: typeof e == "function" ? e(t) : e }),
@@ -242,22 +248,22 @@ function Ge({ className: e, ...t }) {
242
248
  }
243
249
  Ge.displayName = "Checkbox.Root";
244
250
  function Ke({ className: e, children: t, ...n }) {
245
- return /* @__PURE__ */ v(Te.Indicator, {
251
+ return /* @__PURE__ */ _(Ee.Indicator, {
246
252
  ...n,
247
253
  "data-imf-ui-component": "Checkbox.Indicator",
248
254
  className: (t) => We({ className: typeof e == "function" ? e(t) : e }),
249
- children: t ?? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("span", {
250
- className: Ve.iconCheck,
255
+ children: t ?? /* @__PURE__ */ v(ye, { children: [/* @__PURE__ */ _("span", {
256
+ className: A.iconCheck,
251
257
  "aria-hidden": !0,
252
- children: /* @__PURE__ */ v(m, {
258
+ children: /* @__PURE__ */ _(m, {
253
259
  glyph: a,
254
260
  size: 12,
255
261
  strokeWidth: 3
256
262
  })
257
- }), /* @__PURE__ */ v("span", {
258
- className: Ve.iconIndeterminate,
263
+ }), /* @__PURE__ */ _("span", {
264
+ className: A.iconIndeterminate,
259
265
  "aria-hidden": !0,
260
- children: /* @__PURE__ */ v(m, {
266
+ children: /* @__PURE__ */ _(m, {
261
267
  glyph: te,
262
268
  size: 12,
263
269
  strokeWidth: 3
@@ -297,7 +303,7 @@ var qe = {
297
303
  Validity: () => st
298
304
  }), Ye = h(j.root), Xe = h(j.item), Ze = h(j.label), Qe = h(j.description), $e = h(j.control), et = h(j.error);
299
305
  function tt({ className: e, ...t }) {
300
- return /* @__PURE__ */ v(b.Root, {
306
+ return /* @__PURE__ */ _(y.Root, {
301
307
  ...t,
302
308
  "data-imf-ui-component": "Field.Root",
303
309
  className: (t) => Ye({ className: typeof e == "function" ? e(t) : e })
@@ -305,7 +311,7 @@ function tt({ className: e, ...t }) {
305
311
  }
306
312
  tt.displayName = "Field.Root";
307
313
  function nt({ className: e, ...t }) {
308
- return /* @__PURE__ */ v(b.Item, {
314
+ return /* @__PURE__ */ _(y.Item, {
309
315
  ...t,
310
316
  "data-imf-ui-component": "Field.Item",
311
317
  className: (t) => Xe({ className: typeof e == "function" ? e(t) : e })
@@ -313,7 +319,7 @@ function nt({ className: e, ...t }) {
313
319
  }
314
320
  nt.displayName = "Field.Item";
315
321
  function rt({ className: e, ...t }) {
316
- return /* @__PURE__ */ v(b.Label, {
322
+ return /* @__PURE__ */ _(y.Label, {
317
323
  ...t,
318
324
  "data-imf-ui-component": "Field.Label",
319
325
  className: (t) => Ze({ className: typeof e == "function" ? e(t) : e })
@@ -321,7 +327,7 @@ function rt({ className: e, ...t }) {
321
327
  }
322
328
  rt.displayName = "Field.Label";
323
329
  function it({ className: e, ...t }) {
324
- return /* @__PURE__ */ v(b.Description, {
330
+ return /* @__PURE__ */ _(y.Description, {
325
331
  ...t,
326
332
  "data-imf-ui-component": "Field.Description",
327
333
  className: (t) => Qe({ className: typeof e == "function" ? e(t) : e })
@@ -329,7 +335,7 @@ function it({ className: e, ...t }) {
329
335
  }
330
336
  it.displayName = "Field.Description";
331
337
  function at({ className: e, ...t }) {
332
- return /* @__PURE__ */ v(b.Control, {
338
+ return /* @__PURE__ */ _(y.Control, {
333
339
  ...t,
334
340
  "data-imf-ui-component": "Field.Control",
335
341
  className: (t) => $e({ className: typeof e == "function" ? e(t) : e })
@@ -337,7 +343,7 @@ function at({ className: e, ...t }) {
337
343
  }
338
344
  at.displayName = "Field.Control";
339
345
  function ot({ className: e, ...t }) {
340
- return /* @__PURE__ */ v(b.Error, {
346
+ return /* @__PURE__ */ _(y.Error, {
341
347
  ...t,
342
348
  "data-imf-ui-component": "Field.Error",
343
349
  className: (t) => et({ className: typeof e == "function" ? e(t) : e })
@@ -345,7 +351,7 @@ function ot({ className: e, ...t }) {
345
351
  }
346
352
  ot.displayName = "Field.Error";
347
353
  function st({ children: e }) {
348
- return /* @__PURE__ */ v(b.Validity, { children: e });
354
+ return /* @__PURE__ */ _(y.Validity, { children: e });
349
355
  }
350
356
  st.displayName = "Field.Validity";
351
357
  //#endregion
@@ -370,7 +376,7 @@ var ct = {
370
376
  Root: () => pt
371
377
  }), dt = h(lt.root), ft = h(lt.legend);
372
378
  function pt({ className: e, ...t }) {
373
- return /* @__PURE__ */ v(Ee.Root, {
379
+ return /* @__PURE__ */ _(De.Root, {
374
380
  ...t,
375
381
  "data-imf-ui-component": "Fieldset.Root",
376
382
  className: (t) => dt({ className: typeof e == "function" ? e(t) : e })
@@ -378,7 +384,7 @@ function pt({ className: e, ...t }) {
378
384
  }
379
385
  pt.displayName = "Fieldset.Root";
380
386
  function mt({ className: e, ...t }) {
381
- return /* @__PURE__ */ v(Ee.Legend, {
387
+ return /* @__PURE__ */ _(De.Legend, {
382
388
  ...t,
383
389
  "data-imf-ui-component": "Fieldset.Legend",
384
390
  className: (t) => ft({ className: typeof e == "function" ? e(t) : e })
@@ -422,9 +428,9 @@ var ht = {
422
428
  }
423
429
  } });
424
430
  function _t({ 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] = we(i ?? ""), p = r ?? ee, te = p != null && String(p).length > 0, ne = (e, t) => {
431
+ let d = n === "search", [ee, f] = Te(i ?? ""), p = r ?? ee, te = p != null && String(p).length > 0, ne = (e, t) => {
426
432
  d && r === void 0 && f(e), a?.(e, t);
427
- }, re = /* @__PURE__ */ v(De, {
433
+ }, re = /* @__PURE__ */ _(Oe, {
428
434
  ...l,
429
435
  type: n,
430
436
  value: d ? p : r,
@@ -438,16 +444,16 @@ function _t({ variant: e = "outline", size: t = "md", type: n, value: r, default
438
444
  className: typeof c == "function" ? c(n) : c
439
445
  })
440
446
  });
441
- return d ? /* @__PURE__ */ y("div", {
447
+ return d ? /* @__PURE__ */ v("div", {
442
448
  className: typeof c == "string" ? `${M.searchRoot} ${c}` : M.searchRoot,
443
- children: [re, te && !s && /* @__PURE__ */ v("button", {
449
+ children: [re, te && !s && /* @__PURE__ */ _("button", {
444
450
  type: "button",
445
451
  className: M.clearButton,
446
452
  "aria-label": "Clear input",
447
453
  onClick: () => {
448
454
  r === void 0 && f(""), o?.();
449
455
  },
450
- children: /* @__PURE__ */ v(m, {
456
+ children: /* @__PURE__ */ _(m, {
451
457
  glyph: u,
452
458
  size: 16,
453
459
  "aria-hidden": !0
@@ -509,15 +515,15 @@ var vt = {
509
515
  Value: () => Vt
510
516
  }), bt = h(N.root), xt = h(N.label), St = h(N.trigger), Ct = h(N.value), wt = h(N.icon), Tt = h(N.backdrop), Et = h(N.positioner), Dt = h(N.popup), Ot = h(N.arrow), kt = h(N.list), At = h(N.item), jt = h(N.itemIndicator), Mt = h(N.itemText), Nt = h(N.group), Pt = h(N.groupLabel), Ft = h(N.separator), It = h(N.scrollUpArrow), Lt = h(N.scrollDownArrow);
511
517
  function Rt({ className: e, style: t, ...n }) {
512
- return /* @__PURE__ */ v("div", {
518
+ return /* @__PURE__ */ _("div", {
513
519
  className: bt({ className: e }),
514
520
  style: t,
515
- children: /* @__PURE__ */ v(x.Root, { ...n })
521
+ children: /* @__PURE__ */ _(b.Root, { ...n })
516
522
  });
517
523
  }
518
524
  Rt.displayName = "Select.Root";
519
525
  function zt({ className: e, ...t }) {
520
- return /* @__PURE__ */ v(x.Label, {
526
+ return /* @__PURE__ */ _(b.Label, {
521
527
  ...t,
522
528
  "data-imf-ui-component": "Select.Label",
523
529
  className: (t) => xt({ className: typeof e == "function" ? e(t) : e }),
@@ -526,7 +532,7 @@ function zt({ className: e, ...t }) {
526
532
  }
527
533
  zt.displayName = "Select.Label";
528
534
  function Bt({ className: e, ...t }) {
529
- return /* @__PURE__ */ v(x.Trigger, {
535
+ return /* @__PURE__ */ _(b.Trigger, {
530
536
  ...t,
531
537
  "data-imf-ui-component": "Select.Trigger",
532
538
  className: (t) => St({ className: typeof e == "function" ? e(t) : e }),
@@ -535,7 +541,7 @@ function Bt({ className: e, ...t }) {
535
541
  }
536
542
  Bt.displayName = "Select.Trigger";
537
543
  function Vt({ className: e, children: t, ...n }) {
538
- return /* @__PURE__ */ v(x.Value, {
544
+ return /* @__PURE__ */ _(b.Value, {
539
545
  ...n,
540
546
  "data-imf-ui-component": "Select.Value",
541
547
  className: (t) => Ct({ className: typeof e == "function" ? e(t) : e }),
@@ -544,7 +550,7 @@ function Vt({ className: e, children: t, ...n }) {
544
550
  }
545
551
  Vt.displayName = "Select.Value";
546
552
  function Ht({ className: e, ...t }) {
547
- return /* @__PURE__ */ v(x.Icon, {
553
+ return /* @__PURE__ */ _(b.Icon, {
548
554
  ...t,
549
555
  "data-imf-ui-component": "Select.Icon",
550
556
  className: (t) => wt({ className: typeof e == "function" ? e(t) : e }),
@@ -553,11 +559,11 @@ function Ht({ className: e, ...t }) {
553
559
  }
554
560
  Ht.displayName = "Select.Icon";
555
561
  function Ut(e) {
556
- return /* @__PURE__ */ v(x.Portal, { ...e });
562
+ return /* @__PURE__ */ _(b.Portal, { ...e });
557
563
  }
558
564
  Ut.displayName = "Select.Portal";
559
565
  function Wt({ className: e, ...t }) {
560
- return /* @__PURE__ */ v(x.Backdrop, {
566
+ return /* @__PURE__ */ _(b.Backdrop, {
561
567
  ...t,
562
568
  "data-imf-ui-component": "Select.Backdrop",
563
569
  className: (t) => Tt({ className: typeof e == "function" ? e(t) : e })
@@ -565,7 +571,7 @@ function Wt({ className: e, ...t }) {
565
571
  }
566
572
  Wt.displayName = "Select.Backdrop";
567
573
  function Gt({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ...r }) {
568
- return /* @__PURE__ */ v(x.Positioner, {
574
+ return /* @__PURE__ */ _(b.Positioner, {
569
575
  ...r,
570
576
  align: t,
571
577
  alignItemWithTrigger: n,
@@ -576,7 +582,7 @@ function Gt({ className: e, align: t = "start", alignItemWithTrigger: n = !1, ..
576
582
  }
577
583
  Gt.displayName = "Select.Positioner";
578
584
  function Kt({ className: e, ...t }) {
579
- return /* @__PURE__ */ v(x.Popup, {
585
+ return /* @__PURE__ */ _(b.Popup, {
580
586
  ...t,
581
587
  "data-imf-ui-component": "Select.Popup",
582
588
  className: (t) => Dt({ className: typeof e == "function" ? e(t) : e }),
@@ -585,7 +591,7 @@ function Kt({ className: e, ...t }) {
585
591
  }
586
592
  Kt.displayName = "Select.Popup";
587
593
  function qt({ className: e, ...t }) {
588
- return /* @__PURE__ */ v(x.Arrow, {
594
+ return /* @__PURE__ */ _(b.Arrow, {
589
595
  ...t,
590
596
  "data-imf-ui-component": "Select.Arrow",
591
597
  className: (t) => Ot({ className: typeof e == "function" ? e(t) : e }),
@@ -594,7 +600,7 @@ function qt({ className: e, ...t }) {
594
600
  }
595
601
  qt.displayName = "Select.Arrow";
596
602
  function Jt({ className: e, ...t }) {
597
- return /* @__PURE__ */ v(x.List, {
603
+ return /* @__PURE__ */ _(b.List, {
598
604
  ...t,
599
605
  "data-imf-ui-component": "Select.List",
600
606
  className: (t) => kt({ className: typeof e == "function" ? e(t) : e }),
@@ -603,7 +609,7 @@ function Jt({ className: e, ...t }) {
603
609
  }
604
610
  Jt.displayName = "Select.List";
605
611
  function Yt({ className: e, ...t }) {
606
- return /* @__PURE__ */ v(x.Item, {
612
+ return /* @__PURE__ */ _(b.Item, {
607
613
  ...t,
608
614
  "data-imf-ui-component": "Select.Item",
609
615
  className: (t) => At({ className: typeof e == "function" ? e(t) : e }),
@@ -612,7 +618,7 @@ function Yt({ className: e, ...t }) {
612
618
  }
613
619
  Yt.displayName = "Select.Item";
614
620
  function Xt({ className: e, ...t }) {
615
- return /* @__PURE__ */ v(x.ItemIndicator, {
621
+ return /* @__PURE__ */ _(b.ItemIndicator, {
616
622
  ...t,
617
623
  "data-imf-ui-component": "Select.ItemIndicator",
618
624
  className: (t) => jt({ className: typeof e == "function" ? e(t) : e }),
@@ -621,7 +627,7 @@ function Xt({ className: e, ...t }) {
621
627
  }
622
628
  Xt.displayName = "Select.ItemIndicator";
623
629
  function Zt({ className: e, ...t }) {
624
- return /* @__PURE__ */ v(x.ItemText, {
630
+ return /* @__PURE__ */ _(b.ItemText, {
625
631
  ...t,
626
632
  "data-imf-ui-component": "Select.ItemText",
627
633
  className: (t) => Mt({ className: typeof e == "function" ? e(t) : e }),
@@ -630,7 +636,7 @@ function Zt({ className: e, ...t }) {
630
636
  }
631
637
  Zt.displayName = "Select.ItemText";
632
638
  function Qt({ className: e, ...t }) {
633
- return /* @__PURE__ */ v(x.Group, {
639
+ return /* @__PURE__ */ _(b.Group, {
634
640
  ...t,
635
641
  "data-imf-ui-component": "Select.Group",
636
642
  className: (t) => Nt({ className: typeof e == "function" ? e(t) : e }),
@@ -639,7 +645,7 @@ function Qt({ className: e, ...t }) {
639
645
  }
640
646
  Qt.displayName = "Select.Group";
641
647
  function $t({ className: e, ...t }) {
642
- return /* @__PURE__ */ v(x.GroupLabel, {
648
+ return /* @__PURE__ */ _(b.GroupLabel, {
643
649
  ...t,
644
650
  "data-imf-ui-component": "Select.GroupLabel",
645
651
  className: (t) => Pt({ className: typeof e == "function" ? e(t) : e }),
@@ -648,7 +654,7 @@ function $t({ className: e, ...t }) {
648
654
  }
649
655
  $t.displayName = "Select.GroupLabel";
650
656
  function en({ className: e, ...t }) {
651
- return /* @__PURE__ */ v(x.Separator, {
657
+ return /* @__PURE__ */ _(b.Separator, {
652
658
  ...t,
653
659
  "data-imf-ui-component": "Select.Separator",
654
660
  className: (t) => Ft({ className: typeof e == "function" ? e(t) : e })
@@ -656,7 +662,7 @@ function en({ className: e, ...t }) {
656
662
  }
657
663
  en.displayName = "Select.Separator";
658
664
  function tn({ className: e, ...t }) {
659
- return /* @__PURE__ */ v(x.ScrollUpArrow, {
665
+ return /* @__PURE__ */ _(b.ScrollUpArrow, {
660
666
  ...t,
661
667
  "data-imf-ui-component": "Select.ScrollUpArrow",
662
668
  className: (t) => It({ className: typeof e == "function" ? e(t) : e }),
@@ -665,7 +671,7 @@ function tn({ className: e, ...t }) {
665
671
  }
666
672
  tn.displayName = "Select.ScrollUpArrow";
667
673
  function nn({ className: e, ...t }) {
668
- return /* @__PURE__ */ v(x.ScrollDownArrow, {
674
+ return /* @__PURE__ */ _(b.ScrollDownArrow, {
669
675
  ...t,
670
676
  "data-imf-ui-component": "Select.ScrollDownArrow",
671
677
  className: (t) => Lt({ className: typeof e == "function" ? e(t) : e }),
@@ -753,7 +759,7 @@ var rn = {
753
759
  Section: () => Cn
754
760
  }), un = h(P.root), dn = h(P.header), fn = h(P.navbar), pn = h(P.aside), mn = h(P.footer), hn = h(P.main), gn = h(P.section);
755
761
  function _n({ className: e, ...t }) {
756
- return /* @__PURE__ */ v("div", {
762
+ return /* @__PURE__ */ _("div", {
757
763
  ...t,
758
764
  "data-imf-ui-component": "AppShell.Root",
759
765
  className: un({ className: e })
@@ -761,7 +767,7 @@ function _n({ className: e, ...t }) {
761
767
  }
762
768
  _n.displayName = "AppShell.Root";
763
769
  function vn({ className: e, ...t }) {
764
- return /* @__PURE__ */ v("header", {
770
+ return /* @__PURE__ */ _("header", {
765
771
  ...t,
766
772
  "data-imf-ui-component": "AppShell.Header",
767
773
  className: dn({ className: e })
@@ -769,7 +775,7 @@ function vn({ className: e, ...t }) {
769
775
  }
770
776
  vn.displayName = "AppShell.Header";
771
777
  function yn({ className: e, open: t, ...n }) {
772
- return /* @__PURE__ */ v("nav", {
778
+ return /* @__PURE__ */ _("nav", {
773
779
  ...n,
774
780
  "data-imf-ui-component": "AppShell.Navbar",
775
781
  "data-open": t ? "" : void 0,
@@ -778,7 +784,7 @@ function yn({ className: e, open: t, ...n }) {
778
784
  }
779
785
  yn.displayName = "AppShell.Navbar";
780
786
  function bn({ className: e, open: t, ...n }) {
781
- return /* @__PURE__ */ v("aside", {
787
+ return /* @__PURE__ */ _("aside", {
782
788
  ...n,
783
789
  "data-imf-ui-component": "AppShell.Aside",
784
790
  "data-open": t ? "" : void 0,
@@ -787,7 +793,7 @@ function bn({ className: e, open: t, ...n }) {
787
793
  }
788
794
  bn.displayName = "AppShell.Aside";
789
795
  function xn({ className: e, ...t }) {
790
- return /* @__PURE__ */ v("footer", {
796
+ return /* @__PURE__ */ _("footer", {
791
797
  ...t,
792
798
  "data-imf-ui-component": "AppShell.Footer",
793
799
  className: mn({ className: e })
@@ -795,7 +801,7 @@ function xn({ className: e, ...t }) {
795
801
  }
796
802
  xn.displayName = "AppShell.Footer";
797
803
  function Sn({ className: e, ...t }) {
798
- return /* @__PURE__ */ v("main", {
804
+ return /* @__PURE__ */ _("main", {
799
805
  ...t,
800
806
  "data-imf-ui-component": "AppShell.Main",
801
807
  className: hn({ className: e })
@@ -803,7 +809,7 @@ function Sn({ className: e, ...t }) {
803
809
  }
804
810
  Sn.displayName = "AppShell.Main";
805
811
  function Cn({ className: e, grow: t, ...n }) {
806
- return /* @__PURE__ */ v("div", {
812
+ return /* @__PURE__ */ _("div", {
807
813
  ...n,
808
814
  "data-imf-ui-component": "AppShell.Section",
809
815
  "data-grow": t ? "" : void 0,
@@ -881,7 +887,7 @@ var wn = {
881
887
  } });
882
888
  function Dn({ density: e = "comfortable", variant: t = "main", shadow: n = "lg", radius: r = "brand", orientation: i = "vertical", withBorder: a = !0, className: o, ...s }) {
883
889
  let c = a && t !== "primary" && t !== "brand";
884
- return /* @__PURE__ */ v("div", {
890
+ return /* @__PURE__ */ _("div", {
885
891
  ...s,
886
892
  "data-imf-ui-component": "Card.Root",
887
893
  "data-with-border": c ? "" : void 0,
@@ -896,17 +902,21 @@ function Dn({ density: e = "comfortable", variant: t = "main", shadow: n = "lg",
896
902
  });
897
903
  }
898
904
  Dn.displayName = "Card.Root";
899
- function On({ className: e, alt: t = "", ...n }) {
900
- return /* @__PURE__ */ v("img", {
901
- ...n,
905
+ function On({ className: e, alt: t = "", aspectRatio: n = 16 / 10, style: r, ...i }) {
906
+ return /* @__PURE__ */ _("img", {
907
+ ...i,
902
908
  alt: t,
903
909
  "data-imf-ui-component": "Card.Image",
904
- className: h(F.image)({ className: e })
910
+ className: h(F.image)({ className: e }),
911
+ style: {
912
+ aspectRatio: n,
913
+ ...r
914
+ }
905
915
  });
906
916
  }
907
917
  On.displayName = "Card.Image";
908
918
  function kn({ className: e, ...t }) {
909
- return /* @__PURE__ */ v("div", {
919
+ return /* @__PURE__ */ _("div", {
910
920
  ...t,
911
921
  "data-imf-ui-component": "Card.Header",
912
922
  className: h(F.header)({ className: e })
@@ -914,7 +924,7 @@ function kn({ className: e, ...t }) {
914
924
  }
915
925
  kn.displayName = "Card.Header";
916
926
  function An({ className: e, ...t }) {
917
- return /* @__PURE__ */ v("div", {
927
+ return /* @__PURE__ */ _("div", {
918
928
  ...t,
919
929
  "data-imf-ui-component": "Card.Content",
920
930
  className: h(F.content)({ className: e })
@@ -922,7 +932,7 @@ function An({ className: e, ...t }) {
922
932
  }
923
933
  An.displayName = "Card.Content";
924
934
  function jn({ className: e, ...t }) {
925
- return /* @__PURE__ */ v("div", {
935
+ return /* @__PURE__ */ _("div", {
926
936
  ...t,
927
937
  "data-imf-ui-component": "Card.Footer",
928
938
  className: h(F.footer)({ className: e })
@@ -976,7 +986,7 @@ var Mn = {
976
986
  Title: () => er,
977
987
  Trigger: () => qn,
978
988
  Viewport: () => Xn
979
- }), Pn = be({
989
+ }), Pn = xe({
980
990
  borderColor: "primary",
981
991
  borderStyle: "solid"
982
992
  }), Fn = h(I.trigger), In = h(I.backdrop), Ln = h(I.viewport), Rn = h(I.popup, {
@@ -999,17 +1009,17 @@ var Mn = {
999
1009
  }
1000
1010
  }), zn = h(I.content), Bn = h(I.title), Vn = h(I.close), Hn = h(I.description), Un = h(I.indent), Wn = h(I.indentBackground), Gn = h(I.swipeArea);
1001
1011
  function Kn({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
1002
- return /* @__PURE__ */ v(Pn.Provider, {
1012
+ return /* @__PURE__ */ _(Pn.Provider, {
1003
1013
  value: {
1004
1014
  borderColor: e,
1005
1015
  borderStyle: t
1006
1016
  },
1007
- children: /* @__PURE__ */ v(S.Root, { ...n })
1017
+ children: /* @__PURE__ */ _(x.Root, { ...n })
1008
1018
  });
1009
1019
  }
1010
1020
  Kn.displayName = "Drawer.Root";
1011
1021
  function qn({ className: e, ...t }) {
1012
- return /* @__PURE__ */ v(S.Trigger, {
1022
+ return /* @__PURE__ */ _(x.Trigger, {
1013
1023
  ...t,
1014
1024
  "data-imf-ui-component": "Drawer.Trigger",
1015
1025
  className: (t) => Fn({ className: typeof e == "function" ? e(t) : e })
@@ -1017,11 +1027,11 @@ function qn({ className: e, ...t }) {
1017
1027
  }
1018
1028
  qn.displayName = "Drawer.Trigger";
1019
1029
  function Jn(e) {
1020
- return /* @__PURE__ */ v(S.Portal, { ...e });
1030
+ return /* @__PURE__ */ _(x.Portal, { ...e });
1021
1031
  }
1022
1032
  Jn.displayName = "Drawer.Portal";
1023
1033
  function Yn({ className: e, ...t }) {
1024
- return /* @__PURE__ */ v(S.Backdrop, {
1034
+ return /* @__PURE__ */ _(x.Backdrop, {
1025
1035
  ...t,
1026
1036
  "data-imf-ui-component": "Drawer.Backdrop",
1027
1037
  className: (t) => In({ className: typeof e == "function" ? e(t) : e })
@@ -1029,7 +1039,7 @@ function Yn({ className: e, ...t }) {
1029
1039
  }
1030
1040
  Yn.displayName = "Drawer.Backdrop";
1031
1041
  function Xn({ className: e, ...t }) {
1032
- return /* @__PURE__ */ v(S.Viewport, {
1042
+ return /* @__PURE__ */ _(x.Viewport, {
1033
1043
  ...t,
1034
1044
  "data-imf-ui-component": "Drawer.Viewport",
1035
1045
  className: (t) => Ln({ className: typeof e == "function" ? e(t) : e })
@@ -1043,8 +1053,8 @@ var Zn = {
1043
1053
  up: I.popupTop
1044
1054
  };
1045
1055
  function Qn({ borderColor: e, borderStyle: t, className: n, ...r }) {
1046
- let i = xe(Pn), a = e ?? i.borderColor, o = t ?? i.borderStyle;
1047
- return /* @__PURE__ */ v(S.Popup, {
1056
+ let i = Se(Pn), a = e ?? i.borderColor, o = t ?? i.borderStyle;
1057
+ return /* @__PURE__ */ _(x.Popup, {
1048
1058
  ...r,
1049
1059
  "data-imf-ui-component": "Drawer.Popup",
1050
1060
  className: (e) => Rn({
@@ -1056,7 +1066,7 @@ function Qn({ borderColor: e, borderStyle: t, className: n, ...r }) {
1056
1066
  }
1057
1067
  Qn.displayName = "Drawer.Popup";
1058
1068
  function $n({ className: e, ...t }) {
1059
- return /* @__PURE__ */ v(S.Content, {
1069
+ return /* @__PURE__ */ _(x.Content, {
1060
1070
  ...t,
1061
1071
  "data-imf-ui-component": "Drawer.Content",
1062
1072
  className: (t) => zn({ className: typeof e == "function" ? e(t) : e })
@@ -1064,7 +1074,7 @@ function $n({ className: e, ...t }) {
1064
1074
  }
1065
1075
  $n.displayName = "Drawer.Content";
1066
1076
  function er({ className: e, ...t }) {
1067
- return /* @__PURE__ */ v(S.Title, {
1077
+ return /* @__PURE__ */ _(x.Title, {
1068
1078
  ...t,
1069
1079
  "data-imf-ui-component": "Drawer.Title",
1070
1080
  className: Bn({ className: e })
@@ -1072,7 +1082,7 @@ function er({ className: e, ...t }) {
1072
1082
  }
1073
1083
  er.displayName = "Drawer.Title";
1074
1084
  function tr({ className: e, ...t }) {
1075
- return /* @__PURE__ */ v(S.Close, {
1085
+ return /* @__PURE__ */ _(x.Close, {
1076
1086
  ...t,
1077
1087
  "data-imf-ui-component": "Drawer.Close",
1078
1088
  className: (t) => Vn({ className: typeof e == "function" ? e(t) : e })
@@ -1080,7 +1090,7 @@ function tr({ className: e, ...t }) {
1080
1090
  }
1081
1091
  tr.displayName = "Drawer.Close";
1082
1092
  function nr({ className: e, ...t }) {
1083
- return /* @__PURE__ */ v(S.Description, {
1093
+ return /* @__PURE__ */ _(x.Description, {
1084
1094
  ...t,
1085
1095
  "data-imf-ui-component": "Drawer.Description",
1086
1096
  className: Hn({ className: e })
@@ -1088,11 +1098,11 @@ function nr({ className: e, ...t }) {
1088
1098
  }
1089
1099
  nr.displayName = "Drawer.Description";
1090
1100
  function rr(e) {
1091
- return /* @__PURE__ */ v(S.Provider, { ...e });
1101
+ return /* @__PURE__ */ _(x.Provider, { ...e });
1092
1102
  }
1093
1103
  rr.displayName = "Drawer.Provider";
1094
1104
  function ir({ className: e, ...t }) {
1095
- return /* @__PURE__ */ v(S.Indent, {
1105
+ return /* @__PURE__ */ _(x.Indent, {
1096
1106
  ...t,
1097
1107
  "data-imf-ui-component": "Drawer.Indent",
1098
1108
  className: (t) => Un({ className: typeof e == "function" ? e(t) : e })
@@ -1100,7 +1110,7 @@ function ir({ className: e, ...t }) {
1100
1110
  }
1101
1111
  ir.displayName = "Drawer.Indent";
1102
1112
  function ar({ className: e, ...t }) {
1103
- return /* @__PURE__ */ v(S.IndentBackground, {
1113
+ return /* @__PURE__ */ _(x.IndentBackground, {
1104
1114
  ...t,
1105
1115
  "data-imf-ui-component": "Drawer.IndentBackground",
1106
1116
  className: (t) => Wn({ className: typeof e == "function" ? e(t) : e })
@@ -1108,7 +1118,7 @@ function ar({ className: e, ...t }) {
1108
1118
  }
1109
1119
  ar.displayName = "Drawer.IndentBackground";
1110
1120
  function or({ className: e, ...t }) {
1111
- return /* @__PURE__ */ v(S.SwipeArea, {
1121
+ return /* @__PURE__ */ _(x.SwipeArea, {
1112
1122
  ...t,
1113
1123
  "data-imf-ui-component": "Drawer.SwipeArea",
1114
1124
  className: (t) => Gn({ className: typeof e == "function" ? e(t) : e })
@@ -1185,13 +1195,13 @@ var sr = {
1185
1195
  secondary: L.popupVariantSecondary,
1186
1196
  positive: L.popupVariantPositive,
1187
1197
  negative: L.popupVariantNegative
1188
- } } }), pr = h(L.arrow), mr = h(L.viewport), hr = h(L.eyebrow), gr = h(L.title), _r = h(L.description), vr = h(L.close), yr = C.createHandle;
1198
+ } } }), pr = h(L.arrow), mr = h(L.viewport), hr = h(L.eyebrow), gr = h(L.title), _r = h(L.description), vr = h(L.close), yr = S.createHandle;
1189
1199
  function br(e) {
1190
- return /* @__PURE__ */ v(C.Root, { ...e });
1200
+ return /* @__PURE__ */ _(S.Root, { ...e });
1191
1201
  }
1192
1202
  br.displayName = "Popover.Root";
1193
1203
  function xr({ variant: e = "ghost", inline: t = !1, className: n, ...r }) {
1194
- return /* @__PURE__ */ v(C.Trigger, {
1204
+ return /* @__PURE__ */ _(S.Trigger, {
1195
1205
  ...r,
1196
1206
  "data-imf-ui-component": "Popover.Trigger",
1197
1207
  className: (r) => lr({
@@ -1203,11 +1213,11 @@ function xr({ variant: e = "ghost", inline: t = !1, className: n, ...r }) {
1203
1213
  }
1204
1214
  xr.displayName = "Popover.Trigger";
1205
1215
  function Sr(e) {
1206
- return /* @__PURE__ */ v(C.Portal, { ...e });
1216
+ return /* @__PURE__ */ _(S.Portal, { ...e });
1207
1217
  }
1208
1218
  Sr.displayName = "Popover.Portal";
1209
1219
  function Cr({ className: e, ...t }) {
1210
- return /* @__PURE__ */ v(C.Backdrop, {
1220
+ return /* @__PURE__ */ _(S.Backdrop, {
1211
1221
  ...t,
1212
1222
  "data-imf-ui-component": "Popover.Backdrop",
1213
1223
  className: (t) => ur({ className: typeof e == "function" ? e(t) : e })
@@ -1215,7 +1225,7 @@ function Cr({ className: e, ...t }) {
1215
1225
  }
1216
1226
  Cr.displayName = "Popover.Backdrop";
1217
1227
  function wr({ className: e, ...t }) {
1218
- return /* @__PURE__ */ v(C.Positioner, {
1228
+ return /* @__PURE__ */ _(S.Positioner, {
1219
1229
  ...t,
1220
1230
  "data-imf-ui-component": "Popover.Positioner",
1221
1231
  className: (t) => dr({ className: typeof e == "function" ? e(t) : e })
@@ -1223,7 +1233,7 @@ function wr({ className: e, ...t }) {
1223
1233
  }
1224
1234
  wr.displayName = "Popover.Positioner";
1225
1235
  function Tr({ className: e, variant: t, ...n }) {
1226
- return /* @__PURE__ */ v(C.Popup, {
1236
+ return /* @__PURE__ */ _(S.Popup, {
1227
1237
  ...n,
1228
1238
  "data-imf-ui-component": "Popover.Popup",
1229
1239
  className: (n) => fr({
@@ -1234,7 +1244,7 @@ function Tr({ className: e, variant: t, ...n }) {
1234
1244
  }
1235
1245
  Tr.displayName = "Popover.Popup";
1236
1246
  function Er({ className: e, ...t }) {
1237
- return /* @__PURE__ */ v(C.Arrow, {
1247
+ return /* @__PURE__ */ _(S.Arrow, {
1238
1248
  ...t,
1239
1249
  "data-imf-ui-component": "Popover.Arrow",
1240
1250
  className: (t) => pr({ className: typeof e == "function" ? e(t) : e })
@@ -1242,7 +1252,7 @@ function Er({ className: e, ...t }) {
1242
1252
  }
1243
1253
  Er.displayName = "Popover.Arrow";
1244
1254
  function Dr({ className: e, ...t }) {
1245
- return /* @__PURE__ */ v(C.Viewport, {
1255
+ return /* @__PURE__ */ _(S.Viewport, {
1246
1256
  ...t,
1247
1257
  "data-imf-ui-component": "Popover.Viewport",
1248
1258
  className: (t) => mr({ className: typeof e == "function" ? e(t) : e })
@@ -1250,7 +1260,7 @@ function Dr({ className: e, ...t }) {
1250
1260
  }
1251
1261
  Dr.displayName = "Popover.Viewport";
1252
1262
  function Or({ className: e, ...t }) {
1253
- return /* @__PURE__ */ v("p", {
1263
+ return /* @__PURE__ */ _("p", {
1254
1264
  ...t,
1255
1265
  "data-imf-ui-component": "Popover.Eyebrow",
1256
1266
  className: hr({ className: e })
@@ -1258,7 +1268,7 @@ function Or({ className: e, ...t }) {
1258
1268
  }
1259
1269
  Or.displayName = "Popover.Eyebrow";
1260
1270
  function kr({ className: e, ...t }) {
1261
- return /* @__PURE__ */ v(C.Title, {
1271
+ return /* @__PURE__ */ _(S.Title, {
1262
1272
  ...t,
1263
1273
  "data-imf-ui-component": "Popover.Title",
1264
1274
  className: gr({ className: e })
@@ -1266,7 +1276,7 @@ function kr({ className: e, ...t }) {
1266
1276
  }
1267
1277
  kr.displayName = "Popover.Title";
1268
1278
  function Ar({ className: e, ...t }) {
1269
- return /* @__PURE__ */ v(C.Description, {
1279
+ return /* @__PURE__ */ _(S.Description, {
1270
1280
  ...t,
1271
1281
  "data-imf-ui-component": "Popover.Description",
1272
1282
  className: _r({ className: e })
@@ -1274,7 +1284,7 @@ function Ar({ className: e, ...t }) {
1274
1284
  }
1275
1285
  Ar.displayName = "Popover.Description";
1276
1286
  function jr({ className: e, ...t }) {
1277
- return /* @__PURE__ */ v(C.Close, {
1287
+ return /* @__PURE__ */ _(S.Close, {
1278
1288
  ...t,
1279
1289
  "data-imf-ui-component": "Popover.Close",
1280
1290
  className: (t) => vr({ className: typeof e == "function" ? e(t) : e })
@@ -1282,15 +1292,15 @@ function jr({ className: e, ...t }) {
1282
1292
  }
1283
1293
  jr.displayName = "Popover.Close";
1284
1294
  function Mr({ trigger: e, title: t, children: n, delay: r = 150, side: i = "top", sideOffset: a = 6 }) {
1285
- return /* @__PURE__ */ y(br, { children: [/* @__PURE__ */ v(xr, {
1295
+ return /* @__PURE__ */ v(br, { children: [/* @__PURE__ */ _(xr, {
1286
1296
  inline: !0,
1287
1297
  openOnHover: !0,
1288
1298
  delay: r,
1289
1299
  children: e
1290
- }), /* @__PURE__ */ v(Sr, { children: /* @__PURE__ */ v(wr, {
1300
+ }), /* @__PURE__ */ _(Sr, { children: /* @__PURE__ */ _(wr, {
1291
1301
  side: i,
1292
1302
  sideOffset: a,
1293
- children: /* @__PURE__ */ y(Tr, { children: [t && /* @__PURE__ */ v(kr, { children: t }), n && /* @__PURE__ */ v(Ar, { children: n })] })
1303
+ children: /* @__PURE__ */ v(Tr, { children: [t && /* @__PURE__ */ _(kr, { children: t }), n && /* @__PURE__ */ _(Ar, { children: n })] })
1294
1304
  }) })] });
1295
1305
  }
1296
1306
  Mr.displayName = "Popover.Inline";
@@ -1325,7 +1335,7 @@ var Nr = {
1325
1335
  dotted: R.variantDotted
1326
1336
  } } });
1327
1337
  function Ir({ orientation: e = "horizontal", variant: t = "solid", className: n, ...r }) {
1328
- return /* @__PURE__ */ v(Oe, {
1338
+ return /* @__PURE__ */ _(ke, {
1329
1339
  ...r,
1330
1340
  orientation: e,
1331
1341
  "data-imf-ui-component": "Separator",
@@ -1400,12 +1410,12 @@ var Lr = {
1400
1410
  "accent-1": f,
1401
1411
  "accent-2": f,
1402
1412
  "accent-3": f
1403
- }, Hr = be("info");
1413
+ }, Hr = xe("info");
1404
1414
  function Ur({ variant: e = "info", maxWidth: t = "md", className: n, children: r, ...i }) {
1405
1415
  let a = e ?? "info";
1406
- return /* @__PURE__ */ v(Hr.Provider, {
1416
+ return /* @__PURE__ */ _(Hr.Provider, {
1407
1417
  value: a,
1408
- children: /* @__PURE__ */ v("div", {
1418
+ children: /* @__PURE__ */ _("div", {
1409
1419
  ...i,
1410
1420
  role: "note",
1411
1421
  "data-imf-ui-component": "Callout.Root",
@@ -1420,13 +1430,13 @@ function Ur({ variant: e = "info", maxWidth: t = "md", className: n, children: r
1420
1430
  }
1421
1431
  Ur.displayName = "Callout.Root";
1422
1432
  function Wr({ className: e, children: t, ...n }) {
1423
- let r = Vr[xe(Hr)];
1424
- return /* @__PURE__ */ v("span", {
1433
+ let r = Vr[Se(Hr)];
1434
+ return /* @__PURE__ */ _("span", {
1425
1435
  ...n,
1426
1436
  "aria-hidden": !0,
1427
1437
  "data-imf-ui-component": "Callout.Icon",
1428
1438
  className: h(z.icon)({ className: e }),
1429
- children: t ?? /* @__PURE__ */ v(m, {
1439
+ children: t ?? /* @__PURE__ */ _(m, {
1430
1440
  glyph: r,
1431
1441
  size: 24,
1432
1442
  strokeWidth: 2
@@ -1435,7 +1445,7 @@ function Wr({ className: e, children: t, ...n }) {
1435
1445
  }
1436
1446
  Wr.displayName = "Callout.Icon";
1437
1447
  function Gr({ className: e, ...t }) {
1438
- return /* @__PURE__ */ v("div", {
1448
+ return /* @__PURE__ */ _("div", {
1439
1449
  ...t,
1440
1450
  "data-imf-ui-component": "Callout.Title",
1441
1451
  className: h(z.title)({ className: e })
@@ -1443,7 +1453,7 @@ function Gr({ className: e, ...t }) {
1443
1453
  }
1444
1454
  Gr.displayName = "Callout.Title";
1445
1455
  function Kr({ className: e, ...t }) {
1446
- return /* @__PURE__ */ v("div", {
1456
+ return /* @__PURE__ */ _("div", {
1447
1457
  ...t,
1448
1458
  "data-imf-ui-component": "Callout.Description",
1449
1459
  className: h(z.description)({ className: e })
@@ -1463,10 +1473,10 @@ var qr = {
1463
1473
  //#endregion
1464
1474
  //#region src/components/chip/chip.tsx
1465
1475
  function Jr({ variant: e = "minor", appearance: t = "outline", inline: n = !1, className: r, ...i }) {
1466
- return /* @__PURE__ */ v("span", {
1476
+ return /* @__PURE__ */ _("span", {
1467
1477
  ...i,
1468
1478
  "data-imf-ui-component": "Chip",
1469
- className: Ne({
1479
+ className: Pe({
1470
1480
  variant: e,
1471
1481
  appearance: t,
1472
1482
  inline: n,
@@ -1499,7 +1509,7 @@ var Yr = {
1499
1509
  solid: B.variantSolid
1500
1510
  } } });
1501
1511
  function Qr({ variant: e = "default", className: t, ...n }) {
1502
- return /* @__PURE__ */ v(ke.Root, {
1512
+ return /* @__PURE__ */ _(Ae.Root, {
1503
1513
  ...n,
1504
1514
  "data-imf-ui-component": "Collapsible.Root",
1505
1515
  className: (n) => Zr({
@@ -1511,25 +1521,25 @@ function Qr({ variant: e = "default", className: t, ...n }) {
1511
1521
  Qr.displayName = "Collapsible.Root";
1512
1522
  var $r = h(B.trigger);
1513
1523
  function ei({ className: e, children: t, ...n }) {
1514
- return /* @__PURE__ */ y(ke.Trigger, {
1524
+ return /* @__PURE__ */ v(Ae.Trigger, {
1515
1525
  ...n,
1516
1526
  "data-imf-ui-component": "Collapsible.Trigger",
1517
1527
  className: (t) => $r({ className: typeof e == "function" ? e(t) : e }),
1518
1528
  children: [
1519
1529
  t,
1520
- /* @__PURE__ */ v("span", {
1530
+ /* @__PURE__ */ _("span", {
1521
1531
  className: B.iconClosed,
1522
1532
  "aria-hidden": !0,
1523
- children: /* @__PURE__ */ v(m, {
1533
+ children: /* @__PURE__ */ _(m, {
1524
1534
  glyph: i,
1525
1535
  size: 16,
1526
1536
  strokeWidth: 1.5
1527
1537
  })
1528
1538
  }),
1529
- /* @__PURE__ */ v("span", {
1539
+ /* @__PURE__ */ _("span", {
1530
1540
  className: B.iconOpen,
1531
1541
  "aria-hidden": !0,
1532
- children: /* @__PURE__ */ v(m, {
1542
+ children: /* @__PURE__ */ _(m, {
1533
1543
  glyph: l,
1534
1544
  size: 16,
1535
1545
  strokeWidth: 1.5
@@ -1541,7 +1551,7 @@ function ei({ className: e, children: t, ...n }) {
1541
1551
  ei.displayName = "Collapsible.Trigger";
1542
1552
  var ti = h(B.panel);
1543
1553
  function ni({ className: e, ...t }) {
1544
- return /* @__PURE__ */ v(ke.Panel, {
1554
+ return /* @__PURE__ */ _(Ae.Panel, {
1545
1555
  ...t,
1546
1556
  "data-imf-ui-component": "Collapsible.Panel",
1547
1557
  className: (t) => ti({ className: typeof e == "function" ? e(t) : e })
@@ -1597,7 +1607,7 @@ var ri = {
1597
1607
  }
1598
1608
  } });
1599
1609
  function ai({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, className: a, style: o, ...s }) {
1600
- return /* @__PURE__ */ v("span", {
1610
+ return /* @__PURE__ */ _("span", {
1601
1611
  ...s,
1602
1612
  "data-imf-ui-component": "Logo",
1603
1613
  className: ii({
@@ -1611,7 +1621,7 @@ function ai({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, c
1611
1621
  ...o,
1612
1622
  height: i
1613
1623
  },
1614
- children: typeof e == "string" ? /* @__PURE__ */ v("img", {
1624
+ children: typeof e == "string" ? /* @__PURE__ */ _("img", {
1615
1625
  src: e,
1616
1626
  alt: "",
1617
1627
  "aria-hidden": "true"
@@ -1630,43 +1640,43 @@ var oi = {
1630
1640
  //#endregion
1631
1641
  //#region src/components/logo/imfusion/imfusion.tsx
1632
1642
  function si(e) {
1633
- return /* @__PURE__ */ y("svg", {
1643
+ return /* @__PURE__ */ v("svg", {
1634
1644
  xmlns: "http://www.w3.org/2000/svg",
1635
1645
  viewBox: "50 50 652.51 90",
1636
1646
  fill: "currentColor",
1637
1647
  ...e,
1638
1648
  children: [
1639
- /* @__PURE__ */ v("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__ */ v("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__ */ v("path", { d: "M548.09,74.66h15.86v64.11h-15.86v-64.11ZM548.09,50.62h15.86v16.02h-15.86v-16.02Z" }),
1642
- /* @__PURE__ */ v("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__ */ v("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__ */ v("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__ */ v("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__ */ v("rect", {
1649
+ /* @__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" }),
1650
+ /* @__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" }),
1651
+ /* @__PURE__ */ _("path", { d: "M548.09,74.66h15.86v64.11h-15.86v-64.11ZM548.09,50.62h15.86v16.02h-15.86v-16.02Z" }),
1652
+ /* @__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" }),
1653
+ /* @__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" }),
1654
+ /* @__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" }),
1655
+ /* @__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" }),
1656
+ /* @__PURE__ */ _("rect", {
1647
1657
  x: "230",
1648
1658
  y: "50",
1649
1659
  width: "17.08",
1650
1660
  height: "88.77"
1651
1661
  }),
1652
- /* @__PURE__ */ v("polygon", { points: "208 139 50 139 50 128.93 167.06 113.32 208 82.6 208 139" }),
1653
- /* @__PURE__ */ v("polygon", { points: "208 60.06 90.94 75.68 50 106.4 50 50 208 50 208 60.06" })
1662
+ /* @__PURE__ */ _("polygon", { points: "208 139 50 139 50 128.93 167.06 113.32 208 82.6 208 139" }),
1663
+ /* @__PURE__ */ _("polygon", { points: "208 60.06 90.94 75.68 50 106.4 50 50 208 50 208 60.06" })
1654
1664
  ]
1655
1665
  });
1656
1666
  }
1657
1667
  function ci(e) {
1658
- return /* @__PURE__ */ y("svg", {
1668
+ return /* @__PURE__ */ v("svg", {
1659
1669
  viewBox: "0 0 384 216",
1660
1670
  fill: "currentColor",
1661
1671
  xmlns: "http://www.w3.org/2000/svg",
1662
1672
  ...e,
1663
- children: [/* @__PURE__ */ v("path", { d: "M384 216H0V191.572L284.499 153.679L384 79.1303V216Z" }), /* @__PURE__ */ v("path", { d: "M384 24.4271L99.501 62.3215L0 136.869V0H384V24.4271Z" })]
1673
+ 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
1674
  });
1665
1675
  }
1666
1676
  function li({ glyph: e = !1, alt: t = "ImFusion", variant: n = "brand", ...r }) {
1667
- return /* @__PURE__ */ v(ai, {
1677
+ return /* @__PURE__ */ _(ai, {
1668
1678
  ...r,
1669
- src: v(e ? ci : si, {}),
1679
+ src: _(e ? ci : si, {}),
1670
1680
  alt: t,
1671
1681
  variant: n
1672
1682
  });
@@ -1680,7 +1690,7 @@ var ui = {
1680
1690
  viewport: "imf-ui-navigation-menu-structure-module-viewport"
1681
1691
  }, fi = h(ui.root), pi = h(ui.list), mi = h(ui.item), hi = h(di.content), gi = h(di.viewport);
1682
1692
  function _i({ orientation: e = "horizontal", className: t, ...n }) {
1683
- return /* @__PURE__ */ v(E.Root, {
1693
+ return /* @__PURE__ */ _(T.Root, {
1684
1694
  ...n,
1685
1695
  orientation: e,
1686
1696
  "data-imf-ui-component": "NavigationMenu.Root",
@@ -1690,7 +1700,7 @@ function _i({ orientation: e = "horizontal", className: t, ...n }) {
1690
1700
  }
1691
1701
  _i.displayName = "NavigationMenu.Root";
1692
1702
  function vi({ className: e, ...t }) {
1693
- return /* @__PURE__ */ v(E.List, {
1703
+ return /* @__PURE__ */ _(T.List, {
1694
1704
  ...t,
1695
1705
  "data-imf-ui-component": "NavigationMenu.List",
1696
1706
  className: (t) => pi({ className: typeof e == "function" ? e(t) : e })
@@ -1698,7 +1708,7 @@ function vi({ className: e, ...t }) {
1698
1708
  }
1699
1709
  vi.displayName = "NavigationMenu.List";
1700
1710
  function yi({ className: e, ...t }) {
1701
- return /* @__PURE__ */ v(E.Item, {
1711
+ return /* @__PURE__ */ _(T.Item, {
1702
1712
  ...t,
1703
1713
  "data-imf-ui-component": "NavigationMenu.Item",
1704
1714
  className: (t) => mi({ className: typeof e == "function" ? e(t) : e })
@@ -1706,7 +1716,7 @@ function yi({ className: e, ...t }) {
1706
1716
  }
1707
1717
  yi.displayName = "NavigationMenu.Item";
1708
1718
  function bi({ className: e, ...t }) {
1709
- return /* @__PURE__ */ v(E.Content, {
1719
+ return /* @__PURE__ */ _(T.Content, {
1710
1720
  ...t,
1711
1721
  "data-imf-ui-component": "NavigationMenu.Content",
1712
1722
  className: (t) => hi({ className: typeof e == "function" ? e(t) : e })
@@ -1714,7 +1724,7 @@ function bi({ className: e, ...t }) {
1714
1724
  }
1715
1725
  bi.displayName = "NavigationMenu.Content";
1716
1726
  function xi({ className: e, ...t }) {
1717
- return /* @__PURE__ */ v(E.Viewport, {
1727
+ return /* @__PURE__ */ _(T.Viewport, {
1718
1728
  ...t,
1719
1729
  "data-imf-ui-component": "NavigationMenu.Viewport",
1720
1730
  className: (t) => gi({ className: typeof e == "function" ? e(t) : e })
@@ -1726,13 +1736,13 @@ var Si = {
1726
1736
  trigger: "imf-ui-navigation-menu-trigger-module-trigger"
1727
1737
  }, Ci = h(Si.trigger), wi = h(Si.icon);
1728
1738
  function Ti({ active: e = !1, hideChevron: t = !1, nested: n = !1, children: r, className: a, ...o }) {
1729
- return /* @__PURE__ */ y(E.Trigger, {
1739
+ return /* @__PURE__ */ v(T.Trigger, {
1730
1740
  ...o,
1731
1741
  "data-imf-ui-component": "NavigationMenu.Trigger",
1732
1742
  "data-active": e ? "" : void 0,
1733
1743
  "data-nested": n ? "" : void 0,
1734
1744
  className: (e) => Ci({ className: typeof a == "function" ? a(e) : a }),
1735
- children: [r, !t && /* @__PURE__ */ v(Ei, { children: /* @__PURE__ */ v(m, {
1745
+ children: [r, !t && /* @__PURE__ */ _(Ei, { children: /* @__PURE__ */ _(m, {
1736
1746
  glyph: i,
1737
1747
  size: 14
1738
1748
  }) })]
@@ -1740,7 +1750,7 @@ function Ti({ active: e = !1, hideChevron: t = !1, nested: n = !1, children: r,
1740
1750
  }
1741
1751
  Ti.displayName = "NavigationMenu.Trigger";
1742
1752
  function Ei({ className: e, ...t }) {
1743
- return /* @__PURE__ */ v(E.Icon, {
1753
+ return /* @__PURE__ */ _(T.Icon, {
1744
1754
  ...t,
1745
1755
  "data-imf-ui-component": "NavigationMenu.Icon",
1746
1756
  className: (t) => wi({ className: typeof e == "function" ? e(t) : e })
@@ -1754,11 +1764,11 @@ var H = {
1754
1764
  positioner: "imf-ui-navigation-menu-overlay-module-positioner"
1755
1765
  }, Di = h(H.positioner), Oi = h(H.popup), ki = h(H.arrow), Ai = h(H.backdrop);
1756
1766
  function ji(e) {
1757
- return /* @__PURE__ */ v(E.Portal, { ...e });
1767
+ return /* @__PURE__ */ _(T.Portal, { ...e });
1758
1768
  }
1759
1769
  ji.displayName = "NavigationMenu.Portal";
1760
1770
  function Mi({ align: e = "start", className: t, ...n }) {
1761
- return /* @__PURE__ */ v(E.Positioner, {
1771
+ return /* @__PURE__ */ _(T.Positioner, {
1762
1772
  ...n,
1763
1773
  align: e,
1764
1774
  "data-imf-ui-component": "NavigationMenu.Positioner",
@@ -1767,7 +1777,7 @@ function Mi({ align: e = "start", className: t, ...n }) {
1767
1777
  }
1768
1778
  Mi.displayName = "NavigationMenu.Positioner";
1769
1779
  function Ni({ className: e, ...t }) {
1770
- return /* @__PURE__ */ v(E.Popup, {
1780
+ return /* @__PURE__ */ _(T.Popup, {
1771
1781
  ...t,
1772
1782
  "data-imf-ui-component": "NavigationMenu.Popup",
1773
1783
  className: (t) => Oi({ className: typeof e == "function" ? e(t) : e })
@@ -1775,7 +1785,7 @@ function Ni({ className: e, ...t }) {
1775
1785
  }
1776
1786
  Ni.displayName = "NavigationMenu.Popup";
1777
1787
  function Pi({ className: e, ...t }) {
1778
- return /* @__PURE__ */ v(E.Arrow, {
1788
+ return /* @__PURE__ */ _(T.Arrow, {
1779
1789
  ...t,
1780
1790
  "data-imf-ui-component": "NavigationMenu.Arrow",
1781
1791
  className: (t) => ki({ className: typeof e == "function" ? e(t) : e })
@@ -1783,7 +1793,7 @@ function Pi({ className: e, ...t }) {
1783
1793
  }
1784
1794
  Pi.displayName = "NavigationMenu.Arrow";
1785
1795
  function Fi({ className: e, ...t }) {
1786
- return /* @__PURE__ */ v(E.Backdrop, {
1796
+ return /* @__PURE__ */ _(T.Backdrop, {
1787
1797
  ...t,
1788
1798
  "data-imf-ui-component": "NavigationMenu.Backdrop",
1789
1799
  className: (t) => Ai({ className: typeof e == "function" ? e(t) : e })
@@ -1799,15 +1809,15 @@ var U = {
1799
1809
  linkList: "imf-ui-navigation-menu-link-module-linkList"
1800
1810
  }, Ii = h(U.link), Li = h(U.linkList), Ri = h(U.linkCard);
1801
1811
  function zi({ className: e, children: t, render: n, ...r }) {
1802
- return /* @__PURE__ */ v(E.Link, {
1812
+ return /* @__PURE__ */ _(T.Link, {
1803
1813
  ...r,
1804
1814
  render: n,
1805
1815
  "data-imf-ui-component": "NavigationMenu.Link",
1806
1816
  className: (t) => Ii({ className: typeof e == "function" ? e(t) : e }),
1807
- children: n ? t : /* @__PURE__ */ y(_, { children: [t, /* @__PURE__ */ v("span", {
1817
+ children: n ? t : /* @__PURE__ */ v(ye, { children: [t, /* @__PURE__ */ _("span", {
1808
1818
  className: U.linkArrow,
1809
1819
  "aria-hidden": !0,
1810
- children: /* @__PURE__ */ v(m, {
1820
+ children: /* @__PURE__ */ _(m, {
1811
1821
  glyph: c,
1812
1822
  size: 14
1813
1823
  })
@@ -1816,7 +1826,7 @@ function zi({ className: e, children: t, render: n, ...r }) {
1816
1826
  }
1817
1827
  zi.displayName = "NavigationMenu.Link";
1818
1828
  function Bi({ className: e, ...t }) {
1819
- return /* @__PURE__ */ v("ul", {
1829
+ return /* @__PURE__ */ _("ul", {
1820
1830
  ...t,
1821
1831
  "data-imf-ui-component": "NavigationMenu.LinkList",
1822
1832
  className: Li({ className: e })
@@ -1824,24 +1834,24 @@ function Bi({ className: e, ...t }) {
1824
1834
  }
1825
1835
  Bi.displayName = "NavigationMenu.LinkList";
1826
1836
  function Vi({ title: e, description: t, image: n, imageAlt: r = "", className: i, ...a }) {
1827
- return /* @__PURE__ */ v(E.Link, {
1837
+ return /* @__PURE__ */ _(T.Link, {
1828
1838
  ...a,
1829
1839
  "data-imf-ui-component": "NavigationMenu.LinkCard",
1830
1840
  className: (e) => Ri({ className: typeof i == "function" ? i(e) : i }),
1831
- children: /* @__PURE__ */ y(Dn, {
1841
+ children: /* @__PURE__ */ v(Dn, {
1832
1842
  variant: "main",
1833
1843
  density: "compact",
1834
1844
  withBorder: !1,
1835
1845
  children: [
1836
- n && /* @__PURE__ */ v(On, {
1846
+ n && /* @__PURE__ */ _(On, {
1837
1847
  src: n,
1838
1848
  alt: r
1839
1849
  }),
1840
- /* @__PURE__ */ v(kn, { children: /* @__PURE__ */ v("span", {
1850
+ /* @__PURE__ */ _(kn, { children: /* @__PURE__ */ _("span", {
1841
1851
  className: U.linkCardTitle,
1842
1852
  children: e
1843
1853
  }) }),
1844
- t && /* @__PURE__ */ v(An, { children: /* @__PURE__ */ v("span", {
1854
+ t && /* @__PURE__ */ _(An, { children: /* @__PURE__ */ _("span", {
1845
1855
  className: U.linkCardDescription,
1846
1856
  children: t
1847
1857
  }) })
@@ -1855,15 +1865,15 @@ var Hi = {
1855
1865
  linkArrow: "imf-ui-navigation-menu-flyout-link-module-linkArrow"
1856
1866
  }, Ui = h(Hi.flyoutLink);
1857
1867
  function Wi({ className: e, children: t, render: n, ...r }) {
1858
- return /* @__PURE__ */ v(E.Link, {
1868
+ return /* @__PURE__ */ _(T.Link, {
1859
1869
  ...r,
1860
1870
  render: n,
1861
1871
  "data-imf-ui-component": "NavigationMenu.FlyoutLink",
1862
1872
  className: (t) => Ui({ className: typeof e == "function" ? e(t) : e }),
1863
- children: n ? t : /* @__PURE__ */ y(_, { children: [t, /* @__PURE__ */ v("span", {
1873
+ children: n ? t : /* @__PURE__ */ v(ye, { children: [t, /* @__PURE__ */ _("span", {
1864
1874
  className: Hi.linkArrow,
1865
1875
  "aria-hidden": !0,
1866
- children: /* @__PURE__ */ v(m, {
1876
+ children: /* @__PURE__ */ _(m, {
1867
1877
  glyph: c,
1868
1878
  size: 14
1869
1879
  })
@@ -1911,8 +1921,8 @@ function Xi() {
1911
1921
  return Yi(localStorage.getItem(W.colorScheme.storageKey));
1912
1922
  }
1913
1923
  function Zi({ value: e } = {}) {
1914
- let t = e !== void 0, [n, r] = we(() => e ?? Xi()), i = e ?? n, [a, o] = we(() => i === "system" ? Ji() : i);
1915
- Se(function() {
1924
+ let t = e !== void 0, [n, r] = Te(() => e ?? Xi()), i = e ?? n, [a, o] = Te(() => i === "system" ? Ji() : i);
1925
+ Ce(function() {
1916
1926
  if (i !== "system") {
1917
1927
  document.documentElement.setAttribute(W.colorScheme.attr, i), o(i);
1918
1928
  return;
@@ -1939,8 +1949,8 @@ function Qi(e, t) {
1939
1949
  return typeof t == "boolean" ? t : typeof window < "u" && "matchMedia" in window ? window.matchMedia(e).matches : !1;
1940
1950
  }
1941
1951
  function $i(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
1942
- let [r, i] = we(n ? t : Qi(e));
1943
- return Se(() => {
1952
+ let [r, i] = Te(n ? t : Qi(e));
1953
+ return Ce(() => {
1944
1954
  try {
1945
1955
  if ("matchMedia" in window) {
1946
1956
  let t = window.matchMedia(e);
@@ -1972,42 +1982,42 @@ var G = {
1972
1982
  //#region src/components/navigation-menu/subs/inline-submenu.tsx
1973
1983
  function ea({ items: e, defaultValue: t }) {
1974
1984
  let n = $i(Ki("md"), !0);
1975
- return /* @__PURE__ */ v(E.Root, {
1985
+ return /* @__PURE__ */ _(T.Root, {
1976
1986
  orientation: n ? "vertical" : "horizontal",
1977
1987
  defaultValue: t,
1978
1988
  "data-imf-ui-component": "NavigationMenu.Root",
1979
1989
  "data-orientation": n ? "vertical" : "horizontal",
1980
1990
  className: G.submenuRoot,
1981
- children: /* @__PURE__ */ y("div", {
1991
+ children: /* @__PURE__ */ v("div", {
1982
1992
  className: G.submenuLayout,
1983
- children: [/* @__PURE__ */ v(E.List, {
1993
+ children: [/* @__PURE__ */ _(T.List, {
1984
1994
  "data-imf-ui-component": "NavigationMenu.List",
1985
1995
  className: G.submenuList,
1986
- children: e.map((e) => /* @__PURE__ */ y(E.Item, {
1996
+ children: e.map((e) => /* @__PURE__ */ v(T.Item, {
1987
1997
  value: e.value,
1988
1998
  "data-imf-ui-component": "NavigationMenu.Item",
1989
- children: [/* @__PURE__ */ y(E.Trigger, {
1999
+ children: [/* @__PURE__ */ v(T.Trigger, {
1990
2000
  "data-imf-ui-component": "NavigationMenu.Trigger",
1991
2001
  className: G.submenuTrigger,
1992
- children: [/* @__PURE__ */ v("span", {
2002
+ children: [/* @__PURE__ */ _("span", {
1993
2003
  className: G.submenuLabel,
1994
2004
  children: e.label
1995
- }), e.hint && /* @__PURE__ */ v("span", {
2005
+ }), e.hint && /* @__PURE__ */ _("span", {
1996
2006
  className: G.submenuHint,
1997
2007
  children: e.hint
1998
2008
  })]
1999
- }), /* @__PURE__ */ y(E.Content, {
2009
+ }), /* @__PURE__ */ v(T.Content, {
2000
2010
  "data-imf-ui-component": "NavigationMenu.Content",
2001
2011
  className: G.submenuContent,
2002
- children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h4", {
2012
+ children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h4", {
2003
2013
  className: G.submenuTitle,
2004
2014
  children: e.title
2005
- }), e.description && /* @__PURE__ */ v("p", {
2015
+ }), e.description && /* @__PURE__ */ _("p", {
2006
2016
  className: G.submenuDescription,
2007
2017
  children: e.description
2008
- })] }), /* @__PURE__ */ v("ul", {
2018
+ })] }), /* @__PURE__ */ _("ul", {
2009
2019
  className: G.submenuLinkList,
2010
- children: e.links.map((e, t) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v(Vi, {
2020
+ children: e.links.map((e, t) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ _(Vi, {
2011
2021
  href: e.href,
2012
2022
  title: e.title,
2013
2023
  description: e.description
@@ -2015,7 +2025,7 @@ function ea({ items: e, defaultValue: t }) {
2015
2025
  })]
2016
2026
  })]
2017
2027
  }, e.value))
2018
- }), /* @__PURE__ */ v(E.Viewport, {
2028
+ }), /* @__PURE__ */ _(T.Viewport, {
2019
2029
  "data-imf-ui-component": "NavigationMenu.Viewport",
2020
2030
  className: G.submenuViewport
2021
2031
  })]
@@ -2118,8 +2128,8 @@ var ua = q.ROT_S * 1e3, da = h(K.root, { variants: { size: {
2118
2128
  lg: K.sizeLg
2119
2129
  } } });
2120
2130
  function fa({ size: e = "md", label: t = "Loading", className: n, ...r }) {
2121
- let i = Ce(null), a = Ce(null);
2122
- Se(function() {
2131
+ let i = we(null), a = we(null);
2132
+ Ce(function() {
2123
2133
  let e = 0, t = performance.now(), n = (r) => {
2124
2134
  let [o, s] = ca((r - t) % ua);
2125
2135
  i.current?.setAttribute("d", o), a.current?.setAttribute("d", s), e = requestAnimationFrame(n);
@@ -2129,7 +2139,7 @@ function fa({ size: e = "md", label: t = "Loading", className: n, ...r }) {
2129
2139
  };
2130
2140
  }, []);
2131
2141
  let [o, s] = ca(0);
2132
- return /* @__PURE__ */ v("span", {
2142
+ return /* @__PURE__ */ _("span", {
2133
2143
  ...r,
2134
2144
  "data-imf-ui-component": "Spinner",
2135
2145
  className: da({
@@ -2138,16 +2148,16 @@ function fa({ size: e = "md", label: t = "Loading", className: n, ...r }) {
2138
2148
  }),
2139
2149
  role: "status",
2140
2150
  "aria-label": t,
2141
- children: /* @__PURE__ */ y("svg", {
2151
+ children: /* @__PURE__ */ v("svg", {
2142
2152
  viewBox: "0 0 100 100",
2143
2153
  xmlns: "http://www.w3.org/2000/svg",
2144
2154
  "aria-hidden": "true",
2145
2155
  className: K.glyph,
2146
- children: [/* @__PURE__ */ v("path", {
2156
+ children: [/* @__PURE__ */ _("path", {
2147
2157
  ref: i,
2148
2158
  className: K.fill,
2149
2159
  d: o
2150
- }), /* @__PURE__ */ v("path", {
2160
+ }), /* @__PURE__ */ _("path", {
2151
2161
  ref: a,
2152
2162
  className: K.fill,
2153
2163
  d: s
@@ -2183,7 +2193,7 @@ var pa = {
2183
2193
  SortableHeaderCell: () => Ma
2184
2194
  }), ha = h(J.root), ga = h(J.header), _a = h(J.body), va = h(J.row), ya = h(J.headerCell), ba = h(J.cell), xa = h(J.headerButton), Sa = h(J.sortIndicator);
2185
2195
  function Ca({ className: e, ...t }) {
2186
- return /* @__PURE__ */ v("table", {
2196
+ return /* @__PURE__ */ _("table", {
2187
2197
  ...t,
2188
2198
  "data-imf-ui-component": "Table.Root",
2189
2199
  className: ha({ className: e })
@@ -2191,7 +2201,7 @@ function Ca({ className: e, ...t }) {
2191
2201
  }
2192
2202
  Ca.displayName = "Table.Root";
2193
2203
  function wa({ className: e, ...t }) {
2194
- return /* @__PURE__ */ v("thead", {
2204
+ return /* @__PURE__ */ _("thead", {
2195
2205
  ...t,
2196
2206
  "data-imf-ui-component": "Table.Header",
2197
2207
  className: ga({ className: e })
@@ -2199,7 +2209,7 @@ function wa({ className: e, ...t }) {
2199
2209
  }
2200
2210
  wa.displayName = "Table.Header";
2201
2211
  function Ta({ className: e, ...t }) {
2202
- return /* @__PURE__ */ v("tbody", {
2212
+ return /* @__PURE__ */ _("tbody", {
2203
2213
  ...t,
2204
2214
  "data-imf-ui-component": "Table.Body",
2205
2215
  className: _a({ className: e })
@@ -2207,7 +2217,7 @@ function Ta({ className: e, ...t }) {
2207
2217
  }
2208
2218
  Ta.displayName = "Table.Body";
2209
2219
  function Ea({ className: e, ...t }) {
2210
- return /* @__PURE__ */ v("tr", {
2220
+ return /* @__PURE__ */ _("tr", {
2211
2221
  ...t,
2212
2222
  "data-imf-ui-component": "Table.Row",
2213
2223
  className: va({ className: e })
@@ -2215,7 +2225,7 @@ function Ea({ className: e, ...t }) {
2215
2225
  }
2216
2226
  Ea.displayName = "Table.Row";
2217
2227
  function Da({ className: e, ...t }) {
2218
- return /* @__PURE__ */ v("th", {
2228
+ return /* @__PURE__ */ _("th", {
2219
2229
  ...t,
2220
2230
  "data-imf-ui-component": "Table.HeaderCell",
2221
2231
  className: ya({ className: e })
@@ -2223,7 +2233,7 @@ function Da({ className: e, ...t }) {
2223
2233
  }
2224
2234
  Da.displayName = "Table.HeaderCell";
2225
2235
  function Oa({ className: e, ...t }) {
2226
- return /* @__PURE__ */ v("td", {
2236
+ return /* @__PURE__ */ _("td", {
2227
2237
  ...t,
2228
2238
  "data-imf-ui-component": "Table.Cell",
2229
2239
  className: ba({ className: e })
@@ -2231,7 +2241,7 @@ function Oa({ className: e, ...t }) {
2231
2241
  }
2232
2242
  Oa.displayName = "Table.Cell";
2233
2243
  function ka({ className: e, type: t = "button", ...n }) {
2234
- return /* @__PURE__ */ v("button", {
2244
+ return /* @__PURE__ */ _("button", {
2235
2245
  ...n,
2236
2246
  type: t,
2237
2247
  "data-imf-ui-component": "Table.HeaderButton",
@@ -2244,11 +2254,11 @@ function Aa(e) {
2244
2254
  }
2245
2255
  function ja({ sorted: e }) {
2246
2256
  let t = e === "asc" ? ne : e === "desc" ? n : r;
2247
- return /* @__PURE__ */ v("span", {
2257
+ return /* @__PURE__ */ _("span", {
2248
2258
  className: Sa(),
2249
2259
  "data-sorted": e || void 0,
2250
2260
  "aria-hidden": !0,
2251
- children: /* @__PURE__ */ v(m, {
2261
+ children: /* @__PURE__ */ _(m, {
2252
2262
  glyph: t,
2253
2263
  size: 14,
2254
2264
  strokeWidth: 1.5
@@ -2256,14 +2266,14 @@ function ja({ sorted: e }) {
2256
2266
  });
2257
2267
  }
2258
2268
  function Ma({ sortDirection: e, onToggle: t, children: n, ...r }) {
2259
- return t ? /* @__PURE__ */ v(Da, {
2269
+ return t ? /* @__PURE__ */ _(Da, {
2260
2270
  ...r,
2261
2271
  "aria-sort": Aa(e),
2262
- children: /* @__PURE__ */ y(ka, {
2272
+ children: /* @__PURE__ */ v(ka, {
2263
2273
  onClick: t,
2264
- children: [n, /* @__PURE__ */ v(ja, { sorted: e })]
2274
+ children: [n, /* @__PURE__ */ _(ja, { sorted: e })]
2265
2275
  })
2266
- }) : /* @__PURE__ */ v(Da, {
2276
+ }) : /* @__PURE__ */ _(Da, {
2267
2277
  ...r,
2268
2278
  children: n
2269
2279
  });
@@ -2359,9 +2369,9 @@ var Na = {
2359
2369
  error: Y.variantError
2360
2370
  } },
2361
2371
  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 = D.useToastManager, qa = D.createToastManager;
2372
+ }), 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
2373
  function Ja({ timeout: e = 5e3, limit: t = 3, ...n }) {
2364
- return /* @__PURE__ */ v(D.Provider, {
2374
+ return /* @__PURE__ */ _(E.Provider, {
2365
2375
  ...n,
2366
2376
  timeout: e,
2367
2377
  limit: t
@@ -2369,7 +2379,7 @@ function Ja({ timeout: e = 5e3, limit: t = 3, ...n }) {
2369
2379
  }
2370
2380
  Ja.displayName = "Toast.Provider";
2371
2381
  function Ya({ className: e, ...t }) {
2372
- return /* @__PURE__ */ v(D.Portal, {
2382
+ return /* @__PURE__ */ _(E.Portal, {
2373
2383
  ...t,
2374
2384
  "data-imf-ui-component": "Toast.Portal",
2375
2385
  className: (t) => Ia({ className: typeof e == "function" ? e(t) : e })
@@ -2377,7 +2387,7 @@ function Ya({ className: e, ...t }) {
2377
2387
  }
2378
2388
  Ya.displayName = "Toast.Portal";
2379
2389
  function Xa({ className: e, position: t = "bottom-center", width: n = "default", ...r }) {
2380
- return /* @__PURE__ */ v(D.Viewport, {
2390
+ return /* @__PURE__ */ _(E.Viewport, {
2381
2391
  ...r,
2382
2392
  "data-imf-ui-component": "Toast.Viewport",
2383
2393
  className: (r) => La({
@@ -2389,7 +2399,7 @@ function Xa({ className: e, position: t = "bottom-center", width: n = "default",
2389
2399
  }
2390
2400
  Xa.displayName = "Toast.Viewport";
2391
2401
  function Za({ className: e, variant: t = "neutral", ...n }) {
2392
- return /* @__PURE__ */ v(D.Root, {
2402
+ return /* @__PURE__ */ _(E.Root, {
2393
2403
  ...n,
2394
2404
  "data-imf-ui-component": "Toast.Root",
2395
2405
  className: (n) => Ra({
@@ -2400,7 +2410,7 @@ function Za({ className: e, variant: t = "neutral", ...n }) {
2400
2410
  }
2401
2411
  Za.displayName = "Toast.Root";
2402
2412
  function Qa({ className: e, ...t }) {
2403
- return /* @__PURE__ */ v(D.Content, {
2413
+ return /* @__PURE__ */ _(E.Content, {
2404
2414
  ...t,
2405
2415
  "data-imf-ui-component": "Toast.Content",
2406
2416
  className: (t) => za({ className: typeof e == "function" ? e(t) : e })
@@ -2408,7 +2418,7 @@ function Qa({ className: e, ...t }) {
2408
2418
  }
2409
2419
  Qa.displayName = "Toast.Content";
2410
2420
  function $a({ className: e, ...t }) {
2411
- return /* @__PURE__ */ v(D.Title, {
2421
+ return /* @__PURE__ */ _(E.Title, {
2412
2422
  ...t,
2413
2423
  "data-imf-ui-component": "Toast.Title",
2414
2424
  className: (t) => Ba({ className: typeof e == "function" ? e(t) : e })
@@ -2416,7 +2426,7 @@ function $a({ className: e, ...t }) {
2416
2426
  }
2417
2427
  $a.displayName = "Toast.Title";
2418
2428
  function eo({ className: e, ...t }) {
2419
- return /* @__PURE__ */ v(D.Description, {
2429
+ return /* @__PURE__ */ _(E.Description, {
2420
2430
  ...t,
2421
2431
  "data-imf-ui-component": "Toast.Description",
2422
2432
  className: (t) => Va({ className: typeof e == "function" ? e(t) : e })
@@ -2424,7 +2434,7 @@ function eo({ className: e, ...t }) {
2424
2434
  }
2425
2435
  eo.displayName = "Toast.Description";
2426
2436
  function to({ className: e, ...t }) {
2427
- return /* @__PURE__ */ v(D.Close, {
2437
+ return /* @__PURE__ */ _(E.Close, {
2428
2438
  ...t,
2429
2439
  "data-imf-ui-component": "Toast.Close",
2430
2440
  className: (t) => Ha({ className: typeof e == "function" ? e(t) : e })
@@ -2432,7 +2442,7 @@ function to({ className: e, ...t }) {
2432
2442
  }
2433
2443
  to.displayName = "Toast.Close";
2434
2444
  function no({ className: e, ...t }) {
2435
- return /* @__PURE__ */ v(D.Action, {
2445
+ return /* @__PURE__ */ _(E.Action, {
2436
2446
  ...t,
2437
2447
  "data-imf-ui-component": "Toast.Action",
2438
2448
  className: (t) => Ua({ className: typeof e == "function" ? e(t) : e })
@@ -2440,7 +2450,7 @@ function no({ className: e, ...t }) {
2440
2450
  }
2441
2451
  no.displayName = "Toast.Action";
2442
2452
  function ro({ className: e, ...t }) {
2443
- return /* @__PURE__ */ v(D.Positioner, {
2453
+ return /* @__PURE__ */ _(E.Positioner, {
2444
2454
  ...t,
2445
2455
  "data-imf-ui-component": "Toast.Positioner",
2446
2456
  className: (t) => Wa({ className: typeof e == "function" ? e(t) : e })
@@ -2448,7 +2458,7 @@ function ro({ className: e, ...t }) {
2448
2458
  }
2449
2459
  ro.displayName = "Toast.Positioner";
2450
2460
  function io({ className: e, ...t }) {
2451
- return /* @__PURE__ */ v(D.Arrow, {
2461
+ return /* @__PURE__ */ _(E.Arrow, {
2452
2462
  ...t,
2453
2463
  "data-imf-ui-component": "Toast.Arrow",
2454
2464
  className: (t) => Ga({ className: typeof e == "function" ? e(t) : e })
@@ -2508,17 +2518,17 @@ var ao = {
2508
2518
  secondary: X.popupVariantSecondary,
2509
2519
  positive: X.popupVariantPositive,
2510
2520
  negative: X.popupVariantNegative
2511
- } } }), uo = h(X.arrow), fo = h(X.viewport), po = O.createHandle;
2521
+ } } }), uo = h(X.arrow), fo = h(X.viewport), po = D.createHandle;
2512
2522
  function mo(e) {
2513
- return /* @__PURE__ */ v(O.Provider, { ...e });
2523
+ return /* @__PURE__ */ _(D.Provider, { ...e });
2514
2524
  }
2515
2525
  mo.displayName = "Tooltip.Provider";
2516
2526
  function ho(e) {
2517
- return /* @__PURE__ */ v(O.Root, { ...e });
2527
+ return /* @__PURE__ */ _(D.Root, { ...e });
2518
2528
  }
2519
2529
  ho.displayName = "Tooltip.Root";
2520
2530
  function go({ variant: e = "secondary", inline: t = !1, delay: n = 250, className: r, ...i }) {
2521
- return /* @__PURE__ */ v(O.Trigger, {
2531
+ return /* @__PURE__ */ _(D.Trigger, {
2522
2532
  ...i,
2523
2533
  delay: n,
2524
2534
  "data-imf-ui-component": "Tooltip.Trigger",
@@ -2531,11 +2541,11 @@ function go({ variant: e = "secondary", inline: t = !1, delay: n = 250, classNam
2531
2541
  }
2532
2542
  go.displayName = "Tooltip.Trigger";
2533
2543
  function _o(e) {
2534
- return /* @__PURE__ */ v(O.Portal, { ...e });
2544
+ return /* @__PURE__ */ _(D.Portal, { ...e });
2535
2545
  }
2536
2546
  _o.displayName = "Tooltip.Portal";
2537
2547
  function vo({ className: e, sideOffset: t = 13, ...n }) {
2538
- return /* @__PURE__ */ v(O.Positioner, {
2548
+ return /* @__PURE__ */ _(D.Positioner, {
2539
2549
  ...n,
2540
2550
  sideOffset: t,
2541
2551
  "data-imf-ui-component": "Tooltip.Positioner",
@@ -2544,7 +2554,7 @@ function vo({ className: e, sideOffset: t = 13, ...n }) {
2544
2554
  }
2545
2555
  vo.displayName = "Tooltip.Positioner";
2546
2556
  function yo({ className: e, variant: t, ...n }) {
2547
- return /* @__PURE__ */ v(O.Popup, {
2557
+ return /* @__PURE__ */ _(D.Popup, {
2548
2558
  ...n,
2549
2559
  "data-imf-ui-component": "Tooltip.Popup",
2550
2560
  className: (n) => lo({
@@ -2555,7 +2565,7 @@ function yo({ className: e, variant: t, ...n }) {
2555
2565
  }
2556
2566
  yo.displayName = "Tooltip.Popup";
2557
2567
  function bo({ className: e, ...t }) {
2558
- return /* @__PURE__ */ v(O.Arrow, {
2568
+ return /* @__PURE__ */ _(D.Arrow, {
2559
2569
  ...t,
2560
2570
  "data-imf-ui-component": "Tooltip.Arrow",
2561
2571
  className: (t) => uo({ className: typeof e == "function" ? e(t) : e })
@@ -2563,7 +2573,7 @@ function bo({ className: e, ...t }) {
2563
2573
  }
2564
2574
  bo.displayName = "Tooltip.Arrow";
2565
2575
  function xo({ className: e, ...t }) {
2566
- return /* @__PURE__ */ v(O.Viewport, {
2576
+ return /* @__PURE__ */ _(D.Viewport, {
2567
2577
  ...t,
2568
2578
  "data-imf-ui-component": "Tooltip.Viewport",
2569
2579
  className: (t) => fo({ className: typeof e == "function" ? e(t) : e })
@@ -2571,14 +2581,14 @@ function xo({ className: e, ...t }) {
2571
2581
  }
2572
2582
  xo.displayName = "Tooltip.Viewport";
2573
2583
  function So({ trigger: e, children: t, delay: n = 150, side: r = "top", sideOffset: i = 13 }) {
2574
- return /* @__PURE__ */ y(ho, { children: [/* @__PURE__ */ v(go, {
2584
+ return /* @__PURE__ */ v(ho, { children: [/* @__PURE__ */ _(go, {
2575
2585
  inline: !0,
2576
2586
  delay: n,
2577
2587
  children: e
2578
- }), /* @__PURE__ */ v(_o, { children: /* @__PURE__ */ v(vo, {
2588
+ }), /* @__PURE__ */ _(_o, { children: /* @__PURE__ */ _(vo, {
2579
2589
  side: r,
2580
2590
  sideOffset: i,
2581
- children: /* @__PURE__ */ v(yo, { children: t })
2591
+ children: /* @__PURE__ */ _(yo, { children: t })
2582
2592
  }) })] });
2583
2593
  }
2584
2594
  So.displayName = "Tooltip.Inline";
@@ -2604,7 +2614,6 @@ var Co = {
2604
2614
  h3: "imf-ui-typo-module-h3",
2605
2615
  h4: "imf-ui-typo-module-h4",
2606
2616
  highlight: "imf-ui-typo-module-highlight",
2607
- icon: "imf-ui-typo-module-icon",
2608
2617
  lead: "imf-ui-typo-module-lead",
2609
2618
  link: "imf-ui-typo-module-link",
2610
2619
  orderedList: "imf-ui-typo-module-orderedList",
@@ -2659,11 +2668,11 @@ var Co = {
2659
2668
  none: Z.spacingNone
2660
2669
  } } });
2661
2670
  function To({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
2662
- return T({
2671
+ return w({
2663
2672
  defaultTagName: "h1",
2664
2673
  render: r,
2665
2674
  props: {
2666
- ...w(i, { className: Q({
2675
+ ...C(i, { className: Q({
2667
2676
  variant: e,
2668
2677
  className: g(Z.h1, $({ spacing: t }), n)
2669
2678
  }) }),
@@ -2673,11 +2682,11 @@ function To({ variant: e = "main", spacing: t = "default", className: n, render:
2673
2682
  }
2674
2683
  To.displayName = "Typo.H1";
2675
2684
  function Eo({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
2676
- return T({
2685
+ return w({
2677
2686
  defaultTagName: "h2",
2678
2687
  render: r,
2679
2688
  props: {
2680
- ...w(i, { className: Q({
2689
+ ...C(i, { className: Q({
2681
2690
  variant: e,
2682
2691
  className: g(Z.h2, $({ spacing: t }), n)
2683
2692
  }) }),
@@ -2687,11 +2696,11 @@ function Eo({ variant: e = "main", spacing: t = "default", className: n, render:
2687
2696
  }
2688
2697
  Eo.displayName = "Typo.H2";
2689
2698
  function Do({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
2690
- return T({
2699
+ return w({
2691
2700
  defaultTagName: "h3",
2692
2701
  render: r,
2693
2702
  props: {
2694
- ...w(i, { className: Q({
2703
+ ...C(i, { className: Q({
2695
2704
  variant: e,
2696
2705
  className: g(Z.h3, $({ spacing: t }), n)
2697
2706
  }) }),
@@ -2701,11 +2710,11 @@ function Do({ variant: e = "main", spacing: t = "default", className: n, render:
2701
2710
  }
2702
2711
  Do.displayName = "Typo.H3";
2703
2712
  function Oo({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
2704
- return T({
2713
+ return w({
2705
2714
  defaultTagName: "h4",
2706
2715
  render: r,
2707
2716
  props: {
2708
- ...w(i, { className: Q({
2717
+ ...C(i, { className: Q({
2709
2718
  variant: e,
2710
2719
  className: g(Z.h4, $({ spacing: t }), n)
2711
2720
  }) }),
@@ -2715,11 +2724,11 @@ function Oo({ variant: e = "main", spacing: t = "default", className: n, render:
2715
2724
  }
2716
2725
  Oo.displayName = "Typo.H4";
2717
2726
  function ko({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
2718
- return T({
2727
+ return w({
2719
2728
  defaultTagName: "p",
2720
2729
  render: r,
2721
2730
  props: {
2722
- ...w(i, { className: Q({
2731
+ ...C(i, { className: Q({
2723
2732
  variant: e,
2724
2733
  className: g(Z.p, $({ spacing: t }), n)
2725
2734
  }) }),
@@ -2729,11 +2738,11 @@ function ko({ variant: e = "main", spacing: t = "default", className: n, render:
2729
2738
  }
2730
2739
  ko.displayName = "Typo.P";
2731
2740
  function Ao({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
2732
- return T({
2741
+ return w({
2733
2742
  defaultTagName: "p",
2734
2743
  render: r,
2735
2744
  props: {
2736
- ...w(i, { className: Q({
2745
+ ...C(i, { className: Q({
2737
2746
  variant: e,
2738
2747
  className: g(Z.lead, $({ spacing: t }), n)
2739
2748
  }) }),
@@ -2743,11 +2752,11 @@ function Ao({ variant: e = "main", spacing: t = "default", className: n, render:
2743
2752
  }
2744
2753
  Ao.displayName = "Typo.Lead";
2745
2754
  function jo({ variant: e = "main", className: t, render: n, ...r }) {
2746
- return T({
2755
+ return w({
2747
2756
  defaultTagName: "p",
2748
2757
  render: n,
2749
2758
  props: {
2750
- ...w(r, { className: Q({
2759
+ ...C(r, { className: Q({
2751
2760
  variant: e,
2752
2761
  className: g(Z.detail, t)
2753
2762
  }) }),
@@ -2757,11 +2766,11 @@ function jo({ variant: e = "main", className: t, render: n, ...r }) {
2757
2766
  }
2758
2767
  jo.displayName = "Typo.Detail";
2759
2768
  function Mo({ variant: e = "minor", className: t, render: n, ...r }) {
2760
- return T({
2769
+ return w({
2761
2770
  defaultTagName: "small",
2762
2771
  render: n,
2763
2772
  props: {
2764
- ...w(r, { className: Q({
2773
+ ...C(r, { className: Q({
2765
2774
  variant: e,
2766
2775
  className: g(Z.small, t)
2767
2776
  }) }),
@@ -2771,11 +2780,11 @@ function Mo({ variant: e = "minor", className: t, render: n, ...r }) {
2771
2780
  }
2772
2781
  Mo.displayName = "Typo.Small";
2773
2782
  function No({ variant: e = "support", spacing: t = "default", className: n, render: r, ...i }) {
2774
- return T({
2783
+ return w({
2775
2784
  defaultTagName: "blockquote",
2776
2785
  render: r,
2777
2786
  props: {
2778
- ...w(i, { className: Q({
2787
+ ...C(i, { className: Q({
2779
2788
  variant: e,
2780
2789
  className: g(Z.blockquote, $({ spacing: t }), n)
2781
2790
  }) }),
@@ -2785,15 +2794,15 @@ function No({ variant: e = "support", spacing: t = "default", className: n, rend
2785
2794
  }
2786
2795
  No.displayName = "Typo.Blockquote";
2787
2796
  function Po(e) {
2788
- return /* @__PURE__ */ v(se, { ...e });
2797
+ return /* @__PURE__ */ _(se, { ...e });
2789
2798
  }
2790
2799
  Po.displayName = "Typo.InlineCode";
2791
2800
  function Fo({ variant: e = "oncolor", className: t, render: n, ...r }) {
2792
- return T({
2801
+ return w({
2793
2802
  defaultTagName: "mark",
2794
2803
  render: n,
2795
2804
  props: {
2796
- ...w(r, { className: Q({
2805
+ ...C(r, { className: Q({
2797
2806
  variant: e,
2798
2807
  className: g(Z.highlight, t)
2799
2808
  }) }),
@@ -2802,13 +2811,12 @@ function Fo({ variant: e = "oncolor", className: t, render: n, ...r }) {
2802
2811
  });
2803
2812
  }
2804
2813
  Fo.displayName = "Typo.Highlight";
2805
- function Io({ variant: e = "main", kind: t = "external", className: n, render: r, ...i }) {
2806
- let a = t === "external" ? p : c;
2807
- return T({
2814
+ function Io({ variant: e = "primary", kind: t = "external", className: n, render: r, ...i }) {
2815
+ return w({
2808
2816
  defaultTagName: "a",
2809
2817
  render: r,
2810
2818
  props: {
2811
- ...w(t === "external" ? {
2819
+ ...C(t === "external" ? {
2812
2820
  target: "_blank",
2813
2821
  rel: "noreferrer"
2814
2822
  } : {}, i, {
@@ -2816,11 +2824,7 @@ function Io({ variant: e = "main", kind: t = "external", className: n, render: r
2816
2824
  variant: e,
2817
2825
  className: g(Z.link, n)
2818
2826
  }),
2819
- children: /* @__PURE__ */ y(_, { children: [i.children, /* @__PURE__ */ v("span", {
2820
- className: Z.icon,
2821
- "aria-hidden": !0,
2822
- children: /* @__PURE__ */ v(m, { glyph: a })
2823
- })] })
2827
+ children: i.children
2824
2828
  }),
2825
2829
  "data-imf-ui-component": "Typo.Link",
2826
2830
  "data-kind": t
@@ -2829,11 +2833,11 @@ function Io({ variant: e = "main", kind: t = "external", className: n, render: r
2829
2833
  }
2830
2834
  Io.displayName = "Typo.Link";
2831
2835
  function Lo({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
2832
- return T({
2836
+ return w({
2833
2837
  defaultTagName: "ol",
2834
2838
  render: r,
2835
2839
  props: {
2836
- ...w(i, { className: Q({
2840
+ ...C(i, { className: Q({
2837
2841
  variant: e,
2838
2842
  className: g(Z.orderedList, $({ spacing: t }), n)
2839
2843
  }) }),
@@ -2843,11 +2847,11 @@ function Lo({ variant: e = "main", spacing: t = "default", className: n, render:
2843
2847
  }
2844
2848
  Lo.displayName = "Typo.OrderedList";
2845
2849
  function Ro({ variant: e = "main", spacing: t = "default", className: n, render: r, ...i }) {
2846
- return T({
2850
+ return w({
2847
2851
  defaultTagName: "ul",
2848
2852
  render: r,
2849
2853
  props: {
2850
- ...w(i, { className: Q({
2854
+ ...C(i, { className: Q({
2851
2855
  variant: e,
2852
2856
  className: g(Z.unorderedList, $({ spacing: t }), n)
2853
2857
  }) }),
@@ -2865,7 +2869,7 @@ var zo = {
2865
2869
  namespace: !0,
2866
2870
  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
2871
  origin: "native"
2868
- }, Bo = be({
2872
+ }, Bo = xe({
2869
2873
  color: "currentColor",
2870
2874
  width: "1.5em",
2871
2875
  height: "1.5em",
@@ -2873,12 +2877,12 @@ var zo = {
2873
2877
  });
2874
2878
  function Vo({ children: e, value: t }) {
2875
2879
  let n = {
2876
- ...xe(Bo),
2880
+ ...Se(Bo),
2877
2881
  ...t
2878
2882
  };
2879
- return /* @__PURE__ */ v(Bo, {
2883
+ return /* @__PURE__ */ _(Bo, {
2880
2884
  value: n,
2881
- children: /* @__PURE__ */ v(ye, {
2885
+ children: /* @__PURE__ */ _(be, {
2882
2886
  iconProps: n,
2883
2887
  children: e
2884
2888
  })
@@ -2888,10 +2892,10 @@ Vo.displayName = "IconConfig.Provider";
2888
2892
  //#endregion
2889
2893
  //#region src/provider/web-ui-provider.tsx
2890
2894
  function Ho({ children: e, icons: t }) {
2891
- return /* @__PURE__ */ v(Vo, {
2895
+ return /* @__PURE__ */ _(Vo, {
2892
2896
  value: t,
2893
- children: /* @__PURE__ */ y(Ja, { children: [e, " "] })
2897
+ children: /* @__PURE__ */ v(Ja, { children: [e, " "] })
2894
2898
  });
2895
2899
  }
2896
2900
  //#endregion
2897
- export { ln as AppShell, je as Button, zr as Callout, Tn as Card, He as Checkbox, Jr as Chip, Fe as ChipLink, ae as Code, Xr as Collapsible, t as ComponentCategories, ze as CopyButton, Nn as Drawer, Je as Field, ut as Fieldset, m as Icon, li as ImFusionLogo, _t as Input, ai as Logo, ta as NavigationMenu, cr as Popover, fe as Row, yt as Select, Ir as Separator, le as Slider, fa as Spinner, ue as Stack, pe as Switch, ma as Table, me as Tabs, Fa as Toast, de as Toggle, he as ToggleGroup, oo as Tooltip, wo as Typo, Ho as WebUIProvider, wn as appShellMeta, Me as buttonMeta, qr as calloutMeta, Mn as cardMeta, qe as checkboxMeta, Ie as chipLinkMeta, Yr as chipMeta, ce as codeMeta, ri as collapsibleMeta, W as config, Be as copyButtonMeta, _e as cva, ve as cx, sr as drawerMeta, ct as fieldMeta, ht as fieldsetMeta, re as iconMeta, vt as inputMeta, oi as logoMeta, na as navigationMenuMeta, Nr as popoverMeta, Pr as rowMeta, rn as selectMeta, Lr as separatorMeta, an as sliderMeta, pa as spinnerMeta, Rr as stackMeta, on as switchMeta, Na as tableMeta, Pa as tabsMeta, ao as toastMeta, cn as toggleGroupMeta, sn as toggleMeta, Co as tooltipMeta, zo as typoMeta, oe as useClipboard, Zi as useColorScheme, $i as useMediaQuery };
2901
+ export { ln as AppShell, Me as Button, zr as Callout, Tn as Card, He as Checkbox, Jr as Chip, Ie as ChipLink, ae as Code, Xr as Collapsible, t as ComponentCategories, Be as CopyButton, Nn as Drawer, Je as Field, ut as Fieldset, m as Icon, li as ImFusionLogo, _t as Input, ai as Logo, ta as NavigationMenu, cr as Popover, fe as Row, yt as Select, Ir as Separator, le as Slider, fa as Spinner, ue as Stack, pe as Switch, ma as Table, me as Tabs, Fa as Toast, de as Toggle, he as ToggleGroup, oo as Tooltip, wo as Typo, Ho as WebUIProvider, wn as appShellMeta, Ne as buttonMeta, qr as calloutMeta, Mn as cardMeta, qe as checkboxMeta, Le as chipLinkMeta, Yr as chipMeta, ce as codeMeta, ri as collapsibleMeta, W as config, Ve as copyButtonMeta, _e as cva, ve as cx, sr as drawerMeta, ct as fieldMeta, ht as fieldsetMeta, re as iconMeta, vt as inputMeta, oi as logoMeta, na as navigationMenuMeta, Nr as popoverMeta, Pr as rowMeta, rn as selectMeta, Lr as separatorMeta, an as sliderMeta, pa as spinnerMeta, Rr as stackMeta, on as switchMeta, Na as tableMeta, Pa as tabsMeta, ao as toastMeta, cn as toggleGroupMeta, sn as toggleMeta, Co as tooltipMeta, zo as typoMeta, oe as useClipboard, Zi as useColorScheme, $i as useMediaQuery };