@noxickon/onyx 6.6.0 → 6.7.1

package/dist/components/HoldToDelete/HoldToDelete.css

@@ -1 +1 @@
-[data-ox-slot=hold-to-delete-overlay]{clip-path:inset(0 100% 0 0);transition:clip-path .2s var(--ease-out-quad)}[data-ox-slot=hold-to-delete][data-ox-holding] [data-ox-slot=hold-to-delete-overlay]{clip-path:inset(0);transition:clip-path var(--ox-hold-duration,2s) linear}
+[data-ox-slot=hold-to-delete-fill]{clip-path:inset(0 100% 0 0);transition:clip-path .2s var(--ease-out-quad)}[data-ox-slot=hold-to-delete][data-ox-holding] [data-ox-slot=hold-to-delete-fill]{clip-path:inset(0);transition:clip-path var(--ox-hold-duration,2s) linear}

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

@@ -1,33 +1,60 @@
 import { VariantProps } from '../../internal/tv';
 export declare const holdToDeleteVariants: import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
+    isHolding: {
+        true: {
+            icon: string;
+            label: string;
+            holdLabel: string;
         };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
+        false: {
+            label: string;
+            holdLabel: string;
         };
     };
-} | {}, {
+}, {
     root: string[];
-    overlay: string[];
+    fill: string;
+    icon: string[];
+    labels: string[];
+    label: string[];
+    holdLabel: string[];
 }, undefined, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
+    isHolding: {
+        true: {
+            icon: string;
+            label: string;
+            holdLabel: string;
+        };
+        false: {
+            label: string;
+            holdLabel: string;
         };
     };
-} | {}, {
+}, {
     root: string[];
-    overlay: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+    fill: string;
+    icon: string[];
+    labels: string[];
+    label: string[];
+    holdLabel: string[];
+}, import('tailwind-variants').TVReturnTypeLike<{
+    isHolding: {
+        true: {
+            icon: string;
+            label: string;
+            holdLabel: string;
+        };
+        false: {
+            label: string;
+            holdLabel: string;
+        };
+    };
+}, {
     root: string[];
-    overlay: string[];
-}, undefined, unknown, unknown, undefined>>;
+    fill: string;
+    icon: string[];
+    labels: string[];
+    label: string[];
+    holdLabel: string[];
+}>>;
 export type HoldToDeleteVariants = VariantProps<typeof holdToDeleteVariants>;

package/dist/components/HoldToDelete/HoldToDelete.styles.js

@@ -1,20 +1,35 @@
 import { tv as e } from "../../internal/tv.js";
+import { stackedLayers as t } from "../../internal/styles/stackedLayerStyles.js";
 //#region src/components/HoldToDelete/HoldToDelete.styles.ts
-var t = e({ slots: {
-	root: [
-		"relative inline-flex select-none items-center justify-center gap-2",
-		"h-control cursor-pointer rounded-full px-6 font-medium whitespace-nowrap",
-		"border border-line bg-surface-raised text-fg",
-		"[&_svg:not([class*=size-])]:size-icon",
-		"transition-transform active:scale-97 will-change-transform",
-		"outline-danger-ink focus-visible:outline-2 focus-visible:outline-offset-2",
-		"ox-disabled:cursor-not-allowed ox-disabled:opacity-50 ox-disabled:active:scale-100"
-	],
-	overlay: [
-		"pointer-events-none absolute inset-0",
-		"inline-flex items-center justify-center gap-2",
-		"rounded-full bg-danger-soft text-danger-soft-fg"
-	]
-} });
+var n = ["transition-[opacity,color] duration-90 ease-out-quint", "motion-reduce:transition-none"], r = e({
+	slots: {
+		root: [
+			"relative inline-flex select-none items-center justify-center gap-2",
+			"h-control cursor-pointer rounded-full px-6 text-control font-medium whitespace-nowrap",
+			"border border-line bg-surface-raised text-fg",
+			"[&_svg:not([class*=size-])]:size-icon",
+			"transition-transform active:scale-97 will-change-transform",
+			"outline-danger-ink focus-visible:outline-2 focus-visible:outline-offset-2",
+			"ox-disabled:cursor-not-allowed ox-disabled:opacity-50 ox-disabled:active:scale-100"
+		],
+		fill: "pointer-events-none absolute inset-0 rounded-full bg-danger-soft",
+		icon: ["relative inline-flex shrink-0 items-center", "transition-colors duration-180 ease-out-quint motion-reduce:transition-none"],
+		labels: [...t, "items-center text-center"],
+		label: n,
+		holdLabel: ["text-danger-soft-fg", ...n]
+	},
+	variants: { isHolding: {
+		true: {
+			icon: "text-danger-soft-fg",
+			label: "opacity-0 delay-0",
+			holdLabel: "opacity-100 delay-90"
+		},
+		false: {
+			label: "opacity-100 delay-90",
+			holdLabel: "opacity-0 delay-0"
+		}
+	} },
+	defaultVariants: { isHolding: !1 }
+});
 //#endregion
