@imfusion/web-ui 0.6.4-dev.30.g1907865c → 0.6.4-dev.31.gcef47041

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 (49) hide show
  1. package/README.md +14 -15
  2. package/dist/{code-Ce8uiPsv.js → code-D2lwxHgd.js} +15 -15
  3. package/dist/components/app-shell/app-shell.d.ts +7 -11
  4. package/dist/components/button/button.d.ts +3 -10
  5. package/dist/components/callout/callout.d.ts +4 -8
  6. package/dist/components/card/card.d.ts +5 -5
  7. package/dist/components/checkbox/checkbox.d.ts +2 -38
  8. package/dist/components/chip/chip.d.ts +1 -1
  9. package/dist/components/code/code.d.ts +1 -1
  10. package/dist/components/collapsible/collapsible.d.ts +3 -33
  11. package/dist/components/copy-button/copy-button.d.ts +1 -1
  12. package/dist/components/drawer/drawer.d.ts +16 -97
  13. package/dist/components/field/field.d.ts +7 -67
  14. package/dist/components/fieldset/fieldset.d.ts +2 -15
  15. package/dist/components/icon/icon.d.ts +1 -1
  16. package/dist/components/input/input.d.ts +2 -8
  17. package/dist/components/logo/logo.d.ts +1 -1
  18. package/dist/components/navigation-menu/subs/flyout-link.d.ts +2 -14
  19. package/dist/components/navigation-menu/subs/link.d.ts +6 -23
  20. package/dist/components/navigation-menu/subs/overlay.d.ts +6 -51
  21. package/dist/components/navigation-menu/subs/shared.d.ts +4 -14
  22. package/dist/components/navigation-menu/subs/structure.d.ts +7 -29
  23. package/dist/components/navigation-menu/subs/trigger.d.ts +6 -13
  24. package/dist/components/popover/popover.d.ts +22 -94
  25. package/dist/components/row/row.d.ts +1 -1
  26. package/dist/components/select/select.d.ts +22 -184
  27. package/dist/components/separator/separator.d.ts +5 -4
  28. package/dist/components/slider/slider.d.ts +7 -77
  29. package/dist/components/spinner/spinner.d.ts +1 -1
  30. package/dist/components/stack/stack.d.ts +1 -1
  31. package/dist/components/switch/switch.d.ts +2 -31
  32. package/dist/components/table/table.d.ts +7 -13
  33. package/dist/components/tabs/tabs.d.ts +13 -43
  34. package/dist/components/toast/toast.d.ts +15 -100
  35. package/dist/components/toggle/toggle.d.ts +3 -20
  36. package/dist/components/toggle-group/toggle-group.d.ts +3 -19
  37. package/dist/components/tooltip/tooltip.d.ts +20 -74
  38. package/dist/components/typo/typo.d.ts +14 -21
  39. package/dist/{icons-Cy1HAosO.js → icons-CaGCCwG-.js} +7 -7
  40. package/dist/icons.js +1 -1
  41. package/dist/index.js +1270 -1286
  42. package/dist/integrations/code-highlight.js +2 -2
  43. package/dist/integrations/image-display-options.js +54 -54
  44. package/dist/{tabs-DIe1Utiy.js → tabs-By5ir2pt.js} +162 -159
  45. package/dist/utils/index.d.ts +1 -0
  46. package/dist/utils/resolve-state-props.d.ts +4 -0
  47. package/package.json +2 -2
  48. package/src/docgen/doc.gen.json +2445 -552
  49. /package/dist/{meta-CySnRuVp.js → meta-j-7HGrWv.js} +0 -0
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "../chunk-DmhlhrBa.js";
2
- import { t } from "../meta-CySnRuVp.js";
3
- import { i as n, n as r, r as i } from "../code-Ce8uiPsv.js";
2
+ import { t } from "../meta-j-7HGrWv.js";
3
+ import { i as n, n as r, r as i } from "../code-D2lwxHgd.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
- import { t as e } from "../meta-CySnRuVp.js";
2
- import { _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, n as d, o as f, p, r as m, t as h, u as g, v as _, x as v, y } from "../tabs-DIe1Utiy.js";
1
+ import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, n as u, o as d, p as f, r as p, t as m, u as h, v as g, x as _, y as v } from "../tabs-By5ir2pt.js";
2
+ import { t as y } from "../meta-j-7HGrWv.js";
3
3
  import { cva as b } from "class-variance-authority";
4
4
  import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
5
5
  import { useId as w, useMemo as T, useState as E } from "react";
