@codefast/ui 0.2.21 → 0.2.23

package/dist/components/alert.d.ts

@@ -1,51 +1,78 @@
-import * as react from 'react';
-import { HTMLAttributes } from 'react';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { ComponentProps, JSX } from 'react';
 
 declare const alertVariants: tailwind_variants.TVReturnType<{
     variant: {
         default: string;
         destructive: string;
+        info: string;
+        primary: string;
+        success: string;
+        warning: string;
     };
 }, undefined, "[&>svg+div]:-translate-y-0.75 relative w-full rounded-lg border p-4 text-sm [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7", tailwind_variants_dist_config_js.TVConfig<{
     variant: {
         default: string;
         destructive: string;
+        info: string;
+        primary: string;
+        success: string;
+        warning: string;
     };
 }, {
     variant: {
         default: string;
         destructive: string;
+        info: string;
+        primary: string;
+        success: string;
+        warning: string;
     };
 }>, {
     variant: {
         default: string;
         destructive: string;
+        info: string;
+        primary: string;
+        success: string;
+        warning: string;
     };
 }, undefined, tailwind_variants.TVReturnType<{
     variant: {
         default: string;
         destructive: string;
+        info: string;
+        primary: string;
+        success: string;
+        warning: string;
     };
 }, undefined, "[&>svg+div]:-translate-y-0.75 relative w-full rounded-lg border p-4 text-sm [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7", tailwind_variants_dist_config_js.TVConfig<{
     variant: {
         default: string;
         destructive: string;
+        info: string;
+        primary: string;
+        success: string;
+        warning: string;
     };
 }, {
     variant: {
         default: string;
         destructive: string;
+        info: string;
+        primary: string;
+        success: string;
+        warning: string;
     };
 }>, unknown, unknown, undefined>>;
 type AlertVariantsProps = VariantProps<typeof alertVariants>;
-type AlertProps = AlertVariantsProps & HTMLAttributes<HTMLDivElement>;
-declare const Alert: react.ForwardRefExoticComponent<AlertVariantsProps & HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
-type AlertTitleProps = HTMLAttributes<HTMLHeadingElement>;
-declare const AlertTitle: react.ForwardRefExoticComponent<AlertTitleProps & react.RefAttributes<HTMLHeadingElement>>;
-type AlertDescriptionProps = HTMLAttributes<HTMLDivElement>;
-declare const AlertDescription: react.ForwardRefExoticComponent<AlertDescriptionProps & react.RefAttributes<HTMLDivElement>>;
+type AlertProps = AlertVariantsProps & ComponentProps<'div'>;
+declare function Alert({ className, variant, ...props }: AlertProps): JSX.Element;
+type AlertTitleProps = ComponentProps<'h5'>;
+declare function AlertTitle({ children, className, ...props }: AlertTitleProps): JSX.Element;
+type AlertDescriptionProps = ComponentProps<'div'>;
+declare function AlertDescription({ className, ...props }: AlertDescriptionProps): JSX.Element;
 
 export { Alert, AlertDescription, type AlertDescriptionProps, type AlertProps, AlertTitle, type AlertTitleProps };

package/dist/components/alert.js

@@ -1,2 +1,2 @@
-import{a,b,c}from"../chunk-FKSF4GPI.js";import"../chunk-OKUFCFYT.js";export{a as Alert,c as AlertDescription,b as AlertTitle};
+import{a,b,c}from"../chunk-HQNFEX24.js";import"../chunk-OKUFCFYT.js";export{a as Alert,c as AlertDescription,b as AlertTitle};
 //# sourceMappingURL=alert.js.map

package/dist/components/aspect-ratio.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJJO7PMEVcjs = require('../chunk-JJO7PMEV.cjs');exports.AspectRatio = _chunkJJO7PMEVcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkED6TP6IFcjs = require('../chunk-ED6TP6IF.cjs');exports.AspectRatio = _chunkED6TP6IFcjs.a;
 //# sourceMappingURL=aspect-ratio.cjs.map

package/dist/components/aspect-ratio.d.cts

