@imfusion/web-ui 0.11.1-dev.3.ga6fcf91c → 0.11.1-dev.31.gb80c710e

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 (43) hide show
  1. package/CHANGELOG.md +71 -0
  2. package/dist/{code-NTcddiYk.js → code-BXlEW54h.js} +7 -7
  3. package/dist/components/autocomplete/autocomplete.d.ts +144 -0
  4. package/dist/components/autocomplete/autocomplete.meta.d.ts +2 -0
  5. package/dist/components/autocomplete/index.d.ts +2 -0
  6. package/dist/components/checkbox/checkbox.cva.d.ts +3 -0
  7. package/dist/components/combobox/combobox.cva.d.ts +37 -0
  8. package/dist/components/combobox/combobox.d.ts +171 -0
  9. package/dist/components/combobox/combobox.meta.d.ts +2 -0
  10. package/dist/components/combobox/index.d.ts +2 -0
  11. package/dist/components/popover/popover.d.ts +1 -1
  12. package/dist/components/select/select.cva.d.ts +7 -0
  13. package/dist/components/select/select.d.ts +1 -1
  14. package/dist/components/table/table.d.ts +8 -0
  15. package/dist/components/textarea/index.d.ts +2 -0
  16. package/dist/components/textarea/textarea.d.ts +32 -0
  17. package/dist/components/textarea/textarea.meta.d.ts +2 -0
  18. package/dist/components/toast/toast.d.ts +1 -1
  19. package/dist/components/typo/typo.d.ts +5 -1
  20. package/dist/docgen/component-sources.d.ts +4 -0
  21. package/dist/icons/catalog.gen.d.ts +28 -0
  22. package/dist/icons/icons.gen.d.ts +4 -0
  23. package/dist/{icons-BsK_o-Cb.js → icons-vc1WZCxX.js} +1027 -879
  24. package/dist/icons.js +1 -1
  25. package/dist/index.d.ts +3 -0
  26. package/dist/index.js +2637 -1873
  27. package/dist/integrations/code-highlight.js +2 -2
  28. package/dist/integrations/frame-selection.js +1 -1
  29. package/dist/integrations/image-display-options.js +3 -3
  30. package/dist/{scroll-area-z9Lf9uIk.js → scroll-area-CUo1NBaW.js} +20 -20
  31. package/dist/{slider-Bf274cMe.js → slider-BKDxeTmk.js} +23 -23
  32. package/dist/style.css +1 -1
  33. package/dist/{tabs-CU46aGud.js → tabs-U3Cg6YAw.js} +42 -42
  34. package/dist/utils/index.d.ts +2 -0
  35. package/dist/utils/item-parts.d.ts +23 -0
  36. package/dist/utils/stable-popup-height.d.ts +10 -0
  37. package/dist/utils-RZJAXfcf.js +56 -0
  38. package/package.json +1 -1
  39. package/src/docgen/doc.gen.json +3235 -676
  40. package/src/llms/icon-catalog.gen.json +32 -0
  41. package/src/llms/llms.gen.txt +18 -0
  42. package/src/llms/skills/imf-web-ui-conventions/topics/styling.md +13 -0
  43. package/dist/resolve-state-props-DQf9WiGv.js +0 -22
@@ -1,6 +1,6 @@
1
- import { r as e } from "../resolve-state-props-DQf9WiGv.js";
1
+ import { s as e } from "../utils-RZJAXfcf.js";
2
2
  import { t } from "../meta-V_KyLeGn.js";
3
- import { i as n, n as r, r as i } from "../code-NTcddiYk.js";
3
+ import { i as n, n as r, r as i } from "../code-BXlEW54h.js";
4
4
  import { jsx as a } from "react/jsx-runtime";
5
5
  import { cloneElement as o, useMemo as s } from "react";
6
6
  import { createHighlighter as c, defineLanguage as l, renderNodesToHtml as u, renderTokens as d } from "@tanstack/highlight/core";
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "../meta-V_KyLeGn.js";
2
- import { a as t, i as n, o as r, t as i } from "../slider-Bf274cMe.js";
2
+ import { a as t, i as n, o as r, t as i } from "../slider-BKDxeTmk.js";
3
3
  import { t as a } from "../separator-BV2TR8U0.js";
4
4
  import { cva as o } from "class-variance-authority";
5
5
  import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  import { t as e } from "../meta-V_KyLeGn.js";
2
- import { a as t, c as n, d as r, i, l as a, m as o, n as s, o as c, p as l, r as u, t as d, u as f } from "../tabs-CU46aGud.js";
3
- import { a as p, i as m, n as h, o as g, r as _, s as v, t as y } from "../slider-Bf274cMe.js";
4
- import { t as b } from "../scroll-area-z9Lf9uIk.js";
2
+ import { a as t, c as n, d as r, i, l as a, m as o, n as s, o as c, p as l, r as u, t as d, u as f } from "../tabs-U3Cg6YAw.js";
3
+ import { a as p, i as m, n as h, o as g, r as _, s as v, t as y } from "../slider-BKDxeTmk.js";
4
+ import { t as b } from "../scroll-area-CUo1NBaW.js";
5
5
  import { cva as x } from "class-variance-authority";
