@noxickon/onyx 6.6.0 → 6.7.1

package/dist/components/Table/Table.js

@@ -29,86 +29,92 @@ function y() {
 	}, e[4] = i, e[5] = p), p;
 }
 function b(e) {
-	let t = a(54), n, o, s, p, m, h, g, _, v, b, x, S, C, w, T;
-	t[0] === e ? (n = t[1], o = t[2], s = t[3], p = t[4], m = t[5], h = t[6], g = t[7], _ = t[8], v = t[9], b = t[10], x = t[11], S = t[12], C = t[13], w = t[14], T = t[15]) : ({children: n, className: o, defaultExpandedRows: s, defaultSelectedRows: p, density: _, dividers: v, hover: b, onSelectedChange: m, selectable: x, selectedRows: g, stickyHeader: S, stripe: C, unwrapped: w, wrapperClassName: T, ...h} = e, t[0] = e, t[1] = n, t[2] = o, t[3] = s, t[4] = p, t[5] = m, t[6] = h, t[7] = g, t[8] = _, t[9] = v, t[10] = b, t[11] = x, t[12] = S, t[13] = C, t[14] = w, t[15] = T);
-	let E = _ === void 0 ? "comfortable" : _, D = v === void 0 ? "rows" : v, O = b === void 0 ? !0 : b, k = x === void 0 ? !1 : x, A = S === void 0 ? !0 : S, j = C === void 0 ? !1 : C, ee = w === void 0 ? !1 : w, M = c(), te = i({ density: E }), N;
-	t[16] === p ? N = t[17] : (N = p ?? /* @__PURE__ */ new Set(), t[16] = p, t[17] = N);
-	let P;
-	t[18] !== m || t[19] !== g || t[20] !== N ? (P = {
-		prop: g,
-		defaultProp: N,
-		onChange: m
-	}, t[18] = m, t[19] = g, t[20] = N, t[21] = P) : P = t[21];
-	let [F, I] = r(P), L;
-	t[22] === s ? L = t[23] : (L = () => s ?? /* @__PURE__ */ new Set(), t[22] = s, t[23] = L);
-	let [R, ne] = u(L), { ids: z, register: B } = y(), [V, re] = u(0), H = l(0), U;
-	t[24] === Symbol.for("react.memo_cache_sentinel") ? (U = () => (H.current += 1, re(H.current), () => {
-		--H.current, re(H.current);
-	}), t[24] = U) : U = t[24];
-	let ie = U, W;
-	t[25] === I ? W = t[26] : (W = (e) => {
-		I((t) => {
+	let t = a(63), n, o, s, p, m, h, g, _, v, b, x, S, C, w, T, E, D, O;
+	t[0] === e ? (n = t[1], o = t[2], s = t[3], p = t[4], m = t[5], h = t[6], g = t[7], _ = t[8], v = t[9], b = t[10], x = t[11], S = t[12], C = t[13], w = t[14], T = t[15], E = t[16], D = t[17], O = t[18]) : ({children: n, className: o, defaultExpandedRows: s, defaultSelectedRows: p, density: x, dividers: S, expandedRows: m, hover: C, onExpandedChange: h, onSelectedChange: g, selectable: w, selectableRowIds: v, selectedRows: b, stickyHeader: T, stripe: E, unwrapped: D, wrapperClassName: O, ..._} = e, t[0] = e, t[1] = n, t[2] = o, t[3] = s, t[4] = p, t[5] = m, t[6] = h, t[7] = g, t[8] = _, t[9] = v, t[10] = b, t[11] = x, t[12] = S, t[13] = C, t[14] = w, t[15] = T, t[16] = E, t[17] = D, t[18] = O);
+	let k = x === void 0 ? "comfortable" : x, A = S === void 0 ? "rows" : S, j = C === void 0 || C, M = w !== void 0 && w, N = T === void 0 || T, ee = E !== void 0 && E, te = D !== void 0 && D, ne = c(), re = i({ density: k }), P;
+	t[19] === p ? P = t[20] : (P = p ?? /* @__PURE__ */ new Set(), t[19] = p, t[20] = P);
+	let F;
+	t[21] !== g || t[22] !== b || t[23] !== P ? (F = {
+		prop: b,
+		defaultProp: P,
+		onChange: g
+	}, t[21] = g, t[22] = b, t[23] = P, t[24] = F) : F = t[24];
+	let [I, L] = r(F), R;
+	t[25] === s ? R = t[26] : (R = s ?? /* @__PURE__ */ new Set(), t[25] = s, t[26] = R);
+	let z;
+	t[27] !== m || t[28] !== h || t[29] !== R ? (z = {
+		prop: m,
+		defaultProp: R,
+		onChange: h
+	}, t[27] = m, t[28] = h, t[29] = R, t[30] = z) : z = t[30];
+	let [B, ie] = r(z), { ids: ae, register: oe } = y(), V = v ?? ae, [se, ce] = u(0), H = l(0), U;
+	t[31] === Symbol.for("react.memo_cache_sentinel") ? (U = () => (H.current += 1, ce(H.current), () => {
+		--H.current, ce(H.current);
+	}), t[31] = U) : U = t[31];
+	let le = U, W;
+	t[32] === L ? W = t[33] : (W = (e) => {
+		L((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, t[25] = I, t[26] = W);
+	}, t[32] = L, t[33] = W);
 	let G = W, K = "none";
-	if (z.length > 0) {
-		let e = z.filter((e) => F.has(e)).length;
-		e > 0 && (K = e === z.length ? "all" : "some");
+	if (V.length > 0) {
+		let e = V.filter((e) => I.has(e)).length;
+		e > 0 && (K = e === V.length ? "all" : "some");
 	}
 	let q;
-	t[27] !== z || t[28] !== I ? (q = () => {
-		I((e) => {
-			let t = new Set(e), n = z.every((e) => t.has(e));
-			for (let e of z) n ? t.delete(e) : t.add(e);
+	t[34] !== V || t[35] !== L ? (q = () => {
+		L((e) => {
+			let t = new Set(e), n = V.every((e) => t.has(e));
+			for (let e of V) n ? t.delete(e) : t.add(e);
 			return t;
 		});
-	}, t[27] = z, t[28] = I, t[29] = q) : q = t[29];
-	let J = q, Y;
-	t[30] === Symbol.for("react.memo_cache_sentinel") ? (Y = (e) => {
-		ne((t) => {
+	}, t[34] = V, t[35] = L, t[36] = q) : q = t[36];
+	let ue = q, J;
+	t[37] === ie ? J = t[38] : (J = (e) => {
+		ie((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, t[30] = Y) : Y = t[30];
-	let ae = Y, X;
-	t[31] === F ? X = t[32] : (X = (e) => F.has(e), t[31] = F, t[32] = X);
-	let oe = X, Z;
-	t[33] === R ? Z = t[34] : (Z = (e) => R.has(e), t[33] = R, t[34] = Z);
-	let se = Z, Q;
-	t[35] !== M || t[36] !== V || t[37] !== E || t[38] !== D || t[39] !== O || t[40] !== se || t[41] !== oe || t[42] !== B || t[43] !== k || t[44] !== K || t[45] !== A || t[46] !== j || t[47] !== J || t[48] !== G ? (Q = {
-		baseId: M,
-		columnCount: V,
-		density: E,
-		dividers: D,
-		hover: O,
-		isRowExpanded: se,
-		isRowSelected: oe,
-		registerColumn: ie,
-		registerSelectableRow: B,
-		selectable: k,
+	}, t[37] = ie, t[38] = J);
+	let de = J, Y;
+	t[39] === I ? Y = t[40] : (Y = (e) => I.has(e), t[39] = I, t[40] = Y);
+	let fe = Y, X;
+	t[41] === B ? X = t[42] : (X = (e) => B.has(e), t[41] = B, t[42] = X);
+	let Z = X, Q;
+	t[43] !== ne || t[44] !== se || t[45] !== k || t[46] !== A || t[47] !== j || t[48] !== Z || t[49] !== fe || t[50] !== oe || t[51] !== M || t[52] !== K || t[53] !== N || t[54] !== ee || t[55] !== ue || t[56] !== de || t[57] !== G ? (Q = {
+		baseId: ne,
+		columnCount: se,
+		density: k,
+		dividers: A,
+		hover: j,
+		isRowExpanded: Z,
+		isRowSelected: fe,
+		registerColumn: le,
+		registerSelectableRow: oe,
+		selectable: M,
 		selectionState: K,
-		stickyHeader: A,
-		stripe: j,
-		toggleAll: J,
-		toggleExpanded: ae,
+		stickyHeader: N,
+		stripe: ee,
+		toggleAll: ue,
+		toggleExpanded: de,
 		toggleSelected: G
-	}, t[35] = M, t[36] = V, t[37] = E, t[38] = D, t[39] = O, t[40] = se, t[41] = oe, t[42] = B, t[43] = k, t[44] = K, t[45] = A, t[46] = j, t[47] = J, t[48] = G, t[49] = Q) : Q = t[49];
-	let ce = Q, le = /* @__PURE__ */ d("table", {
-		...h,
-		className: te.table({ class: o }),
+	}, t[43] = ne, t[44] = se, t[45] = k, t[46] = A, t[47] = j, t[48] = Z, t[49] = fe, t[50] = oe, t[51] = M, t[52] = K, t[53] = N, t[54] = ee, t[55] = ue, t[56] = de, t[57] = G, t[58] = Q) : Q = t[58];
+	let pe = Q, me = /* @__PURE__ */ d("table", {
+		..._,
+		className: re.table({ class: o }),
 		"data-ox-slot": "table",
 		children: n
-	}), ue = f, de = ee ? le : /* @__PURE__ */ d("div", {
-		className: te.wrapper({ class: T }),
+	}), he = f, ge = te ? me : /* @__PURE__ */ d("div", {
+		className: re.wrapper({ class: O }),
 		"data-ox-slot": "table-wrapper",
-		children: le
+		children: me
 	}), $;
-	return t[50] !== ue || t[51] !== ce || t[52] !== de ? ($ = /* @__PURE__ */ d(ue, {
-		value: ce,
-		children: de
-	}), t[50] = ue, t[51] = ce, t[52] = de, t[53] = $) : $ = t[53], $;
+	return t[59] !== he || t[60] !== pe || t[61] !== ge ? ($ = /* @__PURE__ */ d(he, {
+		value: pe,
+		children: ge
+	}), t[59] = he, t[60] = pe, t[61] = ge, t[62] = $) : $ = t[62], $;
 }
 function x(e) {
 	let t = a(19), n, r, o;

package/dist/components/Table/Table.styles.d.ts

@@ -3,12 +3,12 @@ export declare const tableVariants: import('tailwind-variants').TVReturnType<{
     density: {
         comfortable: {
             head: string;
-            cell: string;
+            cell: "py-2.75";
             expandedInner: string;
         };
         compact: {
             head: string;
-            cell: string;
+            cell: "py-1.5";
             expandedInner: string;
         };
     };
@@ -91,12 +91,12 @@ export declare const tableVariants: import('tailwind-variants').TVReturnType<{
     density: {
         comfortable: {
             head: string;
-            cell: string;
+            cell: "py-2.75";
             expandedInner: string;
         };
         compact: {
             head: string;
-            cell: string;
+            cell: "py-1.5";
             expandedInner: string;
         };
     };
@@ -175,16 +175,16 @@ export declare const tableVariants: import('tailwind-variants').TVReturnType<{
     expandedClip: string[];
     expandedContent: string;
     expandedInner: string;
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     density: {
         comfortable: {
             head: string;
-            cell: string;
+            cell: "py-2.75";
             expandedInner: string;
         };
         compact: {
             head: string;
-            cell: string;
+            cell: "py-1.5";
             expandedInner: string;
         };
     };
@@ -263,5 +263,5 @@ export declare const tableVariants: import('tailwind-variants').TVReturnType<{
     expandedClip: string[];
     expandedContent: string;
     expandedInner: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type TableVariants = VariantProps<typeof tableVariants>;

package/dist/components/Table/Table.styles.js

@@ -1,6 +1,6 @@
 import { tv as e } from "../../internal/tv.js";
-//#region src/components/Table/Table.styles.ts
-var t = "bg-[color-mix(in_oklab,var(--color-primary-500)_16%,var(--card))]", n = e({
+import { tableCellBase as t, tableCellPadding as n } from "../../internal/styles/tableCellStyles.js";
+var r = e({
 	slots: {
 		wrapper: "relative w-full overflow-auto rounded-card border border-line bg-card shadow-[var(--shadow-card)] [-webkit-overflow-scrolling:touch]",
 		table: "w-full border-separate border-spacing-0 text-left align-middle text-body text-fg",
@@ -10,7 +10,7 @@ var t = "bg-[color-mix(in_oklab,var(--color-primary-500)_16%,var(--card))]", n =
 		footer: "",
 		row: "group/row",
 		head: "border-b border-line-strong px-4 text-left align-middle text-xs font-semibold tracking-[0.01em] whitespace-nowrap text-fg-muted pointer-coarse:px-3.5 pointer-coarse:py-2.75",
-		cell: "px-4 align-middle pointer-coarse:px-3.5 pointer-coarse:py-3 pointer-coarse:whitespace-nowrap",
+		cell: t,
 		selectControl: "flex items-center justify-center",
 		expandTrigger: [
 			"inline-flex size-5.5 shrink-0 items-center justify-center rounded-sm pointer-coarse:size-6.5",
@@ -33,12 +33,12 @@ var t = "bg-[color-mix(in_oklab,var(--color-primary-500)_16%,var(--card))]", n =
 		density: {
 			comfortable: {
 				head: "py-2.5",
-				cell: "py-2.75",
+				cell: n.comfortable,
 				expandedInner: "px-11 py-4.5"
 			},
 			compact: {
 				head: "py-1.75",
-				cell: "py-1.5",
+				cell: n.compact,
 				expandedInner: "px-11 py-3.5"
 			}
 		},
@@ -57,8 +57,8 @@ var t = "bg-[color-mix(in_oklab,var(--color-primary-500)_16%,var(--card))]", n =
 		},
 		hover: { true: { row: "transition-colors not-data-selected:hover:bg-surface-raised" } },
 		stripe: { true: { row: "not-data-selected:even:bg-fg/3" } },
-		selected: { true: { row: t } },
-		stickyHeader: { true: { head: "sticky top-0 z-10 bg-card" } },
+		selected: { true: { row: "bg-[color-mix(in_oklab,var(--color-primary-500)_16%,var(--card))]" } },
+		stickyHeader: { true: { head: "sticky top-0 z-(--z-table-header) bg-card" } },
 		align: {
 			start: {
 				head: "text-left",
@@ -74,8 +74,8 @@ var t = "bg-[color-mix(in_oklab,var(--color-primary-500)_16%,var(--card))]", n =
 			}
 		},
 		sticky: { left: {
-			head: "sticky left-0 z-20 border-r border-line-strong bg-card",
-			cell: `sticky left-0 z-10 border-r border-line-strong bg-card group-hover/row:bg-surface-raised group-data-selected/row:${t}`
+			head: "sticky left-0 z-(--z-table-frozen-header) border-r border-line-strong bg-card",
+			cell: "sticky left-0 z-(--z-table-frozen-cell) border-r border-line-strong bg-card group-hover/row:bg-surface-raised group-data-selected/row:bg-[color-mix(in_oklab,var(--color-primary-500)_16%,var(--card))]"
 		} }
 	},
 	compoundVariants: [{
@@ -85,7 +85,7 @@ var t = "bg-[color-mix(in_oklab,var(--color-primary-500)_16%,var(--card))]", n =
 	}, {
 		stickyHeader: !0,
 		sticky: "left",
-		class: { head: "z-30" }
+		class: { head: "z-(--z-table-frozen-corner)" }
 	}],
 	defaultVariants: {
 		density: "comfortable",
@@ -95,4 +95,4 @@ var t = "bg-[color-mix(in_oklab,var(--color-primary-500)_16%,var(--card))]", n =
 	}
 });
 //#endregion
-export { n as tableVariants };
+export { r as tableVariants };

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
 import { TableVariants } from './Table.styles';
 type TableDensity = NonNullable<TableVariants['density']>;
 type TableDividers = NonNullable<TableVariants['dividers']>;
@@ -11,9 +11,12 @@ interface OxTableProps extends Omit<ComponentPropsWithoutRef<'table'>, 'classNam
     defaultSelectedRows?: Set<string>;
     density?: TableDensity;
     dividers?: TableDividers;
+    expandedRows?: Set<string>;
     hover?: boolean;
+    onExpandedChange?: (ids: Set<string>) => void;
     onSelectedChange?: (ids: Set<string>) => void;
     selectable?: boolean;
+    selectableRowIds?: string[];
     selectedRows?: Set<string>;
     stickyHeader?: boolean;
     stripe?: boolean;
@@ -23,6 +26,7 @@ interface OxTableProps extends Omit<ComponentPropsWithoutRef<'table'>, 'classNam
 interface OxTableSectionProps extends Omit<ComponentPropsWithoutRef<'thead'>, 'className'> {
     children: ReactNode;
     className?: string;
+    ref?: Ref<HTMLTableSectionElement>;
 }
 interface OxTableBodyProps extends Omit<ComponentPropsWithoutRef<'tbody'>, 'className'> {
     children: ReactNode;
@@ -39,6 +43,7 @@ interface OxTableCaptionProps extends Omit<ComponentPropsWithoutRef<'caption'>,
 interface OxTableRowProps extends Omit<ComponentPropsWithoutRef<'tr'>, 'className'> {
     children: ReactNode;
     className?: string;
+    ref?: Ref<HTMLTableRowElement>;
     rowId?: string;
     selected?: boolean;
 }
@@ -72,6 +77,7 @@ interface OxTableExpandedRowProps extends Omit<ComponentPropsWithoutRef<'tr'>, '
     children: ReactNode;
     className?: string;
     colSpan?: number;
+    ref?: Ref<HTMLTableRowElement>;
     rowId: string;
 }
 export type { OxTableBodyProps, OxTableCaptionProps, OxTableCellProps, OxTableExpandedRowProps, OxTableExpandTriggerProps, OxTableFooterProps, OxTableHeadProps, OxTableProps, OxTableRowProps, OxTableSectionProps, OxTableSelectAllCellProps, OxTableSelectCellProps, TableAlign, TableDensity, TableDividers, TableSticky, };

package/dist/components/Tabs/Tabs.js

@@ -7,7 +7,7 @@ import { Tabs as l } from "@base-ui/react/tabs";
 //#region src/components/Tabs/Tabs.tsx
 var { Provider: u, useRequiredContext: d } = e("OxTabs"), { Provider: f, useContext: p } = t("OxTabsClones", null);
 function m(e) {
-	let t = r(25), { children: i, className: a, defaultValue: o, fullWidth: c, onValueChange: d, orientation: f, render: p, value: m, variant: h } = e, g = c === void 0 ? !1 : c, _ = f === void 0 ? "horizontal" : f, v = h === void 0 ? "pill" : h, y, b, x, S;
+	let t = r(25), { children: i, className: a, defaultValue: o, fullWidth: c, onValueChange: d, orientation: f, render: p, value: m, variant: h } = e, g = c !== void 0 && c, _ = f === void 0 ? "horizontal" : f, v = h === void 0 ? "pill" : h, y, b, x, S;
 	if (t[0] !== a || t[1] !== g || t[2] !== _ || t[3] !== v) {
 		let e = n({
 			variant: v,
@@ -39,7 +39,7 @@ function m(e) {
 function h(e) {
 	let t = r(26), o, c, u, p;
 	t[0] === e ? (o = t[1], c = t[2], u = t[3], p = t[4]) : ({activateOnFocus: p, children: o, className: c, ...u} = e, t[0] = e, t[1] = o, t[2] = c, t[3] = u, t[4] = p);
-	let m = p === void 0 ? !0 : p, { fullWidth: h, orientation: _, variant: v } = d(), y, b, x, S, C;
+	let m = p === void 0 || p, { fullWidth: h, orientation: _, variant: v } = d(), y, b, x, S, C;
 	if (t[5] !== m || t[6] !== o || t[7] !== c || t[8] !== h || t[9] !== _ || t[10] !== u || t[11] !== v) {
 		let e = n({
 			variant: v,
@@ -73,7 +73,7 @@ function h(e) {
 function g(e) {
 	let t = r(20), i, a, o, c, u;
 	t[0] === e ? (i = t[1], a = t[2], o = t[3], c = t[4], u = t[5]) : ({children: i, className: a, disabled: c, value: u, ...o} = e, t[0] = e, t[1] = i, t[2] = a, t[3] = o, t[4] = c, t[5] = u);
-	let f = c === void 0 ? !1 : c, { fullWidth: p, variant: m } = d(), h, g, _;
+	let f = c !== void 0 && c, { fullWidth: p, variant: m } = d(), h, g, _;
 	if (t[6] !== a || t[7] !== p || t[8] !== o || t[9] !== m) {
 		let e = n({
 			variant: m,
@@ -94,7 +94,7 @@ function g(e) {
 function _(e) {
 	let t = r(20), i, a, o, c, u;
 	t[0] === e ? (i = t[1], a = t[2], o = t[3], c = t[4], u = t[5]) : ({children: i, className: a, keepMounted: c, value: u, ...o} = e, t[0] = e, t[1] = i, t[2] = a, t[3] = o, t[4] = c, t[5] = u);
-	let f = c === void 0 ? !1 : c, { fullWidth: p, variant: m } = d(), h, g, _;
+	let f = c !== void 0 && c, { fullWidth: p, variant: m } = d(), h, g, _;
 	if (t[6] !== a || t[7] !== p || t[8] !== o || t[9] !== m) {
 		let e = n({
 			variant: m,

package/dist/components/Tabs/Tabs.styles.d.ts

@@ -79,7 +79,7 @@ export declare const tabsVariants: import('tailwind-variants').TVReturnType<{
     clones: string[];
     clone: string[];
     fill: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
         underline: {
             list: string[];
@@ -119,5 +119,5 @@ export declare const tabsVariants: import('tailwind-variants').TVReturnType<{
     clones: string[];
     clone: string[];
     fill: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type TabsVariants = VariantProps<typeof tabsVariants>;

package/dist/components/Textarea/Textarea.js

@@ -39,7 +39,7 @@ function _(e, t, n, i, a) {
 	], o[5] = a, o[6] = i, o[7] = n, o[8] = e, o[9] = t, o[10] = l) : l = o[10], r(c, l);
 }
 function v(e) {
-	let t = s(18), { autoResize: r, className: i, defaultValue: a, disabled: u, maxRows: f, minRows: p, onChange: h, readOnly: g, resize: v, rows: y, value: b, ...x } = e, S = r === void 0 ? !0 : r, C = f === void 0 ? 8 : f, w = p === void 0 ? 3 : p, T = c(null), E = m(), D = v ?? (S ? "none" : "vertical"), O = y ?? w, k = u ?? E?.disabled, A = g ?? E?.readOnly, j = E?.invalid;
+	let t = s(18), { autoResize: r, className: i, defaultValue: a, disabled: u, maxRows: f, minRows: p, onChange: h, readOnly: g, resize: v, rows: y, value: b, ...x } = e, S = r === void 0 || r, C = f === void 0 ? 8 : f, w = p === void 0 ? 3 : p, T = c(null), E = m(), D = v ?? (S ? "none" : "vertical"), O = y ?? w, k = u ?? E?.disabled, A = g ?? E?.readOnly, j = E?.invalid;
 	_(T, b ?? a, w, C, S);
 	let M = d, N;
 	t[0] !== i || t[1] !== D ? (N = o({
@@ -73,7 +73,7 @@ function v(e) {
 function y(e) {
 	let t = s(36), n, r, i, o, d, m, h, g;
 	t[0] === e ? (n = t[1], r = t[2], i = t[3], o = t[4], d = t[5], m = t[6], h = t[7], g = t[8]) : ({children: n, className: r, disabled: m, invalid: h, onMouseDown: i, readOnly: g, render: d, ...o} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = o, t[5] = d, t[6] = m, t[7] = h, t[8] = g);
-	let _ = m === void 0 ? !1 : m, v = h === void 0 ? !1 : h, y = g === void 0 ? !1 : g, b = a(), x = c(null), S;
+	let _ = m !== void 0 && m, v = h !== void 0 && h, y = g !== void 0 && g, b = a(), x = c(null), S;
 	t[9] === _ ? S = t[10] : (S = (e) => {
 		_ || e.target.closest(f) || (e.preventDefault(), x.current?.querySelector(":scope [data-ox-slot=\"textarea\"]")?.focus());
 	}, t[9] = _, t[10] = S);

package/dist/components/Textarea/Textarea.styles.d.ts

@@ -1,39 +1,39 @@
 import { VariantProps } from '../../internal/tv';
 export declare const textareaVariants: import('tailwind-variants').TVReturnType<{
     resize: {
-        none: string;
-        vertical: string;
-        horizontal: string;
-        both: string;
+        none: "resize-none";
+        vertical: "resize-y";
+        horizontal: "resize-x";
+        both: "resize";
     };
 }, undefined, string[], {
     resize: {
-        none: string;
-        vertical: string;
-        horizontal: string;
-        both: string;
+        none: "resize-none";
+        vertical: "resize-y";
+        horizontal: "resize-x";
+        both: "resize";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     resize: {
-        none: string;
-        vertical: string;
-        horizontal: string;
-        both: string;
+        none: "resize-none";
+        vertical: "resize-y";
+        horizontal: "resize-x";
+        both: "resize";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 export type TextareaVariants = VariantProps<typeof textareaVariants>;
 export declare const textareaGroupVariants: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            addon?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            addon?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            addon?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            addon?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -41,44 +41,44 @@ export declare const textareaGroupVariants: import('tailwind-variants').TVReturn
     addon: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            addon?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            addon?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string[];
     addon: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string[];
     addon: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export declare const textareaAddonVariants: import('tailwind-variants').TVReturnType<{
     variant: {
-        separated: string;
-        inline: string;
+        separated: "";
+        inline: "";
     };
     align: {
-        'block-start': string;
-        'block-end': string;
+        'block-start': "" | "border-b border-line";
+        'block-end': "" | "border-t border-line";
     };
 }, undefined, undefined, {
     variant: {
-        separated: string;
-        inline: string;
+        separated: "";
+        inline: "";
     };
     align: {
-        'block-start': string;
-        'block-end': string;
+        'block-start': "" | "border-b border-line";
+        'block-end': "" | "border-t border-line";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
-        separated: string;
-        inline: string;
+        separated: "";
+        inline: "";
     };
     align: {
-        'block-start': string;
-        'block-end': string;
+        'block-start': "" | "border-b border-line";
+        'block-end': "" | "border-t border-line";
     };
-}, undefined, undefined, unknown, unknown, undefined>>;
+}, undefined>>;
 export type TextareaGroupVariants = VariantProps<typeof textareaGroupVariants>;

package/dist/components/Toast/Toast.css

@@ -1 +1 @@
-[data-ox-slot=toast-viewport]{--ox-toast-width:22rem}[data-ox-slot=toast]{--ox-gap:14px;--ox-peek:14px;--ox-scale:calc(max(0, 1 - (var(--toast-index) * .05)));--ox-shrink:calc(1 - var(--ox-scale));--ox-height:var(--toast-frontmost-height,var(--toast-height));--ox-exit:0px;--ox-ease:ease;box-sizing:border-box;height:var(--ox-height);z-index:calc(1000 - var(--toast-index));contain:layout style;will-change:transform;transition:transform .4s var(--ox-ease), opacity .4s var(--ox-ease), height .4s var(--ox-ease)}[data-ox-slot=toast][data-expanded],[data-ox-slot=toast-viewport][data-ox-expanded] [data-ox-slot=toast]{height:var(--toast-height)}[data-ox-slot=toast]:after{content:"";width:100%;height:calc(var(--ox-gap) + 1px);position:absolute;left:0}[data-ox-slot=toast-viewport][data-placement^=bottom] [data-ox-slot=toast]{--ox-offset-y:calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--ox-gap) * -1) + var(--toast-swipe-movement-y));transform-origin:bottom;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--ox-peek)) - (var(--ox-shrink) * var(--ox-height)) + var(--ox-exit,0px))) scale(var(--ox-scale));bottom:0}[data-ox-slot=toast-viewport][data-placement^=bottom] [data-ox-slot=toast]:after{top:100%}[data-ox-slot=toast-viewport][data-placement^=bottom] [data-ox-slot=toast][data-starting-style]{opacity:0;transform:translateY(100%)}[data-ox-slot=toast-viewport][data-placement^=bottom] [data-ox-slot=toast][data-ending-style]:not([data-swipe-direction]){opacity:0;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--ox-offset-y) + 100%)) scale(var(--ox-scale))}[data-ox-slot=toast-viewport][data-placement^=top] [data-ox-slot=toast]{--ox-offset-y:calc(var(--toast-offset-y) + (var(--toast-index) * var(--ox-gap)) + var(--toast-swipe-movement-y));transform-origin:top;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--ox-peek)) + (var(--ox-shrink) * var(--ox-height)) + var(--ox-exit,0px))) scale(var(--ox-scale));top:0}[data-ox-slot=toast-viewport][data-placement^=top] [data-ox-slot=toast]:after{bottom:100%}[data-ox-slot=toast-viewport][data-placement^=top] [data-ox-slot=toast][data-starting-style]{opacity:0;transform:translateY(-100%)}[data-ox-slot=toast-viewport][data-placement^=top] [data-ox-slot=toast][data-ending-style]:not([data-swipe-direction]){opacity:0;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--ox-offset-y) - 100%)) scale(var(--ox-scale))}[data-ox-slot=toast-viewport] [data-ox-slot=toast][data-expanded],[data-ox-slot=toast-viewport][data-ox-expanded] [data-ox-slot=toast]{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--ox-offset-y) + var(--ox-exit,0px)))}[data-ox-slot=toast][data-limited]{opacity:0}[data-ox-slot=toast][data-ending-style]{opacity:0;transition:transform .4s var(--ox-ease), opacity .25s linear .15s}[data-ox-slot=toast][data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}[data-ox-slot=toast][data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}[data-ox-slot=toast][data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--ox-offset-y))}[data-ox-slot=toast][data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--ox-offset-y))}[data-ox-slot=toast-content]{transition:opacity .3s var(--ox-ease);overflow:hidden}[data-ox-slot=toast-content][data-behind]{opacity:0}[data-ox-slot=toast-content][data-expanded],[data-ox-slot=toast-viewport][data-ox-expanded] [data-ox-slot=toast-content]{opacity:1}@keyframes ox-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}[data-ox-slot=toast-timer]{animation:ox-toast-timer var(--ox-toast-timer-duration,5s) linear forwards}[data-ox-slot=toast-viewport][data-ox-timers-paused] [data-ox-slot=toast-timer]{animation-play-state:paused}@media (prefers-reduced-motion:reduce){[data-ox-slot=toast]{transition:opacity .25s var(--ox-ease)}[data-ox-slot=toast-timer]{opacity:0;animation-duration:var(--ox-toast-timer-duration,5s)!important}[data-ox-slot=toast-viewport] [data-ox-slot=toast],[data-ox-slot=toast-viewport] [data-ox-slot=toast][data-expanded],[data-ox-slot=toast-viewport] [data-ox-slot=toast][data-starting-style],[data-ox-slot=toast-viewport] [data-ox-slot=toast][data-ending-style]{transform:none!important}}@media (width<=600px){[data-ox-slot=toast-viewport][data-placement]{width:auto;max-width:none;inset-inline:0;transform:none}[data-ox-slot=toast-viewport][data-placement^=bottom]{margin-bottom:calc(1rem + env(safe-area-inset-bottom))}[data-ox-slot=toast-viewport][data-placement^=top]{margin-top:calc(1rem + env(safe-area-inset-top))}}
+[data-ox-slot=toast-viewport]{--ox-toast-width:22rem}[data-ox-slot=toast]{--ox-gap:14px;--ox-peek:14px;--ox-scale:calc(max(0, 1 - (var(--toast-index) * .05)));--ox-shrink:calc(1 - var(--ox-scale));--ox-height:var(--toast-frontmost-height,var(--toast-height));--ox-exit:0px;--ox-ease:ease;box-sizing:border-box;height:var(--ox-height);z-index:calc(var(--z-toast) - var(--toast-index));contain:layout style;will-change:transform;transition:transform .4s var(--ox-ease), opacity .4s var(--ox-ease), height .4s var(--ox-ease)}[data-ox-slot=toast][data-expanded],[data-ox-slot=toast-viewport][data-ox-expanded] [data-ox-slot=toast]{height:var(--toast-height)}[data-ox-slot=toast]:after{content:"";width:100%;height:calc(var(--ox-gap) + 1px);position:absolute;left:0}[data-ox-slot=toast-viewport][data-placement^=bottom] [data-ox-slot=toast]{--ox-offset-y:calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--ox-gap) * -1) + var(--toast-swipe-movement-y));transform-origin:bottom;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--ox-peek)) - (var(--ox-shrink) * var(--ox-height)) + var(--ox-exit,0px))) scale(var(--ox-scale));bottom:0}[data-ox-slot=toast-viewport][data-placement^=bottom] [data-ox-slot=toast]:after{top:100%}[data-ox-slot=toast-viewport][data-placement^=bottom] [data-ox-slot=toast][data-starting-style]{opacity:0;transform:translateY(100%)}[data-ox-slot=toast-viewport][data-placement^=bottom] [data-ox-slot=toast][data-ending-style]:not([data-swipe-direction]){opacity:0;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--ox-offset-y) + 100%)) scale(var(--ox-scale))}[data-ox-slot=toast-viewport][data-placement^=top] [data-ox-slot=toast]{--ox-offset-y:calc(var(--toast-offset-y) + (var(--toast-index) * var(--ox-gap)) + var(--toast-swipe-movement-y));transform-origin:top;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--ox-peek)) + (var(--ox-shrink) * var(--ox-height)) + var(--ox-exit,0px))) scale(var(--ox-scale));top:0}[data-ox-slot=toast-viewport][data-placement^=top] [data-ox-slot=toast]:after{bottom:100%}[data-ox-slot=toast-viewport][data-placement^=top] [data-ox-slot=toast][data-starting-style]{opacity:0;transform:translateY(-100%)}[data-ox-slot=toast-viewport][data-placement^=top] [data-ox-slot=toast][data-ending-style]:not([data-swipe-direction]){opacity:0;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--ox-offset-y) - 100%)) scale(var(--ox-scale))}[data-ox-slot=toast-viewport] [data-ox-slot=toast][data-expanded],[data-ox-slot=toast-viewport][data-ox-expanded] [data-ox-slot=toast]{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--ox-offset-y) + var(--ox-exit,0px)))}[data-ox-slot=toast][data-limited]{opacity:0}[data-ox-slot=toast][data-ending-style]{opacity:0;transition:transform .4s var(--ox-ease), opacity .25s linear .15s}[data-ox-slot=toast][data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}[data-ox-slot=toast][data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}[data-ox-slot=toast][data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--ox-offset-y))}[data-ox-slot=toast][data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--ox-offset-y))}[data-ox-slot=toast-content]{transition:opacity .3s var(--ox-ease);overflow:hidden}[data-ox-slot=toast-content][data-behind]{opacity:0}[data-ox-slot=toast-content][data-expanded],[data-ox-slot=toast-viewport][data-ox-expanded] [data-ox-slot=toast-content]{opacity:1}@keyframes ox-toast-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}[data-ox-slot=toast-timer]{animation:ox-toast-timer var(--ox-toast-timer-duration,5s) linear forwards}[data-ox-slot=toast-viewport][data-ox-timers-paused] [data-ox-slot=toast-timer]{animation-play-state:paused}@media (prefers-reduced-motion:reduce){[data-ox-slot=toast]{transition:opacity .25s var(--ox-ease)}[data-ox-slot=toast-timer]{opacity:0;animation-duration:var(--ox-toast-timer-duration,5s)!important}[data-ox-slot=toast-viewport] [data-ox-slot=toast],[data-ox-slot=toast-viewport] [data-ox-slot=toast][data-expanded],[data-ox-slot=toast-viewport] [data-ox-slot=toast][data-starting-style],[data-ox-slot=toast-viewport] [data-ox-slot=toast][data-ending-style]{transform:none!important}}@media (width<=600px){[data-ox-slot=toast-viewport][data-placement]{width:auto;max-width:none;inset-inline:0;transform:none}[data-ox-slot=toast-viewport][data-placement^=bottom]{margin-bottom:calc(1rem + env(safe-area-inset-bottom))}[data-ox-slot=toast-viewport][data-placement^=top]{margin-top:calc(1rem + env(safe-area-inset-top))}}

