@szum-tech/design-system 3.4.0 → 3.5.1

package/dist/components/stepper/index.cjs

@@ -1,26 +1,27 @@
 'use strict';
 
-var chunkP2MKLQQK_cjs = require('../../chunk-P2MKLQQK.cjs');
+var chunkUPL5LJOP_cjs = require('../../chunk-UPL5LJOP.cjs');
+require('../../chunk-NU5UQPBX.cjs');
 require('../../chunk-GR37JJQK.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-NU5UQPBX.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
-require('../../chunk-PH4LO5TE.cjs');
-require('../../chunk-H3CLI4CJ.cjs');
-require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-6WGZMVJT.cjs');
 require('../../chunk-YWG7TML6.cjs');
+require('../../chunk-YTVV2IUF.cjs');
+require('../../chunk-S3ANEJJ7.cjs');
 require('../../chunk-5AA4IE2T.cjs');
 require('../../chunk-3DUJHGXE.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
-require('../../chunk-I7AV5IQO.cjs');
 require('../../chunk-TMXVL5CV.cjs');
-require('../../chunk-NT3AA6QQ.cjs');
+require('../../chunk-I7AV5IQO.cjs');
+require('../../chunk-RDYKJP7U.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -28,77 +29,77 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.Stepper; }
+  get: function () { return chunkUPL5LJOP_cjs.Stepper; }
 });
 Object.defineProperty(exports, "StepperActivationMode", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperActivationMode; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperActivationMode; }
 });
 Object.defineProperty(exports, "StepperContent", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperContent; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperContent; }
 });
 Object.defineProperty(exports, "StepperDataState", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperDataState; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperDataState; }
 });
 Object.defineProperty(exports, "StepperDescription", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperDescription; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperDescription; }
 });
 Object.defineProperty(exports, "StepperFocusIntent", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperFocusIntent; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperFocusIntent; }
 });
 Object.defineProperty(exports, "StepperIndicator", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperIndicator; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperIndicator; }
 });
 Object.defineProperty(exports, "StepperItem", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperItem; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperItem; }
 });
 Object.defineProperty(exports, "StepperNav", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperNav; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperNav; }
 });
 Object.defineProperty(exports, "StepperNavigationDirection", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperNavigationDirection; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperNavigationDirection; }
 });
 Object.defineProperty(exports, "StepperNextTrigger", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperNextTrigger; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperNextTrigger; }
 });
 Object.defineProperty(exports, "StepperOrientation", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperOrientation; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperOrientation; }
 });
 Object.defineProperty(exports, "StepperPanel", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperPanel; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperPanel; }
 });
 Object.defineProperty(exports, "StepperPrevTrigger", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperPrevTrigger; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperPrevTrigger; }
 });
 Object.defineProperty(exports, "StepperTitle", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperTitle; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperTitle; }
 });
 Object.defineProperty(exports, "StepperTrigger", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.StepperTrigger; }
+  get: function () { return chunkUPL5LJOP_cjs.StepperTrigger; }
 });
 Object.defineProperty(exports, "useStepperContext", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.useStepperContext; }
+  get: function () { return chunkUPL5LJOP_cjs.useStepperContext; }
 });
 Object.defineProperty(exports, "useStepperFocusContext", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.useStepperFocusContext; }
+  get: function () { return chunkUPL5LJOP_cjs.useStepperFocusContext; }
 });
 Object.defineProperty(exports, "useStepperItemContext", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.useStepperItemContext; }
+  get: function () { return chunkUPL5LJOP_cjs.useStepperItemContext; }
 });

package/dist/components/stepper/index.js

