@imfusion/web-ui 0.11.1-dev.73.g65836a33 → 0.11.1-dev.74.g7422f7b2

package/dist/{icon-button-kVghav2z.js → row-CaeE5pqs.js}

@@ -166,6 +166,137 @@ var v = {
 	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.",
 	origin: "native",
 	internalDependencies: ["Button", "Icon"]
-};
+}, y = {
+	alignCenter: "imf-ui-stack-module-alignCenter",
+	alignEnd: "imf-ui-stack-module-alignEnd",
+	alignStart: "imf-ui-stack-module-alignStart",
+	alignStretch: "imf-ui-stack-module-alignStretch",
+	gap0: "imf-ui-stack-module-gap0",
+	gap1: "imf-ui-stack-module-gap1",
+	gap10: "imf-ui-stack-module-gap10",
+	gap2: "imf-ui-stack-module-gap2",
+	gap3: "imf-ui-stack-module-gap3",
+	gap4: "imf-ui-stack-module-gap4",
+	gap5: "imf-ui-stack-module-gap5",
+	gap6: "imf-ui-stack-module-gap6",
+	gap7: "imf-ui-stack-module-gap7",
+	gap8: "imf-ui-stack-module-gap8",
+	gap9: "imf-ui-stack-module-gap9",
+	justifyAround: "imf-ui-stack-module-justifyAround",
+	justifyBetween: "imf-ui-stack-module-justifyBetween",
+	justifyCenter: "imf-ui-stack-module-justifyCenter",
+	justifyEnd: "imf-ui-stack-module-justifyEnd",
+	justifyEvenly: "imf-ui-stack-module-justifyEvenly",
+	justifyStart: "imf-ui-stack-module-justifyStart",
+	root: "imf-ui-stack-module-root"
+}, b = o(y.root, { variants: {
+	gap: {
+		0: y.gap0,
+		1: y.gap1,
+		2: y.gap2,
+		3: y.gap3,
+		4: y.gap4,
+		5: y.gap5,
+		6: y.gap6,
+		7: y.gap7,
+		8: y.gap8,
+		9: y.gap9,
+		10: y.gap10
+	},
+	align: {
+		start: y.alignStart,
+		center: y.alignCenter,
+		end: y.alignEnd,
+		stretch: y.alignStretch
+	},
+	justify: {
+		start: y.justifyStart,
+		center: y.justifyCenter,
+		end: y.justifyEnd,
+		between: y.justifyBetween,
+		around: y.justifyAround,
+		evenly: y.justifyEvenly
+	}
+} });
+function x({ gap: e = "4", align: t = "stretch", justify: n = "start", ...r }) {
+	return /* @__PURE__ */ s("div", {
+		...r,
+		"data-imf-ui-component": "Stack",
+		className: b({
+			gap: e,
+			align: t,
+			justify: n,
+			className: r.className
+		})
+	});
+}
+var S = {
+	alignCenter: "imf-ui-row-module-alignCenter",
+	alignEnd: "imf-ui-row-module-alignEnd",
+	alignStart: "imf-ui-row-module-alignStart",
+	alignStretch: "imf-ui-row-module-alignStretch",
+	gap1: "imf-ui-row-module-gap1",
+	gap10: "imf-ui-row-module-gap10",
+	gap2: "imf-ui-row-module-gap2",
+	gap3: "imf-ui-row-module-gap3",
+	gap4: "imf-ui-row-module-gap4",
+	gap5: "imf-ui-row-module-gap5",
+	gap6: "imf-ui-row-module-gap6",
+	gap7: "imf-ui-row-module-gap7",
+	gap8: "imf-ui-row-module-gap8",
+	gap9: "imf-ui-row-module-gap9",
+	justifyAround: "imf-ui-row-module-justifyAround",
+	justifyBetween: "imf-ui-row-module-justifyBetween",
+	justifyCenter: "imf-ui-row-module-justifyCenter",
+	justifyEnd: "imf-ui-row-module-justifyEnd",
+	justifyEvenly: "imf-ui-row-module-justifyEvenly",
+	justifyStart: "imf-ui-row-module-justifyStart",
+	root: "imf-ui-row-module-root",
+	wrap: "imf-ui-row-module-wrap"
+}, C = o(S.root, { variants: {
+	gap: {
+		1: S.gap1,
+		2: S.gap2,
+		3: S.gap3,
+		4: S.gap4,
+		5: S.gap5,
+		6: S.gap6,
+		7: S.gap7,
+		8: S.gap8,
+		9: S.gap9,
+		10: S.gap10
+	},
+	align: {
+		start: S.alignStart,
+		center: S.alignCenter,
+		end: S.alignEnd,
+		stretch: S.alignStretch
+	},
+	justify: {
+		start: S.justifyStart,
+		center: S.justifyCenter,
+		end: S.justifyEnd,
+		between: S.justifyBetween,
+		around: S.justifyAround,
+		evenly: S.justifyEvenly
+	},
+	wrap: {
+		true: S.wrap,
+		false: null
+	}
+} });
+function w({ gap: e = "2", align: t = "stretch", justify: n = "start", wrap: r = !1, ...i }) {
+	return /* @__PURE__ */ s("div", {
+		...i,
+		"data-imf-ui-component": "Row",
+		className: C({
+			gap: e,
+			align: t,
+			justify: n,
+			wrap: r,
+			className: i.className
+		})
+	});
+}
 //#endregion
