@mbao01/common 0.5.3 → 0.6.0

package/dist/types/components/Alert/constants.d.ts

@@ -1,4 +1,4 @@
 export declare const getAlertClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/AlertDialog/AlertDialog.d.ts

@@ -7,7 +7,7 @@ declare const AlertDialog: {
     Overlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & {} & React.RefAttributes<HTMLDivElement>>;
     Trigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
     Content: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "dialog" | "sheet" | undefined;
+        type?: "dialog" | "sheet" | undefined;
         side?: "top" | "right" | "bottom" | "left" | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     Header: {
@@ -21,18 +21,20 @@ declare const AlertDialog: {
     Title: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {} & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & {} & React.RefAttributes<HTMLParagraphElement>>;
     Action: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | undefined;
+        link?: boolean | undefined;
+        variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         outline?: boolean | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         rounded?: "xs" | "sm" | "md" | "lg" | undefined;
         wide?: boolean | undefined;
         isLoading?: boolean | undefined;
         disabled?: boolean | undefined;
     } & React.RefAttributes<HTMLButtonElement>>;
     Cancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | undefined;
+        link?: boolean | undefined;
+        variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         outline?: boolean | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         rounded?: "xs" | "sm" | "md" | "lg" | undefined;
         wide?: boolean | undefined;
         isLoading?: boolean | undefined;

package/dist/types/components/Anchor/{constant.d.ts → constants.d.ts}

@@ -1,5 +1,5 @@
 export declare const getAnchorClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     hover?: boolean | null | undefined;
     underline?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Anchor/types.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '../../libs';
-import { getAnchorClasses } from './constant';
+import { getAnchorClasses } from './constants';
 export type AnchorProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     isExternal?: boolean;
 } & VariantProps<typeof getAnchorClasses>;

package/dist/types/components/AspectRatio/AspectRatio.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export declare const AspectRatio: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    ratio?: "auto" | "16/9" | "4/3" | "1/1" | "21/9" | undefined;
+} & {
+    value?: number;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/AspectRatio/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const getAspectRatioClasses: (props?: ({
+    ratio?: "auto" | "16/9" | "4/3" | "1/1" | "21/9" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/AspectRatio/index.d.ts

@@ -0,0 +1,2 @@
+export { AspectRatio } from './AspectRatio';
+export type { AspectRatioProps } from './types';

package/dist/types/components/AspectRatio/types.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from '../../libs';
+import { getAspectRatioClasses } from './constants';
+export type AspectRatioProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getAspectRatioClasses> & {
+    value?: number;
+};

package/dist/types/components/Avatar/constants.d.ts

@@ -1,15 +1,15 @@
 export declare const getAvatarClasses: (props?: ({
-    size?: 4 | 8 | 12 | 16 | 24 | 32 | 48 | 64 | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     status?: "online" | "offline" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getAvatarImageClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
-    shape?: "circle" | "round" | "hexagon" | "triangle" | "television" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    shape?: "circle" | "round" | "triangle" | "hexagon" | "television" | null | undefined;
     ring?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getAvatarFallbackClasses: (props?: ({
-    size?: 4 | 8 | 12 | 16 | 24 | 32 | 48 | 64 | null | undefined;
-    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
-    shape?: "circle" | "round" | "hexagon" | "triangle" | "television" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+    shape?: "circle" | "round" | "triangle" | "hexagon" | "television" | null | undefined;
     ring?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Badge/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const getBadgeClasses: (props?: ({
-    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    variant?: "accent" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     rounded?: "xs" | "sm" | "md" | "lg" | null | undefined;

package/dist/types/components/Banner/Banner.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export declare const Banner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    variant?: "error" | "info" | "success" | "warning" | undefined;
+    border?: "none" | "dashed" | "solid" | undefined;
+} & {
+    icon?: React.ReactNode;
+    title?: string;
+    description?: string;
+    action?: React.ReactNode;
+    onClose?: () => void;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Banner/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const getBannerClasses: (props?: ({
+    variant?: "error" | "info" | "success" | "warning" | null | undefined;
+    border?: "none" | "dashed" | "solid" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Banner/index.d.ts

@@ -0,0 +1,2 @@
+export { Banner } from './Banner';
+export type { BannerProps } from './types';

package/dist/types/components/Banner/types.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from '../../libs';
+import { getBannerClasses } from './constants';
+export type BannerProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getBannerClasses> & {
+    icon?: React.ReactNode;
+    title?: string;
+    description?: string;
+    action?: React.ReactNode;
+    onClose?: () => void;
+};

package/dist/types/components/Blockquote/Blockquote.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export declare const Blockquote: React.ForwardRefExoticComponent<React.BlockquoteHTMLAttributes<HTMLQuoteElement> & {
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
+} & {
+    cite?: string;
+} & React.RefAttributes<HTMLQuoteElement>>;

package/dist/types/components/Blockquote/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const getBlockquoteClasses: (props?: ({
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Blockquote/index.d.ts

@@ -0,0 +1,2 @@
+export { Blockquote } from './Blockquote';
+export type { BlockquoteProps } from './types';

package/dist/types/components/Blockquote/types.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from '../../libs';
+import { getBlockquoteClasses } from './constants';
+export type BlockquoteProps = React.BlockquoteHTMLAttributes<HTMLQuoteElement> & VariantProps<typeof getBlockquoteClasses> & {
+    cite?: string;
+};

package/dist/types/components/Box/Box.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    display?: "hidden" | "grid" | "inline" | "block" | "inline-block" | "flex" | "inline-flex" | "inline-grid" | undefined;
+    overflow?: "hidden" | "auto" | "visible" | "scroll" | "x-auto" | "y-auto" | "x-hidden" | "y-hidden" | undefined;
+    position?: "fixed" | "sticky" | "static" | "absolute" | "relative" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Box/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const getBoxClasses: (props?: ({
+    display?: "hidden" | "grid" | "inline" | "block" | "inline-block" | "flex" | "inline-flex" | "inline-grid" | null | undefined;
+    position?: "fixed" | "sticky" | "static" | "absolute" | "relative" | null | undefined;
+    overflow?: "hidden" | "auto" | "visible" | "scroll" | "x-auto" | "y-auto" | "x-hidden" | "y-hidden" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Box/index.d.ts

@@ -0,0 +1,2 @@
+export { Box } from './Box';
+export type { BoxProps } from './types';

package/dist/types/components/Box/types.d.ts

@@ -0,0 +1,3 @@
+import { VariantProps } from '../../libs';
+import { getBoxClasses } from './constants';
+export type BoxProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getBoxClasses>;

package/dist/types/components/Breadcrumb/Breadcrumb.d.ts

@@ -4,7 +4,7 @@ declare const Breadcrumb: {
     displayName: string;
     List: import('react').ForwardRefExoticComponent<BreadcrumbListProps & import('react').RefAttributes<HTMLOListElement>>;
     Item: import('react').ForwardRefExoticComponent<BreadcrumbItemProps & import('react').RefAttributes<HTMLLIElement>>;
-    Link: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & {
+    Link: import('react').ForwardRefExoticComponent<import('react').AnchorHTMLAttributes<HTMLAnchorElement> & {
         asChild?: boolean;
     } & import('react').RefAttributes<HTMLAnchorElement>>;
     Page: import('react').ForwardRefExoticComponent<BreadcrumbPageProps & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/types/components/Breadcrumb/types.d.ts

@@ -4,7 +4,7 @@ export type BreadcrumbProps = React.HTMLAttributes<HTMLElement> & {
 };
 export type BreadcrumbListProps = React.HTMLAttributes<HTMLUListElement>;
 export type BreadcrumbItemProps = React.HTMLAttributes<HTMLLIElement>;
-export type BreadcrumbLinkProps = React.HTMLAttributes<HTMLAnchorElement> & {
+export type BreadcrumbLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     asChild?: boolean;
 };
 export type BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;

package/dist/types/components/Button/Button.d.ts

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
 declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    link?: boolean | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
     rounded?: "xs" | "sm" | "md" | "lg" | undefined;
     wide?: boolean | undefined;
     isLoading?: boolean | undefined;

package/dist/types/components/Button/constants.d.ts

@@ -1,6 +1,7 @@
 export declare const getButtonClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
+    link?: boolean | null | undefined;
     rounded?: "xs" | "sm" | "md" | "lg" | null | undefined;
     wide?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;

package/dist/types/components/Carousel/Carousel.d.ts

@@ -5,9 +5,10 @@ declare const Carousel: {
     Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Next: import('react').ForwardRefExoticComponent<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
-        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | undefined;
+        link?: boolean | undefined;
+        variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         outline?: boolean | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         rounded?: "xs" | "sm" | "md" | "lg" | undefined;
         wide?: boolean | undefined;
         isLoading?: boolean | undefined;
@@ -16,9 +17,10 @@ declare const Carousel: {
         asChild?: boolean;
     } & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     Previous: import('react').ForwardRefExoticComponent<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
-        variant?: "accent" | "default" | "error" | "info" | "link" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | undefined;
+        link?: boolean | undefined;
+        variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | undefined;
         outline?: boolean | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         rounded?: "xs" | "sm" | "md" | "lg" | undefined;
         wide?: boolean | undefined;
         isLoading?: boolean | undefined;

package/dist/types/components/Center/Center.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export declare const Center: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    inline?: boolean | undefined;
+    axis?: "both" | "horizontal" | "vertical" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Center/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const getCenterClasses: (props?: ({
+    inline?: boolean | null | undefined;
+    axis?: "both" | "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Center/index.d.ts

@@ -0,0 +1,2 @@
+export { Center } from './Center';
+export type { CenterProps } from './types';

package/dist/types/components/Center/types.d.ts

@@ -0,0 +1,3 @@
+import { VariantProps } from '../../libs';
+import { getCenterClasses } from './constants';
+export type CenterProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getCenterClasses>;

package/dist/types/components/Chart/constants.d.ts

@@ -10,13 +10,13 @@ export declare const getChartLegendItemClasses: (props?: import('class-variance-
 export declare const getChartLegendMarkerClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getChartTooltipContainerClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getChartTooltipItemClasses: (props?: ({
-    indicator?: "line" | "dot" | "dashed" | null | undefined;
+    indicator?: "line" | "dashed" | "dot" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getChartTooltipItemLabelClasses: (props?: ({
     nestLabel?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getChartTooltipItemValueClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getChartTooltipItemIndicatorClasses: (props?: ({
-    indicator?: "line" | "dot" | "dashed" | null | undefined;
+    indicator?: "line" | "dashed" | "dot" | null | undefined;
     nestLabel?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Code/Code.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const Code: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    inline?: boolean | undefined;
+    colorScheme?: "accent" | "default" | "primary" | "secondary" | undefined;
+} & {
+    skip?: boolean;
+    prefix?: "numeric" | "uppercase" | "lowercase" | "none";
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Code/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const getCodeClasses: (props?: ({
+    inline?: boolean | null | undefined;
+    colorScheme?: "accent" | "default" | "primary" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Code/helper.d.ts

@@ -0,0 +1,2 @@
+import { CodeProps } from './types';
+export declare const getDataPrefix: (prefix: CodeProps["prefix"], index: number) => string | number;

package/dist/types/components/Code/index.d.ts

@@ -0,0 +1,2 @@
+export { Code } from './Code';
+export type { CodeProps } from './types';

package/dist/types/components/Code/types.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from '../../libs';
+import { getCodeClasses } from './constants';
+export type CodeProps = React.HTMLAttributes<HTMLElement> & VariantProps<typeof getCodeClasses> & {
+    skip?: boolean;
+    prefix?: "numeric" | "uppercase" | "lowercase" | "none";
+};

package/dist/types/components/Container/Container.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export declare const Container: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    center?: boolean | undefined;
+    padding?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Container/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const getContainerClasses: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    center?: boolean | null | undefined;
+    padding?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Container/index.d.ts

@@ -0,0 +1,2 @@
+export { Container } from './Container';
+export type { ContainerProps } from './types';

package/dist/types/components/Container/types.d.ts

@@ -0,0 +1,3 @@
+import { VariantProps } from '../../libs';
+import { getContainerClasses } from './constants';
+export type ContainerProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getContainerClasses>;

package/dist/types/components/DatetimePicker/DatetimeGrid.d.ts

@@ -27,9 +27,9 @@ export declare const DatetimeGrid: import('react').ForwardRefExoticComponent<{
     }, "getRootProps" | "getInputProps">;
     placeholders: import('./types').InputPlaceholders;
 } & {
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
     wide?: boolean | undefined;
     disabled?: boolean | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/DatetimePicker/DatetimePicker.d.ts

@@ -5,9 +5,9 @@ export declare const DatetimePicker: import('react').ForwardRefExoticComponent<O
     onChange?: import('timescape/react').Options["onChangeDate"];
     className?: string;
 } & {
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
     wide?: boolean | undefined;
     disabled?: boolean | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>;

package/dist/types/components/DatetimePicker/constants.d.ts

@@ -2,7 +2,7 @@ import { DateFormat, DatetimeFormatDefaults, InputPlaceholders, TimeFormat } fro
 export declare const DEFAULTS: DatetimeFormatDefaults;
 export declare const INPUT_PLACEHOLDERS: InputPlaceholders;
 export declare const getDatetimeGridClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
     wide?: boolean | null | undefined;

package/dist/types/components/Dialog/Dialog.d.ts

@@ -13,7 +13,7 @@ declare const Dialog: {
     Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {} & React.RefAttributes<HTMLHeadingElement>>;
     Description: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & {} & React.RefAttributes<HTMLParagraphElement>>;
     Content: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-        variant?: "dialog" | "sheet" | undefined;
+        type?: "dialog" | "sheet" | undefined;
         side?: "top" | "right" | "bottom" | "left" | undefined;
     } & {
         showClose?: boolean;

package/dist/types/components/Dialog/constants.d.ts

@@ -1,6 +1,6 @@
 export declare const getDialogOverlayClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getDialogContentClasses: (props?: ({
-    variant?: "dialog" | "sheet" | null | undefined;
+    type?: "dialog" | "sheet" | null | undefined;
     side?: "top" | "right" | "bottom" | "left" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getDialogHeaderClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/types/components/Dock/constants.d.ts

@@ -1,7 +1,7 @@
 export declare const getDockClasses: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getDockButtonClasses: (props?: ({
     active?: boolean | null | undefined;

package/dist/types/components/Empty/Empty.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const Empty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    size?: "sm" | "md" | "lg" | "xl" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const EmptyImage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const EmptyTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const EmptyDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const EmptyActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Empty/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const getEmptyClasses: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getEmptyImageClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getEmptyTitleClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const getEmptyDescriptionClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/types/components/Empty/index.d.ts

@@ -0,0 +1,2 @@
+export { Empty, EmptyImage, EmptyTitle, EmptyDescription, EmptyActions } from './Empty';
+export type { EmptyProps } from './types';

package/dist/types/components/Empty/types.d.ts

@@ -0,0 +1,3 @@
+import { VariantProps } from '../../libs';
+import { getEmptyClasses } from './constants';
+export type EmptyProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getEmptyClasses>;

package/dist/types/components/Flex/Flex.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const Flex: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    direction?: "row" | "col" | "row-reverse" | "col-reverse" | undefined;
+    align?: "end" | "center" | "start" | "stretch" | "baseline" | undefined;
+    justify?: "end" | "center" | "start" | "between" | "around" | "evenly" | undefined;
+    wrap?: "wrap" | "wrap-reverse" | "nowrap" | undefined;
+    gap?: 0 | 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 16 | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Flex/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const getFlexClasses: (props?: ({
+    direction?: "row" | "col" | "row-reverse" | "col-reverse" | null | undefined;
+    align?: "end" | "center" | "start" | "stretch" | "baseline" | null | undefined;
+    justify?: "end" | "center" | "start" | "between" | "around" | "evenly" | null | undefined;
+    wrap?: "wrap" | "wrap-reverse" | "nowrap" | null | undefined;
+    gap?: 0 | 1 | 4 | 3 | 8 | 2 | 5 | 6 | 10 | 12 | 16 | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Flex/index.d.ts

@@ -0,0 +1,2 @@
+export { Flex } from './Flex';
+export type { FlexProps } from './types';

package/dist/types/components/Flex/types.d.ts

@@ -0,0 +1,3 @@
+import { VariantProps } from '../../libs';
+import { getFlexClasses } from './constants';
+export type FlexProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getFlexClasses>;

package/dist/types/components/Footer/Footer.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { FooterTitleProps } from './types';
+export declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    center?: boolean | undefined;
+} & React.RefAttributes<HTMLElement>>;
+export declare const FooterTitle: React.ForwardRefExoticComponent<FooterTitleProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/types/components/Footer/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const getFooterClasses: (props?: ({
+    center?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const getFooterTitleClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/types/components/Footer/index.d.ts

@@ -0,0 +1,2 @@
+export { Footer, FooterTitle } from './Footer';
+export type { FooterProps, FooterTitleProps } from './types';

package/dist/types/components/Footer/types.d.ts

@@ -0,0 +1,4 @@
+import { VariantProps } from '../../libs';
+import { getFooterClasses } from './constants';
+export type FooterProps = React.HTMLAttributes<HTMLElement> & VariantProps<typeof getFooterClasses>;
+export type FooterTitleProps = React.HTMLAttributes<HTMLSpanElement>;

package/dist/types/components/Form/DatetimeInput/DatetimeInput.d.ts

@@ -3,9 +3,9 @@ export declare const DatetimeInput: import('react').ForwardRefExoticComponent<{
 } & {
     locale?: Intl.LocalesArgument;
 } & Omit<import('../Input/types').InputProps, "type" | "defaultValue" | "onBlur" | "ref" | "disabled" | "value"> & {
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
     wide?: boolean | undefined;
     disabled?: boolean | undefined;
     readOnly?: boolean | undefined;
@@ -62,7 +62,7 @@ export declare const DatetimeInput: import('react').ForwardRefExoticComponent<{
         modifiers?: Record<string, import('react-day-picker').Matcher | import('react-day-picker').Matcher[] | undefined> | undefined;
         labels?: Partial<import('react-day-picker').Labels> | undefined;
         formatters?: Partial<import('react-day-picker').Formatters> | undefined;
-        locale?: Partial<import('date-fns').Locale> | undefined;
+        locale?: Partial<import('react-day-picker').DayPickerLocale> | undefined;
         numerals?: import('react-day-picker').Numerals | undefined;
         weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined | undefined;
         firstWeekContainsDate?: 1 | 4 | undefined;

package/dist/types/components/Form/Input/Input.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "ref" | "size"> & Omit<{
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
-    type?: string | number | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | undefined;
+export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "ref"> & Omit<{
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | undefined;
     outline?: boolean | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
+    type?: string | number | undefined;
     wide?: boolean | undefined;
     readOnly?: boolean | undefined;
 }, "type"> & {

package/dist/types/components/Form/Input/constants.d.ts

@@ -1,5 +1,5 @@
 export declare const getInputClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
     wide?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
@@ -11,7 +11,7 @@ export declare const getInputLabelClasses: (props?: ({
     floating?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getInputCommonClasses: (props?: ({
-    variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    variant?: "accent" | "default" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     outline?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
     wide?: boolean | null | undefined;