@ui0/flex 0.1.3 → 0.1.5

package/dist/components/flex/flex.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.config.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.config.ts"],"names":[],"mappings":";AAEA,wBAaE"}
+{"version":3,"file":"flex.config.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.config.ts"],"names":[],"mappings":";AAEA,wBAcE"}

package/dist/components/flex/flex.grid.d.ts

@@ -1,10 +1,10 @@
 import type { ComputedRef, InjectionKey } from 'vue';
 /** Shares a parent's horizontal gap with twelve-column children. */
-export declare const flexGridGapKey: InjectionKey<ComputedRef<string>>;
+export declare const flexGridGapKey: InjectionKey<ComputedRef<string | undefined>>;
 /** Extracts the column gap without splitting whitespace inside CSS functions. */
 export declare function columnGap(value: unknown): string;
 /** Accounts for eleven gutters in a twelve-column row. Explicit basis has priority. */
-export declare function gridStyles(cols: unknown, offset: unknown, parentGap: string): {
+export declare function gridStyles(cols: unknown, offset: unknown, parentGap: string | undefined): {
     flexBasis: string | undefined;
     marginInlineStart: string | undefined;
 };

package/dist/components/flex/flex.grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.grid.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAIpD,oEAAoE;AACpE,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,CAA+B,CAAA;AAE5F,iFAAiF;AACjF,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,UAgBvC;AAQD,uFAAuF;AACvF,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM;;;EAQ3E"}
+{"version":3,"file":"flex.grid.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAIpD,oEAAoE;AACpE,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAA+B,CAAA;AAExG,iFAAiF;AACjF,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,UAgBvC;AAQD,uFAAuF;AACvF,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS;;;EASvF"}

package/dist/components/flex/flex.layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.layout.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,oEAAoE;AACpE,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,sBAK1C;AAED,6EAA6E;AAC7E,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,sBAWvC;AAED,8EAA8E;AAC9E,wBAAgB,MAAM,CAAC,KAAK,EAAE,OAAO,sBAWpC;AAED,mFAAmF;AACnF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAMvD,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAMvD,CAAA;AAED,iFAAiF;AACjF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAO1D,CAAA;AAED,sEAAsE;AACtE,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,sBAIjF;AAED,wEAAwE;AACxE,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAoBtD"}
+{"version":3,"file":"flex.layout.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,oEAAoE;AACpE,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,sBAK1C;AAED,6EAA6E;AAC7E,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,sBAWvC;AAED,8EAA8E;AAC9E,wBAAgB,MAAM,CAAC,KAAK,EAAE,OAAO,sBAWpC;AAED,mFAAmF;AACnF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAMvD,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAMvD,CAAA;AAED,iFAAiF;AACjF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAO1D,CAAA;AAED,sEAAsE;AACtE,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,sBAIjF;AAED,wEAAwE;AACxE,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAsBtD"}

package/dist/components/flex/flex.types.d.ts

@@ -60,6 +60,8 @@ export interface FlexProps extends Flexible, BackdropProps, ColorProps, FillProp
     reverse?: boolean | undefined;
     /** flex shrink */
     shrink?: Numberish;
+    /** flex tag */
+    tag?: string;
     /** flex wrap */
     wrap?: boolean | undefined;
     /** container width */

package/dist/components/flex/flex.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.types.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"flex.types.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.types.ts"],"names":[],"mappings":"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"}

package/dist/components/flex/flex.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.util.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.util.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAG/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,MAAM,SAAS,CAiBxD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,aAAa,CAAC,SAAS,CAG7C,CAAA"}
+{"version":3,"file":"flex.util.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.util.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAG/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,MAAM,SAAS,CAmBxD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,aAAa,CAAC,SAAS,CAG7C,CAAA"}

package/dist/components/flex/flex.vue.d.ts

@@ -1,6 +1,8 @@
 import type { FlexProps, FlexSlots } from './flex.types';
 type __VLS_Slots = FlexSlots;