@@ -1,23 +1,24 @@
-export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-777F7WSJ.js';
+export { Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../../chunk-FN24XAO4.js';
+import '../../chunk-OQCNPNPS.js';
 import '../../chunk-HJJPEVIH.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-OQCNPNPS.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
-import '../../chunk-AGVEKVWD.js';
-import '../../chunk-6U4URFAI.js';
-import '../../chunk-I3RSTJP6.js';
+import '../../chunk-5Q3H4MOX.js';
 import '../../chunk-UW6GOD7J.js';
+import '../../chunk-KYFNEU4K.js';
+import '../../chunk-I3RSTJP6.js';
 import '../../chunk-UGSNASZM.js';
 import '../../chunk-XV3AQ6NS.js';
 import '../../chunk-XJIUGEPN.js';
 import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
-import '../../chunk-NGVFYKAT.js';
 import '../../chunk-5MJPZUTO.js';
-import '../../chunk-PAHTQUQC.js';
+import '../../chunk-NGVFYKAT.js';
+import '../../chunk-6VC76QIP.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/dist/components/toaster/index.cjs

@@ -1,26 +1,27 @@
 'use strict';
 
-var chunkP2MKLQQK_cjs = require('../../chunk-P2MKLQQK.cjs');
+var chunkUPL5LJOP_cjs = require('../../chunk-UPL5LJOP.cjs');
+require('../../chunk-NU5UQPBX.cjs');
 require('../../chunk-GR37JJQK.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-NU5UQPBX.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
-require('../../chunk-PH4LO5TE.cjs');
-require('../../chunk-H3CLI4CJ.cjs');
-require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-6WGZMVJT.cjs');
 require('../../chunk-YWG7TML6.cjs');
+require('../../chunk-YTVV2IUF.cjs');
+require('../../chunk-S3ANEJJ7.cjs');
 require('../../chunk-5AA4IE2T.cjs');
 require('../../chunk-3DUJHGXE.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
-require('../../chunk-I7AV5IQO.cjs');
 require('../../chunk-TMXVL5CV.cjs');
-require('../../chunk-NT3AA6QQ.cjs');
+require('../../chunk-I7AV5IQO.cjs');
+require('../../chunk-RDYKJP7U.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -28,9 +29,9 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Toaster", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.Toaster; }
+  get: function () { return chunkUPL5LJOP_cjs.Toaster; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.toast; }
+  get: function () { return chunkUPL5LJOP_cjs.toast; }
 });

package/dist/components/toaster/index.js

@@ -1,23 +1,24 @@
-export { Toaster, toast } from '../../chunk-777F7WSJ.js';
+export { Toaster, toast } from '../../chunk-FN24XAO4.js';
+import '../../chunk-OQCNPNPS.js';
 import '../../chunk-HJJPEVIH.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-OQCNPNPS.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
-import '../../chunk-AGVEKVWD.js';
-import '../../chunk-6U4URFAI.js';
-import '../../chunk-I3RSTJP6.js';
+import '../../chunk-5Q3H4MOX.js';
 import '../../chunk-UW6GOD7J.js';
+import '../../chunk-KYFNEU4K.js';
+import '../../chunk-I3RSTJP6.js';
 import '../../chunk-UGSNASZM.js';
 import '../../chunk-XV3AQ6NS.js';
 import '../../chunk-XJIUGEPN.js';
 import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
-import '../../chunk-NGVFYKAT.js';
 import '../../chunk-5MJPZUTO.js';
-import '../../chunk-PAHTQUQC.js';
+import '../../chunk-NGVFYKAT.js';
+import '../../chunk-6VC76QIP.js';
 import '../../chunk-ZD2QRAOX.js';
 import '../../chunk-BYXBJQAS.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "3.4.0",
+  "version": "3.5.1",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -38,7 +38,7 @@
         "require": "./dist/components/index.cjs"
       }
     },
