tw-react-components 0.0.132

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { BadgeProps, BadgeVariant } from '../Badge';
+import { Color, Size } from '../types';
+export type HintPlacement = 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left';
+export type HintVariant = BadgeVariant;
+export type HintDotProps = {
+    size?: Size;
+    placement?: HintPlacement;
+    color?: Color;
+    ping?: boolean;
+};
+export type HintBadgeProps = BadgeProps & {
+    placement?: HintPlacement;
+};
+export declare const Hint: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Dot: import("react").ForwardRefExoticComponent<HintDotProps & import("react").RefAttributes<HTMLDivElement>>;
+    Badge: import("react").ForwardRefExoticComponent<Omit<import("..").ButtonProps, "variant"> & {
+        variant?: BadgeVariant | undefined;
+    } & {
+        placement?: HintPlacement | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+};

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

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+import { NavbarProps } from '../Navbar';
+import { SidebarProps } from '../Sidebar';
+type Props = {
+    className?: string;
+    sidebarProps: SidebarProps;
+    navbarProps: NavbarProps;
+};
+export declare const Layout: FC<PropsWithChildren<Props>>;
+export {};

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { LucideIcon } from 'lucide-react';
+import { Size } from '../types';
+export declare const List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Item: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        size?: Size | undefined;
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        size?: Size | undefined;
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        icon: LucideIcon;
+        iconClassName: string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Icon: import("react").ForwardRefExoticComponent<{
+        className?: string | undefined;
+        icon: LucideIcon;
+    } & import("react").RefAttributes<SVGSVGElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};

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

@@ -0,0 +1,11 @@
+import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
+import { ReactElement, ReactNode } from 'react';
+export type ListSorterItem = number | string | boolean | Record<'rank', number>;
+export type ListSorterProps<T extends ListSorterItem> = {
+    className?: string;
+    items: T[];
+    idResolver: (item: T, index: number) => string;
+    renderer: (item: T, index: number, listeners?: SyntheticListenerMap) => ReactNode;
+    onChange: (items: T[]) => void;
+};
+export declare function ListSorter<T extends ListSorterItem>({ className, items, idResolver, renderer, onChange, }: ListSorterProps<T>): ReactElement;

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

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from 'react';
+export type NavbarProps = {
+    leftSlot?: ReactNode;
+    rightSlot?: ReactNode;
+};
+export declare const Navbar: FC<NavbarProps>;

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

@@ -0,0 +1,9 @@
+import { Dispatch, FC, SetStateAction } from 'react';
+export type PaginationProps = {
+    disabled?: boolean;
+    pageSize?: number;
+    totalItems: number;
+    currentPage: number;
+    setCurrentPage: Dispatch<SetStateAction<number>>;
+};
+export declare const Pagination: FC<PaginationProps>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps> & {
+    Trigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        container?: HTMLElement | null | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+};

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { type SidebarItem } from '.';
+export type SidebarItemProps = SidebarItem & {
+    active?: boolean;
+    isChild?: boolean;
+    basePath: string;
+    sidebarOpen: boolean;
+    onClick?: () => void;
+};
+export declare const SidebarItemComp: FC<SidebarItemProps>;

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

@@ -0,0 +1,26 @@
+import { LucideIcon } from 'lucide-react';
+import { ReactNode } from 'react';
+export type SidebarSeparator = {
+    type: 'separator';
+    title?: string;
+    hidden?: boolean;
+};
+export type SidebarItem = {
+    type?: 'item';
+    pathname: string;
+    title: string;
+    label?: ReactNode;
+    Icon: LucideIcon;
+    hidden?: boolean;
+    items?: SidebarItem[];
+};
+export type SidebarProps = {
+    open?: boolean;
+    className?: string;
+    items: (SidebarItem | SidebarSeparator)[];
+    basePath?: string;
+    smallLogo?: ReactNode;
+    fullLogo?: ReactNode;
+    footer?: ReactNode;
+};
+export declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export { Switch };

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

@@ -0,0 +1,9 @@
+import { 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>>;
+};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+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>>;
+    Content: import("react").ForwardRefExoticComponent<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
+};

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

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

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

@@ -0,0 +1,9 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { FC, PropsWithChildren, ReactNode } from 'react';
+export type TooltipProps = PropsWithChildren<{
+    className?: string;
+    content: ReactNode;
+    asChild?: boolean;
+    placement?: TooltipPrimitive.TooltipContentProps['side'];
+}>;
+export declare const Tooltip: FC<TooltipProps>;

package/src/components/index.d.ts

@@ -0,0 +1,24 @@
+export * from './Badge';
+export * from './Block';
+export * from './Button';
+export * from './Card';
+export * from './DataTable';
+export * from './Dialog';
+export * from './DropdownMenu';
+export * from './Flex';
+export * from './Form';
+export * from './Hint';
+export * from './Layout';
+export * from './List';
+export * from './ListSorter';
+export * from './Navbar';
+export * from './Pagination';
+export * from './Popover';
+export * from './Sidebar';
+export * from './Spinner';
+export * from './Switch';
+export * from './Table';
+export * from './Tabs';
+export * from './ThemeSwitcher';
+export * from './Tooltip';
+export * from './types';