@@ -1,8 +1,8 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps } from 'react';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 
-type AspectRatioProps = ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root>;
+type AspectRatioProps = ComponentProps<typeof AspectRatioPrimitive.Root>;
 declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
 
 export { AspectRatio, type AspectRatioProps };

package/dist/components/aspect-ratio.d.ts

@@ -1,8 +1,8 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps } from 'react';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 
-type AspectRatioProps = ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root>;
+type AspectRatioProps = ComponentProps<typeof AspectRatioPrimitive.Root>;
 declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
 
 export { AspectRatio, type AspectRatioProps };

package/dist/components/aspect-ratio.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-WINMX24N.js";export{a as AspectRatio};
+import{a}from"../chunk-KKFMDJPU.js";export{a as AspectRatio};
 //# sourceMappingURL=aspect-ratio.js.map

package/dist/components/avatar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkJAULRUKWcjs = require('../chunk-JAULRUKW.cjs');require('../chunk-SMJEDCFP.cjs');exports.Avatar = _chunkJAULRUKWcjs.a; exports.AvatarFallback = _chunkJAULRUKWcjs.c; exports.AvatarImage = _chunkJAULRUKWcjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkB4LVESKUcjs = require('../chunk-B4LVESKU.cjs');require('../chunk-SMJEDCFP.cjs');exports.Avatar = _chunkB4LVESKUcjs.a; exports.AvatarFallback = _chunkB4LVESKUcjs.c; exports.AvatarImage = _chunkB4LVESKUcjs.b;
 //# sourceMappingURL=avatar.cjs.map

package/dist/components/avatar.d.cts

@@ -1,12 +1,11 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps, JSX } from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 
-type AvatarProps = ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>;
-declare const Avatar: react.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
-type AvatarImageProps = ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>;
-declare const AvatarImage: react.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & react.RefAttributes<HTMLImageElement>, "ref"> & react.RefAttributes<HTMLImageElement>>;
-type AvatarFallbackProps = ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>;
-declare const AvatarFallback: react.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
+type AvatarProps = ComponentProps<typeof AvatarPrimitive.Root>;
+declare function Avatar({ className, ...props }: AvatarProps): JSX.Element;
+type AvatarImageProps = ComponentProps<typeof AvatarPrimitive.Image>;
+declare function AvatarImage({ className, ...props }: AvatarImageProps): JSX.Element;
+type AvatarFallbackProps = ComponentProps<typeof AvatarPrimitive.Fallback>;
+declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): JSX.Element;
 
 export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };

package/dist/components/avatar.d.ts

@@ -1,12 +1,11 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps, JSX } from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 
-type AvatarProps = ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>;
-declare const Avatar: react.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
-type AvatarImageProps = ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>;
-declare const AvatarImage: react.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & react.RefAttributes<HTMLImageElement>, "ref"> & react.RefAttributes<HTMLImageElement>>;
-type AvatarFallbackProps = ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>;
-declare const AvatarFallback: react.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
+type AvatarProps = ComponentProps<typeof AvatarPrimitive.Root>;
+declare function Avatar({ className, ...props }: AvatarProps): JSX.Element;
+type AvatarImageProps = ComponentProps<typeof AvatarPrimitive.Image>;
+declare function AvatarImage({ className, ...props }: AvatarImageProps): JSX.Element;
+type AvatarFallbackProps = ComponentProps<typeof AvatarPrimitive.Fallback>;
+declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): JSX.Element;
 
 export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };

package/dist/components/avatar.js

@@ -1,2 +1,2 @@
-import{a,b,c}from"../chunk-LDBFYJH3.js";import"../chunk-OKUFCFYT.js";export{a as Avatar,c as AvatarFallback,b as AvatarImage};
+import{a,b,c}from"../chunk-6R5OYVDT.js";import"../chunk-OKUFCFYT.js";export{a as Avatar,c as AvatarFallback,b as AvatarImage};
 //# sourceMappingURL=avatar.js.map

package/dist/components/badge.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkFUB2H2ZTcjs = require('../chunk-FUB2H2ZT.cjs');exports.Badge = _chunkFUB2H2ZTcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkROUDG6I5cjs = require('../chunk-ROUDG6I5.cjs');exports.Badge = _chunkROUDG6I5cjs.a;
 //# sourceMappingURL=badge.cjs.map

