prometeo-design-system 2.8.4 → 2.8.7

package/dist/{Steps.es.js → components/Steps/Steps.js}

@@ -1,15 +1,15 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
-import { Check as j } from "./Icons.es.js";
-import { c as y } from "./cn-B6yFEsav.js";
-import { motion as r } from "framer-motion";
-import N from "react";
-const b = ({
-  index: n,
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { Check as b } from "../../Icons/Icons.js";
+import { cn as w } from "../../lib/cn.js";
+import { motion as s } from "framer-motion";
+import $ from "react";
+const v = ({
+  index: c,
   isHorizontal: t,
-  currentStep: u,
-  size: s
+  currentStep: f,
+  size: n
 }) => {
-  const i = n < u, x = n === u - 1, o = {
+  const i = c < f, p = c === f - 1, o = {
     horizontal: {
       sm: "w-[44px] h-[2px]",
       md: "w-20 h-1",
@@ -21,15 +21,15 @@ const b = ({
       lg: "w-1 h-20"
     }
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `relative ${t ? o.horizontal[s] : o.vertical[s]}`, children: [
-    /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ u("div", { className: `relative ${t ? o.horizontal[n] : o.vertical[n]}`, children: [
+    /* @__PURE__ */ e(
       "div",
       {
         className: "absolute inset-0 rounded-full bg-neutral-medium-default"
       }
     ),
-    /* @__PURE__ */ e.jsx(
-      r.div,
+    /* @__PURE__ */ e(
+      s.div,
       {
         className: "absolute inset-0 rounded-full bg-primary-default-default",
         initial: {
@@ -45,7 +45,7 @@ const b = ({
         transition: {
           duration: 0.2,
           ease: "easeInOut",
-          delay: n * 0.1
+          delay: c * 0.1
         },
         style: {
           originX: t ? 0 : 0.5,
@@ -53,8 +53,8 @@ const b = ({
         }
       }
     ),
-    x && /* @__PURE__ */ e.jsx(
-      r.div,
+    p && /* @__PURE__ */ e(
+      s.div,
       {
         className: "absolute inset-0 rounded-full bg-primary-default-default",
         initial: {
@@ -80,22 +80,22 @@ const b = ({
       }
     )
   ] });
-}, S = ({
-  steps: n,
+}, k = ({
+  steps: c,
   currentStep: t,
-  orientation: u = "horizontal",
-  variant: s = "default",
+  orientation: f = "horizontal",
+  variant: n = "default",
   size: i = "md",
-  className: x = "",
+  className: p = "",
   onStepClick: o,
-  allowClickableSteps: p = !1
+  allowClickableSteps: g = !1
 }) => {
-  const c = u === "horizontal", m = {
+  const r = f === "horizontal", m = {
     sm: {
       circle: "size-7 aspect-square text-xs",
       title: "text-sm",
       description: "text-[11px] w-16",
-      spacing: c ? "gap-2" : "gap-1",
+      spacing: r ? "gap-2" : "gap-1",
       connectorContainer: "px-2",
       iconSize: 20
     },
@@ -103,7 +103,7 @@ const b = ({
       circle: "w-10 h-10 text-sm",
       title: "text-base",
       description: "text-sm w-20",
-      spacing: c ? "gap-3" : "gap-2",
+      spacing: r ? "gap-3" : "gap-2",
       connectorContainer: "px-2",
       iconSize: 24
     },
@@ -111,11 +111,11 @@ const b = ({
       circle: "w-12 h-12 text-base",
       title: "text-lg",
       description: "text-base w-28",
-      spacing: c ? "gap-4" : "gap-3",
+      spacing: r ? "gap-4" : "gap-3",
       connectorContainer: "px-2",
       iconSize: 28
     }
-  }, w = (a) => a < t ? "completed" : a === t ? "current" : "upcoming", g = (a) => {
+  }, N = (a) => a < t ? "completed" : a === t ? "current" : "upcoming", h = (a) => {
     const l = `${m[i].circle} rounded-full flex items-center justify-center font-medium`;
     switch (a) {
       case "completed":
@@ -125,69 +125,69 @@ const b = ({
       default:
         return `${l} bg-neutral-medium-default text-neutral-medium-default`;
     }
-  }, h = (a) => {
-    p && o && o(a);
-  }, v = c ? `flex items-center w-full justify-center ${x}` : `space-y-0 ${x}`;
-  return /* @__PURE__ */ e.jsx("div", { className: v, children: n.map((a, l) => {
-    const d = w(l), f = p && o;
-    return /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: c ? /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "w-max flex flex-col items-center relative", children: [
-        /* @__PURE__ */ e.jsx(
-          r.div,
+  }, y = (a) => {
+    g && o && o(a);
+  }, C = r ? `flex items-center w-full justify-center ${p}` : `space-y-0 ${p}`;
+  return /* @__PURE__ */ e("div", { className: C, children: c.map((a, l) => {
+    const d = N(l), x = g && o;
+    return /* @__PURE__ */ e("div", { className: "flex items-center", children: r ? /* @__PURE__ */ u("div", { className: "flex", children: [
+      /* @__PURE__ */ u("div", { className: "w-max flex flex-col items-center relative", children: [
+        /* @__PURE__ */ e(
+          s.div,
           {
-            className: `${g(d)} ${f ? "cursor-pointer" : ""} relative z-10`,
+            className: `${h(d)} ${x ? "cursor-pointer" : ""} relative z-10`,
             initial: { scale: 0.8, opacity: 0 },
             animate: { scale: 1, opacity: 1 },
             transition: { duration: 0.3, delay: l * 0.3 },
-            whileTap: f ? { scale: 0.95 } : {},
-            onClick: () => h(l),
-            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(j, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
+            whileTap: x ? { scale: 0.95 } : {},
+            onClick: () => y(l),
+            children: n === "numbered" || n === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e(s.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e(b, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e("span", { children: l + 1 }) : $.cloneElement(a.icon, { size: m[i].iconSize })
           }
         ),
-        s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className: y(
+        n !== "minimal" && n !== "numbered-minimal" && a.description && /* @__PURE__ */ e("p", { className: w(
           "absolute text-center w-28 -bottom-2 translate-y-full",
           m[i].description,
           "text-gray-400 mt-2 text-center",
           d === "current" ? "text-neutral-strong-default font-semibold " : "text-neutral-medium-default"
         ), children: a.description })
       ] }),
-      l < n.length - 1 && /* @__PURE__ */ e.jsx(
+      l < c.length - 1 && /* @__PURE__ */ e(
         "div",
         {
           className: `flex items-center w-max ${m[i].connectorContainer}`,
-          children: /* @__PURE__ */ e.jsx(
-            b,
+          children: /* @__PURE__ */ e(
+            v,
             {
               index: l,
-              isHorizontal: c,
+              isHorizontal: r,
               currentStep: t,
               size: i
             }
           )
         }
       )
-    ] }) : /* @__PURE__ */ e.jsxs("div", { className: "relative flex flex-col items-center w-max", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center w-full relative", children: [
-        /* @__PURE__ */ e.jsx(
-          r.div,
+    ] }) : /* @__PURE__ */ u("div", { className: "relative flex flex-col items-center w-max", children: [
+      /* @__PURE__ */ u("div", { className: "flex flex-col items-center w-full relative", children: [
+        /* @__PURE__ */ e(
+          s.div,
           {
-            className: `${g(d)} ${f ? "cursor-pointer" : ""}`,
+            className: `${h(d)} ${x ? "cursor-pointer" : ""}`,
             initial: { scale: 0.8, opacity: 0 },
             animate: { scale: 1, opacity: 1 },
             transition: { duration: 0.3, delay: l * 0.1 },
-            whileTap: f ? { scale: 0.95 } : {},
-            onClick: () => h(l),
-            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(j, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
+            whileTap: x ? { scale: 0.95 } : {},
+            onClick: () => y(l),
+            children: n === "numbered" || n === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e(s.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e(b, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e("span", { children: l + 1 }) : a.icon
           }
         ),
-        s !== "minimal" && s !== "numbered-minimal" && /* @__PURE__ */ e.jsx(
-          r.div,
+        n !== "minimal" && n !== "numbered-minimal" && /* @__PURE__ */ e(
+          s.div,
           {
             className: `absolute -right-4 top-1/2 -translate-y-1/2  translate-x-full ml-4  gap-3 flex flex-col w-full ${m[i].spacing} flex  h-full`,
             initial: { opacity: 0, x: -10 },
             animate: { opacity: 1, x: 0 },
             transition: { duration: 0.3, delay: l * 0.1 + 0.1 },
-            children: a.description && /* @__PURE__ */ e.jsx("p", { className: y(
+            children: a.description && /* @__PURE__ */ e("p", { className: w(
               "h-full text-start flex items-center justify-start ",
               m[i].description,
               "text-gray-400",
@@ -196,11 +196,11 @@ const b = ({
           }
         )
       ] }),
-      l < n.length - 1 && /* @__PURE__ */ e.jsx("div", { className: "py-2", children: /* @__PURE__ */ e.jsx(
-        b,
+      l < c.length - 1 && /* @__PURE__ */ e("div", { className: "py-2", children: /* @__PURE__ */ e(
+        v,
         {
           index: l,
-          isHorizontal: c,
+          isHorizontal: r,
           currentStep: t,
           size: i
         }
@@ -209,5 +209,5 @@ const b = ({
   }) });
 };
 export {
-  S as Steps
+  k as default
 };

package/dist/{SwipeContainer.es.js → components/SwipeContainer/SwipeContainer.js}

@@ -1,94 +1,94 @@
-import { j as o } from "./jsx-runtime-ByW6EXIE.js";
-import { c as i } from "./cn-B6yFEsav.js";
-import { useState as d, useRef as D, useEffect as L } from "react";
-const O = ({
-  children: x,
-  className: P,
+import { jsxs as D, jsx as o } from "react/jsx-runtime";
+import { cn as i } from "../../lib/cn.js";
+import { useState as d, useRef as L, useEffect as P } from "react";
+const Q = ({
+  children: m,
+  className: W,
   showIndicators: R = !0,
-  showControls: W = !0,
+  showControls: Y = !0,
   // Por defecto mostrar controles
-  autoPlay: k = !1,
-  autoPlayInterval: $ = 3e3,
-  onSwipe: m,
-  threshold: Y = 50,
+  autoPlay: $ = !1,
+  autoPlayInterval: N = 3e3,
+  onSwipe: p,
+  threshold: B = 50,
   disabled: l = !1,
   cardWidth: f,
   // Ancho personalizado de tarjetas
   visibleCards: r,
   // Número de tarjetas visibles
-  width: p = "100%",
+  width: x = "100%",
   // Ancho por defecto
   height: v = "300px",
   // Alto por defecto
   gap: g = 16
   // Separación por defecto entre cards
 }) => {
-  const [n, h] = d(0), [u, N] = d(!1), [T, B] = d({ x: 0, y: 0 }), [I, w] = d({ x: 0, y: 0 }), y = D(null), c = D(null), s = x.length, C = f ? typeof f == "number" ? `${f}px` : f : r && r > 0 ? `${100 / r}%` : "100%";
-  L(() => (k && s > 1 && !u && (c.current = setInterval(() => {
+  const [n, h] = d(0), [u, T] = d(!1), [I, C] = d({ x: 0, y: 0 }), [S, w] = d({ x: 0, y: 0 }), y = L(null), c = L(null), s = m.length, U = f ? typeof f == "number" ? `${f}px` : f : r && r > 0 ? `${100 / r}%` : "100%";
+  P(() => ($ && s > 1 && !u && (c.current = setInterval(() => {
     h((e) => (e + 1) % s);
-  }, $)), () => {
+  }, N)), () => {
     c.current && clearInterval(c.current);
-  }), [k, $, s, u]), L(() => {
+  }), [$, N, s, u]), P(() => {
     u && c.current && clearInterval(c.current);
   }, [u]);
-  const S = (e, t) => {
-    l || (N(!0), B({ x: e, y: t }), w({ x: e, y: t }));
-  }, E = (e, t) => {
+  const X = (e, t) => {
+    l || (T(!0), C({ x: e, y: t }), w({ x: e, y: t }));
+  }, b = (e, t) => {
     !u || l || w({ x: e, y: t });
-  }, X = () => {
+  }, E = () => {
     if (!u || l) return;
-    const e = I.x - T.x;
-    if (Math.abs(e) > Y) {
+    const e = S.x - I.x;
+    if (Math.abs(e) > B) {
       if (e > 0 && n > 0) {
         const a = n - 1;
-        h(a), m?.(a);
+        h(a), p?.(a);
       } else if (e < 0 && n < s - 1) {
         const a = n + 1;
-        h(a), m?.(a);
+        h(a), p?.(a);
       }
     }
-    N(!1), w({ x: 0, y: 0 });
-  }, U = (e) => {
-    e.preventDefault(), S(e.clientX, e.clientY);
+    T(!1), w({ x: 0, y: 0 });
   }, _ = (e) => {
-    E(e.clientX, e.clientY);
-  }, b = () => {
-    X();
+    e.preventDefault(), X(e.clientX, e.clientY);
   }, q = (e) => {
-    const t = e.touches[0];
-    S(t.clientX, t.clientY);
+    b(e.clientX, e.clientY);
+  }, j = () => {
+    E();
   }, z = (e) => {
     const t = e.touches[0];
-    E(t.clientX, t.clientY);
-  }, A = () => {
-    X();
-  }, j = (e) => {
-    l || e < 0 || e >= s || (h(e), m?.(e));
+    X(t.clientX, t.clientY);
+  }, A = (e) => {
+    const t = e.touches[0];
+    b(t.clientX, t.clientY);
   }, F = () => {
-    const e = I.x - T.x;
+    E();
+  }, M = (e) => {
+    l || e < 0 || e >= s || (h(e), p?.(e));
+  }, G = () => {
+    const e = S.x - I.x;
     let t = 0;
     if (r && r > 0) {
-      const M = y.current ? (y.current.offsetWidth - g * (r - 1)) / r : 0;
-      t = n * (M + g);
+      const k = y.current ? (y.current.offsetWidth - g * (r - 1)) / r : 0;
+      t = n * (k + g);
     } else
       t = n * 100;
     const a = r && r > 0 ? `translateX(-${t}px)` : `translateX(-${n * 100}%)`;
     if (u) {
-      const M = `translateX(${e}px)`;
-      return `${a} ${M}`;
+      const k = `translateX(${e}px)`;
+      return `${a} ${k}`;
     }
     return a;
   };
-  return s === 0 ? null : /* @__PURE__ */ o.jsxs(
+  return s === 0 ? null : /* @__PURE__ */ D(
     "div",
     {
-      className: i("relative overflow-hidden", P),
+      className: i("relative overflow-hidden", W),
       style: {
-        width: typeof p == "number" ? `${p}px` : p,
+        width: typeof x == "number" ? `${x}px` : x,
         height: typeof v == "number" ? `${v}px` : v
       },
       children: [
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ o(
           "div",
           {
             ref: y,
@@ -97,22 +97,22 @@ const O = ({
               l && "pointer-events-none opacity-50"
             ),
             style: {
-              transform: F(),
+              transform: G(),
               gap: `${g}px`
             },
-            onMouseDown: U,
-            onMouseMove: _,
-            onMouseUp: b,
-            onMouseLeave: b,
-            onTouchStart: q,
-            onTouchMove: z,
-            onTouchEnd: A,
-            children: x.map((e, t) => /* @__PURE__ */ o.jsx(
+            onMouseDown: _,
+            onMouseMove: q,
+            onMouseUp: j,
+            onMouseLeave: j,
+            onTouchStart: z,
+            onTouchMove: A,
+            onTouchEnd: F,
+            children: m.map((e, t) => /* @__PURE__ */ o(
               "div",
               {
                 className: "flex-shrink-0 h-full",
                 style: {
-                  width: C
+                  width: U
                 },
                 children: e
               },
@@ -120,10 +120,10 @@ const O = ({
             ))
           }
         ),
-        R && s > 1 && /* @__PURE__ */ o.jsx("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2", children: x.map((e, t) => /* @__PURE__ */ o.jsx(
+        R && s > 1 && /* @__PURE__ */ o("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex gap-2", children: m.map((e, t) => /* @__PURE__ */ o(
           "button",
           {
-            onClick: () => j(t),
+            onClick: () => M(t),
             className: i(
               "w-2 h-2 rounded-full transition-all duration-200",
               t === n ? "bg-primary-default-default" : "bg-neutral-medium-default hover:bg-neutral-default-default"
@@ -132,45 +132,45 @@ const O = ({
           },
           t
         )) }),
-        W && s > 1 && /* @__PURE__ */ o.jsxs("div", { className: "absolute inset-0 flex items-center justify-between pointer-events-none", children: [
-          n > 0 && /* @__PURE__ */ o.jsx(
+        Y && s > 1 && /* @__PURE__ */ D("div", { className: "absolute inset-0 flex items-center justify-between pointer-events-none", children: [
+          n > 0 && /* @__PURE__ */ o(
             "button",
             {
-              onClick: () => j(n - 1),
+              onClick: () => M(n - 1),
               className: i(
                 "p-2 rounded-full bg-white shadow-md hover:shadow-lg transition-shadow pointer-events-auto",
                 l && "pointer-events-none opacity-50"
               ),
               "aria-label": "Elemento anterior",
-              children: /* @__PURE__ */ o.jsx(
+              children: /* @__PURE__ */ o(
                 "svg",
                 {
                   className: "w-4 h-4 text-neutral-default-default rotate-180",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ o.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+                  children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
                 }
               )
             }
           ),
-          n < s - 1 && /* @__PURE__ */ o.jsx(
+          n < s - 1 && /* @__PURE__ */ o(
             "button",
             {
-              onClick: () => j(n + 1),
+              onClick: () => M(n + 1),
               className: i(
                 "p-2 rounded-full bg-white shadow-md hover:shadow-lg transition-shadow pointer-events-auto",
                 l && "pointer-events-none opacity-50"
               ),
               "aria-label": "Elemento siguiente",
-              children: /* @__PURE__ */ o.jsx(
+              children: /* @__PURE__ */ o(
                 "svg",
                 {
                   className: "w-4 h-4 text-neutral-default-default",
                   fill: "none",
                   stroke: "currentColor",
                   viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ o.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+                  children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
                 }
               )
             }
@@ -181,5 +181,5 @@ const O = ({
   );
 };
 export {
-  O as default
+  Q as default
 };

package/dist/{Switch.es.js → components/Switch/Switch.js}

@@ -1,11 +1,11 @@
-import { j as a } from "./jsx-runtime-ByW6EXIE.js";
-import { c as r } from "./cn-B6yFEsav.js";
-import { memo as w, useRef as b } from "react";
+import { jsxs as w, jsx as a } from "react/jsx-runtime";
+import { cn as r } from "../../lib/cn.js";
+import { memo as b, useRef as k } from "react";
 import { motion as c } from "framer-motion";
-const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
-  const n = b(null), h = (u) => {
+const s = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
+  const n = k(null), h = (l) => {
     if (!n.current || t) return;
-    u.preventDefault(), u.stopPropagation();
+    l.preventDefault(), l.stopPropagation();
     const g = !n.current.checked;
     f(d, g);
   }, i = {
@@ -46,19 +46,19 @@ const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
     off: {
       width: 16
     }
-  }, e = o ? "on" : "off", s = t ? "disabled" : "default";
-  return /* @__PURE__ */ a.jsxs("div", { children: [
-    /* @__PURE__ */ a.jsx("input", { type: "checkbox", hidden: !0, ref: n, checked: o, disabled: t }),
-    /* @__PURE__ */ a.jsx(
+  }, e = o ? "on" : "off", u = t ? "disabled" : "default";
+  return /* @__PURE__ */ w("div", { children: [
+    /* @__PURE__ */ a("input", { type: "checkbox", hidden: !0, ref: n, checked: o, disabled: t }),
+    /* @__PURE__ */ a(
       "div",
       {
         onClick: h,
         className: r(
           "w-14 h-8 rounded-full relative px-2 cursor-pointer",
           t && "cursor-default",
-          i[e][s].container
+          i[e][u].container
         ),
-        children: /* @__PURE__ */ a.jsx(
+        children: /* @__PURE__ */ a(
           c.span,
           {
             animate: m[e],
@@ -69,7 +69,7 @@ const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
               "absolute top-1/2 -translate-y-1/2 grid place-items-center ",
               "size-10 aspect-square rounded-full absolute top-1/2 -translate-y-1/2"
             ),
-            children: /* @__PURE__ */ a.jsx(
+            children: /* @__PURE__ */ a(
               c.span,
               {
                 animate: p[e],
@@ -79,7 +79,7 @@ const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
                 },
                 className: r(
                   "size-4 aspect-square rounded-full z-10",
-                  i[e][s].dot
+                  i[e][u].dot
                 )
               }
             )
@@ -89,8 +89,8 @@ const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
     )
   ] });
 };
-l.displayName = "Switch";
-const y = w(l);
+s.displayName = "Switch";
+const N = b(s);
 export {
-  y as Switch
+  N as default
 };

package/dist/{TabLinks.es.js → components/TabLinks/TabLinks.js}

@@ -1,7 +1,7 @@
-import { j as n } from "./jsx-runtime-ByW6EXIE.js";
-import { motion as x } from "framer-motion";
-import { memo as N } from "react";
-import { c as r } from "./cn-B6yFEsav.js";
+import { jsx as n, jsxs as N } from "react/jsx-runtime";
+import { motion as g } from "framer-motion";
+import { memo as T } from "react";
+import { cn as r } from "../../lib/cn.js";
 function o({
   items: t,
   activeTab: e,
@@ -16,7 +16,7 @@ function o({
   const h = (a) => {
     a.disabled || i?.(a.id, a);
   };
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n(
     "div",
     {
       className: r(
@@ -26,7 +26,7 @@ function o({
       role: "tablist",
       children: t?.map((a) => {
         const s = e === a.id, c = () => h(a);
-        return m ? /* @__PURE__ */ n.jsx("div", { children: m(a, s, c) }, a.id) : /* @__PURE__ */ n.jsxs(
+        return m ? /* @__PURE__ */ n("div", { children: m(a, s, c) }, a.id) : /* @__PURE__ */ N(
           "button",
           {
             onClick: c,
@@ -44,8 +44,8 @@ function o({
             "aria-selected": s,
             title: a.description,
             children: [
-              s && b && /* @__PURE__ */ n.jsx(
-                x.div,
+              s && b && /* @__PURE__ */ n(
+                g.div,
                 {
                   layoutId: "tab-indicator",
                   className: r(
@@ -60,7 +60,7 @@ function o({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ n.jsx(
+              /* @__PURE__ */ n(
                 "span",
                 {
                   className: r(
@@ -79,7 +79,7 @@ function o({
   );
 }
 o.displayName = "TabLinks";
-const C = N(o, (t, e) => {
+const k = T(o, (t, e) => {
   if (t.activeTab !== e.activeTab || t.className !== e.className || t.tabClassName !== e.tabClassName || t.activeTabClassName !== e.activeTabClassName || t.indicatorClassName !== e.indicatorClassName || t.animated !== e.animated || t.onTabChange !== e.onTabChange || t.renderTab !== e.renderTab || t.items.length !== e.items.length)
     return !1;
   for (let i = 0; i < t.items.length; i++) {
@@ -90,5 +90,5 @@ const C = N(o, (t, e) => {
   return !0;
 });
 export {
-  C as default
+  k as default
 };