@noxickon/onyx 6.7.0 → 6.7.1

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/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);

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

@@ -5,7 +5,7 @@ export declare const toggleVariants: import('tailwind-variants').TVReturnType<{
         ghost: string[];
     };
     isIconOnly: {
-        true: string;
+        true: "min-w-[var(--control-h-md)] px-0";
     };
 }, undefined, string[], {
     variant: {
@@ -13,16 +13,16 @@ export declare const toggleVariants: import('tailwind-variants').TVReturnType<{
         ghost: string[];
     };
     isIconOnly: {
-        true: string;
+        true: "min-w-[var(--control-h-md)] px-0";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
         default: string[];
         ghost: string[];
     };
     isIconOnly: {
-        true: string;
+        true: "min-w-[var(--control-h-md)] px-0";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
-export declare const toggleGroupVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
+export declare const toggleGroupVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export type ToggleVariants = VariantProps<typeof toggleVariants>;

package/dist/components/Tooltip/Tooltip.js

@@ -7,7 +7,7 @@ import { Tooltip as s } from "@base-ui/react/tooltip";
 //#region src/components/Tooltip/Tooltip.tsx
 var c = t();
 function l(t) {
-	let l = n(25), { align: u, children: d, closeDelay: f, defaultOpen: p, delay: m, label: h, onOpenChange: g, open: _, side: v, sideOffset: y } = t, b = u === void 0 ? "center" : u, x = f === void 0 ? 0 : f, S = p === void 0 ? !1 : p, C = m === void 0 ? 600 : m, w = v === void 0 ? "top" : v, T = y === void 0 ? 8 : y, E = i(e) ?? void 0, D = r(d) ? d : void 0, O;
+	let l = n(25), { align: u, children: d, closeDelay: f, defaultOpen: p, delay: m, label: h, onOpenChange: g, open: _, side: v, sideOffset: y } = t, b = u === void 0 ? "center" : u, x = f === void 0 ? 0 : f, S = p !== void 0 && p, C = m === void 0 ? 600 : m, w = v === void 0 ? "top" : v, T = y === void 0 ? 8 : y, E = i(e) ?? void 0, D = r(d) ? d : void 0, O;
 	l[0] === Symbol.for("react.memo_cache_sentinel") ? (O = c.trigger(), l[0] = O) : O = l[0];
 	let k = !D && d, A;
 	l[1] !== x || l[2] !== C || l[3] !== k || l[4] !== D ? (A = /* @__PURE__ */ a(s.Trigger, {

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

@@ -1,20 +1,20 @@
 import { VariantProps } from '../../internal/tv';
 export declare const tooltipVariants: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            trigger?: import('tailwind-merge').ClassNameValue;
-            popup?: import('tailwind-merge').ClassNameValue;
-            positioner?: import('tailwind-merge').ClassNameValue;
-            arrow?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            trigger?: import('tailwind-variants').ClassValue;
+            popup?: import('tailwind-variants').ClassValue;
+            positioner?: import('tailwind-variants').ClassValue;
+            arrow?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            trigger?: import('tailwind-merge').ClassNameValue;
-            popup?: import('tailwind-merge').ClassNameValue;
-            positioner?: import('tailwind-merge').ClassNameValue;
-            arrow?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            trigger?: import('tailwind-variants').ClassValue;
+            popup?: import('tailwind-variants').ClassValue;
+            positioner?: import('tailwind-variants').ClassValue;
+            arrow?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -24,11 +24,11 @@ export declare const tooltipVariants: import('tailwind-variants').TVReturnType<{
     arrow: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            trigger?: import('tailwind-merge').ClassNameValue;
-            popup?: import('tailwind-merge').ClassNameValue;
-            positioner?: import('tailwind-merge').ClassNameValue;
-            arrow?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            trigger?: import('tailwind-variants').ClassValue;
+            popup?: import('tailwind-variants').ClassValue;
+            positioner?: import('tailwind-variants').ClassValue;
+            arrow?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -36,10 +36,10 @@ export declare const tooltipVariants: import('tailwind-variants').TVReturnType<{
     positioner: string;
     popup: string[];
     arrow: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     trigger: string;
     positioner: string;
     popup: string[];
     arrow: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type TooltipVariants = VariantProps<typeof tooltipVariants>;

package/dist/components/Tooltip/Tooltip.styles.js

@@ -3,7 +3,7 @@ import { popupMotion as t } from "../../internal/styles/popupMotionStyles.js";
 //#region src/components/Tooltip/Tooltip.styles.ts
 var n = e({ slots: {
 	trigger: "",
-	positioner: "z-[var(--z-tooltip)]",
+	positioner: "z-(--z-tooltip)",
 	popup: [
 		"max-w-xs px-[9px] py-1.5 rounded-sm",
 		"bg-tooltip-bg text-tooltip-fg shadow-[var(--shadow-pop)]",

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

@@ -1,18 +1,18 @@
 import { VariantProps } from '../../internal/tv';
 export declare const typewriterVariants: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            cursor?: import('tailwind-merge').ClassNameValue;
-            text?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            text?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            cursor?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            cursor?: import('tailwind-merge').ClassNameValue;
-            text?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            text?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            cursor?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -21,19 +21,19 @@ export declare const typewriterVariants: import('tailwind-variants').TVReturnTyp
     cursor: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            cursor?: import('tailwind-merge').ClassNameValue;
-            text?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            text?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            cursor?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     root: string;
     text: string;
     cursor: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     root: string;
     text: string;
     cursor: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type TypewriterVariants = VariantProps<typeof typewriterVariants>;

package/dist/components/Typewriter/Typewriter2.js

@@ -30,18 +30,18 @@ function m() {
 	}, s = [], e[0] = o, e[1] = s) : (o = e[0], s = e[1]), i(o, s), n;
 }
 function h() {
-	return typeof globalThis.matchMedia == "function" ? globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+	return typeof globalThis.matchMedia == "function" && globalThis.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 function g(n) {
 	let r = t(53), u, d, p, h, g, y, b, x, S, C, w;
 	r[0] === n ? (u = r[1], d = r[2], p = r[3], h = r[4], g = r[5], y = r[6], b = r[7], x = r[8], S = r[9], C = r[10], w = r[11]) : ({children: u, className: d, cursorClassName: p, delay: y, deleteSpeed: b, loop: x, pauseDuration: S, render: g, showCursor: C, speed: w, ...h} = n, r[0] = n, r[1] = u, r[2] = d, r[3] = p, r[4] = h, r[5] = g, r[6] = y, r[7] = b, r[8] = x, r[9] = S, r[10] = C, r[11] = w);
-	let T = y === void 0 ? 0 : y, E = b === void 0 ? 40 : b, D = x === void 0 ? !1 : x, O = S === void 0 ? 1500 : S, ne = C === void 0 ? !0 : C, k = w === void 0 ? 80 : w, A, j;
+	let T = y === void 0 ? 0 : y, E = b === void 0 ? 40 : b, D = x !== void 0 && x, O = S === void 0 ? 1500 : S, ne = C === void 0 || C, k = w === void 0 ? 80 : w, A, j;
 	r[12] === u ? (A = r[13], j = r[14]) : (A = f(u), j = A.map(v).join(" "), r[12] = u, r[13] = A, r[14] = j);
 	let M = j, N = e(), P = m(), [F, I] = a(0), [L, R] = a(T > 0 ? "idle" : "typing"), [z, B] = a(0), V = A[F], H;
 	r[15] === V ? H = r[16] : (H = V ? [...V.text] : [], r[15] = V, r[16] = H);
 	let U = H, W = A.length > 1, G = F < A.length - 1, K = W ? D || G : D, q, J;
 	r[17] !== U || r[18] !== T || r[19] !== E || r[20] !== z || r[21] !== G || r[22] !== W || r[23] !== P || r[24] !== A.length || r[25] !== D || r[26] !== O || r[27] !== L || r[28] !== K || r[29] !== k ? (J = () => {
-		if (!(A.length === 0 || P)) switch (L) {
+		if (!(P || A.length === 0)) switch (L) {
 			case "idle": {
 				let e = setTimeout(() => R("typing"), T);
 				return () => clearTimeout(e);
@@ -130,7 +130,7 @@ function g(n) {
 		props: Q
 	}, r[50] = X, r[51] = Q, r[52] = $) : $ = r[52];
 	let ie = l($);
-	return A.length === 0 && Y === null ? null : ie;
+	return Y === null && A.length === 0 ? null : ie;
 }
 function ee(e) {
 	return e + 1;

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

@@ -1,17 +1,17 @@
 export declare const virtualListVariants: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            item?: import('tailwind-merge').ClassNameValue;
-            inner?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            inner?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            item?: import('tailwind-merge').ClassNameValue;
-            inner?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            inner?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -20,18 +20,18 @@ export declare const virtualListVariants: import('tailwind-variants').TVReturnTy
     item: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            item?: import('tailwind-merge').ClassNameValue;
-            inner?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            item?: import('tailwind-variants').ClassValue;
+            inner?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     root: string;
     inner: string;
     item: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     root: string;
     inner: string;
     item: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;