@petnow/ui 2.3.0 → 2.3.1

package/dist/index.es.js

@@ -5048,23 +5048,24 @@ const lh = /* @__PURE__ */ Jf(sh), OE = ({
   unswipeableContent: t,
   defaultIndex: o = 0,
   onTabChange: a,
-  disabled: i
+  disabled: i,
+  allowScrollToSection: s = !0
 }) => {
-  const [s, l] = me(o), c = ie(null), u = (f) => {
-    f.current && window.scrollTo({
-      top: f.current.offsetTop - 50,
+  const [l, c] = me(o), u = ie(null), d = (h) => {
+    h.current && window.scrollTo({
+      top: h.current.offsetTop - 50,
       behavior: "smooth"
     });
-  }, d = (f) => {
-    l(f), u(c), a == null || a(f);
-  }, p = () => {
-    const h = 100 / n.length;
+  }, p = (h) => {
+    c(h), s && d(u), a == null || a(h);
+  }, f = () => {
+    const m = 100 / n.length;
     return {
-      width: `${h}%`,
-      left: `${s * h}%`
+      width: `${m}%`,
+      left: `${l * m}%`
     };
   };
-  return /* @__PURE__ */ Y.jsxs("div", { ref: c, className: "w-full", children: [
+  return /* @__PURE__ */ Y.jsxs("div", { ref: u, className: "w-full", children: [
     /* @__PURE__ */ Y.jsxs(
       "div",
       {
@@ -5073,18 +5074,18 @@ const lh = /* @__PURE__ */ Jf(sh), OE = ({
           `z-50 mb-[20px] flex w-full flex-col bg-white ${e && "sticky top-[50px]"}`
         ),
         children: [
-          /* @__PURE__ */ Y.jsx("div", { className: "flex", children: n.map((f, h) => /* @__PURE__ */ Y.jsx("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ Y.jsx(
+          /* @__PURE__ */ Y.jsx("div", { className: "flex", children: n.map((h, m) => /* @__PURE__ */ Y.jsx("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ Y.jsx(
             "button",
             {
               className: lt(
                 r == null ? void 0 : r.tabTitle,
-                `cursor-pointer ${s === h ? "text-petnow-grey-30 text-label-large" : "text-petnow-grey-70 text-body-large disabled:opacity-40"}`
+                `cursor-pointer ${l === m ? "text-petnow-grey-30 text-label-large" : "text-petnow-grey-70 text-body-large disabled:opacity-40"}`
               ),
-              onClick: () => d(h),
+              onClick: () => p(m),
               disabled: i,
-              children: f.displayName
+              children: h.displayName
             }
-          ) }, f.key)) }),
+          ) }, h.key)) }),
           /* @__PURE__ */ Y.jsx(
             "div",
             {
@@ -5099,7 +5100,7 @@ const lh = /* @__PURE__ */ Jf(sh), OE = ({
                     r == null ? void 0 : r.selectedUnderline,
                     "bg-petnow-grey-30 absolute h-[2px] transition-all duration-200"
                   ),
-                  style: p()
+                  style: f()
                 }
               )
             }
@@ -5111,12 +5112,12 @@ const lh = /* @__PURE__ */ Jf(sh), OE = ({
     /* @__PURE__ */ Y.jsx(
       lh,
       {
-        index: s,
-        onChangeIndex: (f) => {
-          l(f), a == null || a(f);
+        index: l,
+        onChangeIndex: (h) => {
+          c(h), a == null || a(h);
         },
         disabled: i,
-        children: n.map((f) => /* @__PURE__ */ Y.jsx("div", { children: f.content }, f.key))
+        children: n.map((h) => /* @__PURE__ */ Y.jsx("div", { children: h.content }, h.key))
       }
     )
   ] });