@danielcruzcode/ui-core 0.1.0

package/dist/index.esm24.js

@@ -0,0 +1,247 @@
+import i, { forwardRef as F, useState as O, useRef as p, useEffect as B, useLayoutEffect as K, createContext as M } from "react";
+import { S as Q } from "./index.esm42.js";
+import { g as X, m as Y, a as Z, u as ee } from "./index.esm43.js";
+import { d as q, w as re, n as te, b as ne, a as se, e as T, u as ae } from "./index.esm44.js";
+function L() {
+  return L = Object.assign ? Object.assign.bind() : function(s) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var r in n)
+        Object.prototype.hasOwnProperty.call(n, r) && (s[r] = n[r]);
+    }
+    return s;
+  }, L.apply(this, arguments);
+}
+function D(s) {
+  return s.type && s.type.displayName && s.type.displayName.includes("SwiperSlide");
+}
+function H(s) {
+  const t = [];
+  return i.Children.toArray(s).forEach((n) => {
+    D(n) ? t.push(n) : n.props && n.props.children && H(n.props.children).forEach((r) => t.push(r));
+  }), t;
+}
+function ie(s) {
+  const t = [], n = {
+    "container-start": [],
+    "container-end": [],
+    "wrapper-start": [],
+    "wrapper-end": []
+  };
+  return i.Children.toArray(s).forEach((r) => {
+    if (D(r))
+      t.push(r);
+    else if (r.props && r.props.slot && n[r.props.slot])
+      n[r.props.slot].push(r);
+    else if (r.props && r.props.children) {
+      const u = H(r.props.children);
+      u.length > 0 ? u.forEach((d) => t.push(d)) : n["container-end"].push(r);
+    } else
+      n["container-end"].push(r);
+  }), {
+    slides: t,
+    slots: n
+  };
+}
+function oe(s, t, n) {
+  if (!n) return null;
+  const r = (a) => {
+    let o = a;
+    return a < 0 ? o = t.length + a : o >= t.length && (o = o - t.length), o;
+  }, u = s.isHorizontal() ? {
+    [s.rtlTranslate ? "right" : "left"]: `${n.offset}px`
+  } : {
+    top: `${n.offset}px`
+  }, {
+    from: d,
+    to: C
+  } = n, g = s.params.loop ? -t.length : 0, S = s.params.loop ? t.length * 2 : t.length, w = [];
+  for (let a = g; a < S; a += 1)
+    a >= d && a <= C && w.push(t[r(a)]);
+  return w.map((a, o) => /* @__PURE__ */ i.cloneElement(a, {
+    swiper: s,
+    style: u,
+    key: a.props.virtualIndex || a.key || `slide-${o}`
+  }));
+}
+function N(s, t) {
+  return typeof window > "u" ? B(s, t) : K(s, t);
+}
+const V = /* @__PURE__ */ M(null), le = /* @__PURE__ */ M(null), ue = /* @__PURE__ */ F(({
+  className: s,
+  tag: t = "div",
+  wrapperTag: n = "div",
+  children: r,
+  onSwiper: u,
+  ...d
+} = {}, C) => {
+  let g = !1;
+  const [S, w] = O("swiper"), [a, o] = O(null), [h, R] = O(!1), $ = p(!1), m = p(null), e = p(null), b = p(null), j = p(null), c = p(null), x = p(null), P = p(null), _ = p(null), {
+    params: f,
+    passedParams: z,
+    rest: U,
+    events: v
+  } = X(d), {
+    slides: y,
+    slots: k
+  } = ie(r), I = () => {
+    R(!h);
+  };
+  Object.assign(f.on, {
+    _containerClasses(l, E) {
+      w(E);
+    }
+  });
+  const A = () => {
+    Object.assign(f.on, v), g = !0;
+    const l = {
+      ...f
+    };
+    if (delete l.wrapperClass, e.current = new Q(l), e.current.virtual && e.current.params.virtual.enabled) {
+      e.current.virtual.slides = y;
+      const E = {
+        cache: !1,
+        slides: y,
+        renderExternal: o,
+        renderExternalUpdate: !1
+      };
+      T(e.current.params.virtual, E), T(e.current.originalParams.virtual, E);
+    }
+  };
+  m.current || A(), e.current && e.current.on("_beforeBreakpoint", I);
+  const W = () => {
+    g || !v || !e.current || Object.keys(v).forEach((l) => {
+      e.current.on(l, v[l]);
+    });
+  }, G = () => {
+    !v || !e.current || Object.keys(v).forEach((l) => {
+      e.current.off(l, v[l]);
+    });
+  };
+  B(() => () => {
+    e.current && e.current.off("_beforeBreakpoint", I);
+  }), B(() => {
+    !$.current && e.current && (e.current.emitSlidesClasses(), $.current = !0);
+  }), N(() => {
+    if (C && (C.current = m.current), !!m.current)
+      return e.current.destroyed && A(), Y({
+        el: m.current,
+        nextEl: c.current,
+        prevEl: x.current,
+        paginationEl: P.current,
+        scrollbarEl: _.current,
+        swiper: e.current
+      }, f), u && !e.current.destroyed && u(e.current), () => {
+        e.current && !e.current.destroyed && e.current.destroy(!0, !1);
+      };
+  }, []), N(() => {
+    W();
+    const l = Z(z, b.current, y, j.current, (E) => E.key);
+    return b.current = z, j.current = y, l.length && e.current && !e.current.destroyed && ae({
+      swiper: e.current,
+      slides: y,
+      passedParams: z,
+      changedParams: l,
+      nextEl: c.current,
+      prevEl: x.current,
+      scrollbarEl: _.current,
+      paginationEl: P.current
+    }), () => {
+      G();
+    };
+  }), N(() => {
+    ee(e.current);
+  }, [a]);
+  function J() {
+    return f.virtual ? oe(e.current, y, a) : y.map((l, E) => /* @__PURE__ */ i.cloneElement(l, {
+      swiper: e.current,
+      swiperSlideIndex: E
+    }));
+  }
+  return /* @__PURE__ */ i.createElement(t, L({
+    ref: m,
+    className: q(`${S}${s ? ` ${s}` : ""}`)
+  }, U), /* @__PURE__ */ i.createElement(le.Provider, {
+    value: e.current
+  }, k["container-start"], /* @__PURE__ */ i.createElement(n, {
+    className: re(f.wrapperClass)
+  }, k["wrapper-start"], J(), k["wrapper-end"]), te(f) && /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("div", {
+    ref: x,
+    className: "swiper-button-prev"
+  }), /* @__PURE__ */ i.createElement("div", {
+    ref: c,
+    className: "swiper-button-next"
+  })), ne(f) && /* @__PURE__ */ i.createElement("div", {
+    ref: _,
+    className: "swiper-scrollbar"
+  }), se(f) && /* @__PURE__ */ i.createElement("div", {
+    ref: P,
+    className: "swiper-pagination"
+  }), k["container-end"]));
+});
+ue.displayName = "Swiper";
+const ce = /* @__PURE__ */ F(({
+  tag: s = "div",
+  children: t,
+  className: n = "",
+  swiper: r,
+  zoom: u,
+  lazy: d,
+  virtualIndex: C,
+  swiperSlideIndex: g,
+  ...S
+} = {}, w) => {
+  const a = p(null), [o, h] = O("swiper-slide"), [R, $] = O(!1);
+  function m(c, x, P) {
+    x === a.current && h(P);
+  }
+  N(() => {
+    if (typeof g < "u" && (a.current.swiperSlideIndex = g), w && (w.current = a.current), !(!a.current || !r)) {
+      if (r.destroyed) {
+        o !== "swiper-slide" && h("swiper-slide");
+        return;
+      }
+      return r.on("_slideClass", m), () => {
+        r && r.off("_slideClass", m);
+      };
+    }
+  }), N(() => {
+    r && a.current && !r.destroyed && h(r.getSlideClasses(a.current));
+  }, [r]);
+  const e = {
+    isActive: o.indexOf("swiper-slide-active") >= 0,
+    isVisible: o.indexOf("swiper-slide-visible") >= 0,
+    isPrev: o.indexOf("swiper-slide-prev") >= 0,
+    isNext: o.indexOf("swiper-slide-next") >= 0
+  }, b = () => typeof t == "function" ? t(e) : t, j = () => {
+    $(!0);
+  };
+  return /* @__PURE__ */ i.createElement(s, L({
+    ref: a,
+    className: q(`${o}${n ? ` ${n}` : ""}`),
+    "data-swiper-slide-index": C,
+    onLoad: j
+  }, S), u && /* @__PURE__ */ i.createElement(V.Provider, {
+    value: e
+  }, /* @__PURE__ */ i.createElement("div", {
+    className: "swiper-zoom-container",
+    "data-swiper-zoom": typeof u == "number" ? u : void 0
+  }, b(), d && !R && /* @__PURE__ */ i.createElement("div", {
+    className: "swiper-lazy-preloader",
+    ref: (c) => {
+      c && (c.lazyPreloaderManaged = !0);
+    }
+  }))), !u && /* @__PURE__ */ i.createElement(V.Provider, {
+    value: e
+  }, b(), d && !R && /* @__PURE__ */ i.createElement("div", {
+    className: "swiper-lazy-preloader",
+    ref: (c) => {
+      c && (c.lazyPreloaderManaged = !0);
+    }
+  })));
+});
+ce.displayName = "SwiperSlide";
+export {
+  ue as Swiper,
+  ce as SwiperSlide
+};