package/dist/components/Toast/Toast.styles.d.ts

@@ -77,7 +77,7 @@ export declare const toastVariants: import('tailwind-variants').TVReturnType<{
     description: string[];
     action: string[];
     close: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
         default: {};
         critical: {
@@ -116,5 +116,5 @@ export declare const toastVariants: import('tailwind-variants').TVReturnType<{
     description: string[];
     action: string[];
     close: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type ToastVariants = VariantProps<typeof toastVariants>;

package/dist/components/Toast/Toast.styles.js

@@ -2,7 +2,7 @@ import { tv as e } from "../../internal/tv.js";
 //#region src/components/Toast/Toast.styles.ts
 var t = e({
 	slots: {
-		viewport: ["fixed z-[1000] m-4 flex w-[var(--ox-toast-width)] max-w-[calc(100vw-2rem)] flex-col", "outline-none"],
+		viewport: ["fixed z-(--z-toast) m-4 flex w-[var(--ox-toast-width)] max-w-[calc(100vw-2rem)] flex-col", "outline-none"],
 		root: [
 			"group absolute inset-x-0 select-none overflow-hidden",
 			"rounded-control border bg-popover shadow-[var(--shadow-pop)]",

package/dist/components/Toast/Toast2.js

@@ -153,20 +153,22 @@ function A(e) {
 function j(e) {
 	let t = r(23), n, i, a, o, s, l;
 	t[0] === e ? (n = t[1], i = t[2], a = t[3], o = t[4], s = t[5], l = t[6]) : ({children: n, className: i, loading: s, render: o, type: l, ...a} = e, t[0] = e, t[1] = n, t[2] = i, t[3] = a, t[4] = o, t[5] = s, t[6] = l);
-	let u = s === void 0 ? !1 : s, d = l === void 0 ? "neutral" : l, { slots: f } = y(), p = n;
-	if (!p) if (u) {
-		let e;
-		t[7] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ m(c, {
-			"aria-hidden": "true",
-			className: "animate-spin",
-			strokeWidth: 2
-		}), t[7] = e) : e = t[7], p = e;
-	} else {
-		let e = b[d], n;
-		t[8] === e ? n = t[9] : (n = /* @__PURE__ */ m(e, {
-			"aria-hidden": "true",
-			strokeWidth: 2
-		}), t[8] = e, t[9] = n), p = n;
+	let u = s !== void 0 && s, d = l === void 0 ? "neutral" : l, { slots: f } = y(), p = n;
+	if (!p) {
+		if (u) {
+			let e;
+			t[7] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ m(c, {
+				"aria-hidden": "true",
+				className: "animate-spin",
+				strokeWidth: 2
+			}), t[7] = e) : e = t[7], p = e;
+		} else {
+			let e = b[d], n;
+			t[8] === e ? n = t[9] : (n = /* @__PURE__ */ m(e, {
+				"aria-hidden": "true",
+				strokeWidth: 2
+			}), t[8] = e, t[9] = n), p = n;
+		}
 	}
 	let h;
 	t[10] === o ? h = t[11] : (h = o ?? /* @__PURE__ */ m("div", {}), t[10] = o, t[11] = h);

package/dist/components/Toggle/Toggle.js

@@ -9,7 +9,7 @@ var { Provider: s, useOptionalContext: c } = e("OxToggle.Group");
 function l(e) {
 	let t = r(16), o, s, l, u, d, f;
 	t[0] === e ? (o = t[1], s = t[2], l = t[3], u = t[4], d = t[5], f = t[6]) : ({children: o, className: s, disabled: u, isIconOnly: d, variant: f, ...l} = e, t[0] = e, t[1] = o, t[2] = s, t[3] = l, t[4] = u, t[5] = d, t[6] = f);
-	let p = u === void 0 ? !1 : u, m = d === void 0 ? !1 : d, h = c(), g = f ?? h?.variant ?? "default", _;
+	let p = u !== void 0 && u, m = d !== void 0 && d, h = c(), g = f ?? h?.variant ?? "default", _;
 	t[7] !== s || t[8] !== m || t[9] !== g ? (_ = n({
 		variant: g,
 		isIconOnly: m,
@@ -27,7 +27,7 @@ function l(e) {
 function u(e) {
 	let n = r(30), a, c, l, u, d, f, p, m, h, g, _;
 	n[0] === e ? (a = n[1], c = n[2], l = n[3], u = n[4], d = n[5], f = n[6], p = n[7], m = n[8], h = n[9], g = n[10], _ = n[11]) : ({children: a, className: c, defaultValue: l, disabled: f, loopFocus: p, multiple: m, onValueChange: u, orientation: h, value: g, variant: _, ...d} = e, n[0] = e, n[1] = a, n[2] = c, n[3] = l, n[4] = u, n[5] = d, n[6] = f, n[7] = p, n[8] = m, n[9] = h, n[10] = g, n[11] = _);
-	let v = f === void 0 ? !1 : f, y = p === void 0 ? !0 : p, b = m === void 0 ? !1 : m, x = h === void 0 ? "horizontal" : h, S;
+	let v = f !== void 0 && f, y = p === void 0 || p, b = m !== void 0 && m, x = h === void 0 ? "horizontal" : h, S;
 	n[12] === _ ? S = n[13] : (S = { variant: _ }, n[12] = _, n[13] = S);
 	let C;
 	n[14] === c ? C = n[15] : (C = t({ class: c }), n[14] = c, n[15] = C);