@phsa.tec/design-system-react 0.1.9 → 0.2.0

package/dist/index.d.ts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ColumnDef, SortingState, VisibilityState } from '@tanstack/react-table';
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
 import React__default, { PropsWithChildren } from 'react';
+import { ColumnDef, SortingState, VisibilityState } from '@tanstack/react-table';
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -36,7 +35,7 @@ interface DynamicTableProps<TData> {
     defaultVisibility?: VisibilityState;
 }
 
-declare function DynamicTable<TData>({ data, columns, className, toolbar, pagination: showPagination, sorting: showSorting, columnVisibility: showColumnVisibility, filters, rowsPerPage, defaultSort, defaultVisibility, }: DynamicTableProps<TData>): react_jsx_runtime.JSX.Element;
+declare function DynamicTable<TData>({ data, columns, className, toolbar, pagination: showPagination, sorting: showSorting, columnVisibility: showColumnVisibility, filters, rowsPerPage, defaultSort, defaultVisibility, }: DynamicTableProps<TData>): React$1.JSX.Element;
 
 interface Column<T> {
     header: string;
@@ -58,7 +57,7 @@ declare const badgeVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
-declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ className, variant, ...props }: BadgeProps): React$1.JSX.Element;
 
 type IconProps = {
     name: string;
@@ -94,7 +93,7 @@ declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<Dropdown
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -109,7 +108,7 @@ interface DataPairListProps {
     header?: React.ReactNode;
 }
 
-declare const DataPairList: ({ title, data, labels, className, infoDirection, direction, withBorder, header, }: DataPairListProps) => react_jsx_runtime.JSX.Element | null;
+declare const DataPairList: ({ title, data, labels, className, infoDirection, direction, withBorder, header, }: DataPairListProps) => React__default.JSX.Element | null;
 
 declare const textVariants: (props?: ({
     variant?: "title" | "caption" | "display" | "subtitle" | "normal" | "muted" | null | undefined;
@@ -119,7 +118,7 @@ type TextProps = VariantProps<typeof textVariants> & {
     className?: string;
     children: React.ReactNode;
 };
-declare function Text({ variant, align, className, children, }: TextProps): react_jsx_runtime.JSX.Element;
+declare function Text({ variant, align, className, children, }: TextProps): React$1.JSX.Element;
 
 type CheckboxProps$1 = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
 
@@ -128,7 +127,7 @@ type CheckboxProps = CheckboxProps$1 & {
     error?: string;
     withoutForm?: boolean;
 };
-declare const Checkbox: ({ label, error, withoutForm, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
+declare const Checkbox: ({ label, error, withoutForm, ...props }: CheckboxProps) => React$1.JSX.Element;
 
 type InputProps$1 = React$1.ComponentProps<"input">;
 
@@ -152,15 +151,15 @@ type InputProps = Omit<InputBaseProps, "children"> & {
     containerClassName?: string;
 };
 
-declare const Input: ({ "data-testid": dataTestId, withoutForm, extraElement, containerClassName, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
+declare const Input: ({ "data-testid": dataTestId, withoutForm, extraElement, containerClassName, ...props }: InputProps) => React$1.JSX.Element;
 
 type NumberInputProps = Omit<NumericFormatProps, "onChange"> & InputProps;
-declare const NumberInput: (props: NumberInputProps) => react_jsx_runtime.JSX.Element;
+declare const NumberInput: (props: NumberInputProps) => React$1.JSX.Element;
 
 type MaskInputProps = {
     mask?: string;
 } & InputProps;
-declare const MaskInput: ({ "data-testid": dataTestId, withoutForm, extraElement, mask, ...props }: MaskInputProps) => react_jsx_runtime.JSX.Element;
+declare const MaskInput: ({ "data-testid": dataTestId, withoutForm, extraElement, mask, ...props }: MaskInputProps) => React$1.JSX.Element;
 
 type MultipleInputProps = MaskInputProps & {
     data?: string[];
@@ -170,17 +169,17 @@ type MultipleInputProps = MaskInputProps & {
     defaultValue?: string;
     "data-testid"?: string;
 };
-declare const MultipleInput: ({ data, onAdd, defaultValue, onRemove, withoutForm, ...props }: MultipleInputProps) => react_jsx_runtime.JSX.Element;
+declare const MultipleInput: ({ data, onAdd, defaultValue, onRemove, withoutForm, ...props }: MultipleInputProps) => React$1.JSX.Element;
 
 type MultipleMaskInputProps = MaskInputProps & {
     data?: string[];
     onChangeData?: (data: string[]) => void;
     name: string;
 };
-declare const MultipleMaskInput: ({ data, ...props }: MultipleMaskInputProps) => react_jsx_runtime.JSX.Element;
+declare const MultipleMaskInput: ({ data, ...props }: MultipleMaskInputProps) => React$1.JSX.Element;
 
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;
     isDirty: boolean;
@@ -221,7 +220,7 @@ type SelectProps = SelectBaseProps & {
     description?: string;
     withoutForm?: boolean;
 };
-declare const Select: ({ name, label, description, error, className, withoutForm, options, placeholder, ...props }: SelectProps) => react_jsx_runtime.JSX.Element;
+declare const Select: ({ name, label, description, error, className, withoutForm, options, placeholder, ...props }: SelectProps) => React__default.JSX.Element;
 
 type MultiSelectBaseProps = {
     options: {
@@ -242,7 +241,7 @@ type MultiSelectProps = MultiSelectBaseProps & {
     required?: boolean;
     "data-testid"?: string;
 };
-declare function MultiSelect({ label, name, withoutForm, className, required, "data-testid": testId, ...props }: MultiSelectProps): react_jsx_runtime.JSX.Element;
+declare function MultiSelect({ label, name, withoutForm, className, required, "data-testid": testId, ...props }: MultiSelectProps): React__default.JSX.Element;
 
 type SwitchProps$1 = React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>;
 
@@ -250,7 +249,7 @@ type SwitchProps = SwitchProps$1 & {
     label?: string;
     withoutForm?: boolean;
 };
-declare function Switch({ label, withoutForm, className, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
+declare function Switch({ label, withoutForm, className, ...props }: SwitchProps): React$1.JSX.Element;
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
@@ -275,11 +274,11 @@ type DialogProps = DialogProps$1 & PropsWithChildren & {
     description?: string;
     footer?: () => React.ReactNode;
 };
-declare function Dialog({ title, description, className, children, footer, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
+declare function Dialog({ title, description, className, children, footer, ...props }: DialogProps): React$1.JSX.Element;
 type DialogWithFormProps = DialogProps & {
     onSubmit: () => void;
 };
-declare const DialogWithForm: ({ title, description, className, children, footer, onSubmit, ...props }: DialogWithFormProps) => react_jsx_runtime.JSX.Element;
+declare const DialogWithForm: ({ title, description, className, children, footer, onSubmit, ...props }: DialogWithFormProps) => React$1.JSX.Element;
 
 declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -293,7 +292,7 @@ type StepsProps = {
     onClick?: (id: number) => void;
     value?: number;
 };
-declare const Steps: ({ data, onClick, value }: StepsProps) => react_jsx_runtime.JSX.Element;
+declare const Steps: ({ data, onClick, value }: StepsProps) => React$1.JSX.Element;
 
 type AlertDialogProps = {
     title: string;
@@ -302,11 +301,11 @@ type AlertDialogProps = {
     onConfirm?: () => void;
     onCancel?: () => void;
 };
-declare const AlertDialog: ({ title, description, children, onConfirm, onCancel, }: AlertDialogProps) => react_jsx_runtime.JSX.Element;
+declare const AlertDialog: ({ title, description, children, onConfirm, onCancel, }: AlertDialogProps) => React$1.JSX.Element;
 
 type DrawerProps = React$1.ComponentProps<typeof Drawer$1.Root>;
 declare const Drawer: {
-    ({ shouldScaleBackground, ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
+    ({ shouldScaleBackground, ...props }: DrawerProps): React$1.JSX.Element;
     displayName: string;
 };
 declare const DrawerTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -315,11 +314,11 @@ declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dia
 declare const DrawerOverlay: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DrawerContent: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DrawerHeader: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
 declare const DrawerFooter: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
     displayName: string;
 };
 declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
@@ -328,7 +327,7 @@ declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<DialogPr
 type CustomDrawerProps = DrawerProps & {
     className?: string;
 };
-declare function CustomDrawer({ className, ...props }: CustomDrawerProps): react_jsx_runtime.JSX.Element;
+declare function CustomDrawer({ className, ...props }: CustomDrawerProps): React$1.JSX.Element;
 
 declare const Sheet$1: React$1.FC<DialogPrimitive.DialogProps>;
 
@@ -338,7 +337,7 @@ type SheetProps = typeof Sheet$1 & PropsWithChildren & {
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
 };
-declare function Sheet({ side, className, children, ...props }: SheetProps): react_jsx_runtime.JSX.Element;
+declare function Sheet({ side, className, children, ...props }: SheetProps): React$1.JSX.Element;
 
 type AppSidebarProps = {
     footer?: () => React$1.ReactNode;
@@ -370,7 +369,7 @@ interface SidebarProps extends AppSidebarProps {
     defaultPath?: string;
     defaultCollapsed?: boolean;
 }
-declare const Sidebar: ({ children, contentClassName, showFooter, defaultPath, defaultCollapsed, ...rest }: SidebarProps) => react_jsx_runtime.JSX.Element;
+declare const Sidebar: ({ children, contentClassName, showFooter, defaultPath, defaultCollapsed, ...rest }: SidebarProps) => React$1.JSX.Element;
 
 declare function NavUser({ user, logoutAction, }: {
     user: {
@@ -379,7 +378,7 @@ declare function NavUser({ user, logoutAction, }: {
         avatar: string;
     };
     logoutAction?: () => void;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 
 declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
@@ -388,7 +387,7 @@ type PageLayoutProps = PropsWithChildren & {
     subtitle?: string;
     header?: React__default.ReactNode;
 };
-declare const PageLayout: ({ subtitle, title, children, header, }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const PageLayout: ({ subtitle, title, children, header, }: PageLayoutProps) => React__default.JSX.Element;
 
 interface TabsProps {
     tabs: {
@@ -411,11 +410,11 @@ declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.Det
 } & React$1.RefAttributes<HTMLAnchorElement>>;
 declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+    ({ children, className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
     displayName: string;
 };
 declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
     displayName: string;
 };
 
@@ -429,9 +428,9 @@ interface SpinnerContentProps extends VariantProps<typeof spinnerVariants>, Vari
     className?: string;
     children?: React__default.ReactNode;
 }
-declare function Spinner({ size, show, children, className, }: SpinnerContentProps): react_jsx_runtime.JSX.Element;
+declare function Spinner({ size, show, children, className, }: SpinnerContentProps): React__default.JSX.Element;
 
-declare function Toaster(): react_jsx_runtime.JSX.Element;
+declare function Toaster(): React$1.JSX.Element;
 
 declare const Toast$1: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "destructive" | "success" | null | undefined;
@@ -482,4 +481,118 @@ declare function useToast(): {
     toasts: ToasterToast[];
 };
 
-export { AlertDialog, type AlertDialogProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, CustomDrawer, type CustomDrawerProps, DataPairList, type DataPairListProps, Dialog, type DialogProps, DialogWithForm, type DialogWithFormProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicTable, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Icon, Input, MaskInput, type MaskInputProps, MultiSelect, MultipleInput, type MultipleInputProps, MultipleMaskInput, type MultipleMaskInputProps, NavUser, NumberInput, type NumberInputProps, PageLayout, type PageLayoutProps, Select, type SelectProps, Separator, Sheet, type SheetProps, Sidebar, Spinner, Steps, Switch, type SwitchProps, type TableProps, Tabs, Text, Toaster, badgeVariants, reducer, toast, useFormField, useToast };
+type ColorValues = {
+    background?: string;
+    foreground?: string;
+    card?: string;
+    cardForeground?: string;
+    popover?: string;
+    popoverForeground?: string;
+    primary?: string;
+    primaryForeground?: string;
+    secondary?: string;
+    secondaryForeground?: string;
+    muted?: string;
+    mutedForeground?: string;
+    accent?: string;
+    accentForeground?: string;
+    success?: string;
+    successForeground?: string;
+    warning?: string;
+    destructive?: string;
+    destructiveForeground?: string;
+    border?: string;
+    input?: string;
+    ring?: string;
+    radius?: string;
+};
+type SpacingValues = {
+    /** Base spacing unit (default: 0.25rem = 4px) */
+    base?: string;
+    /** Custom spacing scale */
+    xs?: string;
+    sm?: string;
+    md?: string;
+    lg?: string;
+    xl?: string;
+    "2xl"?: string;
+    "3xl"?: string;
+};
+type TypographyValues = {
+    /** Font family */
+    fontFamily?: string;
+    /** Base font size */
+    fontSize?: {
+        xs?: string;
+        sm?: string;
+        base?: string;
+        lg?: string;
+        xl?: string;
+        "2xl"?: string;
+        "3xl"?: string;
+        "4xl"?: string;
+        "5xl"?: string;
+    };
+    /** Font weights */
+    fontWeight?: {
+        light?: string;
+        normal?: string;
+        medium?: string;
+        semibold?: string;
+        bold?: string;
+    };
+    /** Line heights */
+    lineHeight?: {
+        none?: string;
+        tight?: string;
+        snug?: string;
+        normal?: string;
+        relaxed?: string;
+        loose?: string;
+    };
+};
+type ThemeValues = {
+    colors?: ColorValues;
+    spacing?: SpacingValues;
+    typography?: TypographyValues;
+    /** Border radius values */
+    borderRadius?: {
+        none?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        "2xl"?: string;
+        "3xl"?: string;
+        full?: string;
+    };
+    /** Shadow values */
+    boxShadow?: {
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        "2xl"?: string;
+        inner?: string;
+        none?: string;
+    };
+    /** Breakpoints */
+    breakpoints?: {
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        "2xl"?: string;
+    };
+};
+type DesignSystemProviderProps = {
+    children: React__default.ReactNode;
+    className?: string;
+    /** @deprecated Use `theme.colors` instead */
+    colors?: ColorValues;
+    /** Complete theme configuration */
+    theme?: ThemeValues;
+};
+declare function DesignSystemProvider({ children, className, colors, theme, }: DesignSystemProviderProps): React__default.JSX.Element;
+
+export { AlertDialog, type AlertDialogProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, DesignSystemProvider as BaseDesignSystemProvider, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, CustomDrawer, type CustomDrawerProps, DataPairList, type DataPairListProps, DesignSystemProvider, type DesignSystemProviderProps, Dialog, type DialogProps, DialogWithForm, type DialogWithFormProps, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicTable, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Icon, Input, MaskInput, type MaskInputProps, MultiSelect, MultipleInput, type MultipleInputProps, MultipleMaskInput, type MultipleMaskInputProps, NavUser, NumberInput, type NumberInputProps, PageLayout, type PageLayoutProps, Select, type SelectProps, Separator, Sheet, type SheetProps, Sidebar, Spinner, Steps, Switch, type SwitchProps, type TableProps, Tabs, Text, Toaster, badgeVariants, reducer, toast, useFormField, useToast };