package/dist/index.esm25.js

@@ -0,0 +1,11 @@
+/* empty css            */
+/* empty css            */
+var e = "_1tx42e51", a = "_1tx42e52", o = "_1tx42e53", v = "_1tx42e54", x = "_1tx42e55", _ = "_1tx42e56";
+export {
+  e as arrowBtn,
+  o as arrowNext,
+  a as arrowPrev,
+  x as dot,
+  _ as dotActive,
+  v as dots
+};

package/dist/index.esm27.js

@@ -0,0 +1,7 @@
+/* empty css            */
+/* empty css            */
+var p = "_1uy0wep0", e = "_1uy0wep1";
+export {
+  e as heading,
+  p as root
+};

package/dist/index.esm28.js

@@ -0,0 +1,26 @@
+/* empty css            */
+/* empty css            */
+var r = "w40enx1", n = "w40enx2", w = "w40enx3", v = "w40enx4", x = "w40enx5", i = "w40enx6", t = "w40enx7", l = "w40enx8", o = "w40enx9", p = "w40enxa", s = "w40enxb", m = "w40enxc", b = "w40enxd", g = "w40enxe", c = "w40enxf", k = "w40enxg", u = "w40enxh", d = "w40enxi", j = "w40enxk w40enxj", y = "w40enxl w40enxj", B = "w40enxm w40enxj";
+export {
+  v as badgeOverlay,
+  i as body,
+  c as footer,
+  w as image,
+  n as imageWrapper,
+  g as installments,
+  b as originalPrice,
+  m as price,
+  s as priceWrapper,
+  k as quickViewBtn,
+  p as reviewCount,
+  r as root,
+  B as skeletonBtn,
+  j as skeletonImage,
+  y as skeletonLine,
+  o as starsWrapper,
+  l as subtitle,
+  t as title,
+  u as unavailableOverlay,
+  d as unavailableText,
+  x as wishlistBtn
+};

