@szum-tech/design-system 2.0.3 → 2.1.0

package/dist/components/index.d.ts

@@ -0,0 +1,22 @@
+export { Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarSizeType } from './avatar/index.js';
+export { Button, ButtonColorType, ButtonProps, ButtonSizeType, ButtonVariantType } from './button/index.js';
+export { Input, InputProps } from './input/index.js';
+export { Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps } from './tooltip/index.js';
+export { Textarea, TextareaProps } from './textarea/index.js';
+export { Select, SelectItem, SelectItemProps, SelectProps } from './select/index.js';
+export { Card, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps } from './card/index.js';
+export { Sheet, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetContentSide, SheetDescription, SheetDescriptionProps, SheetFooter, SheetFooterProps, SheetHeader, SheetHeaderProps, SheetProps, SheetTitle, SheetTitleProps, SheetTrigger, SheetTriggerProps } from './sheet/index.js';
+export { Separator, SeparatorProps } from './separator/index.js';
+export { Header, HeaderProps } from './header/index.js';
+export { Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogContentWidth, DialogDescription, DialogDescriptionProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps } from './dialog/index.js';
+export { Form, FormControl, FormControlProps, FormDescription, FormDescriptionProps, FormField, FormItem, FormItemProps, FormLabel, FormLabelProps, FormMessage, FormMessageProps, FormProps } from './form/index.js';
+export { HelperText, HelperTextProps, HelperTextType } from './helper-text/index.js';
+export { Label, LabelProps } from './label/index.js';
+export { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogContent, AlertDialogContentProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps } from './alert-dialog/index.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'radix-ui';
+import 'class-variance-authority';
+import 'class-variance-authority/dist/types';
+import 'react-hook-form';
+import '@radix-ui/react-slot';

package/dist/components/index.js

@@ -0,0 +1,17 @@
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../chunk-AO4TMCYJ.js';
+export { Textarea } from '../chunk-UZBZFCWX.js';
+export { Tooltip, TooltipProvider } from '../chunk-HXC3EALP.js';
+export { Header } from '../chunk-YHU2OW52.js';
+export { HelperText } from '../chunk-WTVBTZ3P.js';
+export { Input } from '../chunk-IFBQNWVG.js';
+export { Label } from '../chunk-US32J7DK.js';
+export { Select, SelectItem } from '../chunk-HIWVHD4V.js';
+export { Separator } from '../chunk-J264N6AZ.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '../chunk-TD2KDWNP.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '../chunk-5EN2HNFU.js';
+export { Avatar, AvatarFallback, AvatarImage } from '../chunk-HFHADY43.js';
+import '../chunk-ZD2QRAOX.js';
+export { Button } from '../chunk-C5YRMEKV.js';
+import '../chunk-INJBKPIE.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-XPM62WMM.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../chunk-J56UDYA3.js';