6
6
  import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
7
7
  import { useId as T, useMemo as E, useState as D } from "react";
@@ -1,4 +1,4 @@
1
- import { r as e, t } from "./resolve-state-props-DQf9WiGv.js";
1
+ import { a as e, s as t } from "./utils-RZJAXfcf.js";
2
2
  import { cva as n } from "class-variance-authority";
3
3
  import { jsx as r, jsxs as i } from "react/jsx-runtime";
4
4
  import { ScrollArea as a } from "@base-ui/react/scroll-area";
@@ -9,7 +9,7 @@ var o = {
9
9
  scrollbar: "imf-ui-scroll-area-module-scrollbar",
10
10
  thumb: "imf-ui-scroll-area-module-thumb",
11
11
  viewport: "imf-ui-scroll-area-module-viewport"
12
- }, s = /* @__PURE__ */ e({
12
+ }, s = /* @__PURE__ */ t({
13
13
  Auto: () => b,
14
14
  Content: () => g,
15
15
  Corner: () => y,
@@ -18,51 +18,51 @@ var o = {
18
18
  Thumb: () => v,
19
19
  Viewport: () => h
20
20
  }), c = n(o.root), l = n(o.viewport), u = n(o.content), d = n(o.scrollbar), f = n(o.thumb), p = n(o.corner);
21
- function m(e) {
21
+ function m(t) {
22
22
  return /* @__PURE__ */ r(a.Root, {
23
- ...e,
23
+ ...t,
24
24
  "data-imf-ui-component": "ScrollArea.Root",
25
- className: (n) => c({ className: t(e.className, n) })
25
+ className: (n) => c({ className: e(t.className, n) })
26
26
  });
27
27
  }
28
28
  m.displayName = "ScrollArea.Root";
29
- function h(e) {
29
+ function h(t) {
30
30
  return /* @__PURE__ */ r(a.Viewport, {
31
- ...e,
31
+ ...t,
32
32
  "data-imf-ui-component": "ScrollArea.Viewport",
33
- className: (n) => l({ className: t(e.className, n) })
33
+ className: (n) => l({ className: e(t.className, n) })
34
34
  });
35
35
  }
36
36
  h.displayName = "ScrollArea.Viewport";
37
- function g(e) {
37
+ function g(t) {
38
38
  return /* @__PURE__ */ r(a.Content, {
39
- ...e,
39
+ ...t,
40
40
  "data-imf-ui-component": "ScrollArea.Content",
41
- className: (n) => u({ className: t(e.className, n) })
41
+ className: (n) => u({ className: e(t.className, n) })
42
42
  });
43
43
  }
44
44
  g.displayName = "ScrollArea.Content";
45
- function _(e) {
45
+ function _(t) {
46
46
  return /* @__PURE__ */ r(a.Scrollbar, {
47
- ...e,
47
+ ...t,
48
48
  "data-imf-ui-component": "ScrollArea.Scrollbar",
49
- className: (n) => d({ className: t(e.className, n) })
49
+ className: (n) => d({ className: e(t.className, n) })
50
50
  });
51
51
  }
52
52
  _.displayName = "ScrollArea.Scrollbar";
53
- function v(e) {
53
+ function v(t) {
54
54
  return /* @__PURE__ */ r(a.Thumb, {
55
- ...e,
55
+ ...t,
56
56
  "data-imf-ui-component": "ScrollArea.Thumb",
57
- className: (n) => f({ className: t(e.className, n) })
57
+ className: (n) => f({ className: e(t.className, n) })
58
58
  });
59
59
  }
60
60
  v.displayName = "ScrollArea.Thumb";
61
- function y(e) {
61
+ function y(t) {
62
62
  return /* @__PURE__ */ r(a.Corner, {
63
- ...e,
63
+ ...t,
64
64
  "data-imf-ui-component": "ScrollArea.Corner",
65
- className: (n) => p({ className: t(e.className, n) })
65
+ className: (n) => p({ className: e(t.className, n) })
66
66
  });
67
67
  }
68
68
  y.displayName = "ScrollArea.Corner";
@@ -1,4 +1,4 @@
1
- import { r as e, t } from "./resolve-state-props-DQf9WiGv.js";
1
+ import { a as e, s as t } from "./utils-RZJAXfcf.js";
2
2
  import { cva as n } from "class-variance-authority";
3
3
  import { jsx as r } from "react/jsx-runtime";
4
4
  import { Slider as i } from "@base-ui/react/slider";
@@ -11,7 +11,7 @@ var a = {
11
11
  track: "imf-ui-slider-module-track",
12
12
  value: "imf-ui-slider-module-value",
13
13
  variantPosition: "imf-ui-slider-module-variantPosition"
14
- }, o = /* @__PURE__ */ e({
14
+ }, o = /* @__PURE__ */ t({
15
15
  Control: () => _,
16
16
  Indicator: () => y,
17
17
  Label: () => h,
@@ -23,14 +23,14 @@ var a = {
23
23
  default: null,
24
24
  position: a.variantPosition
25
25
  } } }), c = n(a.label), l = n(a.value), u = n(a.control), d = n(a.track), f = n(a.indicator), p = n(a.thumb);
26
- function m({ variant: e = "default", value: n, defaultValue: a, onValueChange: o, onValueCommitted: c, min: l = 0, max: u = 100, step: d = 1, largeStep: f = 10, minStepsBetweenValues: p = 0, disabled: m = !1, orientation: h = "horizontal", name: g, form: _, locale: v, thumbAlignment: y = "edge", thumbCollisionBehavior: b = "push", format: x, ...S }) {
26
+ function m({ variant: t = "default", value: n, defaultValue: a, onValueChange: o, onValueCommitted: c, min: l = 0, max: u = 100, step: d = 1, largeStep: f = 10, minStepsBetweenValues: p = 0, disabled: m = !1, orientation: h = "horizontal", name: g, form: _, locale: v, thumbAlignment: y = "edge", thumbCollisionBehavior: b = "push", format: x, ...S }) {
27
27
  return /* @__PURE__ */ r(i.Root, {
28
28
  ...S,
29
29
  "data-imf-ui-component": "Slider.Root",
30
30
  "data-orientation": h,
31
31
  className: (n) => s({
32
- variant: e,
33
- className: t(S.className, n)
32
+ variant: t,
33
+ className: e(S.className, n)
34
34
  }),
35
35
  value: n,
36
36
  defaultValue: a,
@@ -52,53 +52,53 @@ function m({ variant: e = "default", value: n, defaultValue: a, onValueChange: o
52
52
  });
53
53
  }
54
54
  m.displayName = "Slider.Root";
55
- function h(e) {
55
+ function h(t) {
56
56
  return /* @__PURE__ */ r(i.Label, {
57
- ...e,
57
+ ...t,
58
58
  "data-imf-ui-component": "Slider.Label",
59
- className: (n) => c({ className: t(e.className, n) })
59
+ className: (n) => c({ className: e(t.className, n) })
60
60
  });
61
61
  }
62
62
  h.displayName = "Slider.Label";
63
- function g({ children: e, ...n }) {
63
+ function g({ children: t, ...n }) {
64
64
  return /* @__PURE__ */ r(i.Value, {
65
65
  ...n,
66
66
  "data-imf-ui-component": "Slider.Value",
67
- className: (e) => l({ className: t(n.className, e) }),
68
- children: e
67
+ className: (t) => l({ className: e(n.className, t) }),
68
+ children: t
69
69
  });
70
70
  }
71
71
  g.displayName = "Slider.Value";
72
- function _(e) {
72
+ function _(t) {
73
73
  return /* @__PURE__ */ r(i.Control, {
74
- ...e,
74
+ ...t,
75
75
  "data-imf-ui-component": "Slider.Control",
76
- className: (n) => u({ className: t(e.className, n) })
76
+ className: (n) => u({ className: e(t.className, n) })
77
77
  });
78
78
  }
79
79
  _.displayName = "Slider.Control";
80
- function v(e) {
80
+ function v(t) {
81
81
  return /* @__PURE__ */ r(i.Track, {
82
- ...e,
82
+ ...t,
83
83
  "data-imf-ui-component": "Slider.Track",
84
- className: (n) => d({ className: t(e.className, n) })
84
+ className: (n) => d({ className: e(t.className, n) })
85
85
  });
86
86
  }
87
87
  v.displayName = "Slider.Track";
88
- function y(e) {
88
+ function y(t) {
89
89
  return /* @__PURE__ */ r(i.Indicator, {
90
- ...e,
90
+ ...t,
91
91
  "data-imf-ui-component": "Slider.Indicator",
92
- className: (n) => f({ className: t(e.className, n) })
92
+ className: (n) => f({ className: e(t.className, n) })
93
93
  });
94
94
  }
95
95
  y.displayName = "Slider.Indicator";
96
- function b({ index: e, ...n }) {
96
+ function b({ index: t, ...n }) {
97
97
  return /* @__PURE__ */ r(i.Thumb, {
98
98
  ...n,
99
99
  "data-imf-ui-component": "Slider.Thumb",
100
- className: (e) => p({ className: t(n.className, e) }),
101
- index: e
100
+ className: (t) => p({ className: e(n.className, t) }),
101
+ index: t
102
102
  });
103
103
  }
104
104
  b.displayName = "Slider.Thumb";