xtreme-ui 0.0.55 → 0.0.56

package/dist/components/layout/SiderModal/SiderModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SiderModal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SiderModal/SiderModal.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GA2CrB,CAAC"}
+{"version":3,"file":"SiderModal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SiderModal/SiderModal.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GA6CrB,CAAC"}

package/dist/components/layout/SiderModal/SiderModal.js

@@ -1,50 +1,51 @@
 "use client";
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import r from "clsx";
-import { Button as c } from "../../base/Button/Button.js";
-import { Icon as y } from "../../base/Icon/Icon.js";
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import c from "clsx";
+import { Button as l } from "../../base/Button/Button.js";
+import { Icon as h } from "../../base/Icon/Icon.js";
+import { useXData as u } from "../../context/useContext.js";
 import e from "./siderModal.module.scss.js";
-const h = f((m, d) => {
+const x = y((d, m) => {
   const {
     className: t,
     children: n,
     title: N,
     icon: i,
-    primaryButtonProps: s = {},
-    secondaryButtonProps: o = {}
-  } = m, p = r(
+    primaryButtonProps: o = {},
+    secondaryButtonProps: a = {}
+  } = d, { setSiderMode: p } = u(), f = c(
     e.siderModal,
     t
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(
     "div",
     {
-      ref: d,
-      className: p,
+      ref: m,
+      className: f,
       role: "dialog",
       children: [
-        /* @__PURE__ */ l("div", { className: e.header, children: [
-          /* @__PURE__ */ a(c, { className: e.back, icon: "f053" }),
-          i && /* @__PURE__ */ a(y, { className: e.icon, code: i, type: "duotone" }),
-          /* @__PURE__ */ a("p", { className: e.title, children: N })
+        /* @__PURE__ */ r("div", { className: e.header, children: [
+          /* @__PURE__ */ s(l, { className: e.back, icon: "f053", onClick: () => p("closed") }),
+          i && /* @__PURE__ */ s(h, { className: e.icon, code: i, type: "duotone" }),
+          /* @__PURE__ */ s("p", { className: e.title, children: N })
         ] }),
-        /* @__PURE__ */ a("div", { className: e.body, children: n }),
-        /* @__PURE__ */ l("div", { className: e.footer, children: [
-          /* @__PURE__ */ a(
-            c,
+        /* @__PURE__ */ s("div", { className: e.body, children: n }),
+        /* @__PURE__ */ r("div", { className: e.footer, children: [
+          /* @__PURE__ */ s(
+            l,
             {
               type: "primary",
-              ...s,
-              className: r(e.primaryButton, s == null ? void 0 : s.className)
+              ...o,
+              className: c(e.primaryButton, o == null ? void 0 : o.className)
             }
           ),
-          /* @__PURE__ */ a(
-            c,
+          /* @__PURE__ */ s(
+            l,
             {
               type: "secondary",
-              ...o,
-              className: r(e.secondaryButton, o == null ? void 0 : o.className)
+              ...a,
+              className: c(e.secondaryButton, a == null ? void 0 : a.className)
             }
           )
         ] })
@@ -52,7 +53,7 @@ const h = f((m, d) => {
     }
   );
 });
-h.displayName = "SiderModal";
+x.displayName = "SiderModal";
 export {
-  h as SiderModal
+  x as SiderModal
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "xtreme-ui",
-	"version": "0.0.55",
+	"version": "0.0.56",
 	"type": "module",
 	"description": "Collection of reusable components that can be used in web projects",
 	"main": "dist/index.js",