package/dist/components/badge.d.cts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import { HTMLAttributes, ReactNode, JSX } from 'react';
+import { ComponentProps, ReactNode, JSX } from 'react';
 
 declare const badgeVariants: tailwind_variants.TVReturnType<{
     icon: {
@@ -152,7 +152,7 @@ declare const badgeVariants: tailwind_variants.TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
-interface BadgeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>, BadgeVariantsProps {
+interface BadgeProps extends Omit<ComponentProps<'div'>, 'prefix'>, BadgeVariantsProps {
     prefix?: ReactNode;
     suffix?: ReactNode;
 }

package/dist/components/badge.d.ts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import { HTMLAttributes, ReactNode, JSX } from 'react';
+import { ComponentProps, ReactNode, JSX } from 'react';
 
 declare const badgeVariants: tailwind_variants.TVReturnType<{
     icon: {
@@ -152,7 +152,7 @@ declare const badgeVariants: tailwind_variants.TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
-interface BadgeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>, BadgeVariantsProps {
+interface BadgeProps extends Omit<ComponentProps<'div'>, 'prefix'>, BadgeVariantsProps {
     prefix?: ReactNode;
     suffix?: ReactNode;
 }

package/dist/components/badge.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-O4JEAJHY.js";export{a as Badge};
+import{a}from"../chunk-FOEXS673.js";export{a as Badge};
 //# sourceMappingURL=badge.js.map

package/dist/components/blockquote.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkL42HYJEKcjs = require('../chunk-L42HYJEK.cjs');exports.Blockquote = _chunkL42HYJEKcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk2L4WHNCGcjs = require('../chunk-2L4WHNCG.cjs');exports.Blockquote = _chunk2L4WHNCGcjs.a;
 //# sourceMappingURL=blockquote.cjs.map

package/dist/components/blockquote.d.cts

@@ -1,9 +1,8 @@
-import * as react from 'react';
-import { BlockquoteHTMLAttributes } from 'react';
+import { ComponentProps, JSX } from 'react';
 
-interface BlockquoteProps extends BlockquoteHTMLAttributes<HTMLQuoteElement> {
+interface BlockquoteProps extends ComponentProps<'blockquote'> {
     asChild?: boolean;
 }
-declare const Blockquote: react.ForwardRefExoticComponent<BlockquoteProps & react.RefAttributes<HTMLQuoteElement>>;
+declare function Blockquote({ asChild, ...props }: BlockquoteProps): JSX.Element;
 
 export { Blockquote, type BlockquoteProps };

package/dist/components/blockquote.d.ts

@@ -1,9 +1,8 @@
-import * as react from 'react';
-import { BlockquoteHTMLAttributes } from 'react';
+import { ComponentProps, JSX } from 'react';
 
-interface BlockquoteProps extends BlockquoteHTMLAttributes<HTMLQuoteElement> {
+interface BlockquoteProps extends ComponentProps<'blockquote'> {
     asChild?: boolean;
 }
-declare const Blockquote: react.ForwardRefExoticComponent<BlockquoteProps & react.RefAttributes<HTMLQuoteElement>>;
+declare function Blockquote({ asChild, ...props }: BlockquoteProps): JSX.Element;
 
 export { Blockquote, type BlockquoteProps };

package/dist/components/blockquote.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-FJE4N26U.js";export{a as Blockquote};
+import{a}from"../chunk-DYS3XHVU.js";export{a as Blockquote};
 //# sourceMappingURL=blockquote.js.map

package/dist/components/box.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkRJ4T74HRcjs = require('../chunk-RJ4T74HR.cjs');exports.Box = _chunkRJ4T74HRcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMXQHUOX4cjs = require('../chunk-MXQHUOX4.cjs');exports.Box = _chunkMXQHUOX4cjs.a;
 //# sourceMappingURL=box.cjs.map

package/dist/components/box.d.cts

@@ -1,15 +1,8 @@
-import * as react from 'react';
-import { HTMLAttributes } from 'react';
+import { ComponentProps, JSX } from 'react';
 
-interface BoxDivProps extends HTMLAttributes<HTMLDivElement> {
-    as?: 'div';
-}
-interface BoxSpanProps extends HTMLAttributes<HTMLSpanElement> {
-    as: 'span';
-}
-type BoxProps = (BoxDivProps | BoxSpanProps) & {
+interface BoxProps extends ComponentProps<'div'> {
     asChild?: boolean;
-};
-declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
+}
+declare function Box({ asChild, ...props }: BoxProps): JSX.Element;
 
 export { Box, type BoxProps };

package/dist/components/box.d.ts

@@ -1,15 +1,8 @@
-import * as react from 'react';
-import { HTMLAttributes } from 'react';
+import { ComponentProps, JSX } from 'react';
 
-interface BoxDivProps extends HTMLAttributes<HTMLDivElement> {
-    as?: 'div';
-}
-interface BoxSpanProps extends HTMLAttributes<HTMLSpanElement> {
-    as: 'span';
-}
-type BoxProps = (BoxDivProps | BoxSpanProps) & {
+interface BoxProps extends ComponentProps<'div'> {
     asChild?: boolean;
-};
-declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
+}
+declare function Box({ asChild, ...props }: BoxProps): JSX.Element;
 
 export { Box, type BoxProps };

package/dist/components/box.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-OYZGBYLR.js";export{a as Box};
+import{a}from"../chunk-I3Y2WBDC.js";export{a as Box};
 //# sourceMappingURL=box.js.map

package/dist/components/breadcrumb.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkLBFEL57Lcjs = require('../chunk-LBFEL57L.cjs');require('../chunk-SMJEDCFP.cjs');exports.Breadcrumb = _chunkLBFEL57Lcjs.a; exports.BreadcrumbEllipsis = _chunkLBFEL57Lcjs.g; exports.BreadcrumbItem = _chunkLBFEL57Lcjs.c; exports.BreadcrumbLink = _chunkLBFEL57Lcjs.d; exports.BreadcrumbList = _chunkLBFEL57Lcjs.b; exports.BreadcrumbPage = _chunkLBFEL57Lcjs.e; exports.BreadcrumbSeparator = _chunkLBFEL57Lcjs.f;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTQS2T4UFcjs = require('../chunk-TQS2T4UF.cjs');require('../chunk-SMJEDCFP.cjs');exports.Breadcrumb = _chunkTQS2T4UFcjs.a; exports.BreadcrumbEllipsis = _chunkTQS2T4UFcjs.g; exports.BreadcrumbItem = _chunkTQS2T4UFcjs.c; exports.BreadcrumbLink = _chunkTQS2T4UFcjs.d; exports.BreadcrumbList = _chunkTQS2T4UFcjs.b; exports.BreadcrumbPage = _chunkTQS2T4UFcjs.e; exports.BreadcrumbSeparator = _chunkTQS2T4UFcjs.f;
 //# sourceMappingURL=breadcrumb.cjs.map

package/dist/components/breadcrumb.d.cts

@@ -1,23 +1,22 @@
-import * as react from 'react';
-import { HTMLAttributes, LiHTMLAttributes, AnchorHTMLAttributes, OlHTMLAttributes, ReactNode, JSX } from 'react';
+import { ComponentProps, ReactNode, JSX } from 'react';
 
-interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
+interface BreadcrumbProps extends ComponentProps<'nav'> {
     separator?: ReactNode;
 }
-declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
-type BreadcrumbListProps = OlHTMLAttributes<HTMLOListElement>;
-declare const BreadcrumbList: react.ForwardRefExoticComponent<BreadcrumbListProps & react.RefAttributes<HTMLOListElement>>;
-type BreadcrumbItemProps = LiHTMLAttributes<HTMLLIElement>;
-declare const BreadcrumbItem: react.ForwardRefExoticComponent<BreadcrumbItemProps & react.RefAttributes<HTMLLIElement>>;
-interface BreadcrumbLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+declare function Breadcrumb({ ...props }: BreadcrumbProps): JSX.Element;
+type BreadcrumbListProps = ComponentProps<'ol'>;
+declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): JSX.Element;
+type BreadcrumbItemProps = ComponentProps<'li'>;
+declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): JSX.Element;
+interface BreadcrumbLinkProps extends ComponentProps<'a'> {
     asChild?: boolean;
 }
-declare const BreadcrumbLink: react.ForwardRefExoticComponent<BreadcrumbLinkProps & react.RefAttributes<HTMLAnchorElement>>;
-type BreadcrumbPageProps = HTMLAttributes<HTMLSpanElement>;
-declare const BreadcrumbPage: react.ForwardRefExoticComponent<BreadcrumbPageProps & react.RefAttributes<HTMLSpanElement>>;
-type BreadcrumbSeparatorProps = LiHTMLAttributes<HTMLLIElement>;
+declare function BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps): JSX.Element;
+type BreadcrumbPageProps = ComponentProps<'span'>;
+declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): JSX.Element;
+type BreadcrumbSeparatorProps = ComponentProps<'li'>;
 declare function BreadcrumbSeparator({ children, ...props }: BreadcrumbSeparatorProps): JSX.Element;
-type BreadcrumbEllipsisProps = HTMLAttributes<HTMLSpanElement>;
+type BreadcrumbEllipsisProps = ComponentProps<'span'>;
 declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): JSX.Element;
 
 export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };

package/dist/components/breadcrumb.d.ts

@@ -1,23 +1,22 @@
-import * as react from 'react';
-import { HTMLAttributes, LiHTMLAttributes, AnchorHTMLAttributes, OlHTMLAttributes, ReactNode, JSX } from 'react';
+import { ComponentProps, ReactNode, JSX } from 'react';
 
-interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
+interface BreadcrumbProps extends ComponentProps<'nav'> {
     separator?: ReactNode;
 }
-declare const Breadcrumb: react.ForwardRefExoticComponent<BreadcrumbProps & react.RefAttributes<HTMLElement>>;
-type BreadcrumbListProps = OlHTMLAttributes<HTMLOListElement>;
-declare const BreadcrumbList: react.ForwardRefExoticComponent<BreadcrumbListProps & react.RefAttributes<HTMLOListElement>>;
-type BreadcrumbItemProps = LiHTMLAttributes<HTMLLIElement>;
-declare const BreadcrumbItem: react.ForwardRefExoticComponent<BreadcrumbItemProps & react.RefAttributes<HTMLLIElement>>;
-interface BreadcrumbLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+declare function Breadcrumb({ ...props }: BreadcrumbProps): JSX.Element;
+type BreadcrumbListProps = ComponentProps<'ol'>;
+declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): JSX.Element;
+type BreadcrumbItemProps = ComponentProps<'li'>;
+declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): JSX.Element;
+interface BreadcrumbLinkProps extends ComponentProps<'a'> {
     asChild?: boolean;
 }