-export { d as i, _ as n, f as r, v as t };
+export { f as a, _ as i, x as n, d as o, v as r, w as t };

package/dist/separator-BxUMVvFE.js

@@ -0,0 +1,137 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { a as t } from "./utils-J6vbjIt1.js";
+import { cva as n } from "class-variance-authority";
+import { jsx as r } from "react/jsx-runtime";
+import { Separator as i } from "@base-ui/react/separator";
+import { Slider as a } from "@base-ui/react/slider";
+var o = {
+	control: "imf-ui-slider-module-control",
+	indicator: "imf-ui-slider-module-indicator",
+	label: "imf-ui-slider-module-label",
+	root: "imf-ui-slider-module-root",
+	thumb: "imf-ui-slider-module-thumb",
+	track: "imf-ui-slider-module-track",
+	value: "imf-ui-slider-module-value",
+	variantPosition: "imf-ui-slider-module-variantPosition"
+}, s = /* @__PURE__ */ e({
+	Control: () => v,
+	Indicator: () => b,
+	Label: () => g,
+	Root: () => h,
+	Thumb: () => x,
+	Track: () => y,
+	Value: () => _
+}), c = n(o.root, { variants: { variant: {
+	default: null,
+	position: o.variantPosition
+} } }), l = n(o.label), u = n(o.value), d = n(o.control), f = n(o.track), p = n(o.indicator), m = n(o.thumb);
+function h({ variant: e = "default", value: n, defaultValue: i, onValueChange: o, onValueCommitted: s, 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 }) {
+	return /* @__PURE__ */ r(a.Root, {
+		...S,
+		"data-imf-ui-component": "Slider.Root",
+		"data-orientation": h,
+		className: (n) => c({
+			variant: e,
+			className: t(S.className, n)
+		}),
+		value: n,
+		defaultValue: i,
+		onValueChange: o,
+		onValueCommitted: s,
+		min: l,
+		max: u,
+		step: d,
+		largeStep: f,
+		minStepsBetweenValues: p,
+		disabled: m,
+		orientation: h,
+		name: g,
+		form: _,
+		locale: v,
+		thumbAlignment: y,
+		thumbCollisionBehavior: b,
+		format: x
+	});
+}
+h.displayName = "Slider.Root";
+function g(e) {
+	return /* @__PURE__ */ r(a.Label, {
+		...e,
+		"data-imf-ui-component": "Slider.Label",
+		className: (n) => l({ className: t(e.className, n) })
+	});
+}
+g.displayName = "Slider.Label";
+function _({ children: e, ...n }) {
+	return /* @__PURE__ */ r(a.Value, {
+		...n,
+		"data-imf-ui-component": "Slider.Value",
+		className: (e) => u({ className: t(n.className, e) }),
+		children: e
+	});
+}
+_.displayName = "Slider.Value";
+function v(e) {
+	return /* @__PURE__ */ r(a.Control, {
+		...e,
+		"data-imf-ui-component": "Slider.Control",
+		className: (n) => d({ className: t(e.className, n) })
+	});
+}
+v.displayName = "Slider.Control";
+function y(e) {
+	return /* @__PURE__ */ r(a.Track, {
+		...e,
+		"data-imf-ui-component": "Slider.Track",
+		className: (n) => f({ className: t(e.className, n) })
+	});
+}
+y.displayName = "Slider.Track";
+function b(e) {
+	return /* @__PURE__ */ r(a.Indicator, {
+		...e,
+		"data-imf-ui-component": "Slider.Indicator",
+		className: (n) => p({ className: t(e.className, n) })
+	});
+}
+b.displayName = "Slider.Indicator";
+function x({ index: e, ...n }) {
+	return /* @__PURE__ */ r(a.Thumb, {
+		...n,
+		"data-imf-ui-component": "Slider.Thumb",
+		className: (e) => m({ className: t(n.className, e) }),
+		index: e
+	});
+}
+x.displayName = "Slider.Thumb";
+var S = {
+	root: "imf-ui-separator-module-root",
+	toneMinor: "imf-ui-separator-module-toneMinor",
+	variantDashed: "imf-ui-separator-module-variantDashed",
+	variantDotted: "imf-ui-separator-module-variantDotted",
+	variantSolid: "imf-ui-separator-module-variantSolid"
+}, C = n(S.root, { variants: {
+	variant: {
+		solid: S.variantSolid,
+		dashed: S.variantDashed,
+		dotted: S.variantDotted
+	},
+	tone: {
+		primary: null,
+		minor: S.toneMinor
+	}
+} });
+function w({ orientation: e = "horizontal", variant: t = "solid", tone: n = "primary", ...a }) {
+	return /* @__PURE__ */ r(i, {
+		...a,
+		orientation: e,
+		"data-imf-ui-component": "Separator",
+		className: C({
+			variant: t,
+			tone: n,
+			className: a.className
+		})
+	});
+}
+//#endregion
+export { h as a, _ as c, g as i, s as l, v as n, x as o, b as r, y as s, w as t };