package/src/components/types.d.ts

@@ -0,0 +1,19 @@
+export type Size = 'small' | 'medium';
+export type Color = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'fuchsia' | 'purple' | 'pink' | 'rose';
+type NextDepth = {
+    '1': never;
+    '2': '1';
+    '3': '2';
+    '4': '3';
+    '5': '4';
+    '6': '5';
+    '7': '6';
+    '8': '7';
+    '9': '8';
+    '10': '9';
+};
+export type Paths<T, Depth extends keyof NextDepth = '10'> = Depth extends keyof NextDepth ? T extends ReadonlyArray<infer R> ? `${number}` | `${number}.${Paths<R, NextDepth[Depth]>}` : T extends object ? {
+    [K in keyof T]: `${Exclude<K, symbol>}${'' | `.${Paths<T[K], NextDepth[Depth]>}`}`;
+}[keyof T] : never : never;
+export type ResolvePath<T, Path extends Paths<T>> = Path extends '' ? T : Path extends `${infer Field}.${infer Rest}` ? T extends ReadonlyArray<infer R> ? Rest extends Paths<R> ? ResolvePath<R, Rest> : never : Field extends keyof T ? Rest extends Paths<T[Field]> ? ResolvePath<T[Field], Rest> : never : never : Path extends number ? T extends ReadonlyArray<infer R> ? R : never : Path extends `${infer Field}` ? T extends ReadonlyArray<infer R> ? R : Field extends keyof T ? T[Field] : never : T;
+export {};

package/src/contexts/LayoutContext.d.ts

@@ -0,0 +1,13 @@
+import { FC, PropsWithChildren } from 'react';
+export type LayoutContext = {
+    theme: ThemeState;
+    sidebarOpen: boolean;
+    toggleTheme: () => void;
+    setSidebarOpen: (open: boolean) => void;
+};
+export declare const LayoutContext: import("react").Context<LayoutContext | undefined>;
+export declare const LayoutContextProvider: FC<PropsWithChildren>;
+export declare function useLayoutContext(): LayoutContext;
+export type ThemeState = 'dark' | 'light';
+export declare const THEME_KEY = "tw-react-components__theme";
+export declare const SIDEBAR_KEY = "tw-react-components__sidebar";

package/src/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from './LayoutContext';

package/src/helpers/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/src/helpers/compareDates.d.ts

@@ -0,0 +1,2 @@
+import { OpUnitType } from 'dayjs';
+export declare function compareDates(date1: Date, date2: Date, startOf?: OpUnitType): number;

package/src/helpers/generalComparator.d.ts

@@ -0,0 +1 @@
+export declare function generalComparator(a: any, b: any): number;

package/src/helpers/getDisplayDate.d.ts

@@ -0,0 +1 @@
+export declare function getDisplayDate(date: Date, format: string, locale?: string): string;

package/src/helpers/index.d.ts

@@ -0,0 +1,7 @@
+export * from './cn';
+export * from './compareDates';
+export * from './generalComparator';
+export * from './getDisplayDate';
+export * from './isEmpty';
+export * from './mergeRefs';
+export * from './resolveTargetObject';

package/src/helpers/isEmpty.d.ts

@@ -0,0 +1 @@
+export declare function isEmpty(s: any): boolean;

package/src/helpers/mergeRefs.d.ts

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

package/src/helpers/resolveTargetObject.d.ts

@@ -0,0 +1 @@
+export declare function resolveTargetObject(payload: any, fieldChain: string[]): any;

package/src/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useDays';
+export * from './useLongPress';
+export * from './useMonths';
+export * from './useOnSwipe';
+export * from './useOutsideClick';
+export * from './usePagination';

package/src/hooks/useDays.d.ts

@@ -0,0 +1,5 @@
+export declare function useDays(locale?: string): {
+    name: string;
+    shortName: string;
+    index: number;
+}[];

package/src/hooks/useLongPress.d.ts

@@ -0,0 +1,7 @@
+export declare function useLongPress(callback: () => void, ms?: number): {
+    onMouseDown: () => void;
+    onMouseUp: () => void;
+    onMouseLeave: () => void;
+    onTouchStart: () => void;
+    onTouchEnd: () => void;
+};

package/src/hooks/useMonths.d.ts

@@ -0,0 +1,5 @@
+export declare function useMonths(locale?: string): {
+    name: string;
+    shortName: string;
+    index: number;
+}[];

package/src/hooks/useOnSwipe.d.ts

@@ -0,0 +1,4 @@
+import { 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 {};

package/src/hooks/useOutsideClick.d.ts

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

package/src/hooks/usePagination.d.ts

@@ -0,0 +1 @@
+export declare function usePagination(currentIndex: number, totalPages: number): (number | '...')[];

package/src/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './contexts';
+export * from './helpers';
+export * from './hooks';