tw-react-components 0.0.164 → 0.0.166

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

@@ -1,5 +1,8 @@
 import { type VariantProps } from 'class-variance-authority';
 import type { ComponentProps, FC } from 'react';
+import { Button } from '../Button';
+import { BasicInput } from '../Form';
+import { Separator } from '../Separator';
 import { Tooltip } from '../Tooltip';
 export declare const SIDEBAR_COOKIE_NAME = "sidebar:state";
 export declare const SIDEBAR_COOKIE_MAX_AGE: number;
@@ -18,75 +21,116 @@ export type SidebarContext = {
 };
 export declare const SidebarContext: import("react").Context<SidebarContext | null>;
 export declare function useSidebar(): SidebarContext;
-export declare const SidebarContextProvider: FC<ComponentProps<'div'> & {
+export type SidebarContextProviderProps = ComponentProps<'div'> & {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-}>;
-export declare const Sidebar: FC<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offcanvas" | "icon" | "none";
-}> & {
-    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;
-    }>;
-    GroupContent: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-    GroupLabel: FC<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        asChild?: boolean;
-    }>;
-    Header: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-    Input: FC<{
-        inputClassName?: string;
-        extensionClassName?: string;
-        type?: import("../Form").InputType;
-        label?: string;
-        description?: import("react").ReactNode;
-        size?: import("..").Size;
-        hasErrors?: boolean;
-        clearable?: boolean;
-        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>, "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;
-    }>;
-    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>>;
-    MenuItem: FC<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
-    MenuSkeleton: FC<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        showIcon?: boolean;
-    }>;
-    MenuSub: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>>;
+};
+export declare const SidebarContextProvider: FC<SidebarContextProviderProps>;
+export type SidebarProps = ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: 'sidebar' | 'floating' | 'inset';
+    collapsible?: 'offcanvas' | 'icon' | 'none';
+    dataTestId?: string;
+};
+export type SidebarTriggerProps = ComponentProps<typeof Button> & {
+    dataTestId?: string;
+};
+export type SidebarRailProps = ComponentProps<'button'> & {
+    dataTestId?: string;
+};
+export type SidebarInsetProps = ComponentProps<'main'> & {
+    dataTestId?: string;
+};
+export type SidebarInputProps = ComponentProps<typeof BasicInput> & {
+    dataTestId?: string;
+};
+export type SidebarHeaderProps = ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type SidebarFooterProps = ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type SidebarSeparatorProps = ComponentProps<typeof Separator> & {
+    dataTestId?: string;
+};
+export type SidebarContentProps = ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type SidebarGroupProps = ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type SidebarGroupLabelProps = ComponentProps<'div'> & {
+    asChild?: boolean;
+    dataTestId?: string;
+};
+export type SidebarGroupActionProps = ComponentProps<'button'> & {
+    asChild?: boolean;
+    dataTestId?: string;
+};
+export type SidebarGroupContentProps = ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type SidebarMenuProps = ComponentProps<'ul'> & {
+    dataTestId?: string;
+};
+export type SidebarMenuItemProps = ComponentProps<'li'> & {
+    dataTestId?: string;
+};
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export type SidebarMenuButtonProps = ComponentProps<'button'> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | ComponentProps<typeof Tooltip>;
+    dataTestId?: string;
+} & VariantProps<typeof sidebarMenuButtonVariants>;
+export type SidebarMenuActionProps = ComponentProps<'button'> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+    dataTestId?: string;
+};
+export type SidebarMenuBadgeProps = ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type SidebarMenuSkeletonProps = ComponentProps<'div'> & {
+    showIcon?: boolean;
+    dataTestId?: string;
+};
+export type SidebarMenuSubProps = ComponentProps<'ul'> & {
+    dataTestId?: string;
+};
+export type SidebarMenuSubItemProps = ComponentProps<'li'> & {
+    dataTestId?: string;
+};
+export declare const Sidebar: FC<SidebarProps> & {
+    Content: FC<SidebarContentProps>;
+    Footer: FC<SidebarFooterProps>;
+    Group: FC<SidebarGroupProps>;
+    GroupAction: FC<SidebarGroupActionProps>;
+    GroupContent: FC<SidebarGroupContentProps>;
+    GroupLabel: FC<SidebarGroupLabelProps>;
+    Header: FC<SidebarHeaderProps>;
+    Input: FC<SidebarInputProps>;
+    Inset: FC<SidebarInsetProps>;
+    Menu: FC<SidebarMenuProps>;
+    MenuAction: FC<SidebarMenuActionProps>;
+    MenuBadge: FC<SidebarMenuBadgeProps>;
+    MenuButton: FC<SidebarMenuButtonProps>;
+    MenuItem: FC<SidebarMenuItemProps>;
+    MenuSkeleton: FC<SidebarMenuSkeletonProps>;
+    MenuSub: FC<SidebarMenuSubProps>;
     MenuSubButton: FC<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
         asChild?: boolean;
         size?: "sm" | "md";
         isActive?: boolean;
+        dataTestId?: string;
     }>;
