@aaravpos/appointment-barber-booking 1.0.1 → 1.0.3

package/dist/index.js

@@ -3191,24 +3191,24 @@ function en() {
     })]
   }) });
 }
-function tn({ children: e, sidebar: t, renderButton: r, isConfirm: n = !1, handleSidebarOpen: a, isSidebarOpen: i = !1 }) {
-  const { selectedServices: o, selectedProfessional: s } = re((d) => d.barber.service);
+function tn({ children: e, sidebar: t, renderButton: r, isConfirm: n = !1, isSidebarOpen: a = !1, handleSidebarOpen: i }) {
+  const { selectedServices: o, selectedProfessional: s } = re((l) => l.barber.service), d = o?.length > 0 || !!s?.id;
   return /* @__PURE__ */ b("div", {
     className: "aaravpos-main-layout",
     children: [/* @__PURE__ */ b("div", {
-      className: `aaravpos-layout-wrapper ${o?.length > 0 || s?.id ? "with-sidebar" : ""}`,
+      className: "aaravpos-layout-wrapper",
       children: [/* @__PURE__ */ b("main", {
         className: "aaravpos-main-content",
         children: [e, n ? /* @__PURE__ */ u("button", {
-          onClick: a,
           className: "aaravpos-btn",
+          onClick: i,
           children: /* @__PURE__ */ u("span", { children: "View Order" })
         }) : r]
       }), /* @__PURE__ */ u("aside", {
-        className: `aaravpos-barber-sidebar ${i ? "open" : ""}`,
+        className: `aaravpos-barber-sidebar ${d ? "open" : ""}`,
         children: t
       })]
-    }), i && /* @__PURE__ */ u("div", {
+    }), a && /* @__PURE__ */ u("div", {
       className: "aaravpos-barber-sidebar-mobile",
       children: /* @__PURE__ */ u("div", {
         className: "aaravpos-barber-sidebar-mobile-content",

package/dist/styles.css

@@ -961,32 +961,21 @@
   border-radius: 8px;
   display: flex;
 }
-.aaravpos-barber-sidebar .show {
-  transform: translateX(0);
-}
-.aaravpos-barber-sidebar .hide {
-  transform: translateX(100%);
-}
-.aaravpos-layout-wrapper.with-sidebar .aaravpos-barber-sidebar {
+.aaravpos-barber-sidebar.open {
   transform: translateX(0);
 }
 .aaravpos-barber-sidebar-mobile {
   position: fixed;
-  z-index: 999;
   inset: 0;
-  height: 100vh;
-  background: #ffffff;
-  border-radius: 16px 16px 0 0;
+  z-index: 9999;
+  background: #fff;
   display: flex;
   flex-direction: column;
-  animation: aaravposFadeIn 0.25s ease;
 }
 .aaravpos-barber-sidebar-mobile-content {
   flex: 1;
-  position: fixed;
-  inset: 0;
-  padding: 16px;
   overflow-y: auto;
+  padding: 16px;
 }
 .aaravpos-outlet-divider {
   width: 56px;
@@ -3632,7 +3621,7 @@
   .aaravpos-sidebar-close-btn {
     display: none;
   }
-  .aaravpos-layout-wrapper.with-sidebar {
+  .aaravpos-layout-wrapper {
     grid-template-columns: minmax(0, 1fr) 360px;
   }
 }
@@ -3693,6 +3682,9 @@
     flex-direction: column;
     margin-bottom: 10px;
   }
+  .aaravpos-barber-sidebar {
+    display: none;
+  }
   .arravpos-booking-grid {
     flex-direction: column;
     gap: 20px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aaravpos/appointment-barber-booking",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A React component library built with Tailwind CSS v4 and TypeScript",
   "type": "module",
   "packageManager": "pnpm@10.33.0",