@imfusion/web-ui 0.11.1-dev.47.g23180a23 → 0.11.1-dev.49.gcda1589f

package/dist/row-CImu8yXV.js

@@ -0,0 +1,136 @@
+import { cva as e } from "class-variance-authority";
+import { jsx as t } from "react/jsx-runtime";
+var n = {
+	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"
+}, r = e(n.root, { variants: {
+	gap: {
+		0: n.gap0,
+		1: n.gap1,
+		2: n.gap2,
+		3: n.gap3,
+		4: n.gap4,
+		5: n.gap5,
+		6: n.gap6,
+		7: n.gap7,
+		8: n.gap8,
+		9: n.gap9,
+		10: n.gap10
+	},
+	align: {
+		start: n.alignStart,
+		center: n.alignCenter,
+		end: n.alignEnd,
+		stretch: n.alignStretch
+	},
+	justify: {
+		start: n.justifyStart,
+		center: n.justifyCenter,
+		end: n.justifyEnd,
+		between: n.justifyBetween,
+		around: n.justifyAround,
+		evenly: n.justifyEvenly
+	}
+} });
+function i({ gap: e = "4", align: n = "stretch", justify: i = "start", ...a }) {
+	return /* @__PURE__ */ t("div", {
+		...a,
+		"data-imf-ui-component": "Stack",
+		className: r({
+			gap: e,
+			align: n,
+			justify: i,
+			className: a.className
+		})
+	});
+}
+var a = {
+	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"
+}, o = e(a.root, { variants: {
+	gap: {
+		1: a.gap1,
+		2: a.gap2,
+		3: a.gap3,
+		4: a.gap4,
+		5: a.gap5,
+		6: a.gap6,
+		7: a.gap7,
+		8: a.gap8,
+		9: a.gap9,
+		10: a.gap10
+	},
+	align: {
+		start: a.alignStart,
+		center: a.alignCenter,
+		end: a.alignEnd,
+		stretch: a.alignStretch
+	},
+	justify: {
+		start: a.justifyStart,
+		center: a.justifyCenter,
+		end: a.justifyEnd,
+		between: a.justifyBetween,
+		around: a.justifyAround,
+		evenly: a.justifyEvenly
+	},
+	wrap: {
+		true: a.wrap,
+		false: null
+	}
+} });
+function s({ gap: e = "2", align: n = "stretch", justify: r = "start", wrap: i = !1, ...a }) {
+	return /* @__PURE__ */ t("div", {
+		...a,
+		"data-imf-ui-component": "Row",
+		className: o({
+			gap: e,
+			align: n,
+			justify: r,
+			wrap: i,
+			className: a.className
+		})
+	});
+}
+//#endregion
+export { i as n, s as t };

package/dist/{scroll-area-CUo1NBaW.js → scroll-area-CXQ_SxPX.js}

@@ -1,4 +1,5 @@
-import { a as e, s as t } from "./utils-RZJAXfcf.js";
+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, jsxs as i } from "react/jsx-runtime";
 import { ScrollArea as a } from "@base-ui/react/scroll-area";
