@snapcall/design-system 1.18.2 → 1.18.3

package/dist/index.d.mts

@@ -201,9 +201,8 @@ declare const Dialog: react.FC<SheetPrimitive.DialogProps>;
 declare const DialogTrigger: react.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 declare const DialogContent: react.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
     bottomSheet?: boolean | undefined;
-} & react.RefAttributes<HTMLDivElement & {
-    bottomSheet?: boolean | undefined;
-}>>;
+    showClose?: boolean | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;

package/dist/index.d.ts

@@ -201,9 +201,8 @@ declare const Dialog: react.FC<SheetPrimitive.DialogProps>;
 declare const DialogTrigger: react.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 declare const DialogContent: react.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
     bottomSheet?: boolean | undefined;
-} & react.RefAttributes<HTMLDivElement & {
-    bottomSheet?: boolean | undefined;
-}>>;
+    showClose?: boolean | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;

package/dist/index.js

@@ -53723,46 +53723,48 @@ var DialogOverlay = React9.forwardRef((_a, ref) => {
   );
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React9.forwardRef((_a, ref) => {
-  var _b = _a, { className, children, bottomSheet = false } = _b, props = __objRest(_b, ["className", "children", "bottomSheet"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime1234.jsxs)(DialogPrimitive.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime1234.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime1234.jsxs)(
-      DialogPrimitive.Content,
-      __spreadProps(__spreadValues({
-        ref,
-        className: cn(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] gap-6 border bg-white p-6 shadow-lg md:w-full",
-          {
-            "top-auto bottom-0 translate-y-0 ease-[cubic-bezier(0.075,0.82,0.165,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:slide-in-from-bottom-[100%] data-[state=closed]:slide-out-to-bottom-[100%] data-[state=open]:slide-in-from-left-[50%] data-[state=closed]:slide-out-to-left-[50%] rounded-t-3xl": bottomSheet
-          },
-          {
-            "duration-200 rounded-xl 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%]": !bottomSheet
-          },
-          className
-        )
-      }, props), {
-        children: [
-          children,
-          /* @__PURE__ */ (0, import_jsx_runtime1234.jsxs)(
-            DialogPrimitive.Close,
+var DialogContent = React9.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children, bottomSheet = false, showClose = true } = _b, props = __objRest(_b, ["className", "children", "bottomSheet", "showClose"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime1234.jsxs)(DialogPrimitive.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime1234.jsx)(DialogOverlay, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime1234.jsxs)(
+        DialogPrimitive.Content,
+        __spreadProps(__spreadValues({
+          ref,
+          className: cn(
+            "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] gap-6 border bg-white p-6 shadow-lg md:w-full",
             {
-              className: cn(
-                buttonVariants({ variant: "secondary" }),
-                iconButtonSizes({ size: "xs" }),
-                "absolute right-6 top-6"
-              ),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime1234.jsx)(XCloseIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime1234.jsx)("span", { className: "sr-only", children: "Close" })
-              ]
-            }
+              "top-auto bottom-0 translate-y-0 ease-[cubic-bezier(0.075,0.82,0.165,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:slide-in-from-bottom-[100%] data-[state=closed]:slide-out-to-bottom-[100%] data-[state=open]:slide-in-from-left-[50%] data-[state=closed]:slide-out-to-left-[50%] rounded-t-3xl": bottomSheet
+            },
+            {
+              "duration-200 rounded-xl 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%]": !bottomSheet
+            },
+            className
           )
-        ]
-      })
-    )
-  ] });
-});
+        }, props), {
+          children: [
+            children,
+            showClose && /* @__PURE__ */ (0, import_jsx_runtime1234.jsxs)(
+              DialogPrimitive.Close,
+              {
+                className: cn(
+                  buttonVariants({ variant: "secondary" }),
+                  iconButtonSizes({ size: "xs" }),
+                  "absolute right-6 top-6"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime1234.jsx)(XCloseIcon, { className: "w-3 h-3" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime1234.jsx)("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ]
+        })
+      )
+    ] });
+  }
+);
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = (_a) => {
   var _b = _a, {

package/dist/index.mjs

@@ -52347,46 +52347,48 @@ var DialogOverlay = React9.forwardRef((_a, ref) => {
   );
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React9.forwardRef((_a, ref) => {
-  var _b = _a, { className, children, bottomSheet = false } = _b, props = __objRest(_b, ["className", "children", "bottomSheet"]);
-  return /* @__PURE__ */ jsxs1013(DialogPrimitive.Portal, { children: [
-    /* @__PURE__ */ jsx1234(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs1013(
-      DialogPrimitive.Content,
-      __spreadProps(__spreadValues({
-        ref,
-        className: cn(
-          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] gap-6 border bg-white p-6 shadow-lg md:w-full",
-          {
-            "top-auto bottom-0 translate-y-0 ease-[cubic-bezier(0.075,0.82,0.165,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:slide-in-from-bottom-[100%] data-[state=closed]:slide-out-to-bottom-[100%] data-[state=open]:slide-in-from-left-[50%] data-[state=closed]:slide-out-to-left-[50%] rounded-t-3xl": bottomSheet
-          },
-          {
-            "duration-200 rounded-xl 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%]": !bottomSheet
-          },
-          className
-        )
-      }, props), {
-        children: [
-          children,
-          /* @__PURE__ */ jsxs1013(
-            DialogPrimitive.Close,
+var DialogContent = React9.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children, bottomSheet = false, showClose = true } = _b, props = __objRest(_b, ["className", "children", "bottomSheet", "showClose"]);
+    return /* @__PURE__ */ jsxs1013(DialogPrimitive.Portal, { children: [
+      /* @__PURE__ */ jsx1234(DialogOverlay, {}),
+      /* @__PURE__ */ jsxs1013(
+        DialogPrimitive.Content,
+        __spreadProps(__spreadValues({
+          ref,
+          className: cn(
+            "fixed left-[50%] top-[50%] z-50 grid w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] gap-6 border bg-white p-6 shadow-lg md:w-full",
             {
-              className: cn(
-                buttonVariants({ variant: "secondary" }),
-                iconButtonSizes({ size: "xs" }),
-                "absolute right-6 top-6"
-              ),
-              children: [
-                /* @__PURE__ */ jsx1234(XCloseIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsx1234("span", { className: "sr-only", children: "Close" })
-              ]
-            }
+              "top-auto bottom-0 translate-y-0 ease-[cubic-bezier(0.075,0.82,0.165,1)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:slide-in-from-bottom-[100%] data-[state=closed]:slide-out-to-bottom-[100%] data-[state=open]:slide-in-from-left-[50%] data-[state=closed]:slide-out-to-left-[50%] rounded-t-3xl": bottomSheet
+            },
+            {
+              "duration-200 rounded-xl 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%]": !bottomSheet
+            },
+            className
           )
-        ]
-      })
-    )
-  ] });
-});
+        }, props), {
+          children: [
+            children,
+            showClose && /* @__PURE__ */ jsxs1013(
+              DialogPrimitive.Close,
+              {
+                className: cn(
+                  buttonVariants({ variant: "secondary" }),
+                  iconButtonSizes({ size: "xs" }),
+                  "absolute right-6 top-6"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx1234(XCloseIcon, { className: "w-3 h-3" }),
+                  /* @__PURE__ */ jsx1234("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ]
+        })
+      )
+    ] });
+  }
+);
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = (_a) => {
   var _b = _a, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapcall/design-system",
-  "version": "1.18.2",
+  "version": "1.18.3",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",