@phsa.tec/design-system-react 0.1.10 → 0.3.0

package/dist/index.d.mts

@@ -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,22 @@ 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 CardProps = {
+    title?: string;
+    description?: string;
+    footer?: () => React__default.ReactNode;
+    children?: React__default.ReactNode;
+};
+declare const Card$1: ({ title, children, description, footer, }: CardProps) => React__default.JSX.Element;
+
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
 type CheckboxProps$1 = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
 
@@ -128,7 +142,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 +166,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 +184,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 +235,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 +256,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 +264,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 +289,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 +307,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 +316,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 +329,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 +342,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 +352,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 +384,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 +393,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 +402,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 +425,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 +443,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 +496,39 @@ 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 DesignSystemProviderProps = {
+    children: React__default.ReactNode;
+    className?: string;
+};
+/**
+ * DesignSystemProvider - Wrapper que aplica o escopo do design system
+ *
+ * Uso básico:
+ * ```tsx
+ * import { DesignSystemProvider } from "@phsa.tec/design-system-react";
+ * import "@phsa.tec/design-system-react/styles.css";
+ *
+ * <DesignSystemProvider>
+ *   <App />
+ * </DesignSystemProvider>
+ * ```
+ *
+ * Customização via CSS Variables:
+ * ```css
+ * :root {
+ *   --primary: 220 90% 50%;
+ *   --radius: 0.25rem;
+ * }
+ * ```
+ *
+ * Customização avançada via Tailwind Preset:
+ * ```js
+ * // tailwind.config.js
+ * module.exports = {
+ *   presets: [require("@phsa.tec/design-system-react/tailwind-preset")],
+ * }
+ * ```
+ */
+declare function DesignSystemProvider({ children, className, }: DesignSystemProviderProps): React__default.JSX.Element;
+
+export { AlertDialog, type AlertDialogProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card$1 as Card, Card as CardBase, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, 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 };

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,22 @@ 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 CardProps = {
+    title?: string;
+    description?: string;
+    footer?: () => React__default.ReactNode;
+    children?: React__default.ReactNode;
+};
+declare const Card$1: ({ title, children, description, footer, }: CardProps) => React__default.JSX.Element;
+
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
 
 type CheckboxProps$1 = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
 
@@ -128,7 +142,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 +166,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 +184,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 +235,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 +256,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 +264,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 +289,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 +307,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 +316,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 +329,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 +342,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 +352,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 +384,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 +393,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 +402,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 +425,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 +443,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 +496,39 @@ 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 DesignSystemProviderProps = {
+    children: React__default.ReactNode;
+    className?: string;
+};
+/**
+ * DesignSystemProvider - Wrapper que aplica o escopo do design system
+ *
+ * Uso básico:
+ * ```tsx
+ * import { DesignSystemProvider } from "@phsa.tec/design-system-react";
+ * import "@phsa.tec/design-system-react/styles.css";
+ *
+ * <DesignSystemProvider>
+ *   <App />
+ * </DesignSystemProvider>
+ * ```
+ *
+ * Customização via CSS Variables:
+ * ```css
+ * :root {
+ *   --primary: 220 90% 50%;
+ *   --radius: 0.25rem;
+ * }
+ * ```
+ *
+ * Customização avançada via Tailwind Preset:
+ * ```js
+ * // tailwind.config.js
+ * module.exports = {
+ *   presets: [require("@phsa.tec/design-system-react/tailwind-preset")],
+ * }
+ * ```
+ */
+declare function DesignSystemProvider({ children, className, }: DesignSystemProviderProps): React__default.JSX.Element;
+
+export { AlertDialog, type AlertDialogProps, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card$1 as Card, Card as CardBase, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, 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 };