-declare const BreadcrumbLink: react.ForwardRefExoticComponent<BreadcrumbLinkProps & react.RefAttributes<HTMLAnchorElement>>;
-type BreadcrumbPageProps = HTMLAttributes<HTMLSpanElement>;
-declare const BreadcrumbPage: react.ForwardRefExoticComponent<BreadcrumbPageProps & react.RefAttributes<HTMLSpanElement>>;
-type BreadcrumbSeparatorProps = LiHTMLAttributes<HTMLLIElement>;
+declare function BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps): JSX.Element;
+type BreadcrumbPageProps = ComponentProps<'span'>;
+declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): JSX.Element;
+type BreadcrumbSeparatorProps = ComponentProps<'li'>;
 declare function BreadcrumbSeparator({ children, ...props }: BreadcrumbSeparatorProps): JSX.Element;
-type BreadcrumbEllipsisProps = HTMLAttributes<HTMLSpanElement>;
+type BreadcrumbEllipsisProps = ComponentProps<'span'>;
 declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): JSX.Element;
 
 export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };

package/dist/components/breadcrumb.js

@@ -1,2 +1,2 @@
-import{a,b,c,d,e,f,g}from"../chunk-JPNMRIPZ.js";import"../chunk-OKUFCFYT.js";export{a as Breadcrumb,g as BreadcrumbEllipsis,c as BreadcrumbItem,d as BreadcrumbLink,b as BreadcrumbList,e as BreadcrumbPage,f as BreadcrumbSeparator};
+import{a,b,c,d,e,f,g}from"../chunk-QECIHHCA.js";import"../chunk-OKUFCFYT.js";export{a as Breadcrumb,g as BreadcrumbEllipsis,c as BreadcrumbItem,d as BreadcrumbLink,b as BreadcrumbList,e as BreadcrumbPage,f as BreadcrumbSeparator};
 //# sourceMappingURL=breadcrumb.js.map

