luan-ui 0.6.0 → 0.6.1

package/dist/components/accordion/accordion.d.ts

@@ -23,7 +23,7 @@ import type { ComponentProps } from "react";
  * @returns {React.ReactNode} The rendered accordion component
  */
 export type AccordionProps = ComponentProps<typeof BaseAccordion.Root>;
-declare const Accordion: import("react").ForwardRefExoticComponent<import("@base-ui/react/accordion").AccordionRootProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Accordion: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AccordionRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export type AccordionItemProps = ComponentProps<typeof BaseAccordion.Item>;
 declare function AccordionItem({ className, ref, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
 export type AccordionTriggerProps = ComponentProps<typeof BaseAccordion.Trigger>;

package/dist/components/alert-dialog/alert-dialog.d.ts

@@ -10,6 +10,6 @@ export type AlertDialogTitleProps = ComponentProps<typeof BaseAlertDialog.Title>
 declare function AlertDialogTitle({ className, ref, ...props }: AlertDialogTitleProps): import("react/jsx-runtime").JSX.Element;
 export type AlertDialogDescriptionProps = ComponentProps<typeof BaseAlertDialog.Description>;
 declare function AlertDialogDescription({ className, ref, ...props }: AlertDialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
-declare const AlertDialogAction: import("react").ForwardRefExoticComponent<import("@base-ui/react/dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<import("@base-ui/react/dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogAction: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogOverlay, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/components/dialog/dialog.d.ts

@@ -2,7 +2,7 @@ import { Dialog as BaseDialog } from "@base-ui/react/dialog";
 import type { ComponentProps } from "react";
 declare const Dialog: typeof BaseDialog.Root;
 declare const DialogTrigger: BaseDialog.Trigger;
-declare const DialogClose: import("react").ForwardRefExoticComponent<import("@base-ui/react/dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export type DialogOverlayProps = ComponentProps<typeof BaseDialog.Backdrop>;
 export type DialogContentProps = ComponentProps<typeof BaseDialog.Popup>;
 declare function DialogContent({ children, className, ref, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/drawer/drawer.d.ts

@@ -9,7 +9,7 @@ type DrawerContextValue = {
 type DrawerProps = ComponentProps<typeof BaseDialog.Root> & DrawerContextValue;
 declare function Drawer({ children, side, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
 declare const DrawerTrigger: BaseDialog.Trigger;
-declare const DrawerClose: import("react").ForwardRefExoticComponent<import("@base-ui/react/dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DrawerClose: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export type DrawerOverlayProps = ComponentProps<typeof BaseDialog.Backdrop>;
 export type DrawerContentProps = Omit<ComponentProps<typeof BaseDialog.Popup>, "className"> & {
     className?: string;

package/dist/components/dropdown-menu/dropdown-menu.d.ts

@@ -3,10 +3,10 @@ import type { ComponentProps } from "react";
 declare const DropdownMenu: typeof Menu.Root;
 export type DropdownMenuTriggerProps = ComponentProps<typeof Menu.Trigger>;
 declare function DropdownMenuTrigger({ className, ref, ...props }: DropdownMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
-declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<import("@base-ui/react/menu").MenuGroupProps & import("react").RefAttributes<Element>>;
-declare const DropdownMenuPortal: import("react").ForwardRefExoticComponent<import("@base-ui/react/menu").MenuPortalProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSub: typeof Menu.SubmenuRoot;
-declare const DropdownMenuRadioGroup: import("react").NamedExoticComponent<import("@base-ui/react/menu").MenuRadioGroupProps & import("react").RefAttributes<Element>>;
+declare const DropdownMenuRadioGroup: import("react").NamedExoticComponent<Omit<import("@base-ui/react").ContextMenuRadioGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export type DropdownMenuSubTriggerProps = ComponentProps<typeof Menu.SubmenuTrigger> & {
     inset?: boolean;
 };

package/dist/components/popover/popover.d.ts

@@ -61,7 +61,7 @@ declare function PopoverClose({ className, ref, ...props }: PopoverCloseProps):
 /**
  * Popover Portal
  */
-declare const PopoverPortal: import("react").ForwardRefExoticComponent<import("@base-ui/react/popover").PopoverPortalProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const PopoverPortal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
  * Popover Anchor
  */
@@ -72,9 +72,9 @@ declare function PopoverAnchor({ children, ref, ...props }: PopoverAnchorProps):
 /**
  * Popover Title
  */
-declare const PopoverTitle: import("react").ForwardRefExoticComponent<import("@base-ui/react/popover").PopoverTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const PopoverTitle: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
 /**
  * Popover Description
  */
-declare const PopoverDescription: import("react").ForwardRefExoticComponent<import("@base-ui/react/popover").PopoverDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+declare const PopoverDescription: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
 export { Popover, PopoverTrigger, PopoverContent, PopoverClose, PopoverPortal, PopoverAnchor, PopoverTitle, PopoverDescription, };

package/dist/components/select/select.d.ts

@@ -8,7 +8,7 @@ declare function Select({ disabled: initialDisabled, required: initialRequired,
 /**
  * SelectGroup
  */
-declare const SelectGroup: import("react").ForwardRefExoticComponent<import("@base-ui/react/select").SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const SelectGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SelectGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 /**
  * SelectValue
  */

package/dist/components/tabs/tabs.d.ts

@@ -1,6 +1,6 @@
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
 import type { ComponentProps } from "react";
-declare const Tabs: import("react").ForwardRefExoticComponent<import("@base-ui/react/tabs").TabsRootProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Tabs: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export type TabsListProps = ComponentProps<typeof TabsPrimitive.List>;
 declare function TabsList({ className, ref, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
 export type TabsTriggerProps = ComponentProps<typeof TabsPrimitive.Tab>;

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

@@ -10,15 +10,17 @@ export declare const getVariants: {
     }>, S extends Record<string, string | readonly string[]> = Record<string, string | readonly string[]>>(config: {
         slots: S;
         variants?: T | undefined;
-        compoundVariants?: (Partial<{ [K in keyof T]?: (T[K] extends infer T_1 ? T_1 extends T[K] ? T_1 extends Partial<Record<"true" | "false", (string | readonly string[]) | Record<string, string | readonly string[]>>> ? RcvResponsiveValue<boolean, "sm" | "md" | "lg" | "xl"> | undefined : T_1 extends Record<string, unknown> ? RcvResponsiveValue<keyof T_1, "sm" | "md" | "lg" | "xl"> : never : never : never) | undefined; } & {
-            className?: string;
-        }> & {
-            class?: Partial<Record<keyof S & string, string | readonly string[]>> | undefined;
+        compoundVariants?: (Partial<Omit<{ [K in keyof T]?: (T[K] extends infer T_1 ? T_1 extends T[K] ? T_1 extends Partial<Record<"true" | "false", (string | readonly string[]) | Record<string, string | readonly string[]>>> ? RcvResponsiveValue<boolean, "sm" | "md" | "lg" | "xl"> | undefined : T_1 extends Record<string, unknown> ? RcvResponsiveValue<keyof T_1, "sm" | "md" | "lg" | "xl"> : never : never : never) | undefined; } & {
             className?: string;
+            class?: string;
+        }, "className" | "class">> & {
+            class?: (string | Partial<Record<keyof S & string, string | readonly string[]>>) | undefined;
+            className?: (string | Partial<Record<keyof S & string, string | readonly string[]>>) | undefined;
         })[] | undefined;
         onComplete?: (classes: string) => string;
     }): () => { [K_1 in keyof S]: (props?: ({ [K in keyof T]?: (T[K] extends infer T_1 ? T_1 extends T[K] ? T_1 extends Partial<Record<"true" | "false", (string | readonly string[]) | Record<string, string | readonly string[]>>> ? RcvResponsiveValue<boolean, "sm" | "md" | "lg" | "xl"> | undefined : T_1 extends Record<string, unknown> ? RcvResponsiveValue<keyof T_1, "sm" | "md" | "lg" | "xl"> : never : never : never) | undefined; } & {
         className?: string;
+        class?: string;
     }) | undefined) => string; };
     <T extends {
         [x: string]: {
@@ -31,10 +33,12 @@ export declare const getVariants: {
         variants?: T | undefined;
         compoundVariants?: Partial<{ [K in keyof T]?: (T[K] extends infer T_1 ? T_1 extends T[K] ? T_1 extends Partial<Record<"true" | "false", (string | readonly string[]) | Record<string, string | readonly string[]>>> ? RcvResponsiveValue<boolean, "sm" | "md" | "lg" | "xl"> | undefined : T_1 extends Record<string, unknown> ? RcvResponsiveValue<keyof T_1, "sm" | "md" | "lg" | "xl"> : never : never : never) | undefined; } & {
             className?: string;
+            class?: string;
         }>[] | undefined;
         onComplete?: (classes: string) => string;
     }): (props?: ({ [K in keyof T]?: (T[K] extends infer T_1 ? T_1 extends T[K] ? T_1 extends Partial<Record<"true" | "false", (string | readonly string[]) | Record<string, string | readonly string[]>>> ? RcvResponsiveValue<boolean, "sm" | "md" | "lg" | "xl"> | undefined : T_1 extends Record<string, unknown> ? RcvResponsiveValue<keyof T_1, "sm" | "md" | "lg" | "xl"> : never : never : never) | undefined; } & {
         className?: string;
+        class?: string;
     }) | undefined) => string;
 };
 export type Breakpoints = (typeof breakpoints)[number];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luan-ui",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "A UI library for React",
   "author": "benebene84 <benedikt.sperl@gmail.com> (https://github.com/benebene84)",
   "main": "/dist/index.js",
@@ -33,37 +33,37 @@
   },
   "homepage": "https://github.com/benebene84/luan-ui#readme",
   "devDependencies": {
-    "@biomejs/biome": "2.3.9",
-    "@chromatic-com/storybook": "^4.1.3",
-    "@storybook/addon-docs": "^10.1.9",
-    "@storybook/addon-onboarding": "^10.1.9",
-    "@storybook/react-vite": "^10.1.9",
+    "@biomejs/biome": "2.3.14",
+    "@chromatic-com/storybook": "^5.0.0",
+    "@storybook/addon-docs": "^10.2.4",
+    "@storybook/addon-onboarding": "^10.2.4",
+    "@storybook/react-vite": "^10.2.4",
     "@tailwindcss/postcss": "^4.1.18",
     "@tailwindcss/vite": "^4.1.18",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^25.0.2",
-    "@types/react": "^19.2.7",
+    "@types/node": "^25.2.0",
+    "@types/react": "^19.2.10",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.2",
-    "jsdom": "^27.3.0",
-    "lefthook": "^2.0.12",
-    "responsive-class-variants": "^1.2.3",
-    "storybook": "^10.1.9",
+    "@vitejs/plugin-react": "^5.1.3",
+    "jsdom": "^28.0.0",
+    "lefthook": "^2.1.0",
+    "responsive-class-variants": "^1.3.1",
+    "storybook": "^10.2.4",
     "tailwindcss": "^4.1.18",
     "tsc-alias": "^1.8.16",
     "typescript": "^5.9.3",
-    "vite": "^7.3.0",
-    "vitest": "^4.0.15"
+    "vite": "^7.3.1",
+    "vitest": "^4.0.18"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@base-ui/react": "^1.0.0",
+    "@base-ui/react": "^1.1.0",
     "@radix-ui/react-icons": "^1.3.2",
     "clsx": "^2.1.1",
     "sonner": "^2.0.7",