package/dist/components/input/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkXGA2F5GG_cjs = require('../../chunk-XGA2F5GG.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+
+
+
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunkXGA2F5GG_cjs.Input; }
+});

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
+    invalid?: boolean;
+    startIcon?: React.ReactElement | string;
+    endIcon?: React.ReactElement | string;
+};
+declare function Input({ invalid, startIcon, endIcon, disabled, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+export { Input, type InputProps };

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
+    invalid?: boolean;
+    startIcon?: React.ReactElement | string;
+    endIcon?: React.ReactElement | string;
+};
+declare function Input({ invalid, startIcon, endIcon, disabled, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+export { Input, type InputProps };

package/dist/components/input/index.js

@@ -0,0 +1,2 @@
+export { Input } from '../../chunk-IFBQNWVG.js';
+import '../../chunk-ZD2QRAOX.js';

package/dist/components/label/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkLND2W67K_cjs = require('../../chunk-LND2W67K.cjs');
+
+
+
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function () { return chunkLND2W67K_cjs.Label; }
+});

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

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

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

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

package/dist/components/label/index.js

@@ -0,0 +1 @@
+export { Label } from '../../chunk-US32J7DK.js';

package/dist/components/select/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkQRSQCHBO_cjs = require('../../chunk-QRSQCHBO.cjs');
+
+
+
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () { return chunkQRSQCHBO_cjs.Select; }
+});
+Object.defineProperty(exports, "SelectItem", {
+  enumerable: true,
+  get: function () { return chunkQRSQCHBO_cjs.SelectItem; }
+});

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Select as Select$1 } from 'radix-ui';
+
+type SelectProps = Select$1.SelectProps & {
+    ref?: React.ComponentProps<typeof Select$1.Trigger>["ref"];
+    placeholder?: React.ReactNode;
+    invalid?: boolean;
+};
+declare function Select({ children, placeholder, invalid, ref, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
+
+type SelectItemProps = React.ComponentProps<typeof Select$1.Item>;
+declare function SelectItem({ children, ...props }: SelectItemProps): react_jsx_runtime.JSX.Element;
+
+export { Select, SelectItem, type SelectItemProps, type SelectProps };

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Select as Select$1 } from 'radix-ui';
+
+type SelectProps = Select$1.SelectProps & {
+    ref?: React.ComponentProps<typeof Select$1.Trigger>["ref"];
+    placeholder?: React.ReactNode;
+    invalid?: boolean;
+};
+declare function Select({ children, placeholder, invalid, ref, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
+
+type SelectItemProps = React.ComponentProps<typeof Select$1.Item>;
+declare function SelectItem({ children, ...props }: SelectItemProps): react_jsx_runtime.JSX.Element;
+
+export { Select, SelectItem, type SelectItemProps, type SelectProps };

package/dist/components/select/index.js

@@ -0,0 +1 @@
+export { Select, SelectItem } from '../../chunk-HIWVHD4V.js';

package/dist/components/separator/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkRF5YR553_cjs = require('../../chunk-RF5YR553.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+
+
+
+Object.defineProperty(exports, "Separator", {
+  enumerable: true,
+  get: function () { return chunkRF5YR553_cjs.Separator; }
+});

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

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

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

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

package/dist/components/separator/index.js

@@ -0,0 +1,2 @@
+export { Separator } from '../../chunk-J264N6AZ.js';
+import '../../chunk-ZD2QRAOX.js';

package/dist/components/sheet/index.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var chunkVQMM75HD_cjs = require('../../chunk-VQMM75HD.cjs');
+
+
+
+Object.defineProperty(exports, "Sheet", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.Sheet; }
+});
+Object.defineProperty(exports, "SheetClose", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetClose; }
+});
+Object.defineProperty(exports, "SheetContent", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetContent; }
+});
+Object.defineProperty(exports, "SheetDescription", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetDescription; }
+});
+Object.defineProperty(exports, "SheetFooter", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetFooter; }
+});
+Object.defineProperty(exports, "SheetHeader", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetHeader; }
+});
+Object.defineProperty(exports, "SheetTitle", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetTitle; }
+});
+Object.defineProperty(exports, "SheetTrigger", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetTrigger; }
+});

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { Dialog } from 'radix-ui';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+
+type SheetProps = Dialog.DialogProps;
+declare const Sheet: React.FC<Dialog.DialogProps>;
+
+type SheetTriggerProps = Dialog.DialogTriggerProps;
+declare const SheetTrigger: React.ForwardRefExoticComponent<Dialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+
+type SheetCloseProps = Dialog.DialogCloseProps;
+declare const SheetClose: React.ForwardRefExoticComponent<Dialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+type SheetContentProps = React.ComponentProps<typeof Dialog.Content> & {
+    side?: SheetContentSide;
+};
+declare function SheetContent({ side, className, children, ...props }: SheetContentProps): react_jsx_runtime.JSX.Element;
+
+declare const sheetContentStyles: (props?: ({
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type SheetContentCvaProps = VariantProps<typeof sheetContentStyles>;
+type SheetContentSide = NonNullable<SheetContentCvaProps["side"]>;
+
+type SheetHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function SheetHeader({ className, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
+
+type SheetFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function SheetFooter({ className, ...props }: SheetFooterProps): react_jsx_runtime.JSX.Element;
+
+type SheetTitleProps = React.ComponentProps<typeof Dialog.Title>;
+declare function SheetTitle({ className, ...props }: SheetTitleProps): react_jsx_runtime.JSX.Element;
+
+type SheetDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
+declare function SheetDescription({ className, ...props }: SheetDescriptionProps): react_jsx_runtime.JSX.Element;
+
+export { Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentSide, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps };

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { Dialog } from 'radix-ui';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+
+type SheetProps = Dialog.DialogProps;
+declare const Sheet: React.FC<Dialog.DialogProps>;
+
+type SheetTriggerProps = Dialog.DialogTriggerProps;
+declare const SheetTrigger: React.ForwardRefExoticComponent<Dialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+
+type SheetCloseProps = Dialog.DialogCloseProps;
+declare const SheetClose: React.ForwardRefExoticComponent<Dialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+type SheetContentProps = React.ComponentProps<typeof Dialog.Content> & {
+    side?: SheetContentSide;
+};
+declare function SheetContent({ side, className, children, ...props }: SheetContentProps): react_jsx_runtime.JSX.Element;
+
+declare const sheetContentStyles: (props?: ({
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type SheetContentCvaProps = VariantProps<typeof sheetContentStyles>;
+type SheetContentSide = NonNullable<SheetContentCvaProps["side"]>;
+
+type SheetHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function SheetHeader({ className, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
+
+type SheetFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function SheetFooter({ className, ...props }: SheetFooterProps): react_jsx_runtime.JSX.Element;
+
+type SheetTitleProps = React.ComponentProps<typeof Dialog.Title>;
+declare function SheetTitle({ className, ...props }: SheetTitleProps): react_jsx_runtime.JSX.Element;
+
+type SheetDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
+declare function SheetDescription({ className, ...props }: SheetDescriptionProps): react_jsx_runtime.JSX.Element;
+
+export { Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentSide, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps };

package/dist/components/sheet/index.js

@@ -0,0 +1 @@
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '../../chunk-TD2KDWNP.js';

package/dist/components/textarea/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkN7DXGCBJ_cjs = require('../../chunk-N7DXGCBJ.cjs');
+
+
+
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunkN7DXGCBJ_cjs.Textarea; }
+});

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type TextareaProps = React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
+    invalid?: boolean;
+};
+declare function Textarea({ invalid, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+
+export { Textarea, type TextareaProps };

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

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type TextareaProps = React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
+    invalid?: boolean;
+};
+declare function Textarea({ invalid, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+
+export { Textarea, type TextareaProps };

package/dist/components/textarea/index.js

@@ -0,0 +1 @@
+export { Textarea } from '../../chunk-UZBZFCWX.js';

package/dist/components/tooltip/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunk4YZSPNLW_cjs = require('../../chunk-4YZSPNLW.cjs');
+
+
+
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunk4YZSPNLW_cjs.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipProvider", {
+  enumerable: true,
+  get: function () { return chunk4YZSPNLW_cjs.TooltipProvider; }
+});

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+
+type TooltipProps = Tooltip$1.TooltipContentProps & {
+    children?: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    content?: React.ReactNode;
+    collisionPadding?: number;
+};
+declare function Tooltip({ defaultOpen, content, open, onOpenChange, children, side, align, collisionPadding, sideOffset, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type TooltipProviderProps = {
+    children: React.ReactNode;
+};
+declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, type TooltipProps, TooltipProvider, type TooltipProviderProps };

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

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+
+type TooltipProps = Tooltip$1.TooltipContentProps & {
+    children?: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    content?: React.ReactNode;
+    collisionPadding?: number;
+};
+declare function Tooltip({ defaultOpen, content, open, onOpenChange, children, side, align, collisionPadding, sideOffset, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type TooltipProviderProps = {
+    children: React.ReactNode;
+};
+declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, type TooltipProps, TooltipProvider, type TooltipProviderProps };

package/dist/components/tooltip/index.js

@@ -0,0 +1 @@
+export { Tooltip, TooltipProvider } from '../../chunk-HXC3EALP.js';

package/dist/icons/index.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var chunkTSN5DAKH_cjs = require('../chunk-TSN5DAKH.cjs');
+
+
+
+Object.defineProperty(exports, "Auth0LogoIcon", {
+  enumerable: true,
+  get: function () { return chunkTSN5DAKH_cjs.Auth0LogoIcon; }
+});
+Object.defineProperty(exports, "GoogleLogoIcon", {
+  enumerable: true,
+  get: function () { return chunkTSN5DAKH_cjs.GoogleLogoIcon; }
+});
+Object.defineProperty(exports, "LoadingIcon", {
+  enumerable: true,
+  get: function () { return chunkTSN5DAKH_cjs.LoadingIcon; }
+});
+Object.defineProperty(exports, "XLogoIcon", {
+  enumerable: true,
+  get: function () { return chunkTSN5DAKH_cjs.XLogoIcon; }
+});

package/dist/icons/index.js

@@ -0,0 +1 @@
+export { Auth0LogoIcon, GoogleLogoIcon, LoadingIcon, XLogoIcon } from '../chunk-INJBKPIE.js';

package/dist/{utils.cjs → utils/index.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var chunkH2BWO3SI_cjs = require('../chunk-H2BWO3SI.cjs');
 
 
 

package/dist/utils/index.js

@@ -0,0 +1 @@
+export { cn } from '../chunk-ZD2QRAOX.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -30,32 +30,42 @@
   "exports": {
     ".": {
       "import": {
-        "types": "./dist/index.d.ts",
-        "import": "./dist/index.js"
+        "types": "./dist/components/index.d.ts",
+        "import": "./dist/components/index.js"
       },
       "require": {
-        "types": "./dist/index.d.cts",
-        "require": "./dist/index.cjs"
+        "types": "./dist/components/index.d.cts",
+        "require": "./dist/components/index.cjs"
+      }
+    },
+    "./componnents/*": {
+      "import": {
+        "types": "./dist/components/*/index.d.ts",
+        "import": "./dist/components/*/index.js"
+      },
+      "require": {
+        "types": "./dist/components/*/index.d.cts",
+        "require": "./dist/components/*/index.cjs"
       }
     },
     "./icons": {
       "import": {
-        "types": "./dist/icons.d.ts",
-        "import": "./dist/icons.js"
+        "types": "./dist/icons/index.d.ts",
+        "import": "./dist/icons/index.js"
       },
       "require": {
-        "types": "./dist/icons.d.cts",
-        "require": "./dist/icons.cjs"
+        "types": "./dist/icons/index.d.cts",
+        "require": "./dist/icons/index.cjs"
       }
     },
     "./utils": {
       "import": {
-        "types": "./dist/utils.d.ts",
-        "import": "./dist/utils.js"
+        "types": "./dist/utils/index.d.ts",
+        "import": "./dist/utils/index.js"
       },
       "require": {
-        "types": "./dist/utils.d.cts",
-        "require": "./dist/utils.cjs"
+        "types": "./dist/utils/index.d.cts",
+        "require": "./dist/utils/index.cjs"
       }
     },
     "./tailwind/*.css": "./tailwind/*.css",
@@ -82,11 +92,14 @@
     "test": "vitest",
     "test:ci": "CI=true vitest",
     "test:coverage": "vitest --coverage",
+    "test:storybook": "vitest --project=storybook --coverage",
     "test:ui": "vitest --ui",
+    "test:unit": "vitest --project=unit",
     "test:watch": "vitest --watch",
     "type-check": "tsc --noEmit"
   },
   "dependencies": {
+    "@radix-ui/react-icons": "^1.3.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "radix-ui": "^1.1.3",
@@ -94,48 +107,47 @@
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@hookform/resolvers": "^4.1.2",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@storybook/addon-a11y": "^8.6.3",
-    "@storybook/addon-docs": "^8.6.3",
-    "@storybook/addon-essentials": "^8.6.3",
-    "@storybook/addon-interactions": "^8.6.3",
-    "@storybook/react": "^8.6.3",
-    "@storybook/react-vite": "^8.6.3",
-    "@storybook/theming": "^8.6.3",
-    "@szum-tech/eslint-config": "^2.1.5",
-    "@szum-tech/prettier-config": "^1.5.0",
-    "@szum-tech/semantic-release-config": "^2.2.2",
-    "@tailwindcss/postcss": "^4.0.9",
+    "@hookform/resolvers": "^4.1.3",
+    "@storybook/addon-essentials": "^8.6.9",
+    "@storybook/addon-links": "^8.6.9",
+    "@storybook/experimental-addon-test": "^8.6.9",
+    "@storybook/react": "^8.6.9",
+    "@storybook/react-vite": "^8.6.9",
+    "@storybook/theming": "^8.6.9",
+    "@szum-tech/eslint-config": "^2.1.6",
+    "@szum-tech/prettier-config": "^1.6.1",
+    "@szum-tech/semantic-release-config": "^2.3.0",
+    "@tailwindcss/postcss": "^4.0.16",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^22.13.8",
-    "@types/react": "^19.0.10",
+    "@types/node": "^22.13.13",
+    "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^3.0.7",
-    "@vitest/ui": "^3.0.7",
+    "@vitest/browser": "^3.0.9",
+    "@vitest/coverage-v8": "^3.0.9",
+    "@vitest/ui": "^3.0.9",
     "cpy-cli": "^5.0.0",
-    "eslint": "^9.21.0",
-    "happy-dom": "^17.1.8",
+    "eslint": "^9.23.0",
+    "playwright": "^1.51.1",
     "postcss": "^8.5.3",
-    "prettier": "^3.5.2",
+    "prettier": "^3.5.3",
     "react": "^19.0.0",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.54.2",
     "semantic-release": "^24.2.3",
     "serve": "^14.2.4",
-    "storybook": "^8.5.3",
+    "storybook": "^8.6.9",
     "storybook-dark-mode": "^4.0.2",
-    "tailwindcss": "^4.0.5",
+    "tailwindcss": "^4.0.16",
     "tsup": "^8.4.0",
-    "typescript": "^5.7.3",
-    "vite": "^6.2.0",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.3",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.5",
+    "vitest": "^3.0.9",
     "zod": "^3.24.2"
   },
   "peerDependencies": {