luan-ui 0.8.3 → 0.9.1

package/dist/styles/index.css

@@ -4,48 +4,158 @@
 @source "../components";
 @source "../utilities";
 
-@theme {
+:root,
+[data-theme="luan-light"] {
+	color-scheme: light;
+	--background: #ffffff;
+	--foreground: #111827;
+
+	/* ─── Brand / Primary ─── */
+	--primary: #374151;
+	--primary-hover: #1f2937;
+	--primary-active: #111827;
+	--on-primary: #ffffff;
+
+	/* ─── Destructive ─── */
+	--destructive: #ef4444;
+	--destructive-hover: #dc2626;
+	--destructive-active: #b91c1c;
+
+	/* ─── Error ─── */
+	--error: #dc2626;
+
+	/* ─── Surfaces ─── */
+	--surface: #ffffff;
+	--surface-subtle: #f9fafb;
+	--surface-muted: #f3f4f6;
+	--overlay: oklch(0 0 0 / 50%);
+
+	/* ─── Borders & Separators ─── */
+	--border: #e5e7eb;
+	--border-input: #9ca3af;
+	--separator: #e5e7eb;
+	--ring-subtle: oklch(0.21 0.034 264.665 / 8%);
+
+	/* ─── Text ─── */
+	--text: #111827;
+	--text-secondary: #374151;
+	--text-muted: #6b7280;
+	--text-disabled: #d1d5db;
+	--text-placeholder: #9ca3af;
+
+	/* ─── Interactive States ─── */
+	--highlight: #374151;
+	--on-highlight: #ffffff;
+	--focus-ring: #374151;
+	--skeleton: #e5e7eb;
+
+	/* ─── Misc ─── */
+	--indicator: #6b7280;
+	--disabled-bg: #9ca3af;
+}
+
+[data-theme="luan-dark"] {
+	color-scheme: dark;
+	--background: #030712;
+	--foreground: #f9fafb;
+
+	/* ─── Brand / Primary ─── */
+	--primary: #4b5563;
+	--primary-hover: #6b7280;
+	--primary-active: #9ca3af;
+	--on-primary: #ffffff;
+
+	/* ─── Destructive ─── */
+	--destructive: #b91c1c;
+	--destructive-hover: #dc2626;
+	--destructive-active: #ef4444;
+
+	/* ─── Error ─── */
+	--error: #f87171;
+
+	/* ─── Surfaces ─── */
+	--surface: #111827;
+	--surface-subtle: #1f2937;
+	--surface-muted: #374151;
+	--overlay: oklch(0 0 0 / 60%);
+
+	/* ─── Borders & Separators ─── */
+	--border: #374151;
+	--border-input: #4b5563;
+	--separator: #374151;
+	--ring-subtle: oklch(0.98 0 0 / 12%);
+
+	/* ─── Text ─── */
+	--text: #f9fafb;
+	--text-secondary: #e5e7eb;
+	--text-muted: #9ca3af;
+	--text-disabled: #6b7280;
+	--text-placeholder: #6b7280;
+
+	/* ─── Interactive States ─── */
+	--highlight: #4b5563;
+	--on-highlight: #f9fafb;
+	--focus-ring: #d1d5db;
+	--skeleton: #374151;
+
+	/* ─── Misc ─── */
+	--indicator: #9ca3af;
+	--disabled-bg: #4b5563;
+}
+
+[data-theme="luan-light"],
+[data-theme="luan-dark"] {
+	background-color: var(--background);
+	color: var(--foreground);
+}
+
+@theme inline {
+	--color-background: var(--background);
+	--color-foreground: var(--foreground);
+
 	/* ─── Brand / Primary ─── */
-	--color-primary: #374151;
-	--color-primary-hover: #1f2937;
-	--color-primary-active: #111827;
-	--color-on-primary: #ffffff;
+	--color-primary: var(--primary);
+	--color-primary-hover: var(--primary-hover);
+	--color-primary-active: var(--primary-active);
+	--color-on-primary: var(--on-primary);
 
 	/* ─── Destructive ─── */
-	--color-destructive: #ef4444;
-	--color-destructive-hover: #dc2626;
-	--color-destructive-active: #b91c1c;
+	--color-destructive: var(--destructive);
+	--color-destructive-hover: var(--destructive-hover);
+	--color-destructive-active: var(--destructive-active);
 
 	/* ─── Error ─── */
-	--color-error: #dc2626;
+	--color-error: var(--error);
 
 	/* ─── Surfaces ─── */
-	--color-surface: #ffffff;
-	--color-surface-subtle: #f9fafb;
-	--color-surface-muted: #f3f4f6;
-	--color-overlay: oklch(0 0 0 / 50%);
+	--color-surface: var(--surface);
+	--color-surface-subtle: var(--surface-subtle);
+	--color-surface-muted: var(--surface-muted);
+	--color-overlay: var(--overlay);
 
 	/* ─── Borders & Separators ─── */
-	--color-border: #e5e7eb;
-	--color-border-input: #9ca3af;
-	--color-separator: #e5e7eb;
+	--color-border: var(--border);
+	--color-border-input: var(--border-input);
+	--color-separator: var(--separator);
+	--color-ring: var(--focus-ring);
+	--color-ring-subtle: var(--ring-subtle);
 
 	/* ─── Text ─── */
-	--color-text: #111827;
-	--color-text-secondary: #374151;
-	--color-text-muted: #6b7280;
-	--color-text-disabled: #d1d5db;
-	--color-text-placeholder: #9ca3af;
+	--color-text: var(--text);
+	--color-text-secondary: var(--text-secondary);
+	--color-text-muted: var(--text-muted);
+	--color-text-disabled: var(--text-disabled);
+	--color-text-placeholder: var(--text-placeholder);
 
 	/* ─── Interactive States ─── */
-	--color-highlight: #374151;
-	--color-on-highlight: #ffffff;
-	--color-focus-ring: #374151;
-	--color-skeleton: #e5e7eb;
+	--color-highlight: var(--highlight);
+	--color-on-highlight: var(--on-highlight);
+	--color-focus-ring: var(--focus-ring);
+	--color-skeleton: var(--skeleton);
 
 	/* ─── Misc ─── */
-	--color-indicator: #6b7280;
-	--color-disabled-bg: #9ca3af;
+	--color-indicator: var(--indicator);
+	--color-disabled-bg: var(--disabled-bg);
 
 	/* ─── Animations ─── */
 	--animate-accordion-up: accordion-up 350ms ease;

package/dist/utilities/pagination/get-truncated-elements.d.ts

@@ -3,5 +3,5 @@ type TruncatedElementsOptions = {
     page: number;
     children: ReactNode;
 };
-export declare const getTruncatedElements: ({ page, children, }: TruncatedElementsOptions) => ReactNode[] | (string | number | bigint | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element)[];
+export declare const getTruncatedElements: ({ page, children, }: TruncatedElementsOptions) => ReactNode[] | (string | number | bigint | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined>)[];
 export {};

package/dist/utilities/pagination/keyboard-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-navigation.js","sourceRoot":"/","sources":["utilities/pagination/keyboard-navigation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACvC,CAAgB,EAChB,IAAqD,EACrD,UAAkB,EACjB,EAAE;IACH,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI;QAAE,OAAO;IAE/B,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAClE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,aAAa,CAC1C,EAAE,CAAC,CAAC,CAAC,CAAC;IAEP,IAAI,mBAAmB,KAAK,SAAS;QAAE,OAAO;IAE9C,IAAI,SAA6B,CAAC;IAElC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;QACf,KAAK,WAAW,CAAC;QACjB,KAAK,SAAS,CAAC,CAAC,CAAC;YAChB,IAAI,mBAAmB,KAAK,CAAC,EAAE,CAAC;gBAC/B,SAAS,GAAG,UAAU,CAAC;YACxB,CAAC;iBAAM,IAAI,mBAAmB,KAAK,UAAU,GAAG,CAAC,EAAE,CAAC;gBACnD,SAAS,GAAG,UAAU,CAAC;YACxB,CAAC;iBAAM,IAAI,mBAAmB,KAAK,CAAC,EAAE,CAAC;gBACtC,SAAS,GAAG,CAAC,CAAC;YACf,CAAC;iBAAM,CAAC;gBACP,4CAA4C;gBAC5C,KAAK,IAAI,CAAC,GAAG,mBAAmB,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBACnD,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;wBACzB,SAAS,GAAG,CAAC,CAAC;wBACd,MAAM;oBACP,CAAC;gBACF,CAAC;gBACD,yDAAyD;gBACzD,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;oBAC7B,SAAS,GAAG,CAAC,CAAC;gBACf,CAAC;YACF,CAAC;YACD,MAAM;QACP,CAAC;QACD,KAAK,YAAY,CAAC;QAClB,KAAK,WAAW,CAAC,CAAC,CAAC;YAClB,IAAI,mBAAmB,KAAK,CAAC,EAAE,CAAC;gBAC/B,SAAS,GAAG,CAAC,CAAC;YACf,CAAC;iBAAM,IAAI,mBAAmB,KAAK,UAAU,EAAE,CAAC;gBAC/C,SAAS,GAAG,UAAU,GAAG,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACP,6CAA6C;gBAC7C,KAAK,IAAI,CAAC,GAAG,mBAAmB,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBAChE,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;wBACzB,SAAS,GAAG,CAAC,CAAC;wBACd,MAAM;oBACP,CAAC;gBACF,CAAC;gBACD,4DAA4D;gBAC5D,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;oBAC7B,SAAS,GAAG,UAAU,GAAG,CAAC,CAAC;gBAC5B,CAAC;YACF,CAAC;YACD,MAAM;QACP,CAAC;QACD,KAAK,MAAM;YACV,SAAS,GAAG,CAAC,CAAC;YACd,MAAM;QACP,KAAK,KAAK;YACT,SAAS,GAAG,UAAU,CAAC;YACvB,MAAM;IACR,CAAC;IAED,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,mBAAmB,EAAE,CAAC;QAClE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;IACtC,CAAC;AACF,CAAC,CAAC","sourcesContent":["export const handleKeyboardNavigation = (\n\te: KeyboardEvent,\n\trefs: React.RefObject<Map<number, HTMLButtonElement>>,\n\ttotalPages: number,\n) => {\n\tif (!refs.current.size) return;\n\n\tconst currentFocusedIndex = Array.from(refs.current.entries()).find(\n\t\t([_, el]) => el === document.activeElement,\n\t)?.[0];\n\n\tif (currentFocusedIndex === undefined) return;\n\n\tlet nextIndex: number | undefined;\n\n\tswitch (e.key) {\n\t\tcase \"ArrowLeft\":\n\t\tcase \"ArrowUp\": {\n\t\t\tif (currentFocusedIndex === 0) {\n\t\t\t\tnextIndex = totalPages;\n\t\t\t} else if (currentFocusedIndex === totalPages + 1) {\n\t\t\t\tnextIndex = totalPages;\n\t\t\t} else if (currentFocusedIndex === 1) {\n\t\t\t\tnextIndex = 0;\n\t\t\t} else {\n\t\t\t\t// Find the next available index to the left\n\t\t\t\tfor (let i = currentFocusedIndex - 1; i >= 0; i--) {\n\t\t\t\t\tif (refs.current.has(i)) {\n\t\t\t\t\t\tnextIndex = i;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// If no index found to the left, try wrapping to the end\n\t\t\t\tif (nextIndex === undefined) {\n\t\t\t\t\tnextIndex = 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\tbreak;\n\t\t}\n\t\tcase \"ArrowRight\":\n\t\tcase \"ArrowDown\": {\n\t\t\tif (currentFocusedIndex === 0) {\n\t\t\t\tnextIndex = 1;\n\t\t\t} else if (currentFocusedIndex === totalPages) {\n\t\t\t\tnextIndex = totalPages + 1;\n\t\t\t} else {\n\t\t\t\t// Find the next available index to the right\n\t\t\t\tfor (let i = currentFocusedIndex + 1; i <= totalPages + 1; i++) {\n\t\t\t\t\tif (refs.current.has(i)) {\n\t\t\t\t\t\tnextIndex = i;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// If no index found to the right, try wrapping to the start\n\t\t\t\tif (nextIndex === undefined) {\n\t\t\t\t\tnextIndex = totalPages + 1;\n\t\t\t\t}\n\t\t\t}\n\t\t\tbreak;\n\t\t}\n\t\tcase \"Home\":\n\t\t\tnextIndex = 1;\n\t\t\tbreak;\n\t\tcase \"End\":\n\t\t\tnextIndex = totalPages;\n\t\t\tbreak;\n\t}\n\n\tif (nextIndex !== undefined && nextIndex !== currentFocusedIndex) {\n\t\te.preventDefault();\n\t\trefs.current.get(nextIndex)?.focus();\n\t}\n};\n"]}
+{"version":3,"file":"keyboard-navigation.js","sourceRoot":"/","sources":["utilities/pagination/keyboard-navigation.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACvC,CAAgB,EAChB,IAAqD,EACrD,UAAkB,EACjB,EAAE;IACH,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI;QAAE,OAAO;IAE/B,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAClE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,aAAa,CAC1C,EAAE,CAAC,CAAC,CAAC,CAAC;IAEP,IAAI,mBAAmB,KAAK,SAAS;QAAE,OAAO;IAE9C,IAAI,SAA6B,CAAC;IAElC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;QACf,KAAK,WAAW,CAAC;QACjB,KAAK,SAAS,EAAE,CAAC;YAChB,IAAI,mBAAmB,KAAK,CAAC,EAAE,CAAC;gBAC/B,SAAS,GAAG,UAAU,CAAC;YACxB,CAAC;iBAAM,IAAI,mBAAmB,KAAK,UAAU,GAAG,CAAC,EAAE,CAAC;gBACnD,SAAS,GAAG,UAAU,CAAC;YACxB,CAAC;iBAAM,IAAI,mBAAmB,KAAK,CAAC,EAAE,CAAC;gBACtC,SAAS,GAAG,CAAC,CAAC;YACf,CAAC;iBAAM,CAAC;gBACP,4CAA4C;gBAC5C,KAAK,IAAI,CAAC,GAAG,mBAAmB,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBACnD,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;wBACzB,SAAS,GAAG,CAAC,CAAC;wBACd,MAAM;oBACP,CAAC;gBACF,CAAC;gBACD,yDAAyD;gBACzD,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;oBAC7B,SAAS,GAAG,CAAC,CAAC;gBACf,CAAC;YACF,CAAC;YACD,MAAM;QACP,CAAC;QACD,KAAK,YAAY,CAAC;QAClB,KAAK,WAAW,EAAE,CAAC;YAClB,IAAI,mBAAmB,KAAK,CAAC,EAAE,CAAC;gBAC/B,SAAS,GAAG,CAAC,CAAC;YACf,CAAC;iBAAM,IAAI,mBAAmB,KAAK,UAAU,EAAE,CAAC;gBAC/C,SAAS,GAAG,UAAU,GAAG,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACP,6CAA6C;gBAC7C,KAAK,IAAI,CAAC,GAAG,mBAAmB,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;oBAChE,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;wBACzB,SAAS,GAAG,CAAC,CAAC;wBACd,MAAM;oBACP,CAAC;gBACF,CAAC;gBACD,4DAA4D;gBAC5D,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;oBAC7B,SAAS,GAAG,UAAU,GAAG,CAAC,CAAC;gBAC5B,CAAC;YACF,CAAC;YACD,MAAM;QACP,CAAC;QACD,KAAK,MAAM;YACV,SAAS,GAAG,CAAC,CAAC;YACd,MAAM;QACP,KAAK,KAAK;YACT,SAAS,GAAG,UAAU,CAAC;YACvB,MAAM;IACR,CAAC;IAED,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,mBAAmB,EAAE,CAAC;QAClE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC;IACtC,CAAC;AACF,CAAC,CAAC","sourcesContent":["export const handleKeyboardNavigation = (\n\te: KeyboardEvent,\n\trefs: React.RefObject<Map<number, HTMLButtonElement>>,\n\ttotalPages: number,\n) => {\n\tif (!refs.current.size) return;\n\n\tconst currentFocusedIndex = Array.from(refs.current.entries()).find(\n\t\t([_, el]) => el === document.activeElement,\n\t)?.[0];\n\n\tif (currentFocusedIndex === undefined) return;\n\n\tlet nextIndex: number | undefined;\n\n\tswitch (e.key) {\n\t\tcase \"ArrowLeft\":\n\t\tcase \"ArrowUp\": {\n\t\t\tif (currentFocusedIndex === 0) {\n\t\t\t\tnextIndex = totalPages;\n\t\t\t} else if (currentFocusedIndex === totalPages + 1) {\n\t\t\t\tnextIndex = totalPages;\n\t\t\t} else if (currentFocusedIndex === 1) {\n\t\t\t\tnextIndex = 0;\n\t\t\t} else {\n\t\t\t\t// Find the next available index to the left\n\t\t\t\tfor (let i = currentFocusedIndex - 1; i >= 0; i--) {\n\t\t\t\t\tif (refs.current.has(i)) {\n\t\t\t\t\t\tnextIndex = i;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// If no index found to the left, try wrapping to the end\n\t\t\t\tif (nextIndex === undefined) {\n\t\t\t\t\tnextIndex = 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\tbreak;\n\t\t}\n\t\tcase \"ArrowRight\":\n\t\tcase \"ArrowDown\": {\n\t\t\tif (currentFocusedIndex === 0) {\n\t\t\t\tnextIndex = 1;\n\t\t\t} else if (currentFocusedIndex === totalPages) {\n\t\t\t\tnextIndex = totalPages + 1;\n\t\t\t} else {\n\t\t\t\t// Find the next available index to the right\n\t\t\t\tfor (let i = currentFocusedIndex + 1; i <= totalPages + 1; i++) {\n\t\t\t\t\tif (refs.current.has(i)) {\n\t\t\t\t\t\tnextIndex = i;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// If no index found to the right, try wrapping to the start\n\t\t\t\tif (nextIndex === undefined) {\n\t\t\t\t\tnextIndex = totalPages + 1;\n\t\t\t\t}\n\t\t\t}\n\t\t\tbreak;\n\t\t}\n\t\tcase \"Home\":\n\t\t\tnextIndex = 1;\n\t\t\tbreak;\n\t\tcase \"End\":\n\t\t\tnextIndex = totalPages;\n\t\t\tbreak;\n\t}\n\n\tif (nextIndex !== undefined && nextIndex !== currentFocusedIndex) {\n\t\te.preventDefault();\n\t\trefs.current.get(nextIndex)?.focus();\n\t}\n};\n"]}

package/dist/utilities/responsive/responsive.d.ts

@@ -4,15 +4,17 @@ export declare const getVariants: {
     <T extends import("responsive-class-variants/dist/types").VariantConfig = Record<never, import("responsive-class-variants/dist/types").VariantValue>, S extends Record<string, import("responsive-class-variants/dist/types").SlotConfig> = Record<string, import("responsive-class-variants/dist/types").ClassValue>>(config: {
         slots: S;
         variants?: T | undefined;
-        compoundVariants?: import("responsive-class-variants/dist/types").CompoundVariantWithSlots<T, keyof S & string, "sm" | "md" | "lg" | "xl">[] | undefined;
+        compoundVariants?: import("responsive-class-variants/dist/types").CompoundVariantWithSlots<T, keyof S & string, "lg" | "md" | "sm" | "xl">[] | undefined;
+        breakpoints?: readonly ("lg" | "md" | "sm" | "xl")[] | undefined;
         onComplete?: (classes: string) => string;
-    }): () => { [K in keyof S]: (props?: import("responsive-class-variants/dist/types").VariantProps<T, "sm" | "md" | "lg" | "xl"> | undefined) => string; };
+    }): () => { [K in keyof S]: (props?: import("responsive-class-variants/dist/types").VariantProps<T, "lg" | "md" | "sm" | "xl"> | undefined) => string; };
     <T extends import("responsive-class-variants/dist/types").VariantConfig = Record<never, import("responsive-class-variants/dist/types").VariantValue>>(config: {
         base: string;
         variants?: T | undefined;
-        compoundVariants?: Partial<import("responsive-class-variants/dist/types").VariantProps<T, "sm" | "md" | "lg" | "xl">>[] | undefined;
+        compoundVariants?: Partial<import("responsive-class-variants/dist/types").VariantProps<T, "lg" | "md" | "sm" | "xl">>[] | undefined;
+        breakpoints?: readonly ("lg" | "md" | "sm" | "xl")[] | undefined;
         onComplete?: (classes: string) => string;
-    }): (props?: import("responsive-class-variants/dist/types").VariantProps<T, "sm" | "md" | "lg" | "xl"> | undefined) => string;
+    }): (props?: import("responsive-class-variants/dist/types").VariantProps<T, "lg" | "md" | "sm" | "xl"> | undefined) => string;
 };
 export type Breakpoints = (typeof breakpoints)[number];
 export type ResponsiveValue<T> = RcvResponsiveValue<T, Breakpoints>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luan-ui",
