@szum-tech/design-system 3.5.0 → 3.6.0

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

@@ -1,10 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "error" | "outline" | null | undefined;
+    variant?: "primary" | "secondary" | "outline" | "success" | "warning" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
@@ -16,4 +17,12 @@ type BadgeProps = React.ComponentProps<"span"> & {
 };
 declare function Badge({ className, variant, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
-export { Badge, type BadgeProps, type BadgeVariant };
+type BadgeButtonProps = React__default.ComponentProps<"button"> & {
+    asChild?: boolean;
+};
+declare function BadgeButton({ className, asChild, ...props }: BadgeButtonProps): react_jsx_runtime.JSX.Element;
+
+type BadgeDotProps = React.ComponentProps<"span">;
+declare function BadgeDot({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+export { Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, type BadgeVariant };

package/dist/components/badge/index.js

@@ -1,3 +1,3 @@
-export { Badge } from '../../chunk-6VC76QIP.js';
+export { Badge, BadgeButton, BadgeDot } from '../../chunk-FUS2IGBX.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/button/index.cjs

@@ -1,27 +1,28 @@
 'use strict';
 
-var chunkYHDEDCPE_cjs = require('../../chunk-YHDEDCPE.cjs');
+var chunkJXZ27PK6_cjs = require('../../chunk-JXZ27PK6.cjs');
 require('../../chunk-NU5UQPBX.cjs');
 require('../../chunk-GR37JJQK.cjs');
+require('../../chunk-3DUJHGXE.cjs');
 require('../../chunk-TH44JYXB.cjs');
 require('../../chunk-XENOUBSI.cjs');
-require('../../chunk-Y6EVJSAH.cjs');
+require('../../chunk-3ZRMIVJM.cjs');
 require('../../chunk-GHV2TURY.cjs');
 require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
-require('../../chunk-PH4LO5TE.cjs');
+require('../../chunk-Z33XUQTB.cjs');
+require('../../chunk-6WGZMVJT.cjs');
 require('../../chunk-YTVV2IUF.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-YWG7TML6.cjs');
 require('../../chunk-5AA4IE2T.cjs');
-require('../../chunk-3DUJHGXE.cjs');
-require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
 require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-I7AV5IQO.cjs');
-require('../../chunk-RDYKJP7U.cjs');
+require('../../chunk-54PWKHYF.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -29,5 +30,5 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkYHDEDCPE_cjs.Button; }
+  get: function () { return chunkJXZ27PK6_cjs.Button; }
 });

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

@@ -45,7 +45,7 @@ type ButtonProps = React.ComponentProps<"button"> & {
 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 buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "error" | "outline" | "ghost" | null | undefined;
+    variant?: "link" | "secondary" | "outline" | "error" | "default" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

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

@@ -45,7 +45,7 @@ type ButtonProps = React.ComponentProps<"button"> & {
 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 buttonVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "error" | "outline" | "ghost" | null | undefined;
+    variant?: "link" | "secondary" | "outline" | "error" | "default" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;

package/dist/components/button/index.js

@@ -1,24 +1,25 @@
-export { Button } from '../../chunk-LLQ52RQE.js';
+export { Button } from '../../chunk-GWRG4LH5.js';
 import '../../chunk-OQCNPNPS.js';
 import '../../chunk-HJJPEVIH.js';
+import '../../chunk-XV3AQ6NS.js';
 import '../../chunk-PBEZZMAB.js';
 import '../../chunk-4TRADSTP.js';
-import '../../chunk-U4AWAABZ.js';
+import '../../chunk-O7QFYWMK.js';
 import '../../chunk-DTSFPOLX.js';
 import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
-import '../../chunk-AGVEKVWD.js';
+import '../../chunk-N2Q3D32M.js';
+import '../../chunk-5Q3H4MOX.js';
 import '../../chunk-KYFNEU4K.js';
 import '../../chunk-I3RSTJP6.js';
+import '../../chunk-XJIUGEPN.js';
 import '../../chunk-UW6GOD7J.js';
 import '../../chunk-UGSNASZM.js';
-import '../../chunk-XV3AQ6NS.js';
-import '../../chunk-XJIUGEPN.js';
 import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
 import '../../chunk-5MJPZUTO.js';
 import '../../chunk-NGVFYKAT.js';
-import '../../chunk-6VC76QIP.js';
+import '../../chunk-FUS2IGBX.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/color-swatch/index.cjs

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

package/dist/components/color-swatch/index.d.cts

@@ -0,0 +1,22 @@
+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';
+
+declare const colorSwatchVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ColorSwatchVariantsProps = VariantProps<typeof colorSwatchVariants>;
+type ColorSwatchSize = NonNullable<ColorSwatchVariantsProps["size"]>;
+
+type ColorSwatchProps = React.ComponentProps<"div"> & {
+    size?: ColorSwatchSize;
+    color?: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    withoutTransparency?: boolean;
+};
+declare function ColorSwatch({ color, size, asChild, disabled, withoutTransparency, className, style, ...props }: ColorSwatchProps): react_jsx_runtime.JSX.Element;
+
+export { ColorSwatch, type ColorSwatchProps, type ColorSwatchSize };

package/dist/components/color-swatch/index.d.ts

@@ -0,0 +1,22 @@
+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';
+
+declare const colorSwatchVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type ColorSwatchVariantsProps = VariantProps<typeof colorSwatchVariants>;
+type ColorSwatchSize = NonNullable<ColorSwatchVariantsProps["size"]>;
+
+type ColorSwatchProps = React.ComponentProps<"div"> & {
+    size?: ColorSwatchSize;
+    color?: string;
+    asChild?: boolean;
+    disabled?: boolean;
+    withoutTransparency?: boolean;
+};
+declare function ColorSwatch({ color, size, asChild, disabled, withoutTransparency, className, style, ...props }: ColorSwatchProps): react_jsx_runtime.JSX.Element;
+
+export { ColorSwatch, type ColorSwatchProps, type ColorSwatchSize };

package/dist/components/color-swatch/index.js

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

package/dist/components/dialog/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkPH4LO5TE_cjs = require('../../chunk-PH4LO5TE.cjs');
+var chunk6WGZMVJT_cjs = require('../../chunk-6WGZMVJT.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -8,33 +8,33 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Dialog", {
   enumerable: true,
-  get: function () { return chunkPH4LO5TE_cjs.Dialog; }
+  get: function () { return chunk6WGZMVJT_cjs.Dialog; }
 });
 Object.defineProperty(exports, "DialogClose", {
   enumerable: true,
-  get: function () { return chunkPH4LO5TE_cjs.DialogClose; }
+  get: function () { return chunk6WGZMVJT_cjs.DialogClose; }
 });
 Object.defineProperty(exports, "DialogContent", {
   enumerable: true,
-  get: function () { return chunkPH4LO5TE_cjs.DialogContent; }
+  get: function () { return chunk6WGZMVJT_cjs.DialogContent; }
 });
 Object.defineProperty(exports, "DialogDescription", {
   enumerable: true,
-  get: function () { return chunkPH4LO5TE_cjs.DialogDescription; }
+  get: function () { return chunk6WGZMVJT_cjs.DialogDescription; }
 });
 Object.defineProperty(exports, "DialogFooter", {
   enumerable: true,
-  get: function () { return chunkPH4LO5TE_cjs.DialogFooter; }
+  get: function () { return chunk6WGZMVJT_cjs.DialogFooter; }
 });
 Object.defineProperty(exports, "DialogHeader", {
   enumerable: true,
-  get: function () { return chunkPH4LO5TE_cjs.DialogHeader; }
+  get: function () { return chunk6WGZMVJT_cjs.DialogHeader; }
 });
 Object.defineProperty(exports, "DialogTitle", {
   enumerable: true,
-  get: function () { return chunkPH4LO5TE_cjs.DialogTitle; }
+  get: function () { return chunk6WGZMVJT_cjs.DialogTitle; }
 });
 Object.defineProperty(exports, "DialogTrigger", {
   enumerable: true,
-  get: function () { return chunkPH4LO5TE_cjs.DialogTrigger; }
+  get: function () { return chunk6WGZMVJT_cjs.DialogTrigger; }
 });

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

@@ -1,34 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Dialog as Dialog$1 } from 'radix-ui';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
-type DialogProps = Dialog$1.DialogProps;
-declare const Dialog: React.FC<Dialog$1.DialogProps>;
+type DialogProps = React.ComponentProps<typeof Dialog$1.Root>;
+declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;
 
-type DialogCloseProps = Dialog$1.DialogCloseProps;
-declare const DialogClose: React.ForwardRefExoticComponent<Dialog$1.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+type DialogCloseProps = React.ComponentProps<typeof Dialog$1.Close>;
+declare function DialogClose(props: DialogCloseProps): react_jsx_runtime.JSX.Element;
 
 type DialogContentProps = React.ComponentProps<typeof Dialog$1.Content> & {
     width?: DialogContentWidth;
+    showCloseButton?: boolean;
 };
-declare function DialogContent({ className, children, width, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, width, showCloseButton, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
 
-declare const dialogContentStyles: (props?: ({
+declare const dialogContentVariants: (props?: ({
     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>;
+type DialogContentCvaProps = VariantProps<typeof dialogContentVariants>;
 type DialogContentWidth = NonNullable<DialogContentCvaProps["width"]>;
 
-type DialogTriggerProps = Dialog$1.DialogTriggerProps;
-declare const DialogTrigger: React.ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type DialogTriggerProps = React.ComponentProps<typeof Dialog$1.Trigger>;
+declare function DialogTrigger({ ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
 
-type DialogHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type DialogHeaderProps = React.ComponentProps<"div">;
 declare function DialogHeader({ className, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
 
-type DialogFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type DialogFooterProps = React.ComponentProps<"div">;
 declare function DialogFooter({ className, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
 
 type DialogTitleProps = React.ComponentProps<typeof Dialog$1.Title>;

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

@@ -1,34 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Dialog as Dialog$1 } from 'radix-ui';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
-type DialogProps = Dialog$1.DialogProps;
-declare const Dialog: React.FC<Dialog$1.DialogProps>;
+type DialogProps = React.ComponentProps<typeof Dialog$1.Root>;
+declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;
 
-type DialogCloseProps = Dialog$1.DialogCloseProps;
-declare const DialogClose: React.ForwardRefExoticComponent<Dialog$1.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+type DialogCloseProps = React.ComponentProps<typeof Dialog$1.Close>;
+declare function DialogClose(props: DialogCloseProps): react_jsx_runtime.JSX.Element;
 
 type DialogContentProps = React.ComponentProps<typeof Dialog$1.Content> & {
     width?: DialogContentWidth;
+    showCloseButton?: boolean;
 };
-declare function DialogContent({ className, children, width, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, width, showCloseButton, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
 
-declare const dialogContentStyles: (props?: ({
+declare const dialogContentVariants: (props?: ({
     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>;
+type DialogContentCvaProps = VariantProps<typeof dialogContentVariants>;
 type DialogContentWidth = NonNullable<DialogContentCvaProps["width"]>;
 
-type DialogTriggerProps = Dialog$1.DialogTriggerProps;
-declare const DialogTrigger: React.ForwardRefExoticComponent<Dialog$1.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type DialogTriggerProps = React.ComponentProps<typeof Dialog$1.Trigger>;
+declare function DialogTrigger({ ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
 
-type DialogHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type DialogHeaderProps = React.ComponentProps<"div">;
 declare function DialogHeader({ className, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
 
-type DialogFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type DialogFooterProps = React.ComponentProps<"div">;
 declare function DialogFooter({ className, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
 
 type DialogTitleProps = React.ComponentProps<typeof Dialog$1.Title>;

package/dist/components/dialog/index.js

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