@imfusion/web-ui 0.11.1-dev.73.g65836a33 → 0.11.1-dev.75.g4f81d8fd
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/index.js +2407 -2660
- package/dist/integrations/frame-selection.js +3 -4
- package/dist/integrations/image-display-options/image-display-options-view.d.ts +8 -2
- package/dist/integrations/image-display-options/image-display-options-view.utils.d.ts +7 -3
- package/dist/integrations/image-display-options/image-display-options.d.ts +5 -1
- package/dist/integrations/image-display-options.js +269 -155
- package/dist/integrations/view-tools.js +1 -2
- package/dist/{icon-button-kVghav2z.js → row-CaeE5pqs.js} +133 -2
- package/dist/separator-BxUMVvFE.js +137 -0
- package/dist/style.css +1 -1
- package/dist/tabs-Bl3YlG5t.js +429 -0
- package/package.json +1 -1
- package/src/docgen/doc.gen.json +7 -0
- package/src/llms/llms.gen.txt +1 -1
- package/dist/row-CImu8yXV.js +0 -136
- package/dist/separator-BV2TR8U0.js +0 -34
- package/dist/slider-CpIZMAFl.js +0 -107
- package/dist/tabs-BqgyMmo6.js +0 -173
package/dist/slider-CpIZMAFl.js
DELETED
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
-
import { a as t } from "./utils-J6vbjIt1.js";
|
|
3
|
-
import { cva as n } from "class-variance-authority";
|
|
4
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
-
import { Slider as i } from "@base-ui/react/slider";
|
|
6
|
-
var a = {
|
|
7
|
-
control: "imf-ui-slider-module-control",
|
|
8
|
-
indicator: "imf-ui-slider-module-indicator",
|
|
9
|
-
label: "imf-ui-slider-module-label",
|
|
10
|
-
root: "imf-ui-slider-module-root",
|
|
11
|
-
thumb: "imf-ui-slider-module-thumb",
|
|
12
|
-
track: "imf-ui-slider-module-track",
|
|
13
|
-
value: "imf-ui-slider-module-value",
|
|
14
|
-
variantPosition: "imf-ui-slider-module-variantPosition"
|
|
15
|
-
}, o = /* @__PURE__ */ e({
|
|
16
|
-
Control: () => _,
|
|
17
|
-
Indicator: () => y,
|
|
18
|
-
Label: () => h,
|
|
19
|
-
Root: () => m,
|
|
20
|
-
Thumb: () => b,
|
|
21
|
-
Track: () => v,
|
|
22
|
-
Value: () => g
|
|
23
|
-
}), s = n(a.root, { variants: { variant: {
|
|
24
|
-
default: null,
|
|
25
|
-
position: a.variantPosition
|
|
26
|
-
} } }), c = n(a.label), l = n(a.value), u = n(a.control), d = n(a.track), f = n(a.indicator), p = n(a.thumb);
|
|
27
|
-
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 }) {
|
|
28
|
-
return /* @__PURE__ */ r(i.Root, {
|
|
29
|
-
...S,
|
|
30
|
-
"data-imf-ui-component": "Slider.Root",
|
|
31
|
-
"data-orientation": h,
|
|
32
|
-
className: (n) => s({
|
|
33
|
-
variant: e,
|
|
34
|
-
className: t(S.className, n)
|
|
35
|
-
}),
|
|
36
|
-
value: n,
|
|
37
|
-
defaultValue: a,
|
|
38
|
-
onValueChange: o,
|
|
39
|
-
onValueCommitted: c,
|
|
40
|
-
min: l,
|
|
41
|
-
max: u,
|
|
42
|
-
step: d,
|
|
43
|
-
largeStep: f,
|
|
44
|
-
minStepsBetweenValues: p,
|
|
45
|
-
disabled: m,
|
|
46
|
-
orientation: h,
|
|
47
|
-
name: g,
|
|
48
|
-
form: _,
|
|
49
|
-
locale: v,
|
|
50
|
-
thumbAlignment: y,
|
|
51
|
-
thumbCollisionBehavior: b,
|
|
52
|
-
format: x
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
m.displayName = "Slider.Root";
|
|
56
|
-
function h(e) {
|
|
57
|
-
return /* @__PURE__ */ r(i.Label, {
|
|
58
|
-
...e,
|
|
59
|
-
"data-imf-ui-component": "Slider.Label",
|
|
60
|
-
className: (n) => c({ className: t(e.className, n) })
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
h.displayName = "Slider.Label";
|
|
64
|
-
function g({ children: e, ...n }) {
|
|
65
|
-
return /* @__PURE__ */ r(i.Value, {
|
|
66
|
-
...n,
|
|
67
|
-
"data-imf-ui-component": "Slider.Value",
|
|
68
|
-
className: (e) => l({ className: t(n.className, e) }),
|
|
69
|
-
children: e
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
g.displayName = "Slider.Value";
|
|
73
|
-
function _(e) {
|
|
74
|
-
return /* @__PURE__ */ r(i.Control, {
|
|
75
|
-
...e,
|
|
76
|
-
"data-imf-ui-component": "Slider.Control",
|
|
77
|
-
className: (n) => u({ className: t(e.className, n) })
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
_.displayName = "Slider.Control";
|
|
81
|
-
function v(e) {
|
|
82
|
-
return /* @__PURE__ */ r(i.Track, {
|
|
83
|
-
...e,
|
|
84
|
-
"data-imf-ui-component": "Slider.Track",
|
|
85
|
-
className: (n) => d({ className: t(e.className, n) })
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
v.displayName = "Slider.Track";
|
|
89
|
-
function y(e) {
|
|
90
|
-
return /* @__PURE__ */ r(i.Indicator, {
|
|
91
|
-
...e,
|
|
92
|
-
"data-imf-ui-component": "Slider.Indicator",
|
|
93
|
-
className: (n) => f({ className: t(e.className, n) })
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
y.displayName = "Slider.Indicator";
|
|
97
|
-
function b({ index: e, ...n }) {
|
|
98
|
-
return /* @__PURE__ */ r(i.Thumb, {
|
|
99
|
-
...n,
|
|
100
|
-
"data-imf-ui-component": "Slider.Thumb",
|
|
101
|
-
className: (e) => p({ className: t(n.className, e) }),
|
|
102
|
-
index: e
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
b.displayName = "Slider.Thumb";
|
|
106
|
-
//#endregion
|
|
107
|
-
export { b as a, o as c, m as i, y as n, v as o, h as r, g as s, _ as t };
|
package/dist/tabs-BqgyMmo6.js
DELETED
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
-
import { a as t } from "./utils-J6vbjIt1.js";
|
|
3
|
-
import { cva as n, cx as r } from "class-variance-authority";
|
|
4
|
-
import { jsx as i } from "react/jsx-runtime";
|
|
5
|
-
import { createContext as a, useCallback as o, useContext as s } from "react";
|
|
6
|
-
import { Switch as c } from "@base-ui/react/switch";
|
|
7
|
-
import { Tabs as l } from "@base-ui/react/tabs";
|
|
8
|
-
var u = {
|
|
9
|
-
root: "imf-ui-switch-module-root",
|
|
10
|
-
thumb: "imf-ui-switch-module-thumb"
|
|
11
|
-
}, d = /* @__PURE__ */ e({
|
|
12
|
-
Root: () => m,
|
|
13
|
-
Thumb: () => h
|
|
14
|
-
}), f = n(u.root), p = n(u.thumb);
|
|
15
|
-
function m(e) {
|
|
16
|
-
return /* @__PURE__ */ i(c.Root, {
|
|
17
|
-
...e,
|
|
18
|
-
"data-imf-ui-component": "Switch.Root",
|
|
19
|
-
className: (n) => f({ className: t(e.className, n) })
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
m.displayName = "Switch.Root";
|
|
23
|
-
function h(e) {
|
|
24
|
-
return /* @__PURE__ */ i(c.Thumb, {
|
|
25
|
-
...e,
|
|
26
|
-
"data-imf-ui-component": "Switch.Thumb",
|
|
27
|
-
className: (n) => p({ className: t(e.className, n) })
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
h.displayName = "Switch.Thumb";
|
|
31
|
-
var g = {
|
|
32
|
-
item: "imf-ui-tabs-underline-module-item",
|
|
33
|
-
rule: "imf-ui-tabs-underline-module-rule"
|
|
34
|
-
}, _ = n(g.rule), v = n(g.item), y = {
|
|
35
|
-
indicator: "imf-ui-tabs-module-indicator",
|
|
36
|
-
indicatorUnderline: "imf-ui-tabs-module-indicatorUnderline",
|
|
37
|
-
list: "imf-ui-tabs-module-list",
|
|
38
|
-
listFill: "imf-ui-tabs-module-listFill",
|
|
39
|
-
listUnderline: "imf-ui-tabs-module-listUnderline",
|
|
40
|
-
panel: "imf-ui-tabs-module-panel",
|
|
41
|
-
panelUnderline: "imf-ui-tabs-module-panelUnderline",
|
|
42
|
-
panelViewport: "imf-ui-tabs-module-panelViewport",
|
|
43
|
-
panelViewportUnderline: "imf-ui-tabs-module-panelViewportUnderline",
|
|
44
|
-
root: "imf-ui-tabs-module-root",
|
|
45
|
-
tab: "imf-ui-tabs-module-tab",
|
|
46
|
-
tabUnderline: "imf-ui-tabs-module-tabUnderline"
|
|
47
|
-
}, b = /* @__PURE__ */ e({
|
|
48
|
-
Indicator: () => N,
|
|
49
|
-
List: () => j,
|
|
50
|
-
Panel: () => F,
|
|
51
|
-
PanelViewport: () => P,
|
|
52
|
-
Root: () => A,
|
|
53
|
-
Tab: () => M
|
|
54
|
-
}), x = n(y.list, { variants: {
|
|
55
|
-
fill: {
|
|
56
|
-
true: y.listFill,
|
|
57
|
-
false: null
|
|
58
|
-
},
|
|
59
|
-
appearance: {
|
|
60
|
-
boxed: null,
|
|
61
|
-
underline: r(y.listUnderline, _())
|
|
62
|
-
}
|
|
63
|
-
} }), S = n(y.root), C = n(null, { variants: { appearance: {
|
|
64
|
-
boxed: y.tab,
|
|
65
|
-
underline: r(y.tabUnderline, v())
|
|
66
|
-
} } }), w = n(null, { variants: { appearance: {
|
|
67
|
-
boxed: y.indicator,
|
|
68
|
-
underline: y.indicatorUnderline
|
|
69
|
-
} } }), T = n(y.panelViewport, { variants: { appearance: {
|
|
70
|
-
boxed: null,
|
|
71
|
-
underline: y.panelViewportUnderline
|
|
72
|
-
} } }), E = n(y.panel, { variants: { appearance: {
|
|
73
|
-
boxed: null,
|
|
74
|
-
underline: y.panelUnderline
|
|
75
|
-
} } }), D = a("boxed");
|
|
76
|
-
function O(e, t) {
|
|
77
|
-
typeof e == "function" ? e(t) : e && (e.current = t);
|
|
78
|
-
}
|
|
79
|
-
function k(e) {
|
|
80
|
-
let t = new ResizeObserver(() => {
|
|
81
|
-
let t = e.dataset.orientation === "vertical" ? e.scrollHeight > e.clientHeight : e.scrollWidth > e.clientWidth;
|
|
82
|
-
e.toggleAttribute("data-overflowing", t);
|
|
83
|
-
}), n = () => {
|
|
84
|
-
t.disconnect(), t.observe(e);
|
|
85
|
-
for (let n of e.children) t.observe(n);
|
|
86
|
-
}, r = new MutationObserver(n);
|
|
87
|
-
return r.observe(e, { childList: !0 }), n(), () => {
|
|
88
|
-
t.disconnect(), r.disconnect();
|
|
89
|
-
};
|
|
90
|
-
}
|
|
91
|
-
function A({ appearance: e = "boxed", ...n }) {
|
|
92
|
-
let r = n.orientation === "vertical" ? "boxed" : e;
|
|
93
|
-
return /* @__PURE__ */ i(D, {
|
|
94
|
-
value: r,
|
|
95
|
-
children: /* @__PURE__ */ i(l.Root, {
|
|
96
|
-
...n,
|
|
97
|
-
"data-imf-ui-component": "Tabs.Root",
|
|
98
|
-
className: (e) => S({ className: t(n.className, e) })
|
|
99
|
-
})
|
|
100
|
-
});
|
|
101
|
-
}
|
|
102
|
-
A.displayName = "Tabs.Root";
|
|
103
|
-
function j({ fill: e = !1, ref: n, ...r }) {
|
|
104
|
-
let a = s(D), c = o((e) => {
|
|
105
|
-
if (!e) return;
|
|
106
|
-
O(n, e);
|
|
107
|
-
let t = k(e);
|
|
108
|
-
return () => {
|
|
109
|
-
t(), O(n, null);
|
|
110
|
-
};
|
|
111
|
-
}, [n]);
|
|
112
|
-
return /* @__PURE__ */ i(l.List, {
|
|
113
|
-
...r,
|
|
114
|
-
ref: c,
|
|
115
|
-
"data-imf-ui-component": "Tabs.List",
|
|
116
|
-
className: (n) => x({
|
|
117
|
-
fill: e,
|
|
118
|
-
appearance: a,
|
|
119
|
-
className: t(r.className, n)
|
|
120
|
-
})
|
|
121
|
-
});
|
|
122
|
-
}
|
|
123
|
-
j.displayName = "Tabs.List";
|
|
124
|
-
function M(e) {
|
|
125
|
-
let n = s(D);
|
|
126
|
-
return /* @__PURE__ */ i(l.Tab, {
|
|
127
|
-
...e,
|
|
128
|
-
"data-imf-ui-component": "Tabs.Tab",
|
|
129
|
-
className: (r) => C({
|
|
130
|
-
appearance: n,
|
|
131
|
-
className: t(e.className, r)
|
|
132
|
-
})
|
|
133
|
-
});
|
|
134
|
-
}
|
|
135
|
-
M.displayName = "Tabs.Tab";
|
|
136
|
-
function N(e) {
|
|
137
|
-
let n = s(D);
|
|
138
|
-
return /* @__PURE__ */ i(l.Indicator, {
|
|
139
|
-
...e,
|
|
140
|
-
"data-imf-ui-component": "Tabs.Indicator",
|
|
141
|
-
className: (r) => w({
|
|
142
|
-
appearance: n,
|
|
143
|
-
className: t(e.className, r)
|
|
144
|
-
})
|
|
145
|
-
});
|
|
146
|
-
}
|
|
147
|
-
N.displayName = "Tabs.Indicator";
|
|
148
|
-
function P(e) {
|
|
149
|
-
let t = s(D);
|
|
150
|
-
return /* @__PURE__ */ i("div", {
|
|
151
|
-
...e,
|
|
152
|
-
"data-imf-ui-component": "Tabs.PanelViewport",
|
|
153
|
-
className: T({
|
|
154
|
-
appearance: t,
|
|
155
|
-
className: e.className
|
|
156
|
-
})
|
|
157
|
-
});
|
|
158
|
-
}
|
|
159
|
-
P.displayName = "Tabs.PanelViewport";
|
|
160
|
-
function F(e) {
|
|
161
|
-
let n = s(D);
|
|
162
|
-
return /* @__PURE__ */ i(l.Panel, {
|
|
163
|
-
...e,
|
|
164
|
-
"data-imf-ui-component": "Tabs.Panel",
|
|
165
|
-
className: (r) => E({
|
|
166
|
-
appearance: n,
|
|
167
|
-
className: t(e.className, r)
|
|
168
|
-
})
|
|
169
|
-
});
|
|
170
|
-
}
|
|
171
|
-
F.displayName = "Tabs.Panel";
|
|
172
|
-
//#endregion
|
|
173
|
-
export { A as a, v as c, h as d, d as f, P as i, _ as l, j as n, M as o, F as r, b as s, N as t, m as u };
|