-    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;
-        rounded?: boolean;
-        prefixIcon?: import("lucide-react").LucideIcon;
-        suffixIcon?: import("lucide-react").LucideIcon;
-        unstyled?: boolean;
-    }>;
+    MenuSubItem: FC<SidebarMenuSubItemProps>;
+    Rail: FC<SidebarRailProps>;
+    Separator: FC<SidebarSeparatorProps>;
+    Trigger: FC<SidebarTriggerProps>;
 };
+export {};

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

@@ -1,2 +1,5 @@
 import type { FC, HTMLAttributes } from 'react';
-export declare const Skeleton: FC<HTMLAttributes<HTMLDivElement>>;
+export type SkeletonProps = HTMLAttributes<HTMLDivElement> & {
+    dataTestId?: string;
+};
+export declare const Skeleton: FC<SkeletonProps>;

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

@@ -2,6 +2,7 @@ import type { FC } from 'react';
 type Props = {
     className?: string;
     fullScreen?: boolean;
+    dataTestId?: string;
 };
 export declare const Spinner: FC<Props>;
 export {};

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

@@ -2,6 +2,6 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
 import type { ComponentProps, FC } from 'react';
 export type SwitchProps = ComponentProps<typeof SwitchPrimitives.Root> & {
     thumbProps?: ComponentProps<typeof SwitchPrimitives.Thumb>;
+    dataTestId?: string;
 };
-declare const Switch: FC<SwitchProps>;
-export { Switch };
+export declare const Switch: FC<SwitchProps>;

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

@@ -1,9 +1,31 @@
-import type { FC } from 'react';
-export declare const Table: FC<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>> & {
-    Head: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
-    HeadCell: FC<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>>;
-    Body: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
-    Row: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>;
-    Cell: FC<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>>;
-    Footer: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
+import type { ComponentProps, FC } from 'react';
+type TableProps = ComponentProps<'table'> & {
+    dataTestId?: string;
 };
+type TableHeadProps = ComponentProps<'thead'> & {
+    dataTestId?: string;
+};
+type TableHeadCellProps = ComponentProps<'th'> & {
+    dataTestId?: string;
+};
+type TableBodyProps = ComponentProps<'tbody'> & {
+    dataTestId?: string;
+};
+type TableRowProps = ComponentProps<'tr'> & {
+    dataTestId?: string;
+};
+type TableCellProps = ComponentProps<'td'> & {
+    dataTestId?: string;
+};
+type TableFooterProps = ComponentProps<'tfoot'> & {
+    dataTestId?: string;
+};
+export declare const Table: FC<TableProps> & {
+    Head: FC<TableHeadProps>;
+    HeadCell: FC<TableHeadCellProps>;
+    Body: FC<TableBodyProps>;
+    Row: FC<TableRowProps>;
+    Cell: FC<TableCellProps>;
+    Footer: FC<TableFooterProps>;
+};
+export {};

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

@@ -1,7 +1,20 @@
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-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>>;
+import type { ComponentProps, FC } from 'react';
+type TabsProps = ComponentProps<typeof TabsPrimitive.Root> & {
+    dataTestId?: string;
 };
+type TabsListProps = ComponentProps<typeof TabsPrimitive.List> & {
+    dataTestId?: string;
+};
+type TabsTriggerProps = ComponentProps<typeof TabsPrimitive.Trigger> & {
+    dataTestId?: string;
+};
+type TabsContentProps = ComponentProps<typeof TabsPrimitive.Content> & {
+    dataTestId?: string;
+};
+export declare const Tabs: FC<TabsProps> & {
+    List: FC<TabsListProps>;
+    Trigger: FC<TabsTriggerProps>;
+    Content: FC<TabsContentProps>;
+};
+export {};

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

@@ -1,6 +1,7 @@
 import type { FC } from 'react';
 type Props = {
     className?: string;
+    dataTestId?: string;
 };
 export declare const ThemeSelector: FC<Props>;
 export {};

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

@@ -5,5 +5,6 @@ export type TooltipProps = PropsWithChildren<{
     content: ReactNode;
     asChild?: boolean;
     placement?: TooltipPrimitive.TooltipContentProps['side'];
+    dataTestId?: string;
 }>;
 export declare const Tooltip: FC<TooltipProps>;

package/src/helpers/getDisplayDate.d.ts

@@ -1 +1,6 @@
-export declare function getDisplayDate(date: Date, format: string, locale?: string): string;
+import 'dayjs/locale/en';
+export declare function getDisplayDate(date: Date, { format, locale, offset, }: {
+    format?: string;
+    locale?: string;
+    offset?: number;
+}): string;

package/src/helpers/getValueFromCookie.d.ts

@@ -1 +1 @@
-export declare function getValueFromCookie<T extends string | boolean>(key: string, _default: T): T;
+export declare function getValueFromCookie<T extends string | number | boolean>(key: string, _default: T): T;

package/src/test-setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';