@mamrp/components 1.7.1 → 1.7.2

package/dist/index.d.mts

@@ -28,13 +28,15 @@ interface AdvancedSearchButtonProps {
     setIsShowFilter: React__default.Dispatch<React__default.SetStateAction<boolean>>;
     color?: "black" | "white";
     title?: string;
-    optional?: any;
-    icon?: any;
+    onToggle?: (value: boolean) => void;
+    icon?: React__default.ReactNode;
     borderRadius?: string;
-    paddingY?: string;
+    paddingY?: number;
     fontSize?: string;
+    backgroundColor?: string;
+    border?: boolean;
 }
-declare function AdvancedSearchButton({ isShowFilter, setIsShowFilter, color, title, optional, icon, borderRadius, paddingY, fontSize, }: AdvancedSearchButtonProps): React__default.JSX.Element;
+declare function AdvancedSearchButton({ isShowFilter, setIsShowFilter, color, title, onToggle, icon, borderRadius, paddingY, fontSize, backgroundColor, border, }: AdvancedSearchButtonProps): React__default.JSX.Element;
 
 declare function SkeletonCard(): React__default.JSX.Element;
 

package/dist/index.d.ts

@@ -28,13 +28,15 @@ interface AdvancedSearchButtonProps {
     setIsShowFilter: React__default.Dispatch<React__default.SetStateAction<boolean>>;
     color?: "black" | "white";
     title?: string;
-    optional?: any;
-    icon?: any;
+    onToggle?: (value: boolean) => void;
+    icon?: React__default.ReactNode;
     borderRadius?: string;
-    paddingY?: string;
+    paddingY?: number;
     fontSize?: string;
+    backgroundColor?: string;
+    border?: boolean;
 }
-declare function AdvancedSearchButton({ isShowFilter, setIsShowFilter, color, title, optional, icon, borderRadius, paddingY, fontSize, }: AdvancedSearchButtonProps): React__default.JSX.Element;
+declare function AdvancedSearchButton({ isShowFilter, setIsShowFilter, color, title, onToggle, icon, borderRadius, paddingY, fontSize, backgroundColor, border, }: AdvancedSearchButtonProps): React__default.JSX.Element;
 
 declare function SkeletonCard(): React__default.JSX.Element;
 

package/dist/index.js

@@ -725,7 +725,6 @@ var import_react3 = __toESM(require("react"));
 var import_io = require("react-icons/io");
 var AnimatedIcon = (0, import_material4.styled)(import_io.IoIosArrowUp, {
   shouldForwardProp: (prop) => prop !== "isShowFilter"
-  // Don't pass isShowFilter to the underlying component
 })(({ isShowFilter }) => ({
   transition: "all 0.5s ease",
   transform: `rotate(${isShowFilter ? 0 : "0.5turn"})`
@@ -735,26 +734,36 @@ function AdvancedSearchButton({
   setIsShowFilter,
   color = "black",
   title = "\u0641\u0631\u0645 \u062C\u0633\u062A\u062C\u0648",
-  optional,
+  onToggle,
   icon,
   borderRadius,
   paddingY,
-  fontSize
+  fontSize,
+  backgroundColor,
+  border = false
 }) {
   const theme3 = (0, import_material4.useTheme)();
+  const isDarkMode = theme3.palette.mode === "dark";
   return /* @__PURE__ */ import_react3.default.createElement(
     import_material4.Button,
     {
       onClick: () => {
         setIsShowFilter((prev) => !prev);
-        optional && optional(false);
+        onToggle?.(false);
       },
       startIcon: /* @__PURE__ */ import_react3.default.createElement(AnimatedIcon, { isShowFilter }),
       sx: {
         color: theme3.palette.text.primary ?? color,
-        borderRadius,
+        borderRadius: borderRadius ?? 2,
         paddingY,
-        fontSize
+        fontSize,
+        backgroundColor,
+        ...border && {
+          border: isDarkMode ? `1px solid rgba(255, 255, 255, 0.23)` : `1px solid rgba(0, 0, 0, 0.23)`
+        },
+        "&:hover": {
+          backgroundColor: backgroundColor ? backgroundColor : isDarkMode ? "rgba(255, 255, 255, 0.05)" : "rgba(0, 0, 0, 0.04)"
+        }
       },
       fullWidth: true
     },