package/dist/index.esm29.js

@@ -0,0 +1,7 @@
+/* empty css            */
+/* empty css            */
+import { c as a } from "./index.esm34.js";
+var d = a({ defaultClassName: "_19yozed0", variantClassNames: { maxWidth: { sm: "_19yozed1", md: "_19yozed2", lg: "_19yozed3", xl: "_19yozed4", full: "_19yozed5" } }, defaultVariants: { maxWidth: "xl" }, compoundVariants: [] });
+export {
+  d as containerRecipe
+};

package/dist/index.esm3.js

@@ -0,0 +1,49 @@
+import { jsx as e, jsxs as p, Fragment as f } from "react/jsx-runtime";
+import { buttonRecipe as m } from "./index.esm15.js";
+function v({
+  variant: t = "primary",
+  size: a = "md",
+  fullWidth: l = !1,
+  loading: i = !1,
+  disabled: s = !1,
+  leftIcon: n,
+  rightIcon: r,
+  onClick: o,
+  children: d,
+  type: h = "button",
+  className: u
+}) {
+  const c = m({ variant: t, size: a, fullWidth: l || void 0 });
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: h,
+      className: [c, u].filter(Boolean).join(" "),
+      disabled: s || i,
+      onClick: o,
+      "aria-busy": i,
+      children: i ? /* @__PURE__ */ e("output", { "aria-label": "Cargando", style: { display: "inline-flex", alignItems: "center" }, children: /* @__PURE__ */ e(
+        "svg",
+        {
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2.5",
+          strokeLinecap: "round",
+          style: { animation: "spin 0.75s linear infinite" },
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ e("path", { d: "M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83" })
+        }
+      ) }) : /* @__PURE__ */ p(f, { children: [
+        n && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: n }),
+        d,
+        r && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: r })
+      ] })
+    }
+  );
+}
+export {
+  v as Button
+};

