@mbao01/common 0.0.26 → 0.0.28

package/dist/types/components/Dialog/Dialog.d.ts

@@ -15,6 +15,9 @@ declare const Dialog: {
     Content: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
         variant?: "dialog" | "sheet" | undefined;
         side?: "top" | "right" | "bottom" | "left" | undefined;
+    } & {
+        showClose?: boolean | undefined;
+        closeProps?: import("./types").DialogCloseProps | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     Footer: {
         ({ className, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Dialog/types.d.ts

@@ -1,10 +1,14 @@
 /// <reference types="react" />
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { type VariantProps } from "../../libs";
-import { getDialogContentClasses, getDialogDescriptionClasses, getDialogFooterClasses, getDialogHeaderClasses, getDialogOverlayClasses, getDialogTitleClasses } from "./constants";
+import { getDialogCloseClasses, getDialogContentClasses, getDialogDescriptionClasses, getDialogFooterClasses, getDialogHeaderClasses, getDialogOverlayClasses, getDialogTitleClasses } from "./constants";
 export type DialogProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
 export type DialogOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & VariantProps<typeof getDialogOverlayClasses>;
-export type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & VariantProps<typeof getDialogContentClasses>;
+export type DialogCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close> & VariantProps<typeof getDialogCloseClasses>;
+export type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & VariantProps<typeof getDialogContentClasses> & {
+    showClose?: boolean;
+    closeProps?: DialogCloseProps;
+};
 export type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getDialogHeaderClasses>;
 export type DialogFooterProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof getDialogFooterClasses>;
 export type DialogTitleProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> & VariantProps<typeof getDialogTitleClasses>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.0.26",
+  "version": "0.0.28",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -142,5 +142,5 @@
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
   },
-  "gitHead": "ae57ca0c314f2fb4aeb6b3c87d11f96cc7b8d5f0"
+  "gitHead": "74c0783184a29ff6cac39bdb20a7c1d3621fc102"
 }

package/src/components/Alert/constants.ts

@@ -1,7 +1,7 @@
 import { cva } from "../../libs";
 
 export const getAlertClasses = cva(
-  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-inherit",
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-inherit",
   {
     variants: {
       variant: {

package/src/components/Avatar/constants.ts

@@ -23,7 +23,7 @@ const classesConfig = {
   variants: {
     variant: {
       accent: "bg-accent text-accent-content ring-accent",
-      default: "bg-default text-default-content ring-default",
+      default: "bg-base-200 text-base-content ring-default",
       error: "bg-error text-error-content ring-error",
       ghost: "bg-ghost text-ghost-content ring-ghost",
       info: "bg-info text-info-content ring-info",

package/src/components/Dialog/Dialog.tsx

@@ -42,7 +42,15 @@ const DialogContent = React.forwardRef<
   DialogContentProps
 >(
   (
-    { className, children, variant = "dialog", side = "right", ...props },
+    {
+      className,
+      children,
+      closeProps,
+      variant = "dialog",
+      showClose = true,
+      side = "right",
+      ...props
+    },
     ref
   ) => (
     <DialogPrimitive.Portal>
@@ -59,10 +67,15 @@ const DialogContent = React.forwardRef<
         {...props}
       >
         {children}
-        <DialogPrimitive.Close className={cn(getDialogCloseClasses())}>
-          <Cross2Icon className="h-4 w-4" />
-          <span className="sr-only">Close</span>
-        </DialogPrimitive.Close>
+        {showClose ? (
+          <DialogPrimitive.Close
+            {...closeProps}
+            className={cn(getDialogCloseClasses(), closeProps?.className)}
+          >
+            <Cross2Icon className="h-4 w-4" />
+            <span className="sr-only">Close</span>
+          </DialogPrimitive.Close>
+        ) : null}
       </DialogPrimitive.Content>
     </DialogPrimitive.Portal>
   )

package/src/components/Dialog/types.ts

@@ -1,6 +1,7 @@
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { type VariantProps } from "../../libs";
 import {
+  getDialogCloseClasses,
   getDialogContentClasses,
   getDialogDescriptionClasses,
   getDialogFooterClasses,
@@ -18,10 +19,18 @@ export type DialogOverlayProps = React.ComponentPropsWithoutRef<
 > &
   VariantProps<typeof getDialogOverlayClasses>;
 
+export type DialogCloseProps = React.ComponentPropsWithoutRef<
+  typeof DialogPrimitive.Close
+> &
+  VariantProps<typeof getDialogCloseClasses>;
+
 export type DialogContentProps = React.ComponentPropsWithoutRef<
   typeof DialogPrimitive.Content
 > &
-  VariantProps<typeof getDialogContentClasses>;
+  VariantProps<typeof getDialogContentClasses> & {
+    showClose?: boolean;
+    closeProps?: DialogCloseProps;
+  };
 
 export type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement> &
   VariantProps<typeof getDialogHeaderClasses>;