@jfrader/ui 0.1.1 → 0.2.0

package/dist/combobox-DQcXR94r.js

@@ -1,301 +0,0 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t, t as n } from "./use-controlled-state-DQXkiTQI.js";
-import { t as r } from "./renderable-DwPvt1I8.js";
-import { a as i, c as a, d as o, f as s, l as c, o as l, r as u, s as d, t as f, u as p } from "./collection-registry-C2jnQa7X.js";
-import { t as m } from "./use-overlay-floating-CsZd3qxa.js";
-import { t as h } from "./text-field-BlP8qGn_.js";
-import { createContext as g, forwardRef as _, useCallback as v, useContext as y, useId as ee, useLayoutEffect as b, useMemo as x, useRef as S, useState as C } from "react";
-import { vars as w } from "@jfrader/tokens/vars";
-import { jsx as T, jsxs as E } from "@emotion/react/jsx-runtime";
-import { FloatingList as D, FloatingPortal as O, useDismiss as te, useInteractions as k, useListNavigation as A, useMergeRefs as j } from "@floating-ui/react";
-//#region src/components/combobox/combobox.tsx
-var M = "bottom-start", N = "✓", P = "No results", F = (e, t) => e.toLocaleLowerCase().includes(t.toLocaleLowerCase()), I = g(null), L = g(!1);
-function R(e) {
-	let t = y(I);
-	if (!t) throw Error(`Combobox.${e} must be rendered inside <Combobox>.`);
-	return t;
-}
-function z(e) {
-	let t = R(e);
-	if (!y(L)) throw Error(`Combobox.${e} must be rendered inside <Combobox.List>.`);
-	return t;
-}
-var B = e({ "&[hidden]": { display: "none" } }), V = e({
-	paddingBlock: w.space[1],
-	paddingInline: w.space[2],
-	fontSize: w.textSize.sm,
-	color: w.color.textMuted
-});
-function H({ value: e, defaultValue: r, onValueChange: a, open: o, defaultOpen: s = !1, onOpenChange: c, name: l, filter: u = F, onInputChange: d, children: f }) {
-	let p = ee(), [h, g] = C(`${p}-listbox`), [_, y] = C(!1), [b = null, w] = n(e, r ?? null, a), [D = !1, O] = n(o, s, c), [j, N] = C(null), [P, L] = C(""), [R, z] = i(), [B, V] = C(null), H = S([]), U = S(null), W = t(d), G = v((e, t) => t === "" || u(e, t), [u]), { valuesByIndex: K, skippedIndices: q, matchCount: J } = x(() => {
-		let e = [], t = /* @__PURE__ */ new Set(), n = 0;
-		return R.forEach((r, i) => {
-			if (r.index === -1) return;
-			e[r.index] = i;
-			let a = G(r.label, P);
-			a && (n += 1), (r.disabled || !a) && t.add(r.index);
-		}), {
-			valuesByIndex: e,
-			skippedIndices: t,
-			matchCount: n
-		};
-	}, [
-		R,
-		P,
-		G
-	]), { refs: Y, floatingStyles: X, context: Z } = m({
-		open: D,
-		placement: M,
-		onOpenChange: (e) => O(e)
-	}), ne = te(Z, {
-		escapeKey: !0,
-		outsidePress: !0
-	}), re = A(Z, {
-		listRef: H,
-		activeIndex: j,
-		onNavigate: N,
-		virtual: !0,
-		loop: !0,
-		disabledIndices: (e) => q.has(e)
-	}), { getReferenceProps: Q, getFloatingProps: $, getItemProps: ie } = k([ne, re]), ae = x(() => {
-		let e = (e) => {
-			w(e), O(!1), U.current?.commitLabel(R.get(e)?.label ?? "");
-		};
-		return {
-			baseId: p,
-			listId: h,
-			setListId: g,
-			setInputDisabled: y,
-			open: D,
-			selectedValue: b,
-			activeIndex: j,
-			options: R,
-			matchCount: J,
-			inputLabelling: B,
-			inputHandleRef: U,
-			refs: Y,
-			floatingStyles: X,
-			elementsRef: H,
-			getReferenceProps: Q,
-			getFloatingProps: $,
-			getItemProps: ie,
-			onInputChange: W,
-			isVisible: (e) => G(e, P),
-			findMatches: (e) => {
-				let t = 0, n = null, r = null;
-				return R.forEach((i) => {
-					i.index !== -1 && G(i.label, e) && (t += 1, !i.disabled && ((n === null || i.index < n) && (n = i.index), (r === null || i.index > r) && (r = i.index)));
-				}), {
-					count: t,
-					first: n,
-					last: r
-				};
-			},
-			setQuery: L,
-			setActiveIndex: N,
-			selectValue: e,
-			selectIndex: (t) => {
-				let n = K[t];
-				n === void 0 || q.has(t) || e(n);
-			},
-			clearValue: () => w(null),
-			requestOpenChange: O,
-			registration: z,
-			setInputLabelling: V
-		};
-	}, [
-		p,
-		h,
-		D,
-		b,
-		j,
-		R,
-		P,
-		J,
-		B,
-		Y,
-		X,
-		Q,
-		$,
-		ie,
-		W,
-		G,
-		K,
-		q,
-		w,
-		O,
-		z
-	]);
-	return /* @__PURE__ */ E(I.Provider, {
-		value: ae,
-		children: [f, l !== void 0 && /* @__PURE__ */ T("input", {
-			type: "hidden",
-			name: l,
-			value: b ?? "",
-			disabled: _
-		})]
-	});
-}
-var U = _(function({ inputValue: e, defaultInputValue: t, label: i, description: a, error: o, size: s, slotProps: c, className: l, id: u, onChange: d, onKeyDown: f, onBlur: p, disabled: m = !1, ...g }, _) {
-	let { listId: v, open: y, selectedValue: x, activeIndex: S, options: w, inputHandleRef: E, refs: D, getReferenceProps: O, onInputChange: te, findMatches: k, setQuery: A, setActiveIndex: M, selectIndex: N, clearValue: P, requestOpenChange: F, setInputLabelling: I, setInputDisabled: L } = R("Input"), z = j([D.setReference, _]), B = ee(), V = u ?? B, H = `${V}-label`, U = r(i), W = g["aria-labelledby"], G = g["aria-label"], [K, q] = C(t), [J, Y] = C(() => (e ?? t) !== void 0), X = x === null ? void 0 : w.get(x)?.label, Z = e ?? (J ? K ?? "" : X ?? K ?? ""), [, ne] = n(Z, void 0, te), re = (t) => {
-		ne(t), e === void 0 && q(t);
-	}, Q = e !== void 0 || J ? Z : "", $ = (e) => {
-		Y(!1), re(e);
-	};
-	b(() => {
-		A(Q);
-	}, [Q, A]), b(() => (L(m), () => L(!1)), [m, L]), b(() => (E.current = { commitLabel: $ }, () => {
-		E.current = null;
-	})), b(() => (I(W !== void 0 || !U ? {
-		labelledBy: W,
-		label: G
-	} : { labelledBy: H }), () => I(null)), [
-		W,
-		G,
-		U,
-		H,
-		I
-	]);
-	let ie = (t) => {
-		d?.(t);
-		let n = t.currentTarget.value;
-		Y(!0), re(n), n === "" && P();
-		let r = e ?? n;
-		if (r === "") {
-			M(null), F(!1);
-			return;
-		}
-		let i = k(r);
-		M(i.first), i.count > 0 && F(!0);
-	}, ae = (e) => {
-		if (f?.(e), !e.defaultPrevented) {
-			if (e.key === "Escape") J && X !== void 0 && $(X);
-			else if (y) {
-				if (e.key === "Enter" && S !== null) e.preventDefault(), N(S);
-				else if (e.key === "Home" || e.key === "End") {
-					let t = k(Q), n = e.key === "Home" ? t.first : t.last;
-					if (n === null) return;
-					e.preventDefault(), M(n);
-				}
-			}
-		}
-	}, oe = (e) => {
-		p?.(e), y && F(!1);
-	};
-	return /* @__PURE__ */ T(h, {
-		...O({
-			...g,
-			onKeyDown: ae,
-			onBlur: oe
-		}),
-		ref: z,
-		id: V,
-		label: U ? /* @__PURE__ */ T("span", {
-			id: H,
-			children: i
-		}) : i,
-		description: a,
-		error: o,
-		size: s,
-		slotProps: c,
-		className: l,
-		value: Z,
-		disabled: m,
-		onChange: ie,
-		role: "combobox",
-		autoComplete: "off",
-		"aria-autocomplete": "list",
-		"aria-expanded": y,
-		"aria-controls": y ? v : void 0,
-		"data-state": y ? "open" : "closed",
-		"data-ui": "combobox-input"
-	});
-}), W = _(function({ id: e, style: t, onMouseDown: n, children: r, ...i }, a) {
-	let { baseId: c, setListId: l, open: u, inputLabelling: d, refs: f, floatingStyles: p, elementsRef: m, getFloatingProps: h } = R("List"), g = e ?? `${c}-listbox`;
-	b(() => (l(g), () => l(`${c}-listbox`)), [
-		c,
-		g,
-		l
-	]);
-	let _ = j([u ? f.setFloating : null, a]), v = i["aria-labelledby"] !== void 0 || i["aria-label"] !== void 0 ? {} : d?.labelledBy === void 0 ? { "aria-label": d?.label } : { "aria-labelledby": d.labelledBy }, y = (e) => {
-		n?.(e), e.preventDefault();
-	};
-	return /* @__PURE__ */ T(O, { children: /* @__PURE__ */ T("div", {
-		...h({
-			id: g,
-			...v,
-			...i,
-			onMouseDown: y
-		}),
-		ref: _,
-		role: "listbox",
-		hidden: !u,
-		"data-state": u ? "open" : "closed",
-		"data-ui": "combobox-list",
-		style: {
-			...t,
-			...p
-		},
-		css: [s, o],
-		children: /* @__PURE__ */ T(D, {
-			elementsRef: m,
-			children: /* @__PURE__ */ T(L.Provider, {
-				value: !0,
-				children: r
-			})
-		})
-	}) });
-}), G = _(function({ value: e, disabled: t = !1, onClick: n, children: r, ...i }, o) {
-	let { baseId: s, selectedValue: m, activeIndex: h, options: g, isVisible: _, getItemProps: v, selectValue: y, registration: ee } = z("Item"), b = S(null), { ref: x, index: C } = u(e, ee, b, (e, n) => ({
-		index: e,
-		label: n,
-		disabled: t
-	})), w = j([x, o]), D = g.get(e)?.label, O = D !== void 0 && !_(D), te = C !== -1 && h === C, k = m === e, A = (r) => {
-		n?.(r), !(t || r.defaultPrevented) && y(e);
-	};
-	return /* @__PURE__ */ E("div", {
-		...v({
-			id: f(s, e),
-			...i,
-			onClick: A
-		}),
-		ref: w,
-		role: "option",
-		hidden: O,
-		"aria-selected": k,
-		"aria-disabled": t || void 0,
-		"data-active": te || void 0,
-		"data-ui": "combobox-item",
-		css: [
-			d,
-			l,
-			c,
-			B
-		],
-		children: [/* @__PURE__ */ T("span", {
-			ref: b,
-			css: p,
-			children: r
-		}), k && /* @__PURE__ */ T("span", {
-			"aria-hidden": "true",
-			css: a,
-			children: N
-		})]
-	});
-}), K = _(function({ children: e, ...t }, n) {
-	let { matchCount: i } = z("Empty");
-	return i > 0 ? null : /* @__PURE__ */ T("div", {
-		...t,
-		ref: n,
-		"data-ui": "combobox-empty",
-		css: V,
-		children: r(e) ? e : P
-	});
-}), q = Object.assign(H, {
-	Input: U,
-	List: W,
-	Item: G,
-	Empty: K
-});
-//#endregion
-export { q as t };