package/dist/components/button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkPZVDMLGGcjs = require('../chunk-PZVDMLGG.cjs');require('../chunk-PKQIUI7A.cjs');require('../chunk-PGD5STRH.cjs');require('../chunk-SMJEDCFP.cjs');exports.Button = _chunkPZVDMLGGcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkSAKEXTVWcjs = require('../chunk-SAKEXTVW.cjs');require('../chunk-LBR5P32R.cjs');require('../chunk-FUY5BCRG.cjs');require('../chunk-SMJEDCFP.cjs');exports.Button = _chunkSAKEXTVWcjs.a;
 //# sourceMappingURL=button.cjs.map

package/dist/components/button.d.cts

@@ -1,16 +1,15 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { ComponentProps, ReactNode, JSX } from 'react';
 import { ButtonVariantsProps } from '../variants/button.variants.cjs';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 
-interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'>, ButtonVariantsProps {
+interface ButtonProps extends Omit<ComponentProps<'button'>, 'prefix'>, ButtonVariantsProps {
     loaderPosition?: 'prefix' | 'suffix';
     loading?: boolean;
     prefix?: ReactNode;
     spinner?: ReactNode;
     suffix?: ReactNode;
 }
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare function Button({ children, className, disabled, icon, inside, loaderPosition, loading, prefix, size, spinner, suffix, variant, ...props }: ButtonProps): JSX.Element;
 
 export { Button, type ButtonProps };

