@szum-tech/design-system 2.7.0 → 3.0.0

package/dist/components/avatar/index.d.ts

@@ -1,28 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Avatar as Avatar$1 } from 'radix-ui';
-import { VariantProps } from 'class-variance-authority';
-import * as class_variance_authority_types from 'class-variance-authority/types';
 
-type AvatarProps = Avatar$1.AvatarProps & React.RefAttributes<HTMLSpanElement> & {
-    /**
-     * Defines avatar size
-     */
-    size?: AvatarSizeType;
-};
-declare function Avatar({ className, size, ref, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
-
-declare const avatarCva: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-type AvatarCvaProps = VariantProps<typeof avatarCva>;
-type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
+type AvatarProps = React.ComponentProps<typeof Avatar$1.Root>;
+declare function Avatar({ className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
 
 type AvatarImageProps = React.ComponentProps<typeof Avatar$1.Image>;
-declare function AvatarImage({ className, ref, ...props }: AvatarImageProps): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: AvatarImageProps): react_jsx_runtime.JSX.Element;
 
 type AvatarFallbackProps = React.ComponentProps<typeof Avatar$1.Fallback>;
-declare function AvatarFallback({ className, ref, ...props }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
 
-export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSizeType };
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };

package/dist/components/avatar/index.js

@@ -1,2 +1,3 @@
-export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-EU7G37IS.js';
+export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-NGVFYKAT.js';
 import '../../chunk-ZD2QRAOX.js';
+import '../../chunk-BYXBJQAS.js';

package/dist/components/badge/index.cjs

@@ -2,6 +2,7 @@
 
 var chunkNHFHKMX2_cjs = require('../../chunk-NHFHKMX2.cjs');
 require('../../chunk-H2BWO3SI.cjs');
+require('../../chunk-3376ZTRC.cjs');
 
 
 

package/dist/components/badge/index.js

@@ -1,2 +1,3 @@
 export { Badge } from '../../chunk-7V34QHYR.js';
 import '../../chunk-ZD2QRAOX.js';
+import '../../chunk-BYXBJQAS.js';

package/dist/components/button/index.cjs

@@ -1,11 +1,31 @@
 'use strict';
 
-var chunkK4TRAPRN_cjs = require('../../chunk-K4TRAPRN.cjs');
-require('../../chunk-UKWZ5BHD.cjs');
+var chunkZV4467OW_cjs = require('../../chunk-ZV4467OW.cjs');
+require('../../chunk-Y6EVJSAH.cjs');
+require('../../chunk-GHV2TURY.cjs');
+require('../../chunk-3WSQRFUY.cjs');
+require('../../chunk-NU5UQPBX.cjs');
+require('../../chunk-GR37JJQK.cjs');
+require('../../chunk-2Y2ZCPNV.cjs');
+require('../../chunk-HCHVDUI6.cjs');
+require('../../chunk-PH4LO5TE.cjs');
+require('../../chunk-N4O2GO6V.cjs');
+require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-YWG7TML6.cjs');
+require('../../chunk-5AA4IE2T.cjs');
+require('../../chunk-3KMXFN6M.cjs');
+require('../../chunk-UIOBJSKZ.cjs');
+require('../../chunk-EW6TE3N5.cjs');
+require('../../chunk-7EYMOUWG.cjs');
+require('../../chunk-TMXVL5CV.cjs');
+require('../../chunk-I7AV5IQO.cjs');
+require('../../chunk-NHFHKMX2.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+require('../../chunk-3376ZTRC.cjs');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkK4TRAPRN_cjs.Button; }
+  get: function () { return chunkZV4467OW_cjs.Button; }
 });

package/dist/components/button/index.d.cts

@@ -3,15 +3,11 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
-type Props = {
+type ButtonProps = React.ComponentProps<"button"> & {
     /**
      * Defines button full width
      */
     fullWidth?: boolean;
-    /**
-     * Defines button color
-     */
-    color?: ButtonColorType;
     /**
      * Defines button variant
      */
@@ -43,22 +39,19 @@ type Props = {
     /**
      * Defines is position of loading icon
      */
-    loadingPosition?: "start" | "end";
+    loadingPosition?: "start" | "end" | "center";
     asChild?: boolean;
 };
-type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & Props;
-declare function Button({ asChild, variant, color, disabled, fullWidth, loadingPosition, ref, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ asChild, variant, disabled, fullWidth, loadingPosition: loadingPositionProp, children, type, loading, size, endIcon, startIcon, className, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-declare const buttonCva: (props?: ({
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "error" | "default" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
-    color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "text" | "contained" | "outlined" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type ButtonCvaProps = VariantProps<typeof buttonCva>;
+type ButtonCvaProps = VariantProps<typeof buttonVariants>;
 type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
 type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
-type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
 
-export { Button, type ButtonColorType, type ButtonProps, type ButtonSizeType, type ButtonVariantType };
+export { Button, type ButtonProps, type ButtonSizeType, type ButtonVariantType };

package/dist/components/button/index.d.ts

@@ -3,15 +3,11 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
-type Props = {
+type ButtonProps = React.ComponentProps<"button"> & {
     /**
      * Defines button full width
      */
     fullWidth?: boolean;
-    /**
-     * Defines button color
-     */
-    color?: ButtonColorType;
     /**
      * Defines button variant
      */
@@ -43,22 +39,19 @@ type Props = {
     /**
      * Defines is position of loading icon
      */
-    loadingPosition?: "start" | "end";
+    loadingPosition?: "start" | "end" | "center";
     asChild?: boolean;
 };
-type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & Props;
-declare function Button({ asChild, variant, color, disabled, fullWidth, loadingPosition, ref, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ asChild, variant, disabled, fullWidth, loadingPosition: loadingPositionProp, children, type, loading, size, endIcon, startIcon, className, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-declare const buttonCva: (props?: ({
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "error" | "default" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
-    color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "text" | "contained" | "outlined" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
-type ButtonCvaProps = VariantProps<typeof buttonCva>;
+type ButtonCvaProps = VariantProps<typeof buttonVariants>;
 type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
 type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
-type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
 
-export { Button, type ButtonColorType, type ButtonProps, type ButtonSizeType, type ButtonVariantType };
+export { Button, type ButtonProps, type ButtonSizeType, type ButtonVariantType };

package/dist/components/button/index.js

@@ -1,2 +1,22 @@
-export { Button } from '../../chunk-YJFJLF7Y.js';
-import '../../chunk-XTO7CMIM.js';
+export { Button } from '../../chunk-DP7UEOTA.js';
+import '../../chunk-U4AWAABZ.js';
+import '../../chunk-DTSFPOLX.js';
+import '../../chunk-P5IUC7HJ.js';
+import '../../chunk-OQCNPNPS.js';
+import '../../chunk-HJJPEVIH.js';
+import '../../chunk-6BSR3O2J.js';
+import '../../chunk-5F2Y65JH.js';
+import '../../chunk-AGVEKVWD.js';
+import '../../chunk-HD7ZDQWW.js';
+import '../../chunk-I3RSTJP6.js';
+import '../../chunk-UW6GOD7J.js';
+import '../../chunk-UGSNASZM.js';
+import '../../chunk-WJSS32MY.js';
+import '../../chunk-XJIUGEPN.js';
+import '../../chunk-H5O5L6XT.js';
+import '../../chunk-DFD2WUOU.js';
+import '../../chunk-5MJPZUTO.js';
+import '../../chunk-NGVFYKAT.js';
+import '../../chunk-7V34QHYR.js';
+import '../../chunk-ZD2QRAOX.js';
+import '../../chunk-BYXBJQAS.js';

package/dist/components/card/index.cjs

@@ -1,31 +1,36 @@
 'use strict';
 
-var chunkFPFRA5Q6_cjs = require('../../chunk-FPFRA5Q6.cjs');
+var chunk2Y2ZCPNV_cjs = require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-H2BWO3SI.cjs');
+require('../../chunk-3376ZTRC.cjs');
 
 
 
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkFPFRA5Q6_cjs.Card; }
+  get: function () { return chunk2Y2ZCPNV_cjs.Card; }
+});
+Object.defineProperty(exports, "CardAction", {
+  enumerable: true,
+  get: function () { return chunk2Y2ZCPNV_cjs.CardAction; }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
-  get: function () { return chunkFPFRA5Q6_cjs.CardContent; }
+  get: function () { return chunk2Y2ZCPNV_cjs.CardContent; }
 });
 Object.defineProperty(exports, "CardDescription", {
   enumerable: true,
-  get: function () { return chunkFPFRA5Q6_cjs.CardDescription; }
+  get: function () { return chunk2Y2ZCPNV_cjs.CardDescription; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunkFPFRA5Q6_cjs.CardFooter; }
+  get: function () { return chunk2Y2ZCPNV_cjs.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunkFPFRA5Q6_cjs.CardHeader; }
+  get: function () { return chunk2Y2ZCPNV_cjs.CardHeader; }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () { return chunkFPFRA5Q6_cjs.CardTitle; }
+  get: function () { return chunk2Y2ZCPNV_cjs.CardTitle; }
 });

package/dist/components/card/index.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
-type CardProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type CardProps = React.ComponentProps<"div">;
 declare function Card({ className, ...props }: CardProps): react_jsx_runtime.JSX.Element;
 
 type CardHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
@@ -10,13 +10,16 @@ declare function CardHeader({ className, ...props }: CardHeaderProps): react_jsx
 type CardTitleProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
 declare function CardTitle({ className, ...props }: CardTitleProps): react_jsx_runtime.JSX.Element;
 
-type CardDescriptionProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type CardDescriptionProps = React.ComponentProps<"div">;
 declare function CardDescription({ className, ...props }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
 
-type CardContentProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type CardContentProps = React.ComponentProps<"div">;
 declare function CardContent({ className, ...props }: CardContentProps): react_jsx_runtime.JSX.Element;
 
-type CardFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type CardFooterProps = React.ComponentProps<"div">;
 declare function CardFooter({ className, ...props }: CardFooterProps): react_jsx_runtime.JSX.Element;
 
-export { Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };
+type CardActionProps = React.ComponentProps<"div">;
+declare function CardAction({ className, ...props }: CardActionProps): react_jsx_runtime.JSX.Element;
+
+export { Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };

package/dist/components/card/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
-type CardProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type CardProps = React.ComponentProps<"div">;
 declare function Card({ className, ...props }: CardProps): react_jsx_runtime.JSX.Element;
 
 type CardHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
@@ -10,13 +10,16 @@ declare function CardHeader({ className, ...props }: CardHeaderProps): react_jsx
 type CardTitleProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
 declare function CardTitle({ className, ...props }: CardTitleProps): react_jsx_runtime.JSX.Element;
 
-type CardDescriptionProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type CardDescriptionProps = React.ComponentProps<"div">;
 declare function CardDescription({ className, ...props }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
 
-type CardContentProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type CardContentProps = React.ComponentProps<"div">;
 declare function CardContent({ className, ...props }: CardContentProps): react_jsx_runtime.JSX.Element;
 
-type CardFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type CardFooterProps = React.ComponentProps<"div">;
 declare function CardFooter({ className, ...props }: CardFooterProps): react_jsx_runtime.JSX.Element;
 
-export { Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };
+type CardActionProps = React.ComponentProps<"div">;
+declare function CardAction({ className, ...props }: CardActionProps): react_jsx_runtime.JSX.Element;
+
+export { Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };

package/dist/components/card/index.js

@@ -1,2 +1,3 @@
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../../chunk-5BTQ6BQA.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../../chunk-6BSR3O2J.js';
 import '../../chunk-ZD2QRAOX.js';
+import '../../chunk-BYXBJQAS.js';

package/dist/components/checkbox/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunkHCHVDUI6_cjs = require('../../chunk-HCHVDUI6.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+require('../../chunk-3376ZTRC.cjs');
+
+
+
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkHCHVDUI6_cjs.Checkbox; }
+});

package/dist/components/checkbox/index.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Checkbox as Checkbox$1 } from 'radix-ui';
+
+type CheckboxProps = React.ComponentProps<typeof Checkbox$1.Root>;
+declare function Checkbox({ className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+export { Checkbox, type CheckboxProps };

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Checkbox as Checkbox$1 } from 'radix-ui';
+
+type CheckboxProps = React.ComponentProps<typeof Checkbox$1.Root>;
+declare function Checkbox({ className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+export { Checkbox, type CheckboxProps };

package/dist/components/checkbox/index.js

@@ -0,0 +1,3 @@
+export { Checkbox } from '../../chunk-5F2Y65JH.js';
+import '../../chunk-ZD2QRAOX.js';
+import '../../chunk-BYXBJQAS.js';

package/dist/components/dialog/index.cjs

@@ -2,6 +2,7 @@
 
 var chunkPH4LO5TE_cjs = require('../../chunk-PH4LO5TE.cjs');
 require('../../chunk-H2BWO3SI.cjs');
+require('../../chunk-3376ZTRC.cjs');
 
 
 

package/dist/components/dialog/index.d.cts

@@ -16,7 +16,7 @@ type DialogContentProps = React.ComponentProps<typeof Dialog$1.Content> & {
 declare function DialogContent({ className, children, width, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
 
 declare const dialogContentStyles: (props?: ({
-    width?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | null | undefined;
+    width?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type DialogContentCvaProps = VariantProps<typeof dialogContentStyles>;

package/dist/components/dialog/index.d.ts

@@ -16,7 +16,7 @@ type DialogContentProps = React.ComponentProps<typeof Dialog$1.Content> & {
 declare function DialogContent({ className, children, width, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
 
 declare const dialogContentStyles: (props?: ({
-    width?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | null | undefined;
+    width?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type DialogContentCvaProps = VariantProps<typeof dialogContentStyles>;

package/dist/components/dialog/index.js

@@ -1,2 +1,3 @@
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-AGVEKVWD.js';
 import '../../chunk-ZD2QRAOX.js';
+import '../../chunk-BYXBJQAS.js';

package/dist/components/field/index.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var chunkN4O2GO6V_cjs = require('../../chunk-N4O2GO6V.cjs');
+require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-UIOBJSKZ.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+require('../../chunk-3376ZTRC.cjs');
+
+
+
+Object.defineProperty(exports, "Field", {
+  enumerable: true,
+  get: function () { return chunkN4O2GO6V_cjs.Field; }
+});
+Object.defineProperty(exports, "FieldContent", {
+  enumerable: true,
+  get: function () { return chunkN4O2GO6V_cjs.FieldContent; }
+});
+Object.defineProperty(exports, "FieldDescription", {
+  enumerable: true,
+  get: function () { return chunkN4O2GO6V_cjs.FieldDescription; }
+});
+Object.defineProperty(exports, "FieldError", {
+  enumerable: true,
+  get: function () { return chunkN4O2GO6V_cjs.FieldError; }
+});
+Object.defineProperty(exports, "FieldGroup", {
+  enumerable: true,
+  get: function () { return chunkN4O2GO6V_cjs.FieldGroup; }
+});
+Object.defineProperty(exports, "FieldLabel", {
+  enumerable: true,
+  get: function () { return chunkN4O2GO6V_cjs.FieldLabel; }
+});
+Object.defineProperty(exports, "FieldLegend", {
+  enumerable: true,
+  get: function () { return chunkN4O2GO6V_cjs.FieldLegend; }
+});
+Object.defineProperty(exports, "FieldSeparator", {
+  enumerable: true,
+  get: function () { return chunkN4O2GO6V_cjs.FieldSeparator; }
+});
+Object.defineProperty(exports, "FieldSet", {
+  enumerable: true,
+  get: function () { return chunkN4O2GO6V_cjs.FieldSet; }
+});
+Object.defineProperty(exports, "FieldTitle", {
+  enumerable: true,
+  get: function () { return chunkN4O2GO6V_cjs.FieldTitle; }
+});

package/dist/components/field/index.d.cts

@@ -0,0 +1,50 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Label } from '../label/index.cjs';
+import 'radix-ui';
+
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type FieldProps = React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
+declare function Field({ className, orientation, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
+
+type FieldContentProps = React.ComponentProps<"div">;
+declare function FieldContent({ className, ...props }: FieldContentProps): react_jsx_runtime.JSX.Element;
+
+type FieldDescriptionProps = React.ComponentProps<"p">;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+
+type FieldErrorProps = React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+};
+declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): react_jsx_runtime.JSX.Element | null;
+
+type FieldGroupProps = React.ComponentProps<"div">;
+declare function FieldGroup({ className, ...props }: FieldGroupProps): react_jsx_runtime.JSX.Element;
+
+type FieldLabelProps = React.ComponentProps<typeof Label>;
+declare function FieldLabel({ className, ...props }: FieldLabelProps): react_jsx_runtime.JSX.Element;
+
+type FieldLegendProps = React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+};
+declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): react_jsx_runtime.JSX.Element;
+
+type FieldSeparatorProps = React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+};
+declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): react_jsx_runtime.JSX.Element;
+
+type FieldSetProps = React.ComponentProps<"fieldset">;
+declare function FieldSet({ className, ...props }: FieldSetProps): react_jsx_runtime.JSX.Element;
+
+type FieldTitleProps = React.ComponentProps<"div">;
+declare function FieldTitle({ className, ...props }: FieldTitleProps): react_jsx_runtime.JSX.Element;
+
+export { Field, FieldContent, type FieldContentProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, FieldLabel, type FieldLabelProps, FieldLegend, type FieldLegendProps, type FieldProps, FieldSeparator, type FieldSeparatorProps, FieldSet, type FieldSetProps, FieldTitle, type FieldTitleProps };

package/dist/components/field/index.d.ts

@@ -0,0 +1,50 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { Label } from '../label/index.js';
+import 'radix-ui';
+
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type FieldProps = React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
+declare function Field({ className, orientation, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
+
+type FieldContentProps = React.ComponentProps<"div">;
+declare function FieldContent({ className, ...props }: FieldContentProps): react_jsx_runtime.JSX.Element;
+
+type FieldDescriptionProps = React.ComponentProps<"p">;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+
+type FieldErrorProps = React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+};
+declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): react_jsx_runtime.JSX.Element | null;
+
+type FieldGroupProps = React.ComponentProps<"div">;
+declare function FieldGroup({ className, ...props }: FieldGroupProps): react_jsx_runtime.JSX.Element;
+
+type FieldLabelProps = React.ComponentProps<typeof Label>;
+declare function FieldLabel({ className, ...props }: FieldLabelProps): react_jsx_runtime.JSX.Element;
+
+type FieldLegendProps = React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+};
+declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): react_jsx_runtime.JSX.Element;
+
+type FieldSeparatorProps = React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+};
+declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): react_jsx_runtime.JSX.Element;
+
+type FieldSetProps = React.ComponentProps<"fieldset">;
+declare function FieldSet({ className, ...props }: FieldSetProps): react_jsx_runtime.JSX.Element;
+
+type FieldTitleProps = React.ComponentProps<"div">;
+declare function FieldTitle({ className, ...props }: FieldTitleProps): react_jsx_runtime.JSX.Element;
+
+export { Field, FieldContent, type FieldContentProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, FieldLabel, type FieldLabelProps, FieldLegend, type FieldLegendProps, type FieldProps, FieldSeparator, type FieldSeparatorProps, FieldSet, type FieldSetProps, FieldTitle, type FieldTitleProps };

package/dist/components/field/index.js

@@ -0,0 +1,5 @@
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../../chunk-HD7ZDQWW.js';
+import '../../chunk-I3RSTJP6.js';
+import '../../chunk-XJIUGEPN.js';
+import '../../chunk-ZD2QRAOX.js';
+import '../../chunk-BYXBJQAS.js';

package/dist/components/header/index.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var chunkYWG7TML6_cjs = require('../../chunk-YWG7TML6.cjs');
+require('../../chunk-3376ZTRC.cjs');
 
 
 

package/dist/components/header/index.js

@@ -1 +1,2 @@
 export { Header } from '../../chunk-UW6GOD7J.js';
+import '../../chunk-BYXBJQAS.js';