@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.
@@ -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 };
@@ -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 };