package/dist/command-palette-BRJ8A5De.js

@@ -1,328 +0,0 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { t } from "./focus-ring-qOS3rPlM.js";
-import { t as n } from "./use-controlled-state-DQXkiTQI.js";
-import { t as r } from "./visually-hidden-BXVyhj0y.js";
-import { t as i } from "./renderable-DwPvt1I8.js";
-import { a, r as o, s, t as c } from "./collection-registry-C2jnQa7X.js";
-import { t as l } from "./trigger-style-f54idgjT.js";
-import { i as u, r as d, t as f } from "./use-native-dialog-BCp1chwO.js";
-import { n as p, t as m } from "./surface-Bo_aSQOb.js";
-import { createContext as h, forwardRef as g, useCallback as _, useContext as v, useId as y, useMemo as b, useRef as x, useState as S } from "react";
-import { vars as C } from "@jfrader/tokens/vars";
-import { jsx as w, jsxs as T } from "@emotion/react/jsx-runtime";
-import { FloatingList as E, useFloatingRootContext as ee, useInteractions as te, useListNavigation as ne, useMergeRefs as D } from "@floating-ui/react";
-//#region src/components/command-palette/command-palette.styles.ts
-var O = e({
-	...m,
-	marginBlockStart: C.space[12]
-}), k = e({
-	...p,
-	display: "flex",
-	flexDirection: "column",
-	borderRadius: C.radius.lg,
-	boxShadow: C.shadow.floating,
-	inlineSize: "min(560px, calc(100vw - 32px))"
-}), A = e({
-	boxSizing: "border-box",
-	inlineSize: "100%",
-	blockSize: "48px",
-	margin: 0,
-	border: 0,
-	borderBlockEnd: `1px solid ${C.color.borderControl}`,
-	borderStartStartRadius: C.radius.lg,
-	borderStartEndRadius: C.radius.lg,
-	backgroundColor: "transparent",
-	paddingInline: C.space[4],
-	font: "inherit",
-	fontSize: C.textSize.md,
-	color: C.color.text,
-	"&::placeholder": { color: C.color.textSubtle },
-	"&:focus-visible": { ...t }
-}), j = e({
-	boxSizing: "border-box",
-	display: "flex",
-	flexDirection: "column",
-	maxBlockSize: "320px",
-	overflow: "auto",
-	padding: C.space[1],
-	"&[hidden]": { display: "none" }
-}), M = e({
-	display: "flex",
-	flexDirection: "column",
-	"&[hidden]": { display: "none" }
-}), N = e({
-	paddingBlock: C.space[1],
-	paddingInline: C.space[2],
-	fontSize: C.textSize.xs,
-	fontWeight: C.fontWeight.medium,
-	color: C.color.textMuted
-}), P = e({
-	"&:hover, &[data-active]": { backgroundColor: C.color.surfaceHover },
-	"&[hidden]": { display: "none" }
-}), F = e({
-	paddingBlock: C.space[6],
-	paddingInline: C.space[4],
-	textAlign: "center",
-	fontSize: C.textSize.sm,
-	color: C.color.textMuted
-}), re = "Command palette", ie = "No results", I = new Intl.PluralRules("en"), ae = (e, t) => e.toLocaleLowerCase().includes(t.toLocaleLowerCase()), oe = (e) => `${e} ${I.select(e) === "one" ? "result" : "results"}`, L = h(null), R = h(null);
-function z(e) {
-	let t = v(L);
-	if (!t) throw Error(`CommandPalette.${e} must be rendered inside <CommandPalette>.`);
-	return t;
-}
-var B = (e) => {
-	e?.setAttribute("autofocus", "");
-};
-function V({ open: e, defaultOpen: t = !1, onOpenChange: r, label: i = re, filter: o = ae, emptyMessage: s = ie, formatResultCount: c = oe, children: l }) {
-	let d = y(), [f = !1, p] = n(e, t, r), { dialogElementRef: m, setDialogElement: h, setOpen: g, requestClose: v, repairToken: C } = u(f, p), [T, E] = S(""), [D, O] = S(!1), [k, A] = S(null), [j, M] = a(), [N, P] = S(null), [F, I] = S(null), [R, z] = S(f), B = x([]);
-	f !== R && (z(f), f && (E(""), O(!1), A(null)));
-	let V = _(() => {
-		g(!(f && m.current?.open));
-	}, [
-		f,
-		g,
-		m
-	]), { matchedValues: H, matchedIndices: U, visibleGroupIds: W } = b(() => {
-		let e = /* @__PURE__ */ new Set(), t = [], n = /* @__PURE__ */ new Set();
-		return j.forEach((r, i) => {
-			r.index !== -1 && (T === "" || o(r.label, T) || r.keywords !== void 0 && o(r.keywords, T)) && (e.add(i), t.push(r.index), r.groupId !== null && n.add(r.groupId));
-		}), t.sort((e, t) => e - t), {
-			matchedValues: e,
-			matchedIndices: t,
-			visibleGroupIds: n
-		};
-	}, [
-		j,
-		T,
-		o
-	]), G = b(() => new Set(U), [U]), K = k !== null && G.has(k) ? k : U[0] ?? null, q = ee({
-		open: f,
-		onOpenChange: (e) => g(e),
-		elements: {
-			reference: N,
-			floating: F
-		}
-	}), J = ne(q, {
-		listRef: B,
-		activeIndex: K,
-		onNavigate: (e) => {
-			e !== null && A(e);
-		},
-		virtual: !0,
-		loop: !0,
-		focusItemOnOpen: !1,
-		disabledIndices: (e) => !G.has(e)
-	}), { getReferenceProps: Y, getFloatingProps: X, getItemProps: Z } = te([J]), Q = U.length, $ = D ? c(Q) : "", se = b(() => ({
-		open: f,
-		setOpen: g,
-		toggleOpen: V,
-		requestClose: v,
-		repairToken: C,
-		setDialogElement: h,
-		label: i,
-		emptyMessage: s,
-		baseId: d,
-		listId: `${d}-list`,
-		query: T,
-		announcement: $,
-		matchCount: Q,
-		matchedValues: H,
-		visibleGroupIds: W,
-		activeIndex: K,
-		elementsRef: B,
-		setInputElement: P,
-		setListElement: I,
-		getReferenceProps: Y,
-		getFloatingProps: X,
-		getItemProps: Z,
-		changeQuery: (e) => {
-			E(e), O(!0), A(null);
-		},
-		moveToEdge: (e) => {
-			let t = e === "first" ? U[0] : U[U.length - 1];
-			t !== void 0 && A(t);
-		},
-		registration: M
-	}), [
-		f,
-		g,
-		V,
-		v,
-		C,
-		h,
-		i,
-		s,
-		d,
-		T,
-		$,
-		Q,
-		H,
-		U,
-		W,
-		K,
-		Y,
-		X,
-		Z,
-		M
-	]);
-	return /* @__PURE__ */ w(L.Provider, {
-		value: se,
-		children: l
-	});
-}
-var H = g(function({ onClick: e, ...t }, n) {
-	let { open: r, toggleOpen: i } = z("Trigger"), a = (t) => {
-		e?.(t), t.defaultPrevented || i();
-	};
-	return /* @__PURE__ */ w("button", {
-		type: "button",
-		...t,
-		ref: n,
-		"data-ui": "command-palette-trigger",
-		"aria-haspopup": "dialog",
-		"aria-expanded": r,
-		onClick: a,
-		css: l
-	});
-}), U = g(function(e, t) {
-	let { children: n, onCancel: i, onClick: a, onClose: o, ...s } = f(e), c = z("Content"), { label: l, announcement: u } = c, p = d(c, {
-		onCancel: i,
-		onClick: a,
-		onClose: o
-	}, t);
-	return /* @__PURE__ */ w("dialog", {
-		"aria-label": l,
-		...s,
-		...p,
-		"data-ui": "command-palette",
-		"aria-modal": "true",
-		css: O,
-		children: /* @__PURE__ */ T("div", {
-			css: k,
-			children: [n, /* @__PURE__ */ w("div", {
-				role: "status",
-				"aria-live": "polite",
-				"aria-atomic": "true",
-				css: r,
-				children: u
-			})]
-		})
-	});
-}), W = g(function({ onChange: e, onKeyDown: t, ...n }, r) {
-	let { label: i, listId: a, query: o, matchCount: s, activeIndex: c, elementsRef: l, requestClose: u, setInputElement: d, getReferenceProps: f, changeQuery: p, moveToEdge: m } = z("Input"), h = D([
-		d,
-		B,
-		r
-	]), g = (t) => {
-		e?.(t), p(t.currentTarget.value);
-	}, _ = (e) => {
-		t?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing) && (e.key === "Escape" ? (e.preventDefault(), u()) : (e.key === "Home" || e.key === "End") && !e.shiftKey && !e.ctrlKey && !e.metaKey && !e.altKey ? (e.preventDefault(), m(e.key === "Home" ? "first" : "last")) : e.key === "Enter" && c !== null && (e.preventDefault(), l.current[c]?.click()));
-	};
-	return /* @__PURE__ */ w("input", {
-		"aria-label": i,
-		autoComplete: "off",
-		spellCheck: !1,
-		...f({
-			...n,
-			onChange: g,
-			onKeyDown: _
-		}),
-		ref: h,
-		type: "text",
-		value: o,
-		role: "combobox",
-		"aria-autocomplete": "list",
-		"aria-expanded": s > 0,
-		"aria-controls": a,
-		"data-ui": "command-palette-input",
-		css: A
-	});
-}), G = g(function({ onMouseDown: e, children: t, ...n }, r) {
-	let { label: i, listId: a, matchCount: o, elementsRef: s, setListElement: c, getFloatingProps: l } = z("List"), u = D([c, r]), d = (t) => {
-		e?.(t), t.preventDefault();
-	};
-	return /* @__PURE__ */ w("div", {
-		"aria-label": i,
-		...l({
-			...n,
-			onMouseDown: d
-		}),
-		ref: u,
-		id: a,
-		role: "listbox",
-		hidden: o === 0,
-		"data-ui": "command-palette-list",
-		css: j,
-		children: /* @__PURE__ */ w(E, {
-			elementsRef: s,
-			children: t
-		})
-	});
-}), K = g(function({ children: e, ...t }, n) {
-	let { matchCount: r, emptyMessage: a } = z("Empty");
-	return r > 0 ? null : /* @__PURE__ */ w("div", {
-		...t,
-		ref: n,
-		"data-ui": "command-palette-empty",
-		css: F,
-		children: i(e) ? e : a
-	});
-}), q = g(function({ label: e, children: t, "aria-labelledby": n, ...r }, i) {
-	let { visibleGroupIds: a } = z("Group"), o = y(), s = `${o}-heading`;
-	return /* @__PURE__ */ T("div", {
-		...r,
-		ref: i,
-		role: "group",
-		"aria-labelledby": [n, s].filter(Boolean).join(" "),
-		hidden: !a.has(o),
-		"data-ui": "command-palette-group",
-		css: M,
-		children: [/* @__PURE__ */ w("div", {
-			id: s,
-			css: N,
-			children: e
-		}), /* @__PURE__ */ w(R.Provider, {
-			value: o,
-			children: t
-		})]
-	});
-}), J = g(function({ value: e, onSelect: t, keywords: n, onClick: r, children: i, ...a }, l) {
-	let { baseId: u, activeIndex: d, matchedValues: f, getItemProps: p, setOpen: m, registration: h } = z("Item"), g = v(R), _ = x(null), { ref: y, index: b } = o(e, h, _, (e, t) => ({
-		index: e,
-		label: t,
-		keywords: n,
-		groupId: g
-	})), S = D([
-		y,
-		_,
-		l
-	]), C = b !== -1 && d === b, T = (e) => {
-		r?.(e), !e.defaultPrevented && (t?.(), m(!1));
-	};
-	return /* @__PURE__ */ w("div", {
-		...p({
-			id: c(u, e),
-			...a,
-			onClick: T
-		}),
-		ref: S,
-		role: "option",
-		"aria-selected": C,
-		hidden: !f.has(e),
-		"data-active": C || void 0,
-		"data-ui": "command-palette-item",
-		css: [s, P],
-		children: i
-	});
-}), Y = Object.assign(V, {
-	Trigger: H,
-	Content: U,
-	Input: W,
-	List: G,
-	Empty: K,
-	Group: q,
-	Item: J
-});
-//#endregion
-export { Y as t };

package/dist/container-COHiEjI8.js

@@ -1,34 +0,0 @@
-import { t as e } from "./css-CW_HG55W.js";
-import { n as t } from "./layout-style-B_6YHQ6Q.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "@emotion/react/jsx-runtime";
-//#region src/components/container/container.tsx
-var i = {
-	sm: "640px",
-	md: "768px",
-	lg: "1024px",
-	xl: "1280px"
-}, a = e({
-	boxSizing: "border-box",
-	inlineSize: "100%",
-	marginInline: "auto"
-}), o = {
-	sm: e({ maxInlineSize: i.sm }),
-	md: e({ maxInlineSize: i.md }),
-	lg: e({ maxInlineSize: i.lg }),
-	xl: e({ maxInlineSize: i.xl })
-}, s = t("paddingInline"), c = n(function({ size: e = "lg", paddingInline: t = "md", ...n }, i) {
-	return /* @__PURE__ */ r("div", {
-		...n,
-		ref: i,
-		"data-ui": "container",
-		"data-size": e,
-		css: [
-			a,
-			o[e],
-			s[t]
-		]
-	});
-});
-//#endregion
-export { c as t };