tw-react-components 0.0.161 → 0.0.164

package/src/components/Sidebar/index.d.ts

@@ -1,5 +1,5 @@
 import { type VariantProps } from 'class-variance-authority';
-import type { ComponentProps } from 'react';
+import type { ComponentProps, FC } from 'react';
 import { Tooltip } from '../Tooltip';
 export declare const SIDEBAR_COOKIE_NAME = "sidebar:state";
 export declare const SIDEBAR_COOKIE_MAX_AGE: number;
@@ -18,28 +18,28 @@ export type SidebarContext = {
 };
 export declare const SidebarContext: import("react").Context<SidebarContext | null>;
 export declare function useSidebar(): SidebarContext;
-export declare const SidebarContextProvider: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+export declare const SidebarContextProvider: FC<ComponentProps<'div'> & {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const Sidebar: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+}>;
+export declare const Sidebar: FC<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Group: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    GroupAction: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+}> & {
+    Content: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    Footer: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    Group: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    GroupAction: FC<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
         asChild?: boolean;
-    }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    GroupContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    GroupLabel: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    }>;
+    GroupContent: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    GroupLabel: FC<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
         asChild?: boolean;
-    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Input: import("react").ForwardRefExoticComponent<Omit<{
+    }>;
+    Header: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    Input: FC<{
         inputClassName?: string;
         extensionClassName?: string;
         type?: import("../Form").InputType;
@@ -48,39 +48,39 @@ export declare const Sidebar: import("react").ForwardRefExoticComponent<Omit<imp
         size?: import("..").Size;
         hasErrors?: boolean;
         clearable?: boolean;
-        suffixIcon?: import("react").FC<ComponentProps<"svg">>;
+        suffixIcon?: FC<ComponentProps<"svg">>;
         onClear?: () => void;
         onSuffixIconClick?: (event: import("react").MouseEvent<HTMLDivElement>) => void;
-    } & Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref" | "id" | "size"> & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
-    Inset: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Menu: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
-    MenuAction: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    } & Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "id" | "size">>;
+    Inset: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>>;
+    Menu: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>>;
+    MenuAction: FC<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
         asChild?: boolean;
         showOnHover?: boolean;
-    }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    MenuBadge: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    MenuButton: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    }>;
+    MenuBadge: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+    MenuButton: FC<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
         asChild?: boolean;
         isActive?: boolean;
         tooltip?: string | ComponentProps<typeof Tooltip>;
     } & VariantProps<(props?: ({
         variant?: "default" | "outline" | null | undefined;
         size?: "default" | "sm" | "lg" | null | undefined;
-    } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    MenuItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
-    MenuSkeleton: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string>>;
+    MenuItem: FC<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
+    MenuSkeleton: FC<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
         showIcon?: boolean;
-    }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    MenuSub: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
-    MenuSubButton: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    }>;
+    MenuSub: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>>;
+    MenuSubButton: FC<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
         asChild?: boolean;
         size?: "sm" | "md";
         isActive?: boolean;
-    }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    MenuSubItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
-    Rail: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Separator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Trigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    }>;
+    MenuSubItem: FC<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
+    Rail: FC<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>;
+    Separator: FC<import("@radix-ui/react-separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: FC<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
         size?: import("..").Size;
         color?: import("..").Color;
         variant?: import("../Button").ButtonVariant;
@@ -88,5 +88,5 @@ export declare const Sidebar: import("react").ForwardRefExoticComponent<Omit<imp
         prefixIcon?: import("lucide-react").LucideIcon;
         suffixIcon?: import("lucide-react").LucideIcon;
         unstyled?: boolean;
-    } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    }>;
 };

package/src/components/Switch/index.d.ts

@@ -1,9 +1,7 @@
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import type { ComponentProps, ComponentPropsWithoutRef } from 'react';
-export type SwitchProps = ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & {
+import type { ComponentProps, FC } from 'react';
+export type SwitchProps = ComponentProps<typeof SwitchPrimitives.Root> & {
     thumbProps?: ComponentProps<typeof SwitchPrimitives.Thumb>;
 };
-declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    thumbProps?: ComponentProps<typeof SwitchPrimitives.Thumb>;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Switch: FC<SwitchProps>;
 export { Switch };

package/src/components/Tabs/index.d.ts

@@ -1,6 +1,7 @@
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    List: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Trigger: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+import type { FC } from 'react';
+export declare const Tabs: FC<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>> & {
+    List: FC<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: FC<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     Content: import("react").ForwardRefExoticComponent<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
 };

package/src/helpers/index.d.ts

@@ -4,5 +4,4 @@ export * from './generalComparator';
 export * from './getDisplayDate';
 export * from './getValueFromCookie';
 export * from './isEmpty';
-export * from './mergeRefs';
 export * from './resolveTargetObject';

package/src/hooks/useOnSwipe.d.ts

@@ -1,4 +1,4 @@
 import type { RefObject } from 'react';
 type SwipeDirection = 'up' | 'left' | 'bottom' | 'right';
-export declare function useOnSwipe(element: RefObject<HTMLElement>, onSwipe: (direction: SwipeDirection) => any | false, minSwipeDistance?: number): void;
+export declare function useOnSwipe(element: RefObject<HTMLElement | null>, onSwipe: (direction: SwipeDirection) => any | false, minSwipeDistance?: number): void;
 export {};

package/src/hooks/useOutsideClick.d.ts

@@ -1,2 +1,2 @@
 import type { RefObject } from 'react';
-export declare function useOutsideClick(ref: RefObject<HTMLDivElement>, callback: () => void): void;
+export declare function useOutsideClick(ref: RefObject<HTMLDivElement | null>, callback: () => void): void;

package/src/helpers/mergeRefs.d.ts

@@ -1,2 +0,0 @@
-import type { LegacyRef, MutableRefObject, RefCallback } from 'react';
-export declare function mergeRefs<T = any>(refs: Array<MutableRefObject<T> | LegacyRef<T> | undefined | null>): RefCallback<T>;