-    "./componnents/*": {
+    "./components/*": {
       "import": {
         "types": "./dist/components/*/index.d.ts",
         "import": "./dist/components/*/index.js"
@@ -119,29 +119,22 @@
     "test:watch": "vitest --watch",
     "type-check": "tsc --noEmit"
   },
-  "overrides": {
-    "@storybook-community/storybook-dark-mode": {
-      "storybook": "^10.0.6",
-      "@storybook/addon-docs": "^10.0.6"
-    }
-  },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.553.0",
-    "radix-ui": "^1.4.2",
+    "lucide-react": "^0.555.0",
+    "radix-ui": "^1.4.3",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@hookform/resolvers": "^5.2.1",
-    "@storybook-community/storybook-dark-mode": "^6.0.0",
-    "@storybook/addon-docs": "^10.0.6",
-    "@storybook/addon-links": "^10.0.6",
-    "@storybook/addon-vitest": "^10.0.6",
-    "@storybook/builder-vite": "^10.0.6",
-    "@storybook/react-vite": "^10.0.6",
+    "@storybook-community/storybook-dark-mode": "^7.0.3",
+    "@storybook/addon-a11y": "^10.1.3",
+    "@storybook/addon-docs": "^10.1.3",
+    "@storybook/addon-vitest": "^10.1.3",
+    "@storybook/builder-vite": "^10.1.3",
+    "@storybook/react-vite": "^10.1.3",
     "@szum-tech/eslint-config": "^2.1.7",
     "@szum-tech/prettier-config": "^1.6.2",
     "@szum-tech/semantic-release-config": "^2.3.1",
@@ -150,38 +143,37 @@
     "@testing-library/jest-dom": "^6.6.4",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.1.0",
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react": "^5.0.4",
-    "@vitest/browser": "^4.0.3",
-    "@vitest/browser-playwright": "^4.0.3",
-    "@vitest/coverage-v8": "^4.0.3",
-    "@vitest/ui": "^4.0.3",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/browser": "^4.0.13",
+    "@vitest/browser-playwright": "^4.0.15",
+    "@vitest/coverage-v8": "^4.0.15",
+    "@vitest/ui": "^4.0.15",
     "cpy-cli": "^6.0.0",
-    "eslint": "^9.32.0",
+    "eslint": "^9.39.1",
     "happy-dom": "^20.0.2",
-    "playwright": "^1.54.1",
+    "playwright": "^1.56.1",
     "prettier": "^3.6.2",
     "react": "^19.1.1",
     "react-docgen": "^8.0.0",
     "react-docgen-typescript": "^2.4.0",
     "react-dom": "^19.1.0",
-    "semantic-release": "^24.2.9",
+    "semantic-release": "^25.0.2",
     "serve": "^14.2.4",
-    "storybook": "^10.0.6",
+    "storybook": "^10.1.3",
     "storybook-addon-tag-badges": "^3.0.2",
     "tailwindcss": "^4.1.11",
-    "tsup": "^8.5.0",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.6",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.4",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^4.0.3",
-    "zod": "^4.0.14"
+    "vitest": "^4.0.15"
   },
   "peerDependencies": {
-    "react": ">=19.0.0",
-    "react-dom": ">=19.0.0",
+    "react": ">=19.1.0",
+    "react-dom": ">=19.1.0",
     "tailwindcss": ">=4"
   },
   "engines": {

package/dist/chunk-AGVEKVWD.js

@@ -1,78 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Dialog as Dialog$1 } from 'radix-ui';
-import { clsx } from 'clsx';
-import { X } from 'lucide-react';
-import { twMerge } from 'tailwind-merge';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Dialog = Dialog$1.Root;
-var DialogClose = Dialog$1.Close;
-var dialogContentStyles = cva(
-  [
-    "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"
-  ],
-  {
-    variants: {
-      width: {
-        xs: "max-w-xs",
-        sm: "max-w-sm",
-        md: "max-w-md",
-        lg: "max-w-lg",
-        xl: "max-w-xl",
-        "2xl": "max-w-2xl",
-        "3xl": "max-w-3xl",
-        "4xl": "max-w-4xl",
-        "5xl": "max-w-5xl",
-        "6xl": "max-w-6xl",
-        full: "max-w-full"
-      }
-    },
-    defaultVariants: {
-      width: "md"
-    }
-  }
-);
-function DialogContent({ className, children, width = "md", ...props }) {
-  return /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
-    /* @__PURE__ */ jsx(
-      Dialog$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",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsxs(Dialog$1.Content, { "aria-modal": "true", className: twMerge(dialogContentStyles({ width }), className), ...props, children: [
-      children,
-      /* @__PURE__ */ jsxs(
-        Dialog$1.Close,
-        {
-          className: clsx([
-            "data-[state=open]:bg-app-foreground absolute top-4 right-4 cursor-pointer rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
-            "focus-visible:ring-primary-500/40 ring-offset-app-foreground focus-visible:ring-2 focus-visible:ring-offset-2"
-          ]),
-          children: [
-            /* @__PURE__ */ jsx(X, { className: "size-4" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close dialog" })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-var DialogTrigger = Dialog$1.Trigger;
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("mb-4 flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
-}
-function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Title, { className: cn("text-heading-6", className), ...props });
-}
-function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(Dialog$1.Description, { className: cn("text-body-2 text-gray-300", className), ...props });
-}
-
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };

package/dist/chunk-PH4LO5TE.cjs

@@ -1,87 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var clsx = require('clsx');
-var lucideReact = require('lucide-react');
-var tailwindMerge = require('tailwind-merge');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-
-var Dialog = radixUi.Dialog.Root;
-var DialogClose = radixUi.Dialog.Close;
-var dialogContentStyles = classVarianceAuthority.cva(
-  [
-    "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"
-  ],
-  {
-    variants: {
-      width: {
-        xs: "max-w-xs",
-        sm: "max-w-sm",
-        md: "max-w-md",
-        lg: "max-w-lg",
-        xl: "max-w-xl",
-        "2xl": "max-w-2xl",
-        "3xl": "max-w-3xl",
-        "4xl": "max-w-4xl",
-        "5xl": "max-w-5xl",
-        "6xl": "max-w-6xl",
-        full: "max-w-full"
-      }
-    },
-    defaultVariants: {
-      width: "md"
-    }
-  }
-);
-function DialogContent({ className, children, width = "md", ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Portal, { 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: clsx.clsx([
-            "data-[state=open]:bg-app-foreground absolute top-4 right-4 cursor-pointer rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
-            "focus-visible:ring-primary-500/40 ring-offset-app-foreground focus-visible:ring-2 focus-visible:ring-offset-2"
-          ]),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" }),
-            /* @__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: 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: 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: chunkH2BWO3SI_cjs.cn("text-heading-6", className), ...props });
-}
-function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Description, { className: chunkH2BWO3SI_cjs.cn("text-body-2 text-gray-300", className), ...props });
-}
-
-exports.Dialog = Dialog;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogFooter = DialogFooter;
-exports.DialogHeader = DialogHeader;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;