@danielcruzcode/ui-core 0.1.6 → 0.1.8

package/dist/index.d.ts

@@ -18,6 +18,8 @@ export { ProductCard } from './commerce/ProductCard';
 export type { ProductCardProps, ProductImage } from './commerce/ProductCard';
 export { ProductShelf } from './commerce/ProductShelf';
 export type { ProductShelfProps } from './commerce/ProductShelf';
+export { JumboProvider } from './JumboProvider';
+export type { JumboProviderProps } from './JumboProvider';
 export { Stack } from './layout/Stack';
 export type { StackProps } from './layout/Stack';
 export { Container } from './layout/Container';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.esm.js

@@ -1,26 +1,28 @@
-import { Button as t } from "./index.esm2.js";
+import { Button as e } from "./index.esm2.js";
 import { Badge as f } from "./index.esm3.js";
-import { Tag as x } from "./index.esm4.js";
+import { Tag as p } from "./index.esm4.js";
 import { Input as a } from "./index.esm5.js";
-import { Select as d } from "./index.esm6.js";
+import { Select as u } from "./index.esm6.js";
 import { Checkbox as C } from "./index.esm7.js";
 import { Card as l } from "./index.esm8.js";
-import { Carousel as g } from "./index.esm9.js";
-import { ProductCard as k } from "./index.esm10.js";
-import { ProductShelf as P } from "./index.esm11.js";
-import { Stack as i } from "./index.esm12.js";
-import { Container as I } from "./index.esm13.js";
+import { Carousel as S } from "./index.esm9.js";
+import { ProductCard as g } from "./index.esm10.js";
+import { ProductShelf as i } from "./index.esm11.js";
+import { JumboProvider as B } from "./index.esm12.js";
+import { Stack as v } from "./index.esm13.js";
+import { Container as J } from "./index.esm14.js";
 export {
   f as Badge,
-  t as Button,
+  e as Button,
   l as Card,
-  g as Carousel,
+  S as Carousel,
   C as Checkbox,
-  I as Container,
+  J as Container,
   a as Input,
-  k as ProductCard,
-  P as ProductShelf,
-  d as Select,
-  i as Stack,
-  x as Tag
+  B as JumboProvider,
+  g as ProductCard,
+  i as ProductShelf,
+  u as Select,
+  v as Stack,
+  p as Tag
 };

package/dist/index.esm10.js

@@ -1,69 +1,109 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import e from "@emotion/styled";
-import { keyframes as A } from "@emotion/react";
-import { tokens as o } from "./index.esm14.js";
-import { Card as O } from "./index.esm8.js";
-import { Badge as B } from "./index.esm3.js";
-import { Button as R } from "./index.esm2.js";
-const U = A`0%{background-position:-200% 0}100%{background-position:200% 0}`, H = e.div`display:flex;flex-direction:column;height:100%;`, S = e.div`position:relative;width:100%;padding-top:100%;overflow:hidden;background-color:${o.color.surface};`, T = e.img`position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform ${o.transition.normal};${S}:hover &{transform:scale(1.04);}`, V = e.div`position:absolute;top:${o.space.sm};left:${o.space.sm};display:flex;flex-direction:column;gap:4px;`, _ = e.button`position:absolute;top:${o.space.sm};right:${o.space.sm};width:32px;height:32px;border-radius:${o.radius.full};border:1px solid ${o.color.border};background-color:${o.color.background};display:flex;align-items:center;justify-content:center;cursor:pointer;color:${o.color.textMuted};transition:color ${o.transition.fast},border-color ${o.transition.fast};&:hover{color:${o.color.danger};border-color:${o.color.danger};}&:focus-visible{outline:2px solid ${o.color.borderFocus};outline-offset:2px;}`, q = e.div`position:absolute;inset:0;background-color:rgba(255,255,255,0.7);display:flex;align-items:center;justify-content:center;`, E = e.span`font-family:${o.font.body};font-size:13px;font-weight:600;color:${o.color.textMuted};`, G = e.div`display:flex;flex-direction:column;gap:4px;padding:${o.space.sm};flex:1;`, J = e.p`font-family:${o.font.body};font-size:14px;font-weight:500;color:${o.color.text};display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin:0;height:2.5rem;`, K = e.p`font-family:${o.font.body};font-size:12px;color:${o.color.textMuted};margin:0;`, C = e.div`display:flex;align-items:center;gap:4px;`, N = e.span`font-family:${o.font.body};font-size:12px;color:${o.color.textMuted};`, P = e.div`display:flex;align-items:baseline;gap:${o.space.sm};flex-wrap:wrap;margin-top:auto;`, Q = e.span`font-family:${o.font.body};font-size:18px;font-weight:700;color:${o.color.text};`, X = e.span`font-family:${o.font.body};font-size:13px;color:${o.color.textMuted};text-decoration:line-through;`, Y = e.span`font-family:${o.font.body};font-size:12px;color:${o.color.textMuted};`, Z = e.div`display:flex;flex-direction:column;gap:${o.space.sm};padding:0 ${o.space.sm} ${o.space.sm};`, D = e.button`background:none;border:none;cursor:pointer;font-family:${o.font.body};font-size:13px;color:${o.color.brand};padding:0;text-align:center;&:hover{text-decoration:underline;}&:focus-visible{outline:2px solid ${o.color.borderFocus};outline-offset:2px;}`, u = e.div`border-radius:${o.radius.md};background:linear-gradient(90deg,${o.color.surface} 25%,${o.color.surfaceHover} 50%,${o.color.surface} 75%);background-size:200% 100%;animation:${U} 1.5s ease-in-out infinite;`, oo = e(u)`width:100%;padding-top:100%;`, h = e(u)`height:14px;border-radius:${o.radius.sm};`, to = e(u)`height:40px;border-radius:${o.radius.md};`;
-function eo({ rating: r }) {
-  return /* @__PURE__ */ t(C, { "aria-label": `${r} de 5 estrellas`, role: "img", children: Array.from({ length: 5 }).map((s, l) => /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: l < Math.round(r) ? "#F9AB00" : "none", stroke: "#F9AB00", strokeWidth: "1", "aria-hidden": "true", children: /* @__PURE__ */ t("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" }) }, l)) });
-}
-function io() {
-  return /* @__PURE__ */ i("article", { "aria-label": "Cargando producto", "aria-busy": "true", children: [
-    /* @__PURE__ */ t(oo, {}),
-    /* @__PURE__ */ i("div", { style: { padding: "8px", display: "flex", flexDirection: "column", gap: "8px" }, children: [
-      /* @__PURE__ */ t(h, { style: { width: "100%" } }),
-      /* @__PURE__ */ t(h, { style: { width: "70%" } }),
-      /* @__PURE__ */ t(h, { style: { width: "50%" } }),
-      /* @__PURE__ */ t(to, {})
-    ] })
-  ] });
+import { jsx as e, jsxs as l, Fragment as L } from "react/jsx-runtime";
+import { Card as z } from "./index.esm8.js";
+import { Badge as I } from "./index.esm3.js";
+import { Button as j } from "./index.esm2.js";
+import { Flag as A, ImageWrapper as W, Img as $, Body as F, Subtitle as M, ProductTitle as H, Price as J, OriginalPrice as R, Installments as T, Root as _, SkeletonLine as r, SkeletonImage as q, SkeletonBtn as E, Footer as G, StarsWrapper as g } from "./index.esm17.js";
+const K = {
+  "jumbo-pesos": "Jumbo Pesos",
+  "black-days": "Black Days",
+  "hot-sale": "Hot Sale",
+  "without-stock": "Agotado"
+};
+function N({
+  rating: n
+}) {
+  return /* @__PURE__ */ e(g, { "aria-hidden": "true", children: Array.from({
+    length: 5
+  }).map((v, i) => /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: i < Math.round(n) ? "#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" }) }, i)) });
 }
