@szum-tech/design-system 2.1.1 → 2.3.0

package/dist/{chunk-5ENMEB5L.cjs → chunk-25X5IOB3.cjs}

@@ -62,8 +62,8 @@ var buttonCva = classVarianceAuthority.cva(
         color: "neutral",
         class: [
           "text-gray-100",
-          "hover:border-gray-350 hover:bg-gray-350 hover:text-gray-100",
-          "active:border-gray-400 active:bg-gray-400"
+          "hover:border-gray-500 hover:bg-gray-500 hover:text-app-foreground",
+          "active:border-gray-600 active:bg-gray-600"
         ]
       },
       {
@@ -106,7 +106,7 @@ var buttonCva = classVarianceAuthority.cva(
       {
         variant: "outlined",
         color: "neutral",
-        class: ["border-gray-350 text-gray-100", "hover:bg-gray-350", "active:bg-gray-400"]
+        class: ["border-gray-500 text-gray-100", "hover:bg-gray-500 hover:text-app-foreground", "active:bg-gray-600"]
       },
       {
         variant: "outlined",
@@ -149,9 +149,9 @@ var buttonCva = classVarianceAuthority.cva(
         variant: "contained",
         color: "neutral",
         class: [
-          "border-gray-350 bg-gray-350 text-gray-100",
-          "hover:border-gray-300 hover:bg-gray-300",
-          "active:border-gray-400 active:bg-gray-400"
+          "border-gray-500 bg-gray-500 text-gray-100",
+          "hover:border-gray-400 hover:bg-gray-400 hover:text-app-foreground",
+          "active:border-gray-600 active:bg-gray-600"
         ]
       },
       {

package/dist/{chunk-LI7IHIOM.cjs → chunk-3DSBDIFJ.cjs}

@@ -1,26 +1,26 @@
 'use strict';
 
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/card/card.tsx
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("bg-app-foreground h-full rounded border border-gray-400", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("bg-app-foreground h-full rounded border border-gray-800", className), ...props });
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col p-6", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("flex flex-col p-6", className), ...props });
 }
 function CardTitle({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: tailwindMerge.twMerge("text-heading-5", className), ...props });
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: tailwindMerge.twMerge("text-body-2 text-gray-200", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkH2BWO3SI_cjs.cn("text-body-2 text-gray-300", className), ...props });
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("p-6 pt-0", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("p-6 pt-0", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex items-center p-6 pt-0", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("flex items-center p-6 pt-0", className), ...props });
 }
 
 exports.Card = Card;

package/dist/chunk-3PV6NLP5.js

@@ -0,0 +1,31 @@
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/textarea/textarea.styles.tsx
+var textareaCva = cva(
+  [
+    "bg-app-foreground font-poppins h-28 min-h-10 w-full appearance-none border py-2 px-3 outline-0 transition-colors duration-300 ease-in-out",
+    "placeholder:select-none placeholder:text-gray-400",
+    "invalid:border-error-500",
+    "focus:border-primary-500",
+    "active:border-primary-500",
+    "disabled:border-gray-800 disabled:text-gray-300 disabled:placeholder:text-gray-600 disabled:cursor-not-allowed"
+  ],
+  {
+    variants: {
+      invalid: {
+        true: ["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],
+        false: ["border-gray-600 hover:border-primary-600 text-gray-100"]
+      }
+    },
+    defaultVariants: {
+      invalid: false
+    }
+  }
+);
+function Textarea({ invalid = false, ...props }) {
+  const textareaStyles = textareaCva({ invalid });
+  return /* @__PURE__ */ jsx("textarea", { "aria-invalid": invalid || void 0, className: textareaStyles, ...props });
+}
+
+export { Textarea };

package/dist/{chunk-KPB3CBHE.cjs → chunk-4NO6IM75.cjs}

@@ -17,7 +17,7 @@ var avatarCva = classVarianceAuthority.cva("relative flex shrink-0 overflow-hidd
     size: "md"
   }
 });
-function Avatar({ className, size, ref, ...props }) {
+function Avatar({ className, size = "md", ref, ...props }) {
   const avatarStyles = avatarCva({ size });
   return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Avatar.Root, { ref, className: chunkH2BWO3SI_cjs.cn(avatarStyles, className), ...props });
 }
@@ -29,7 +29,7 @@ function AvatarFallback({ className, ref, ...props }) {
     radixUi.Avatar.Fallback,
     {
       ref,
-      className: chunkH2BWO3SI_cjs.cn("bg-gray-350 flex h-full w-full items-center justify-center", className),
+      className: chunkH2BWO3SI_cjs.cn("flex h-full w-full items-center justify-center bg-gray-600", className),
       ...props
     }
   );

package/dist/{chunk-5EN2HNFU.js → chunk-5MJPZUTO.js}

@@ -5,26 +5,14 @@ import { twMerge } from 'tailwind-merge';
 
 var AlertDialog = AlertDialog$1.Root;
 var AlertDialogTrigger = AlertDialog$1.Trigger;
-function AlertDialogOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    AlertDialog$1.Overlay,
-    {
-      className: cn(
-        "bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs",
-        className
-      ),
-      ...props
-    }
-  );
-}
 function AlertDialogContent({ className, ...props }) {
   return /* @__PURE__ */ jsxs(AlertDialog$1.Portal, { children: [
-    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(AlertDialog$1.Overlay, { className: "bg-app-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs" }),
     /* @__PURE__ */ jsx(
       AlertDialog$1.Content,
       {
         className: cn(
-          "bg-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-1/2 left-1/2 z-50 flex w-full max-w-lg -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-400 p-4 shadow-lg duration-200",
+          "bg-app-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-1/2 left-1/2 z-50 flex w-full max-w-lg -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-800 p-4 shadow-lg duration-200",
           className
         ),
         ...props
@@ -32,9 +20,7 @@ function AlertDialogContent({ className, ...props }) {
     )
   ] });
 }
-function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: twMerge("mb-4 flex flex-col space-y-2 text-center sm:text-left", className), ...props });
-}
+var AlertDialogAction = AlertDialog$1.Action;
 function AlertDialogFooter({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
 }
@@ -42,9 +28,11 @@ function AlertDialogTitle({ className, ref, ...props }) {
   return /* @__PURE__ */ jsx(AlertDialog$1.Title, { ref, className: cn("text-heading-6", className), ...props });
 }
 function AlertDialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(AlertDialog$1.Description, { className: cn("text-body-2 text-gray-200", className), ...props });
+  return /* @__PURE__ */ jsx(AlertDialog$1.Description, { className: cn("text-body-2 text-gray-300", className), ...props });
 }
