@sonamu-kit/react-components 0.1.1 → 0.1.2

package/dist/components/index.d.ts

@@ -1,4 +1,3 @@
-export { Button, buttonVariants } from './ui/button';
 export type { DateRange } from 'react-day-picker';
 export { toast, useToast } from '../hooks/use-toast';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from './ui/accordion';
@@ -10,6 +9,7 @@ export { AsyncSelect } from './ui/async-select';
 export { Avatar, AvatarFallback, AvatarImage } from './ui/avatar';
 export { Badge, badgeVariants } from './ui/badge';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from './ui/breadcrumb';
+export { Button, type ButtonProps, buttonVariants } from './ui/button';
 export { Calendar } from './ui/calendar';
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from './ui/card';
 export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, } from './ui/carousel';
@@ -20,6 +20,7 @@ export { Combobox } from './ui/combobox';
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from './ui/command';
 export { CommonModal, commonModalAtom, useCommonModal, } from './ui/common-modal';
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, } from './ui/context-menu';
+export { DateInput, type DateInputProps } from './ui/date-input';
 export { DatePicker, DatePickerWithDropdown } from './ui/date-picker';
 export type { DateSelectorValue } from './ui/date-selector-multiple';
 export { DateSelectorMultiple } from './ui/date-selector-multiple';
@@ -54,7 +55,7 @@ export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupActio
 export { Skeleton } from './ui/skeleton';
 export { Slider } from './ui/slider';
 export { Switch } from './ui/switch';
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from './ui/table';
+export { Table, TableBody, TableCaption, TableCell, type TableCol, TableFooter, TableHead, TableHeader, TableRow, } from './ui/table';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './ui/tabs';
 export { Textarea } from './ui/textarea';
 export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, } from './ui/toast';

package/dist/components/ui/button.d.ts

@@ -1,13 +1,13 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "red" | "yellow" | "green" | "blue" | "cyan" | "purple" | "pink" | "orange" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
+type ButtonProps = React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { Button, buttonVariants };
+    icon?: React.ReactElement;
+    loading?: boolean;
+};
+declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants, type ButtonProps };

package/dist/components/ui/carousel.d.ts

@@ -13,16 +13,6 @@ type CarouselProps = {
 declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
-    asChild?: boolean;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<Omit<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & import('class-variance-authority').VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & {
-    asChild?: boolean;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<Omit<import('./button').ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<Omit<import('./button').ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/components/ui/checkbox.d.ts

@@ -1,6 +1,6 @@
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import * as React from "react";
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref">, "name" | "onBlur" | "onValueChange"> & {
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref">, "onBlur" | "name" | "onValueChange"> & {
     name?: string;
     onValueChange?: (checked: boolean) => void;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;

package/dist/components/ui/command.d.ts

@@ -22,7 +22,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -48,7 +48,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -66,7 +66,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "value" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/components/ui/date-input.d.ts

@@ -0,0 +1,7 @@
+import { Override } from '../../lib/helpers';
+type DateInputProps = Override<React.ComponentProps<"input">, {
+    value: Date | null;
+    onValueChange: (value: Date | null) => void;
+}>;
+declare function DateInput({ value, onValueChange, ...props }: DateInputProps): import("react/jsx-runtime").JSX.Element;
+export { DateInput, type DateInputProps };

package/dist/components/ui/input-otp.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -12,7 +12,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: import('input-otp').RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

package/dist/components/ui/resizable.d.ts

@@ -1,6 +1,6 @@
 import * as ResizablePrimitive from "react-resizable-panels";
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
-declare const ResizablePanel: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLOListElement | HTMLObjectElement | HTMLLinkElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLOListElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLDivElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/dist/components/ui/slider.d.ts

@@ -1,6 +1,6 @@
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as React from "react";
-declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref">, "name" | "onBlur" | "onValueChange"> & {
+declare const Slider: React.ForwardRefExoticComponent<Omit<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref">, "onBlur" | "name" | "onValueChange"> & {
     name?: string;
     onValueChange?: (value: number) => void;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;

package/dist/components/ui/switch.d.ts

@@ -1,6 +1,6 @@
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as React from "react";
-declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref">, "name" | "onBlur" | "onValueChange"> & {
+declare const Switch: React.ForwardRefExoticComponent<Omit<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref">, "onBlur" | "name" | "onValueChange"> & {
     name?: string;
     onValueChange?: (checked: boolean) => void;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;

package/dist/components/ui/table.d.ts

@@ -1,10 +1,24 @@
 import type * as React from "react";
+type TableAlign = "left" | "center" | "right";
+type TableCol<T> = {
+    label: string | React.ReactNode;
+    tc: (row: T, rowIndex?: number) => React.ReactNode;
+    fit?: boolean;
+    className?: string;
+    align?: TableAlign;
+};
 declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
 declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
 declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
 declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
 declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
-declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
-declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, fit, align, ...props }: React.ComponentProps<"th"> & {
+    fit?: boolean;
+    align?: TableAlign;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, fit, align, ...props }: React.ComponentProps<"td"> & {
+    fit?: boolean;
+    align?: TableAlign;
+}): import("react/jsx-runtime").JSX.Element;
 declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, type TableCol, };

package/dist/lib/helpers.d.ts

@@ -29,19 +29,7 @@ export declare function useListParams<U extends z.ZodType<any>, T extends Partia
 }): {
     listParams: T;
     setListParams: (newParams: T) => void;
-    register: {
-        (name: "page"): {
-            value: number;
-            onValueChange: (page: number) => void;
-        };
-        (name: Exclude<ZodKeys<U>, "page">): {
-            value: string;
-            onValueChange: (value: any) => void;
-        };
-    };
-};
-export declare function useGoBack(): {
-    goBack: () => void;
+    register: (name: ZodKeys<U>) => any;
 };
 export declare function useSelection<T>(allKeys: T[], defaultSelectedKeys?: T[]): {
     getSelected: (key: T) => boolean;

package/dist/lib/index.d.ts

@@ -1,6 +1,6 @@
 export { Pagination } from '../components/ui/pagination';
 export { caster, fastifyCaster } from './caster';
-export { arrayableToArray, type ControlledModalProps, caller, type DistributiveOmit, dateF, datetimeF, type ErrorObj, hidden, numF, type Override, type PaginationProps, paramsToSearchParams, type SonamuCol, searchParamsToParams, sqlDateToDateString, type TableColumnWidth, useGoBack, useListParams, useModal, useSelection, useTypeForm, } from './helpers';
+export { arrayableToArray, type ControlledModalProps, caller, type DistributiveOmit, dateF, datetimeF, type ErrorObj, hidden, numF, type Override, type PaginationProps, paramsToSearchParams, type SonamuCol, searchParamsToParams, sqlDateToDateString, type TableColumnWidth, useListParams, useModal, useSelection, useTypeForm, } from './helpers';
 export { lazyUpload } from './lazy-upload';
 export { useIsMobile } from './use-mobile';
 export { cn } from './utils';