@@ -73,29 +73,29 @@ function F(e, t) {
73
73
  //#endregion
74
74
  //#region src/integrations/image-display-options/image-display-options-view.tsx
75
75
  var I = b(k.root);
76
- function L({ spec: e, value: n, row: i, onChange: a }) {
77
- let o = /* @__PURE__ */ C(_, {
78
- value: n,
79
- min: e.min,
80
- max: e.max,
81
- step: e.step,
82
- format: e.format,
76
+ function L({ spec: t, value: r, row: i, onChange: a }) {
77
+ let c = /* @__PURE__ */ C(g, {
78
+ value: r,
79
+ min: t.min,
80
+ max: t.max,
81
+ step: t.step,
82
+ format: t.format,
83
83
  onValueChange: (e) => {
84
84
  a(typeof e == "number" ? e : e[0]);
85
85
  },
86
- children: [/* @__PURE__ */ C(u, {
86
+ children: [/* @__PURE__ */ C(l, {
87
87
  justify: "between",
88
- children: [/* @__PURE__ */ S(t, { children: e.label }), /* @__PURE__ */ S(v, {})]
89
- }), /* @__PURE__ */ S(c, { children: /* @__PURE__ */ C(r, { children: [/* @__PURE__ */ S(s, {}), /* @__PURE__ */ S(y, { "aria-label": e.label })] }) })]
88
+ children: [/* @__PURE__ */ S(e, { children: t.label }), /* @__PURE__ */ S(_, {})]
89
+ }), /* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(o, {}), /* @__PURE__ */ S(v, { "aria-label": t.label })] }) })]
90
90
  });
91
91
  return i ? /* @__PURE__ */ S("div", {
92
92
  className: k.rowField,
93
- children: o
94
- }) : o;
93
+ children: c
94
+ }) : c;
95
95
  }
96
96
  function R({ checked: e, row: t, onChange: n }) {
97
97
  let r = w();
98
- return /* @__PURE__ */ C(u, {
98
+ return /* @__PURE__ */ C(l, {
99
99
  align: "center",
100
100
  justify: t ? "start" : "between",
101
101
  gap: "2",
@@ -104,18 +104,18 @@ function R({ checked: e, row: t, onChange: n }) {
104
104
  id: r,
105
105
  className: k.invertLabel,
106
106
  children: "Invert"
107
- }), /* @__PURE__ */ S(o, {
107
+ }), /* @__PURE__ */ S(a, {
108
108
  "aria-labelledby": r,
109
109
  checked: e,
110
110
  onCheckedChange: (e) => {
111
111
  n(e);
112
112
  },
113
- children: /* @__PURE__ */ S(p, {})
113
+ children: /* @__PURE__ */ S(f, {})
114
114
  })]
115
115
  });
116
116
  }