-declare const __VLS_base: import("vue").DefineComponent<FlexProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlexProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<FlexProps, {
+    focus: (options?: FocusOptions) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlexProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/flex/flex.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.vue.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.vue"],"names":[],"mappings":"AAsGE,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AASxD,KAAK,WAAW,GAAG,SAAS,CAAC;AA6E/B,QAAA,MAAM,UAAU,8RAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"flex.vue.d.ts","sourceRoot":"","sources":["../../../src/components/flex/flex.vue"],"names":[],"mappings":"AAyHA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAUxD,KAAK,WAAW,GAAG,SAAS,CAAC;AAuG7B,QAAA,MAAM,UAAU;sBAjG0B,YAAY;kPAoGpD,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import './style.css';
 export { Flex } from './components/flex';
 export { Flex as default } from './components/flex';
+export { FlexUtil } from './components/flex/flex.util';
 export type { FlexProps } from './components/flex/flex.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,YAAY,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA"}

package/dist/index.js

@@ -1,12 +1,12 @@
 import "./style.css";
-import { computed as e, createElementBlock as t, defineComponent as n, inject as r, normalizeClass as i, normalizeStyle as a, openBlock as o, provide as s, renderSlot as c, unref as l, useCssModule as u } from "vue";
-import { defineComponentConfig as d, useComponentDefaults as f } from "@ui0/core";
-import { useTheme as p, useThemeContext as m } from "@ui0/theme";
+import { computed as e, createBlock as t, defineComponent as n, h as r, inject as i, openBlock as a, provide as o, ref as s, renderSlot as c, useAttrs as l, useCssModule as u, useSlots as d, withCtx as f } from "vue";
+import { defineComponentConfig as p, useComponentDefaults as m } from "@ui0/core";
+import { ThemeContractPropsKeys as h, useThemeContext as g } from "@ui0/theme";
+import { arrayOmit as _, objectOmitKeys as v, objectPickKeys as y } from "@ui0/util";
 // src/components/flex/flex.config.ts
-var h = d("flex", {
+var b = p("flex", {
 	fill: "",
 	color: "",
-	gap: !1,
 	blur: !1,
 	shrink: void 0,
 	order: void 0,
@@ -16,40 +16,40 @@ var h = d("flex", {
 	options: { debug: !1 }
 });
 // src/components/flex/flex.layout.ts
-function g(e) {
+function x(e) {
 	if (typeof e != "number" && typeof e != "string" || typeof e == "string" && !e.trim()) return;
 	let t = Number(e);
 	return Number.isFinite(t) ? t : void 0;
 }
-function _(e) {
-	let t = g(e);
+function S(e) {
+	let t = x(e);
 	if (t !== void 0) return `${t}px`;
 	if (typeof e == "string" && e.trim() && !(/^[+-]?(?:infinity|nan)$/i.test(e.trim()) || !Number.isNaN(Number(e)) && !Number.isFinite(Number(e)))) return e;
 }
-function v(e) {
+function C(e) {
 	if (e === !0) return "var(--0-flex-gap, 0.5em)";
-	if (e === !1) return "0px";
+	if (e === !1) return;
 	let t = Array.isArray(e) ? e : [e];
 	if (t.length < 1 || t.length > 2) return;
 	let n = t.map((e) => {
-		let t = g(e);
-		if (!(t !== void 0 && t < 0)) return _(e);
+		let t = x(e);
+		if (!(t !== void 0 && t < 0)) return S(e);
 	});
 	return n.every((e) => e !== void 0) ? n.join(" ") : void 0;
 }
-var y = {
+var w = {
 	"-- ": "flex-start",
 	" --": "flex-end",
 	" - ": "center",
 	"---": "stretch",
 	"-": "baseline"
-}, b = {
-	...y,
+}, T = {
+	...w,
 	"-  ": "self-start",
 	"  -": "self-end",
 	"- --": "self-start",
 	"-- -": "self-end"
-}, x = {
+}, E = {
 	"-- ": "flex-start",
 	" --": "flex-end",
 	" - ": "center",
@@ -57,53 +57,52 @@ var y = {
 	" - -": "space-evenly",
 	"- -": "space-between"
 };
-function S(e, t) {
+function D(e, t) {
 	if (typeof e == "string") return Object.hasOwn(t, e) ? t[e] : e.trim() && !/^[\s-]+$/.test(e) ? e : void 0;
 }
-function C(e) {
-	let t = e.column ? "column" : "row", n = typeof e.grow == "boolean" ? Number(e.grow) : g(e.grow), r = g(e.shrink), i = g(e.order);
-	return {
-		flexDirection: e.reverse ? `${t}-reverse` : t,
+function O(e) {
+	let t = typeof e.grow == "boolean" ? Number(e.grow) : x(e.grow), n = x(e.shrink), r = x(e.order), i = {
 		flexWrap: e.wrap === void 0 ? void 0 : e.wrap ? "wrap" : "nowrap",
-		gap: v(e.gap),
-		flexGrow: n !== void 0 && n >= 0 ? n : void 0,
-		flexShrink: r !== void 0 && r >= 0 ? r : void 0,
-		flexBasis: _(e.basis),
-		order: i !== void 0 && Number.isInteger(i) ? i : void 0,
-		width: _(e.width) ?? (e.fluid ? "100%" : void 0),
-		height: _(e.height) ?? (e.fluid ? "100%" : void 0),
-		alignItems: S(e.items, y),
-		alignSelf: S(e.align, b),
-		justifyContent: S(e.content, x),
-		justifySelf: S(e.justify, b)
+		gap: C(e.gap),
+		flexGrow: t !== void 0 && t > 0 ? t : void 0,
+		flexShrink: n !== void 0 && n > 0 ? n : void 0,
+		flexBasis: S(e.basis),
+		order: r !== void 0 && Number.isInteger(r) ? r : void 0,
+		width: S(e.width) ?? (e.fluid ? "100%" : void 0),
+		height: S(e.height) ?? (e.fluid ? "100%" : void 0),
+		alignItems: D(e.items, w),
+		alignSelf: D(e.align, T),
+		justifyContent: D(e.content, E),
+		justifySelf: D(e.justify, T)
 	};
+	return e.reverse && (i.flexDirection = `${e.column ? "column" : "row"}-reverse`), i;
 }
 // src/components/flex/flex.grid.ts
-var w = Symbol("ui0-flex-grid-gap");
-function T(e) {
-	let t = v(e);
+var k = Symbol("ui0-flex-grid-gap");
+function A(e) {
+	let t = C(e);
 	if (!t) return "0px";
 	let n = [], r = 0, i = "";
 	for (let e of t) e === "(" && r++, e === ")" && r--, /\s/.test(e) && r === 0 ? (i && n.push(i), i = "") : i += e;
 	return i && n.push(i), n[1] ?? n[0] ?? "0px";
 }
-function E(e, t) {
-	let n = g(e);
+function j(e, t) {
+	let n = x(e);
 	return n !== void 0 && Number.isInteger(n) && n >= t && n <= 12 ? n : void 0;
 }
-function D(e, t, n) {
-	let r = E(e, 1), i = E(t, 0);
+function M(e, t, n) {
+	let r = n ?? "0px", i = j(e, 1), a = j(t, 0);
 	return {
-		flexBasis: r === void 0 ? void 0 : `calc((100% - 11 * ${n}) / 12 * ${r} + ${r - 1} * ${n})`,
-		marginInlineStart: i === void 0 ? void 0 : `calc((100% + ${n}) / 12 * ${i})`
+		flexBasis: i === void 0 ? void 0 : `calc((100% - 11 * ${r}) / 12 * ${i} + ${i - 1} * ${r})`,
+		marginInlineStart: a === void 0 ? void 0 : `calc((100% + ${r}) / 12 * ${a})`
 	};
 }
-// src/components/flex/flex.vue?vue&type=script&setup=true&lang.ts
-var O = ["aria-disabled"], k = /*#__PURE__*/ ((e, t) => {
+var N = /*#__PURE__*/ ((e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
 })(/* @__PURE__ */ n({
+	inheritAttrs: !1,
 	__name: "flex",
 	props: {
 		align: {},
@@ -129,6 +128,7 @@ var O = ["aria-disabled"], k = /*#__PURE__*/ ((e, t) => {
 		row: { type: Boolean },
 		reverse: { type: Boolean },
 		shrink: {},
+		tag: {},
 		wrap: { type: Boolean },
 		width: {},
 		cols: {},
@@ -137,35 +137,41 @@ var O = ["aria-disabled"], k = /*#__PURE__*/ ((e, t) => {
 		color: {},
 		fill: {},
 		round: {},
-		roundTarget: {},
+		"round-target": {},
 		elevation: {},
 		disabled: { type: Boolean }
 	},
-	setup(n) {
-		let d = n, g = f("flex", d, h), _ = u(), v = r(w, e(() => "0px"));
-		s(w, e(() => T(g.gap)));
-		let [, y] = p() ? m(d) : [], b = e(() => [
-			_.flex,
-			g.column ? _.column : _.row,
-			g.grow === !0 && _.grow,
-			g.disabled && _.disabled,
-			Number(g.elevation) !== 0 && g.elevation !== void 0 && _.elevated,
-			...y?.classes() ?? []
-		]), x = e(() => {
-			let e = C(g), t = D(g.cols, g.offset, v.value);
+	setup(n, { expose: p }) {
+		let h = m("flex", n, b), _ = d(), v = l(), y = s(null);
+		p({ focus: (e) => y.value?.focus(e) });
+		let x = () => r(h.tag ?? "div", {
+			...v,
+			ref: y,
+			class: [v.class, T.value],
+			style: [E.value, v.style],
+			"aria-disabled": h.disabled ? "true" : void 0
+		}, { default: _.default }), S = u(), C = i(k, e(() => void 0));
+		o(k, e(() => A(h.gap)));
+		let [, w] = g(h), T = e(() => [
+			S.flex,
+			h.column ? S.column : S.row,
+			h.grow === !0 && S.grow,
+			h.disabled && S.disabled,
+			Number(h.elevation) !== 0 && h.elevation !== void 0 && S.elevated,
+			...w?.classes() ?? []
+		]), E = e(() => {
+			let e = O(h), t = M(h.cols, h.offset, C.value);
 			return {
-				...y?.styles(),
+				...w?.styles(),
 				...e,
 				...t,
 				flexBasis: e.flexBasis ?? t.flexBasis
 			};
 		});
-		return (e, n) => (o(), t("div", {
-			"data-0": "flex",
-			class: i(b.value),
-			style: a(x.value),
-			"aria-disabled": l(g).disabled ? "true" : void 0
-		}, [c(e.$slots, "default")], 14, O));
+		return (e, n) => (a(), t(x, null, {
+			default: f(() => [c(e.$slots, "default")]),
+			_: 3
+		}));
 	}
 }), [["__cssModules", { $style: {
 	flex: "fl_222f",
@@ -175,5 +181,27 @@ var O = ["aria-disabled"], k = /*#__PURE__*/ ((e, t) => {
 	column: "co_881d",
 	grow: "gr_adca",
 	panel: "pa_320e"
-} }]]);
-export { k as Flex, k as default };
+} }]]), P = [
+	..._(h, ["density", "size"]),
+	"wrap",
+	"items",
+	"justify",
+	"gap",
+	"align",
+	"grow",
+	"height",
+	"width",
+	"basis",
+	"disabled",
+	"row",
+	"column",
+	"offset",
+	"cols",
+	"reverse",
+	"order",
+	"fluid"
+], F = {
+	omitOwnProps: (e) => v(e, ...P),
+	pickOwnProps: (e) => y(e, ...P)
+};
+export { N as Flex, N as default, F as FlexUtil };

package/dist/style.css

@@ -1,2 +1,2 @@
-@layer ui0.flex{.fl_222f{box-sizing:border-box;--0-c-src:initial;--0-c-src-l:initial;--0-c-src-d:initial;--0-c-src-hover:initial;--0-c-src-active:initial;--0-c-src-focus:initial;--0-c-src-l-hover:initial;--0-c-src-l-active:initial;--0-c-src-l-focus:initial;--0-c-src-d-hover:initial;--0-c-src-d-active:initial;--0-c-src-d-focus:initial;--0-c-o:var(--0-c-src,var(--0-c-src-l,1));--0-c-cur:rgb(var(--0-c-cur-v) / var(--0-c-o));display:flex}.theme_dark .fl_222f{--0-c-o:var(--0-c-src-d,var(--0-c-src,1))}.fl_222f:hover{--0-c-o:var(--0-c-src-hover,var(--0-c-src,var(--0-c-src-l,1)))}.fl_222f:active{--0-c-o:var(--0-c-src-active,var(--0-c-src,var(--0-c-src-l,1)))}.fl_222f:focus{--0-c-o:var(--0-c-src-focus,var(--0-c-src,var(--0-c-src-l,1)))}.theme_dark .fl_222f:hover{--0-c-o:var(--0-c-src-d-hover,var(--0-c-src-hover,var(--0-c-src-d,var(--0-c-src,1))))}.theme_dark .fl_222f:active{--0-c-o:var(--0-c-src-d-active,var(--0-c-src-active,var(--0-c-src-d,var(--0-c-src,1))))}.theme_dark .fl_222f:focus{--0-c-o:var(--0-c-src-d-focus,var(--0-c-src-focus,var(--0-c-src-d,var(--0-c-src,1))))}.fl_222f{--0-f-src:initial;--0-f-src-l:initial;--0-f-src-d:initial;--0-f-src-hover:initial;--0-f-src-active:initial;--0-f-src-focus:initial;--0-f-src-l-hover:initial;--0-f-src-l-active:initial;--0-f-src-l-focus:initial;--0-f-src-d-hover:initial;--0-f-src-d-active:initial;--0-f-src-d-focus:initial;--0-f-o:var(--0-f-src,var(--0-f-src-l,1));--0-f-cur:rgb(var(--0-f-cur-v) / var(--0-f-o))}.theme_dark .fl_222f{--0-f-o:var(--0-f-src-d,var(--0-f-src,1))}.fl_222f:hover{--0-f-o:var(--0-f-src-hover,var(--0-f-src,var(--0-f-src-l,1)))}.fl_222f:active{--0-f-o:var(--0-f-src-active,var(--0-f-src,var(--0-f-src-l,1)))}.fl_222f:focus{--0-f-o:var(--0-f-src-focus,var(--0-f-src,var(--0-f-src-l,1)))}.theme_dark .fl_222f:hover{--0-f-o:var(--0-f-src-d-hover,var(--0-f-src-hover,var(--0-f-src-d,var(--0-f-src,1))))}.theme_dark .fl_222f:active{--0-f-o:var(--0-f-src-d-active,var(--0-f-src-active,var(--0-f-src-d,var(--0-f-src,1))))}.theme_dark .fl_222f:focus{--0-f-o:var(--0-f-src-d-focus,var(--0-f-src-focus,var(--0-f-src-d,var(--0-f-src,1))))}.fl_222f{--0-g-cur:initial;color:var(--0-c-cur);background-color:var(--0-f-cur);background-image:var(--0-g-cur);--0c-r-full:var(--0-r-full,calc(calc(var(--0-s-cur,42px) * var(--0-s-density,1)) / 2));--0c-r-smooth:var(--0-r-smooth,calc(calc(var(--0-s-cur,42px) * var(--0-s-density,1)) / 4));--0c-r-basic:var(--0-r-basic,calc(calc(var(--0-s-cur,42px) * var(--0-s-density,1)) / 8));--0c-r-hard:var(--0-r-hard,calc(calc(var(--0-s-cur,42px) * var(--0-s-density,1)) / 14));--0c-r-none:var(--0-r-none,0px);border-start-start-radius:var(--0-r-tl,0px);border-start-end-radius:var(--0-r-tr,0px);border-end-end-radius:var(--0-r-br,0px);border-end-start-radius:var(--0-r-bl,0px)}.di_17eb{opacity:var(--0-dis-o,.5)}.el_dcd5{box-shadow:0 0 0 1px #ffffff1a, var(--0-elv-i, ) 0px 1px 1px rgba(var(--0-elv-c,0 0 0)/.1), var(--0-elv-i, ) var(--0-elv-x1,0px) var(--0-elv-y1,0px) rgba(var(--0-elv-c,0 0 0)/.095), var(--0-elv-i, ) var(--0-elv-x2,0px) var(--0-elv-y2,0px) rgba(var(--0-elv-c,0 0 0)/.13)}.ro_6347{flex-direction:row}.co_881d{flex-direction:column}.gr_adca{flex-grow:1}.pa_320e{box-sizing:border-box}}
+@layer ui0.flex{.fl_222f{box-sizing:border-box;--0-c-src:initial;--0-c-src-l:initial;--0-c-src-d:initial;--0-c-src-hover:initial;--0-c-src-active:initial;--0-c-src-focus:initial;--0-c-src-l-hover:initial;--0-c-src-l-active:initial;--0-c-src-l-focus:initial;--0-c-src-d-hover:initial;--0-c-src-d-active:initial;--0-c-src-d-focus:initial;--0-c-o:var(--0-c-src,var(--0-c-src-l,1));--0-c-cur:rgb(var(--0-c-cur-v) / var(--0-c-o));flex-direction:row;display:flex}.theme_dark .fl_222f{--0-c-o:var(--0-c-src-d,var(--0-c-src,1))}.fl_222f:hover{--0-c-o:var(--0-c-src-hover,var(--0-c-src,var(--0-c-src-l,1)))}.fl_222f:active{--0-c-o:var(--0-c-src-active,var(--0-c-src,var(--0-c-src-l,1)))}.fl_222f:focus{--0-c-o:var(--0-c-src-focus,var(--0-c-src,var(--0-c-src-l,1)))}.theme_dark .fl_222f:hover{--0-c-o:var(--0-c-src-d-hover,var(--0-c-src-hover,var(--0-c-src-d,var(--0-c-src,1))))}.theme_dark .fl_222f:active{--0-c-o:var(--0-c-src-d-active,var(--0-c-src-active,var(--0-c-src-d,var(--0-c-src,1))))}.theme_dark .fl_222f:focus{--0-c-o:var(--0-c-src-d-focus,var(--0-c-src-focus,var(--0-c-src-d,var(--0-c-src,1))))}.fl_222f{--0-f-src:initial;--0-f-src-l:initial;--0-f-src-d:initial;--0-f-src-hover:initial;--0-f-src-active:initial;--0-f-src-focus:initial;--0-f-src-l-hover:initial;--0-f-src-l-active:initial;--0-f-src-l-focus:initial;--0-f-src-d-hover:initial;--0-f-src-d-active:initial;--0-f-src-d-focus:initial;--0-f-o:var(--0-f-src,var(--0-f-src-l,1));--0-f-cur:rgb(var(--0-f-cur-v) / var(--0-f-o))}.theme_dark .fl_222f{--0-f-o:var(--0-f-src-d,var(--0-f-src,1))}.fl_222f:hover{--0-f-o:var(--0-f-src-hover,var(--0-f-src,var(--0-f-src-l,1)))}.fl_222f:active{--0-f-o:var(--0-f-src-active,var(--0-f-src,var(--0-f-src-l,1)))}.fl_222f:focus{--0-f-o:var(--0-f-src-focus,var(--0-f-src,var(--0-f-src-l,1)))}.theme_dark .fl_222f:hover{--0-f-o:var(--0-f-src-d-hover,var(--0-f-src-hover,var(--0-f-src-d,var(--0-f-src,1))))}.theme_dark .fl_222f:active{--0-f-o:var(--0-f-src-d-active,var(--0-f-src-active,var(--0-f-src-d,var(--0-f-src,1))))}.theme_dark .fl_222f:focus{--0-f-o:var(--0-f-src-d-focus,var(--0-f-src-focus,var(--0-f-src-d,var(--0-f-src,1))))}.fl_222f{--0-g-cur:initial;color:var(--0-c-cur);background-color:var(--0-f-cur);background-image:var(--0-g-cur);--0c-r-full:var(--0-r-full,calc(calc(var(--0-s-cur,42px) * var(--0-s-density,1)) / 2));--0c-r-smooth:var(--0-r-smooth,calc(calc(var(--0-s-cur,42px) * var(--0-s-density,1)) / 4));--0c-r-basic:var(--0-r-basic,calc(calc(var(--0-s-cur,42px) * var(--0-s-density,1)) / 8));--0c-r-hard:var(--0-r-hard,calc(calc(var(--0-s-cur,42px) * var(--0-s-density,1)) / 14));--0c-r-none:var(--0-r-none,0px);border-start-start-radius:var(--0-r-tl,0px);border-start-end-radius:var(--0-r-tr,0px);border-end-end-radius:var(--0-r-br,0px);border-end-start-radius:var(--0-r-bl,0px)}.di_17eb{opacity:var(--0-dis-o,.5)}.el_dcd5{box-shadow:0 0 0 1px #ffffff1a, var(--0-elv-i, ) 0px 1px 1px rgba(var(--0-elv-c,0 0 0)/.1), var(--0-elv-i, ) var(--0-elv-x1,0px) var(--0-elv-y1,0px) rgba(var(--0-elv-c,0 0 0)/.095), var(--0-elv-i, ) var(--0-elv-x2,0px) var(--0-elv-y2,0px) rgba(var(--0-elv-c,0 0 0)/.13)}.ro_6347{flex-direction:row}.co_881d{flex-direction:column}.gr_adca{flex-grow:1}.pa_320e{box-sizing:border-box}}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui0/flex",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Vue flex layouts with optional ui0 theme styling",
   "files": [
     "dist"
@@ -32,18 +32,18 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@ui0/vite": "^0.1.4",
+    "@ui0/vite": "^0.1.6",
     "@vitejs/plugin-vue": "^6.0.0",
     "playwright": "1.61.1",
     "sass-embedded": "^1.80.0",
     "vue": "^3.5.45"
   },
   "peerDependencies": {
-    "@ui0/composable": "^0.1.4",
-    "@ui0/core": "^0.1.4",
-    "@ui0/theme": "^0.1.4",
-    "@ui0/types": "^0.1.4",
-    "@ui0/util": "^0.0.5",
+    "@ui0/composable": "^0.1.6",
+    "@ui0/core": "^0.1.6",
+    "@ui0/theme": "^0.1.6",
+    "@ui0/types": "^0.1.7",
+    "@ui0/util": "^0.0.8",
     "vue": "^3.5.45"
   }
 }