-  "version": "0.8.3",
+  "version": "0.9.1",
   "description": "A UI library for React",
   "author": "benebene84 <benedikt.sperl@gmail.com> (https://github.com/benebene84)",
   "main": "/dist/index.js",
@@ -33,41 +33,41 @@
   },
   "homepage": "https://github.com/benebene84/luan-ui#readme",
   "devDependencies": {
-    "@biomejs/biome": "2.4.7",
-    "@chromatic-com/storybook": "^5.0.1",
-    "@storybook/addon-docs": "^10.2.19",
-    "@storybook/addon-onboarding": "^10.2.19",
-    "@storybook/react-vite": "^10.2.19",
-    "@tailwindcss/postcss": "^4.2.1",
-    "@tailwindcss/vite": "^4.2.1",
+    "@biomejs/biome": "2.5.12",
+    "@chromatic-com/storybook": "^5.3.1",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-onboarding": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@tailwindcss/vite": "^4.3.3",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^25.5.0",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "jsdom": "^29.0.0",
-    "lefthook": "^2.1.4",
-    "responsive-class-variants": "^1.3.2",
-    "storybook": "^10.2.19",
-    "tailwindcss": "^4.2.1",
-    "tsc-alias": "^1.8.16",
-    "typescript": "^5.9.3",
-    "vite": "^8.0.0",
-    "vitest": "^4.1.0"
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/node": "^26.4.1",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.7",
+    "@vitejs/plugin-react": "^6.1.1",
+    "jsdom": "^30.0.1",
+    "lefthook": "^2.1.12",
+    "responsive-class-variants": "^1.4.1",
+    "storybook": "^10.6.0",
+    "tailwindcss": "^4.3.3",
+    "tsc-alias": "^1.9.4",
+    "typescript": "^7.0.2",
+    "vite": "^8.2.2",
+    "vitest": "^5.0.0"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@base-ui/react": "^1.3.0",
+    "@base-ui/react": "^1.8.0",
     "@radix-ui/react-icons": "^1.3.2",
     "clsx": "^2.1.1",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0"
+    "sonner": "^2.0.8",
+    "tailwind-merge": "^3.6.0"
   },
-  "packageManager": "pnpm@10.26.2"
+  "packageManager": "pnpm@12.3.4"
 }