@noxickon/onyx 6.7.0 → 6.7.1

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

@@ -1,20 +1,20 @@
-export declare const numberInputVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const numberInputVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export declare const numberInputGroupVariants: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            button?: import('tailwind-merge').ClassNameValue;
-            addon?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            button?: import('tailwind-variants').ClassValue;
+            addon?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            button?: import('tailwind-merge').ClassNameValue;
-            addon?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            button?: import('tailwind-variants').ClassValue;
+            addon?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -24,11 +24,11 @@ export declare const numberInputGroupVariants: import('tailwind-variants').TVRet
     addon: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            button?: import('tailwind-merge').ClassNameValue;
-            addon?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            button?: import('tailwind-variants').ClassValue;
+            addon?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -36,37 +36,37 @@ export declare const numberInputGroupVariants: import('tailwind-variants').TVRet
     base: string[];
     button: string[];
     addon: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     root: string;
     base: string[];
     button: string[];
     addon: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export declare const numberInputAddonVariants: 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/OtpField/OtpField.styles.d.ts

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

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

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

package/dist/components/PageProgress/PageProgress.styles.js

@@ -3,7 +3,7 @@ import { tv as e } from "../../internal/tv.js";
 var t = e({ slots: {
 	root: [
 		"group/page-progress pointer-events-none fixed inset-x-0 top-0 h-0.5",
-		"z-[var(--z-page-progress)]",
+		"z-(--z-page-progress)",
 		"transition-opacity duration-200 ease-out-quint",
 		"data-[phase=idle]:opacity-0 data-[phase=fading]:opacity-0"
 	],

package/dist/components/Pagination/Pagination.js

@@ -7,7 +7,7 @@ import { useRender as l } from "@base-ui/react/use-render";
 //#region src/components/Pagination/Pagination.tsx
 var u = (e) => `Go to page ${String(e)}`, { Provider: d, useOptionalContext: f, useRequiredContext: p } = e("OxPagination");
 function m(e) {
-	let r = n(15), { "aria-label": i, children: a, className: o, current: s, defaultAriaLabel: u, disabled: d, href: f, isItem: m, onClick: h, render: g, slot: _, ...v } = e, y = s === void 0 ? !1 : s, b = d === void 0 ? !1 : d, x = m === void 0 ? !1 : m, { itemLabel: S, total: C, variant: w } = p(), { item: T, link: E } = t({
+	let r = n(15), { "aria-label": i, children: a, className: o, current: s, defaultAriaLabel: u, disabled: d, href: f, isItem: m, onClick: h, render: g, slot: _, ...v } = e, y = s !== void 0 && s, b = d !== void 0 && d, x = m !== void 0 && m, { itemLabel: S, total: C, variant: w } = p(), { item: T, link: E } = t({
 		current: y,
 		disabled: b,
 		variant: w

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

@@ -51,7 +51,7 @@ export declare const paginationVariants: import('tailwind-variants').TVReturnTyp
     link: string[];
     ellipsis: string[];
     summary: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
         ghost: {};
         outline: {
@@ -77,5 +77,5 @@ export declare const paginationVariants: import('tailwind-variants').TVReturnTyp
     link: string[];
     ellipsis: string[];
     summary: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type PaginationVariants = VariantProps<typeof paginationVariants>;

package/dist/components/Popover/Popover.js

@@ -9,7 +9,7 @@ var l = t();
 function u(e) {
 	let t = n(6), r, i;
 	t[0] === e ? (r = t[1], i = t[2]) : ({modal: i, ...r} = e, t[0] = e, t[1] = r, t[2] = i);
-	let a = i === void 0 ? !1 : i, s;
+	let a = i !== void 0 && i, s;
 	return t[3] !== a || t[4] !== r ? (s = /* @__PURE__ */ o(c.Root, {
 		modal: a,
 		...r

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

@@ -1,26 +1,26 @@
 import { VariantProps } from '../../internal/tv';
 export declare const popoverVariants: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            trigger?: import('tailwind-merge').ClassNameValue;
-            title?: import('tailwind-merge').ClassNameValue;
-            popup?: import('tailwind-merge').ClassNameValue;
-            description?: import('tailwind-merge').ClassNameValue;
-            close?: 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;
+            title?: import('tailwind-variants').ClassValue;
+            popup?: import('tailwind-variants').ClassValue;
+            description?: import('tailwind-variants').ClassValue;
+            close?: 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;
-            title?: import('tailwind-merge').ClassNameValue;
-            popup?: import('tailwind-merge').ClassNameValue;
-            description?: import('tailwind-merge').ClassNameValue;
-            close?: 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;
+            title?: import('tailwind-variants').ClassValue;
+            popup?: import('tailwind-variants').ClassValue;
+            description?: import('tailwind-variants').ClassValue;
+            close?: import('tailwind-variants').ClassValue;
+            positioner?: import('tailwind-variants').ClassValue;
+            arrow?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -33,14 +33,14 @@ export declare const popoverVariants: import('tailwind-variants').TVReturnType<{
     close: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            trigger?: import('tailwind-merge').ClassNameValue;
-            title?: import('tailwind-merge').ClassNameValue;
-            popup?: import('tailwind-merge').ClassNameValue;
-            description?: import('tailwind-merge').ClassNameValue;
-            close?: 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;
+            title?: import('tailwind-variants').ClassValue;
+            popup?: import('tailwind-variants').ClassValue;
+            description?: import('tailwind-variants').ClassValue;
+            close?: import('tailwind-variants').ClassValue;
+            positioner?: import('tailwind-variants').ClassValue;
+            arrow?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -51,7 +51,7 @@ export declare const popoverVariants: import('tailwind-variants').TVReturnType<{
     title: string;
     description: string;
     close: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     trigger: string;
     positioner: string;
     popup: string[];
@@ -59,5 +59,5 @@ export declare const popoverVariants: import('tailwind-variants').TVReturnType<{
     title: string;
     description: string;
     close: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type PopoverVariants = VariantProps<typeof popoverVariants>;

package/dist/components/Popover/Popover.styles.js

@@ -4,7 +4,7 @@ import { menuSurface as n } from "../../internal/styles/menuSurfaceStyles.js";
 //#region src/components/Popover/Popover.styles.ts
 var r = e({ slots: {
 	trigger: "",
-	positioner: "z-[var(--z-popover)]",
+	positioner: "z-(--z-popover)",
 	popup: [
 		"max-w-xs p-4",
 		n,

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

@@ -1,21 +1,21 @@
 export declare const progressVariants: 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 progressVariants: 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 progressVariants: 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/Radio/Radio.styles.d.ts

@@ -1,16 +1,16 @@
 import { VariantProps } from '../../internal/tv';
 export declare const radioVariants: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -18,32 +18,32 @@ export declare const radioVariants: import('tailwind-variants').TVReturnType<{
     indicator: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            root?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     root: string[];
     indicator: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     root: string[];
     indicator: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export declare const radioGroupVariants: import('tailwind-variants').TVReturnType<{
     orientation: {
-        vertical: string;
-        horizontal: string;
+        vertical: "flex-col gap-3";
+        horizontal: "flex-row flex-wrap gap-4.5";
     };
 }, undefined, string[], {
     orientation: {
-        vertical: string;
-        horizontal: string;
+        vertical: "flex-col gap-3";
+        horizontal: "flex-row flex-wrap gap-4.5";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     orientation: {
-        vertical: string;
-        horizontal: string;
+        vertical: "flex-col gap-3";
+        horizontal: "flex-row flex-wrap gap-4.5";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 export type RadioGroupVariants = VariantProps<typeof radioGroupVariants>;

package/dist/components/ResponsiveOverlay/ResponsiveOverlay.d.ts

@@ -1,5 +1,5 @@
 import { OxResponsiveOverlayActionsProps, OxResponsiveOverlayBodyProps, OxResponsiveOverlayContentProps, OxResponsiveOverlayDescriptionProps, OxResponsiveOverlayProps, OxResponsiveOverlayTitleProps, OxResponsiveOverlayTriggerProps } from './ResponsiveOverlay.types';
-declare function OxResponsiveOverlayRoot({ below, children, defaultOpen, headerExtra, mobile, mobileSide, onOpenChange, open, tone, }: OxResponsiveOverlayProps): import("react").JSX.Element;
+declare function OxResponsiveOverlayRoot({ below, children, defaultOpen, desktop, desktopAlign, desktopSide, headerExtra, mobile, mobileSide, onOpenChange, open, tone, }: OxResponsiveOverlayProps): import("react").JSX.Element;
 declare function OxResponsiveOverlayTrigger({ children, className }: OxResponsiveOverlayTriggerProps): import("react").JSX.Element;
 declare function OxResponsiveOverlayContent({ children, className }: OxResponsiveOverlayContentProps): import("react").JSX.Element;
 declare function OxResponsiveOverlayTitle({ children, className }: OxResponsiveOverlayTitleProps): import("react").JSX.Element;