package/dist/index.esm30.js

@@ -0,0 +1,5 @@
+/* empty css            */
+var r = "_15r2pp40";
+export {
+  r as stackBase
+};

package/dist/index.esm31.js

@@ -0,0 +1 @@
+

package/dist/index.esm34.js

@@ -0,0 +1,88 @@
+function c(r, t) {
+  if (typeof r != "object" || !r) return r;
+  var a = r[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var e = a.call(r, t);
+    if (typeof e != "object") return e;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(r);
+}
+function O(r) {
+  var t = c(r, "string");
+  return typeof t == "symbol" ? t : String(t);
+}
+function y(r, t, a) {
+  return t = O(t), t in r ? Object.defineProperty(r, t, {
+    value: a,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : r[t] = a, r;
+}
+function l(r, t) {
+  var a = Object.keys(r);
+  if (Object.getOwnPropertySymbols) {
+    var e = Object.getOwnPropertySymbols(r);
+    t && (e = e.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(r, n).enumerable;
+    })), a.push.apply(a, e);
+  }
+  return a;
+}
+function p(r) {
+  for (var t = 1; t < arguments.length; t++) {
+    var a = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? l(Object(a), !0).forEach(function(e) {
+      y(r, e, a[e]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(a)) : l(Object(a)).forEach(function(e) {
+      Object.defineProperty(r, e, Object.getOwnPropertyDescriptor(a, e));
+    });
+  }
+  return r;
+}
+function v(r, t) {
+  var a = {};
+  for (var e in r)
+    a[e] = t(r[e], e);
+  return a;
+}
+var d = (r, t, a) => {
+  for (var e of Object.keys(r)) {
+    var n;
+    if (r[e] !== ((n = t[e]) !== null && n !== void 0 ? n : a[e]))
+      return !1;
+  }
+  return !0;
+}, j = (r) => {
+  var t = (a) => {
+    var e = r.defaultClassName, n = p(p({}, r.defaultVariants), a);
+    for (var i in n) {
+      var s, o = (s = n[i]) !== null && s !== void 0 ? s : r.defaultVariants[i];
+      if (o != null) {
+        var u = o;
+        typeof u == "boolean" && (u = u === !0 ? "true" : "false");
+        var f = (
+          // @ts-expect-error
+          r.variantClassNames[i][u]
+        );
+        f && (e += " " + f);
+      }
+    }
+    for (var [b, m] of r.compoundVariants)
+      d(b, n, r.defaultVariants) && (e += " " + m);
+    return e;
+  };
+  return t.variants = () => Object.keys(r.variantClassNames), t.classNames = {
+    get base() {
+      return r.defaultClassName.split(" ")[0];
+    },
+    get variants() {
+      return v(r.variantClassNames, (a) => v(a, (e) => e.split(" ")[0]));
+    }
+  }, t;
+};
+export {
+  j as c,
+  v as m
+};

package/dist/index.esm4.js

@@ -0,0 +1,35 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { cardRecipe as f, cardMedia as h, cardHeader as p, cardBody as N, cardFooter as u } from "./index.esm18.js";
+function y({
+  media: s,
+  header: i,
+  body: o,
+  footer: t,
+  onClick: e,
+  hoverable: c = !1,
+  className: n,
+  padding: l = "none"
+}) {
+  const a = !!e, v = f({ hoverable: c || void 0, padding: l });
+  return /* @__PURE__ */ m(
+    "article",
+    {
+      className: [v, n].filter(Boolean).join(" "),
+      onClick: e,
+      role: a ? "button" : void 0,
+      tabIndex: a ? 0 : void 0,
+      onKeyDown: a ? (d) => {
+        (d.key === "Enter" || d.key === " ") && (d.preventDefault(), e == null || e());
+      } : void 0,
+      children: [
+        s && /* @__PURE__ */ r("div", { className: h, children: s }),
+        i && /* @__PURE__ */ r("div", { className: p, children: i }),
+        o && /* @__PURE__ */ r("div", { className: N, children: o }),
+        t && /* @__PURE__ */ r("div", { className: u, children: t })
+      ]
+    }
+  );
+}
+export {
+  y as Card
+};