@umami/react-zen 0.92.0 → 0.94.0

package/dist/index.d.ts

@@ -109,16 +109,14 @@ declare module '@umami/react-zen/forms/FormButtons' {
 declare module '@umami/react-zen/forms/FormField' {
     import { HTMLAttributes } from 'react';
     import { RegisterOptions, UseFormReturn, FieldValues } from 'react-hook-form';
-    interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseFormReturn> {
+    export interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseFormReturn> {
         name: string;
         description?: string;
         label?: string;
         rules?: RegisterOptions<FieldValues, string>;
         children: any;
     }
-    const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<any>>;
-    export { FormField };
-    export type { FormFieldProps };
+    export const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<any>>;
 }
 
 declare module '@umami/react-zen/forms/FormResetButton' {
@@ -273,14 +271,16 @@ declare module '@umami/react-zen/Blockquote' {
 
 declare module '@umami/react-zen/Box' {
     import { HTMLAttributes } from 'react';
-    import { BackgroundColor, BorderColor, BorderPosition, BorderRadius, BoxShadow, Spacing, Responsive, Position, Display, TextAlign, FlexGrow, FlexShrink, Top, Right, Bottom, Left, Overflow, AlignSelf, JustifySelf, FontColor, FontSize, FontWeight, Padding, HoverColor } from '@/lib/types';
-    interface BoxProps extends HTMLAttributes<HTMLElement> {
+    import { BackgroundColor, BorderColor, BorderPosition, BorderRadius, BoxShadow, Spacing, Responsive, Position, Display, TextAlign, FlexGrow, FlexShrink, Top, Right, Bottom, Left, Overflow, AlignSelf, JustifySelf, FontColor, FontSize, FontWeight, Padding, HoverColor, FillColor, StrokeColor } from '@/lib/types';
+    export interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
         display?: Responsive<Display>;
         color?: FontColor;
         backgroundColor?: BackgroundColor;
         hoverColor?: HoverColor;
         hoverBackgroundColor?: HoverColor;
         hoverBorderColor?: HoverColor;
+        fillColor?: FillColor;
+        strokeColor?: StrokeColor;
         fontSize?: Responsive<FontSize>;
         fontWeight?: Responsive<FontWeight>;
         border?: Responsive<BorderPosition>;
@@ -329,9 +329,7 @@ declare module '@umami/react-zen/Box' {
         as?: string;
         asChild?: boolean;
     }
-    function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, overflow, overflowX, overflowY, width, minWidth, maxWidth, height, minHeight, maxHeight, position, align, top, right, bottom, left, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, theme, as, asChild, className, style, children, ...props }: BoxProps): import("react").JSX.Element;
-    export { Box };
-    export type { BoxProps };
+    export function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, overflow, overflowX, overflowY, width, minWidth, maxWidth, height, minHeight, maxHeight, position, align, top, right, bottom, left, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, theme, as, asChild, className, style, children, ...props }: BoxProps): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/Breadcrumbs' {
@@ -437,20 +435,18 @@ declare module '@umami/react-zen/Dialog' {
 declare module '@umami/react-zen/DataTable' {
     import { ReactNode } from 'react';
     import { ColumnProps, TableProps } from 'react-aria-components';
-    interface DataTableProps extends TableProps {
+    export interface DataTableProps extends TableProps {
         data?: any[];
     }
-    function DataTable({ data, className, children, ...props }: DataTableProps): import("react").JSX.Element;
-    interface DataColumnProps extends ColumnProps {
+    export function DataTable({ data, className, children, ...props }: DataTableProps): import("react").JSX.Element;
+    export interface DataColumnProps extends ColumnProps {
         id: string;
         label?: ReactNode;
         align?: 'start' | 'center' | 'end';
         as?: string;
         hidden?: boolean;
     }
-    function DataColumn(props: DataColumnProps): null;
-    export { DataTable, DataColumn };
-    export type { DataTableProps, DataColumnProps };
+    export function DataColumn(props: DataColumnProps): null;
 }
 
 declare module '@umami/react-zen/Dots' {
@@ -534,14 +530,16 @@ declare module '@umami/react-zen/HoverTrigger' {
 
 declare module '@umami/react-zen/Icon' {
     import { HTMLAttributes } from 'react';
+    import { FontColor } from '@/lib/types';
     export interface IconProps extends HTMLAttributes<HTMLElement> {
         size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
         variant?: 'input';
         rotate?: number;
-        strokeColor?: string;
-        fillColor?: string;
+        strokeWidth?: string;
+        strokeColor?: FontColor;
+        fillColor?: FontColor;
     }
-    export function Icon({ size, variant, rotate, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): import("react").JSX.Element;
+    export function Icon({ size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): import("react").JSX.Element;
 }
 
 declare module '@umami/react-zen/Icons' {
@@ -774,6 +772,7 @@ declare module '@umami/react-zen/Select' {
     interface SelectProps extends AriaSelectProps<HTMLSelectElement> {
         items?: any[];
         value?: string;
+        defaultValue?: string;
         label?: string;
         isLoading?: boolean;
         allowSearch?: boolean;
@@ -885,9 +884,9 @@ declare module '@umami/react-zen/Table' {
         align?: 'start' | 'center' | 'end';
     }
     function Table({ children, className, ...props }: TableProps): import("react").JSX.Element;
-    function TableHeader({ children, className, ...props }: TableHeaderProps<any>): import("react").JSX.Element;
+    function TableHeader({ children, className, style, ...props }: TableHeaderProps<any>): import("react").JSX.Element;
     function TableBody({ children, className, ...props }: TableBodyProps<any>): import("react").JSX.Element;
-    function TableRow({ children, className, ...props }: RowProps<any>): import("react").JSX.Element;
+    function TableRow({ children, className, style, ...props }: RowProps<any>): import("react").JSX.Element;
     function TableColumn({ children, className, align, ...props }: TableColumnProps): import("react").JSX.Element;
     function TableCell({ children, className, align, ...props }: TableCellProps): import("react").JSX.Element;
     export { Table, TableHeader, TableBody, TableRow, TableColumn, TableCell };
@@ -907,7 +906,7 @@ declare module '@umami/react-zen/Tabs' {
 declare module '@umami/react-zen/Text' {
     import { HTMLAttributes } from 'react';
     import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, TextTransform, FontColor } from '@/lib/types';
-    export interface TextProps extends HTMLAttributes<HTMLElement> {
+    export interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
         color?: FontColor;
         size?: Responsive<FontSize>;
         spacing?: Responsive<LetterSpacing>;