@@ -9,7 +10,7 @@ var o = {
 	scrollbar: "imf-ui-scroll-area-module-scrollbar",
 	thumb: "imf-ui-scroll-area-module-thumb",
 	viewport: "imf-ui-scroll-area-module-viewport"
-}, s = /* @__PURE__ */ t({
+}, s = /* @__PURE__ */ e({
 	Auto: () => b,
 	Content: () => g,
 	Corner: () => y,
@@ -18,51 +19,51 @@ var o = {
 	Thumb: () => v,
 	Viewport: () => h
 }), c = n(o.root), l = n(o.viewport), u = n(o.content), d = n(o.scrollbar), f = n(o.thumb), p = n(o.corner);
-function m(t) {
+function m(e) {
 	return /* @__PURE__ */ r(a.Root, {
-		...t,
+		...e,
 		"data-imf-ui-component": "ScrollArea.Root",
-		className: (n) => c({ className: e(t.className, n) })
+		className: (n) => c({ className: t(e.className, n) })
 	});
 }
 m.displayName = "ScrollArea.Root";
-function h(t) {
+function h(e) {
 	return /* @__PURE__ */ r(a.Viewport, {
-		...t,
+		...e,
 		"data-imf-ui-component": "ScrollArea.Viewport",
-		className: (n) => l({ className: e(t.className, n) })
+		className: (n) => l({ className: t(e.className, n) })
 	});
 }
 h.displayName = "ScrollArea.Viewport";
-function g(t) {
+function g(e) {
 	return /* @__PURE__ */ r(a.Content, {
-		...t,
+		...e,
 		"data-imf-ui-component": "ScrollArea.Content",
-		className: (n) => u({ className: e(t.className, n) })
+		className: (n) => u({ className: t(e.className, n) })
 	});
 }
 g.displayName = "ScrollArea.Content";
-function _(t) {
+function _(e) {
 	return /* @__PURE__ */ r(a.Scrollbar, {
-		...t,
+		...e,
 		"data-imf-ui-component": "ScrollArea.Scrollbar",
-		className: (n) => d({ className: e(t.className, n) })
+		className: (n) => d({ className: t(e.className, n) })
 	});
 }
 _.displayName = "ScrollArea.Scrollbar";
-function v(t) {
+function v(e) {
 	return /* @__PURE__ */ r(a.Thumb, {
-		...t,
+		...e,
 		"data-imf-ui-component": "ScrollArea.Thumb",
-		className: (n) => f({ className: e(t.className, n) })
+		className: (n) => f({ className: t(e.className, n) })
 	});
 }
 v.displayName = "ScrollArea.Thumb";
-function y(t) {
+function y(e) {
 	return /* @__PURE__ */ r(a.Corner, {
-		...t,
+		...e,
 		"data-imf-ui-component": "ScrollArea.Corner",
-		className: (n) => p({ className: e(t.className, n) })
+		className: (n) => p({ className: t(e.className, n) })
 	});
 }
 y.displayName = "ScrollArea.Corner";

package/dist/{slider-BKDxeTmk.js → slider-CpIZMAFl.js}

@@ -1,4 +1,5 @@
-import { a as e, s as t } from "./utils-RZJAXfcf.js";
+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 { Slider as i } from "@base-ui/react/slider";
@@ -11,7 +12,7 @@ var a = {
 	track: "imf-ui-slider-module-track",
 	value: "imf-ui-slider-module-value",
 	variantPosition: "imf-ui-slider-module-variantPosition"
-}, o = /* @__PURE__ */ t({
+}, o = /* @__PURE__ */ e({
 	Control: () => _,
 	Indicator: () => y,
 	Label: () => h,
@@ -23,14 +24,14 @@ var a = {
 	default: null,
 	position: a.variantPosition
 } } }), c = n(a.label), l = n(a.value), u = n(a.control), d = n(a.track), f = n(a.indicator), p = n(a.thumb);
-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 }) {
+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 }) {
 	return /* @__PURE__ */ r(i.Root, {
 		...S,
 		"data-imf-ui-component": "Slider.Root",
 		"data-orientation": h,
 		className: (n) => s({
-			variant: t,
-			className: e(S.className, n)
+			variant: e,
+			className: t(S.className, n)
 		}),
 		value: n,
 		defaultValue: a,
@@ -52,53 +53,53 @@ function m({ variant: t = "default", value: n, defaultValue: a, onValueChange: o
 	});
 }
 m.displayName = "Slider.Root";
-function h(t) {
+function h(e) {
 	return /* @__PURE__ */ r(i.Label, {
-		...t,
+		...e,
 		"data-imf-ui-component": "Slider.Label",
-		className: (n) => c({ className: e(t.className, n) })
+		className: (n) => c({ className: t(e.className, n) })
 	});
 }
 h.displayName = "Slider.Label";
-function g({ children: t, ...n }) {
+function g({ children: e, ...n }) {
 	return /* @__PURE__ */ r(i.Value, {
 		...n,
 		"data-imf-ui-component": "Slider.Value",
-		className: (t) => l({ className: e(n.className, t) }),
-		children: t
+		className: (e) => l({ className: t(n.className, e) }),
+		children: e
 	});
 }
 g.displayName = "Slider.Value";
-function _(t) {
+function _(e) {
 	return /* @__PURE__ */ r(i.Control, {
-		...t,
+		...e,
 		"data-imf-ui-component": "Slider.Control",
-		className: (n) => u({ className: e(t.className, n) })
+		className: (n) => u({ className: t(e.className, n) })
 	});
 }
 _.displayName = "Slider.Control";
-function v(t) {
+function v(e) {
 	return /* @__PURE__ */ r(i.Track, {
-		...t,
+		...e,
 		"data-imf-ui-component": "Slider.Track",
-		className: (n) => d({ className: e(t.className, n) })
+		className: (n) => d({ className: t(e.className, n) })
 	});
 }
 v.displayName = "Slider.Track";
-function y(t) {
+function y(e) {
 	return /* @__PURE__ */ r(i.Indicator, {
-		...t,
+		...e,
 		"data-imf-ui-component": "Slider.Indicator",
-		className: (n) => f({ className: e(t.className, n) })
+		className: (n) => f({ className: t(e.className, n) })
 	});
 }
 y.displayName = "Slider.Indicator";
-function b({ index: t, ...n }) {
+function b({ index: e, ...n }) {
 	return /* @__PURE__ */ r(i.Thumb, {
 		...n,
 		"data-imf-ui-component": "Slider.Thumb",
-		className: (t) => p({ className: e(n.className, t) }),
-		index: t
+		className: (e) => p({ className: t(n.className, e) }),
+		index: e
 	});
 }
 b.displayName = "Slider.Thumb";