-function ho({ id: r, title: s, subtitle: l, images: M, price: g, originalPrice: d, discountPercent: m, badge: x, rating: b, reviewCount: y, installments: a, unavailable: $ = !1, loading: L = !1, onAddToCart: v, onWishlist: k, onQuickView: w, onClick: c, formatPrice: n, className: W }) {
-  if (L) return /* @__PURE__ */ t(io, {});
-  const j = n ? n(g) : String(g), z = d ? n ? n(d) : String(d) : void 0, p = M[0], F = /* @__PURE__ */ i(S, { children: [
-    p && /* @__PURE__ */ t(T, { src: p.src, alt: p.alt, width: 100, height: 100, loading: "lazy" }),
-    /* @__PURE__ */ i(V, { children: [
-      m !== void 0 && /* @__PURE__ */ i(B, { variant: "danger", size: "sm", children: [
-        "-",
-        m,
-        "%"
-      ] }),
-      x && /* @__PURE__ */ t(B, { variant: "brand", size: "sm", children: x })
-    ] }),
-    k && /* @__PURE__ */ t(_, { type: "button", onClick: (f) => {
-      f.stopPropagation(), k(r);
-    }, "aria-label": `Agregar ${s} a favoritos`, children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": "true", children: /* @__PURE__ */ t("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" }) }) }),
-    $ && /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(E, { children: "Sin stock" }) })
-  ] }), I = /* @__PURE__ */ i(G, { children: [
-    /* @__PURE__ */ t(J, { children: s }),
-    l && /* @__PURE__ */ t(K, { children: l }),
-    b !== void 0 && /* @__PURE__ */ i(C, { children: [
-      /* @__PURE__ */ t(eo, { rating: b }),
-      y !== void 0 && /* @__PURE__ */ i(N, { children: [
-        "(",
-        y,
-        ")"
+function O() {
+  return /* @__PURE__ */ l("article", { "aria-label": "Cargando producto", style: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-between",
+    height: "528px",
+    boxSizing: "border-box",
+    paddingBottom: "8px"
+  }, "aria-busy": "true", children: [
+    /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ e(r, { style: {
+        width: "80%",
+        height: "1rem",
+        margin: "8px auto 8px"
+      } }),
+      /* @__PURE__ */ e(q, {}),
+      /* @__PURE__ */ l("div", { style: {
+        padding: "8px",
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px"
+      }, children: [
+        /* @__PURE__ */ e(r, { style: {
+          width: "70%"
+        } }),
+        /* @__PURE__ */ e(r, { style: {
+          width: "100%"
+        } }),
+        /* @__PURE__ */ e(r, { style: {
+          width: "70%"
+        } }),
+        /* @__PURE__ */ e(r, { style: {
+          width: "50%"
+        } })
       ] })
     ] }),
-    /* @__PURE__ */ i(P, { children: [
-      /* @__PURE__ */ t(Q, { children: j }),
-      z && /* @__PURE__ */ t(X, { children: z })
-    ] }),
-    a && /* @__PURE__ */ i(Y, { children: [
-      a.count,
-      "x ",
-      n ? n(a.value) : a.value
+    /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ e(E, {}),
+      /* @__PURE__ */ e(r, { style: {
+        width: "70%",
+        marginTop: "8px"
+      } })
     ] })
   ] });
-  return /* @__PURE__ */ t(H, { className: W, children: /* @__PURE__ */ t(O, { media: F, body: I, footer: /* @__PURE__ */ i(Z, { children: [
-    v && /* @__PURE__ */ t(R, { variant: "primary", size: "sm", fullWidth: !0, disabled: $, onClick: () => v(r), children: "Agregar" }),
-    w && /* @__PURE__ */ t(D, { type: "button", onClick: (f) => {
-      f.stopPropagation(), w(r);
-    }, children: "Vista rápida" })
-  ] }), hoverable: !!c, onClick: c ? () => c(r) : void 0 }) });
+}
+function Z({
+  id: n,
+  title: v,
+  subtitle: i,
+  images: f,
+  price: u,
+  originalPrice: h,
+  discountPercent: a,
+  rating: t,
+  installments: o,
+  unavailable: m = !1,
+  loading: x = !1,
+  onAddToCart: b,
+  onClick: c,
+  formatPrice: d,
+  className: w,
+  promotionalFlag: y
+}) {
+  if (x) return /* @__PURE__ */ e(O, {});
+  const B = d ? d(u) : String(u), s = h ? d ? d(h) : String(h) : void 0, p = f[0], S = /* @__PURE__ */ l(L, { children: [
+    /* @__PURE__ */ e(A, { variant: y, children: y ? K[y] : " " }),
+    /* @__PURE__ */ e(W, { unavailable: m, children: p && /* @__PURE__ */ e($, { src: p.src, alt: p.alt, width: 100, height: 100, loading: "lazy" }) })
+  ] }), k = /* @__PURE__ */ l(F, { children: [
+    /* @__PURE__ */ e(M, { style: {
+      visibility: i ? "visible" : "hidden"
+    }, children: i != null ? i : " " }),
+    /* @__PURE__ */ e(H, { children: v }),
+    /* @__PURE__ */ e(I, { visible: !!a, variant: "warning", size: "sm", children: a ? `-${a}%` : " " }),
+    /* @__PURE__ */ e(J, { children: B }),
+    /* @__PURE__ */ e(R, { style: {
+      visibility: s ? "visible" : "hidden"
+    }, children: s != null ? s : " " }),
+    /* @__PURE__ */ e(T, { style: {
+      visibility: o ? "visible" : "hidden"
+    }, children: o ? `${o.count}x ${d ? d(o.value) : o.value}` : " " })
+  ] }), C = /* @__PURE__ */ l(G, { children: [
+    b && /* @__PURE__ */ e(j, { variant: "primary", size: "sm", fullWidth: !0, disabled: m, onClick: () => b(n), children: "Agregar" }),
+    /* @__PURE__ */ e(g, { style: {
+      visibility: t !== void 0 ? "visible" : "hidden"
+    }, "aria-label": t !== void 0 ? `${t} de 5 estrellas` : void 0, role: "img", children: /* @__PURE__ */ e(N, { rating: t != null ? t : 0 }) })
+  ] });
+  return /* @__PURE__ */ e(_, { className: w, children: /* @__PURE__ */ e(z, { media: S, body: k, footer: C, hoverable: !!c, onClick: c ? () => c(n) : void 0 }) });
 }
 export {
-  ho as ProductCard
+  Z as ProductCard
 };

package/dist/index.esm11.js

@@ -1,28 +1,61 @@
-var b = Object.defineProperty, w = Object.defineProperties;
-var C = Object.getOwnPropertyDescriptors;
-var n = Object.getOwnPropertySymbols;
-var P = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
-var a = (e, o, r) => o in e ? b(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, m = (e, o) => {
-  for (var r in o || (o = {}))
-    P.call(o, r) && a(e, r, o[r]);
-  if (n)
-    for (var r of n(o))
-      j.call(o, r) && a(e, r, o[r]);
-  return e;
-}, l = (e, o) => w(e, C(o));
-import { jsxs as A, jsx as t } from "react/jsx-runtime";
-import c from "@emotion/styled";
-import { tokens as i } from "./index.esm14.js";
-import { Carousel as z } from "./index.esm9.js";
-import { ProductCard as D } from "./index.esm10.js";
-const H = c.section`display:flex;flex-direction:column;gap:${i.space.md};`, R = c.h2`font-family:${i.font.display};font-size:24px;color:${i.color.text};margin:0;letter-spacing:0.02em;`;
-function F({ products: e, title: o, autoplay: r = !1, autoplayMs: d = 4e3, slidesPerView: p = { mobile: 1, tablet: 2, desktop: 4 }, onAddToCart: f, onWishlist: u, onProductClick: g, formatPrice: h, loading: x = !1, skeletonCount: y = 4 }) {
-  const k = x ? Array.from({ length: y }).map((s, $) => ({ id: `skeleton-${$}`, title: "", images: [], price: 0, loading: !0 })) : e;
-  return /* @__PURE__ */ A(H, { "aria-label": o != null ? o : "Productos", children: [
-    o && /* @__PURE__ */ t(R, { children: o }),
-    /* @__PURE__ */ t(z, { autoplay: r, autoplayMs: d, slidesPerView: p, gap: "md", showArrows: !0, showDots: !0, loop: !0, children: k.map((s) => /* @__PURE__ */ t(D, l(m({}, s), { onAddToCart: f, onWishlist: u, onClick: g, formatPrice: h }), s.id)) })
+var u = Object.defineProperty, B = Object.defineProperties;
+var N = Object.getOwnPropertyDescriptors;
+var G = Object.getOwnPropertySymbols;
+var a = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+var l = (I, g, b) => g in I ? u(I, g, { enumerable: !0, configurable: !0, writable: !0, value: b }) : I[g] = b, Z = (I, g) => {
+  for (var b in g || (g = {}))
+    a.call(g, b) && l(I, b, g[b]);
+  if (G)
+    for (var b of G(g))
+      n.call(g, b) && l(I, b, g[b]);
+  return I;
+}, d = (I, g) => B(I, N(g));
+import { jsxs as y, jsx as A } from "react/jsx-runtime";
+import m from "./index.esm15.js";
+import { tokens as C } from "./index.esm16.js";
+import { Carousel as o } from "./index.esm9.js";
+import { ProductCard as Y } from "./index.esm10.js";
+const v = /* @__PURE__ */ m("section", process.env.NODE_ENV === "production" ? {
+  target: "e1bjaxtx1"
+} : {
+  target: "e1bjaxtx1",
+  label: "Root"
+})("display:flex;flex-direction:column;gap:", C.space.md, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9tYWNib29rL0RvY3VtZW50cy9jZW5jb3N1ZC9qdW1iby9saWIvcGFja2FnZXMvdWktY29yZS9zcmMvY29tbWVyY2UvUHJvZHVjdFNoZWxmL1Byb2R1Y3RTaGVsZi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIyQiIsImZpbGUiOiIvVXNlcnMvbWFjYm9vay9Eb2N1bWVudHMvY2VuY29zdWQvanVtYm8vbGliL3BhY2thZ2VzL3VpLWNvcmUvc3JjL2NvbW1lcmNlL1Byb2R1Y3RTaGVsZi9Qcm9kdWN0U2hlbGYudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnQGRhbmllbGNydXpjb2RlL2Rlc2lnbi10b2tlbnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ2Fyb3VzZWwgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL0Nhcm91c2VsJztcbmltcG9ydCB7IFByb2R1Y3RDYXJkLCB0eXBlIFByb2R1Y3RDYXJkUHJvcHMgfSBmcm9tICcuLi9Qcm9kdWN0Q2FyZCc7XG5cbnR5cGUgU2xpZGVzUGVyVmlldyA9XG4gIHwgbnVtYmVyXG4gIHwgeyBtb2JpbGU6IG51bWJlcjsgdGFibGV0OiBudW1iZXI7IHdpZGU/OiBudW1iZXI7IGRlc2t0b3A6IG51bWJlciB9XG4gIHwgeyBtaW46IG51bWJlcjsgbWF4PzogbnVtYmVyIH07XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZHVjdFNoZWxmUHJvcHMge1xuICBwcm9kdWN0czogUHJvZHVjdENhcmRQcm9wc1tdO1xuICB0aXRsZT86IHN0cmluZztcbiAgYXV0b3BsYXk/OiBib29sZWFuO1xuICBhdXRvcGxheU1zPzogbnVtYmVyO1xuICBzbGlkZXNQZXJWaWV3PzogU2xpZGVzUGVyVmlldztcbiAgb25BZGRUb0NhcnQ/OiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgb25Qcm9kdWN0Q2xpY2s/OiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgZm9ybWF0UHJpY2U/OiAodmFsdWU6IG51bWJlcikgPT4gc3RyaW5nO1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbiAgc2tlbGV0b25Db3VudD86IG51bWJlcjtcbn1cblxuY29uc3QgUm9vdCA9IHN0eWxlZC5zZWN0aW9uYGRpc3BsYXk6ZmxleDtmbGV4LWRpcmVjdGlvbjpjb2x1bW47Z2FwOiR7dG9rZW5zLnNwYWNlLm1kfTtgO1xuY29uc3QgSGVhZGluZyA9IHN0eWxlZC5oMmBmb250LWZhbWlseToke3Rva2Vucy5mb250LmRpc3BsYXl9O2ZvbnQtc2l6ZToyNHB4O2NvbG9yOiR7dG9rZW5zLmNvbG9yLnRleHR9O21hcmdpbjowO2xldHRlci1zcGFjaW5nOjAuMDJlbTtgO1xuXG5leHBvcnQgZnVuY3Rpb24gUHJvZHVjdFNoZWxmKHtcbiAgcHJvZHVjdHMsXG4gIHRpdGxlLFxuICBhdXRvcGxheSA9IGZhbHNlLFxuICBhdXRvcGxheU1zID0gNDAwMCxcbiAgc2xpZGVzUGVyVmlldyA9IHsgbW9iaWxlOiAxLCB0YWJsZXQ6IDIsIGRlc2t0b3A6IDQgfSxcbiAgb25BZGRUb0NhcnQsXG4gIG9uUHJvZHVjdENsaWNrLFxuICBmb3JtYXRQcmljZSxcbiAgbG9hZGluZyA9IGZhbHNlLFxuICBza2VsZXRvbkNvdW50ID0gNCxcbn06IFByb2R1Y3RTaGVsZlByb3BzKSB7XG4gIGNvbnN0IGl0ZW1zOiBQcm9kdWN0Q2FyZFByb3BzW10gPSBsb2FkaW5nXG4gICAgPyBBcnJheS5mcm9tKHsgbGVuZ3RoOiBza2VsZXRvbkNvdW50IH0pLm1hcCgoXywgaSkgPT4gKHtcbiAgICAgICAgaWQ6IGBza2VsZXRvbi0ke2l9YCxcbiAgICAgICAgdGl0bGU6ICcnLFxuICAgICAgICBpbWFnZXM6IFtdLFxuICAgICAgICBwcmljZTogMCxcbiAgICAgICAgbG9hZGluZzogdHJ1ZSxcbiAgICAgIH0pKVxuICAgIDogcHJvZHVjdHM7XG4gIHJldHVybiAoXG4gICAgPFJvb3QgYXJpYS1sYWJlbD17dGl0bGUgPz8gJ1Byb2R1Y3Rvcyd9PlxuICAgICAge3RpdGxlICYmIDxIZWFkaW5nPnt0aXRsZX08L0hlYWRpbmc+fVxuICAgICAgPENhcm91c2VsXG4gICAgICAgIGF1dG9wbGF5PXthdXRvcGxheX1cbiAgICAgICAgYXV0b3BsYXlNcz17YXV0b3BsYXlNc31cbiAgICAgICAgc2xpZGVzUGVyVmlldz17c2xpZGVzUGVyVmlld31cbiAgICAgICAgZ2FwPVwibWRcIlxuICAgICAgICBzaG93QXJyb3dzXG4gICAgICAgIHNob3dEb3RzXG4gICAgICAgIGxvb3A9e3RydWV9XG4gICAgICA+XG4gICAgICAgIHtpdGVtcy5tYXAoKHByb2R1Y3QpID0+IChcbiAgICAgICAgICA8UHJvZHVjdENhcmRcbiAgICAgICAgICAgIGtleT17cHJvZHVjdC5pZH1cbiAgICAgICAgICAgIHsuLi5wcm9kdWN0fVxuICAgICAgICAgICAgb25BZGRUb0NhcnQ9e29uQWRkVG9DYXJ0fVxuICAgICAgICAgICAgb25DbGljaz17b25Qcm9kdWN0Q2xpY2t9XG4gICAgICAgICAgICBmb3JtYXRQcmljZT17Zm9ybWF0UHJpY2V9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L0Nhcm91c2VsPlxuICAgIDwvUm9vdD5cbiAgKTtcbn1cbiJdfQ== */")), e = /* @__PURE__ */ m("h2", process.env.NODE_ENV === "production" ? {
+  target: "e1bjaxtx0"
+} : {
+  target: "e1bjaxtx0",
+  label: "Heading"
+})("font-family:", C.font.display, ";font-size:24px;color:", C.color.text, ";margin:0;letter-spacing:0.02em;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9tYWNib29rL0RvY3VtZW50cy9jZW5jb3N1ZC9qdW1iby9saWIvcGFja2FnZXMvdWktY29yZS9zcmMvY29tbWVyY2UvUHJvZHVjdFNoZWxmL1Byb2R1Y3RTaGVsZi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J5QiIsImZpbGUiOiIvVXNlcnMvbWFjYm9vay9Eb2N1bWVudHMvY2VuY29zdWQvanVtYm8vbGliL3BhY2thZ2VzL3VpLWNvcmUvc3JjL2NvbW1lcmNlL1Byb2R1Y3RTaGVsZi9Qcm9kdWN0U2hlbGYudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnQGRhbmllbGNydXpjb2RlL2Rlc2lnbi10b2tlbnMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ2Fyb3VzZWwgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL0Nhcm91c2VsJztcbmltcG9ydCB7IFByb2R1Y3RDYXJkLCB0eXBlIFByb2R1Y3RDYXJkUHJvcHMgfSBmcm9tICcuLi9Qcm9kdWN0Q2FyZCc7XG5cbnR5cGUgU2xpZGVzUGVyVmlldyA9XG4gIHwgbnVtYmVyXG4gIHwgeyBtb2JpbGU6IG51bWJlcjsgdGFibGV0OiBudW1iZXI7IHdpZGU/OiBudW1iZXI7IGRlc2t0b3A6IG51bWJlciB9XG4gIHwgeyBtaW46IG51bWJlcjsgbWF4PzogbnVtYmVyIH07XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZHVjdFNoZWxmUHJvcHMge1xuICBwcm9kdWN0czogUHJvZHVjdENhcmRQcm9wc1tdO1xuICB0aXRsZT86IHN0cmluZztcbiAgYXV0b3BsYXk/OiBib29sZWFuO1xuICBhdXRvcGxheU1zPzogbnVtYmVyO1xuICBzbGlkZXNQZXJWaWV3PzogU2xpZGVzUGVyVmlldztcbiAgb25BZGRUb0NhcnQ/OiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgb25Qcm9kdWN0Q2xpY2s/OiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgZm9ybWF0UHJpY2U/OiAodmFsdWU6IG51bWJlcikgPT4gc3RyaW5nO1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbiAgc2tlbGV0b25Db3VudD86IG51bWJlcjtcbn1cblxuY29uc3QgUm9vdCA9IHN0eWxlZC5zZWN0aW9uYGRpc3BsYXk6ZmxleDtmbGV4LWRpcmVjdGlvbjpjb2x1bW47Z2FwOiR7dG9rZW5zLnNwYWNlLm1kfTtgO1xuY29uc3QgSGVhZGluZyA9IHN0eWxlZC5oMmBmb250LWZhbWlseToke3Rva2Vucy5mb250LmRpc3BsYXl9O2ZvbnQtc2l6ZToyNHB4O2NvbG9yOiR7dG9rZW5zLmNvbG9yLnRleHR9O21hcmdpbjowO2xldHRlci1zcGFjaW5nOjAuMDJlbTtgO1xuXG5leHBvcnQgZnVuY3Rpb24gUHJvZHVjdFNoZWxmKHtcbiAgcHJvZHVjdHMsXG4gIHRpdGxlLFxuICBhdXRvcGxheSA9IGZhbHNlLFxuICBhdXRvcGxheU1zID0gNDAwMCxcbiAgc2xpZGVzUGVyVmlldyA9IHsgbW9iaWxlOiAxLCB0YWJsZXQ6IDIsIGRlc2t0b3A6IDQgfSxcbiAgb25BZGRUb0NhcnQsXG4gIG9uUHJvZHVjdENsaWNrLFxuICBmb3JtYXRQcmljZSxcbiAgbG9hZGluZyA9IGZhbHNlLFxuICBza2VsZXRvbkNvdW50ID0gNCxcbn06IFByb2R1Y3RTaGVsZlByb3BzKSB7XG4gIGNvbnN0IGl0ZW1zOiBQcm9kdWN0Q2FyZFByb3BzW10gPSBsb2FkaW5nXG4gICAgPyBBcnJheS5mcm9tKHsgbGVuZ3RoOiBza2VsZXRvbkNvdW50IH0pLm1hcCgoXywgaSkgPT4gKHtcbiAgICAgICAgaWQ6IGBza2VsZXRvbi0ke2l9YCxcbiAgICAgICAgdGl0bGU6ICcnLFxuICAgICAgICBpbWFnZXM6IFtdLFxuICAgICAgICBwcmljZTogMCxcbiAgICAgICAgbG9hZGluZzogdHJ1ZSxcbiAgICAgIH0pKVxuICAgIDogcHJvZHVjdHM7XG4gIHJldHVybiAoXG4gICAgPFJvb3QgYXJpYS1sYWJlbD17dGl0bGUgPz8gJ1Byb2R1Y3Rvcyd9PlxuICAgICAge3RpdGxlICYmIDxIZWFkaW5nPnt0aXRsZX08L0hlYWRpbmc+fVxuICAgICAgPENhcm91c2VsXG4gICAgICAgIGF1dG9wbGF5PXthdXRvcGxheX1cbiAgICAgICAgYXV0b3BsYXlNcz17YXV0b3BsYXlNc31cbiAgICAgICAgc2xpZGVzUGVyVmlldz17c2xpZGVzUGVyVmlld31cbiAgICAgICAgZ2FwPVwibWRcIlxuICAgICAgICBzaG93QXJyb3dzXG4gICAgICAgIHNob3dEb3RzXG4gICAgICAgIGxvb3A9e3RydWV9XG4gICAgICA+XG4gICAgICAgIHtpdGVtcy5tYXAoKHByb2R1Y3QpID0+IChcbiAgICAgICAgICA8UHJvZHVjdENhcmRcbiAgICAgICAgICAgIGtleT17cHJvZHVjdC5pZH1cbiAgICAgICAgICAgIHsuLi5wcm9kdWN0fVxuICAgICAgICAgICAgb25BZGRUb0NhcnQ9e29uQWRkVG9DYXJ0fVxuICAgICAgICAgICAgb25DbGljaz17b25Qcm9kdWN0Q2xpY2t9XG4gICAgICAgICAgICBmb3JtYXRQcmljZT17Zm9ybWF0UHJpY2V9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L0Nhcm91c2VsPlxuICAgIDwvUm9vdD5cbiAgKTtcbn1cbiJdfQ== */"));
+function j({
+  products: I,
+  title: g,
+  autoplay: b = !1,
+  autoplayMs: i = 4e3,
+  slidesPerView: W = {
+    mobile: 1,
+    tablet: 2,
+    desktop: 4
+  },
+  onAddToCart: V,
+  onProductClick: t,
+  formatPrice: H,
+  loading: x = !1,
+  skeletonCount: X = 4
+}) {
+  const R = x ? Array.from({
+    length: X
+  }).map((c, s) => ({
+    id: `skeleton-${s}`,
+    title: "",
+    images: [],
+    price: 0,
+    loading: !0
+  })) : I;
+  return /* @__PURE__ */ y(v, { "aria-label": g != null ? g : "Productos", children: [
+    g && /* @__PURE__ */ A(e, { children: g }),
+    /* @__PURE__ */ A(o, { autoplay: b, autoplayMs: i, slidesPerView: W, gap: "md", showArrows: !0, showDots: !0, loop: !0, children: R.map((c) => /* @__PURE__ */ A(Y, d(Z({}, c), { onAddToCart: V, onClick: t, formatPrice: H }), c.id)) })
   ] });
 }
 export {
-  F as ProductShelf
+  j as ProductShelf
 };

package/dist/index.esm12.js

@@ -1,14 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
-import s from "@emotion/styled";
-import { tokens as i } from "./index.esm14.js";
-const l = { start: "flex-start", center: "center", end: "flex-end", stretch: "stretch" }, a = s.div`
-  display:flex;flex-direction:column;
-  align-items:${({ align: t }) => l[t]};
-  gap:${({ gap: t }) => t ? i.space[t] : "0"};
-`;
-function p({ gap: t, align: e = "stretch", children: r, as: n, className: c }) {
-  return /* @__PURE__ */ o(a, { as: n, gap: t, align: e, className: c, children: r });
+import { jsxs as C, Fragment as A, jsx as b } from "react/jsx-runtime";
+import { tokens as I } from "./index.esm16.js";
+import { Global as c, css as i } from "@emotion/react";
+function l({
+  children: g
+}) {
+  return /* @__PURE__ */ C(A, { children: [
+    /* @__PURE__ */ b(c, { styles: /* @__PURE__ */ i("*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}body{font-family:", I.font.body, ";color:", I.color.text, ";background:", I.color.surface, ";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}img,video{display:block;max-width:100%;}button{cursor:pointer;border:none;background:none;font:inherit;}a{color:inherit;text-decoration:none;}ul,ol{list-style:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:JumboProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9tYWNib29rL0RvY3VtZW50cy9jZW5jb3N1ZC9qdW1iby9saWIvcGFja2FnZXMvdWktY29yZS9zcmMvSnVtYm9Qcm92aWRlci9KdW1ib1Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZbUIiLCJmaWxlIjoiL1VzZXJzL21hY2Jvb2svRG9jdW1lbnRzL2NlbmNvc3VkL2p1bWJvL2xpYi9wYWNrYWdlcy91aS1jb3JlL3NyYy9KdW1ib1Byb3ZpZGVyL0p1bWJvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnQGRhbmllbGNydXpjb2RlL2Rlc2lnbi10b2tlbnMnO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgdHlwZSBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSnVtYm9Qcm92aWRlclByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEp1bWJvUHJvdmlkZXIoeyBjaGlsZHJlbiB9OiBKdW1ib1Byb3ZpZGVyUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICAqLCAqOjpiZWZvcmUsICo6OmFmdGVyIHtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIH1cbiAgICAgICAgICBib2R5IHtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiAke3Rva2Vucy5mb250LmJvZHl9O1xuICAgICAgICAgICAgY29sb3I6ICR7dG9rZW5zLmNvbG9yLnRleHR9O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHt0b2tlbnMuY29sb3Iuc3VyZmFjZX07XG4gICAgICAgICAgICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgICAgICAgICAgIC1tb3otb3N4LWZvbnQtc21vb3RoaW5nOiBncmF5c2NhbGU7XG4gICAgICAgICAgfVxuICAgICAgICAgIGltZywgdmlkZW8ge1xuICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICAgICAgfVxuICAgICAgICAgIGJ1dHRvbiB7XG4gICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgICAgICAgICAgZm9udDogaW5oZXJpdDtcbiAgICAgICAgICB9XG4gICAgICAgICAgYSB7XG4gICAgICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICAgICAgICB9XG4gICAgICAgICAgdWwsIG9sIHtcbiAgICAgICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8Lz5cbiAgKTtcbn1cbiJdfQ== */") }),
+    g
+  ] });
 }
 export {
-  p as Stack
+  l as JumboProvider
 };

package/dist/index.esm13.js

@@ -1,15 +1,30 @@
-import { jsx as a } from "react/jsx-runtime";
-import p from "@emotion/styled";
-import { tokens as n } from "./index.esm14.js";
-const m = { sm: "640px", md: "768px", lg: "1024px", xl: "1280px", full: "100%" }, o = p.div`
-  width:100%;margin-inline:auto;padding-inline:${n.space.md};
-  max-width:${({ maxWidth: i }) => m[i]};
-  @media screen and (min-width:640px){padding-inline:${n.space.lg};}
-  @media screen and (min-width:1024px){padding-inline:${n.space.xl};}
-`;
-function s({ maxWidth: i = "xl", children: d, as: e, className: t }) {
-  return /* @__PURE__ */ a(o, { as: e, maxWidth: i, className: t, children: d });
+import { jsx as d } from "react/jsx-runtime";
+import n from "./index.esm15.js";
+import { tokens as Z } from "./index.esm16.js";
+const e = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch"
+}, Y = /* @__PURE__ */ n("div", process.env.NODE_ENV === "production" ? {
+  target: "e11o52kn0"
+} : {
+  target: "e11o52kn0",
+  label: "StyledStack"
+})("display:flex;flex-direction:column;align-items:", ({
+  align: c
+}) => e[c], ";gap:", ({
+  gap: c
+}) => c ? Z.space[c] : "0", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9tYWNib29rL0RvY3VtZW50cy9jZW5jb3N1ZC9qdW1iby9saWIvcGFja2FnZXMvdWktY29yZS9zcmMvbGF5b3V0L1N0YWNrL1N0YWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjb0ciLCJmaWxlIjoiL1VzZXJzL21hY2Jvb2svRG9jdW1lbnRzL2NlbmNvc3VkL2p1bWJvL2xpYi9wYWNrYWdlcy91aS1jb3JlL3NyYy9sYXlvdXQvU3RhY2svU3RhY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICdAZGFuaWVsY3J1emNvZGUvZGVzaWduLXRva2VucydcbmltcG9ydCB0eXBlIFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5leHBvcnQgaW50ZXJmYWNlIFN0YWNrUHJvcHMge1xuICBnYXA/OiBrZXlvZiB0eXBlb2YgdG9rZW5zLnNwYWNlXG4gIGFsaWduPzogJ3N0YXJ0JyB8ICdjZW50ZXInIHwgJ2VuZCcgfCAnc3RyZXRjaCdcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICBhcz86IGtleW9mIEpTWC5JbnRyaW5zaWNFbGVtZW50c1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgYWxpZ25NYXAgPSB7IHN0YXJ0OiAnZmxleC1zdGFydCcsIGNlbnRlcjogJ2NlbnRlcicsIGVuZDogJ2ZsZXgtZW5kJywgc3RyZXRjaDogJ3N0cmV0Y2gnIH1cblxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQuZGl2PHsgZ2FwPzogU3RhY2tQcm9wc1snZ2FwJ107IGFsaWduOiBOb25OdWxsYWJsZTxTdGFja1Byb3BzWydhbGlnbiddPiB9PmBcbiAgZGlzcGxheTpmbGV4O2ZsZXgtZGlyZWN0aW9uOmNvbHVtbjtcbiAgYWxpZ24taXRlbXM6JHsoeyBhbGlnbiB9KSA9PiBhbGlnbk1hcFthbGlnbl19O1xuICBnYXA6JHsoeyBnYXAgfSkgPT4gKGdhcCA/IHRva2Vucy5zcGFjZVtnYXBdIDogJzAnKX07XG5gXG5cbmV4cG9ydCBmdW5jdGlvbiBTdGFjayh7IGdhcCwgYWxpZ24gPSAnc3RyZXRjaCcsIGNoaWxkcmVuLCBhcywgY2xhc3NOYW1lIH06IFN0YWNrUHJvcHMpIHtcbiAgcmV0dXJuIDxTdHlsZWRTdGFjayBhcz17YXN9IGdhcD17Z2FwfSBhbGlnbj17YWxpZ259IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT57Y2hpbGRyZW59PC9TdHlsZWRTdGFjaz5cbn1cbiJdfQ== */"));
+function N({
+  gap: c,
+  align: l = "stretch",
+  children: b,
+  as: W,
+  className: t
+}) {
+  return /* @__PURE__ */ d(Y, { as: W, gap: c, align: l, className: t, children: b });
 }
 export {
-  s as Container
+  N as Stack
 };

package/dist/index.esm14.js

@@ -1,47 +1,28 @@
-import { primitives as o } from "./index.esm18.js";
-const e = {
-  color: {
-    background: o.color.neutral[0],
-    surface: o.color.neutral[100],
-    surfaceHover: o.color.neutral[300],
-    border: o.color.neutral[300],
-    borderFocus: o.color.green[500],
-    text: o.color.neutral[900],
-    textMuted: o.color.neutral[700],
-    brand: o.color.green[500],
-    brandHover: o.color.green[600],
-    brandSubtle: o.color.green[100],
-    success: o.color.green[500],
-    successSubtle: o.color.green[100],
-    warning: o.color.yellow[500],
-    warningSubtle: o.color.yellow[100],
-    danger: o.color.red[500],
-    dangerSubtle: o.color.red[100]
-  },
-  space: {
-    sm: o.space[2],
-    md: o.space[4],
-    lg: o.space[6],
-    xl: o.space[8]
-  },
-  radius: {
-    sm: o.radius.sm,
-    md: o.radius.md,
-    full: o.radius.full
-  },
-  font: {
-    body: o.font.family.body,
-    display: o.font.family.display
-  },
-  shadow: {
-    sm: o.shadow.sm,
-    md: o.shadow.md
-  },
-  transition: {
-    fast: o.transition.fast,
-    normal: o.transition.normal
-  }
-};
+import { jsx as i } from "react/jsx-runtime";
+import G from "./index.esm15.js";
+import { tokens as l } from "./index.esm16.js";
+const W = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  full: "100%"
+}, t = /* @__PURE__ */ G("div", process.env.NODE_ENV === "production" ? {
+  target: "e69w2w50"
+} : {
+  target: "e69w2w50",
+  label: "StyledContainer"
+})("width:100%;margin-inline:auto;padding-inline:", l.space.md, ";max-width:", ({
+  maxWidth: b
+}) => W[b], ";@media screen and (min-width:640px){padding-inline:", l.space.lg, ";}@media screen and (min-width:1024px){padding-inline:", l.space.xl, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9tYWNib29rL0RvY3VtZW50cy9jZW5jb3N1ZC9qdW1iby9saWIvcGFja2FnZXMvdWktY29yZS9zcmMvbGF5b3V0L0NvbnRhaW5lci9Db250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF5RiIsImZpbGUiOiIvVXNlcnMvbWFjYm9vay9Eb2N1bWVudHMvY2VuY29zdWQvanVtYm8vbGliL3BhY2thZ2VzL3VpLWNvcmUvc3JjL2xheW91dC9Db250YWluZXIvQ29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnQGRhbmllbGNydXpjb2RlL2Rlc2lnbi10b2tlbnMnXG5pbXBvcnQgdHlwZSBSZWFjdCBmcm9tICdyZWFjdCdcblxuZXhwb3J0IGludGVyZmFjZSBDb250YWluZXJQcm9wcyB7XG4gIG1heFdpZHRoPzogJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJyB8ICdmdWxsJ1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gIGFzPzoga2V5b2YgSlNYLkludHJpbnNpY0VsZW1lbnRzXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5jb25zdCBtYXhXaWR0aE1hcCA9IHsgc206ICc2NDBweCcsIG1kOiAnNzY4cHgnLCBsZzogJzEwMjRweCcsIHhsOiAnMTI4MHB4JywgZnVsbDogJzEwMCUnIH1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IG1heFdpZHRoOiBOb25OdWxsYWJsZTxDb250YWluZXJQcm9wc1snbWF4V2lkdGgnXT4gfT5gXG4gIHdpZHRoOjEwMCU7bWFyZ2luLWlubGluZTphdXRvO3BhZGRpbmctaW5saW5lOiR7dG9rZW5zLnNwYWNlLm1kfTtcbiAgbWF4LXdpZHRoOiR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGhNYXBbbWF4V2lkdGhdfTtcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDo2NDBweCl7cGFkZGluZy1pbmxpbmU6JHt0b2tlbnMuc3BhY2UubGd9O31cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDoxMDI0cHgpe3BhZGRpbmctaW5saW5lOiR7dG9rZW5zLnNwYWNlLnhsfTt9XG5gXG5cbmV4cG9ydCBmdW5jdGlvbiBDb250YWluZXIoeyBtYXhXaWR0aCA9ICd4bCcsIGNoaWxkcmVuLCBhcywgY2xhc3NOYW1lIH06IENvbnRhaW5lclByb3BzKSB7XG4gIHJldHVybiA8U3R5bGVkQ29udGFpbmVyIGFzPXthc30gbWF4V2lkdGg9e21heFdpZHRofSBjbGFzc05hbWU9e2NsYXNzTmFtZX0+e2NoaWxkcmVufTwvU3R5bGVkQ29udGFpbmVyPlxufVxuIl19 */"));
+function e({
+  maxWidth: b = "xl",
+  children: d,
+  as: c,
+  className: n
+}) {
+  return /* @__PURE__ */ i(t, { as: c, maxWidth: b, className: n, children: d });
+}
 export {
-  e as tokens
+  e as Container
 };

package/dist/index.esm15.js

@@ -1,24 +1,77 @@
-import { useRef as l, useState as f, useCallback as p, useEffect as c } from "react";
-import { areOptionsEqual as E, arePluginsEqual as O, canUseDOM as w } from "./index.esm16.js";
-import m from "./index.esm17.js";
-function b(e = {}, r = []) {
-  const t = l(e), n = l(r), [u, s] = f(), [a, d] = f(), o = p(() => {
-    u && u.reInit(t.current, n.current);
-  }, [u]);
-  return c(() => {
-    E(t.current, e) || (t.current = e, o());
-  }, [e, o]), c(() => {
-    O(n.current, r) || (n.current = r, o());
-  }, [r, o]), c(() => {
-    if (w() && a) {
-      m.globalOptions = b.globalOptions;
-      const i = m(a, t.current, n.current);
-      return s(i), () => i.destroy();
-    } else
-      s(void 0);
-  }, [a, s]), [d, u];
-}
-b.globalOptions = void 0;
+import I from "./index.esm19.js";
+import { withEmotionCache as x, ThemeContext as R } from "@emotion/react";
+import { serializeStyles as A } from "./index.esm20.js";
+import { useInsertionEffectAlwaysWithSyncFallback as D } from "./index.esm21.js";
+import { getRegisteredStyles as j, registerStyles as U, insertStyles as V } from "./index.esm22.js";
+import * as c from "react";
+import W from "./index.esm23.js";
+var q = W, B = function(e) {
+  return e !== "theme";
+}, T = function(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96 ? q : B;
+}, O = function(e, a, i) {
+  var r;
+  if (a) {
+    var o = a.shouldForwardProp;
+    r = e.__emotion_forwardProp && o ? function(s) {
+      return e.__emotion_forwardProp(s) && o(s);
+    } : o;
+  }
+  return typeof r != "function" && i && (r = e.__emotion_forwardProp), r;
+}, G = function(e) {
+  var a = e.cache, i = e.serialized, r = e.isStringTag;
+  return U(a, i, r), D(function() {
+    return V(a, i, r);
+  }), null;
+}, X = function f(e, a) {
+  var i = e.__emotion_real === e, r = i && e.__emotion_base || e, o, s;
+  a !== void 0 && (o = a.label, s = a.target);
+  var p = O(e, a, i), S = p || T(r), g = !S("as");
+  return function() {
+    var d = arguments, l = i && e.__emotion_styles !== void 0 ? e.__emotion_styles.slice(0) : [];
+    if (o !== void 0 && l.push("label:" + o + ";"), d[0] == null || d[0].raw === void 0)
+      l.push.apply(l, d);
+    else {
+      var F = d[0];
+      l.push(F[0]);
+      for (var z = d.length, v = 1; v < z; v++)
+        l.push(d[v], F[v]);
+    }
+    var n = x(function(t, u, _) {
+      var w = g && t.as || r, m = "", C = [], h = t;
+      if (t.theme == null) {
+        h = {};
+        for (var N in t)
+          h[N] = t[N];
+        h.theme = c.useContext(R);
+      }
+      typeof t.className == "string" ? m = j(u.registered, C, t.className) : t.className != null && (m = t.className + " ");
+      var b = A(l.concat(C), u.registered, h);
+      m += u.key + "-" + b.name, s !== void 0 && (m += " " + s);
+      var E = g && p === void 0 ? T(w) : S, y = {};
+      for (var P in t)
+        g && P === "as" || E(P) && (y[P] = t[P]);
+      return y.className = m, _ && (y.ref = _), /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement(G, {
+        cache: u,
+        serialized: b,
+        isStringTag: typeof w == "string"
+      }), /* @__PURE__ */ c.createElement(w, y));
+    });
+    return n.displayName = o !== void 0 ? o : "Styled(" + (typeof r == "string" ? r : r.displayName || r.name || "Component") + ")", n.defaultProps = e.defaultProps, n.__emotion_real = n, n.__emotion_base = r, n.__emotion_styles = l, n.__emotion_forwardProp = p, Object.defineProperty(n, "toString", {
+      value: function() {
+        return "." + s;
+      }
+    }), n.withComponent = function(t, u) {
+      var _ = f(t, I({}, a, u, {
+        shouldForwardProp: O(n, u, !0)
+      }));
+      return _.apply(void 0, l);
+    }, n;
+  };
+};
 export {
-  b as default
+  X as default
 };