@imfusion/web-ui 0.11.0 → 0.11.1-dev.2.g8a30ca7e

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 (6) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/index.d.ts +2 -0
  3. package/dist/index.js +529 -529
  4. package/package.json +1 -1
  5. package/src/llms/skills/imf-web-ui-conventions/templates/AUDIT_CHECKLIST.md +1 -1
  6. package/src/llms/skills/imf-web-ui-conventions/topics/typescript.md +1 -0
package/dist/index.js CHANGED
@@ -8,26 +8,26 @@ import { a as Ce, c as we, i as Te, n as Ee, o as De, r as Oe, s as ke, t as Ae
8
8
  import { t as je } from "./separator-BV2TR8U0.js";
9
9
  import { Button as Me } from "@base-ui/react/button";
10
10
  import { cva as Ne, cva as g, cx as Pe, cx as _ } from "class-variance-authority";
11
- import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
12
- import { Children as Fe, Suspense as Ie, createContext as Le, createElement as Re, useCallback as ze, useContext as x, useEffect as Be, useId as Ve, useLayoutEffect as He, useMemo as Ue, useRef as We, useState as S, useSyncExternalStore as Ge } from "react";
13
- import { Checkbox as Ke } from "@base-ui/react/checkbox";
14
- import { Field as qe } from "@base-ui/react/field";
15
- import { Fieldset as Je } from "@base-ui/react/fieldset";
16
- import { Input as Ye } from "@base-ui/react/input";
17
- import { NumberField as Xe } from "@base-ui/react/number-field";
18
- import { Select as C } from "@base-ui/react/select";
19
- import { mergeProps as w } from "@base-ui/react/merge-props";
20
- import { useRender as T } from "@base-ui/react/use-render";
21
- import { Drawer as E } from "@base-ui/react/drawer";
22
- import { Dialog as D } from "@base-ui/react/dialog";
23
- import { Popover as O } from "@base-ui/react/popover";
24
- import { Avatar as Ze } from "@base-ui/react/avatar";
25
- import { Collapsible as Qe } from "@base-ui/react/collapsible";
26
- import { Meter as $e } from "@base-ui/react/meter";
27
- import { NavigationMenu as k } from "@base-ui/react/navigation-menu";
28
- import { Toast as A } from "@base-ui/react/toast";
29
- import { Tooltip as j } from "@base-ui/react/tooltip";
30
- var M = {
11
+ import { Fragment as Fe, jsx as v, jsxs as y } from "react/jsx-runtime";
12
+ import { Children as Ie, Suspense as Le, createContext as Re, createElement as ze, useCallback as Be, useContext as b, useEffect as Ve, useId as He, useLayoutEffect as Ue, useMemo as We, useRef as Ge, useState as x, useSyncExternalStore as Ke } from "react";
13
+ import { Checkbox as qe } from "@base-ui/react/checkbox";
14
+ import { Field as Je } from "@base-ui/react/field";
15
+ import { Fieldset as Ye } from "@base-ui/react/fieldset";
16
+ import { Input as Xe } from "@base-ui/react/input";
17
+ import { NumberField as Ze } from "@base-ui/react/number-field";
18
+ import { Select as S } from "@base-ui/react/select";
19
+ import { mergeProps as C } from "@base-ui/react/merge-props";
20
+ import { useRender as w } from "@base-ui/react/use-render";
21
+ import { Drawer as T } from "@base-ui/react/drawer";
22
+ import { Dialog as E } from "@base-ui/react/dialog";
23
+ import { Popover as D } from "@base-ui/react/popover";
24
+ import { Avatar as Qe } from "@base-ui/react/avatar";
25
+ import { Collapsible as $e } from "@base-ui/react/collapsible";
26
+ import { Meter as et } from "@base-ui/react/meter";
27
+ import { NavigationMenu as O } from "@base-ui/react/navigation-menu";
28
+ import { Toast as k } from "@base-ui/react/toast";
29
+ import { Tooltip as A } from "@base-ui/react/tooltip";
30
+ var j = {
31
31
  chamfer: "imf-ui-button-module-chamfer",
32
32
  contextOncolor: "imf-ui-button-module-contextOncolor",
33
33
  endIcon: "imf-ui-button-module-endIcon",
@@ -50,47 +50,47 @@ var M = {
50
50
  variantPositive: "imf-ui-button-module-variantPositive",
51
51
  variantPrimary: "imf-ui-button-module-variantPrimary",
52
52
  variantSecondary: "imf-ui-button-module-variantSecondary"
53
- }, et = g(M.root, { variants: {
53
+ }, tt = g(j.root, { variants: {
54
54
  variant: {
55
- primary: M.variantPrimary,
56
- secondary: M.variantSecondary,
57
- positive: M.variantPositive,
58
- negative: M.variantNegative,
59
- outline: M.variantOutline,
60
- ghost: M.variantGhost
55
+ primary: j.variantPrimary,
56
+ secondary: j.variantSecondary,
57
+ positive: j.variantPositive,
58
+ negative: j.variantNegative,
59
+ outline: j.variantOutline,
60
+ ghost: j.variantGhost
61
61
  },
62
62
  size: {
63
- sm: M.sizeSm,
64
- md: M.sizeMd,
65
- lg: M.sizeLg,
66
- hero: M.sizeHero
63
+ sm: j.sizeSm,
64
+ md: j.sizeMd,
65
+ lg: j.sizeLg,
66
+ hero: j.sizeHero
67
67
  },
68
68
  chamfer: {
69
69
  false: null,
70
- true: M.chamfer
70
+ true: j.chamfer
71
71
  },
72
72
  radius: {
73
73
  none: null,
74
- sm: M.radiusSm,
75
- md: M.radiusMd,
76
- lg: M.radiusLg,
77
- round: M.radiusRound
74
+ sm: j.radiusSm,
75
+ md: j.radiusMd,
76
+ lg: j.radiusLg,
77
+ round: j.radiusRound
78
78
  },
79
79
  context: {
80
80
  default: null,
81
- oncolor: M.contextOncolor
81
+ oncolor: j.contextOncolor
82
82
  },
83
83
  justify: {
84
84
  center: null,
85
- spread: M.justifySpread
85
+ spread: j.justifySpread
86
86
  }
87
87
  } });
88
- function tt({ variant: e = "primary", size: n = "md", context: r = "default", chamfer: i = n === "hero", radius: a = "none", justify: o = "center", startIcon: s, endIcon: c, shortcut: l, children: u, ...d }) {
89
- return /* @__PURE__ */ b(Me, {
88
+ function nt({ variant: e = "primary", size: n = "md", context: r = "default", chamfer: i = n === "hero", radius: a = "none", justify: o = "center", startIcon: s, endIcon: c, shortcut: l, children: u, ...d }) {
89
+ return /* @__PURE__ */ y(Me, {
90
90
  "aria-keyshortcuts": l ? pe(l) : void 0,
91
91
  ...d,
92
92
  "data-imf-ui-component": "Button",
93
- className: (s) => et({
93
+ className: (s) => tt({
94
94
  variant: e,
95
95
  size: n,
96
96
  chamfer: i,
@@ -100,23 +100,23 @@ function tt({ variant: e = "primary", size: n = "md", context: r = "default", ch
100
100
  className: t(d.className, s)
101
101
  }),
102
102
  children: [
103
- s != null && /* @__PURE__ */ y("span", {
104
- className: M.startIcon,
103
+ s != null && /* @__PURE__ */ v("span", {
104
+ className: j.startIcon,
105
105
  "aria-hidden": !0,
106
106
  children: s
107
107
  }),
108
- /* @__PURE__ */ y("span", {
109
- className: M.label,
108
+ /* @__PURE__ */ v("span", {
109
+ className: j.label,
110
110
  children: u
111
111
  }),
112
- c != null && /* @__PURE__ */ y("span", {
113
- className: M.endIcon,
112
+ c != null && /* @__PURE__ */ v("span", {
113
+ className: j.endIcon,
114
114
  "aria-hidden": !0,
115
115
  children: c
116
116
  }),
117
- l && /* @__PURE__ */ y(le, {
117
+ l && /* @__PURE__ */ v(le, {
118
118
  variant: "flat",
119
- className: M.shortcut,
119
+ className: j.shortcut,
120
120
  "aria-hidden": !0,
121
121
  children: l
122
122
  })
@@ -125,7 +125,7 @@ function tt({ variant: e = "primary", size: n = "md", context: r = "default", ch
125
125
  }
126
126
  //#endregion
127
127
  //#region src/components/button/button.meta.ts
128
- var nt = {
128
+ var rt = {
129
129
  name: "Button",
130
130
  category: h.buttons,
131
131
  status: "stable",
@@ -138,7 +138,7 @@ var nt = {
138
138
  docLink: "https://base-ui.com/react/components/button",
139
139
  llmDocLink: "https://base-ui.com/react/components/button.md"
140
140
  }
141
- }, N = {
141
+ }, M = {
142
142
  appearanceOutline: "imf-ui-chip-module-appearanceOutline",
143
143
  appearanceSolid: "imf-ui-chip-module-appearanceSolid",
144
144
  appearanceSubtle: "imf-ui-chip-module-appearanceSubtle",
@@ -157,39 +157,39 @@ var nt = {
157
157
  variantPrimary: "imf-ui-chip-module-variantPrimary",
158
158
  variantSupport: "imf-ui-chip-module-variantSupport",
159
159
  variantWarning: "imf-ui-chip-module-variantWarning"
160
- }, rt = g(N.root, { variants: {
160
+ }, it = g(M.root, { variants: {
161
161
  variant: {
162
- main: N.variantMain,
163
- support: N.variantSupport,
164
- minor: N.variantMinor,
165
- brand: N.variantBrand,
166
- primary: N.variantPrimary,
167
- negative: N.variantNegative,
168
- positive: N.variantPositive,
169
- warning: N.variantWarning,
170
- info: N.variantInfo,
171
- "accent-1": N.variantAccent1,
172
- "accent-2": N.variantAccent2,
173
- "accent-3": N.variantAccent3
162
+ main: M.variantMain,
163
+ support: M.variantSupport,
164
+ minor: M.variantMinor,
165
+ brand: M.variantBrand,
166
+ primary: M.variantPrimary,
167
+ negative: M.variantNegative,
168
+ positive: M.variantPositive,
169
+ warning: M.variantWarning,
170
+ info: M.variantInfo,
171
+ "accent-1": M.variantAccent1,
172
+ "accent-2": M.variantAccent2,
173
+ "accent-3": M.variantAccent3
174
174
  },
175
175
  appearance: {
176
- outline: N.appearanceOutline,
177
- solid: N.appearanceSolid,
178
- subtle: N.appearanceSubtle
176
+ outline: M.appearanceOutline,
177
+ solid: M.appearanceSolid,
178
+ subtle: M.appearanceSubtle
179
179
  },
180
180
  inline: {
181
181
  false: null,
182
- true: N.inline
182
+ true: M.inline
183
183
  }
184
- } }), it = {
184
+ } }), at = {
185
185
  icon: "imf-ui-chip-link-module-icon",
186
186
  root: "imf-ui-chip-link-module-root"
187
187
  };
188
188
  //#endregion
189
189
  //#region src/components/chip-link/chip-link.tsx
190
- function at({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kind: r = "external", className: i, children: a, ...o }) {
190
+ function ot({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kind: r = "external", className: i, children: a, ...o }) {
191
191
  let s = r === "external" ? f : c;
192
- return /* @__PURE__ */ b("a", {
192
+ return /* @__PURE__ */ y("a", {
193
193
  ...r === "external" ? {
194
194
  target: "_blank",
195
195
  rel: "noreferrer"
@@ -197,16 +197,16 @@ function at({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
197
197
  ...o,
198
198
  "data-imf-ui-component": "ChipLink",
199
199
  "data-kind": r,
200
- className: rt({
200
+ className: it({
201
201
  variant: e,
202
202
  appearance: t,
203
203
  inline: n,
204
- className: _(it.root, i)
204
+ className: _(at.root, i)
205
205
  }),
206
- children: [a, /* @__PURE__ */ y("span", {
207
- className: it.icon,
206
+ children: [a, /* @__PURE__ */ v("span", {
207
+ className: at.icon,
208
208
  "aria-hidden": !0,
209
- children: /* @__PURE__ */ y(m, {
209
+ children: /* @__PURE__ */ v(m, {
210
210
  glyph: s,
211
211
  size: 12
212
212
  })
@@ -215,24 +215,24 @@ function at({ variant: e = "info", appearance: t = "subtle", inline: n = !1, kin
215
215
  }
216
216
  //#endregion
217
217
  //#region src/components/chip-link/chip-link.meta.ts
218
- var ot = {
218
+ var st = {
219
219
  name: "ChipLink",
220
220
  category: h.buttons,
221
221
  status: "stable",
222
222
  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.",
223
223
  origin: "native"
224
- }, st = { root: "imf-ui-copy-button-module-root" }, ct = 1500;
225
- function lt({ value: e, label: n = "Copy", copiedLabel: r = "Copied", variant: i = "secondary", size: a = "sm", ...o }) {
226
- let { copied: c, copy: l } = ye({ timeout: ct }), u = c ? te : s;
227
- return /* @__PURE__ */ y(tt, {
224
+ }, ct = { root: "imf-ui-copy-button-module-root" }, lt = 1500;
225
+ function ut({ value: e, label: n = "Copy", copiedLabel: r = "Copied", variant: i = "secondary", size: a = "sm", ...o }) {
226
+ let { copied: c, copy: l } = ye({ timeout: lt }), u = c ? te : s;
227
+ return /* @__PURE__ */ v(nt, {
228
228
  ...o,
229
229
  variant: i,
230
230
  size: a,
231
231
  "data-copied": c || void 0,
232
232
  "aria-label": c ? r : n,
233
233
  onClick: () => l(e),
234
- className: (e) => _(st.root, t(o.className, e)),
235
- children: /* @__PURE__ */ y(m, {
234
+ className: (e) => _(ct.root, t(o.className, e)),
235
+ children: /* @__PURE__ */ v(m, {
236
236
  glyph: u,
237
237
  size: 15,
238
238
  strokeWidth: 2,
@@ -240,67 +240,67 @@ function lt({ value: e, label: n = "Copy", copiedLabel: r = "Copied", variant: i
240
240
  })
241
241
  });
242
242
  }
243
- lt.displayName = "CopyButton";
243
+ ut.displayName = "CopyButton";
244
244
  //#endregion
245
245
  //#region src/components/copy-button/copy-button.meta.ts
246
- var ut = {
246
+ var dt = {
247
247
  name: "CopyButton",
248
248
  category: h.buttons,
249
249
  status: "stable",
250
250
  description: "Copies a value to the clipboard and briefly shows confirmation. Also called a copy-to-clipboard button; commonly used with Code.Block.",
251
251
  origin: "native",
252
252
  internalDependencies: ["Button"]
253
- }, dt = {
253
+ }, ft = {
254
254
  root: "imf-ui-icon-button-module-root",
255
255
  sizeHero: "imf-ui-icon-button-module-sizeHero",
256
256
  sizeLg: "imf-ui-icon-button-module-sizeLg",
257
257
  sizeMd: "imf-ui-icon-button-module-sizeMd",
258
258
  sizeSm: "imf-ui-icon-button-module-sizeSm"
259
- }, ft = g(dt.root, { variants: { size: {
260
- sm: dt.sizeSm,
261
- md: dt.sizeMd,
262
- lg: dt.sizeLg,
263
- hero: dt.sizeHero
264
- } } }), pt = {
259
+ }, pt = g(ft.root, { variants: { size: {
260
+ sm: ft.sizeSm,
261
+ md: ft.sizeMd,
262
+ lg: ft.sizeLg,
263
+ hero: ft.sizeHero
264
+ } } }), mt = {
265
265
  sm: 15,
266
266
  md: 18,
267
267
  lg: 20,
268
268
  hero: 24
269
- }, mt = {
269
+ }, ht = {
270
270
  sm: "md",
271
271
  md: "lg",
272
272
  lg: "hero",
273
273
  hero: "hero"
274
274
  };
275
- function ht({ glyph: e, label: n, iconProps: r, size: i = "md", ...a }) {
276
- let o = i ?? "md", s = a.shortcut ? mt[o] : o;
277
- return /* @__PURE__ */ y(tt, {
275
+ function gt({ glyph: e, label: n, iconProps: r, size: i = "md", ...a }) {
276
+ let o = i ?? "md", s = a.shortcut ? ht[o] : o;
277
+ return /* @__PURE__ */ v(nt, {
278
278
  ...a,
279
279
  size: o,
280
280
  "aria-label": n,
281
- className: (e) => ft({
281
+ className: (e) => pt({
282
282
  size: s,
283
283
  className: t(a.className, e)
284
284
  }),
285
- children: /* @__PURE__ */ y(m, {
286
- size: pt[o],
285
+ children: /* @__PURE__ */ v(m, {
286
+ size: mt[o],
287
287
  ...r,
288
288
  glyph: e,
289
289
  "aria-hidden": !0
290
290
  })
291
291
  });
292
292
  }
293
- ht.displayName = "IconButton";
293
+ gt.displayName = "IconButton";
294
294
  //#endregion
295
295
  //#region src/components/icon-button/icon-button.meta.ts
296
- var gt = {
296
+ var _t = {
297
297
  name: "IconButton",
298
298
  category: h.buttons,
299
299
  status: "experimental",
300
300
  description: "Square button that shows a single icon and no visible text, with its accessible name from `label`. Also called an icon-only or toolbar button. Use Button with `startIcon` or `endIcon` when a text label is visible.",
301
301
  origin: "native",
302
302
  internalDependencies: ["Button", "Icon"]
303
- }, _t = {
303
+ }, N = {
304
304
  description: "imf-ui-rich-link-module-description",
305
305
  end: "imf-ui-rich-link-module-end",
306
306
  label: "imf-ui-rich-link-module-label",
@@ -309,9 +309,9 @@ var gt = {
309
309
  text: "imf-ui-rich-link-module-text",
310
310
  tile: "imf-ui-rich-link-module-tile",
311
311
  tileGlyph: "imf-ui-rich-link-module-tileGlyph"
312
- }, vt = g(_t.root);
312
+ }, vt = g(N.root);
313
313
  function yt({ glyph: e, description: t, kind: n = "external", endGlyph: r, children: i, ...a }) {
314
- return /* @__PURE__ */ b("a", {
314
+ return /* @__PURE__ */ y("a", {
315
315
  ...n === "external" ? {
316
316
  target: "_blank",
317
317
  rel: "noreferrer"
@@ -321,28 +321,28 @@ function yt({ glyph: e, description: t, kind: n = "external", endGlyph: r, child
321
321
  "data-kind": n,
322
322
  className: vt({ className: a.className }),
323
323
  children: [
324
- e && /* @__PURE__ */ y("span", {
325
- className: _t.tile,
326
- children: /* @__PURE__ */ y(m, {
324
+ e && /* @__PURE__ */ v("span", {
325
+ className: N.tile,
326
+ children: /* @__PURE__ */ v(m, {
327
327
  glyph: e,
328
- className: _t.tileGlyph,
328
+ className: N.tileGlyph,
329
329
  "aria-hidden": !0
330
330
  })
331
331
  }),
332
- /* @__PURE__ */ b("span", {
333
- className: _t.text,
334
- children: [/* @__PURE__ */ y("span", {
335
- className: _(_t.label, t && _t.labelStrong),
332
+ /* @__PURE__ */ y("span", {
333
+ className: N.text,
334
+ children: [/* @__PURE__ */ v("span", {
335
+ className: _(N.label, t && N.labelStrong),
336
336
  children: i
337
- }), t && /* @__PURE__ */ y("span", {
338
- className: _t.description,
337
+ }), t && /* @__PURE__ */ v("span", {
338
+ className: N.description,
339
339
  children: t
340
340
  })]
341
341
  }),
342
- /* @__PURE__ */ y(m, {
342
+ /* @__PURE__ */ v(m, {
343
343
  glyph: r ?? (n === "external" ? f : c),
344
344
  variant: "support",
345
- className: _t.end,
345
+ className: N.end,
346
346
  "aria-hidden": !0
347
347
  })
348
348
  ]
@@ -367,7 +367,7 @@ var bt = {
367
367
  Root: () => Tt
368
368
  }), Ct = g(xt.root), wt = g(xt.indicator);
369
369
  function Tt(e) {
370
- return /* @__PURE__ */ y(Ke.Root, {
370
+ return /* @__PURE__ */ v(qe.Root, {
371
371
  ...e,
372
372
  "data-imf-ui-component": "Checkbox.Root",
373
373
  className: (n) => Ct({ className: t(e.className, n) })
@@ -375,22 +375,22 @@ function Tt(e) {
375
375
  }
376
376
  Tt.displayName = "Checkbox.Root";
377
377
  function Et({ children: e, ...n }) {
378
- return /* @__PURE__ */ y(Ke.Indicator, {
378
+ return /* @__PURE__ */ v(qe.Indicator, {
379
379
  ...n,
380
380
  "data-imf-ui-component": "Checkbox.Indicator",
381
381
  className: (e) => wt({ className: t(n.className, e) }),
382
- children: e ?? /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("span", {
382
+ children: e ?? /* @__PURE__ */ y(Fe, { children: [/* @__PURE__ */ v("span", {
383
383
  className: xt.iconCheck,
384
384
  "aria-hidden": !0,
385
- children: /* @__PURE__ */ y(m, {
385
+ children: /* @__PURE__ */ v(m, {
386
386
  glyph: te,
387
387
  size: 12,
388
388
  strokeWidth: 3
389
389
  })
390
- }), /* @__PURE__ */ y("span", {
390
+ }), /* @__PURE__ */ v("span", {
391
391
  className: xt.iconIndeterminate,
392
392
  "aria-hidden": !0,
393
- children: /* @__PURE__ */ y(m, {
393
+ children: /* @__PURE__ */ v(m, {
394
394
  glyph: ne,
395
395
  size: 12,
396
396
  strokeWidth: 3
@@ -473,8 +473,8 @@ function Rt(e) {
473
473
  }
474
474
  var zt = () => "system", Bt = () => "light";
475
475
  function Vt({ value: e } = {}) {
476
- let t = e !== void 0, n = Ge(Rt, t ? zt : It, zt), r = Ge(Pt, Nt, Bt), i = e ?? n, a = i === "system" ? r : i;
477
- Be(function() {
476
+ let t = e !== void 0, n = Ke(Rt, t ? zt : It, zt), r = Ke(Pt, Nt, Bt), i = e ?? n, a = i === "system" ? r : i;
477
+ Ve(function() {
478
478
  document.documentElement.setAttribute(jt.colorScheme.attr, a);
479
479
  }, [a]);
480
480
  function o(e) {
@@ -507,12 +507,12 @@ function Wt({ label: e = "Color scheme", lightLabel: t = "Light", systemLabel: n
507
507
  function l(e) {
508
508
  Ht(e[0]) && o(e[0]);
509
509
  }
510
- return /* @__PURE__ */ y(ge, {
510
+ return /* @__PURE__ */ v(ge, {
511
511
  "aria-label": e,
512
512
  ...i,
513
513
  value: [a],
514
514
  onValueChange: l,
515
- children: s.map((e) => /* @__PURE__ */ y(he, {
515
+ children: s.map((e) => /* @__PURE__ */ v(he, {
516
516
  value: e,
517
517
  className: Ut.toggle,
518
518
  children: c[e]
@@ -545,7 +545,7 @@ var Gt = {
545
545
  Validity: () => sn
546
546
  }), Jt = g(Kt.root), Yt = g(Kt.item), Xt = g(Kt.label), Zt = g(Kt.description), Qt = g(Kt.control), $t = g(Kt.error);
547
547
  function en(e) {
548
- return /* @__PURE__ */ y(qe.Root, {
548
+ return /* @__PURE__ */ v(Je.Root, {
549
549
  ...e,
550
550
  "data-imf-ui-component": "Field.Root",
551
551
  className: (n) => Jt({ className: t(e.className, n) })
@@ -553,7 +553,7 @@ function en(e) {
553
553
  }
554
554
  en.displayName = "Field.Root";
555
555
  function tn(e) {
556
- return /* @__PURE__ */ y(qe.Item, {
556
+ return /* @__PURE__ */ v(Je.Item, {
557
557
  ...e,
558
558
  "data-imf-ui-component": "Field.Item",
559
559
  className: (n) => Yt({ className: t(e.className, n) })
@@ -561,7 +561,7 @@ function tn(e) {
561
561
  }
562
562
  tn.displayName = "Field.Item";
563
563
  function nn(e) {
564
- return /* @__PURE__ */ y(qe.Label, {
564
+ return /* @__PURE__ */ v(Je.Label, {
565
565
  ...e,
566
566
  "data-imf-ui-component": "Field.Label",
567
567
  className: (n) => Xt({ className: t(e.className, n) })
@@ -569,7 +569,7 @@ function nn(e) {
569
569
  }
570
570
  nn.displayName = "Field.Label";
571
571
  function rn(e) {
572
- return /* @__PURE__ */ y(qe.Description, {
572
+ return /* @__PURE__ */ v(Je.Description, {
573
573
  ...e,
574
574
  "data-imf-ui-component": "Field.Description",
575
575
  className: (n) => Zt({ className: t(e.className, n) })
@@ -577,7 +577,7 @@ function rn(e) {
577
577
  }
578
578
  rn.displayName = "Field.Description";
579
579
  function an(e) {
580
- return /* @__PURE__ */ y(qe.Control, {
580
+ return /* @__PURE__ */ v(Je.Control, {
581
581
  ...e,
582
582
  "data-imf-ui-component": "Field.Control",
583
583
  className: (n) => Qt({ className: t(e.className, n) })
@@ -585,7 +585,7 @@ function an(e) {
585
585
  }
586
586
  an.displayName = "Field.Control";
587
587
  function on({ role: e = "alert", ...n }) {
588
- return /* @__PURE__ */ y(qe.Error, {
588
+ return /* @__PURE__ */ v(Je.Error, {
589
589
  ...n,
590
590
  role: e,
591
591
  "data-imf-ui-component": "Field.Error",
@@ -594,7 +594,7 @@ function on({ role: e = "alert", ...n }) {
594
594
  }
595
595
  on.displayName = "Field.Error";
596
596
  function sn({ children: e }) {
597
- return /* @__PURE__ */ y(qe.Validity, { children: e });
597
+ return /* @__PURE__ */ v(Je.Validity, { children: e });
598
598
  }
599
599
  sn.displayName = "Field.Validity";
600
600
  //#endregion
@@ -619,7 +619,7 @@ var cn = {
619
619
  Root: () => pn
620
620
  }), dn = g(ln.root), fn = g(ln.legend);
621
621
  function pn(e) {
622
- return /* @__PURE__ */ y(Je.Root, {
622
+ return /* @__PURE__ */ v(Ye.Root, {
623
623
  ...e,
624
624
  "data-imf-ui-component": "Fieldset.Root",
625
625
  className: (n) => dn({ className: t(e.className, n) })
@@ -627,7 +627,7 @@ function pn(e) {
627
627
  }
628
628
  pn.displayName = "Fieldset.Root";
629
629
  function mn(e) {
630
- return /* @__PURE__ */ y(Je.Legend, {
630
+ return /* @__PURE__ */ v(Ye.Legend, {
631
631
  ...e,
632
632
  "data-imf-ui-component": "Fieldset.Legend",
633
633
  className: (n) => fn({ className: t(e.className, n) })
@@ -671,9 +671,9 @@ var hn = {
671
671
  }
672
672
  } });
673
673
  function _n({ variant: e = "outline", size: n = "md", type: r, value: i, defaultValue: a, onValueChange: o, onClear: s, disabled: c, className: l, ...u }) {
674
- let d = r === "search", [f, p] = S(a ?? ""), ee = i ?? f, te = ee != null && String(ee).length > 0, ne = (e, t) => {
674
+ let d = r === "search", [f, p] = x(a ?? ""), ee = i ?? f, te = ee != null && String(ee).length > 0, ne = (e, t) => {
675
675
  d && i === void 0 && p(e), o?.(e, t);
676
- }, re = /* @__PURE__ */ y(Ye, {
676
+ }, re = /* @__PURE__ */ v(Xe, {
677
677
  ...u,
678
678
  type: r,
679
679
  value: d ? ee : i,
@@ -689,16 +689,16 @@ function _n({ variant: e = "outline", size: n = "md", type: r, value: i, default
689
689
  });
690
690
  if (!d) return re;
691
691
  let ie = typeof l == "string" ? `${P.searchRoot} ${l}` : P.searchRoot;
692
- return /* @__PURE__ */ b("div", {
692
+ return /* @__PURE__ */ y("div", {
693
693
  className: ie,
694
- children: [re, te && !c && !u.readOnly && /* @__PURE__ */ y("button", {
694
+ children: [re, te && !c && !u.readOnly && /* @__PURE__ */ v("button", {
695
695
  type: "button",
696
696
  className: P.clearButton,
697
697
  "aria-label": "Clear input",
698
698
  onClick: () => {
699
699
  i === void 0 && p(""), s?.();
700
700
  },
701
- children: /* @__PURE__ */ y(m, {
701
+ children: /* @__PURE__ */ v(m, {
702
702
  glyph: ae,
703
703
  size: 16,
704
704
  "aria-hidden": !0
@@ -771,7 +771,7 @@ function Dn(e, t) {
771
771
  };
772
772
  }
773
773
  function On({ width: e = "auto", step: n, format: r, ...i }) {
774
- return /* @__PURE__ */ y(Xe.Root, {
774
+ return /* @__PURE__ */ v(Ze.Root, {
775
775
  ...i,
776
776
  step: n,
777
777
  format: Dn(n, r),
@@ -784,7 +784,7 @@ function On({ width: e = "auto", step: n, format: r, ...i }) {
784
784
  }
785
785
  On.displayName = "NumberField.Root";
786
786
  function kn({ variant: e = "outline", size: n = "md", ...r }) {
787
- return /* @__PURE__ */ y(Xe.Group, {
787
+ return /* @__PURE__ */ v(Ze.Group, {
788
788
  ...r,
789
789
  "data-imf-ui-component": "NumberField.Group",
790
790
  className: (i) => xn({
@@ -796,7 +796,7 @@ function kn({ variant: e = "outline", size: n = "md", ...r }) {
796
796
  }
797
797
  kn.displayName = "NumberField.Group";
798
798
  function An(e) {
799
- return /* @__PURE__ */ y(Xe.Input, {
799
+ return /* @__PURE__ */ v(Ze.Input, {
800
800
  ...e,
801
801
  "data-imf-ui-component": "NumberField.Input",
802
802
  className: (n) => Sn({ className: t(e.className, n) })
@@ -804,7 +804,7 @@ function An(e) {
804
804
  }
805
805
  An.displayName = "NumberField.Input";
806
806
  function jn(e) {
807
- return /* @__PURE__ */ y(Xe.Increment, {
807
+ return /* @__PURE__ */ v(Ze.Increment, {
808
808
  ...e,
809
809
  "data-imf-ui-component": "NumberField.Increment",
810
810
  className: (n) => Cn({ className: t(e.className, n) }),
@@ -813,7 +813,7 @@ function jn(e) {
813
813
  }
814
814
  jn.displayName = "NumberField.Increment";
815
815
  function Mn(e) {
816
- return /* @__PURE__ */ y(Xe.Decrement, {
816
+ return /* @__PURE__ */ v(Ze.Decrement, {
817
817
  ...e,
818
818
  "data-imf-ui-component": "NumberField.Decrement",
819
819
  className: (n) => wn({ className: t(e.className, n) }),
@@ -822,7 +822,7 @@ function Mn(e) {
822
822
  }
823
823
  Mn.displayName = "NumberField.Decrement";
824
824
  function Nn(e) {
825
- return /* @__PURE__ */ y(Xe.ScrubArea, {
825
+ return /* @__PURE__ */ v(Ze.ScrubArea, {
826
826
  ...e,
827
827
  "data-imf-ui-component": "NumberField.ScrubArea",
828
828
  className: (n) => Tn({ className: t(e.className, n) })
@@ -830,7 +830,7 @@ function Nn(e) {
830
830
  }
831
831
  Nn.displayName = "NumberField.ScrubArea";
832
832
  function Pn(e) {
833
- return /* @__PURE__ */ y(Xe.ScrubAreaCursor, {
833
+ return /* @__PURE__ */ v(Ze.ScrubAreaCursor, {
834
834
  ...e,
835
835
  "data-imf-ui-component": "NumberField.ScrubAreaCursor",
836
836
  className: (n) => En({ className: t(e.className, n) })
@@ -838,24 +838,24 @@ function Pn(e) {
838
838
  }
839
839
  Pn.displayName = "NumberField.ScrubAreaCursor";
840
840
  function Fn({ layout: e = "trailing", variant: t = "outline", size: n = "md", width: r = "auto", scrub: i, ...a }) {
841
- return /* @__PURE__ */ b(On, {
841
+ return /* @__PURE__ */ y(On, {
842
842
  ...a,
843
843
  width: r,
844
- children: [i != null && /* @__PURE__ */ b(Nn, { children: [i, /* @__PURE__ */ y(Pn, { children: /* @__PURE__ */ y(m, {
844
+ children: [i != null && /* @__PURE__ */ y(Nn, { children: [i, /* @__PURE__ */ v(Pn, { children: /* @__PURE__ */ v(m, {
845
845
  glyph: d,
846
846
  size: 20,
847
847
  "aria-hidden": !0
848
- }) })] }), /* @__PURE__ */ y(kn, {
848
+ }) })] }), /* @__PURE__ */ v(kn, {
849
849
  variant: t,
850
850
  size: n,
851
- children: e === "flanking" ? /* @__PURE__ */ b(v, { children: [
852
- /* @__PURE__ */ y(Mn, {}),
853
- /* @__PURE__ */ y(An, {}),
854
- /* @__PURE__ */ y(jn, {})
855
- ] }) : /* @__PURE__ */ b(v, { children: [
856
- /* @__PURE__ */ y(An, {}),
857
- /* @__PURE__ */ y(Mn, {}),
858
- /* @__PURE__ */ y(jn, {})
851
+ children: e === "flanking" ? /* @__PURE__ */ y(Fe, { children: [
852
+ /* @__PURE__ */ v(Mn, {}),
853
+ /* @__PURE__ */ v(An, {}),
854
+ /* @__PURE__ */ v(jn, {})
855
+ ] }) : /* @__PURE__ */ y(Fe, { children: [
856
+ /* @__PURE__ */ v(An, {}),
857
+ /* @__PURE__ */ v(Mn, {}),
858
+ /* @__PURE__ */ v(jn, {})
859
859
  ] })
860
860
  })]
861
861
  });
@@ -923,18 +923,18 @@ var In = {
923
923
  full: I.widthFull
924
924
  } } }), zn = g(I.label), Bn = g(I.trigger), Vn = g(I.value), Hn = g(I.icon), Un = g(I.backdrop), Wn = g(I.positioner), Gn = g(I.popup), Kn = g(I.arrow), qn = g(I.list), Jn = g(I.item), Yn = g(I.itemIndicator), Xn = g(I.itemText), Zn = g(I.itemDescription), Qn = g(I.group), $n = g(I.groupLabel), er = g(I.separator), tr = g(I.scrollUpArrow), nr = g(I.scrollDownArrow);
925
925
  function rr({ width: e = "auto", className: t, style: n, ...r }) {
926
- return /* @__PURE__ */ y("div", {
926
+ return /* @__PURE__ */ v("div", {
927
927
  className: Rn({
928
928
  width: e,
929
929
  className: t
930
930
  }),
931
931
  style: n,
932
- children: /* @__PURE__ */ y(C.Root, { ...r })
932
+ children: /* @__PURE__ */ v(S.Root, { ...r })
933
933
  });
934
934
  }
935
935
  rr.displayName = "Select.Root";
936
936
  function ir(e) {
937
- return /* @__PURE__ */ y(C.Label, {
937
+ return /* @__PURE__ */ v(S.Label, {
938
938
  ...e,
939
939
  "data-imf-ui-component": "Select.Label",
940
940
  className: (n) => zn({ className: t(e.className, n) })
@@ -942,7 +942,7 @@ function ir(e) {
942
942
  }
943
943
  ir.displayName = "Select.Label";
944
944
  function ar(e) {
945
- return /* @__PURE__ */ y(C.Trigger, {
945
+ return /* @__PURE__ */ v(S.Trigger, {
946
946
  ...e,
947
947
  "data-imf-ui-component": "Select.Trigger",
948
948
  className: (n) => Bn({ className: t(e.className, n) })
@@ -950,7 +950,7 @@ function ar(e) {
950
950
  }
951
951
  ar.displayName = "Select.Trigger";
952
952
  function or({ children: e, ...n }) {
953
- return /* @__PURE__ */ y(C.Value, {
953
+ return /* @__PURE__ */ v(S.Value, {
954
954
  ...n,
955
955
  "data-imf-ui-component": "Select.Value",
956
956
  className: (e) => Vn({ className: t(n.className, e) }),
@@ -959,7 +959,7 @@ function or({ children: e, ...n }) {
959
959
  }
960
960
  or.displayName = "Select.Value";
961
961
  function sr(e) {
962
- return /* @__PURE__ */ y(C.Icon, {
962
+ return /* @__PURE__ */ v(S.Icon, {
963
963
  ...e,
964
964
  "data-imf-ui-component": "Select.Icon",
965
965
  className: (n) => Hn({ className: t(e.className, n) })
@@ -967,11 +967,11 @@ function sr(e) {
967
967
  }
968
968
  sr.displayName = "Select.Icon";
969
969
  function cr(e) {
970
- return /* @__PURE__ */ y(C.Portal, { ...e });
970
+ return /* @__PURE__ */ v(S.Portal, { ...e });
971
971
  }
972
972
  cr.displayName = "Select.Portal";
973
973
  function lr(e) {
974
- return /* @__PURE__ */ y(C.Backdrop, {
974
+ return /* @__PURE__ */ v(S.Backdrop, {
975
975
  ...e,
976
976
  "data-imf-ui-component": "Select.Backdrop",
977
977
  className: (n) => Un({ className: t(e.className, n) })
@@ -979,7 +979,7 @@ function lr(e) {
979
979
  }
980
980
  lr.displayName = "Select.Backdrop";
981
981
  function ur({ align: e = "start", alignItemWithTrigger: n = !1, sideOffset: r = 4, ...i }) {
982
- return /* @__PURE__ */ y(C.Positioner, {
982
+ return /* @__PURE__ */ v(S.Positioner, {
983
983
  ...i,
984
984
  align: e,
985
985
  alignItemWithTrigger: n,
@@ -990,7 +990,7 @@ function ur({ align: e = "start", alignItemWithTrigger: n = !1, sideOffset: r =
990
990
  }
991
991
  ur.displayName = "Select.Positioner";
992
992
  function dr(e) {
993
- return /* @__PURE__ */ y(C.Popup, {
993
+ return /* @__PURE__ */ v(S.Popup, {
994
994
  ...e,
995
995
  "data-imf-ui-component": "Select.Popup",
996
996
  className: (n) => Gn({ className: t(e.className, n) })
@@ -998,7 +998,7 @@ function dr(e) {
998
998
  }
999
999
  dr.displayName = "Select.Popup";
1000
1000
  function fr(e) {
1001
- return /* @__PURE__ */ y(C.Arrow, {
1001
+ return /* @__PURE__ */ v(S.Arrow, {
1002
1002
  ...e,
1003
1003
  "data-imf-ui-component": "Select.Arrow",
1004
1004
  className: (n) => Kn({ className: t(e.className, n) })
@@ -1006,7 +1006,7 @@ function fr(e) {
1006
1006
  }
1007
1007
  fr.displayName = "Select.Arrow";
1008
1008
  function pr(e) {
1009
- return /* @__PURE__ */ y(C.List, {
1009
+ return /* @__PURE__ */ v(S.List, {
1010
1010
  ...e,
1011
1011
  "data-imf-ui-component": "Select.List",
1012
1012
  className: (n) => qn({ className: t(e.className, n) })
@@ -1014,7 +1014,7 @@ function pr(e) {
1014
1014
  }
1015
1015
  pr.displayName = "Select.List";
1016
1016
  function mr(e) {
1017
- return /* @__PURE__ */ y(C.Item, {
1017
+ return /* @__PURE__ */ v(S.Item, {
1018
1018
  ...e,
1019
1019
  "data-imf-ui-component": "Select.Item",
1020
1020
  className: (n) => Jn({ className: t(e.className, n) })
@@ -1022,11 +1022,11 @@ function mr(e) {
1022
1022
  }
1023
1023
  mr.displayName = "Select.Item";
1024
1024
  function hr({ children: e, ...n }) {
1025
- return /* @__PURE__ */ y(C.ItemIndicator, {
1025
+ return /* @__PURE__ */ v(S.ItemIndicator, {
1026
1026
  ...n,
1027
1027
  "data-imf-ui-component": "Select.ItemIndicator",
1028
1028
  className: (e) => Yn({ className: t(n.className, e) }),
1029
- children: e ?? /* @__PURE__ */ y(m, {
1029
+ children: e ?? /* @__PURE__ */ v(m, {
1030
1030
  glyph: te,
1031
1031
  size: 16,
1032
1032
  "aria-hidden": !0
@@ -1035,7 +1035,7 @@ function hr({ children: e, ...n }) {
1035
1035
  }
1036
1036
  hr.displayName = "Select.ItemIndicator";
1037
1037
  function gr(e) {
1038
- return /* @__PURE__ */ y(C.ItemText, {
1038
+ return /* @__PURE__ */ v(S.ItemText, {
1039
1039
  ...e,
1040
1040
  "data-imf-ui-component": "Select.ItemText",
1041
1041
  className: (n) => Xn({ className: t(e.className, n) })
@@ -1043,7 +1043,7 @@ function gr(e) {
1043
1043
  }
1044
1044
  gr.displayName = "Select.ItemText";
1045
1045
  function _r(e) {
1046
- return /* @__PURE__ */ y("div", {
1046
+ return /* @__PURE__ */ v("div", {
1047
1047
  ...e,
1048
1048
  "data-imf-ui-component": "Select.ItemDescription",
1049
1049
  className: Zn({ className: e.className })
@@ -1051,7 +1051,7 @@ function _r(e) {
1051
1051
  }
1052
1052
  _r.displayName = "Select.ItemDescription";
1053
1053
  function vr(e) {
1054
- return /* @__PURE__ */ y(C.Group, {
1054
+ return /* @__PURE__ */ v(S.Group, {
1055
1055
  ...e,
1056
1056
  "data-imf-ui-component": "Select.Group",
1057
1057
  className: (n) => Qn({ className: t(e.className, n) })
@@ -1059,7 +1059,7 @@ function vr(e) {
1059
1059
  }
1060
1060
  vr.displayName = "Select.Group";
1061
1061
  function yr(e) {
1062
- return /* @__PURE__ */ y(C.GroupLabel, {
1062
+ return /* @__PURE__ */ v(S.GroupLabel, {
1063
1063
  ...e,
1064
1064
  "data-imf-ui-component": "Select.GroupLabel",
1065
1065
  className: (n) => $n({ className: t(e.className, n) })
@@ -1067,7 +1067,7 @@ function yr(e) {
1067
1067
  }
1068
1068
  yr.displayName = "Select.GroupLabel";
1069
1069
  function br(e) {
1070
- return /* @__PURE__ */ y(C.Separator, {
1070
+ return /* @__PURE__ */ v(S.Separator, {
1071
1071
  ...e,
1072
1072
  "data-imf-ui-component": "Select.Separator",
1073
1073
  className: (n) => er({ className: t(e.className, n) })
@@ -1075,7 +1075,7 @@ function br(e) {
1075
1075
  }
1076
1076
  br.displayName = "Select.Separator";
1077
1077
  function xr(e) {
1078
- return /* @__PURE__ */ y(C.ScrollUpArrow, {
1078
+ return /* @__PURE__ */ v(S.ScrollUpArrow, {
1079
1079
  ...e,
1080
1080
  "data-imf-ui-component": "Select.ScrollUpArrow",
1081
1081
  className: (n) => tr({ className: t(e.className, n) })
@@ -1083,7 +1083,7 @@ function xr(e) {
1083
1083
  }
1084
1084
  xr.displayName = "Select.ScrollUpArrow";
1085
1085
  function Sr(e) {
1086
- return /* @__PURE__ */ y(C.ScrollDownArrow, {
1086
+ return /* @__PURE__ */ v(S.ScrollDownArrow, {
1087
1087
  ...e,
1088
1088
  "data-imf-ui-component": "Select.ScrollDownArrow",
1089
1089
  className: (n) => nr({ className: t(e.className, n) })
@@ -1180,7 +1180,7 @@ var L = {
1180
1180
  Title: () => Yr,
1181
1181
  Trigger: () => Hr,
1182
1182
  Viewport: () => Gr
1183
- }), kr = Le({
1183
+ }), kr = Re({
1184
1184
  borderColor: "primary",
1185
1185
  borderStyle: "solid"
1186
1186
  }), Ar = g(L.trigger), jr = g(L.backdrop), Mr = g(L.viewport), Nr = g(L.popup, {
@@ -1203,17 +1203,17 @@ var L = {
1203
1203
  }
1204
1204
  }), Pr = g(L.content), Fr = g(L.title), Ir = g(L.close), Lr = g(L.description), Rr = g(L.indent), zr = g(L.indentBackground), Br = g(L.swipeArea);
1205
1205
  function Vr({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
1206
- return /* @__PURE__ */ y(kr.Provider, {
1206
+ return /* @__PURE__ */ v(kr.Provider, {
1207
1207
  value: {
1208
1208
  borderColor: e,
1209
1209
  borderStyle: t
1210
1210
  },
1211
- children: /* @__PURE__ */ y(E.Root, { ...n })
1211
+ children: /* @__PURE__ */ v(T.Root, { ...n })
1212
1212
  });
1213
1213
  }
1214
1214
  Vr.displayName = "Drawer.Root";
1215
1215
  function Hr(e) {
1216
- return /* @__PURE__ */ y(E.Trigger, {
1216
+ return /* @__PURE__ */ v(T.Trigger, {
1217
1217
  ...e,
1218
1218
  "data-imf-ui-component": "Drawer.Trigger",
1219
1219
  className: (n) => Ar({ className: t(e.className, n) })
@@ -1221,11 +1221,11 @@ function Hr(e) {
1221
1221
  }
1222
1222
  Hr.displayName = "Drawer.Trigger";
1223
1223
  function Ur(e) {
1224
- return /* @__PURE__ */ y(E.Portal, { ...e });
1224
+ return /* @__PURE__ */ v(T.Portal, { ...e });
1225
1225
  }
1226
1226
  Ur.displayName = "Drawer.Portal";
1227
1227
  function Wr(e) {
1228
- return /* @__PURE__ */ y(E.Backdrop, {
1228
+ return /* @__PURE__ */ v(T.Backdrop, {
1229
1229
  ...e,
1230
1230
  "data-imf-ui-component": "Drawer.Backdrop",
1231
1231
  className: (n) => jr({ className: t(e.className, n) })
@@ -1233,7 +1233,7 @@ function Wr(e) {
1233
1233
  }
1234
1234
  Wr.displayName = "Drawer.Backdrop";
1235
1235
  function Gr(e) {
1236
- return /* @__PURE__ */ y(E.Viewport, {
1236
+ return /* @__PURE__ */ v(T.Viewport, {
1237
1237
  ...e,
1238
1238
  "data-imf-ui-component": "Drawer.Viewport",
1239
1239
  className: (n) => Mr({ className: t(e.className, n) })
@@ -1247,8 +1247,8 @@ var Kr = {
1247
1247
  up: L.popupTop
1248
1248
  };
1249
1249
  function qr({ borderColor: e, borderStyle: n, ...r }) {
1250
- let i = x(kr), a = e ?? i.borderColor, o = n ?? i.borderStyle;
1251
- return /* @__PURE__ */ y(E.Popup, {
1250
+ let i = b(kr), a = e ?? i.borderColor, o = n ?? i.borderStyle;
1251
+ return /* @__PURE__ */ v(T.Popup, {
1252
1252
  ...r,
1253
1253
  "data-imf-ui-component": "Drawer.Popup",
1254
1254
  className: (e) => Nr({
@@ -1260,13 +1260,13 @@ function qr({ borderColor: e, borderStyle: n, ...r }) {
1260
1260
  }
1261
1261
  qr.displayName = "Drawer.Popup";
1262
1262
  function Jr({ children: e, ...n }) {
1263
- return /* @__PURE__ */ y(E.Content, {
1263
+ return /* @__PURE__ */ v(T.Content, {
1264
1264
  ...n,
1265
1265
  "data-imf-ui-component": "Drawer.Content",
1266
1266
  className: (e) => Pr({ className: t(n.className, e) }),
1267
- children: /* @__PURE__ */ y(Ae, {
1267
+ children: /* @__PURE__ */ v(Ae, {
1268
1268
  className: L.contentScroll,
1269
- children: /* @__PURE__ */ y("div", {
1269
+ children: /* @__PURE__ */ v("div", {
1270
1270
  className: L.contentBody,
1271
1271
  children: e
1272
1272
  })
@@ -1275,7 +1275,7 @@ function Jr({ children: e, ...n }) {
1275
1275
  }
1276
1276
  Jr.displayName = "Drawer.Content";
1277
1277
  function Yr(e) {
1278
- return /* @__PURE__ */ y(E.Title, {
1278
+ return /* @__PURE__ */ v(T.Title, {
1279
1279
  ...e,
1280
1280
  "data-imf-ui-component": "Drawer.Title",
1281
1281
  className: Fr({ className: e.className })
@@ -1283,7 +1283,7 @@ function Yr(e) {
1283
1283
  }
1284
1284
  Yr.displayName = "Drawer.Title";
1285
1285
  function Xr(e) {
1286
- return /* @__PURE__ */ y(E.Close, {
1286
+ return /* @__PURE__ */ v(T.Close, {
1287
1287
  ...e,
1288
1288
  "data-imf-ui-component": "Drawer.Close",
1289
1289
  className: (n) => Ir({ className: t(e.className, n) })
@@ -1291,7 +1291,7 @@ function Xr(e) {
1291
1291
  }
1292
1292
  Xr.displayName = "Drawer.Close";
1293
1293
  function Zr(e) {
1294
- return /* @__PURE__ */ y(E.Description, {
1294
+ return /* @__PURE__ */ v(T.Description, {
1295
1295
  ...e,
1296
1296
  "data-imf-ui-component": "Drawer.Description",
1297
1297
  className: Lr({ className: e.className })
@@ -1299,11 +1299,11 @@ function Zr(e) {
1299
1299
  }
1300
1300
  Zr.displayName = "Drawer.Description";
1301
1301
  function Qr(e) {
1302
- return /* @__PURE__ */ y(E.Provider, { ...e });
1302
+ return /* @__PURE__ */ v(T.Provider, { ...e });
1303
1303
  }
1304
1304
  Qr.displayName = "Drawer.Provider";
1305
1305
  function $r(e) {
1306
- return /* @__PURE__ */ y(E.Indent, {
1306
+ return /* @__PURE__ */ v(T.Indent, {
1307
1307
  ...e,
1308
1308
  "data-imf-ui-component": "Drawer.Indent",
1309
1309
  className: (n) => Rr({ className: t(e.className, n) })
@@ -1311,7 +1311,7 @@ function $r(e) {
1311
1311
  }
1312
1312
  $r.displayName = "Drawer.Indent";
1313
1313
  function ei(e) {
1314
- return /* @__PURE__ */ y(E.IndentBackground, {
1314
+ return /* @__PURE__ */ v(T.IndentBackground, {
1315
1315
  ...e,
1316
1316
  "data-imf-ui-component": "Drawer.IndentBackground",
1317
1317
  className: (n) => zr({ className: t(e.className, n) })
@@ -1319,7 +1319,7 @@ function ei(e) {
1319
1319
  }
1320
1320
  ei.displayName = "Drawer.IndentBackground";
1321
1321
  function ti(e) {
1322
- return /* @__PURE__ */ y(E.SwipeArea, {
1322
+ return /* @__PURE__ */ v(T.SwipeArea, {
1323
1323
  ...e,
1324
1324
  "data-imf-ui-component": "Drawer.SwipeArea",
1325
1325
  className: (n) => Br({ className: t(e.className, n) })
@@ -1376,7 +1376,7 @@ var ni = {
1376
1376
  }
1377
1377
  } });
1378
1378
  function ii({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, style: a, ...o }) {
1379
- return /* @__PURE__ */ y("span", {
1379
+ return /* @__PURE__ */ v("span", {
1380
1380
  ...o,
1381
1381
  "data-imf-ui-component": "Logo",
1382
1382
  className: ri({
@@ -1390,7 +1390,7 @@ function ii({ src: e, alt: t, size: n = "md", variant: r = "brand", height: i, s
1390
1390
  ...a,
1391
1391
  height: i
1392
1392
  },
1393
- children: typeof e == "string" ? /* @__PURE__ */ y("img", {
1393
+ children: typeof e == "string" ? /* @__PURE__ */ v("img", {
1394
1394
  src: e,
1395
1395
  alt: "",
1396
1396
  "aria-hidden": "true"
@@ -1431,21 +1431,21 @@ var ai = {
1431
1431
  //#endregion
1432
1432
  //#region src/components/logo/imfusion/imfusion.tsx
1433
1433
  function ci({ mark: e, ...t }) {
1434
- return /* @__PURE__ */ y("svg", {
1434
+ return /* @__PURE__ */ v("svg", {
1435
1435
  xmlns: "http://www.w3.org/2000/svg",
1436
1436
  viewBox: e.viewBox,
1437
1437
  fill: "currentColor",
1438
1438
  ...t,
1439
- children: e.shapes.map(([e, t], n) => Re(e, {
1439
+ children: e.shapes.map(([e, t], n) => ze(e, {
1440
1440
  key: n,
1441
1441
  ...t
1442
1442
  }))
1443
1443
  });
1444
1444
  }
1445
1445
  function li({ glyph: e = !1, alt: t = "ImFusion", variant: n = "brand", ...r }) {
1446
- return /* @__PURE__ */ y(ii, {
1446
+ return /* @__PURE__ */ v(ii, {
1447
1447
  ...r,
1448
- src: /* @__PURE__ */ y(ci, { mark: e ? si : oi }),
1448
+ src: /* @__PURE__ */ v(ci, { mark: e ? si : oi }),
1449
1449
  alt: t,
1450
1450
  variant: n
1451
1451
  });
@@ -1469,17 +1469,17 @@ var ui = "0 0 842.21 335.39", di = "M842.21,99.26L742.95,0L0,0L0,236.13L99.26,33
1469
1469
  oncolor: pi.wordBrand
1470
1470
  };
1471
1471
  function gi({ product: e, cutout: t = !1, alt: n, variant: r = "brand", ...i }) {
1472
- let a = fi[e], o = /* @__PURE__ */ y("svg", {
1472
+ let a = fi[e], o = /* @__PURE__ */ v("svg", {
1473
1473
  xmlns: "http://www.w3.org/2000/svg",
1474
1474
  viewBox: ui,
1475
1475
  fill: "currentColor",
1476
1476
  fillRule: "evenodd",
1477
- children: t ? /* @__PURE__ */ y("path", { d: `${di} ${a}` }) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("path", { d: di }), /* @__PURE__ */ y("path", {
1477
+ children: t ? /* @__PURE__ */ v("path", { d: `${di} ${a}` }) : /* @__PURE__ */ y(Fe, { children: [/* @__PURE__ */ v("path", { d: di }), /* @__PURE__ */ v("path", {
1478
1478
  d: a,
1479
1479
  className: hi[r] ?? pi.word
1480
1480
  })] })
1481
1481
  });
1482
- return /* @__PURE__ */ y(ii, {
1482
+ return /* @__PURE__ */ v(ii, {
1483
1483
  ...i,
1484
1484
  src: o,
1485
1485
  alt: n ?? mi[e],
@@ -1489,23 +1489,23 @@ function gi({ product: e, cutout: t = !1, alt: n, variant: r = "brand", ...i })
1489
1489
  //#endregion
1490
1490
  //#region src/hooks/use-disclosure.ts
1491
1491
  function _i({ open: e, defaultOpen: t = !1, onOpenChange: n } = {}) {
1492
- let [r, i] = S(t), a = e ?? r, o = e !== void 0, s = We({
1492
+ let [r, i] = x(t), a = e ?? r, o = e !== void 0, s = Ge({
1493
1493
  isOpen: a,
1494
1494
  onOpenChange: n
1495
1495
  });
1496
- He(() => {
1496
+ Ue(() => {
1497
1497
  s.current = {
1498
1498
  isOpen: a,
1499
1499
  onOpenChange: n
1500
1500
  };
1501
1501
  });
1502
- let c = ze((e) => {
1502
+ let c = Be((e) => {
1503
1503
  o || (s.current.isOpen = e, i(e)), s.current.onOpenChange?.(e);
1504
1504
  }, [o]);
1505
1505
  return {
1506
1506
  open: a,
1507
1507
  setOpen: c,
1508
- toggle: ze(() => c(!s.current.isOpen), [c])
1508
+ toggle: Be(() => c(!s.current.isOpen), [c])
1509
1509
  };
1510
1510
  }
1511
1511
  //#endregion
@@ -1514,8 +1514,8 @@ function vi(e, t) {
1514
1514
  return typeof t == "boolean" ? t : typeof window < "u" && "matchMedia" in window && window.matchMedia(e).matches;
1515
1515
  }
1516
1516
  function yi(e, t, { getInitialValueInEffect: n } = { getInitialValueInEffect: !0 }) {
1517
- let [r, i] = S(n ? t : vi(e));
1518
- return Be(() => {
1517
+ let [r, i] = x(n ? t : vi(e));
1518
+ return Ve(() => {
1519
1519
  try {
1520
1520
  if ("matchMedia" in window) {
1521
1521
  let t = window.matchMedia(e);
@@ -1586,54 +1586,54 @@ var z = {
1586
1586
  branded: z.headerBranded
1587
1587
  } },
1588
1588
  defaultVariants: { variant: "default" }
1589
- }), wi = g(z.aside), Ti = g(z.footer), Ei = g(z.main), Di = g(z.section), Oi = Le(null), ki = Le({
1589
+ }), wi = g(z.aside), Ti = g(z.footer), Ei = g(z.main), Di = g(z.section), Oi = Re(null), ki = Re({
1590
1590
  sections: {},
1591
1591
  setSections: () => void 0
1592
- }), Ai = Le(!1);
1592
+ }), Ai = Re(!1);
1593
1593
  function ji({ ref: e, children: t, ...n }) {
1594
- let [r, i] = S(null), [a, o] = S({}), s = ze((t) => {
1594
+ let [r, i] = x(null), [a, o] = x({}), s = Be((t) => {
1595
1595
  i(t), typeof e == "function" ? e(t) : e && (e.current = t);
1596
- }, [e]), c = Ue(() => ({
1596
+ }, [e]), c = We(() => ({
1597
1597
  sections: a,
1598
1598
  setSections: o
1599
1599
  }), [a]);
1600
- return /* @__PURE__ */ y(Oi.Provider, {
1600
+ return /* @__PURE__ */ v(Oi.Provider, {
1601
1601
  value: r,
1602
- children: /* @__PURE__ */ y(ki.Provider, {
1602
+ children: /* @__PURE__ */ v(ki.Provider, {
1603
1603
  value: c,
1604
- children: /* @__PURE__ */ b("div", {
1604
+ children: /* @__PURE__ */ y("div", {
1605
1605
  ...n,
1606
1606
  ref: s,
1607
1607
  "data-imf-ui-component": "AppShell.Root",
1608
1608
  "data-has-navbar": a.navbar ? "" : void 0,
1609
1609
  className: xi({ className: n.className }),
1610
- children: [/* @__PURE__ */ y(Mi, {}), t]
1610
+ children: [/* @__PURE__ */ v(Mi, {}), t]
1611
1611
  })
1612
1612
  })
1613
1613
  });
1614
1614
  }
1615
1615
  ji.displayName = "AppShell.Root";
1616
1616
  function Mi() {
1617
- let { navbar: e } = x(ki).sections;
1618
- return e ? /* @__PURE__ */ b("div", {
1617
+ let { navbar: e } = b(ki).sections;
1618
+ return e ? /* @__PURE__ */ y("div", {
1619
1619
  "data-imf-ui-component": "AppShell.Bar",
1620
1620
  className: _(z.bar, Ci({ variant: e.variant })),
1621
- children: [e.logo ? /* @__PURE__ */ y("div", {
1621
+ children: [e.logo ? /* @__PURE__ */ v("div", {
1622
1622
  className: z.barLogo,
1623
1623
  children: e.logo
1624
- }) : null, /* @__PURE__ */ y("div", {
1624
+ }) : null, /* @__PURE__ */ v("div", {
1625
1625
  className: z.barActions,
1626
- children: /* @__PURE__ */ y(Xi, {})
1626
+ children: /* @__PURE__ */ v(Xi, {})
1627
1627
  })]
1628
1628
  }) : null;
1629
1629
  }
1630
1630
  function Ni({ className: e, children: t, ...n }) {
1631
- let { sections: r } = x(ki);
1632
- return /* @__PURE__ */ y("header", {
1631
+ let { sections: r } = b(ki);
1632
+ return /* @__PURE__ */ v("header", {
1633
1633
  ...n,
1634
1634
  "data-imf-ui-component": "AppShell.Header",
1635
1635
  className: _(z.header, Ci({ variant: r.navbar?.variant }), e),
1636
- children: /* @__PURE__ */ y("div", {
1636
+ children: /* @__PURE__ */ v("div", {
1637
1637
  className: z.headerContent,
1638
1638
  children: t
1639
1639
  })
@@ -1641,14 +1641,14 @@ function Ni({ className: e, children: t, ...n }) {
1641
1641
  }
1642
1642
  Ni.displayName = "AppShell.Header";
1643
1643
  function Pi({ open: e, onOpenChange: t, swipeDirection: n, label: r, className: i, children: a }) {
1644
- let o = x(Oi);
1645
- return /* @__PURE__ */ y(Vr, {
1644
+ let o = b(Oi);
1645
+ return /* @__PURE__ */ v(Vr, {
1646
1646
  open: e,
1647
1647
  onOpenChange: t,
1648
1648
  swipeDirection: n,
1649
- children: /* @__PURE__ */ b(Ur, {
1649
+ children: /* @__PURE__ */ y(Ur, {
1650
1650
  container: o,
1651
- children: [/* @__PURE__ */ y(Wr, {}), /* @__PURE__ */ y(Gr, { children: /* @__PURE__ */ y(qr, {
1651
+ children: [/* @__PURE__ */ v(Wr, {}), /* @__PURE__ */ v(Gr, { children: /* @__PURE__ */ v(qr, {
1652
1652
  borderColor: "none",
1653
1653
  "aria-label": r,
1654
1654
  className: i,
@@ -1658,14 +1658,14 @@ function Pi({ open: e, onOpenChange: t, swipeDirection: n, label: r, className:
1658
1658
  });
1659
1659
  }
1660
1660
  function Fi({ className: e, children: t }) {
1661
- return /* @__PURE__ */ b(Te, {
1661
+ return /* @__PURE__ */ y(Te, {
1662
1662
  className: z.drawerScroll,
1663
- children: [/* @__PURE__ */ y(ke, { children: /* @__PURE__ */ y(Ee, {
1663
+ children: [/* @__PURE__ */ v(ke, { children: /* @__PURE__ */ v(Ee, {
1664
1664
  className: _(z.drawerContent, e),
1665
1665
  children: t
1666
- }) }), /* @__PURE__ */ y(Ce, {
1666
+ }) }), /* @__PURE__ */ v(Ce, {
1667
1667
  orientation: "vertical",
1668
- children: /* @__PURE__ */ y(De, {})
1668
+ children: /* @__PURE__ */ v(De, {})
1669
1669
  })]
1670
1670
  });
1671
1671
  }
@@ -1673,7 +1673,7 @@ function Ii(e) {
1673
1673
  return yi(Dr(e), void 0, { getInitialValueInEffect: !1 });
1674
1674
  }
1675
1675
  function Li(e, t, n, r) {
1676
- Be(() => {
1676
+ Ve(() => {
1677
1677
  e && t && !n && r(!1);
1678
1678
  }, [
1679
1679
  e,
@@ -1683,38 +1683,38 @@ function Li(e, t, n, r) {
1683
1683
  ]);
1684
1684
  }
1685
1685
  function Ri({ logo: e, account: t, closable: n, children: r }) {
1686
- return /* @__PURE__ */ b(v, { children: [
1687
- /* @__PURE__ */ b("div", {
1686
+ return /* @__PURE__ */ y(Fe, { children: [
1687
+ /* @__PURE__ */ y("div", {
1688
1688
  className: z.navbarBrand,
1689
- children: [/* @__PURE__ */ y("span", {
1689
+ children: [/* @__PURE__ */ v("span", {
1690
1690
  className: z.navbarLogo,
1691
1691
  children: e
1692
- }), n && /* @__PURE__ */ y(Xi, { className: z.navbarDrawerClose })]
1692
+ }), n && /* @__PURE__ */ v(Xi, { className: z.navbarDrawerClose })]
1693
1693
  }),
1694
- /* @__PURE__ */ y("div", {
1694
+ /* @__PURE__ */ v("div", {
1695
1695
  className: z.navbarNav,
1696
1696
  children: r
1697
1697
  }),
1698
- t ? /* @__PURE__ */ y("div", {
1698
+ t ? /* @__PURE__ */ v("div", {
1699
1699
  className: z.navbarFoot,
1700
1700
  children: t
1701
1701
  }) : null
1702
1702
  ] });
1703
1703
  }
1704
- var zi = /* @__PURE__ */ y(li, {
1704
+ var zi = /* @__PURE__ */ v(li, {
1705
1705
  variant: "brand",
1706
1706
  size: "sm"
1707
- }), Bi = /* @__PURE__ */ y(li, {
1707
+ }), Bi = /* @__PURE__ */ v(li, {
1708
1708
  variant: "oncolor",
1709
1709
  size: "sm"
1710
1710
  });
1711
1711
  function Vi({ variant: e = "default", open: t, defaultOpen: n, onOpenChange: r, logo: i = e === "branded" ? Bi : zi, account: a, children: o, id: s, ...c }) {
1712
- let l = Ii("md"), u = Ve(), d = s ?? u, { open: f, setOpen: p } = _i({
1712
+ let l = Ii("md"), u = He(), d = s ?? u, { open: f, setOpen: p } = _i({
1713
1713
  open: t,
1714
1714
  defaultOpen: n,
1715
1715
  onOpenChange: r
1716
- }), { setSections: ee } = x(ki);
1717
- return Li(l, f, t !== void 0, p), He(() => (ee((t) => ({
1716
+ }), { setSections: ee } = b(ki);
1717
+ return Li(l, f, t !== void 0, p), Ue(() => (ee((t) => ({
1718
1718
  ...t,
1719
1719
  navbar: {
1720
1720
  id: d,
@@ -1734,31 +1734,31 @@ function Vi({ variant: e = "default", open: t, defaultOpen: n, onOpenChange: r,
1734
1734
  p,
1735
1735
  e,
1736
1736
  i
1737
- ]), l ? /* @__PURE__ */ y("nav", {
1737
+ ]), l ? /* @__PURE__ */ v("nav", {
1738
1738
  ...c,
1739
1739
  id: d,
1740
1740
  "data-imf-ui-component": "AppShell.Navbar",
1741
1741
  className: _(z.navbar, Si({ variant: e }), c.className),
1742
- children: /* @__PURE__ */ y(Ri, {
1742
+ children: /* @__PURE__ */ v(Ri, {
1743
1743
  logo: i,
1744
1744
  account: a,
1745
1745
  closable: !1,
1746
1746
  children: o
1747
1747
  })
1748
- }) : /* @__PURE__ */ y(Pi, {
1748
+ }) : /* @__PURE__ */ v(Pi, {
1749
1749
  open: f,
1750
1750
  onOpenChange: p,
1751
1751
  swipeDirection: "left",
1752
1752
  label: c["aria-label"],
1753
1753
  className: _(z.navbarDrawer, Si({ variant: e })),
1754
- children: /* @__PURE__ */ y(Ai.Provider, {
1754
+ children: /* @__PURE__ */ v(Ai.Provider, {
1755
1755
  value: !0,
1756
- children: /* @__PURE__ */ y("nav", {
1756
+ children: /* @__PURE__ */ v("nav", {
1757
1757
  ...c,
1758
1758
  id: d,
1759
1759
  "data-imf-ui-component": "AppShell.Navbar",
1760
1760
  className: _(z.drawerSection, c.className),
1761
- children: /* @__PURE__ */ y(Fi, { children: /* @__PURE__ */ y(Ri, {
1761
+ children: /* @__PURE__ */ v(Fi, { children: /* @__PURE__ */ v(Ri, {
1762
1762
  logo: i,
1763
1763
  account: a,
1764
1764
  closable: !0,
@@ -1775,32 +1775,32 @@ function Hi({ open: e, defaultOpen: t, onOpenChange: n, resizable: r = !0, onWid
1775
1775
  defaultOpen: t,
1776
1776
  onOpenChange: n
1777
1777
  });
1778
- return Li(l, d, e !== void 0, f), l ? /* @__PURE__ */ b("aside", {
1778
+ return Li(l, d, e !== void 0, f), l ? /* @__PURE__ */ y("aside", {
1779
1779
  ...c,
1780
1780
  "data-imf-ui-component": "AppShell.Aside",
1781
1781
  className: wi({ className: c.className }),
1782
- children: [r && /* @__PURE__ */ y(Ki, {
1782
+ children: [r && /* @__PURE__ */ v(Ki, {
1783
1783
  label: a,
1784
1784
  onWidthChange: i
1785
1785
  }), s]
1786
- }) : /* @__PURE__ */ y(Pi, {
1786
+ }) : /* @__PURE__ */ v(Pi, {
1787
1787
  open: d,
1788
1788
  onOpenChange: f,
1789
1789
  swipeDirection: u ? "right" : "down",
1790
1790
  label: c["aria-label"],
1791
1791
  className: z.asideDrawer,
1792
- children: /* @__PURE__ */ b("aside", {
1792
+ children: /* @__PURE__ */ y("aside", {
1793
1793
  ...c,
1794
1794
  "data-imf-ui-component": "AppShell.Aside",
1795
1795
  className: _(z.drawerSection, c.className),
1796
- children: [/* @__PURE__ */ y(Xr, {
1797
- render: /* @__PURE__ */ y(ht, {
1796
+ children: [/* @__PURE__ */ v(Xr, {
1797
+ render: /* @__PURE__ */ v(gt, {
1798
1798
  glyph: ae,
1799
1799
  label: o,
1800
1800
  variant: "ghost"
1801
1801
  }),
1802
1802
  className: z.asideDrawerClose
1803
- }), /* @__PURE__ */ y(Fi, {
1803
+ }), /* @__PURE__ */ v(Fi, {
1804
1804
  className: z.asideDrawerContent,
1805
1805
  children: s
1806
1806
  })]
@@ -1827,7 +1827,7 @@ function Gi(e) {
1827
1827
  };
1828
1828
  }
1829
1829
  function Ki({ label: e, onWidthChange: t }) {
1830
- let n = We(null), r = We(!1), [i, a] = S(), o = ze(() => {
1830
+ let n = Ge(null), r = Ge(!1), [i, a] = x(), o = Be(() => {
1831
1831
  let e = B(n.current);
1832
1832
  if (!e) return;
1833
1833
  let t = Math.round(e.aside.getBoundingClientRect().width);
@@ -1848,13 +1848,13 @@ function Ki({ label: e, onWidthChange: t }) {
1848
1848
  }, u = () => {
1849
1849
  B(n.current)?.root.style.removeProperty(Ui), c();
1850
1850
  };
1851
- return He(() => {
1851
+ return Ue(() => {
1852
1852
  o();
1853
1853
  let e = B(n.current)?.root;
1854
1854
  return () => {
1855
1855
  e?.style.removeProperty(Ui);
1856
1856
  };
1857
- }, [o]), /* @__PURE__ */ y("div", {
1857
+ }, [o]), /* @__PURE__ */ v("div", {
1858
1858
  ref: n,
1859
1859
  role: "separator",
1860
1860
  "aria-orientation": "vertical",
@@ -1887,7 +1887,7 @@ function Ki({ label: e, onWidthChange: t }) {
1887
1887
  });
1888
1888
  }
1889
1889
  function qi(e) {
1890
- return /* @__PURE__ */ y("footer", {
1890
+ return /* @__PURE__ */ v("footer", {
1891
1891
  ...e,
1892
1892
  "data-imf-ui-component": "AppShell.Footer",
1893
1893
  className: Ti({ className: e.className })
@@ -1895,36 +1895,36 @@ function qi(e) {
1895
1895
  }
1896
1896
  qi.displayName = "AppShell.Footer";
1897
1897
  function Ji({ children: e, ...t }) {
1898
- return /* @__PURE__ */ b(Te, {
1898
+ return /* @__PURE__ */ y(Te, {
1899
1899
  className: Ei(),
1900
1900
  children: [
1901
- /* @__PURE__ */ y(ke, {
1902
- render: /* @__PURE__ */ y("main", {
1901
+ /* @__PURE__ */ v(ke, {
1902
+ render: /* @__PURE__ */ v("main", {
1903
1903
  role: "main",
1904
1904
  ...t,
1905
1905
  "data-imf-ui-component": "AppShell.Main",
1906
1906
  className: t.className
1907
1907
  }),
1908
- children: /* @__PURE__ */ y(Ee, {
1908
+ children: /* @__PURE__ */ v(Ee, {
1909
1909
  className: z.mainContent,
1910
1910
  children: e
1911
1911
  })
1912
1912
  }),
1913
- /* @__PURE__ */ y(Ce, {
1913
+ /* @__PURE__ */ v(Ce, {
1914
1914
  orientation: "vertical",
1915
- children: /* @__PURE__ */ y(De, {})
1915
+ children: /* @__PURE__ */ v(De, {})
1916
1916
  }),
1917
- /* @__PURE__ */ y(Ce, {
1917
+ /* @__PURE__ */ v(Ce, {
1918
1918
  orientation: "horizontal",
1919
- children: /* @__PURE__ */ y(De, {})
1919
+ children: /* @__PURE__ */ v(De, {})
1920
1920
  }),
1921
- /* @__PURE__ */ y(Oe, {})
1921
+ /* @__PURE__ */ v(Oe, {})
1922
1922
  ]
1923
1923
  });
1924
1924
  }
1925
1925
  Ji.displayName = "AppShell.Main";
1926
1926
  function Yi({ grow: e, ...t }) {
1927
- return /* @__PURE__ */ y("div", {
1927
+ return /* @__PURE__ */ v("div", {
1928
1928
  ...t,
1929
1929
  "data-imf-ui-component": "AppShell.Section",
1930
1930
  "data-grow": e ? "" : void 0,
@@ -1933,8 +1933,8 @@ function Yi({ grow: e, ...t }) {
1933
1933
  }
1934
1934
  Yi.displayName = "AppShell.Section";
1935
1935
  function Xi({ className: e }) {
1936
- let t = x(ki).sections.navbar, n = x(Ai);
1937
- return t ? /* @__PURE__ */ y(Me, {
1936
+ let t = b(ki).sections.navbar, n = b(Ai);
1937
+ return t ? /* @__PURE__ */ v(Me, {
1938
1938
  onClick: () => t.onOpenChange(!t.open),
1939
1939
  "aria-expanded": t.open,
1940
1940
  "aria-controls": t.id,
@@ -1943,25 +1943,25 @@ function Xi({ className: e }) {
1943
1943
  "data-opened": t.open ? "" : void 0,
1944
1944
  "data-behind-drawer": t.open && !n ? "" : void 0,
1945
1945
  className: _(z.burger, e),
1946
- children: /* @__PURE__ */ b("svg", {
1946
+ children: /* @__PURE__ */ y("svg", {
1947
1947
  className: z.burgerIcon,
1948
1948
  viewBox: "0 0 24 18",
1949
1949
  "aria-hidden": "true",
1950
1950
  focusable: "false",
1951
1951
  children: [
1952
- /* @__PURE__ */ y("rect", {
1952
+ /* @__PURE__ */ v("rect", {
1953
1953
  className: z.burgerBand,
1954
1954
  width: "24",
1955
1955
  height: "3",
1956
1956
  y: "0"
1957
1957
  }),
1958
- /* @__PURE__ */ y("rect", {
1958
+ /* @__PURE__ */ v("rect", {
1959
1959
  className: z.burgerBand,
1960
1960
  width: "24",
1961
1961
  height: "3",
1962
1962
  y: "7.5"
1963
1963
  }),
1964
- /* @__PURE__ */ y("rect", {
1964
+ /* @__PURE__ */ v("rect", {
1965
1965
  className: z.burgerBand,
1966
1966
  width: "24",
1967
1967
  height: "3",
@@ -1972,28 +1972,28 @@ function Xi({ className: e }) {
1972
1972
  }) : null;
1973
1973
  }
1974
1974
  function Zi({ icon: e, description: t, children: n, render: r, onClick: i, ...a }) {
1975
- let { sections: o } = x(ki), s = x(Ai);
1975
+ let { sections: o } = b(ki), s = b(Ai);
1976
1976
  function c(e) {
1977
1977
  if (i?.(e), e.defaultPrevented) return;
1978
1978
  let t = e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
1979
1979
  s && t && o.navbar?.onOpenChange(!1);
1980
1980
  }
1981
- return T({
1981
+ return w({
1982
1982
  defaultTagName: "a",
1983
1983
  render: r,
1984
1984
  props: {
1985
- ...w(a, {
1985
+ ...C(a, {
1986
1986
  onClick: c,
1987
1987
  className: z.navItem,
1988
- children: /* @__PURE__ */ b(v, { children: [e && /* @__PURE__ */ y("span", {
1988
+ children: /* @__PURE__ */ y(Fe, { children: [e && /* @__PURE__ */ v("span", {
1989
1989
  className: z.navItemIcon,
1990
1990
  children: e
1991
- }), /* @__PURE__ */ b("span", {
1991
+ }), /* @__PURE__ */ y("span", {
1992
1992
  className: z.navItemText,
1993
- children: [/* @__PURE__ */ y("span", {
1993
+ children: [/* @__PURE__ */ v("span", {
1994
1994
  className: z.navItemLabel,
1995
1995
  children: n
1996
- }), t && /* @__PURE__ */ y("span", {
1996
+ }), t && /* @__PURE__ */ v("span", {
1997
1997
  className: z.navItemDescription,
1998
1998
  children: t
1999
1999
  })]
@@ -2087,7 +2087,7 @@ var Qi = {
2087
2087
  } });
2088
2088
  function na({ density: e = "comfortable", variant: t = "main", shadow: n = "lg", radius: r = "brand", orientation: i = "vertical", withBorder: a = !0, ...o }) {
2089
2089
  let s = a && t !== "primary" && t !== "brand";
2090
- return /* @__PURE__ */ y("div", {
2090
+ return /* @__PURE__ */ v("div", {
2091
2091
  ...o,
2092
2092
  "data-imf-ui-component": "Card.Root",
2093
2093
  "data-with-border": s ? "" : void 0,
@@ -2103,7 +2103,7 @@ function na({ density: e = "comfortable", variant: t = "main", shadow: n = "lg",
2103
2103
  }
2104
2104
  na.displayName = "Card.Root";
2105
2105
  function ra({ alt: e = "", aspectRatio: t = 16 / 10, style: n, ...r }) {
2106
- return /* @__PURE__ */ y("img", {
2106
+ return /* @__PURE__ */ v("img", {
2107
2107
  ...r,
2108
2108
  alt: e,
2109
2109
  "data-imf-ui-component": "Card.Image",
@@ -2122,7 +2122,7 @@ var ia = g(V.status, { variants: { variant: {
2122
2122
  negative: V.statusNegative
2123
2123
  } } });
2124
2124
  function aa({ variant: e = "info", children: t, ...n }) {
2125
- return /* @__PURE__ */ y("div", {
2125
+ return /* @__PURE__ */ v("div", {
2126
2126
  ...n,
2127
2127
  "aria-hidden": !0,
2128
2128
  "data-imf-ui-component": "Card.Status",
@@ -2130,7 +2130,7 @@ function aa({ variant: e = "info", children: t, ...n }) {
2130
2130
  variant: e,
2131
2131
  className: n.className
2132
2132
  }),
2133
- children: t ?? /* @__PURE__ */ y(m, {
2133
+ children: t ?? /* @__PURE__ */ v(m, {
2134
2134
  glyph: $i[e ?? "info"],
2135
2135
  className: V.statusGlyph
2136
2136
  })
@@ -2138,7 +2138,7 @@ function aa({ variant: e = "info", children: t, ...n }) {
2138
2138
  }
2139
2139
  aa.displayName = "Card.Status";
2140
2140
  function oa(e) {
2141
- return /* @__PURE__ */ y("div", {
2141
+ return /* @__PURE__ */ v("div", {
2142
2142
  ...e,
2143
2143
  "data-imf-ui-component": "Card.Header",
2144
2144
  className: g(V.header)({ className: e.className })
@@ -2146,7 +2146,7 @@ function oa(e) {
2146
2146
  }
2147
2147
  oa.displayName = "Card.Header";
2148
2148
  function sa(e) {
2149
- return /* @__PURE__ */ y("div", {
2149
+ return /* @__PURE__ */ v("div", {
2150
2150
  ...e,
2151
2151
  "data-imf-ui-component": "Card.Content",
2152
2152
  className: g(V.content)({ className: e.className })
@@ -2154,7 +2154,7 @@ function sa(e) {
2154
2154
  }
2155
2155
  sa.displayName = "Card.Content";
2156
2156
  function ca(e) {
2157
- return /* @__PURE__ */ y("div", {
2157
+ return /* @__PURE__ */ v("div", {
2158
2158
  ...e,
2159
2159
  "data-imf-ui-component": "Card.Footer",
2160
2160
  className: g(V.footer)({ className: e.className })
@@ -2241,11 +2241,11 @@ var la = {
2241
2241
  strong: H.weightStrong
2242
2242
  } } });
2243
2243
  function da({ variant: e = "primary", fadeAfterFirstLine: t = !0, render: n, ...r }) {
2244
- return T({
2244
+ return w({
2245
2245
  defaultTagName: "h1",
2246
2246
  render: n,
2247
2247
  props: {
2248
- ...w(r, { className: U({
2248
+ ...C(r, { className: U({
2249
2249
  variant: e,
2250
2250
  className: _(H.hero, t && H.fadeAfterFirstLine)
2251
2251
  }) }),
@@ -2255,11 +2255,11 @@ function da({ variant: e = "primary", fadeAfterFirstLine: t = !0, render: n, ...
2255
2255
  }
2256
2256
  da.displayName = "Typo.Hero";
2257
2257
  function fa({ variant: e = "primary", fadeAfterFirstLine: t = !0, render: n, ...r }) {
2258
- return T({
2258
+ return w({
2259
2259
  defaultTagName: "h1",
2260
2260
  render: n,
2261
2261
  props: {
2262
- ...w(r, { className: U({
2262
+ ...C(r, { className: U({
2263
2263
  variant: e,
2264
2264
  className: _(H.h1, t && H.fadeAfterFirstLine)
2265
2265
  }) }),
@@ -2269,11 +2269,11 @@ function fa({ variant: e = "primary", fadeAfterFirstLine: t = !0, render: n, ...
2269
2269
  }
2270
2270
  fa.displayName = "Typo.H1";
2271
2271
  function pa({ variant: e = "primary", fadeAfterFirstLine: t = !0, render: n, ...r }) {
2272
- return T({
2272
+ return w({
2273
2273
  defaultTagName: "h2",
2274
2274
  render: n,
2275
2275
  props: {
2276
- ...w(r, { className: U({
2276
+ ...C(r, { className: U({
2277
2277
  variant: e,
2278
2278
  className: _(H.h2, t && H.fadeAfterFirstLine)
2279
2279
  }) }),
@@ -2283,11 +2283,11 @@ function pa({ variant: e = "primary", fadeAfterFirstLine: t = !0, render: n, ...
2283
2283
  }
2284
2284
  pa.displayName = "Typo.H2";
2285
2285
  function ma({ variant: e = "main", render: t, ...n }) {
2286
- return T({
2286
+ return w({
2287
2287
  defaultTagName: "h3",
2288
2288
  render: t,
2289
2289
  props: {
2290
- ...w(n, { className: U({
2290
+ ...C(n, { className: U({
2291
2291
  variant: e,
2292
2292
  className: H.h3
2293
2293
  }) }),
@@ -2297,11 +2297,11 @@ function ma({ variant: e = "main", render: t, ...n }) {
2297
2297
  }
2298
2298
  ma.displayName = "Typo.H3";
2299
2299
  function ha({ variant: e = "main", render: t, ...n }) {
2300
- return T({
2300
+ return w({
2301
2301
  defaultTagName: "h4",
2302
2302
  render: t,
2303
2303
  props: {
2304
- ...w(n, { className: U({
2304
+ ...C(n, { className: U({
2305
2305
  variant: e,
2306
2306
  className: H.h4
2307
2307
  }) }),
@@ -2311,11 +2311,11 @@ function ha({ variant: e = "main", render: t, ...n }) {
2311
2311
  }
2312
2312
  ha.displayName = "Typo.H4";
2313
2313
  function ga({ variant: e = "main", weight: t, render: n, ...r }) {
2314
- return T({
2314
+ return w({
2315
2315
  defaultTagName: "p",
2316
2316
  render: n,
2317
2317
  props: {
2318
- ...w(r, { className: U({
2318
+ ...C(r, { className: U({
2319
2319
  variant: e,
2320
2320
  className: _(H.p, W({ weight: t }))
2321
2321
  }) }),
@@ -2325,11 +2325,11 @@ function ga({ variant: e = "main", weight: t, render: n, ...r }) {
2325
2325
  }
2326
2326
  ga.displayName = "Typo.P";
2327
2327
  function _a({ variant: e = "main", weight: t, render: n, ...r }) {
2328
- return T({
2328
+ return w({
2329
2329
  defaultTagName: "p",
2330
2330
  render: n,
2331
2331
  props: {
2332
- ...w(r, { className: U({
2332
+ ...C(r, { className: U({
2333
2333
  variant: e,
2334
2334
  className: _(H.lead, W({ weight: t }))
2335
2335
  }) }),
@@ -2339,11 +2339,11 @@ function _a({ variant: e = "main", weight: t, render: n, ...r }) {
2339
2339
  }
2340
2340
  _a.displayName = "Typo.Lead";
2341
2341
  function va({ variant: e = "main", weight: t, render: n, ...r }) {
2342
- return T({
2342
+ return w({
2343
2343
  defaultTagName: "p",
2344
2344
  render: n,
2345
2345
  props: {
2346
- ...w(r, { className: U({
2346
+ ...C(r, { className: U({
2347
2347
  variant: e,
2348
2348
  className: _(H.detail, W({ weight: t }))
2349
2349
  }) }),
@@ -2353,11 +2353,11 @@ function va({ variant: e = "main", weight: t, render: n, ...r }) {
2353
2353
  }
2354
2354
  va.displayName = "Typo.Detail";
2355
2355
  function ya({ variant: e = "minor", weight: t, render: n, ...r }) {
2356
- return T({
2356
+ return w({
2357
2357
  defaultTagName: "small",
2358
2358
  render: n,
2359
2359
  props: {
2360
- ...w(r, { className: U({
2360
+ ...C(r, { className: U({
2361
2361
  variant: e,
2362
2362
  className: _(H.small, W({ weight: t }))
2363
2363
  }) }),
@@ -2367,11 +2367,11 @@ function ya({ variant: e = "minor", weight: t, render: n, ...r }) {
2367
2367
  }
2368
2368
  ya.displayName = "Typo.Small";
2369
2369
  function ba({ variant: e = "support", render: t, ...n }) {
2370
- return T({
2370
+ return w({
2371
2371
  defaultTagName: "p",
2372
2372
  render: t,
2373
2373
  props: {
2374
- ...w(n, { className: U({
2374
+ ...C(n, { className: U({
2375
2375
  variant: e,
2376
2376
  className: H.eyebrow
2377
2377
  }) }),
@@ -2381,11 +2381,11 @@ function ba({ variant: e = "support", render: t, ...n }) {
2381
2381
  }
2382
2382
  ba.displayName = "Typo.Eyebrow";
2383
2383
  function xa({ variant: e = "support", weight: t, render: n, ...r }) {
2384
- return T({
2384
+ return w({
2385
2385
  defaultTagName: "blockquote",
2386
2386
  render: n,
2387
2387
  props: {
2388
- ...w(r, { className: U({
2388
+ ...C(r, { className: U({
2389
2389
  variant: e,
2390
2390
  className: _(H.blockquote, W({ weight: t }))
2391
2391
  }) }),
@@ -2395,15 +2395,15 @@ function xa({ variant: e = "support", weight: t, render: n, ...r }) {
2395
2395
  }
2396
2396
  xa.displayName = "Typo.Blockquote";
2397
2397
  function Sa(e) {
2398
- return /* @__PURE__ */ y(be, { ...e });
2398
+ return /* @__PURE__ */ v(be, { ...e });
2399
2399
  }
2400
2400
  Sa.displayName = "Typo.InlineCode";
2401
2401
  function Ca({ variant: e = "oncolor", weight: t, render: n, ...r }) {
2402
- return T({
2402
+ return w({
2403
2403
  defaultTagName: "mark",
2404
2404
  render: n,
2405
2405
  props: {
2406
- ...w(r, { className: U({
2406
+ ...C(r, { className: U({
2407
2407
  variant: e,
2408
2408
  className: _(H.highlight, W({ weight: t }))
2409
2409
  }) }),
@@ -2413,11 +2413,11 @@ function Ca({ variant: e = "oncolor", weight: t, render: n, ...r }) {
2413
2413
  }
2414
2414
  Ca.displayName = "Typo.Highlight";
2415
2415
  function wa({ variant: e = "primary", weight: t, kind: n = "external", render: r, ...i }) {
2416
- return T({
2416
+ return w({
2417
2417
  defaultTagName: "a",
2418
2418
  render: r,
2419
2419
  props: {
2420
- ...w(n === "external" ? {
2420
+ ...C(n === "external" ? {
2421
2421
  target: "_blank",
2422
2422
  rel: "noreferrer"
2423
2423
  } : {}, i, {
@@ -2434,11 +2434,11 @@ function wa({ variant: e = "primary", weight: t, kind: n = "external", render: r
2434
2434
  }
2435
2435
  wa.displayName = "Typo.Link";
2436
2436
  function Ta({ variant: e = "main", weight: t, render: n, ...r }) {
2437
- return T({
2437
+ return w({
2438
2438
  defaultTagName: "ol",
2439
2439
  render: n,
2440
2440
  props: {
2441
- ...w(r, { className: U({
2441
+ ...C(r, { className: U({
2442
2442
  variant: e,
2443
2443
  className: _(H.orderedList, W({ weight: t }))
2444
2444
  }) }),
@@ -2448,11 +2448,11 @@ function Ta({ variant: e = "main", weight: t, render: n, ...r }) {
2448
2448
  }
2449
2449
  Ta.displayName = "Typo.OrderedList";
2450
2450
  function Ea({ variant: e = "main", weight: t, render: n, ...r }) {
2451
- return T({
2451
+ return w({
2452
2452
  defaultTagName: "ul",
2453
2453
  render: n,
2454
2454
  props: {
2455
- ...w({ role: "list" }, r, { className: U({
2455
+ ...C({ role: "list" }, r, { className: U({
2456
2456
  variant: e,
2457
2457
  className: _(H.unorderedList, W({ weight: t }))
2458
2458
  }) }),
@@ -2514,7 +2514,7 @@ var Da = {
2514
2514
  Trigger: () => Wa,
2515
2515
  Viewport: () => qa,
2516
2516
  createHandle: () => Ha
2517
- }), ka = Le(void 0), Aa = g(G.trigger, { variants: { inline: { true: G.triggerInline } } }), ja = g(G.backdrop), Ma = g(G.viewport), Na = g(G.popup, { variants: { size: {
2517
+ }), ka = Re(void 0), Aa = g(G.trigger, { variants: { inline: { true: G.triggerInline } } }), ja = g(G.backdrop), Ma = g(G.viewport), Na = g(G.popup, { variants: { size: {
2518
2518
  sm: G.sizeSm,
2519
2519
  md: G.sizeMd,
2520
2520
  lg: G.sizeLg,
@@ -2529,13 +2529,13 @@ var Da = {
2529
2529
  positive: G.statusPositive,
2530
2530
  warning: G.statusWarning,
2531
2531
  negative: G.statusNegative
2532
- } } }), Ia = g(G.body), La = g(G.bodyContent), Ra = g(G.footer), za = g(G.title), Ba = g(G.description), Va = g(G.close), Ha = D.createHandle;
2532
+ } } }), Ia = g(G.body), La = g(G.bodyContent), Ra = g(G.footer), za = g(G.title), Ba = g(G.description), Va = g(G.close), Ha = E.createHandle;
2533
2533
  function Ua(e) {
2534
- return /* @__PURE__ */ y(D.Root, { ...e });
2534
+ return /* @__PURE__ */ v(E.Root, { ...e });
2535
2535
  }
2536
2536
  Ua.displayName = "Dialog.Root";
2537
2537
  function Wa({ inline: e = !1, ...n }) {
2538
- return /* @__PURE__ */ y(D.Trigger, {
2538
+ return /* @__PURE__ */ v(E.Trigger, {
2539
2539
  ...n,
2540
2540
  "data-imf-ui-component": "Dialog.Trigger",
2541
2541
  className: (r) => Aa({
@@ -2546,11 +2546,11 @@ function Wa({ inline: e = !1, ...n }) {
2546
2546
  }
2547
2547
  Wa.displayName = "Dialog.Trigger";
2548
2548
  function Ga(e) {
2549
- return /* @__PURE__ */ y(D.Portal, { ...e });
2549
+ return /* @__PURE__ */ v(E.Portal, { ...e });
2550
2550
  }
2551
2551
  Ga.displayName = "Dialog.Portal";
2552
2552
  function Ka(e) {
2553
- return /* @__PURE__ */ y(D.Backdrop, {
2553
+ return /* @__PURE__ */ v(E.Backdrop, {
2554
2554
  ...e,
2555
2555
  "data-imf-ui-component": "Dialog.Backdrop",
2556
2556
  className: (n) => ja({ className: t(e.className, n) })
@@ -2558,7 +2558,7 @@ function Ka(e) {
2558
2558
  }
2559
2559
  Ka.displayName = "Dialog.Backdrop";
2560
2560
  function qa(e) {
2561
- return /* @__PURE__ */ y(D.Viewport, {
2561
+ return /* @__PURE__ */ v(E.Viewport, {
2562
2562
  ...e,
2563
2563
  "data-imf-ui-component": "Dialog.Viewport",
2564
2564
  className: (n) => Ma({ className: t(e.className, n) })
@@ -2566,14 +2566,14 @@ function qa(e) {
2566
2566
  }
2567
2567
  qa.displayName = "Dialog.Viewport";
2568
2568
  function Ja({ size: e = "md", ...n }) {
2569
- return /* @__PURE__ */ y(D.Popup, {
2569
+ return /* @__PURE__ */ v(E.Popup, {
2570
2570
  ...n,
2571
2571
  "data-imf-ui-component": "Dialog.Popup",
2572
2572
  className: (r) => Na({
2573
2573
  size: e,
2574
2574
  className: t(n.className, r)
2575
2575
  }),
2576
- children: /* @__PURE__ */ y(ka.Provider, {
2576
+ children: /* @__PURE__ */ v(ka.Provider, {
2577
2577
  value: void 0,
2578
2578
  children: n.children
2579
2579
  })
@@ -2581,9 +2581,9 @@ function Ja({ size: e = "md", ...n }) {
2581
2581
  }
2582
2582
  Ja.displayName = "Dialog.Popup";
2583
2583
  function Ya({ variant: e = "main", ...t }) {
2584
- return /* @__PURE__ */ y(ka.Provider, {
2584
+ return /* @__PURE__ */ v(ka.Provider, {
2585
2585
  value: e,
2586
- children: /* @__PURE__ */ y("div", {
2586
+ children: /* @__PURE__ */ v("div", {
2587
2587
  ...t,
2588
2588
  "data-imf-ui-component": "Dialog.Header",
2589
2589
  className: Pa({
@@ -2595,11 +2595,11 @@ function Ya({ variant: e = "main", ...t }) {
2595
2595
  }
2596
2596
  Ya.displayName = "Dialog.Header";
2597
2597
  function Xa({ children: e, ...n }) {
2598
- return /* @__PURE__ */ y(Ae, {
2599
- render: /* @__PURE__ */ y("div", { "data-imf-ui-component": "Dialog.Body" }),
2598
+ return /* @__PURE__ */ v(Ae, {
2599
+ render: /* @__PURE__ */ v("div", { "data-imf-ui-component": "Dialog.Body" }),
2600
2600
  ...n,
2601
2601
  className: (e) => Ia({ className: t(n.className, e) }),
2602
- children: /* @__PURE__ */ y("div", {
2602
+ children: /* @__PURE__ */ v("div", {
2603
2603
  className: La(),
2604
2604
  children: e
2605
2605
  })
@@ -2607,7 +2607,7 @@ function Xa({ children: e, ...n }) {
2607
2607
  }
2608
2608
  Xa.displayName = "Dialog.Body";
2609
2609
  function Za(e) {
2610
- return /* @__PURE__ */ y("div", {
2610
+ return /* @__PURE__ */ v("div", {
2611
2611
  ...e,
2612
2612
  "data-imf-ui-component": "Dialog.Footer",
2613
2613
  className: Ra({ className: e.className })
@@ -2615,7 +2615,7 @@ function Za(e) {
2615
2615
  }
2616
2616
  Za.displayName = "Dialog.Footer";
2617
2617
  function Qa({ variant: e = "info", children: t, ...n }) {
2618
- return /* @__PURE__ */ y("div", {
2618
+ return /* @__PURE__ */ v("div", {
2619
2619
  ...n,
2620
2620
  "aria-hidden": !0,
2621
2621
  "data-imf-ui-component": "Dialog.Status",
@@ -2623,7 +2623,7 @@ function Qa({ variant: e = "info", children: t, ...n }) {
2623
2623
  variant: e,
2624
2624
  className: n.className
2625
2625
  }),
2626
- children: t ?? /* @__PURE__ */ y(m, {
2626
+ children: t ?? /* @__PURE__ */ v(m, {
2627
2627
  glyph: $i[e ?? "info"],
2628
2628
  className: G.statusGlyph
2629
2629
  })
@@ -2631,9 +2631,9 @@ function Qa({ variant: e = "info", children: t, ...n }) {
2631
2631
  }
2632
2632
  Qa.displayName = "Dialog.Status";
2633
2633
  function $a(e) {
2634
- let n = x(ka);
2635
- return /* @__PURE__ */ y(D.Title, {
2636
- render: /* @__PURE__ */ y(pa, {
2634
+ let n = b(ka);
2635
+ return /* @__PURE__ */ v(E.Title, {
2636
+ render: /* @__PURE__ */ v(pa, {
2637
2637
  variant: n === "primary" ? "oncolor" : "primary",
2638
2638
  fadeAfterFirstLine: !1
2639
2639
  }),
@@ -2643,19 +2643,19 @@ function $a(e) {
2643
2643
  }
2644
2644
  $a.displayName = "Dialog.Title";
2645
2645
  function eo(e) {
2646
- let n = x(ka);
2647
- return /* @__PURE__ */ y(D.Description, {
2648
- render: /* @__PURE__ */ y(ga, { variant: n === "primary" ? "oncolor" : "support" }),
2646
+ let n = b(ka);
2647
+ return /* @__PURE__ */ v(E.Description, {
2648
+ render: /* @__PURE__ */ v(ga, { variant: n === "primary" ? "oncolor" : "support" }),
2649
2649
  ...e,
2650
2650
  className: (n) => Ba({ className: t(e.className, n) })
2651
2651
  });
2652
2652
  }
2653
2653
  eo.displayName = "Dialog.Description";
2654
2654
  function to(e) {
2655
- let n = x(ka), r = e.children == null && e.render == null;
2656
- return /* @__PURE__ */ y(D.Close, {
2655
+ let n = b(ka), r = e.children == null && e.render == null;
2656
+ return /* @__PURE__ */ v(E.Close, {
2657
2657
  ...e,
2658
- render: r ? /* @__PURE__ */ y(ht, {
2658
+ render: r ? /* @__PURE__ */ v(gt, {
2659
2659
  glyph: o,
2660
2660
  label: e["aria-label"] ?? "Close",
2661
2661
  variant: "ghost",
@@ -2668,45 +2668,45 @@ function to(e) {
2668
2668
  }
2669
2669
  to.displayName = "Dialog.Close";
2670
2670
  function no({ triggerNode: e, eyebrow: t, title: n, description: r, status: i, headerVariant: a, size: o, actions: s, children: c, ...l }) {
2671
- return /* @__PURE__ */ b(Ua, {
2671
+ return /* @__PURE__ */ y(Ua, {
2672
2672
  ...l,
2673
- children: [e, /* @__PURE__ */ b(Ga, { children: [/* @__PURE__ */ y(Ka, {}), /* @__PURE__ */ y(qa, { children: /* @__PURE__ */ b(Ja, {
2673
+ children: [e, /* @__PURE__ */ y(Ga, { children: [/* @__PURE__ */ v(Ka, {}), /* @__PURE__ */ v(qa, { children: /* @__PURE__ */ y(Ja, {
2674
2674
  size: o,
2675
2675
  children: [
2676
- i && /* @__PURE__ */ y(Qa, { variant: i }),
2677
- /* @__PURE__ */ b(Ya, {
2676
+ i && /* @__PURE__ */ v(Qa, { variant: i }),
2677
+ /* @__PURE__ */ y(Ya, {
2678
2678
  variant: a,
2679
2679
  children: [
2680
- t && /* @__PURE__ */ y(ba, {
2680
+ t && /* @__PURE__ */ v(ba, {
2681
2681
  variant: a === "primary" ? "oncolor" : "support",
2682
2682
  children: t
2683
2683
  }),
2684
- /* @__PURE__ */ y($a, { children: n }),
2685
- r && /* @__PURE__ */ y(eo, { children: r }),
2686
- !s && /* @__PURE__ */ y(to, {})
2684
+ /* @__PURE__ */ v($a, { children: n }),
2685
+ r && /* @__PURE__ */ v(eo, { children: r }),
2686
+ !s && /* @__PURE__ */ v(to, {})
2687
2687
  ]
2688
2688
  }),
2689
- /* @__PURE__ */ y(Xa, { children: c }),
2690
- s && /* @__PURE__ */ y(Za, { children: s })
2689
+ /* @__PURE__ */ v(Xa, { children: c }),
2690
+ s && /* @__PURE__ */ v(Za, { children: s })
2691
2691
  ]
2692
2692
  }) })] })]
2693
2693
  });
2694
2694
  }
2695
2695
  function ro({ trigger: e, headerVariant: t = "main", size: n = "md", ...r }) {
2696
- return /* @__PURE__ */ y(no, {
2696
+ return /* @__PURE__ */ v(no, {
2697
2697
  ...r,
2698
2698
  headerVariant: t,
2699
2699
  size: n,
2700
- triggerNode: e && /* @__PURE__ */ y(Wa, { render: e })
2700
+ triggerNode: e && /* @__PURE__ */ v(Wa, { render: e })
2701
2701
  });
2702
2702
  }
2703
2703
  ro.displayName = "Dialog.Simple";
2704
2704
  function io({ trigger: e, headerVariant: t = "main", size: n = "md", ...r }) {
2705
- return /* @__PURE__ */ y(no, {
2705
+ return /* @__PURE__ */ v(no, {
2706
2706
  ...r,
2707
2707
  headerVariant: t,
2708
2708
  size: n,
2709
- triggerNode: /* @__PURE__ */ y(Wa, {
2709
+ triggerNode: /* @__PURE__ */ v(Wa, {
2710
2710
  inline: !0,
2711
2711
  children: e
2712
2712
  })
@@ -2789,13 +2789,13 @@ var ao = {
2789
2789
  secondary: K.popupVariantSecondary,
2790
2790
  positive: K.popupVariantPositive,
2791
2791
  negative: K.popupVariantNegative
2792
- } } }), fo = g(K.arrow), po = g(K.viewport), mo = g(K.eyebrow), ho = g(K.title), go = g(K.description), _o = g(K.close), vo = O.createHandle;
2792
+ } } }), fo = g(K.arrow), po = g(K.viewport), mo = g(K.eyebrow), ho = g(K.title), go = g(K.description), _o = g(K.close), vo = D.createHandle;
2793
2793
  function yo(e) {
2794
- return /* @__PURE__ */ y(O.Root, { ...e });
2794
+ return /* @__PURE__ */ v(D.Root, { ...e });
2795
2795
  }
2796
2796
  yo.displayName = "Popover.Root";
2797
2797
  function bo({ variant: e = "ghost", inline: n = !1, ...r }) {
2798
- return /* @__PURE__ */ y(O.Trigger, {
2798
+ return /* @__PURE__ */ v(D.Trigger, {
2799
2799
  ...r,
2800
2800
  "data-imf-ui-component": "Popover.Trigger",
2801
2801
  className: (i) => so({
@@ -2807,11 +2807,11 @@ function bo({ variant: e = "ghost", inline: n = !1, ...r }) {
2807
2807
  }
2808
2808
  bo.displayName = "Popover.Trigger";
2809
2809
  function xo(e) {
2810
- return /* @__PURE__ */ y(O.Portal, { ...e });
2810
+ return /* @__PURE__ */ v(D.Portal, { ...e });
2811
2811
  }
2812
2812
  xo.displayName = "Popover.Portal";
2813
2813
  function So(e) {
2814
- return /* @__PURE__ */ y(O.Backdrop, {
2814
+ return /* @__PURE__ */ v(D.Backdrop, {
2815
2815
  ...e,
2816
2816
  "data-imf-ui-component": "Popover.Backdrop",
2817
2817
  className: (n) => co({ className: t(e.className, n) })
@@ -2819,7 +2819,7 @@ function So(e) {
2819
2819
  }
2820
2820
  So.displayName = "Popover.Backdrop";
2821
2821
  function Co(e) {
2822
- return /* @__PURE__ */ y(O.Positioner, {
2822
+ return /* @__PURE__ */ v(D.Positioner, {
2823
2823
  ...e,
2824
2824
  "data-imf-ui-component": "Popover.Positioner",
2825
2825
  className: (n) => lo({ className: t(e.className, n) })
@@ -2827,7 +2827,7 @@ function Co(e) {
2827
2827
  }
2828
2828
  Co.displayName = "Popover.Positioner";
2829
2829
  function wo({ variant: e, ...n }) {
2830
- return /* @__PURE__ */ y(O.Popup, {
2830
+ return /* @__PURE__ */ v(D.Popup, {
2831
2831
  ...n,
2832
2832
  "data-imf-ui-component": "Popover.Popup",
2833
2833
  className: (r) => uo({
@@ -2838,7 +2838,7 @@ function wo({ variant: e, ...n }) {
2838
2838
  }
2839
2839
  wo.displayName = "Popover.Popup";
2840
2840
  function To(e) {
2841
- return /* @__PURE__ */ y(O.Arrow, {
2841
+ return /* @__PURE__ */ v(D.Arrow, {
2842
2842
  ...e,
2843
2843
  "data-imf-ui-component": "Popover.Arrow",
2844
2844
  className: (n) => fo({ className: t(e.className, n) })
@@ -2846,7 +2846,7 @@ function To(e) {
2846
2846
  }
2847
2847
  To.displayName = "Popover.Arrow";
2848
2848
  function Eo(e) {
2849
- return /* @__PURE__ */ y(O.Viewport, {
2849
+ return /* @__PURE__ */ v(D.Viewport, {
2850
2850
  ...e,
2851
2851
  "data-imf-ui-component": "Popover.Viewport",
2852
2852
  className: (n) => po({ className: t(e.className, n) })
@@ -2854,7 +2854,7 @@ function Eo(e) {
2854
2854
  }
2855
2855
  Eo.displayName = "Popover.Viewport";
2856
2856
  function Do(e) {
2857
- return /* @__PURE__ */ y("p", {
2857
+ return /* @__PURE__ */ v("p", {
2858
2858
  ...e,
2859
2859
  "data-imf-ui-component": "Popover.Eyebrow",
2860
2860
  className: mo({ className: e.className })
@@ -2862,7 +2862,7 @@ function Do(e) {
2862
2862
  }
2863
2863
  Do.displayName = "Popover.Eyebrow";
2864
2864
  function Oo(e) {
2865
- return /* @__PURE__ */ y(O.Title, {
2865
+ return /* @__PURE__ */ v(D.Title, {
2866
2866
  ...e,
2867
2867
  "data-imf-ui-component": "Popover.Title",
2868
2868
  className: ho({ className: e.className })
@@ -2870,7 +2870,7 @@ function Oo(e) {
2870
2870
  }
2871
2871
  Oo.displayName = "Popover.Title";
2872
2872
  function ko(e) {
2873
- return /* @__PURE__ */ y(O.Description, {
2873
+ return /* @__PURE__ */ v(D.Description, {
2874
2874
  ...e,
2875
2875
  "data-imf-ui-component": "Popover.Description",
2876
2876
  className: go({ className: e.className })
@@ -2878,7 +2878,7 @@ function ko(e) {
2878
2878
  }
2879
2879
  ko.displayName = "Popover.Description";
2880
2880
  function Ao(e) {
2881
- return /* @__PURE__ */ y(O.Close, {
2881
+ return /* @__PURE__ */ v(D.Close, {
2882
2882
  ...e,
2883
2883
  "data-imf-ui-component": "Popover.Close",
2884
2884
  className: (n) => _o({ className: t(e.className, n) })
@@ -2886,15 +2886,15 @@ function Ao(e) {
2886
2886
  }
2887
2887
  Ao.displayName = "Popover.Close";
2888
2888
  function jo({ trigger: e, title: t, children: n, delay: r = 150, side: i = "top", sideOffset: a = 6 }) {
2889
- return /* @__PURE__ */ b(yo, { children: [/* @__PURE__ */ y(bo, {
2889
+ return /* @__PURE__ */ y(yo, { children: [/* @__PURE__ */ v(bo, {
2890
2890
  inline: !0,
2891
2891
  openOnHover: !0,
2892
2892
  delay: r,
2893
2893
  children: e
2894
- }), /* @__PURE__ */ y(xo, { children: /* @__PURE__ */ y(Co, {
2894
+ }), /* @__PURE__ */ v(xo, { children: /* @__PURE__ */ v(Co, {
2895
2895
  side: i,
2896
2896
  sideOffset: a,
2897
- children: /* @__PURE__ */ b(wo, { children: [t && /* @__PURE__ */ y(Oo, { children: t }), n && /* @__PURE__ */ y(ko, { children: n })] })
2897
+ children: /* @__PURE__ */ y(wo, { children: [t && /* @__PURE__ */ v(Oo, { children: t }), n && /* @__PURE__ */ v(ko, { children: n })] })
2898
2898
  }) })] });
2899
2899
  }
2900
2900
  jo.displayName = "Popover.Inline";
@@ -2914,7 +2914,7 @@ var Mo = {
2914
2914
  }
2915
2915
  }, No = g({ root: "imf-ui-prose-module-root" }.root);
2916
2916
  function Po(e) {
2917
- return /* @__PURE__ */ y("div", {
2917
+ return /* @__PURE__ */ v("div", {
2918
2918
  ...e,
2919
2919
  "data-imf-ui-component": "Prose",
2920
2920
  className: No({ className: e.className })
@@ -2990,7 +2990,7 @@ var Fo = {
2990
2990
  } });
2991
2991
  function Ho({ size: e = "md", context: n = "default", ...r }) {
2992
2992
  let i = r["aria-label"] != null || r["aria-labelledby"] != null;
2993
- return /* @__PURE__ */ y(Ze.Root, {
2993
+ return /* @__PURE__ */ v(Qe.Root, {
2994
2994
  role: i ? "img" : void 0,
2995
2995
  "aria-hidden": !i || void 0,
2996
2996
  ...r,
@@ -3004,11 +3004,11 @@ function Ho({ size: e = "md", context: n = "default", ...r }) {
3004
3004
  }
3005
3005
  Ho.displayName = "Avatar.Root";
3006
3006
  function Uo({ children: e, ...n }) {
3007
- return /* @__PURE__ */ y(Ze.Fallback, {
3007
+ return /* @__PURE__ */ v(Qe.Fallback, {
3008
3008
  ...n,
3009
3009
  "data-imf-ui-component": "Avatar.Fallback",
3010
3010
  className: (e) => g(q.fallback)({ className: t(n.className, e) }),
3011
- children: e ?? /* @__PURE__ */ y(m, {
3011
+ children: e ?? /* @__PURE__ */ v(m, {
3012
3012
  glyph: ie,
3013
3013
  className: q.glyph,
3014
3014
  "aria-hidden": !0
@@ -3017,7 +3017,7 @@ function Uo({ children: e, ...n }) {
3017
3017
  }
3018
3018
  Uo.displayName = "Avatar.Fallback";
3019
3019
  function Wo({ alt: e = "", ...n }) {
3020
- return /* @__PURE__ */ y(Ze.Image, {
3020
+ return /* @__PURE__ */ v(Qe.Image, {
3021
3021
  ...n,
3022
3022
  alt: e,
3023
3023
  "data-imf-ui-component": "Avatar.Image",
@@ -3029,7 +3029,7 @@ Wo.displayName = "Avatar.Image";
3029
3029
  //#region src/utils/break-hints.tsx
3030
3030
  var Go = /(?=@)|(?<=\.)/;
3031
3031
  function Ko(e) {
3032
- return Fe.map(e, (e) => typeof e == "string" ? e.split(Go).flatMap((e, t) => t === 0 ? [e] : [/* @__PURE__ */ y("wbr", {}, t), e]) : e);
3032
+ return Ie.map(e, (e) => typeof e == "string" ? e.split(Go).flatMap((e, t) => t === 0 ? [e] : [/* @__PURE__ */ v("wbr", {}, t), e]) : e);
3033
3033
  }
3034
3034
  var J = {
3035
3035
  action: "imf-ui-account-card-module-action",
@@ -3051,11 +3051,11 @@ var J = {
3051
3051
  }), Jo = g(J.root, { variants: { context: {
3052
3052
  default: null,
3053
3053
  oncolor: J.contextOncolor
3054
- } } }), Yo = Le("default");
3054
+ } } }), Yo = Re("default");
3055
3055
  function Xo({ context: e = "default", ...t }) {
3056
- return /* @__PURE__ */ y(Yo.Provider, {
3056
+ return /* @__PURE__ */ v(Yo.Provider, {
3057
3057
  value: e ?? "default",
3058
- children: /* @__PURE__ */ y("div", {
3058
+ children: /* @__PURE__ */ v("div", {
3059
3059
  ...t,
3060
3060
  "data-imf-ui-component": "AccountCard.Root",
3061
3061
  className: Jo({
@@ -3067,22 +3067,22 @@ function Xo({ context: e = "default", ...t }) {
3067
3067
  }
3068
3068
  Xo.displayName = "AccountCard.Root";
3069
3069
  function Zo({ src: e, size: t = "sm", children: n, ...r }) {
3070
- let i = x(Yo);
3071
- return /* @__PURE__ */ y("span", {
3070
+ let i = b(Yo);
3071
+ return /* @__PURE__ */ v("span", {
3072
3072
  ...r,
3073
3073
  "aria-hidden": !0,
3074
3074
  "data-imf-ui-component": "AccountCard.Avatar",
3075
3075
  className: _(J.avatar, r.className),
3076
- children: /* @__PURE__ */ b(Ho, {
3076
+ children: /* @__PURE__ */ y(Ho, {
3077
3077
  context: i,
3078
3078
  size: t,
3079
- children: [/* @__PURE__ */ y(Uo, { children: n }), e != null && /* @__PURE__ */ y(Wo, { src: e })]
3079
+ children: [/* @__PURE__ */ v(Uo, { children: n }), e != null && /* @__PURE__ */ v(Wo, { src: e })]
3080
3080
  })
3081
3081
  });
3082
3082
  }
3083
3083
  Zo.displayName = "AccountCard.Avatar";
3084
3084
  function Qo({ children: e, ...t }) {
3085
- return /* @__PURE__ */ y("span", {
3085
+ return /* @__PURE__ */ v("span", {
3086
3086
  ...t,
3087
3087
  "data-imf-ui-component": "AccountCard.Title",
3088
3088
  className: _(J.title, t.className),
@@ -3091,7 +3091,7 @@ function Qo({ children: e, ...t }) {
3091
3091
  }
3092
3092
  Qo.displayName = "AccountCard.Title";
3093
3093
  function $o({ children: e, ...t }) {
3094
- return /* @__PURE__ */ y("span", {
3094
+ return /* @__PURE__ */ v("span", {
3095
3095
  ...t,
3096
3096
  "data-imf-ui-component": "AccountCard.Subtitle",
3097
3097
  className: _(J.subtitle, t.className),
@@ -3100,7 +3100,7 @@ function $o({ children: e, ...t }) {
3100
3100
  }
3101
3101
  $o.displayName = "AccountCard.Subtitle";
3102
3102
  function es(e) {
3103
- return /* @__PURE__ */ y("span", {
3103
+ return /* @__PURE__ */ v("span", {
3104
3104
  ...e,
3105
3105
  "data-imf-ui-component": "AccountCard.Description",
3106
3106
  className: _(J.description, e.className)
@@ -3108,7 +3108,7 @@ function es(e) {
3108
3108
  }
3109
3109
  es.displayName = "AccountCard.Description";
3110
3110
  function ts(e) {
3111
- return /* @__PURE__ */ y("span", {
3111
+ return /* @__PURE__ */ v("span", {
3112
3112
  ...e,
3113
3113
  "data-imf-ui-component": "AccountCard.Role",
3114
3114
  className: _(J.role, e.className)
@@ -3116,7 +3116,7 @@ function ts(e) {
3116
3116
  }
3117
3117
  ts.displayName = "AccountCard.Role";
3118
3118
  function ns(e) {
3119
- return /* @__PURE__ */ y("div", {
3119
+ return /* @__PURE__ */ v("div", {
3120
3120
  ...e,
3121
3121
  "data-imf-ui-component": "AccountCard.Action",
3122
3122
  className: _(J.action, e.className)
@@ -3186,12 +3186,12 @@ var rs = {
3186
3186
  "accent-1": p,
3187
3187
  "accent-2": p,
3188
3188
  "accent-3": p
3189
- }, cs = Le("info");
3189
+ }, cs = Re("info");
3190
3190
  function ls({ variant: e = "info", maxWidth: t = "md", children: n, ...r }) {
3191
3191
  let i = e ?? "info";
3192
- return /* @__PURE__ */ y(cs.Provider, {
3192
+ return /* @__PURE__ */ v(cs.Provider, {
3193
3193
  value: i,
3194
- children: /* @__PURE__ */ y("div", {
3194
+ children: /* @__PURE__ */ v("div", {
3195
3195
  ...r,
3196
3196
  role: "note",
3197
3197
  "data-imf-ui-component": "Callout.Root",
@@ -3206,13 +3206,13 @@ function ls({ variant: e = "info", maxWidth: t = "md", children: n, ...r }) {
3206
3206
  }
3207
3207
  ls.displayName = "Callout.Root";
3208
3208
  function us({ children: e, ...t }) {
3209
- let n = ss[x(cs)];
3210
- return /* @__PURE__ */ y("span", {
3209
+ let n = ss[b(cs)];
3210
+ return /* @__PURE__ */ v("span", {
3211
3211
  ...t,
3212
3212
  "aria-hidden": !0,
3213
3213
  "data-imf-ui-component": "Callout.Icon",
3214
3214
  className: g(Y.icon)({ className: t.className }),
3215
- children: e ?? /* @__PURE__ */ y(m, {
3215
+ children: e ?? /* @__PURE__ */ v(m, {
3216
3216
  glyph: n,
3217
3217
  size: 24,
3218
3218
  strokeWidth: 2
@@ -3221,7 +3221,7 @@ function us({ children: e, ...t }) {
3221
3221
  }
3222
3222
  us.displayName = "Callout.Icon";
3223
3223
  function ds(e) {
3224
- return /* @__PURE__ */ y("div", {
3224
+ return /* @__PURE__ */ v("div", {
3225
3225
  ...e,
3226
3226
  "data-imf-ui-component": "Callout.Title",
3227
3227
  className: g(Y.title)({ className: e.className })
@@ -3229,7 +3229,7 @@ function ds(e) {
3229
3229
  }
3230
3230
  ds.displayName = "Callout.Title";
3231
3231
  function fs(e) {
3232
- return /* @__PURE__ */ y("div", {
3232
+ return /* @__PURE__ */ v("div", {
3233
3233
  ...e,
3234
3234
  "data-imf-ui-component": "Callout.Description",
3235
3235
  className: g(Y.description)({ className: e.className })
@@ -3249,17 +3249,17 @@ var ps = {
3249
3249
  //#endregion
3250
3250
  //#region src/components/chip/chip.tsx
3251
3251
  function ms({ variant: e = "minor", appearance: t = "outline", inline: n = !1, children: r, ...i }) {
3252
- return /* @__PURE__ */ y("span", {
3252
+ return /* @__PURE__ */ v("span", {
3253
3253
  ...i,
3254
3254
  "data-imf-ui-component": "Chip",
3255
- className: rt({
3255
+ className: it({
3256
3256
  variant: e,
3257
3257
  appearance: t,
3258
3258
  inline: n,
3259
3259
  className: i.className
3260
3260
  }),
3261
- children: /* @__PURE__ */ y("span", {
3262
- className: N.label,
3261
+ children: /* @__PURE__ */ v("span", {
3262
+ className: M.label,
3263
3263
  children: r
3264
3264
  })
3265
3265
  });
@@ -3288,7 +3288,7 @@ var hs = {
3288
3288
  solid: gs.variantSolid
3289
3289
  } } });
3290
3290
  function ys({ variant: e = "default", ...n }) {
3291
- return /* @__PURE__ */ y(Qe.Root, {
3291
+ return /* @__PURE__ */ v($e.Root, {
3292
3292
  ...n,
3293
3293
  "data-imf-ui-component": "Collapsible.Root",
3294
3294
  className: (r) => vs({
@@ -3300,25 +3300,25 @@ function ys({ variant: e = "default", ...n }) {
3300
3300
  ys.displayName = "Collapsible.Root";
3301
3301
  var bs = g(gs.trigger);
3302
3302
  function xs({ children: e, ...n }) {
3303
- return /* @__PURE__ */ b(Qe.Trigger, {
3303
+ return /* @__PURE__ */ y($e.Trigger, {
3304
3304
  ...n,
3305
3305
  "data-imf-ui-component": "Collapsible.Trigger",
3306
3306
  className: (e) => bs({ className: t(n.className, e) }),
3307
3307
  children: [
3308
3308
  e,
3309
- /* @__PURE__ */ y("span", {
3309
+ /* @__PURE__ */ v("span", {
3310
3310
  className: gs.iconClosed,
3311
3311
  "aria-hidden": !0,
3312
- children: /* @__PURE__ */ y(m, {
3312
+ children: /* @__PURE__ */ v(m, {
3313
3313
  glyph: re,
3314
3314
  size: 16,
3315
3315
  strokeWidth: 1.5
3316
3316
  })
3317
3317
  }),
3318
- /* @__PURE__ */ y("span", {
3318
+ /* @__PURE__ */ v("span", {
3319
3319
  className: gs.iconOpen,
3320
3320
  "aria-hidden": !0,
3321
- children: /* @__PURE__ */ y(m, {
3321
+ children: /* @__PURE__ */ v(m, {
3322
3322
  glyph: l,
3323
3323
  size: 16,
3324
3324
  strokeWidth: 1.5
@@ -3330,7 +3330,7 @@ function xs({ children: e, ...n }) {
3330
3330
  xs.displayName = "Collapsible.Trigger";
3331
3331
  var Ss = g(gs.panel);
3332
3332
  function Cs(e) {
3333
- return /* @__PURE__ */ y(Qe.Panel, {
3333
+ return /* @__PURE__ */ v($e.Panel, {
3334
3334
  ...e,
3335
3335
  "data-imf-ui-component": "Collapsible.Panel",
3336
3336
  className: (n) => Ss({ className: t(e.className, n) })
@@ -3365,7 +3365,7 @@ var ws = {
3365
3365
  Value: () => Ps
3366
3366
  }), Ds = g(Ts.root), Os = g(Ts.label), ks = g(Ts.value), As = g(Ts.track), js = g(Ts.indicator);
3367
3367
  function Ms({ min: e = 0, max: n = 100, ...r }) {
3368
- return /* @__PURE__ */ y($e.Root, {
3368
+ return /* @__PURE__ */ v(et.Root, {
3369
3369
  ...r,
3370
3370
  "data-imf-ui-component": "Meter.Root",
3371
3371
  className: (e) => Ds({ className: t(r.className, e) }),
@@ -3375,7 +3375,7 @@ function Ms({ min: e = 0, max: n = 100, ...r }) {
3375
3375
  }
3376
3376
  Ms.displayName = "Meter.Root";
3377
3377
  function Ns(e) {
3378
- return /* @__PURE__ */ y($e.Label, {
3378
+ return /* @__PURE__ */ v(et.Label, {
3379
3379
  ...e,
3380
3380
  "data-imf-ui-component": "Meter.Label",
3381
3381
  className: (n) => Os({ className: t(e.className, n) })
@@ -3383,7 +3383,7 @@ function Ns(e) {
3383
3383
  }
3384
3384
  Ns.displayName = "Meter.Label";
3385
3385
  function Ps(e) {
3386
- return /* @__PURE__ */ y($e.Value, {
3386
+ return /* @__PURE__ */ v(et.Value, {
3387
3387
  ...e,
3388
3388
  "data-imf-ui-component": "Meter.Value",
3389
3389
  className: (n) => ks({ className: t(e.className, n) })
@@ -3391,7 +3391,7 @@ function Ps(e) {
3391
3391
  }
3392
3392
  Ps.displayName = "Meter.Value";
3393
3393
  function Fs(e) {
3394
- return /* @__PURE__ */ y($e.Track, {
3394
+ return /* @__PURE__ */ v(et.Track, {
3395
3395
  ...e,
3396
3396
  "data-imf-ui-component": "Meter.Track",
3397
3397
  className: (n) => As({ className: t(e.className, n) })
@@ -3399,7 +3399,7 @@ function Fs(e) {
3399
3399
  }
3400
3400
  Fs.displayName = "Meter.Track";
3401
3401
  function Is(e) {
3402
- return /* @__PURE__ */ y($e.Indicator, {
3402
+ return /* @__PURE__ */ v(et.Indicator, {
3403
3403
  ...e,
3404
3404
  "data-imf-ui-component": "Meter.Indicator",
3405
3405
  className: (n) => js({ className: t(e.className, n) })
@@ -3429,7 +3429,7 @@ var Ls = {
3429
3429
  viewport: "imf-ui-navigation-menu-structure-module-viewport"
3430
3430
  }, Bs = g(Rs.root), Vs = g(Rs.list), Hs = g(Rs.item), Us = g(zs.content), Ws = g(zs.viewport);
3431
3431
  function Gs({ orientation: e = "horizontal", className: n, ...r }) {
3432
- return /* @__PURE__ */ y(k.Root, {
3432
+ return /* @__PURE__ */ v(O.Root, {
3433
3433
  ...r,
3434
3434
  orientation: e,
3435
3435
  "data-imf-ui-component": "NavigationMenu.Root",
@@ -3439,7 +3439,7 @@ function Gs({ orientation: e = "horizontal", className: n, ...r }) {
3439
3439
  }
3440
3440
  Gs.displayName = "NavigationMenu.Root";
3441
3441
  function Ks(e) {
3442
- return /* @__PURE__ */ y(k.List, {
3442
+ return /* @__PURE__ */ v(O.List, {
3443
3443
  ...e,
3444
3444
  "data-imf-ui-component": "NavigationMenu.List",
3445
3445
  className: (n) => Vs({ className: t(e.className, n) })
@@ -3447,7 +3447,7 @@ function Ks(e) {
3447
3447
  }
3448
3448
  Ks.displayName = "NavigationMenu.List";
3449
3449
  function qs(e) {
3450
- return /* @__PURE__ */ y(k.Item, {
3450
+ return /* @__PURE__ */ v(O.Item, {
3451
3451
  ...e,
3452
3452
  "data-imf-ui-component": "NavigationMenu.Item",
3453
3453
  className: (n) => Hs({ className: t(e.className, n) })
@@ -3455,7 +3455,7 @@ function qs(e) {
3455
3455
  }
3456
3456
  qs.displayName = "NavigationMenu.Item";
3457
3457
  function Js(e) {
3458
- return /* @__PURE__ */ y(k.Content, {
3458
+ return /* @__PURE__ */ v(O.Content, {
3459
3459
  ...e,
3460
3460
  "data-imf-ui-component": "NavigationMenu.Content",
3461
3461
  className: (n) => Us({ className: t(e.className, n) })
@@ -3463,7 +3463,7 @@ function Js(e) {
3463
3463
  }
3464
3464
  Js.displayName = "NavigationMenu.Content";
3465
3465
  function Ys(e) {
3466
- return /* @__PURE__ */ y(k.Viewport, {
3466
+ return /* @__PURE__ */ v(O.Viewport, {
3467
3467
  ...e,
3468
3468
  "data-imf-ui-component": "NavigationMenu.Viewport",
3469
3469
  className: (n) => Ws({ className: t(e.className, n) })
@@ -3475,13 +3475,13 @@ var Xs = {
3475
3475
  trigger: "imf-ui-navigation-menu-trigger-module-trigger"
3476
3476
  }, Zs = g(Xs.trigger), Qs = g(Xs.icon);
3477
3477
  function $s({ active: e = !1, hideChevron: n = !1, nested: r = !1, children: i, ...a }) {
3478
- return /* @__PURE__ */ b(k.Trigger, {
3478
+ return /* @__PURE__ */ y(O.Trigger, {
3479
3479
  ...a,
3480
3480
  "data-imf-ui-component": "NavigationMenu.Trigger",
3481
3481
  "data-active": e ? "" : void 0,
3482
3482
  "data-nested": r ? "" : void 0,
3483
3483
  className: (e) => Zs({ className: t(a.className, e) }),
3484
- children: [i, !n && /* @__PURE__ */ y(ec, { children: /* @__PURE__ */ y(m, {
3484
+ children: [i, !n && /* @__PURE__ */ v(ec, { children: /* @__PURE__ */ v(m, {
3485
3485
  glyph: re,
3486
3486
  size: 14
3487
3487
  }) })]
@@ -3489,7 +3489,7 @@ function $s({ active: e = !1, hideChevron: n = !1, nested: r = !1, children: i,
3489
3489
  }
3490
3490
  $s.displayName = "NavigationMenu.Trigger";
3491
3491
  function ec(e) {
3492
- return /* @__PURE__ */ y(k.Icon, {
3492
+ return /* @__PURE__ */ v(O.Icon, {
3493
3493
  ...e,
3494
3494
  "data-imf-ui-component": "NavigationMenu.Icon",
3495
3495
  className: (n) => Qs({ className: t(e.className, n) })
@@ -3503,11 +3503,11 @@ var tc = {
3503
3503
  positioner: "imf-ui-navigation-menu-overlay-module-positioner"
3504
3504
  }, nc = g(tc.positioner), rc = g(tc.popup), ic = g(tc.arrow), ac = g(tc.backdrop);
3505
3505
  function oc(e) {
3506
- return /* @__PURE__ */ y(k.Portal, { ...e });
3506
+ return /* @__PURE__ */ v(O.Portal, { ...e });
3507
3507
  }
3508
3508
  oc.displayName = "NavigationMenu.Portal";
3509
3509
  function sc({ align: e = "start", ...n }) {
3510
- return /* @__PURE__ */ y(k.Positioner, {
3510
+ return /* @__PURE__ */ v(O.Positioner, {
3511
3511
  ...n,
3512
3512
  align: e,
3513
3513
  "data-imf-ui-component": "NavigationMenu.Positioner",
@@ -3516,7 +3516,7 @@ function sc({ align: e = "start", ...n }) {
3516
3516
  }
3517
3517
  sc.displayName = "NavigationMenu.Positioner";
3518
3518
  function cc(e) {
3519
- return /* @__PURE__ */ y(k.Popup, {
3519
+ return /* @__PURE__ */ v(O.Popup, {
3520
3520
  ...e,
3521
3521
  "data-imf-ui-component": "NavigationMenu.Popup",
3522
3522
  className: (n) => rc({ className: t(e.className, n) })
@@ -3524,7 +3524,7 @@ function cc(e) {
3524
3524
  }
3525
3525
  cc.displayName = "NavigationMenu.Popup";
3526
3526
  function lc(e) {
3527
- return /* @__PURE__ */ y(k.Arrow, {
3527
+ return /* @__PURE__ */ v(O.Arrow, {
3528
3528
  ...e,
3529
3529
  "data-imf-ui-component": "NavigationMenu.Arrow",
3530
3530
  className: (n) => ic({ className: t(e.className, n) })
@@ -3532,7 +3532,7 @@ function lc(e) {
3532
3532
  }
3533
3533
  lc.displayName = "NavigationMenu.Arrow";
3534
3534
  function uc(e) {
3535
- return /* @__PURE__ */ y(k.Backdrop, {
3535
+ return /* @__PURE__ */ v(O.Backdrop, {
3536
3536
  ...e,
3537
3537
  "data-imf-ui-component": "NavigationMenu.Backdrop",
3538
3538
  className: (n) => ac({ className: t(e.className, n) })
@@ -3547,7 +3547,7 @@ var dc = {
3547
3547
  linkList: "imf-ui-navigation-menu-link-module-linkList"
3548
3548
  }, fc = g(dc.link), pc = g(dc.linkList), mc = g(dc.linkCard);
3549
3549
  function hc(e) {
3550
- return /* @__PURE__ */ y(k.Link, {
3550
+ return /* @__PURE__ */ v(O.Link, {
3551
3551
  ...e,
3552
3552
  "data-imf-ui-component": "NavigationMenu.Link",
3553
3553
  className: (n) => fc({ className: t(e.className, n) })
@@ -3555,7 +3555,7 @@ function hc(e) {
3555
3555
  }
3556
3556
  hc.displayName = "NavigationMenu.Link";
3557
3557
  function gc(e) {
3558
- return /* @__PURE__ */ y("ul", {
3558
+ return /* @__PURE__ */ v("ul", {
3559
3559
  ...e,
3560
3560
  "data-imf-ui-component": "NavigationMenu.LinkList",
3561
3561
  className: pc({ className: e.className })
@@ -3563,24 +3563,24 @@ function gc(e) {
3563
3563
  }
3564
3564
  gc.displayName = "NavigationMenu.LinkList";
3565
3565
  function _c({ title: e, description: n, image: r, imageAlt: i = "", ...a }) {
3566
- return /* @__PURE__ */ y(k.Link, {
3566
+ return /* @__PURE__ */ v(O.Link, {
3567
3567
  ...a,
3568
3568
  "data-imf-ui-component": "NavigationMenu.LinkCard",
3569
3569
  className: (e) => mc({ className: t(a.className, e) }),
3570
- children: /* @__PURE__ */ b(na, {
3570
+ children: /* @__PURE__ */ y(na, {
3571
3571
  variant: "main",
3572
3572
  density: "compact",
3573
3573
  withBorder: !1,
3574
3574
  children: [
3575
- r && /* @__PURE__ */ y(ra, {
3575
+ r && /* @__PURE__ */ v(ra, {
3576
3576
  src: r,
3577
3577
  alt: i
3578
3578
  }),
3579
- /* @__PURE__ */ y(oa, { children: /* @__PURE__ */ y("span", {
3579
+ /* @__PURE__ */ v(oa, { children: /* @__PURE__ */ v("span", {
3580
3580
  className: dc.linkCardTitle,
3581
3581
  children: e
3582
3582
  }) }),
3583
- n && /* @__PURE__ */ y(sa, { children: /* @__PURE__ */ y("span", {
3583
+ n && /* @__PURE__ */ v(sa, { children: /* @__PURE__ */ v("span", {
3584
3584
  className: dc.linkCardDescription,
3585
3585
  children: n
3586
3586
  }) })
@@ -3594,15 +3594,15 @@ var vc = {
3594
3594
  linkArrow: "imf-ui-navigation-menu-flyout-link-module-linkArrow"
3595
3595
  }, yc = g(vc.flyoutLink);
3596
3596
  function bc({ children: e, render: n, ...r }) {
3597
- return /* @__PURE__ */ y(k.Link, {
3597
+ return /* @__PURE__ */ v(O.Link, {
3598
3598
  ...r,
3599
3599
  render: n,
3600
3600
  "data-imf-ui-component": "NavigationMenu.FlyoutLink",
3601
3601
  className: (e) => yc({ className: t(r.className, e) }),
3602
- children: n ? e : /* @__PURE__ */ b(v, { children: [e, /* @__PURE__ */ y("span", {
3602
+ children: n ? e : /* @__PURE__ */ y(Fe, { children: [e, /* @__PURE__ */ v("span", {
3603
3603
  className: vc.linkArrow,
3604
3604
  "aria-hidden": !0,
3605
- children: /* @__PURE__ */ y(m, {
3605
+ children: /* @__PURE__ */ v(m, {
3606
3606
  glyph: c,
3607
3607
  size: 14
3608
3608
  })
@@ -3627,42 +3627,42 @@ var X = {
3627
3627
  //#region src/components/navigation-menu/subs/inline-submenu.tsx
3628
3628
  function xc({ items: e, defaultValue: t }) {
3629
3629
  let n = yi(Dr("md"), !0);
3630
- return /* @__PURE__ */ y(k.Root, {
3630
+ return /* @__PURE__ */ v(O.Root, {
3631
3631
  orientation: n ? "vertical" : "horizontal",
3632
3632
  defaultValue: t,
3633
3633
  "data-imf-ui-component": "NavigationMenu.Root",
3634
3634
  "data-orientation": n ? "vertical" : "horizontal",
3635
3635
  className: X.submenuRoot,
3636
- children: /* @__PURE__ */ b("div", {
3636
+ children: /* @__PURE__ */ y("div", {
3637
3637
  className: X.submenuLayout,
3638
- children: [/* @__PURE__ */ y(k.List, {
3638
+ children: [/* @__PURE__ */ v(O.List, {
3639
3639
  "data-imf-ui-component": "NavigationMenu.List",
3640
3640
  className: X.submenuList,
3641
- children: e.map((e) => /* @__PURE__ */ b(k.Item, {
3641
+ children: e.map((e) => /* @__PURE__ */ y(O.Item, {
3642
3642
  value: e.value,
3643
3643
  "data-imf-ui-component": "NavigationMenu.Item",
3644
- children: [/* @__PURE__ */ b(k.Trigger, {
3644
+ children: [/* @__PURE__ */ y(O.Trigger, {
3645
3645
  "data-imf-ui-component": "NavigationMenu.Trigger",
3646
3646
  className: X.submenuTrigger,
3647
- children: [/* @__PURE__ */ y("span", {
3647
+ children: [/* @__PURE__ */ v("span", {
3648
3648
  className: X.submenuLabel,
3649
3649
  children: e.label
3650
- }), e.hint && /* @__PURE__ */ y("span", {
3650
+ }), e.hint && /* @__PURE__ */ v("span", {
3651
3651
  className: X.submenuHint,
3652
3652
  children: e.hint
3653
3653
  })]
3654
- }), /* @__PURE__ */ b(k.Content, {
3654
+ }), /* @__PURE__ */ y(O.Content, {
3655
3655
  "data-imf-ui-component": "NavigationMenu.Content",
3656
3656
  className: X.submenuContent,
3657
- children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h4", {
3657
+ children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h4", {
3658
3658
  className: X.submenuTitle,
3659
3659
  children: e.title
3660
- }), e.description && /* @__PURE__ */ y("p", {
3660
+ }), e.description && /* @__PURE__ */ v("p", {
3661
3661
  className: X.submenuDescription,
3662
3662
  children: e.description
3663
- })] }), /* @__PURE__ */ y("ul", {
3663
+ })] }), /* @__PURE__ */ v("ul", {
3664
3664
  className: X.submenuLinkList,
3665
- children: e.links.map((e, t) => /* @__PURE__ */ y("li", { children: /* @__PURE__ */ y(_c, {
3665
+ children: e.links.map((e, t) => /* @__PURE__ */ v("li", { children: /* @__PURE__ */ v(_c, {
3666
3666
  href: e.href,
3667
3667
  title: e.title,
3668
3668
  description: e.description
@@ -3670,7 +3670,7 @@ function xc({ items: e, defaultValue: t }) {
3670
3670
  })]
3671
3671
  })]
3672
3672
  }, e.value))
3673
- }), /* @__PURE__ */ y(k.Viewport, {
3673
+ }), /* @__PURE__ */ v(O.Viewport, {
3674
3674
  "data-imf-ui-component": "NavigationMenu.Viewport",
3675
3675
  className: X.submenuViewport
3676
3676
  })]
@@ -3728,21 +3728,21 @@ var Sc = /* @__PURE__ */ e({
3728
3728
  Text: () => Dc
3729
3729
  });
3730
3730
  function Ec({ label: e, loading: t = !0, animation: n = "shimmer", render: r, children: i, ...a }) {
3731
- let [o, s] = S("");
3732
- Be(() => s(t ? e : ""), [e, t]);
3733
- let [c, l] = S({
3731
+ let [o, s] = x("");
3732
+ Ve(() => s(t ? e : ""), [e, t]);
3733
+ let [c, l] = x({
3734
3734
  loading: t,
3735
3735
  children: i
3736
- }), [u, d] = S(!1);
3736
+ }), [u, d] = x(!1);
3737
3737
  (c.loading !== t || t && c.children !== i) && (l({
3738
3738
  loading: t,
3739
3739
  children: i
3740
3740
  }), d(c.loading && !t && n !== "none"));
3741
- let f = T({
3741
+ let f = w({
3742
3742
  defaultTagName: "div",
3743
3743
  render: r,
3744
3744
  props: {
3745
- ...w(a, { className: wc.root }),
3745
+ ...C(a, { className: wc.root }),
3746
3746
  children: i,
3747
3747
  "aria-busy": t || void 0,
3748
3748
  "data-animation": n,
@@ -3750,7 +3750,7 @@ function Ec({ label: e, loading: t = !0, animation: n = "shimmer", render: r, ch
3750
3750
  "data-imf-ui-component": "Skeleton.Root"
3751
3751
  }
3752
3752
  });
3753
- return /* @__PURE__ */ b(v, { children: [f, t && e !== "" && /* @__PURE__ */ y("span", {
3753
+ return /* @__PURE__ */ y(Fe, { children: [f, t && e !== "" && /* @__PURE__ */ v("span", {
3754
3754
  role: "status",
3755
3755
  className: wc.visuallyHidden,
3756
3756
  children: o
@@ -3758,7 +3758,7 @@ function Ec({ label: e, loading: t = !0, animation: n = "shimmer", render: r, ch
3758
3758
  }
3759
3759
  Ec.displayName = "Skeleton.Root";
3760
3760
  function Dc({ width: e = "100%", lines: t = 1, style: n, ...r }) {
3761
- return /* @__PURE__ */ y("span", {
3761
+ return /* @__PURE__ */ v("span", {
3762
3762
  ...r,
3763
3763
  "aria-hidden": !0,
3764
3764
  "data-imf-ui-component": "Skeleton.Text",
@@ -3767,16 +3767,16 @@ function Dc({ width: e = "100%", lines: t = 1, style: n, ...r }) {
3767
3767
  inlineSize: e,
3768
3768
  ...n
3769
3769
  },
3770
- children: Array.from({ length: t }, (e, n) => /* @__PURE__ */ y("span", {
3770
+ children: Array.from({ length: t }, (e, n) => /* @__PURE__ */ v("span", {
3771
3771
  className: wc.line,
3772
3772
  "data-last": t > 1 && n === t - 1 ? "" : void 0,
3773
- children: /* @__PURE__ */ y("span", { className: wc.bar })
3773
+ children: /* @__PURE__ */ v("span", { className: wc.bar })
3774
3774
  }, n))
3775
3775
  });
3776
3776
  }
3777
3777
  Dc.displayName = "Skeleton.Text";
3778
3778
  function Oc({ width: e = "100%", shape: t = "rect", height: n, style: r, ...i }) {
3779
- return /* @__PURE__ */ y("span", {
3779
+ return /* @__PURE__ */ v("span", {
3780
3780
  ...i,
3781
3781
  "aria-hidden": !0,
3782
3782
  "data-imf-ui-component": "Skeleton.Block",
@@ -3791,13 +3791,13 @@ function Oc({ width: e = "100%", shape: t = "rect", height: n, style: r, ...i })
3791
3791
  }
3792
3792
  Oc.displayName = "Skeleton.Block";
3793
3793
  function kc({ onShown: e }) {
3794
- return He(e, [e]), null;
3794
+ return Ue(e, [e]), null;
3795
3795
  }
3796
3796
  function Ac({ wasShown: e, children: t }) {
3797
- let n = We(null);
3798
- return He(() => {
3797
+ let n = Ge(null);
3798
+ return Ue(() => {
3799
3799
  e() && n.current?.setAttribute("data-reveal", "");
3800
- }, [e]), /* @__PURE__ */ y("div", {
3800
+ }, [e]), /* @__PURE__ */ v("div", {
3801
3801
  ref: n,
3802
3802
  className: wc.suspense,
3803
3803
  "data-imf-ui-component": "Skeleton.Suspense",
@@ -3805,15 +3805,15 @@ function Ac({ wasShown: e, children: t }) {
3805
3805
  });
3806
3806
  }
3807
3807
  function jc({ fallback: e, label: t, children: n }) {
3808
- let r = We(!1), i = ze(() => {
3808
+ let r = Ge(!1), i = Be(() => {
3809
3809
  r.current = !0;
3810
- }, []), a = ze(() => r.current, []);
3811
- return /* @__PURE__ */ y(Ie, {
3812
- fallback: /* @__PURE__ */ b(Ec, {
3810
+ }, []), a = Be(() => r.current, []);
3811
+ return /* @__PURE__ */ v(Le, {
3812
+ fallback: /* @__PURE__ */ y(Ec, {
3813
3813
  label: t,
3814
- children: [e, /* @__PURE__ */ y(kc, { onShown: i })]
3814
+ children: [e, /* @__PURE__ */ v(kc, { onShown: i })]
3815
3815
  }),
3816
- children: /* @__PURE__ */ y(Ac, {
3816
+ children: /* @__PURE__ */ v(Ac, {
3817
3817
  wasShown: a,
3818
3818
  children: n
3819
3819
  })
@@ -3844,7 +3844,7 @@ var Mc = {
3844
3844
  lg: Ic.sizeLg
3845
3845
  } } });
3846
3846
  function zc({ size: e = "md", variant: t = "blue", label: n = "Loading", ...r }) {
3847
- return /* @__PURE__ */ y("span", {
3847
+ return /* @__PURE__ */ v("span", {
3848
3848
  ...r,
3849
3849
  "data-imf-ui-component": "Spinner",
3850
3850
  className: Rc({
@@ -3853,7 +3853,7 @@ function zc({ size: e = "md", variant: t = "blue", label: n = "Loading", ...r })
3853
3853
  }),
3854
3854
  role: "status",
3855
3855
  "aria-label": n,
3856
- children: /* @__PURE__ */ y("img", {
3856
+ children: /* @__PURE__ */ v("img", {
3857
3857
  className: Ic.glyph,
3858
3858
  src: Lc[t],
3859
3859
  alt: "",
@@ -3901,7 +3901,7 @@ var Bc = {
3901
3901
  true: Z.action
3902
3902
  } }, qc = g(Z.headerCell, { variants: Kc }), Jc = g(Z.cell, { variants: Kc }), Yc = g(Z.rowLink), Xc = g(Z.headerButton), Zc = g(Z.sortIndicator);
3903
3903
  function Qc({ density: e = "comfortable", ...t }) {
3904
- return /* @__PURE__ */ y("table", {
3904
+ return /* @__PURE__ */ v("table", {
3905
3905
  ...t,
3906
3906
  "data-imf-ui-component": "Table.Root",
3907
3907
  className: Hc({
@@ -3912,7 +3912,7 @@ function Qc({ density: e = "comfortable", ...t }) {
3912
3912
  }
3913
3913
  Qc.displayName = "Table.Root";
3914
3914
  function $c(e) {
3915
- return /* @__PURE__ */ y("thead", {
3915
+ return /* @__PURE__ */ v("thead", {
3916
3916
  ...e,
3917
3917
  "data-imf-ui-component": "Table.Header",
3918
3918
  className: Uc({ className: e.className })
@@ -3920,7 +3920,7 @@ function $c(e) {
3920
3920
  }
3921
3921
  $c.displayName = "Table.Header";
3922
3922
  function el(e) {
3923
- return /* @__PURE__ */ y("tbody", {
3923
+ return /* @__PURE__ */ v("tbody", {
3924
3924
  ...e,
3925
3925
  "data-imf-ui-component": "Table.Body",
3926
3926
  className: Wc({ className: e.className })
@@ -3928,7 +3928,7 @@ function el(e) {
3928
3928
  }
3929
3929
  el.displayName = "Table.Body";
3930
3930
  function tl(e) {
3931
- return /* @__PURE__ */ y("tr", {
3931
+ return /* @__PURE__ */ v("tr", {
3932
3932
  ...e,
3933
3933
  "data-imf-ui-component": "Table.Row",
3934
3934
  className: Gc({ className: e.className })
@@ -3936,7 +3936,7 @@ function tl(e) {
3936
3936
  }
3937
3937
  tl.displayName = "Table.Row";
3938
3938
  function nl({ action: e = !1, ...t }) {
3939
- return /* @__PURE__ */ y("th", {
3939
+ return /* @__PURE__ */ v("th", {
3940
3940
  ...t,
3941
3941
  "data-imf-ui-component": "Table.HeaderCell",
3942
3942
  className: qc({
@@ -3947,7 +3947,7 @@ function nl({ action: e = !1, ...t }) {
3947
3947
  }
3948
3948
  nl.displayName = "Table.HeaderCell";
3949
3949
  function rl({ action: e = !1, ...t }) {
3950
- return /* @__PURE__ */ y("td", {
3950
+ return /* @__PURE__ */ v("td", {
3951
3951
  ...t,
3952
3952
  "data-imf-ui-component": "Table.Cell",
3953
3953
  className: Jc({
@@ -3958,18 +3958,18 @@ function rl({ action: e = !1, ...t }) {
3958
3958
  }
3959
3959
  rl.displayName = "Table.Cell";
3960
3960
  function il({ render: e, ...t }) {
3961
- return T({
3961
+ return w({
3962
3962
  defaultTagName: "a",
3963
3963
  render: e,
3964
3964
  props: {
3965
- ...w(t, { className: Yc() }),
3965
+ ...C(t, { className: Yc() }),
3966
3966
  "data-imf-ui-component": "Table.RowLink"
3967
3967
  }
3968
3968
  });
3969
3969
  }
3970
3970
  il.displayName = "Table.RowLink";
3971
3971
  function al({ type: e = "button", ...t }) {
3972
- return /* @__PURE__ */ y("button", {
3972
+ return /* @__PURE__ */ v("button", {
3973
3973
  ...t,
3974
3974
  type: e,
3975
3975
  "data-imf-ui-component": "Table.HeaderButton",
@@ -3982,11 +3982,11 @@ function ol(e) {
3982
3982
  }
3983
3983
  function sl({ sorted: e }) {
3984
3984
  let t = e === "asc" ? ee : e === "desc" ? r : oe;
3985
- return /* @__PURE__ */ y("span", {
3985
+ return /* @__PURE__ */ v("span", {
3986
3986
  className: Zc(),
3987
3987
  "data-sorted": e || void 0,
3988
3988
  "aria-hidden": !0,
3989
- children: /* @__PURE__ */ y(m, {
3989
+ children: /* @__PURE__ */ v(m, {
3990
3990
  glyph: t,
3991
3991
  size: 14,
3992
3992
  strokeWidth: 1.5
@@ -3994,14 +3994,14 @@ function sl({ sorted: e }) {
3994
3994
  });
3995
3995
  }
3996
3996
  function cl({ sortDirection: e, onToggle: t, children: n, ...r }) {
3997
- return t ? /* @__PURE__ */ y(nl, {
3997
+ return t ? /* @__PURE__ */ v(nl, {
3998
3998
  ...r,
3999
3999
  "aria-sort": ol(e),
4000
- children: /* @__PURE__ */ b(al, {
4000
+ children: /* @__PURE__ */ y(al, {
4001
4001
  onClick: t,
4002
- children: [n, /* @__PURE__ */ y(sl, { sorted: e })]
4002
+ children: [n, /* @__PURE__ */ v(sl, { sorted: e })]
4003
4003
  })
4004
- }) : /* @__PURE__ */ y(nl, {
4004
+ }) : /* @__PURE__ */ v(nl, {
4005
4005
  ...r,
4006
4006
  children: n
4007
4007
  });
@@ -4097,9 +4097,9 @@ var ll = {
4097
4097
  error: Q.variantError
4098
4098
  } },
4099
4099
  defaultVariants: { variant: "neutral" }
4100
- }), hl = g(Q.content), gl = g(Q.title), _l = g(Q.description), vl = g(Q.close), yl = g(Q.action), bl = g(Q.positioner), xl = g(Q.arrow), Sl = A.useToastManager, Cl = A.createToastManager;
4100
+ }), hl = g(Q.content), gl = g(Q.title), _l = g(Q.description), vl = g(Q.close), yl = g(Q.action), bl = g(Q.positioner), xl = g(Q.arrow), Sl = k.useToastManager, Cl = k.createToastManager;
4101
4101
  function wl({ timeout: e = 5e3, limit: t = 3, ...n }) {
4102
- return /* @__PURE__ */ y(A.Provider, {
4102
+ return /* @__PURE__ */ v(k.Provider, {
4103
4103
  ...n,
4104
4104
  timeout: e,
4105
4105
  limit: t
@@ -4107,7 +4107,7 @@ function wl({ timeout: e = 5e3, limit: t = 3, ...n }) {
4107
4107
  }
4108
4108
  wl.displayName = "Toast.Provider";
4109
4109
  function Tl(e) {
4110
- return /* @__PURE__ */ y(A.Portal, {
4110
+ return /* @__PURE__ */ v(k.Portal, {
4111
4111
  ...e,
4112
4112
  "data-imf-ui-component": "Toast.Portal",
4113
4113
  className: (n) => fl({ className: t(e.className, n) })
@@ -4115,7 +4115,7 @@ function Tl(e) {
4115
4115
  }
4116
4116
  Tl.displayName = "Toast.Portal";
4117
4117
  function El({ position: e = "bottom-center", width: n = "default", ...r }) {
4118
- return /* @__PURE__ */ y(A.Viewport, {
4118
+ return /* @__PURE__ */ v(k.Viewport, {
4119
4119
  ...r,
4120
4120
  "data-imf-ui-component": "Toast.Viewport",
4121
4121
  className: (i) => pl({
@@ -4127,7 +4127,7 @@ function El({ position: e = "bottom-center", width: n = "default", ...r }) {
4127
4127
  }
4128
4128
  El.displayName = "Toast.Viewport";
4129
4129
  function Dl({ variant: e = "neutral", ...n }) {
4130
- return /* @__PURE__ */ y(A.Root, {
4130
+ return /* @__PURE__ */ v(k.Root, {
4131
4131
  ...n,
4132
4132
  "data-imf-ui-component": "Toast.Root",
4133
4133
  className: (r) => ml({
@@ -4138,7 +4138,7 @@ function Dl({ variant: e = "neutral", ...n }) {
4138
4138
  }
4139
4139
  Dl.displayName = "Toast.Root";
4140
4140
  function Ol(e) {
4141
- return /* @__PURE__ */ y(A.Content, {
4141
+ return /* @__PURE__ */ v(k.Content, {
4142
4142
  ...e,
4143
4143
  "data-imf-ui-component": "Toast.Content",
4144
4144
  className: (n) => hl({ className: t(e.className, n) })
@@ -4146,7 +4146,7 @@ function Ol(e) {
4146
4146
  }
4147
4147
  Ol.displayName = "Toast.Content";
4148
4148
  function kl(e) {
4149
- return /* @__PURE__ */ y(A.Title, {
4149
+ return /* @__PURE__ */ v(k.Title, {
4150
4150
  ...e,
4151
4151
  "data-imf-ui-component": "Toast.Title",
4152
4152
  className: (n) => gl({ className: t(e.className, n) })
@@ -4154,7 +4154,7 @@ function kl(e) {
4154
4154
  }
4155
4155
  kl.displayName = "Toast.Title";
4156
4156
  function Al(e) {
4157
- return /* @__PURE__ */ y(A.Description, {
4157
+ return /* @__PURE__ */ v(k.Description, {
4158
4158
  ...e,
4159
4159
  "data-imf-ui-component": "Toast.Description",
4160
4160
  className: (n) => _l({ className: t(e.className, n) })
@@ -4162,7 +4162,7 @@ function Al(e) {
4162
4162
  }
4163
4163
  Al.displayName = "Toast.Description";
4164
4164
  function jl(e) {
4165
- return /* @__PURE__ */ y(A.Close, {
4165
+ return /* @__PURE__ */ v(k.Close, {
4166
4166
  ...e,
4167
4167
  "data-imf-ui-component": "Toast.Close",
4168
4168
  className: (n) => vl({ className: t(e.className, n) })
@@ -4170,7 +4170,7 @@ function jl(e) {
4170
4170
  }
4171
4171
  jl.displayName = "Toast.Close";
4172
4172
  function Ml(e) {
4173
- return /* @__PURE__ */ y(A.Action, {
4173
+ return /* @__PURE__ */ v(k.Action, {
4174
4174
  ...e,
4175
4175
  "data-imf-ui-component": "Toast.Action",
4176
4176
  className: (n) => yl({ className: t(e.className, n) })
@@ -4178,7 +4178,7 @@ function Ml(e) {
4178
4178
  }
4179
4179
  Ml.displayName = "Toast.Action";
4180
4180
  function Nl(e) {
4181
- return /* @__PURE__ */ y(A.Positioner, {
4181
+ return /* @__PURE__ */ v(k.Positioner, {
4182
4182
  ...e,
4183
4183
  "data-imf-ui-component": "Toast.Positioner",
4184
4184
  className: (n) => bl({ className: t(e.className, n) })
@@ -4186,7 +4186,7 @@ function Nl(e) {
4186
4186
  }
4187
4187
  Nl.displayName = "Toast.Positioner";
4188
4188
  function Pl(e) {
4189
- return /* @__PURE__ */ y(A.Arrow, {
4189
+ return /* @__PURE__ */ v(k.Arrow, {
4190
4190
  ...e,
4191
4191
  "data-imf-ui-component": "Toast.Arrow",
4192
4192
  className: (n) => xl({ className: t(e.className, n) })
@@ -4246,17 +4246,17 @@ var Fl = {
4246
4246
  secondary: $.popupVariantSecondary,
4247
4247
  positive: $.popupVariantPositive,
4248
4248
  negative: $.popupVariantNegative
4249
- } } }), Bl = g($.arrow), Vl = g($.viewport), Hl = j.createHandle;
4249
+ } } }), Bl = g($.arrow), Vl = g($.viewport), Hl = A.createHandle;
4250
4250
  function Ul(e) {
4251
- return /* @__PURE__ */ y(j.Provider, { ...e });
4251
+ return /* @__PURE__ */ v(A.Provider, { ...e });
4252
4252
  }
4253
4253
  Ul.displayName = "Tooltip.Provider";
4254
4254
  function Wl(e) {
4255
- return /* @__PURE__ */ y(j.Root, { ...e });
4255
+ return /* @__PURE__ */ v(A.Root, { ...e });
4256
4256
  }
4257
4257
  Wl.displayName = "Tooltip.Root";
4258
4258
  function Gl({ variant: e = "secondary", inline: n = !1, delay: r = 250, ...i }) {
4259
- return /* @__PURE__ */ y(j.Trigger, {
4259
+ return /* @__PURE__ */ v(A.Trigger, {
4260
4260
  ...i,
4261
4261
  delay: r,
4262
4262
  "data-imf-ui-component": "Tooltip.Trigger",
@@ -4269,11 +4269,11 @@ function Gl({ variant: e = "secondary", inline: n = !1, delay: r = 250, ...i })
4269
4269
  }
4270
4270
  Gl.displayName = "Tooltip.Trigger";
4271
4271
  function Kl(e) {
4272
- return /* @__PURE__ */ y(j.Portal, { ...e });
4272
+ return /* @__PURE__ */ v(A.Portal, { ...e });
4273
4273
  }
4274
4274
  Kl.displayName = "Tooltip.Portal";
4275
4275
  function ql({ sideOffset: e = 13, ...n }) {
4276
- return /* @__PURE__ */ y(j.Positioner, {
4276
+ return /* @__PURE__ */ v(A.Positioner, {
4277
4277
  ...n,
4278
4278
  sideOffset: e,
4279
4279
  "data-imf-ui-component": "Tooltip.Positioner",
@@ -4282,7 +4282,7 @@ function ql({ sideOffset: e = 13, ...n }) {
4282
4282
  }
4283
4283
  ql.displayName = "Tooltip.Positioner";
4284
4284
  function Jl({ variant: e, ...n }) {
4285
- return /* @__PURE__ */ y(j.Popup, {
4285
+ return /* @__PURE__ */ v(A.Popup, {
4286
4286
  ...n,
4287
4287
  "data-imf-ui-component": "Tooltip.Popup",
4288
4288
  className: (r) => zl({
@@ -4293,7 +4293,7 @@ function Jl({ variant: e, ...n }) {
4293
4293
  }
4294
4294
  Jl.displayName = "Tooltip.Popup";
4295
4295
  function Yl(e) {
4296
- return /* @__PURE__ */ y(j.Arrow, {
4296
+ return /* @__PURE__ */ v(A.Arrow, {
4297
4297
  ...e,
4298
4298
  "data-imf-ui-component": "Tooltip.Arrow",
4299
4299
  className: (n) => Bl({ className: t(e.className, n) })
@@ -4301,7 +4301,7 @@ function Yl(e) {
4301
4301
  }
4302
4302
  Yl.displayName = "Tooltip.Arrow";
4303
4303
  function Xl(e) {
4304
- return /* @__PURE__ */ y(j.Viewport, {
4304
+ return /* @__PURE__ */ v(A.Viewport, {
4305
4305
  ...e,
4306
4306
  "data-imf-ui-component": "Tooltip.Viewport",
4307
4307
  className: (n) => Vl({ className: t(e.className, n) })
@@ -4309,14 +4309,14 @@ function Xl(e) {
4309
4309
  }
4310
4310
  Xl.displayName = "Tooltip.Viewport";
4311
4311
  function Zl({ trigger: e, children: t, delay: n = 150, side: r = "top", sideOffset: i = 13 }) {
4312
- return /* @__PURE__ */ b(Wl, { children: [/* @__PURE__ */ y(Gl, {
4312
+ return /* @__PURE__ */ y(Wl, { children: [/* @__PURE__ */ v(Gl, {
4313
4313
  inline: !0,
4314
4314
  delay: n,
4315
4315
  children: e
4316
- }), /* @__PURE__ */ y(Kl, { children: /* @__PURE__ */ y(ql, {
4316
+ }), /* @__PURE__ */ v(Kl, { children: /* @__PURE__ */ v(ql, {
4317
4317
  side: r,
4318
4318
  sideOffset: i,
4319
- children: /* @__PURE__ */ y(Jl, { children: t })
4319
+ children: /* @__PURE__ */ v(Jl, { children: t })
4320
4320
  }) })] });
4321
4321
  }
4322
4322
  Zl.displayName = "Tooltip.Inline";
@@ -4339,10 +4339,10 @@ var Ql = {
4339
4339
  //#region src/icons/icon-config.tsx
4340
4340
  function $l({ children: e, value: t }) {
4341
4341
  let n = {
4342
- ...x(se),
4342
+ ...b(se),
4343
4343
  ...t
4344
4344
  };
4345
- return /* @__PURE__ */ y(se.Provider, {
4345
+ return /* @__PURE__ */ v(se.Provider, {
4346
4346
  value: n,
4347
4347
  children: e
4348
4348
  });
@@ -4351,9 +4351,9 @@ $l.displayName = "IconConfig.Provider";
4351
4351
  //#endregion
4352
4352
  //#region src/provider/web-ui-provider.tsx
4353
4353
  function eu({ children: e, icons: t, colorScheme: n }) {
4354
- return Vt({ value: n }), /* @__PURE__ */ y($l, {
4354
+ return Vt({ value: n }), /* @__PURE__ */ v($l, {
4355
4355
  value: t,
4356
- children: /* @__PURE__ */ b(wl, { children: [e, " "] })
4356
+ children: /* @__PURE__ */ y(wl, { children: [e, " "] })
4357
4357
  });
4358
4358
  }
4359
4359
  //#endregion
@@ -4369,4 +4369,4 @@ function nu(e) {
4369
4369
  return tu(e).local.split(/[._-]+/).filter(Boolean).slice(0, 2).map((e) => e.charAt(0).toUpperCase()).join("");
4370
4370
  }
4371
4371
  //#endregion
4372
- export { qo as AccountCard, bi as AppShell, Bo as Avatar, tt as Button, as as Callout, ea as Card, St as Checkbox, ms as Chip, at as ChipLink, ve as Code, _s as Collapsible, Wt as ColorSchemeToggle, h as ComponentCategories, lt as CopyButton, Oa as Dialog, Or as Drawer, qt as Field, un as Fieldset, m as Icon, ht as IconButton, li as ImFusionLogo, _n as Input, le as Kbd, ii as Logo, Es as Meter, Sc as NavigationMenu, yn as NumberField, oo as Popover, gi as ProductLogo, Po as Prose, yt as RichLink, me as Row, we as ScrollArea, Ln as Select, je as Separator, Tc as Skeleton, Se as Slider, zc as Spinner, ue as Stack, de as Switch, Vc as Table, _e as Tabs, dl as Toast, he as Toggle, ge as ToggleGroup, Il as Tooltip, ua as Typo, eu as WebUIProvider, rs as accountCardMeta, Qi as appShellMeta, is as avatarMeta, nt as buttonMeta, ps as calloutMeta, la as cardMeta, Dt as checkboxMeta, ot as chipLinkMeta, hs as chipMeta, xe as codeMeta, ws as collapsibleMeta, Gt as colorSchemeToggleMeta, jt as config, ut as copyButtonMeta, Ne as cva, Pe as cx, ao as dialogMeta, ni as drawerMeta, cn as fieldMeta, hn as fieldsetMeta, gt as iconButtonMeta, u as iconMeta, nu as initialsFromEmail, vn as inputMeta, fe as kbdMeta, ai as logoMeta, Ls as meterMeta, Cc as navigationMenuMeta, In as numberFieldMeta, Mo as popoverMeta, Fo as proseMeta, bt as richLinkMeta, Io as rowMeta, Lo as scrollAreaMeta, Cr as selectMeta, Ro as separatorMeta, Mc as skeletonMeta, wr as sliderMeta, Bc as spinnerMeta, tu as splitEmail, zo as stackMeta, Tr as switchMeta, ll as tableMeta, ul as tabsMeta, Fl as toastMeta, kt as toggleGroupMeta, Ot as toggleMeta, Ql as tooltipMeta, Da as typoMeta, ye as useClipboard, Vt as useColorScheme, _i as useDisclosure, yi as useMediaQuery, Ko as withBreakHints };
4372
+ export { qo as AccountCard, bi as AppShell, Bo as Avatar, nt as Button, as as Callout, ea as Card, St as Checkbox, ms as Chip, ot as ChipLink, ve as Code, _s as Collapsible, Wt as ColorSchemeToggle, h as ComponentCategories, ut as CopyButton, Oa as Dialog, Or as Drawer, qt as Field, un as Fieldset, m as Icon, gt as IconButton, li as ImFusionLogo, _n as Input, le as Kbd, ii as Logo, Es as Meter, Sc as NavigationMenu, yn as NumberField, oo as Popover, gi as ProductLogo, Po as Prose, yt as RichLink, me as Row, we as ScrollArea, Ln as Select, je as Separator, Tc as Skeleton, Se as Slider, zc as Spinner, ue as Stack, de as Switch, Vc as Table, _e as Tabs, dl as Toast, he as Toggle, ge as ToggleGroup, Il as Tooltip, ua as Typo, eu as WebUIProvider, rs as accountCardMeta, Qi as appShellMeta, is as avatarMeta, rt as buttonMeta, ps as calloutMeta, la as cardMeta, Dt as checkboxMeta, st as chipLinkMeta, hs as chipMeta, xe as codeMeta, ws as collapsibleMeta, Gt as colorSchemeToggleMeta, jt as config, dt as copyButtonMeta, Ne as cva, Pe as cx, ao as dialogMeta, ni as drawerMeta, cn as fieldMeta, hn as fieldsetMeta, _t as iconButtonMeta, u as iconMeta, nu as initialsFromEmail, vn as inputMeta, fe as kbdMeta, ai as logoMeta, Ls as meterMeta, Dr as minWidth, Cc as navigationMenuMeta, In as numberFieldMeta, Mo as popoverMeta, Fo as proseMeta, bt as richLinkMeta, Io as rowMeta, Lo as scrollAreaMeta, Cr as selectMeta, Ro as separatorMeta, Mc as skeletonMeta, wr as sliderMeta, Bc as spinnerMeta, tu as splitEmail, zo as stackMeta, Tr as switchMeta, ll as tableMeta, ul as tabsMeta, Fl as toastMeta, kt as toggleGroupMeta, Ot as toggleMeta, Ql as tooltipMeta, Da as typoMeta, ye as useClipboard, Vt as useColorScheme, _i as useDisclosure, yi as useMediaQuery, Ko as withBreakHints };