@szum-tech/design-system 3.4.0 → 3.5.1

package/dist/{chunk-Y6EVJSAH.cjs → chunk-3ZRMIVJM.cjs}

@@ -3749,6 +3749,12 @@ function RemoveScrollSideCar(props) {
     if ("touches" in event && moveDirection === "h" && target.type === "range") {
       return false;
     }
+    var selection = window.getSelection();
+    var anchorNode = selection && selection.anchorNode;
+    var isTouchingSelection = anchorNode ? anchorNode === target || anchorNode.contains(target) : false;
+    if (isTouchingSelection) {
+      return false;
+    }
     var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
     if (!canBeScrolledInMainDirection) {
       return true;

package/dist/chunk-5Q3H4MOX.js

@@ -0,0 +1,123 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { Dialog as Dialog$1 } from 'radix-ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { XIcon } from 'lucide-react';
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+
+function Dialog(props) {
+  return /* @__PURE__ */ jsx(Dialog$1.Root, { "data-slot": "dialog", ...props });
+}
+function DialogClose(props) {
+  return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-slot": "dialog-close", ...props });
+}
+var dialogContentVariants = cva(
+  [
+    "bg-background fixed top-[50%] left-[50%] z-50 grid w-full gap-4 rounded border border-border p-6 shadow-lg duration-200 translate-x-[-50%] translate-y-[-50%] max-w-[calc(100%-1rem)]",
+    "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 "
+  ],
+  {
+    variants: {
+      width: {
+        xs: "w-xs",
+        sm: "w-sm",
+        md: "w-md",
+        lg: "w-lg",
+        xl: "w-xl",
+        "2xl": "w-2xl",
+        "3xl": "w-3xl",
+        "4xl": "w-4xl",
+        "5xl": "w-5xl",
+        "6xl": "w-6xl",
+        full: "w-full"
+      }
+    },
+    defaultVariants: {
+      width: "md"
+    }
+  }
+);
+function DialogContent({
+  className,
+  children,
+  width = "md",
+  showCloseButton = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Dialog$1.Portal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(
+      Dialog$1.Overlay,
+      {
+        "data-slot": "dialog-overlay",
+        className: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-background/80 fixed inset-0 z-50 backdrop-blur-xs"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Dialog$1.Content,
+      {
+        "data-slot": "dialog-content",
+        className: twMerge(dialogContentVariants({ width }), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ jsxs(
+            Dialog$1.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(Dialog$1.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };

package/dist/chunk-6WGZMVJT.cjs

@@ -0,0 +1,132 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var tailwindMerge = require('tailwind-merge');
+var classVarianceAuthority = require('class-variance-authority');
+
+function Dialog(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Root, { "data-slot": "dialog", ...props });
+}
+function DialogClose(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Close, { "data-slot": "dialog-close", ...props });
+}
+var dialogContentVariants = classVarianceAuthority.cva(
+  [
+    "bg-background fixed top-[50%] left-[50%] z-50 grid w-full gap-4 rounded border border-border p-6 shadow-lg duration-200 translate-x-[-50%] translate-y-[-50%] max-w-[calc(100%-1rem)]",
+    "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 "
+  ],
+  {
+    variants: {
+      width: {
+        xs: "w-xs",
+        sm: "w-sm",
+        md: "w-md",
+        lg: "w-lg",
+        xl: "w-xl",
+        "2xl": "w-2xl",
+        "3xl": "w-3xl",
+        "4xl": "w-4xl",
+        "5xl": "w-5xl",
+        "6xl": "w-6xl",
+        full: "w-full"
+      }
+    },
+    defaultVariants: {
+      width: "md"
+    }
+  }
+);
+function DialogContent({
+  className,
+  children,
+  width = "md",
+  showCloseButton = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Dialog.Portal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      radixUi.Dialog.Overlay,
+      {
+        "data-slot": "dialog-overlay",
+        className: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-background/80 fixed inset-0 z-50 backdrop-blur-xs"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      radixUi.Dialog.Content,
+      {
+        "data-slot": "dialog-content",
+        className: tailwindMerge.twMerge(dialogContentVariants({ width }), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ jsxRuntime.jsxs(
+            radixUi.Dialog.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: chunkH2BWO3SI_cjs.cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: chunkH2BWO3SI_cjs.cn("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,
+    {
+      "data-slot": "dialog-title",
+      className: chunkH2BWO3SI_cjs.cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Dialog.Description,
+    {
+      "data-slot": "dialog-description",
+      className: chunkH2BWO3SI_cjs.cn("text-muted-foreground text-sm", 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;

package/dist/{chunk-777F7WSJ.js → chunk-FN24XAO4.js}

@@ -1,4 +1,4 @@
-import { useComposedRefs } from './chunk-U4AWAABZ.js';
+import { useComposedRefs } from './chunk-O7QFYWMK.js';
 import { Spinner } from './chunk-P5IUC7HJ.js';
 import { useDirection, Direction } from './chunk-H5O5L6XT.js';
 import { useLazyRef, useIsomorphicLayoutEffect } from './chunk-DFD2WUOU.js';

package/dist/{chunk-U4AWAABZ.js → chunk-O7QFYWMK.js}

@@ -3728,6 +3728,12 @@ function RemoveScrollSideCar(props) {
     if ("touches" in event && moveDirection === "h" && target.type === "range") {
       return false;
     }
+    var selection = window.getSelection();
+    var anchorNode = selection && selection.anchorNode;
+    var isTouchingSelection = anchorNode ? anchorNode === target || anchorNode.contains(target) : false;
+    if (isTouchingSelection) {
+      return false;
+    }
     var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
     if (!canBeScrolledInMainDirection) {
       return true;

package/dist/chunk-PBEZZMAB.js

@@ -0,0 +1,25 @@
+import { cn } from './chunk-ZD2QRAOX.js';
+import { Progress as Progress$1 } from 'radix-ui';
+import { jsx } from 'react/jsx-runtime';
+
+function Progress({ className, value, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Progress$1.Root,
+    {
+      "data-slot": "progress",
+      className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded", className),
+      value,
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Progress$1.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "bg-primary size-full flex-1 transition-all duration-500 ease-in-out",
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+export { Progress };

package/dist/chunk-TH44JYXB.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Progress({ className, value, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Progress.Root,
+    {
+      "data-slot": "progress",
+      className: chunkH2BWO3SI_cjs.cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded", className),
+      value,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.Progress.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "bg-primary size-full flex-1 transition-all duration-500 ease-in-out",
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+exports.Progress = Progress;

package/dist/{chunk-P2MKLQQK.cjs → chunk-UPL5LJOP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkY6EVJSAH_cjs = require('./chunk-Y6EVJSAH.cjs');
+var chunk3ZRMIVJM_cjs = require('./chunk-3ZRMIVJM.cjs');
 var chunk3WSQRFUY_cjs = require('./chunk-3WSQRFUY.cjs');
 var chunkEW6TE3N5_cjs = require('./chunk-EW6TE3N5.cjs');
 var chunk7EYMOUWG_cjs = require('./chunk-7EYMOUWG.cjs');
@@ -315,7 +315,7 @@ function StepperNav({ className, children, asChild, ref, ...listProps }) {
   const isClickFocusRef = React5__namespace.useRef(false);
   const itemsRef = React5__namespace.useRef(/* @__PURE__ */ new Map());
   const listRef = React5__namespace.useRef(null);
-  const composedRef = chunkY6EVJSAH_cjs.useComposedRefs(ref, listRef);
+  const composedRef = chunk3ZRMIVJM_cjs.useComposedRefs(ref, listRef);
   const onItemFocus = React5__namespace.useCallback((tabStopId2) => {
     setTabStopId(tabStopId2);
   }, []);
@@ -533,7 +533,7 @@ function StepperTrigger({ asChild, disabled, className, ref, ...triggerProps })
   const isTabStop = focusContext.tabStopId === triggerId;
   const dataState = getDataState(value, itemValue, stepState, steps);
   const triggerRef = React5__namespace.useRef(null);
-  const composedRef = chunkY6EVJSAH_cjs.useComposedRefs(ref, triggerRef);
+  const composedRef = chunk3ZRMIVJM_cjs.useComposedRefs(ref, triggerRef);
   const isArrowKeyPressedRef = React5__namespace.useRef(false);
   const isMouseClickRef = React5__namespace.useRef(false);
   React5__namespace.useEffect(() => {

package/dist/components/badge/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNT3AA6QQ_cjs = require('../../chunk-NT3AA6QQ.cjs');
+var chunkRDYKJP7U_cjs = require('../../chunk-RDYKJP7U.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 require('../../chunk-3376ZTRC.cjs');
 
@@ -8,5 +8,5 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkNT3AA6QQ_cjs.Badge; }
+  get: function () { return chunkRDYKJP7U_cjs.Badge; }
 });

package/dist/components/badge/index.js

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

package/dist/components/button/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,5 +29,5 @@ require('../../chunk-3376ZTRC.cjs');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkP2MKLQQK_cjs.Button; }
+  get: function () { return chunkUPL5LJOP_cjs.Button; }
 });

package/dist/components/button/index.js

@@ -1,23 +1,24 @@
-export { Button } from '../../chunk-777F7WSJ.js';
+export { Button } 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/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';