-export { t as holdToDeleteVariants };
+export { r as holdToDeleteVariants };

package/dist/components/HoldToDelete/HoldToDelete2.js

@@ -2,97 +2,109 @@ import { holdToDeleteVariants as e } from "./HoldToDelete.styles.js";
 import './HoldToDelete.css';/* empty css             */
 import { c as ee } from "react/compiler-runtime";
 import { Trash2 as te } from "lucide-react";
-import { useEffect as ne, useRef as t, useState as re } from "react";
-import { jsx as ie, jsxs as ae } from "react/jsx-runtime";
+import { useEffect as ne, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/HoldToDelete/HoldToDelete.tsx
-var oe = /* @__PURE__ */ new Set([" ", "Enter"]);
-function n(n) {
-	let r = ee(75), i, a, o, s, c, l, u, d, f, p, m, h, g, _, v, y, b, x;
-	r[0] === n ? (i = r[1], a = r[2], o = r[3], s = r[4], c = r[5], l = r[6], u = r[7], d = r[8], f = r[9], p = r[10], m = r[11], h = r[12], g = r[13], _ = r[14], v = r[15], y = r[16], b = r[17], x = r[18]) : ({className: i, disabled: y, duration: b, holdLabel: a, icon: o, label: x, onBlur: s, onComplete: c, onHoldCancel: l, onHoldStart: u, onKeyDown: d, onKeyUp: f, onPointerCancel: p, onPointerDown: m, onPointerLeave: h, onPointerUp: g, style: v, ..._} = n, r[0] = n, r[1] = i, r[2] = a, r[3] = o, r[4] = s, r[5] = c, r[6] = l, r[7] = u, r[8] = d, r[9] = f, r[10] = p, r[11] = m, r[12] = h, r[13] = g, r[14] = _, r[15] = v, r[16] = y, r[17] = b, r[18] = x);
-	let S = y === void 0 ? !1 : y, C = b === void 0 ? 2e3 : b, w = x === void 0 ? "Hold to Delete" : x, [se, ce] = re(!1), T = t(null), E = t(!1), D = t(!1), le = e(), O = a ?? w, k;
-	r[19] === o ? k = r[20] : (k = o ?? /* @__PURE__ */ ie(te, { "aria-hidden": "true" }), r[19] = o, r[20] = k);
-	let A = k, j;
-	r[21] === Symbol.for("react.memo_cache_sentinel") ? (j = () => {
-		T.current !== null && (globalThis.clearTimeout(T.current), T.current = null);
-	}, r[21] = j) : j = r[21];
-	let ue = j, M, N;
-	r[22] === Symbol.for("react.memo_cache_sentinel") ? (M = () => () => {
-		T.current !== null && globalThis.clearTimeout(T.current);
-	}, N = [], r[22] = M, r[23] = N) : (M = r[22], N = r[23]), ne(M, N);
-	let P;
-	r[24] !== S || r[25] !== C || r[26] !== c || r[27] !== u ? (P = () => {
-		S || E.current || (E.current = !0, D.current = !1, ce(!0), u?.(), ue(), T.current = globalThis.setTimeout(() => {
-			T.current = null, D.current = !0, c?.();
-		}, C));
-	}, r[24] = S, r[25] = C, r[26] = c, r[27] = u, r[28] = P) : P = r[28];
-	let F = P, I;
-	r[29] === l ? I = r[30] : (I = () => {
-		if (!E.current) return;
-		let e = D.current;
-		E.current = !1, D.current = !1, ue(), ce(!1), !e && l?.();
-	}, r[29] = l, r[30] = I);
-	let L = I, R;
-	r[31] !== m || r[32] !== F ? (R = (e) => {
-		m?.(e), !(e.defaultPrevented || e.button !== 0) && F();
-	}, r[31] = m, r[32] = F, r[33] = R) : R = r[33];
-	let z = R, B;
-	r[34] !== d || r[35] !== F ? (B = (e) => {
-		d?.(e), !(e.defaultPrevented || e.repeat || !oe.has(e.key)) && (e.preventDefault(), F());
-	}, r[34] = d, r[35] = F, r[36] = B) : B = r[36];
-	let V = B, H;
-	r[37] !== L || r[38] !== f ? (H = (e) => {
-		f?.(e), oe.has(e.key) && L();
-	}, r[37] = L, r[38] = f, r[39] = H) : H = r[39];
-	let U = H, W = `${C}ms`, G;
-	r[40] !== v || r[41] !== W ? (G = {
-		...v,
-		"--ox-hold-duration": W
-	}, r[40] = v, r[41] = W, r[42] = G) : G = r[42];
-	let K = G, q = le.root({ class: i }), de = se || void 0, J;
-	r[43] !== L || r[44] !== s ? (J = (e) => {
-		s?.(e), L();
-	}, r[43] = L, r[44] = s, r[45] = J) : J = r[45];
-	let Y;
-	r[46] !== L || r[47] !== p ? (Y = (e) => {
-		p?.(e), L();
-	}, r[46] = L, r[47] = p, r[48] = Y) : Y = r[48];
-	let X;
-	r[49] !== L || r[50] !== h ? (X = (e) => {
-		h?.(e), L();
-	}, r[49] = L, r[50] = h, r[51] = X) : X = r[51];
+var a = /* @__PURE__ */ new Set([" ", "Enter"]);
+function o(o) {
+	let s = ee(55), c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T;
+	s[0] === o ? (c = s[1], l = s[2], u = s[3], d = s[4], f = s[5], p = s[6], m = s[7], h = s[8], g = s[9], _ = s[10], v = s[11], y = s[12], b = s[13], x = s[14], S = s[15], C = s[16], w = s[17], T = s[18]) : ({className: c, disabled: C, duration: w, holdLabel: l, icon: u, label: T, onBlur: d, onComplete: f, onHoldCancel: p, onHoldStart: m, onKeyDown: h, onKeyUp: g, onPointerCancel: _, onPointerDown: v, onPointerLeave: y, onPointerUp: b, style: S, ...x} = o, s[0] = o, s[1] = c, s[2] = l, s[3] = u, s[4] = d, s[5] = f, s[6] = p, s[7] = m, s[8] = h, s[9] = g, s[10] = _, s[11] = v, s[12] = y, s[13] = b, s[14] = x, s[15] = S, s[16] = C, s[17] = w, s[18] = T);
+	let E = C !== void 0 && C, D = w === void 0 ? 2e3 : w, O = T === void 0 ? "Hold to Delete" : T, [k, A] = n(!1), j = t(null), M = t(!1), N = t(!1), P = e({ isHolding: k }), F = l ?? O, re = !!O || !!F, I;
+	s[19] === u ? I = s[20] : (I = u ?? /* @__PURE__ */ r(te, { "aria-hidden": "true" }), s[19] = u, s[20] = I);
+	let ie = I, L;
+	s[21] === Symbol.for("react.memo_cache_sentinel") ? (L = () => {
+		j.current !== null && (globalThis.clearTimeout(j.current), j.current = null);
+	}, s[21] = L) : L = s[21];
+	let R = L, z, B;
+	s[22] === Symbol.for("react.memo_cache_sentinel") ? (z = () => () => {
+		j.current !== null && globalThis.clearTimeout(j.current);
+	}, B = [], s[22] = z, s[23] = B) : (z = s[22], B = s[23]), ne(z, B);
+	let V;
+	s[24] !== E || s[25] !== D || s[26] !== f || s[27] !== m ? (V = () => {
+		E || M.current || (M.current = !0, N.current = !1, A(!0), m?.(), R(), j.current = globalThis.setTimeout(() => {
+			j.current = null, N.current = !0, f?.();
+		}, D));
+	}, s[24] = E, s[25] = D, s[26] = f, s[27] = m, s[28] = V) : V = s[28];
+	let H = V, U;
+	s[29] === p ? U = s[30] : (U = () => {
+		if (!M.current) return;
+		let e = N.current;
+		M.current = !1, N.current = !1, R(), A(!1), !e && p?.();
+	}, s[29] = p, s[30] = U);
+	let W = U, G;
+	s[31] !== v || s[32] !== H ? (G = (e) => {
+		v?.(e), !(e.defaultPrevented || e.button !== 0) && H();
+	}, s[31] = v, s[32] = H, s[33] = G) : G = s[33];
+	let ae = G, K;
+	s[34] !== h || s[35] !== H ? (K = (e) => {
+		h?.(e), !(e.defaultPrevented || e.repeat || !a.has(e.key)) && (e.preventDefault(), H());
+	}, s[34] = h, s[35] = H, s[36] = K) : K = s[36];
+	let oe = K, q;
+	s[37] !== W || s[38] !== g ? (q = (e) => {
+		g?.(e), a.has(e.key) && W();
+	}, s[37] = W, s[38] = g, s[39] = q) : q = s[39];
+	let se = q, J = `${D}ms`, Y;
+	s[40] !== S || s[41] !== J ? (Y = {
+		...S,
+		"--ox-hold-duration": J
+	}, s[40] = S, s[41] = J, s[42] = Y) : Y = s[42];
+	let ce = Y, X;
+	s[43] !== W || s[44] !== d ? (X = (e) => {
+		d?.(e), W();
+	}, s[43] = W, s[44] = d, s[45] = X) : X = s[45];
 	let Z;
-	r[52] !== L || r[53] !== g ? (Z = (e) => {
-		g?.(e), L();
-	}, r[52] = L, r[53] = g, r[54] = Z) : Z = r[54];
-	let fe = le.overlay(), Q;
-	r[55] !== A || r[56] !== O || r[57] !== fe ? (Q = /* @__PURE__ */ ae("span", {
-		"aria-hidden": "true",
-		className: fe,
-		"data-ox-slot": "hold-to-delete-overlay",
-		children: [A, O]
-	}), r[55] = A, r[56] = O, r[57] = fe, r[58] = Q) : Q = r[58];
+	s[46] !== W || s[47] !== _ ? (Z = (e) => {
+		_?.(e), W();
+	}, s[46] = W, s[47] = _, s[48] = Z) : Z = s[48];
+	let Q;
+	s[49] !== W || s[50] !== y ? (Q = (e) => {
+		y?.(e), W();
+	}, s[49] = W, s[50] = y, s[51] = Q) : Q = s[51];
 	let $;
-	return r[59] !== S || r[60] !== V || r[61] !== U || r[62] !== z || r[63] !== A || r[64] !== w || r[65] !== K || r[66] !== _ || r[67] !== q || r[68] !== de || r[69] !== J || r[70] !== Y || r[71] !== X || r[72] !== Z || r[73] !== Q ? ($ = /* @__PURE__ */ ae("button", {
+	return s[52] !== W || s[53] !== b ? ($ = (e) => {
+		b?.(e), W();
+	}, s[52] = W, s[53] = b, s[54] = $) : $ = s[54], /* @__PURE__ */ i("button", {
 		"data-ox-slot": "hold-to-delete",
-		..._,
-		className: q,
-		"data-ox-holding": de,
-		disabled: S,
-		style: K,
+		...x,
+		className: P.root({ class: c }),
+		"data-ox-holding": k || void 0,
+		disabled: E,
+		style: ce,
 		type: "button",
-		onBlur: J,
-		onKeyDown: V,
-		onKeyUp: U,
-		onPointerCancel: Y,
-		onPointerDown: z,
-		onPointerLeave: X,
-		onPointerUp: Z,
+		onBlur: X,
+		onKeyDown: oe,
+		onKeyUp: se,
+		onPointerCancel: Z,
+		onPointerDown: ae,
+		onPointerLeave: Q,
+		onPointerUp: $,
 		children: [
-			Q,
-			A,
-			w
+			/* @__PURE__ */ r("span", {
+				"aria-hidden": "true",
+				className: P.fill(),
+				"data-ox-slot": "hold-to-delete-fill"
+			}),
+			/* @__PURE__ */ r("span", {
+				className: P.icon(),
+				"data-ox-slot": "hold-to-delete-icon",
+				children: ie
+			}),
+			re ? /* @__PURE__ */ i("span", {
+				className: P.labels(),
+				"data-ox-slot": "hold-to-delete-labels",
+				children: [/* @__PURE__ */ r("span", {
+					className: P.label(),
+					"data-ox-slot": "hold-to-delete-label",
+					children: O
+				}), /* @__PURE__ */ r("span", {
+					"aria-hidden": "true",
+					className: P.holdLabel(),
+					"data-ox-slot": "hold-to-delete-hold-label",
+					children: F
+				})]
+			}) : null
 		]
-	}), r[59] = S, r[60] = V, r[61] = U, r[62] = z, r[63] = A, r[64] = w, r[65] = K, r[66] = _, r[67] = q, r[68] = de, r[69] = J, r[70] = Y, r[71] = X, r[72] = Z, r[73] = Q, r[74] = $) : $ = r[74], $;
+	});
 }
 //#endregion
-export { n as OxHoldToDelete };
+export { o as OxHoldToDelete };

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

@@ -1,18 +1,18 @@
 import { VariantProps } from '../../internal/tv';
 export declare const iconTileVariants: import('tailwind-variants').TVReturnType<{
     shape: {
-        square: string;
-        circle: string;
+        square: "rounded-control";
+        circle: "rounded-full";
     };
 }, undefined, string[], {
     shape: {
-        square: string;
-        circle: string;
+        square: "rounded-control";
+        circle: "rounded-full";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     shape: {
-        square: string;
-        circle: string;
+        square: "rounded-control";
+        circle: "rounded-full";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 export type IconTileVariants = VariantProps<typeof iconTileVariants>;

package/dist/components/Input/Input.js

@@ -32,7 +32,7 @@ function h(e) {
 function g(e) {
 	let t = o(36), n, r, a, u, p, m, h, g;
 	t[0] === e ? (n = t[1], r = t[2], a = t[3], u = t[4], p = t[5], m = t[6], h = t[7], g = t[8]) : ({children: n, className: r, disabled: m, invalid: h, onMouseDown: a, readOnly: g, render: p, ...u} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = a, t[4] = u, t[5] = p, 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 = i(), x = s(null), S;
+	let _ = m !== void 0 && m, v = h !== void 0 && h, y = g !== void 0 && g, b = i(), x = s(null), S;
 	t[9] === _ ? S = t[10] : (S = (e) => {
 		_ || e.target.closest(d) || (e.preventDefault(), x.current?.querySelector(":scope [data-ox-slot=\"input\"]")?.focus());
 	}, t[9] = _, t[10] = S);

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

@@ -1,16 +1,16 @@
-export declare const inputVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const inputVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export declare const inputGroupVariants: 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;
         };
     };
 } | {}, {
@@ -18,43 +18,43 @@ export declare const inputGroupVariants: import('tailwind-variants').TVReturnTyp
     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 inputAddonVariants: import('tailwind-variants').TVReturnType<{
     variant: {
-        separated: string;
-        inline: string;
+        separated: "has-[>svg:only-child]:min-w-[calc(var(--control-h-md)-2px)] has-[>svg:only-child]:justify-center has-[>svg:only-child]:px-0";
+        inline: "";
     };
     align: {
-        'inline-start': string;
-        'inline-end': string;
+        'inline-start': "";
+        'inline-end': "";
     };
 }, undefined, undefined, {
     variant: {
-        separated: string;
-        inline: string;
+        separated: "has-[>svg:only-child]:min-w-[calc(var(--control-h-md)-2px)] has-[>svg:only-child]:justify-center has-[>svg:only-child]:px-0";
+        inline: "";
     };
     align: {
-        'inline-start': string;
-        'inline-end': string;
+        'inline-start': "";
+        'inline-end': "";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
-        separated: string;
-        inline: string;
+        separated: "has-[>svg:only-child]:min-w-[calc(var(--control-h-md)-2px)] has-[>svg:only-child]:justify-center has-[>svg:only-child]:px-0";
+        inline: "";
     };
     align: {
-        'inline-start': string;
-        'inline-end': string;
+        'inline-start': "";
+        'inline-end': "";
     };
-}, undefined, undefined, unknown, unknown, undefined>>;
+}, undefined>>;

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

@@ -1 +1 @@
-export declare const kbdVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const kbdVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;

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

@@ -1 +1 @@
-export declare const mainVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const mainVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;

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

@@ -1,21 +1,21 @@
 export declare const meterVariants: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            value?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
-            label?: import('tailwind-merge').ClassNameValue;
-            bar?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            value?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            bar?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            value?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
-            label?: import('tailwind-merge').ClassNameValue;
-            bar?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            value?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            bar?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -26,12 +26,12 @@ export declare const meterVariants: import('tailwind-variants').TVReturnType<{
     indicator: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            value?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
-            label?: import('tailwind-merge').ClassNameValue;
-            bar?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            value?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            bar?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -40,10 +40,10 @@ export declare const meterVariants: import('tailwind-variants').TVReturnType<{
     value: string[];
     bar: string[];
     indicator: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     root: string[];
     label: string[];
     value: string[];
     bar: string[];
     indicator: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;

package/dist/components/NavigationMenu/NavigationMenu.js

@@ -14,7 +14,7 @@ function _(e) {
 	return typeof e == "function" ? void 0 : e;
 }
 function v(e) {
-	let a = i(20), { align: s, children: m, className: h, closeDelay: g, collisionPadding: v, defaultValue: y, delay: b, inline: x, onValueChange: S, orientation: C, popupClassName: w, render: T, side: E, sideOffset: D, style: O, value: k, viewportClassName: A, ...j } = e, M = s === void 0 ? "center" : s, N = v === void 0 ? 12 : v, P = x === void 0 ? !1 : x, F = C === void 0 ? "horizontal" : C, I = E === void 0 ? "bottom" : E, L = D === void 0 ? 8 : D, R = n("(pointer: coarse)"), z = r({
+	let a = i(20), { align: s, children: m, className: h, closeDelay: g, collisionPadding: v, defaultValue: y, delay: b, inline: x, onValueChange: S, orientation: C, popupClassName: w, render: T, side: E, sideOffset: D, style: O, value: k, viewportClassName: A, ...j } = e, M = s === void 0 ? "center" : s, N = v === void 0 ? 12 : v, P = x !== void 0 && x, F = C === void 0 ? "horizontal" : C, I = E === void 0 ? "bottom" : E, L = D === void 0 ? 8 : D, R = n("(pointer: coarse)"), z = r({
 		accordion: R,
 		inline: P
 	}), B = o(t) ?? void 0, [V, H] = c(y ?? null), U = k === void 0 ? V : k, W;

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

@@ -61,7 +61,7 @@ export declare const navigationMenuVariants: import('tailwind-variants').TVRetur
     positioner: string[];
     popup: string[];
     viewport: string;
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     inline: {
         true: {
             list: string;
@@ -92,5 +92,5 @@ export declare const navigationMenuVariants: import('tailwind-variants').TVRetur
     positioner: string[];
     popup: string[];
     viewport: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type NavigationMenuVariants = VariantProps<typeof navigationMenuVariants>;

package/dist/components/NumberInput/NumberInput.js

@@ -27,7 +27,7 @@ function m(e) {
 function h(e) {
 	let t = o(43), n, r, a, s, c, f, p, m;
 	t[0] === e ? (n = t[1], r = t[2], a = t[3], s = t[4], c = t[5], f = t[6], p = t[7], m = t[8]) : ({children: n, className: r, decrementLabel: s, disabled: c, incrementLabel: f, invalid: p, readOnly: m, ...a} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = a, t[4] = s, t[5] = c, t[6] = f, t[7] = p, t[8] = m);
-	let h = s === void 0 ? "Decrement" : s, g = c === void 0 ? !1 : c, _ = f === void 0 ? "Increment" : f, v = p === void 0 ? !1 : p, y = m === void 0 ? !1 : m, b, x, S, C, w, T, E, D, O;
+	let h = s === void 0 ? "Decrement" : s, g = c !== void 0 && c, _ = f === void 0 ? "Increment" : f, v = p !== void 0 && p, y = m !== void 0 && m, b, x, S, C, w, T, E, D, O;
 	if (t[9] !== r || t[10] !== h || t[11] !== g || t[12] !== _ || t[13] !== v || t[14] !== a || t[15] !== y) {
 		let e = i();
 		S = d, w = {