package/dist/components/button.d.ts

@@ -1,16 +1,15 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { ComponentProps, ReactNode, JSX } from 'react';
 import { ButtonVariantsProps } from '../variants/button.variants.js';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config.js';
 
-interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'prefix'>, ButtonVariantsProps {
+interface ButtonProps extends Omit<ComponentProps<'button'>, 'prefix'>, ButtonVariantsProps {
     loaderPosition?: 'prefix' | 'suffix';
     loading?: boolean;
     prefix?: ReactNode;
     spinner?: ReactNode;
     suffix?: ReactNode;
 }
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare function Button({ children, className, disabled, icon, inside, loaderPosition, loading, prefix, size, spinner, suffix, variant, ...props }: ButtonProps): JSX.Element;
 
 export { Button, type ButtonProps };

package/dist/components/button.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-ALGR2QZO.js";import"../chunk-WTQ27U3M.js";import"../chunk-AGY7ZINL.js";import"../chunk-OKUFCFYT.js";export{a as Button};
+import{a}from"../chunk-6SGFVBG5.js";import"../chunk-5JTCBEIB.js";import"../chunk-NZQFRV3L.js";import"../chunk-OKUFCFYT.js";export{a as Button};
 //# sourceMappingURL=button.js.map

package/dist/components/calendar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkHHIW2OAJcjs = require('../chunk-HHIW2OAJ.cjs');require('../chunk-PGD5STRH.cjs');require('../chunk-SMJEDCFP.cjs');exports.Calendar = _chunkHHIW2OAJcjs.a; exports.CalendarLabel = _chunkHHIW2OAJcjs.c; exports.CalendarRangeLabel = _chunkHHIW2OAJcjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkPSMKNPRZcjs = require('../chunk-PSMKNPRZ.cjs');require('../chunk-FUY5BCRG.cjs');require('../chunk-SMJEDCFP.cjs');exports.Calendar = _chunkPSMKNPRZcjs.a; exports.CalendarLabel = _chunkPSMKNPRZcjs.c; exports.CalendarRangeLabel = _chunkPSMKNPRZcjs.b;
 //# sourceMappingURL=calendar.cjs.map

package/dist/components/calendar.d.cts

@@ -1,6 +1,6 @@
 import { DayPickerProps, DateRange } from '@codefast-ui/day-picker';
 export { DateRange, Matcher } from '@codefast-ui/day-picker';
-import { JSX } from 'react';
+import { JSX, ReactNode } from 'react';
 
 type CalendarProps = DayPickerProps;
 declare function Calendar({ className, classNames, ...props }: CalendarProps): JSX.Element;
@@ -9,12 +9,12 @@ interface CalendarRangeLabelProps {
     formatStr?: string;
     placeholder?: string;
 }
-declare function CalendarRangeLabel({ date, formatStr, placeholder, }: CalendarRangeLabelProps): JSX.Element | string;
+declare function CalendarRangeLabel({ date, formatStr, placeholder, }: CalendarRangeLabelProps): ReactNode;
 interface CalendarLabelProps {
     date: Date | undefined;
     formatStr?: string;
     placeholder?: string;
 }
-declare function CalendarLabel({ date, formatStr, placeholder, }: CalendarLabelProps): JSX.Element | string;
+declare function CalendarLabel({ date, formatStr, placeholder }: CalendarLabelProps): ReactNode;
 
 export { Calendar, CalendarLabel, type CalendarLabelProps, type CalendarProps, CalendarRangeLabel, type CalendarRangeLabelProps };

package/dist/components/calendar.d.ts

@@ -1,6 +1,6 @@
 import { DayPickerProps, DateRange } from '@codefast-ui/day-picker';
 export { DateRange, Matcher } from '@codefast-ui/day-picker';
-import { JSX } from 'react';
+import { JSX, ReactNode } from 'react';
 
 type CalendarProps = DayPickerProps;
 declare function Calendar({ className, classNames, ...props }: CalendarProps): JSX.Element;
@@ -9,12 +9,12 @@ interface CalendarRangeLabelProps {
     formatStr?: string;
     placeholder?: string;
 }
-declare function CalendarRangeLabel({ date, formatStr, placeholder, }: CalendarRangeLabelProps): JSX.Element | string;
+declare function CalendarRangeLabel({ date, formatStr, placeholder, }: CalendarRangeLabelProps): ReactNode;
 interface CalendarLabelProps {
     date: Date | undefined;
     formatStr?: string;
     placeholder?: string;
 }
-declare function CalendarLabel({ date, formatStr, placeholder, }: CalendarLabelProps): JSX.Element | string;
+declare function CalendarLabel({ date, formatStr, placeholder }: CalendarLabelProps): ReactNode;
 
 export { Calendar, CalendarLabel, type CalendarLabelProps, type CalendarProps, CalendarRangeLabel, type CalendarRangeLabelProps };

package/dist/components/calendar.js

@@ -1,2 +1,2 @@
-"use client";import{a,b,c}from"../chunk-YTMAEFIO.js";import"../chunk-AGY7ZINL.js";import"../chunk-OKUFCFYT.js";export{a as Calendar,c as CalendarLabel,b as CalendarRangeLabel};
+"use client";import{a,b,c}from"../chunk-YNPLLYMG.js";import"../chunk-NZQFRV3L.js";import"../chunk-OKUFCFYT.js";export{a as Calendar,c as CalendarLabel,b as CalendarRangeLabel};
 //# sourceMappingURL=calendar.js.map

package/dist/components/card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkK4WVVBATcjs = require('../chunk-K4WVVBAT.cjs');require('../chunk-SMJEDCFP.cjs');exports.Card = _chunkK4WVVBATcjs.a; exports.CardContent = _chunkK4WVVBATcjs.e; exports.CardDescription = _chunkK4WVVBATcjs.d; exports.CardFooter = _chunkK4WVVBATcjs.f; exports.CardHeader = _chunkK4WVVBATcjs.b; exports.CardTitle = _chunkK4WVVBATcjs.c;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkH3RTNMREcjs = require('../chunk-H3RTNMRE.cjs');require('../chunk-SMJEDCFP.cjs');exports.Card = _chunkH3RTNMREcjs.a; exports.CardContent = _chunkH3RTNMREcjs.e; exports.CardDescription = _chunkH3RTNMREcjs.d; exports.CardFooter = _chunkH3RTNMREcjs.f; exports.CardHeader = _chunkH3RTNMREcjs.b; exports.CardTitle = _chunkH3RTNMREcjs.c;
 //# sourceMappingURL=card.cjs.map

package/dist/components/card.d.cts

@@ -1,17 +1,16 @@
-import * as react from 'react';
-import { HTMLAttributes } from 'react';
+import { ComponentProps, JSX } from 'react';
 
-type CardProps = HTMLAttributes<HTMLDivElement>;
-declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
-type CardHeaderProps = HTMLAttributes<HTMLDivElement>;
-declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
-type CardTitleProps = HTMLAttributes<HTMLHeadingElement>;
-declare const CardTitle: react.ForwardRefExoticComponent<CardTitleProps & react.RefAttributes<HTMLParagraphElement>>;
-type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
-declare const CardDescription: react.ForwardRefExoticComponent<CardDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
-type CardContentProps = HTMLAttributes<HTMLDivElement>;
-declare const CardContent: react.ForwardRefExoticComponent<CardContentProps & react.RefAttributes<HTMLDivElement>>;
-type CardFooterProps = HTMLAttributes<HTMLDivElement>;
-declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
+type CardProps = ComponentProps<'div'>;
+declare function Card({ className, ...props }: CardProps): JSX.Element;
+type CardHeaderProps = ComponentProps<'div'>;
+declare function CardHeader({ className, ...props }: CardHeaderProps): JSX.Element;
+type CardTitleProps = ComponentProps<'h3'>;
+declare function CardTitle({ children, className, ...props }: CardTitleProps): JSX.Element;
+type CardDescriptionProps = ComponentProps<'p'>;
+declare function CardDescription({ className, ...props }: CardDescriptionProps): JSX.Element;
+type CardContentProps = ComponentProps<'div'>;
+declare function CardContent({ className, ...props }: CardContentProps): JSX.Element;
+type CardFooterProps = ComponentProps<'div'>;
+declare function CardFooter({ className, ...props }: CardFooterProps): JSX.Element;
 
 export { Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };

package/dist/components/card.d.ts

@@ -1,17 +1,16 @@
-import * as react from 'react';
-import { HTMLAttributes } from 'react';
+import { ComponentProps, JSX } from 'react';
 
-type CardProps = HTMLAttributes<HTMLDivElement>;
-declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
-type CardHeaderProps = HTMLAttributes<HTMLDivElement>;
-declare const CardHeader: react.ForwardRefExoticComponent<CardHeaderProps & react.RefAttributes<HTMLDivElement>>;
-type CardTitleProps = HTMLAttributes<HTMLHeadingElement>;
-declare const CardTitle: react.ForwardRefExoticComponent<CardTitleProps & react.RefAttributes<HTMLParagraphElement>>;
-type CardDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
-declare const CardDescription: react.ForwardRefExoticComponent<CardDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
-type CardContentProps = HTMLAttributes<HTMLDivElement>;
-declare const CardContent: react.ForwardRefExoticComponent<CardContentProps & react.RefAttributes<HTMLDivElement>>;
-type CardFooterProps = HTMLAttributes<HTMLDivElement>;
-declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
+type CardProps = ComponentProps<'div'>;
+declare function Card({ className, ...props }: CardProps): JSX.Element;
+type CardHeaderProps = ComponentProps<'div'>;
+declare function CardHeader({ className, ...props }: CardHeaderProps): JSX.Element;
+type CardTitleProps = ComponentProps<'h3'>;
+declare function CardTitle({ children, className, ...props }: CardTitleProps): JSX.Element;
+type CardDescriptionProps = ComponentProps<'p'>;
+declare function CardDescription({ className, ...props }: CardDescriptionProps): JSX.Element;
+type CardContentProps = ComponentProps<'div'>;
+declare function CardContent({ className, ...props }: CardContentProps): JSX.Element;
+type CardFooterProps = ComponentProps<'div'>;
+declare function CardFooter({ className, ...props }: CardFooterProps): JSX.Element;
 
 export { Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };