@danielcruzcode/ui-core 0.1.3 → 0.1.4

package/dist/index.esm9.js

@@ -1,169 +1,76 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { imageWrapper as j, image as M, badgeOverlay as O, wishlistBtn as F, unavailableOverlay as I, unavailableText as q, body as V, title as _, subtitle as E, starsWrapper as B, reviewCount as G, priceWrapper as H, price as J, originalPrice as K, installments as R, root as T, skeletonImage as U, skeletonLine as h, skeletonBtn as X, footer as Y, quickViewBtn as Z } from "./index.esm20.js";
-import { Badge as x } from "./index.esm2.js";
-import { Card as P } from "./index.esm4.js";
-import { Button as Q } from "./index.esm3.js";
-function D({ rating: i }) {
-  return /* @__PURE__ */ e("span", { className: B, "aria-label": `${i} de 5 estrellas`, role: "img", children: Array.from({ length: 5 }).map((t, r) => /* @__PURE__ */ e(
-    "svg",
-    {
-      width: "12",
-      height: "12",
-      viewBox: "0 0 12 12",
-      fill: r < Math.round(i) ? "#F9AB00" : "none",
-      stroke: "#F9AB00",
-      strokeWidth: "1",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ e("path", { d: "M6 1l1.39 2.82L10.5 4.27l-2.25 2.19.53 3.09L6 8l-2.78 1.55.53-3.09L1.5 4.27l3.11-.45L6 1z" })
-    },
-    r
-  )) });
+import { jsxs as m, jsx as n, Fragment as C } from "react/jsx-runtime";
+import d from "@emotion/styled";
+import { tokens as o } from "@danielcruzcode/design-tokens";
+import F from "./index.esm14.js";
+import { useState as p, useEffect as a, useCallback as N } from "react";
+const D = { sm: 8, md: 16, lg: 24, xl: 32 };
+function w(r, s) {
+  return typeof r == "number" ? r : s >= 1024 ? r.desktop : s >= 640 ? r.tablet : r.mobile;
 }
-function $() {
-  return /* @__PURE__ */ a("article", { "aria-label": "Cargando producto", "aria-busy": "true", children: [
-    /* @__PURE__ */ e("div", { className: U }),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        style: {
-          padding: "8px",
-          display: "flex",
-          flexDirection: "column",
-          gap: "8px"
-        },
-        children: [
-          /* @__PURE__ */ e("div", { className: h, style: { width: "100%" } }),
-          /* @__PURE__ */ e("div", { className: h, style: { width: "70%" } }),
-          /* @__PURE__ */ e("div", { className: h, style: { width: "50%" } }),
-          /* @__PURE__ */ e("div", { className: X })
-        ]
-      }
-    )
-  ] });
-}
-function se({
-  id: i,
-  title: t,
-  subtitle: r,
-  images: w,
-  price: m,
-  originalPrice: n,
-  discountPercent: p,
-  badge: v,
-  rating: u,
-  reviewCount: g,
-  installments: s,
-  unavailable: N = !1,
-  loading: C = !1,
-  onAddToCart: f,
-  onWishlist: y,
-  onQuickView: b,
-  onClick: d,
-  formatPrice: l,
-  className: L
+const $ = d.button`
+  position:absolute;top:50%;transform:translateY(-50%);z-index:10;
+  display:flex;align-items:center;justify-content:center;
+  width:36px;height:36px;border-radius:${o.radius.full};
+  border:1px solid ${o.color.border};background-color:${o.color.background};
+  color:${o.color.text};cursor:pointer;box-shadow:${o.shadow.sm};
+  transition:box-shadow ${o.transition.fast};
+  &:hover{box-shadow:${o.shadow.md};}
+  &:focus-visible{outline:2px solid ${o.color.borderFocus};outline-offset:2px;}
+  &:disabled{opacity:0.4;cursor:not-allowed;}
+`, T = d($)`left:${o.space.sm};`, _ = d($)`right:${o.space.sm};`, G = d.button`
+  width:${({ active: r }) => r ? "20px" : "8px"};height:8px;
+  border-radius:${o.radius.full};
+  background-color:${({ active: r }) => r ? o.color.brand : o.color.border};
+  border:none;cursor:pointer;padding:0;
+  transition:background-color ${o.transition.fast},width ${o.transition.fast};
+  &:focus-visible{outline:2px solid ${o.color.borderFocus};outline-offset:2px;}
+`, M = d.div`display:flex;justify-content:center;gap:${o.space.sm};margin-top:${o.space.sm};`;
+function J({
+  children: r,
+  autoplay: s = !1,
+  autoplayMs: h = 4e3,
+  showArrows: k = !0,
+  showDots: g = !0,
+  loop: y = !1,
+  slidesPerView: u = 1,
+  slidesPerGroup: S = 1,
+  gap: x,
+  onSlideChange: c
 }) {
-  if (C) return /* @__PURE__ */ e($, {});
-  const z = l ? l(m) : String(m), k = n ? l ? l(n) : String(n) : void 0, o = w[0], S = /* @__PURE__ */ a("div", { className: j, children: [
-    o && /* @__PURE__ */ e(
-      "img",
-      {
-        width: 100,
-        height: 100,
-        src: o.src,
-        alt: o.alt,
-        className: M,
-        loading: "lazy"
-      }
-    ),
-    /* @__PURE__ */ a("div", { className: O, children: [
-      p !== void 0 && /* @__PURE__ */ a(x, { variant: "danger", size: "sm", children: [
-        "-",
-        p,
-        "%"
-      ] }),
-      v && /* @__PURE__ */ e(x, { variant: "brand", size: "sm", children: v })
-    ] }),
-    y && /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        className: F,
-        onClick: (c) => {
-          c.stopPropagation(), y(i);
-        },
-        "aria-label": `Agregar ${t} a favoritos`,
-        children: /* @__PURE__ */ e(
-          "svg",
-          {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "1.8",
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ e("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
-          }
-        )
-      }
-    ),
-    N && /* @__PURE__ */ e("div", { className: I, children: /* @__PURE__ */ e("span", { className: q, children: "Sin stock" }) })
-  ] }), W = /* @__PURE__ */ a("div", { className: V, children: [
-    /* @__PURE__ */ e("p", { className: _, children: t }),
-    r && /* @__PURE__ */ e("p", { className: E, children: r }),
-    u !== void 0 && /* @__PURE__ */ a("div", { className: B, children: [
-      /* @__PURE__ */ e(D, { rating: u }),
-      g !== void 0 && /* @__PURE__ */ a("span", { className: G, children: [
-        "(",
-        g,
-        ")"
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: H, children: [
-      /* @__PURE__ */ e("span", { className: J, children: z }),
-      k && /* @__PURE__ */ e("span", { className: K, children: k })
+  var v;
+  const b = x && (v = D[x]) != null ? v : 0, [I, t] = F({ loop: y, slidesToScroll: S, align: "start" }), [L, j] = p(0), [W, E] = p([]), [f, z] = p(() => typeof window != "undefined" ? w(u, window.innerWidth) : 1);
+  a(() => {
+    if (typeof window == "undefined") return;
+    const e = () => z(w(u, window.innerWidth));
+    return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, [u]);
+  const l = N(() => {
+    if (!t) return;
+    const e = t.selectedScrollSnap();
+    j(e), c == null || c(e);
+  }, [t, c]);
+  a(() => {
+    if (t)
+      return E(t.scrollSnapList()), t.on("select", l), t.on("reInit", l), () => {
+        t.off("select", l), t.off("reInit", l);
+      };
+  }, [t, l]), a(() => {
+    t == null || t.reInit();
+  }, [t, f]), a(() => {
+    if (!s || !t) return;
+    const e = setInterval(() => t.scrollNext(), h);
+    return () => clearInterval(e);
+  }, [s, h, t]);
+  const B = `calc((100% - ${b * (f - 1)}px) / ${f})`;
+  return /* @__PURE__ */ m("div", { style: { position: "relative", width: "100%" }, children: [
+    /* @__PURE__ */ n("div", { ref: I, style: { overflow: "hidden" }, children: /* @__PURE__ */ n("div", { style: { display: "flex", gap: b }, children: r.map((e, i) => /* @__PURE__ */ n("div", { style: { flex: `0 0 ${B}`, minWidth: 0 }, children: e }, i)) }) }),
+    k && /* @__PURE__ */ m(C, { children: [
+      /* @__PURE__ */ n(T, { type: "button", "aria-label": "Slide anterior", onClick: () => t == null ? void 0 : t.scrollPrev(), children: /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M10 12L6 8l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+      /* @__PURE__ */ n(_, { type: "button", "aria-label": "Slide siguiente", onClick: () => t == null ? void 0 : t.scrollNext(), children: /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M6 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
     ] }),
-    s && /* @__PURE__ */ a("span", { className: R, children: [
-      s.count,
-      "x",
-      " ",
-      l ? l(s.value) : s.value
-    ] })
-  ] }), A = /* @__PURE__ */ a("div", { className: Y, children: [
-    f && /* @__PURE__ */ e(
-      Q,
-      {
-        variant: "primary",
-        size: "sm",
-        fullWidth: !0,
-        disabled: N,
-        onClick: () => f(i),
-        children: "Agregar"
-      }
-    ),
-    b && /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        className: Z,
-        onClick: (c) => {
-          c.stopPropagation(), b(i);
-        },
-        children: "Vista rápida"
-      }
-    )
+    g && /* @__PURE__ */ n(M, { children: W.map((e, i) => /* @__PURE__ */ n(G, { active: i === L, type: "button", onClick: () => t == null ? void 0 : t.scrollTo(i), "aria-label": `Ir al slide ${i + 1}` }, i)) })
   ] });
-  return /* @__PURE__ */ e("div", { className: [T, L].filter(Boolean).join(" "), children: /* @__PURE__ */ e(
-    P,
-    {
-      media: S,
-      body: W,
-      footer: A,
-      hoverable: !!d,
-      onClick: d ? () => d(i) : void 0
-    }
-  ) });
 }
 export {
-  se as ProductCard
+  J as Carousel
 };

package/dist/layout/Container/Container.d.ts

@@ -3,6 +3,7 @@ export interface ContainerProps {
     maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
     children: React.ReactNode;
     as?: keyof JSX.IntrinsicElements;
+    className?: string;
 }
-export declare function Container({ maxWidth, children, as: Tag }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function Container({ maxWidth, children, as, className }: ContainerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Container.d.ts.map

package/dist/layout/Container/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;CAClC;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAe,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAW,EAAE,EAAE,cAAc,2CAEvF"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/layout/Container/Container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAWD,wBAAgB,SAAS,CAAC,EAAE,QAAe,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,cAAc,2CAErF"}

package/dist/layout/Stack/Stack.d.ts

@@ -1,10 +1,11 @@
-import { vars } from '../../../../design-tokens/src/index.ts';
+import { tokens } from '../../../../design-tokens/src/index.ts';
 import { default as React } from 'react';
 export interface StackProps {
-    gap?: keyof typeof vars.space;
+    gap?: keyof typeof tokens.space;
     align?: 'start' | 'center' | 'end' | 'stretch';
     children: React.ReactNode;
     as?: keyof JSX.IntrinsicElements;
+    className?: string;
 }
-export declare function Stack({ gap, align, children, as: Tag }: StackProps): import("react/jsx-runtime").JSX.Element;
+export declare function Stack({ gap, align, children, as, className }: StackProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Stack.d.ts.map

package/dist/layout/Stack/Stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,OAAO,IAAI,CAAC,KAAK,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;CAClC;AASD,wBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,KAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAW,EAAE,EAAE,UAAU,2CAYtF"}
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/layout/Stack/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAA;IAC/B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAUD,wBAAgB,KAAK,CAAC,EAAE,GAAG,EAAE,KAAiB,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,UAAU,2CAEpF"}

package/dist/primitives/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/primitives/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACjE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,OAAmB,EAAE,IAAW,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAE/E"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/primitives/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;IAChE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AA4BD,wBAAgB,KAAK,CAAC,EAAE,OAAmB,EAAE,IAAW,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAE/E"}

package/dist/primitives/Button/Button.d.ts

@@ -12,5 +12,5 @@ export interface ButtonProps {
     type?: 'button' | 'submit' | 'reset';
     className?: string;
 }
-export declare function Button({ variant, size, fullWidth, loading, disabled, leftIcon, rightIcon, onClick, children, type, className, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, size, fullWidth, loading, disabled, leftIcon, rightIcon, onClick, children, type, className }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/primitives/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/primitives/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,SAAiB,EACjB,OAAe,EACf,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,IAAe,EACf,SAAS,GACV,EAAE,WAAW,2CAoCb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/primitives/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAA;IACtD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAmCD,wBAAgB,MAAM,CAAC,EAAE,OAAmB,EAAE,IAAW,EAAE,SAAiB,EAAE,OAAe,EAAE,QAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAe,EAAE,SAAS,EAAE,EAAE,WAAW,2CAcjM"}

package/dist/primitives/Checkbox/Checkbox.d.ts

@@ -7,5 +7,5 @@ export interface CheckboxProps {
     name?: string;
     id?: string;
 }
-export declare function Checkbox({ checked, onChange, label, disabled, indeterminate, name, id: idProp, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ checked, onChange, label, disabled, indeterminate, name, id: idProp }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/primitives/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/primitives/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAe,EACf,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,aAAqB,EACrB,IAAI,EACJ,EAAE,EAAE,MAAM,GACX,EAAE,aAAa,2CAuDf"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/primitives/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAkBD,wBAAgB,QAAQ,CAAC,EAAE,OAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAgB,EAAE,aAAqB,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,aAAa,2CAetI"}

package/dist/primitives/Input/Input.d.ts

@@ -14,5 +14,5 @@ export interface InputProps {
     name?: string;
     id?: string;
 }
-export declare function Input({ label, placeholder, value, onChange, type, error, hint, disabled, required, leftIcon, rightIcon, name, id: idProp, }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ label, placeholder, value, onChange, type, error, hint, disabled, required, leftIcon, rightIcon, name, id: idProp }: InputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Input.d.ts.map

package/dist/primitives/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/primitives/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,IAAa,EACb,KAAK,EACL,IAAI,EACJ,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,EAAE,EAAE,MAAM,GACX,EAAE,UAAU,2CAgEZ"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/primitives/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CACpF;AA2BD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAa,EAAE,KAAK,EAAE,IAAI,EAAE,QAAgB,EAAE,QAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,UAAU,2CAiB/K"}

package/dist/primitives/Select/Select.d.ts

@@ -14,5 +14,5 @@ export interface SelectProps {
     name?: string;
     id?: string;
 }
-export declare function Select({ options, value, onChange, label, placeholder, error, disabled, name, id: idProp, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ options, value, onChange, label, placeholder, error, disabled, name, id: idProp }: SelectProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Select.d.ts.map

package/dist/primitives/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/primitives/Select/Select.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,EAAE,EAAE,MAAM,GACX,EAAE,WAAW,2CAuDb"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/primitives/Select/Select.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAAG,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE;AAClF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CACrG;AAgBD,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAgB,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,WAAW,2CAiB9H"}

package/dist/primitives/Tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tag/Tag.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;AAED,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAmB,EAAE,EAAE,QAAQ,2CAuBrE"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tag/Tag.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC9B;AA2BD,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAmB,EAAE,EAAE,QAAQ,2CAarE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danielcruzcode/ui-core",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "publishConfig": {
     "access": "public"
   },
@@ -13,29 +13,10 @@
       "import": "./dist/index.esm.js",
       "require": "./dist/index.cjs.js",
       "types": "./dist/index.d.ts"
-    },
-    "./styles": {
-      "import": "./dist/styles.css",
-      "require": "./dist/styles.css",
-      "types": "./dist/styles.d.ts"
-    },
-    "./styles.css": "./dist/styles.css"
-  },
-  "typesVersions": {
-    "*": {
-      "styles": [
-        "./dist/styles.d.ts"
-      ]
     }
   },
-  "style": "dist/styles.css",
   "files": [
-    "dist",
-    "styles.css"
-  ],
-  "sideEffects": [
-    "dist/styles.css",
-    "styles.css"
+    "dist"
   ],
   "peerDependencies": {
     "react": ">=16",
@@ -44,7 +25,6 @@
   "devDependencies": {
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "@vanilla-extract/vite-plugin": "^4.0.19",
     "@vitejs/plugin-react": "^4.3.4",
     "typescript": "^5.7.3",
     "vite": "^5.4.19",
@@ -52,12 +32,12 @@
   },
   "dependencies": {
     "@danielcruzcode/design-tokens": "^0.1.0",
-    "@vanilla-extract/css": "^1.16.1",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "swiper": "^12.1.2"
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "embla-carousel-react": "^8.6.0"
   },
   "scripts": {
-    "build": "vite build && tsc --build && cp dist/styles.css styles.css",
+    "build": "vite build && tsc --build",
     "postbuild": "yalc push --private",
     "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist"

package/dist/commerce/ProductCard/ProductCard.css.d.ts

@@ -1,23 +0,0 @@
-export declare const root: string;
-export declare const imageWrapper: string;
-export declare const image: string;
-export declare const badgeOverlay: string;
-export declare const wishlistBtn: string;
-export declare const body: string;
-export declare const title: string;
-export declare const subtitle: string;
-export declare const starsWrapper: string;
-export declare const reviewCount: string;
-export declare const priceWrapper: string;
-export declare const price: string;
-export declare const originalPrice: string;
-export declare const installments: string;
-export declare const footer: string;
-export declare const quickViewBtn: string;
-export declare const unavailableOverlay: string;
-export declare const unavailableText: string;
-export declare const skeleton: string;
-export declare const skeletonImage: string;
-export declare const skeletonLine: string;
-export declare const skeletonBtn: string;
-//# sourceMappingURL=ProductCard.css.d.ts.map

package/dist/commerce/ProductCard/ProductCard.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductCard.css.d.ts","sourceRoot":"","sources":["../../../src/commerce/ProductCard/ProductCard.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,YAAY,QAMvB,CAAC;AAEH,eAAO,MAAM,KAAK,QAYhB,CAAC;AAEH,eAAO,MAAM,YAAY,QAOvB,CAAC;AAEH,eAAO,MAAM,WAAW,QAuBtB,CAAC;AAEH,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,KAAK,QAahB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAKnB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,WAAW,QAItB,CAAC;AAEH,eAAO,MAAM,YAAY,QAMvB,CAAC;AAEH,eAAO,MAAM,KAAK,QAKhB,CAAC;AAEH,eAAO,MAAM,aAAa,QAKxB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,MAAM,QAKjB,CAAC;AAEH,eAAO,MAAM,YAAY,QAgBvB,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAO7B,CAAC;AAEH,eAAO,MAAM,eAAe,QAK1B,CAAC;AAEH,eAAO,MAAM,QAAQ,QAQnB,CAAC;AAEH,eAAO,MAAM,aAAa,QAMxB,CAAC;AAEH,eAAO,MAAM,YAAY,QAMvB,CAAC;AAEH,eAAO,MAAM,WAAW,QAMtB,CAAC"}

package/dist/commerce/ProductShelf/ProductShelf.css.d.ts

@@ -1,3 +0,0 @@
-export declare const root: string;
-export declare const heading: string;
-//# sourceMappingURL=ProductShelf.css.d.ts.map

package/dist/commerce/ProductShelf/ProductShelf.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductShelf.css.d.ts","sourceRoot":"","sources":["../../../src/commerce/ProductShelf/ProductShelf.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAIf,CAAA;AAEF,eAAO,MAAM,OAAO,QAMlB,CAAA"}

package/dist/components/Card/Card.css.d.ts

@@ -1,30 +0,0 @@
-export declare const cardRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
-    hoverable: {
-        true: {
-            cursor: "pointer";
-            ':hover': {
-                boxShadow: `var(--${string})`;
-                transform: "translateY(-2px)";
-            };
-        };
-    };
-    padding: {
-        none: {
-            padding: number;
-        };
-        sm: {
-            padding: `var(--${string})`;
-        };
-        md: {
-            padding: `var(--${string})`;
-        };
-        lg: {
-            padding: `var(--${string})`;
-        };
-    };
-}>;
-export declare const cardMedia: string;
-export declare const cardHeader: string;
-export declare const cardBody: string;
-export declare const cardFooter: string;
-//# sourceMappingURL=Card.css.d.ts.map

package/dist/components/Card/Card.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.css.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;EAiCrB,CAAA;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAA;AAEF,eAAO,MAAM,UAAU,QAErB,CAAA;AAEF,eAAO,MAAM,QAAQ,QAGnB,CAAA;AAEF,eAAO,MAAM,UAAU,QAIrB,CAAA"}

package/dist/components/Carousel/Carousel.css.d.ts

@@ -1,8 +0,0 @@
-export declare const root: string;
-export declare const arrowBtn: string;
-export declare const arrowPrev: string;
-export declare const arrowNext: string;
-export declare const dots: string;
-export declare const dot: string;
-export declare const dotActive: string;
-//# sourceMappingURL=Carousel.css.d.ts.map

package/dist/components/Carousel/Carousel.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Carousel.css.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,QAAQ,QA4BnB,CAAC;AAEH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,IAAI,QAKf,CAAC;AAEH,eAAO,MAAM,GAAG,QAad,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC"}

package/dist/index.cjs17.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css             */;/* empty css             */const e=require("./index.cjs35.js");var a=e.c({defaultClassName:"_13mmpdy0",variantClassNames:{variant:{default:"_13mmpdy1",brand:"_13mmpdy2"}},defaultVariants:{variant:"default"},compoundVariants:[]}),t="_13mmpdy3";exports.removeButton=t;exports.tagRecipe=a;

package/dist/index.cjs18.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css             */;/* empty css             */var r="wt8vlo0",e="wt8vlo1",t="wt8vlo2",a="wt8vlo3",p="wt8vlo4",o="wt8vlo5",i="wt8vlo6",l="wt8vlo7",v="wt8vlo8",u="wt8vlo9";exports.errorText=u;exports.hint=v;exports.iconSlot=l;exports.input=i;exports.inputWrapper=a;exports.inputWrapperDisabled=o;exports.inputWrapperError=p;exports.label=e;exports.requiredMark=t;exports.wrapper=r;

package/dist/index.cjs19.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css             */;/* empty css             */var e="_104k35i0",r="_104k35i1",a="_104k35i2",i="_104k35i3",t="_104k35i4",b="_104k35i5",d="_104k35i7";exports.box=i;exports.boxChecked=t;exports.boxIndeterminate=b;exports.hiddenInput=a;exports.labelText=d;exports.wrapper=e;exports.wrapperDisabled=r;

package/dist/index.cjs20.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css             */;/* empty css             */var e="w40enx1",r="w40enx2",a="w40enx3",n="w40enx4",i="w40enx5",t="w40enx6",l="w40enx7",v="w40enx8",w="w40enx9",x="w40enxa",o="w40enxb",s="w40enxc",p="w40enxd",u="w40enxe",b="w40enxf",g="w40enxg",c="w40enxh",m="w40enxi",k="w40enxk w40enxj",y="w40enxl w40enxj",d="w40enxm w40enxj";exports.badgeOverlay=n;exports.body=t;exports.footer=b;exports.image=a;exports.imageWrapper=r;exports.installments=u;exports.originalPrice=p;exports.price=s;exports.priceWrapper=o;exports.quickViewBtn=g;exports.reviewCount=x;exports.root=e;exports.skeletonBtn=d;exports.skeletonImage=k;exports.skeletonLine=y;exports.starsWrapper=w;exports.subtitle=v;exports.title=l;exports.unavailableOverlay=c;exports.unavailableText=m;exports.wishlistBtn=i;

package/dist/index.cjs21.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css             */;/* empty css             */var e="_1uy0wep0",r="_1uy0wep1";exports.heading=r;exports.root=e;

package/dist/index.cjs22.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css             */;/* empty css             */const e=require("./index.cjs35.js");var a=e.c({defaultClassName:"_19yozed0",variantClassNames:{maxWidth:{sm:"_19yozed1",md:"_19yozed2",lg:"_19yozed3",xl:"_19yozed4",full:"_19yozed5"}},defaultVariants:{maxWidth:"xl"},compoundVariants:[]});exports.containerRecipe=a;

package/dist/index.cjs23.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css             */;/* empty css             */const e=require("./index.cjs35.js");var a=e.c({defaultClassName:"uk9byt0",variantClassNames:{hoverable:{true:"uk9byt1"},padding:{none:"uk9byt2",sm:"uk9byt3",md:"uk9byt4",lg:"uk9byt5"}},defaultVariants:{padding:"none"},compoundVariants:[]}),r="uk9byt6",t="uk9byt7",d="uk9byt8",u="uk9byt9";exports.cardBody=d;exports.cardFooter=u;exports.cardHeader=t;exports.cardMedia=r;exports.cardRecipe=a;

package/dist/index.cjs24.js

@@ -1 +0,0 @@
-"use strict";const k=require("./index.cjs49.js"),s=require("./index.cjs50.js"),b='<svg class="swiper-navigation-icon" width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.38296 20.0762Z" fill="currentColor"/></svg>';function y({swiper:a,extendParams:x,on:r,emit:v}){x({navigation:{nextEl:null,prevEl:null,addIcons:!0,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),a.navigation={nextEl:null,prevEl:null,arrowSvg:b};function E(n){let t;return n&&typeof n=="string"&&a.isElement&&(t=a.el.querySelector(n)||a.hostEl.querySelector(n),t)?t:(n&&(typeof n=="string"&&(t=[...document.querySelectorAll(n)]),a.params.uniqueNavElements&&typeof n=="string"&&t&&t.length>1&&a.el.querySelectorAll(n).length===1?t=a.el.querySelector(n):t&&t.length===1&&(t=t[0])),n&&!t?n:t)}function f(n,t){const e=a.params.navigation;n=s.m(n),n.forEach(i=>{i&&(i.classList[t?"add":"remove"](...e.disabledClass.split(" ")),i.tagName==="BUTTON"&&(i.disabled=t),a.params.watchOverflow&&a.enabled&&i.classList[a.isLocked?"add":"remove"](e.lockClass))})}function d(){const{nextEl:n,prevEl:t}=a.navigation;if(a.params.loop){f(t,!1),f(n,!1);return}f(t,a.isBeginning&&!a.params.rewind),f(n,a.isEnd&&!a.params.rewind)}function h(n){n.preventDefault(),!(a.isBeginning&&!a.params.loop&&!a.params.rewind)&&(a.slidePrev(),v("navigationPrev"))}function C(n){n.preventDefault(),!(a.isEnd&&!a.params.loop&&!a.params.rewind)&&(a.slideNext(),v("navigationNext"))}function m(){const n=a.params.navigation;if(a.params.navigation=k.c(a,a.originalParams.navigation,a.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!(n.nextEl||n.prevEl))return;let t=E(n.nextEl),e=E(n.prevEl);Object.assign(a.navigation,{nextEl:t,prevEl:e}),t=s.m(t),e=s.m(e);const i=(l,g)=>{if(l){if(n.addIcons&&l.matches(".swiper-button-next,.swiper-button-prev")&&!l.querySelector("svg")){const o=document.createElement("div");s.s(o,b),l.appendChild(o.querySelector("svg")),o.remove()}l.addEventListener("click",g==="next"?C:h)}!a.enabled&&l&&l.classList.add(...n.lockClass.split(" "))};t.forEach(l=>i(l,"next")),e.forEach(l=>i(l,"prev"))}function u(){let{nextEl:n,prevEl:t}=a.navigation;n=s.m(n),t=s.m(t);const e=(i,l)=>{i.removeEventListener("click",l==="next"?C:h),i.classList.remove(...a.params.navigation.disabledClass.split(" "))};n.forEach(i=>e(i,"next")),t.forEach(i=>e(i,"prev"))}r("init",()=>{a.params.navigation.enabled===!1?p():(m(),d())}),r("toEdge fromEdge lock unlock",()=>{d()}),r("destroy",()=>{u()}),r("enable disable",()=>{let{nextEl:n,prevEl:t}=a.navigation;if(n=s.m(n),t=s.m(t),a.enabled){d();return}[...n,...t].filter(e=>!!e).forEach(e=>e.classList.add(a.params.navigation.lockClass))}),r("click",(n,t)=>{let{nextEl:e,prevEl:i}=a.navigation;e=s.m(e),i=s.m(i);const l=t.target;let g=i.includes(l)||e.includes(l);if(a.isElement&&!g){const o=t.path||t.composedPath&&t.composedPath();o&&(g=o.find(c=>e.includes(c)||i.includes(c)))}if(a.params.navigation.hideOnClick&&!g){if(a.pagination&&a.params.pagination&&a.params.pagination.clickable&&(a.pagination.el===l||a.pagination.el.contains(l)))return;let o;e.length?o=e[0].classList.contains(a.params.navigation.hiddenClass):i.length&&(o=i[0].classList.contains(a.params.navigation.hiddenClass)),v(o===!0?"navigationShow":"navigationHide"),[...e,...i].filter(c=>!!c).forEach(c=>c.classList.toggle(a.params.navigation.hiddenClass))}});const L=()=>{a.el.classList.remove(...a.params.navigation.navigationDisabledClass.split(" ")),m(),d()},p=()=>{a.el.classList.add(...a.params.navigation.navigationDisabledClass.split(" ")),u()};Object.assign(a.navigation,{enable:L,disable:p,update:d,init:m,destroy:u})}module.exports=y;

package/dist/index.cjs25.js

@@ -1 +0,0 @@
-"use strict";const $=require("./index.cjs51.js"),q=require("./index.cjs49.js"),c=require("./index.cjs50.js");function F({swiper:a,extendParams:I,on:m,emit:v}){const g="swiper-pagination";I({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:l=>l,formatFractionTotal:l=>l,bulletClass:`${g}-bullet`,bulletActiveClass:`${g}-bullet-active`,modifierClass:`${g}-`,currentClass:`${g}-current`,totalClass:`${g}-total`,hiddenClass:`${g}-hidden`,progressbarFillClass:`${g}-progressbar-fill`,progressbarOppositeClass:`${g}-progressbar-opposite`,clickableClass:`${g}-clickable`,lockClass:`${g}-lock`,horizontalClass:`${g}-horizontal`,verticalClass:`${g}-vertical`,paginationDisabledClass:`${g}-disabled`}}),a.pagination={el:null,bullets:[]};let b,p=0;function k(){return!a.params.pagination.el||!a.pagination.el||Array.isArray(a.pagination.el)&&a.pagination.el.length===0}function x(l,t){const{bulletActiveClass:e}=a.params.pagination;l&&(l=l[`${t==="prev"?"previous":"next"}ElementSibling`],l&&(l.classList.add(`${e}-${t}`),l=l[`${t==="prev"?"previous":"next"}ElementSibling`],l&&l.classList.add(`${e}-${t}-${t}`)))}function P(l,t,e){if(l=l%e,t=t%e,t===l+1)return"next";if(t===l-1)return"previous"}function D(l){const t=l.target.closest($.c(a.params.pagination.bulletClass));if(!t)return;l.preventDefault();const e=c.j(t)*a.params.slidesPerGroup;if(a.params.loop){if(a.realIndex===e)return;const n=P(a.realIndex,e,a.slides.length);n==="next"?a.slideNext():n==="previous"?a.slidePrev():a.slideToLoop(e)}else a.slideTo(e)}function h(){const l=a.rtl,t=a.params.pagination;if(k())return;let e=a.pagination.el;e=c.m(e);let n,d;const C=a.virtual&&a.params.virtual.enabled?a.virtual.slides.length:a.slides.length,z=a.params.loop?Math.ceil(C/a.params.slidesPerGroup):a.snapGrid.length;if(a.params.loop?(d=a.previousRealIndex||0,n=a.params.slidesPerGroup>1?Math.floor(a.realIndex/a.params.slidesPerGroup):a.realIndex):typeof a.snapIndex!="undefined"?(n=a.snapIndex,d=a.previousSnapIndex):(d=a.previousIndex||0,n=a.activeIndex||0),t.type==="bullets"&&a.pagination.bullets&&a.pagination.bullets.length>0){const s=a.pagination.bullets;let u,f,L;if(t.dynamicBullets&&(b=c.i(s[0],a.isHorizontal()?"width":"height"),e.forEach(i=>{i.style[a.isHorizontal()?"width":"height"]=`${b*(t.dynamicMainBullets+4)}px`}),t.dynamicMainBullets>1&&d!==void 0&&(p+=n-(d||0),p>t.dynamicMainBullets-1?p=t.dynamicMainBullets-1:p<0&&(p=0)),u=Math.max(n-p,0),f=u+(Math.min(s.length,t.dynamicMainBullets)-1),L=(f+u)/2),s.forEach(i=>{const o=[...["","-next","-next-next","-prev","-prev-prev","-main"].map(r=>`${t.bulletActiveClass}${r}`)].map(r=>typeof r=="string"&&r.includes(" ")?r.split(" "):r).flat();i.classList.remove(...o)}),e.length>1)s.forEach(i=>{const o=c.j(i);o===n?i.classList.add(...t.bulletActiveClass.split(" ")):a.isElement&&i.setAttribute("part","bullet"),t.dynamicBullets&&(o>=u&&o<=f&&i.classList.add(...`${t.bulletActiveClass}-main`.split(" ")),o===u&&x(i,"prev"),o===f&&x(i,"next"))});else{const i=s[n];if(i&&i.classList.add(...t.bulletActiveClass.split(" ")),a.isElement&&s.forEach((o,r)=>{o.setAttribute("part",r===n?"bullet-active":"bullet")}),t.dynamicBullets){const o=s[u],r=s[f];for(let y=u;y<=f;y+=1)s[y]&&s[y].classList.add(...`${t.bulletActiveClass}-main`.split(" "));x(o,"prev"),x(r,"next")}}if(t.dynamicBullets){const i=Math.min(s.length,t.dynamicMainBullets+4),o=(b*i-b)/2-L*b,r=l?"right":"left";s.forEach(y=>{y.style[a.isHorizontal()?r:"top"]=`${o}px`})}}e.forEach((s,u)=>{if(t.type==="fraction"&&(s.querySelectorAll($.c(t.currentClass)).forEach(f=>{f.textContent=t.formatFractionCurrent(n+1)}),s.querySelectorAll($.c(t.totalClass)).forEach(f=>{f.textContent=t.formatFractionTotal(z)})),t.type==="progressbar"){let f;t.progressbarOpposite?f=a.isHorizontal()?"vertical":"horizontal":f=a.isHorizontal()?"horizontal":"vertical";const L=(n+1)/z;let i=1,o=1;f==="horizontal"?i=L:o=L,s.querySelectorAll($.c(t.progressbarFillClass)).forEach(r=>{r.style.transform=`translate3d(0,0,0) scaleX(${i}) scaleY(${o})`,r.style.transitionDuration=`${a.params.speed}ms`})}t.type==="custom"&&t.renderCustom?(c.s(s,t.renderCustom(a,n+1,z)),u===0&&v("paginationRender",s)):(u===0&&v("paginationRender",s),v("paginationUpdate",s)),a.params.watchOverflow&&a.enabled&&s.classList[a.isLocked?"add":"remove"](t.lockClass)})}function B(){const l=a.params.pagination;if(k())return;const t=a.virtual&&a.params.virtual.enabled?a.virtual.slides.length:a.grid&&a.params.grid.rows>1?a.slides.length/Math.ceil(a.params.grid.rows):a.slides.length;let e=a.pagination.el;e=c.m(e);let n="";if(l.type==="bullets"){let d=a.params.loop?Math.ceil(t/a.params.slidesPerGroup):a.snapGrid.length;a.params.freeMode&&a.params.freeMode.enabled&&d>t&&(d=t);for(let C=0;C<d;C+=1)l.renderBullet?n+=l.renderBullet.call(a,C,l.bulletClass):n+=`<${l.bulletElement} ${a.isElement?'part="bullet"':""} class="${l.bulletClass}"></${l.bulletElement}>`}l.type==="fraction"&&(l.renderFraction?n=l.renderFraction.call(a,l.currentClass,l.totalClass):n=`<span class="${l.currentClass}"></span> / <span class="${l.totalClass}"></span>`),l.type==="progressbar"&&(l.renderProgressbar?n=l.renderProgressbar.call(a,l.progressbarFillClass):n=`<span class="${l.progressbarFillClass}"></span>`),a.pagination.bullets=[],e.forEach(d=>{l.type!=="custom"&&c.s(d,n||""),l.type==="bullets"&&a.pagination.bullets.push(...d.querySelectorAll($.c(l.bulletClass)))}),l.type!=="custom"&&v("paginationRender",e[0])}function A(){a.params.pagination=q.c(a,a.originalParams.pagination,a.params.pagination,{el:"swiper-pagination"});const l=a.params.pagination;if(!l.el)return;let t;typeof l.el=="string"&&a.isElement&&(t=a.el.querySelector(l.el)),!t&&typeof l.el=="string"&&(t=[...document.querySelectorAll(l.el)]),t||(t=l.el),!(!t||t.length===0)&&(a.params.uniqueNavElements&&typeof l.el=="string"&&Array.isArray(t)&&t.length>1&&(t=[...a.el.querySelectorAll(l.el)],t.length>1&&(t=t.find(e=>c.d(e,".swiper")[0]===a.el))),Array.isArray(t)&&t.length===1&&(t=t[0]),Object.assign(a.pagination,{el:t}),t=c.m(t),t.forEach(e=>{l.type==="bullets"&&l.clickable&&e.classList.add(...(l.clickableClass||"").split(" ")),e.classList.add(l.modifierClass+l.type),e.classList.add(a.isHorizontal()?l.horizontalClass:l.verticalClass),l.type==="bullets"&&l.dynamicBullets&&(e.classList.add(`${l.modifierClass}${l.type}-dynamic`),p=0,l.dynamicMainBullets<1&&(l.dynamicMainBullets=1)),l.type==="progressbar"&&l.progressbarOpposite&&e.classList.add(l.progressbarOppositeClass),l.clickable&&e.addEventListener("click",D),a.enabled||e.classList.add(l.lockClass)}))}function M(){const l=a.params.pagination;if(k())return;let t=a.pagination.el;t&&(t=c.m(t),t.forEach(e=>{e.classList.remove(l.hiddenClass),e.classList.remove(l.modifierClass+l.type),e.classList.remove(a.isHorizontal()?l.horizontalClass:l.verticalClass),l.clickable&&(e.classList.remove(...(l.clickableClass||"").split(" ")),e.removeEventListener("click",D))})),a.pagination.bullets&&a.pagination.bullets.forEach(e=>e.classList.remove(...l.bulletActiveClass.split(" ")))}m("changeDirection",()=>{if(!a.pagination||!a.pagination.el)return;const l=a.params.pagination;let{el:t}=a.pagination;t=c.m(t),t.forEach(e=>{e.classList.remove(l.horizontalClass,l.verticalClass),e.classList.add(a.isHorizontal()?l.horizontalClass:l.verticalClass)})}),m("init",()=>{a.params.pagination.enabled===!1?S():(A(),B(),h())}),m("activeIndexChange",()=>{typeof a.snapIndex=="undefined"&&h()}),m("snapIndexChange",()=>{h()}),m("snapGridLengthChange",()=>{B(),h()}),m("destroy",()=>{M()}),m("enable disable",()=>{let{el:l}=a.pagination;l&&(l=c.m(l),l.forEach(t=>t.classList[a.enabled?"remove":"add"](a.params.pagination.lockClass)))}),m("lock unlock",()=>{h()}),m("click",(l,t)=>{const e=t.target,n=c.m(a.pagination.el);if(a.params.pagination.el&&a.params.pagination.hideOnClick&&n&&n.length>0&&!e.classList.contains(a.params.pagination.bulletClass)){if(a.navigation&&(a.navigation.nextEl&&e===a.navigation.nextEl||a.navigation.prevEl&&e===a.navigation.prevEl))return;const d=n[0].classList.contains(a.params.pagination.hiddenClass);v(d===!0?"paginationShow":"paginationHide"),n.forEach(C=>C.classList.toggle(a.params.pagination.hiddenClass))}});const O=()=>{a.el.classList.remove(a.params.pagination.paginationDisabledClass);let{el:l}=a.pagination;l&&(l=c.m(l),l.forEach(t=>t.classList.remove(a.params.pagination.paginationDisabledClass))),A(),B(),h()},S=()=>{a.el.classList.add(a.params.pagination.paginationDisabledClass);let{el:l}=a.pagination;l&&(l=c.m(l),l.forEach(t=>t.classList.add(a.params.pagination.paginationDisabledClass))),M()};Object.assign(a.pagination,{enable:O,disable:S,render:B,update:h,init:A,destroy:M})}module.exports=F;

package/dist/index.cjs26.js

@@ -1 +0,0 @@
-"use strict";const h=require("./index.cjs52.js");function j({swiper:e,extendParams:q,on:u,emit:l,params:s}){e.autoplay={running:!1,paused:!1,timeLeft:0},q({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!1,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}});let f,v,T=s&&s.autoplay?s.autoplay.delay:3e3,E=s&&s.autoplay?s.autoplay.delay:3e3,n,c=new Date().getTime(),b,p,d,M,r,L;function O(t){!e||e.destroyed||!e.wrapperEl||t.target===e.wrapperEl&&(e.wrapperEl.removeEventListener("transitionend",O),!(L||t.detail&&t.detail.bySwiperTouchMove)&&i())}const F=()=>{if(e.destroyed||!e.autoplay.running)return;e.autoplay.paused?b=!0:b&&(E=n,b=!1);const t=e.autoplay.paused?n:c+E-new Date().getTime();e.autoplay.timeLeft=t,l("autoplayTimeLeft",t,t/T),v=requestAnimationFrame(()=>{F()})},B=()=>{let t;return e.virtual&&e.params.virtual.enabled?t=e.slides.find(o=>o.classList.contains("swiper-slide-active")):t=e.slides[e.activeIndex],t?parseInt(t.getAttribute("data-swiper-autoplay"),10):void 0},D=()=>{let t=e.params.autoplay.delay;const a=B();return!Number.isNaN(a)&&a>0&&(t=a),t},g=t=>{if(e.destroyed||!e.autoplay.running)return;cancelAnimationFrame(v),F();let a=t;typeof a=="undefined"&&(a=D(),T=a,E=a),n=a;const o=e.params.speed,S=()=>{!e||e.destroyed||(e.params.autoplay.reverseDirection?!e.isBeginning||e.params.loop||e.params.rewind?(e.slidePrev(o,!0,!0),l("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(e.slides.length-1,o,!0,!0),l("autoplay")):!e.isEnd||e.params.loop||e.params.rewind?(e.slideNext(o,!0,!0),l("autoplay")):e.params.autoplay.stopOnLastSlide||(e.slideTo(0,o,!0,!0),l("autoplay")),e.params.cssMode&&(c=new Date().getTime(),requestAnimationFrame(()=>{g()})))};return a>0?(clearTimeout(f),f=setTimeout(()=>{S()},a)):requestAnimationFrame(()=>{S()}),a},I=()=>{c=new Date().getTime(),e.autoplay.running=!0,g(),l("autoplayStart")},m=()=>{e.autoplay.running=!1,clearTimeout(f),cancelAnimationFrame(v),l("autoplayStop")},y=(t,a)=>{if(e.destroyed||!e.autoplay.running)return;clearTimeout(f),t||(r=!0);const o=()=>{l("autoplayPause"),e.params.autoplay.waitForTransition?e.wrapperEl.addEventListener("transitionend",O):i()};if(e.autoplay.paused=!0,a){o();return}n=(n||e.params.autoplay.delay)-(new Date().getTime()-c),!(e.isEnd&&n<0&&!e.params.loop)&&(n<0&&(n=0),o())},i=()=>{e.isEnd&&n<0&&!e.params.loop||e.destroyed||!e.autoplay.running||(c=new Date().getTime(),r?(r=!1,g(n)):g(),e.autoplay.paused=!1,l("autoplayResume"))},A=()=>{if(e.destroyed||!e.autoplay.running)return;const t=h.g();t.visibilityState==="hidden"&&(r=!0,y(!0)),t.visibilityState==="visible"&&i()},P=t=>{t.pointerType==="mouse"&&(r=!0,L=!0,!(e.animating||e.autoplay.paused)&&y(!0))},N=t=>{t.pointerType==="mouse"&&(L=!1,e.autoplay.paused&&i())},_=()=>{e.params.autoplay.pauseOnMouseEnter&&(e.el.addEventListener("pointerenter",P),e.el.addEventListener("pointerleave",N))},x=()=>{e.el&&typeof e.el!="string"&&(e.el.removeEventListener("pointerenter",P),e.el.removeEventListener("pointerleave",N))},C=()=>{h.g().addEventListener("visibilitychange",A)},R=()=>{h.g().removeEventListener("visibilitychange",A)};u("init",()=>{e.params.autoplay.enabled&&(_(),C(),I())}),u("destroy",()=>{x(),R(),e.autoplay.running&&m()}),u("_freeModeStaticRelease",()=>{(d||r)&&i()}),u("_freeModeNoMomentumRelease",()=>{e.params.autoplay.disableOnInteraction?m():y(!0,!0)}),u("beforeTransitionStart",(t,a,o)=>{e.destroyed||!e.autoplay.running||(o||!e.params.autoplay.disableOnInteraction?y(!0,!0):m())}),u("sliderFirstMove",()=>{if(!(e.destroyed||!e.autoplay.running)){if(e.params.autoplay.disableOnInteraction){m();return}p=!0,d=!1,r=!1,M=setTimeout(()=>{r=!0,d=!0,y(!0)},200)}}),u("touchEnd",()=>{if(!(e.destroyed||!e.autoplay.running||!p)){if(clearTimeout(M),clearTimeout(f),e.params.autoplay.disableOnInteraction){d=!1,p=!1;return}d&&e.params.cssMode&&i(),d=!1,p=!1}}),u("slideChange",()=>{e.destroyed||!e.autoplay.running||e.autoplay.paused&&(n=D(),T=D())}),Object.assign(e.autoplay,{start:I,stop:m,pause:y,resume:i})}module.exports=j;