-var AlertDialogAction = AlertDialog$1.Action;
 var AlertDialogCancel = AlertDialog$1.Cancel;
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+}
 
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };

package/dist/{chunk-WTVBTZ3P.js → chunk-5PBHBOXI.js}

@@ -6,7 +6,7 @@ import { jsx } from 'react/jsx-runtime';
 var helperTextCva = cva("", {
   variants: {
     type: {
-      description: "text-body-2 text-gray-200",
+      description: "text-body-2 text-gray-300",
       error: "text-caption text-error-500"
     }
   },

package/dist/{chunk-TD2KDWNP.js → chunk-5U55UIDY.js}

@@ -1,15 +1,14 @@
+import { cn } from './chunk-ZD2QRAOX.js';
 import { Dialog } from 'radix-ui';
-import { twMerge } from 'tailwind-merge';
 import { Cross1Icon } from '@radix-ui/react-icons';
 import { cva } from 'class-variance-authority';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-// src/components/sheet/sheet.tsx
 var Sheet = Dialog.Root;
 var SheetTrigger = Dialog.Trigger;
 var SheetClose = Dialog.Close;
 var sheetContentStyles = cva(
-  "bg-foreground data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col border-gray-400 p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "bg-app-foreground data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col border-gray-800 p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
       side: {
@@ -26,16 +25,10 @@ var sheetContentStyles = cva(
 );
 function SheetContent({ side = "right", className, children, ...props }) {
   return /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx(
-      Dialog.Overlay,
-      {
-        className: "bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsxs(Dialog.Content, { className: twMerge(sheetContentStyles({ side }), className), ...props, children: [
+    /* @__PURE__ */ jsx(Dialog.Overlay, { className: "bg-app-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm" }),
+    /* @__PURE__ */ jsxs(Dialog.Content, { className: cn(sheetContentStyles({ side }), className), ...props, children: [
       children,
-      /* @__PURE__ */ jsxs(Dialog.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-foreground data-[state=open]:bg-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
+      /* @__PURE__ */ jsxs(Dialog.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-app-foreground data-[state=open]:bg-app-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
         /* @__PURE__ */ jsx(Cross1Icon, { className: "size-4" }),
         /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
       ] })
@@ -43,16 +36,16 @@ function SheetContent({ side = "right", className, children, ...props }) {
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(Dialog.Title, { className: twMerge("typography-heading-6", className), ...props });
+  return /* @__PURE__ */ jsx(Dialog.Title, { className: cn("typography-heading-6", className), ...props });
 }
 function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(Dialog.Description, { className: twMerge("typography-body-2 text-gray-200", className), ...props });
+  return /* @__PURE__ */ jsx(Dialog.Description, { className: cn("typography-body-2 text-gray-300", className), ...props });
 }
 
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/chunk-6L3QPLRR.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/textarea/textarea.styles.tsx
+var textareaCva = classVarianceAuthority.cva(
+  [
+    "bg-app-foreground font-poppins h-28 min-h-10 w-full appearance-none border py-2 px-3 outline-0 transition-colors duration-300 ease-in-out",
+    "placeholder:select-none placeholder:text-gray-400",
+    "invalid:border-error-500",
+    "focus:border-primary-500",
+    "active:border-primary-500",
+    "disabled:border-gray-800 disabled:text-gray-300 disabled:placeholder:text-gray-600 disabled:cursor-not-allowed"
+  ],
+  {
+    variants: {
+      invalid: {
+        true: ["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],
+        false: ["border-gray-600 hover:border-primary-600 text-gray-100"]
+      }
+    },
+    defaultVariants: {
+      invalid: false
+    }
+  }
+);
+function Textarea({ invalid = false, ...props }) {
+  const textareaStyles = textareaCva({ invalid });
+  return /* @__PURE__ */ jsxRuntime.jsx("textarea", { "aria-invalid": invalid || void 0, className: textareaStyles, ...props });
+}
+
+exports.Textarea = Textarea;

package/dist/{chunk-463KEXY6.cjs → chunk-6VVDXGYO.cjs}

@@ -1,17 +1,17 @@
 'use strict';
 
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var radixUi = require('radix-ui');
 var tailwindMerge = require('tailwind-merge');
 var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/dialog/dialog.tsx
 var Dialog = radixUi.Dialog.Root;
 var DialogClose = radixUi.Dialog.Close;
 var dialogContentStyles = classVarianceAuthority.cva(
   [
-    "bg-foreground fixed left-1/2 top-1/2 z-50 flex w-full -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-400 p-4 shadow-lg",
+    "bg-app-foreground fixed left-1/2 top-1/2 z-50 flex w-full -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-800 p-4 shadow-lg",
     "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] duration-200"
   ],
   {
@@ -35,39 +35,36 @@ var dialogContentStyles = classVarianceAuthority.cva(
     }
   }
 );
-function DialogOverlay(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Dialog.Overlay,
-    {
-      className: "bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs",
-      ...props
-    }
-  );
-}
 function DialogContent({ className, children, width = "md", ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Portal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Content, { className: tailwindMerge.twMerge(dialogContentStyles({ width }), className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      radixUi.Dialog.Overlay,
+      {
+        className: "bg-app-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Content, { "aria-modal": "true", className: tailwindMerge.twMerge(dialogContentStyles({ width }), className), ...props, children: [
       children,
-      /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-foreground data-[state=open]:bg-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-app-foreground data-[state=open]:bg-app-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
         /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross1Icon, { className: "size-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close dialog" })
       ] })
     ] })
   ] });
 }
 var DialogTrigger = radixUi.Dialog.Trigger;
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("mb-4 flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("mb-4 flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Title, { className: tailwindMerge.twMerge("text-heading-6", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Title, { className: chunkH2BWO3SI_cjs.cn("text-heading-6", className), ...props });
 }
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Description, { className: tailwindMerge.twMerge("text-body-2 text-gray-200", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Description, { className: chunkH2BWO3SI_cjs.cn("text-body-2 text-gray-300", className), ...props });
 }
 
 exports.Dialog = Dialog;

package/dist/{chunk-VQMM75HD.cjs → chunk-6YLG3PWU.cjs}

@@ -1,17 +1,16 @@
 'use strict';
 
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var radixUi = require('radix-ui');
-var tailwindMerge = require('tailwind-merge');
 var reactIcons = require('@radix-ui/react-icons');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/sheet/sheet.tsx
 var Sheet = radixUi.Dialog.Root;
 var SheetTrigger = radixUi.Dialog.Trigger;
 var SheetClose = radixUi.Dialog.Close;
 var sheetContentStyles = classVarianceAuthority.cva(
-  "bg-foreground data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col border-gray-400 p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "bg-app-foreground data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col border-gray-800 p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
       side: {
@@ -28,16 +27,10 @@ var sheetContentStyles = classVarianceAuthority.cva(
 );
 function SheetContent({ side = "right", className, children, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Portal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      radixUi.Dialog.Overlay,
-      {
-        className: "bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Content, { className: tailwindMerge.twMerge(sheetContentStyles({ side }), className), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Overlay, { className: "bg-app-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Content, { className: chunkH2BWO3SI_cjs.cn(sheetContentStyles({ side }), className), ...props, children: [
       children,
-      /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-foreground data-[state=open]:bg-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-app-foreground data-[state=open]:bg-app-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
         /* @__PURE__ */ jsxRuntime.jsx(reactIcons.Cross1Icon, { className: "size-4" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
       ] })
@@ -45,16 +38,16 @@ function SheetContent({ side = "right", className, children, ...props }) {
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkH2BWO3SI_cjs.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Title, { className: tailwindMerge.twMerge("typography-heading-6", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Title, { className: chunkH2BWO3SI_cjs.cn("typography-heading-6", className), ...props });
 }
 function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Description, { className: tailwindMerge.twMerge("typography-body-2 text-gray-200", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Description, { className: chunkH2BWO3SI_cjs.cn("typography-body-2 text-gray-300", className), ...props });
 }
 
 exports.Sheet = Sheet;

package/dist/{chunk-IFBQNWVG.js → chunk-75T7KAAY.js}

@@ -5,15 +5,15 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 var inputCva = cva(
   [
     "bg-app-foreground font-poppins h-10 w-full appearance-none border py-2 outline-0 transition-colors duration-300 ease-in-out",
-    "placeholder:select-none placeholder:text-gray-200",
-    "invalid:border-error-500 focus:border-primary-400 active:border-primary-400",
-    "disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"
+    "placeholder:select-none placeholder:text-gray-400",
+    "invalid:border-error-500 focus:border-primary-500 active:border-primary-500",
+    "disabled:border-gray-800 disabled:text-gray-300 disabled:placeholder:text-gray-600 disabled:cursor-not-allowed"
   ],
   {
     variants: {
       invalid: {
         true: ["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],
-        false: ["border-gray-350 hover:border-primary-500 text-gray-100"]
+        false: ["border-gray-600 hover:border-primary-600 text-gray-100"]
       },
       withStartIcon: {
         true: "pl-11",
@@ -36,11 +36,11 @@ var inputIconContainerCva = cva(
   {
     variants: {
       disabled: {
-        true: "text-gray-200"
+        true: "text-gray-300"
       },
       site: {
-        right: "right-0 border-l border-l-gray-400 pr-1",
-        left: "left-0 border-r border-r-gray-400 pl-1"
+        right: "right-0 border-l border-l-gray-800 pr-1",
+        left: "left-0 border-r border-r-gray-800 pl-1"
       }
     },
     defaultVariants: {

package/dist/{chunk-AO4TMCYJ.js → chunk-CLBOIGDQ.js}

@@ -1,5 +1,5 @@
-import { HelperText } from './chunk-WTVBTZ3P.js';
-import { Label } from './chunk-US32J7DK.js';
+import { HelperText } from './chunk-5PBHBOXI.js';
+import { Label } from './chunk-VZKTT6CG.js';
 import { useFormContext, FormProvider, Controller } from 'react-hook-form';
 import * as React2 from 'react';
 import { twMerge } from 'tailwind-merge';

package/dist/{chunk-PB3EGVTV.cjs → chunk-CN3NQLTK.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkYXTTED5V_cjs = require('./chunk-YXTTED5V.cjs');
-var chunkLND2W67K_cjs = require('./chunk-LND2W67K.cjs');
+var chunkP4J2TTH7_cjs = require('./chunk-P4J2TTH7.cjs');
+var chunkFVSO3RHT_cjs = require('./chunk-FVSO3RHT.cjs');
 var reactHookForm = require('react-hook-form');
 var React2 = require('react');
 var tailwindMerge = require('tailwind-merge');
@@ -64,7 +64,7 @@ var FormLabel = React2__namespace.forwardRef(
     const { error, formItemId } = useFormField();
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-end justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkLND2W67K_cjs.Label,
+        chunkFVSO3RHT_cjs.Label,
         {
           ref,
           className: tailwindMerge.twMerge(error ? "text-error-500" : null, className),
@@ -98,12 +98,12 @@ var FormMessage = React2__namespace.forwardRef(function({ children, ...props },
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkYXTTED5V_cjs.HelperText, { ref, type: "error", id: formMessageId, ...props, children: body });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkP4J2TTH7_cjs.HelperText, { ref, type: "error", id: formMessageId, ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
 var FormDescription = React2__namespace.forwardRef(function(props, ref) {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkYXTTED5V_cjs.HelperText, { ref, id: formDescriptionId, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkP4J2TTH7_cjs.HelperText, { ref, id: formDescriptionId, ...props });
 });
 FormDescription.displayName = "FormDescription";
 

package/dist/{chunk-HFHADY43.js → chunk-EU7G37IS.js}

@@ -15,7 +15,7 @@ var avatarCva = cva("relative flex shrink-0 overflow-hidden rounded text-gray-10
     size: "md"
   }
 });
-function Avatar({ className, size, ref, ...props }) {
+function Avatar({ className, size = "md", ref, ...props }) {
   const avatarStyles = avatarCva({ size });
   return /* @__PURE__ */ jsx(Avatar$1.Root, { ref, className: cn(avatarStyles, className), ...props });
 }
@@ -27,7 +27,7 @@ function AvatarFallback({ className, ref, ...props }) {
     Avatar$1.Fallback,
     {
       ref,
-      className: cn("bg-gray-350 flex h-full w-full items-center justify-center", className),
+      className: cn("flex h-full w-full items-center justify-center bg-gray-600", className),
       ...props
     }
   );

package/dist/{chunk-XGA2F5GG.cjs → chunk-FPK72OV4.cjs}

@@ -7,15 +7,15 @@ var jsxRuntime = require('react/jsx-runtime');
 var inputCva = classVarianceAuthority.cva(
   [
     "bg-app-foreground font-poppins h-10 w-full appearance-none border py-2 outline-0 transition-colors duration-300 ease-in-out",
-    "placeholder:select-none placeholder:text-gray-200",
-    "invalid:border-error-500 focus:border-primary-400 active:border-primary-400",
-    "disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"
+    "placeholder:select-none placeholder:text-gray-400",
+    "invalid:border-error-500 focus:border-primary-500 active:border-primary-500",
+    "disabled:border-gray-800 disabled:text-gray-300 disabled:placeholder:text-gray-600 disabled:cursor-not-allowed"
   ],
   {
     variants: {
       invalid: {
         true: ["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],
-        false: ["border-gray-350 hover:border-primary-500 text-gray-100"]
+        false: ["border-gray-600 hover:border-primary-600 text-gray-100"]
       },
       withStartIcon: {
         true: "pl-11",
@@ -38,11 +38,11 @@ var inputIconContainerCva = classVarianceAuthority.cva(
   {
     variants: {
       disabled: {
-        true: "text-gray-200"
+        true: "text-gray-300"
       },
       site: {
-        right: "right-0 border-l border-l-gray-400 pr-1",
-        left: "left-0 border-r border-r-gray-400 pl-1"
+        right: "right-0 border-l border-l-gray-800 pr-1",
+        left: "left-0 border-r border-r-gray-800 pl-1"
       }
     },
     defaultVariants: {

package/dist/{chunk-LND2W67K.cjs → chunk-FVSO3RHT.cjs}

@@ -1,15 +1,14 @@
 'use strict';
 
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var radixUi = require('radix-ui');
-var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/label/label.tsx
 function Label({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     radixUi.Label.Root,
     {
-      className: tailwindMerge.twMerge("text-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
+      className: chunkH2BWO3SI_cjs.cn("text-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
       ...props
     }
   );

package/dist/{chunk-4YZSPNLW.cjs → chunk-GR37JJQK.cjs}

@@ -3,7 +3,7 @@
 var radixUi = require('radix-ui');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/components/tooltip/Tooltip.tsx
+// src/components/tooltip/tooltip.tsx
 function Tooltip({
   defaultOpen,
   content,
@@ -35,8 +35,8 @@ function Tooltip({
     ) }) : null
   ] });
 }
-function TooltipProvider({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Provider, { skipDelayDuration: 500, children });
+function TooltipProvider({ children, skipDelayDuration = 500, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Tooltip.Provider, { skipDelayDuration, ...props, children });
 }
 
 exports.Tooltip = Tooltip;

package/dist/{chunk-HXC3EALP.js → chunk-HJJPEVIH.js}

@@ -1,7 +1,7 @@
 import { Tooltip as Tooltip$1 } from 'radix-ui';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-// src/components/tooltip/Tooltip.tsx
+// src/components/tooltip/tooltip.tsx
 function Tooltip({
   defaultOpen,
   content,
@@ -33,8 +33,8 @@ function Tooltip({
     ) }) : null
   ] });
 }
-function TooltipProvider({ children }) {
-  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { skipDelayDuration: 500, children });
+function TooltipProvider({ children, skipDelayDuration = 500, ...props }) {
+  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { skipDelayDuration, ...props, children });
 }
 
 export { Tooltip, TooltipProvider };