117
117
  function z({ active: e, onChange: t }) {
118
- return /* @__PURE__ */ C(g, {
118
+ return /* @__PURE__ */ C(h, {
119
119
  className: k.segment,
120
120
  "aria-label": "Display dimension",
121
121
  value: [e],
@@ -123,10 +123,10 @@ function z({ active: e, onChange: t }) {
123
123
  let n = e[0];
124
124
  (n === "2d" || n === "3d") && t(n);
125
125
  },
126
- children: [/* @__PURE__ */ S(a, {
126
+ children: [/* @__PURE__ */ S(i, {
127
127
  value: "2d",
128
128
  children: "2D"
129
- }), /* @__PURE__ */ S(a, {
129
+ }), /* @__PURE__ */ S(i, {
130
130
  value: "3d",
131
131
  children: "3D"
132
132
  })]
@@ -149,113 +149,113 @@ function B({ dimension: e, fields: t, options: n, row: r, onChange: i }) {
149
149
  }
150
150
  })] });
151
151
  }
152
- function V({ variant: e = "default", options: t, intensityRange: r, ranges: a, onOptionsChange: o, className: s, ...c }) {
153
- let [p, g] = E("2d"), _ = N(r, a), v = (e) => {
152
+ function V({ variant: e = "default", options: n, intensityRange: i, ranges: a, onOptionsChange: o, className: s, ...f }) {
153
+ let [h, g] = E("2d"), _ = N(i, a), v = (e) => {
154
154
  g(e === "3d" ? "3d" : "2d");
155
155
  };
156
156
  return /* @__PURE__ */ S("div", {
157
- ...c,
157
+ ...f,
158
158
  "data-imf-ui-component": "ImageDisplayOptions",
159
159
  className: I({ className: s }),
160
- children: e === "default" ? /* @__PURE__ */ C(n, {
161
- value: p,
160
+ children: e === "default" ? /* @__PURE__ */ C(t, {
161
+ value: h,
162
162
  onValueChange: v,
163
- children: [/* @__PURE__ */ C(d, { children: [
164
- /* @__PURE__ */ S(f, {
163
+ children: [/* @__PURE__ */ C(u, { children: [
164
+ /* @__PURE__ */ S(d, {
165
165
  value: "2d",
166
166
  children: "2D Slices"
167
167
  }),
168
- /* @__PURE__ */ S(f, {
168
+ /* @__PURE__ */ S(d, {
169
169
  value: "3d",
170
170
  children: "3D Volume"
171
171
  }),
172
- /* @__PURE__ */ S(h, {})
173
- ] }), /* @__PURE__ */ C(l, { children: [/* @__PURE__ */ S(m, {
172
+ /* @__PURE__ */ S(m, {})
173
+ ] }), /* @__PURE__ */ C(c, { children: [/* @__PURE__ */ S(p, {
174
174
  value: "2d",
175
- children: /* @__PURE__ */ S(i, {
175
+ children: /* @__PURE__ */ S(r, {
176
176
  gap: "3",
177
177
  children: /* @__PURE__ */ S(B, {
178
178
  dimension: "2d",
179
179
  fields: _["2d"],
180
- options: t,
180
+ options: n,
181
181
  row: !1,
182
182
  onChange: o
183
183
  })
184
184
  })
185
- }), /* @__PURE__ */ S(m, {
185
+ }), /* @__PURE__ */ S(p, {
186
186
  value: "3d",
187
- children: /* @__PURE__ */ S(i, {
187
+ children: /* @__PURE__ */ S(r, {
188
188
  gap: "3",
189
189
  children: /* @__PURE__ */ S(B, {
190
190
  dimension: "3d",
191
191
  fields: _["3d"],
192
- options: t,
192
+ options: n,
193
193
  row: !1,
194
194
  onChange: o
195
195
  })
196
196
  })
197
197
  })] })]
198
- }) : e === "horizontal" ? /* @__PURE__ */ C(n, {
198
+ }) : e === "horizontal" ? /* @__PURE__ */ C(t, {
199
199
  className: k.horizontalTabs,
200
200
  orientation: "vertical",
201
- value: p,
201
+ value: h,
202
202
  onValueChange: v,
203
- children: [/* @__PURE__ */ C(d, {
203
+ children: [/* @__PURE__ */ C(u, {
204
204
  fill: !0,
205
205
  children: [
206
- /* @__PURE__ */ S(f, {
206
+ /* @__PURE__ */ S(d, {
207
207
  value: "2d",
208
208
  children: "2D"
209
209
  }),
210
- /* @__PURE__ */ S(f, {
210
+ /* @__PURE__ */ S(d, {
211
211
  value: "3d",
212
212
  children: "3D"
213
213
  }),
214
- /* @__PURE__ */ S(h, {})
214
+ /* @__PURE__ */ S(m, {})
215
215
  ]
216
- }), /* @__PURE__ */ C(l, {
216
+ }), /* @__PURE__ */ C(c, {
217
217
  className: k.horizontalPanel,
218
- children: [/* @__PURE__ */ S(m, {
218
+ children: [/* @__PURE__ */ S(p, {
219
219
  value: "2d",
220
- children: /* @__PURE__ */ S(u, {
220
+ children: /* @__PURE__ */ S(l, {
221
221
  align: "center",
222
222
  gap: "3",
223
223
  className: k.strip,
224
224
  children: /* @__PURE__ */ S(B, {
225
225
  dimension: "2d",
226
226
  fields: _["2d"],
227
- options: t,
227
+ options: n,
228
228
  row: !0,
229
229
  onChange: o
230
230
  })
231
231
  })
232
- }), /* @__PURE__ */ S(m, {
232
+ }), /* @__PURE__ */ S(p, {
233
233
  value: "3d",
234
- children: /* @__PURE__ */ S(u, {
234
+ children: /* @__PURE__ */ S(l, {
235
235
  align: "center",
236
236
  gap: "3",
237
237
  className: k.strip,
238
238
  children: /* @__PURE__ */ S(B, {
239
239
  dimension: "3d",
240
240
  fields: _["3d"],
241
- options: t,
241
+ options: n,
242
242
  row: !0,
243
243
  onChange: o
244
244
  })
245
245
  })
246
246
  })]
247
247
  })]
248
- }) : /* @__PURE__ */ C(u, {
248
+ }) : /* @__PURE__ */ C(l, {
249
249
  align: "center",
250
250
  gap: "3",
251
251
  className: k.compactStrip,
252
252
  children: [/* @__PURE__ */ S(z, {
253
- active: p,
253
+ active: h,
254
254
  onChange: g
255
255
  }), /* @__PURE__ */ S(B, {
256
- dimension: p,
257
- fields: _[p],
258
- options: t,
256
+ dimension: h,
257
+ fields: _[h],
258
+ options: n,
259
259
  row: !0,
260
260
  onChange: o
261
261
  })]
@@ -295,7 +295,7 @@ H.displayName = "ImageDisplayOptions";
295
295
  //#region src/integrations/image-display-options/image-display-options.meta.ts
296
296
  var U = {
297
297
  name: "ImageDisplayOptions",
298
- category: e.inputs,
298
+ category: y.inputs,
299
299
  status: "experimental",
300
300
  description: "Panel and toolbar controls for an image dataset's display options, including window, level, gamma, and invert settings.",
301
301
  origin: "adapted",