@danielcruzcode/ui-core 0.1.5 → 0.1.7

package/dist/index.esm18.js

@@ -1,52 +1,24 @@
-const s = {
-  color: {
-    red: {
-      100: "#FDECEA",
-      500: "#E31837"
-    },
-    neutral: {
-      0: "#FFFFFF",
-      100: "#F5F5F5",
-      300: "#D1D1D1",
-      700: "#4A4A4A",
-      900: "#1A1A1A"
-    },
-    green: {
-      100: "#E8F5EA",
-      500: "#0A8920",
-      600: "#077319"
-    },
-    yellow: {
-      100: "#FEF7E0",
-      500: "#F9AB00"
-    }
-  },
-  space: {
-    2: "8px",
-    4: "16px",
-    6: "24px",
-    8: "32px"
-  },
-  radius: {
-    sm: "4px",
-    md: "8px",
-    full: "9999px"
-  },
-  font: {
-    family: {
-      body: "'DM Sans', sans-serif",
-      display: "'Bebas Neue', sans-serif"
-    }
-  },
-  shadow: {
-    sm: "0 1px 2px 0 rgba(0,0,0,0.08)",
-    md: "0 4px 8px 0 rgba(0,0,0,0.12)"
-  },
-  transition: {
-    fast: "100ms ease",
-    normal: "200ms ease"
-  }
-};
+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.esm28.js";
+import m from "./index.esm29.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;
 export {
-  s as primitives
+  b as default
 };

package/dist/index.esm19.js

@@ -0,0 +1,12 @@
+function e() {
+  return e = Object.assign ? Object.assign.bind() : function(t) {
+    for (var n = 1; n < arguments.length; n++) {
+      var a = arguments[n];
+      for (var r in a) ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
+    }
+    return t;
+  }, e.apply(null, arguments);
+}
+export {
+  e as default
+};

package/dist/index.esm2.js

@@ -1,41 +1,51 @@
-import { jsx as n, jsxs as u, Fragment as h } from "react/jsx-runtime";
-import f from "@emotion/styled";
-import { tokens as o } from "./index.esm14.js";
-const g = {
-  primary: `background-color:${o.color.brand};color:#fff;border:none;&:hover:not(:disabled){background-color:${o.color.brandHover};}&:active:not(:disabled){background-color:${o.color.brandHover};box-shadow:${o.shadow.sm};}`,
-  secondary: `background-color:transparent;color:${o.color.brand};border:1.5px solid ${o.color.brand};&:hover:not(:disabled){background-color:${o.color.brandSubtle};}`,
-  ghost: `background-color:transparent;color:${o.color.text};border:none;&:hover:not(:disabled){background-color:${o.color.surface};}`,
-  danger: `background-color:${o.color.danger};color:#fff;border:none;&:hover:not(:disabled){opacity:0.9;}`
-}, $ = {
-  sm: `height:32px;padding-inline:${o.space.sm};font-size:13px;`,
-  md: `height:40px;padding-inline:${o.space.md};font-size:15px;`,
-  lg: `height:48px;padding-inline:${o.space.lg};font-size:17px;`
-}, m = f.button`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: ${o.space.sm};
-  border-radius: ${o.radius.md};
-  font-family: ${o.font.body};
-  font-weight: 600;
-  cursor: pointer;
-  transition: background-color ${o.transition.fast}, opacity ${o.transition.fast}, box-shadow ${o.transition.fast};
-  text-decoration: none;
-  white-space: nowrap;
-  position: relative;
-  width: ${({ fullWidth: r }) => r ? "100%" : "auto"};
-  &:disabled { cursor: not-allowed; opacity: 0.5; }
-  &:focus-visible { outline: 2px solid ${o.color.borderFocus}; outline-offset: 2px; }
-  ${({ variant: r }) => g[r]}
-  ${({ size: r }) => $[r]}
-`;
-function k({ variant: r = "primary", size: a = "md", fullWidth: d = !1, loading: e = !1, disabled: l = !1, leftIcon: t, rightIcon: i, onClick: s, children: c, type: p = "button", className: b }) {
-  return /* @__PURE__ */ n(m, { type: p, variant: r, size: a, fullWidth: d, disabled: l || e, onClick: s, "aria-busy": e, className: b, children: e ? /* @__PURE__ */ n("output", { "aria-label": "Cargando", style: { display: "inline-flex", alignItems: "center" }, children: /* @__PURE__ */ n("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__ */ n("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__ */ u(h, { children: [
-    t && /* @__PURE__ */ n("span", { "aria-hidden": "true", children: t }),
-    c,
-    i && /* @__PURE__ */ n("span", { "aria-hidden": "true", children: i })
+import { jsx as l, jsxs as e, Fragment as m } from "react/jsx-runtime";
+import s from "./index.esm15.js";
+import { tokens as b } from "./index.esm16.js";
+const u = {
+  primary: `background-color:${b.color.brand};color:#fff;border:none;&:hover:not(:disabled){background-color:${b.color.brandHover};}&:active:not(:disabled){background-color:${b.color.brandHover};box-shadow:${b.shadow.sm};}`,
+  secondary: `background-color:transparent;color:${b.color.brand};border:1.5px solid ${b.color.brand};&:hover:not(:disabled){background-color:${b.color.brandSubtle};}`,
+  ghost: `background-color:transparent;color:${b.color.text};border:none;&:hover:not(:disabled){background-color:${b.color.surface};}`,
+  danger: `background-color:${b.color.danger};color:#fff;border:none;&:hover:not(:disabled){opacity:0.9;}`
+}, r = {
+  sm: `height:32px;padding-inline:${b.space.sm};font-size:13px;`,
+  md: `height:40px;padding-inline:${b.space.md};font-size:15px;`,
+  lg: `height:48px;padding-inline:${b.space.lg};font-size:17px;`
+}, W = /* @__PURE__ */ s("button", process.env.NODE_ENV === "production" ? {
+  target: "e1vdvtha0"
+} : {
+  target: "e1vdvtha0",
+  label: "StyledButton"
+})("display:inline-flex;align-items:center;justify-content:center;gap:", b.space.sm, ";border-radius:", b.radius.md, ";font-family:", b.font.body, ";font-weight:600;cursor:pointer;transition:background-color ", b.transition.fast, ",opacity ", b.transition.fast, ",box-shadow ", b.transition.fast, ";text-decoration:none;white-space:nowrap;position:relative;width:", ({
+  fullWidth: c
+}) => c ? "100%" : "auto", ";&:disabled{cursor:not-allowed;opacity:0.5;}&:focus-visible{outline:2px solid ", b.color.borderFocus, ";outline-offset:2px;}", ({
+  variant: c
+}) => u[c], " ", ({
+  size: c
+}) => r[c], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9tYWNib29rL0RvY3VtZW50cy9jZW5jb3N1ZC9qdW1iby9saWIvcGFja2FnZXMvdWktY29yZS9zcmMvcHJpbWl0aXZlcy9CdXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQmdKIiwiZmlsZSI6Ii9Vc2Vycy9tYWNib29rL0RvY3VtZW50cy9jZW5jb3N1ZC9qdW1iby9saWIvcGFja2FnZXMvdWktY29yZS9zcmMvcHJpbWl0aXZlcy9CdXR0b24vQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnQGRhbmllbGNydXpjb2RlL2Rlc2lnbi10b2tlbnMnXG5pbXBvcnQgdHlwZSBSZWFjdCBmcm9tICdyZWFjdCdcblxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25Qcm9wcyB7XG4gIHZhcmlhbnQ/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdnaG9zdCcgfCAnZGFuZ2VyJ1xuICBzaXplPzogJ3NtJyB8ICdtZCcgfCAnbGcnXG4gIGZ1bGxXaWR0aD86IGJvb2xlYW5cbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGxlZnRJY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIHJpZ2h0SWNvbj86IFJlYWN0LlJlYWN0Tm9kZVxuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB2b2lkXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgdHlwZT86ICdidXR0b24nIHwgJ3N1Ym1pdCcgfCAncmVzZXQnXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBwcmltYXJ5OiBgYmFja2dyb3VuZC1jb2xvcjoke3Rva2Vucy5jb2xvci5icmFuZH07Y29sb3I6I2ZmZjtib3JkZXI6bm9uZTsmOmhvdmVyOm5vdCg6ZGlzYWJsZWQpe2JhY2tncm91bmQtY29sb3I6JHt0b2tlbnMuY29sb3IuYnJhbmRIb3Zlcn07fSY6YWN0aXZlOm5vdCg6ZGlzYWJsZWQpe2JhY2tncm91bmQtY29sb3I6JHt0b2tlbnMuY29sb3IuYnJhbmRIb3Zlcn07Ym94LXNoYWRvdzoke3Rva2Vucy5zaGFkb3cuc219O31gLFxuICBzZWNvbmRhcnk6IGBiYWNrZ3JvdW5kLWNvbG9yOnRyYW5zcGFyZW50O2NvbG9yOiR7dG9rZW5zLmNvbG9yLmJyYW5kfTtib3JkZXI6MS41cHggc29saWQgJHt0b2tlbnMuY29sb3IuYnJhbmR9OyY6aG92ZXI6bm90KDpkaXNhYmxlZCl7YmFja2dyb3VuZC1jb2xvcjoke3Rva2Vucy5jb2xvci5icmFuZFN1YnRsZX07fWAsXG4gIGdob3N0OiBgYmFja2dyb3VuZC1jb2xvcjp0cmFuc3BhcmVudDtjb2xvcjoke3Rva2Vucy5jb2xvci50ZXh0fTtib3JkZXI6bm9uZTsmOmhvdmVyOm5vdCg6ZGlzYWJsZWQpe2JhY2tncm91bmQtY29sb3I6JHt0b2tlbnMuY29sb3Iuc3VyZmFjZX07fWAsXG4gIGRhbmdlcjogYGJhY2tncm91bmQtY29sb3I6JHt0b2tlbnMuY29sb3IuZGFuZ2VyfTtjb2xvcjojZmZmO2JvcmRlcjpub25lOyY6aG92ZXI6bm90KDpkaXNhYmxlZCl7b3BhY2l0eTowLjk7fWAsXG59XG5cbmNvbnN0IHNpemVTdHlsZXMgPSB7XG4gIHNtOiBgaGVpZ2h0OjMycHg7cGFkZGluZy1pbmxpbmU6JHt0b2tlbnMuc3BhY2Uuc219O2ZvbnQtc2l6ZToxM3B4O2AsXG4gIG1kOiBgaGVpZ2h0OjQwcHg7cGFkZGluZy1pbmxpbmU6JHt0b2tlbnMuc3BhY2UubWR9O2ZvbnQtc2l6ZToxNXB4O2AsXG4gIGxnOiBgaGVpZ2h0OjQ4cHg7cGFkZGluZy1pbmxpbmU6JHt0b2tlbnMuc3BhY2UubGd9O2ZvbnQtc2l6ZToxN3B4O2AsXG59XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyB2YXJpYW50OiBOb25OdWxsYWJsZTxCdXR0b25Qcm9wc1sndmFyaWFudCddPjsgc2l6ZTogTm9uTnVsbGFibGU8QnV0dG9uUHJvcHNbJ3NpemUnXT47IGZ1bGxXaWR0aDogYm9vbGVhbiB9PmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6ICR7dG9rZW5zLnNwYWNlLnNtfTtcbiAgYm9yZGVyLXJhZGl1czogJHt0b2tlbnMucmFkaXVzLm1kfTtcbiAgZm9udC1mYW1pbHk6ICR7dG9rZW5zLmZvbnQuYm9keX07XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke3Rva2Vucy50cmFuc2l0aW9uLmZhc3R9LCBvcGFjaXR5ICR7dG9rZW5zLnRyYW5zaXRpb24uZmFzdH0sIGJveC1zaGFkb3cgJHt0b2tlbnMudHJhbnNpdGlvbi5mYXN0fTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAkeyh7IGZ1bGxXaWR0aCB9KSA9PiAoZnVsbFdpZHRoID8gJzEwMCUnIDogJ2F1dG8nKX07XG4gICY6ZGlzYWJsZWQgeyBjdXJzb3I6IG5vdC1hbGxvd2VkOyBvcGFjaXR5OiAwLjU7IH1cbiAgJjpmb2N1cy12aXNpYmxlIHsgb3V0bGluZTogMnB4IHNvbGlkICR7dG9rZW5zLmNvbG9yLmJvcmRlckZvY3VzfTsgb3V0bGluZS1vZmZzZXQ6IDJweDsgfVxuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX1cbiAgJHsoeyBzaXplIH0pID0+IHNpemVTdHlsZXNbc2l6ZV19XG5gXG5cbmV4cG9ydCBmdW5jdGlvbiBCdXR0b24oeyB2YXJpYW50ID0gJ3ByaW1hcnknLCBzaXplID0gJ21kJywgZnVsbFdpZHRoID0gZmFsc2UsIGxvYWRpbmcgPSBmYWxzZSwgZGlzYWJsZWQgPSBmYWxzZSwgbGVmdEljb24sIHJpZ2h0SWNvbiwgb25DbGljaywgY2hpbGRyZW4sIHR5cGUgPSAnYnV0dG9uJywgY2xhc3NOYW1lIH06IEJ1dHRvblByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJ1dHRvbiB0eXBlPXt0eXBlfSB2YXJpYW50PXt2YXJpYW50fSBzaXplPXtzaXplfSBmdWxsV2lkdGg9e2Z1bGxXaWR0aH0gZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGxvYWRpbmd9IG9uQ2xpY2s9e29uQ2xpY2t9IGFyaWEtYnVzeT17bG9hZGluZ30gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAge2xvYWRpbmcgPyAoXG4gICAgICAgIDxvdXRwdXQgYXJpYS1sYWJlbD1cIkNhcmdhbmRvXCIgc3R5bGU9e3sgZGlzcGxheTogJ2lubGluZS1mbGV4JywgYWxpZ25JdGVtczogJ2NlbnRlcicgfX0+XG4gICAgICAgICAgPHN2ZyB3aWR0aD1cIjE2XCIgaGVpZ2h0PVwiMTZcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBzdHJva2VXaWR0aD1cIjIuNVwiIHN0cm9rZUxpbmVjYXA9XCJyb3VuZFwiIHN0eWxlPXt7IGFuaW1hdGlvbjogJ3NwaW4gMC43NXMgbGluZWFyIGluZmluaXRlJyB9fSBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMTIgMnY0TTEyIDE4djRNNC45MyA0LjkzbDIuODMgMi44M00xNi4yNCAxNi4yNGwyLjgzIDIuODNNMiAxMmg0TTE4IDEyaDRNNC45MyAxOS4wN2wyLjgzLTIuODNNMTYuMjQgNy43NmwyLjgzLTIuODNcIiAvPlxuICAgICAgICAgIDwvc3ZnPlxuICAgICAgICA8L291dHB1dD5cbiAgICAgICkgOiAoXG4gICAgICAgIDw+e2xlZnRJY29uICYmIDxzcGFuIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPntsZWZ0SWNvbn08L3NwYW4+fXtjaGlsZHJlbn17cmlnaHRJY29uICYmIDxzcGFuIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPntyaWdodEljb259PC9zcGFuPn08Lz5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gIClcbn1cbiJdfQ== */"));
+function y({
+  variant: c = "primary",
+  size: t = "md",
+  fullWidth: a = !1,
+  loading: n = !1,
+  disabled: Z = !1,
+  leftIcon: d,
+  rightIcon: o,
+  onClick: i,
+  children: g,
+  type: I = "button",
+  className: G
+}) {
+  return /* @__PURE__ */ l(W, { type: I, variant: c, size: t, fullWidth: a, disabled: Z || n, onClick: i, "aria-busy": n, className: G, children: n ? /* @__PURE__ */ l("output", { "aria-label": "Cargando", style: {
+    display: "inline-flex",
+    alignItems: "center"
+  }, children: /* @__PURE__ */ l("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__ */ l("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__ */ e(m, { children: [
+    d && /* @__PURE__ */ l("span", { "aria-hidden": "true", children: d }),
+    g,
+    o && /* @__PURE__ */ l("span", { "aria-hidden": "true", children: o })
   ] }) });
 }
 export {
-  k as Button
+  y as Button
 };

package/dist/index.esm20.js

@@ -0,0 +1,130 @@
+import w from "./index.esm24.js";
+import x from "./index.esm25.js";
+import A from "./index.esm26.js";
+var _ = /[A-Z]|^ms/g, C = /_EMO_([^_]+?)_([^]*?)_EMO_/g, p = function(n) {
+  return n.charCodeAt(1) === 45;
+}, y = function(n) {
+  return n != null && typeof n != "boolean";
+}, h = /* @__PURE__ */ A(function(r) {
+  return p(r) ? r : r.replace(_, "-$&").toLowerCase();
+}), d = function(n, e) {
+  switch (n) {
+    case "animation":
+    case "animationName":
+      if (typeof e == "string")
+        return e.replace(C, function(u, a, t) {
+          return c = {
+            name: a,
+            styles: t,
+            next: c
+          }, a;
+        });
+  }
+  return x[n] !== 1 && !p(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
+};
+function m(r, n, e) {
+  if (e == null)
+    return "";
+  var u = e;
+  if (u.__emotion_styles !== void 0)
+    return u;
+  switch (typeof e) {
+    case "boolean":
+      return "";
+    case "object": {
+      var a = e;
+      if (a.anim === 1)
+        return c = {
+          name: a.name,
+          styles: a.styles,
+          next: c
+        }, a.name;
+      var t = e;
+      if (t.styles !== void 0) {
+        var f = t.next;
+        if (f !== void 0)
+          for (; f !== void 0; )
+            c = {
+              name: f.name,
+              styles: f.styles,
+              next: c
+            }, f = f.next;
+        var s = t.styles + ";";
+        return s;
+      }
+      return V(r, n, e);
+    }
+    case "function": {
+      if (r !== void 0) {
+        var i = c, o = e(r);
+        return c = i, m(r, n, o);
+      }
+      break;
+    }
+  }
+  var l = e;
+  if (n == null)
+    return l;
+  var v = n[l];
+  return v !== void 0 ? v : l;
+}
+function V(r, n, e) {
+  var u = "";
+  if (Array.isArray(e))
+    for (var a = 0; a < e.length; a++)
+      u += m(r, n, e[a]) + ";";
+  else
+    for (var t in e) {
+      var f = e[t];
+      if (typeof f != "object") {
+        var s = f;
+        n != null && n[s] !== void 0 ? u += t + "{" + n[s] + "}" : y(s) && (u += h(t) + ":" + d(t, s) + ";");
+      } else if (Array.isArray(f) && typeof f[0] == "string" && (n == null || n[f[0]] === void 0))
+        for (var i = 0; i < f.length; i++)
+          y(f[i]) && (u += h(t) + ":" + d(t, f[i]) + ";");
+      else {
+        var o = m(r, n, f);
+        switch (t) {
+          case "animation":
+          case "animationName": {
+            u += h(t) + ":" + o + ";";
+            break;
+          }
+          default:
+            u += t + "{" + o + "}";
+        }
+      }
+    }
+  return u;
+}
+var b = /label:\s*([^\s;{]+)\s*(;|$)/g, c;
+function I(r, n, e) {
+  if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
+    return r[0];
+  var u = !0, a = "";
+  c = void 0;
+  var t = r[0];
+  if (t == null || t.raw === void 0)
+    u = !1, a += m(e, n, t);
+  else {
+    var f = t;
+    a += f[0];
+  }
+  for (var s = 1; s < r.length; s++)
+    if (a += m(e, n, r[s]), u) {
+      var i = t;
+      a += i[s];
+    }
+  b.lastIndex = 0;
+  for (var o = "", l; (l = b.exec(a)) !== null; )
+    o += "-" + l[1];
+  var v = w(a) + o;
+  return {
+    name: v,
+    styles: a,
+    next: c
+  };
+}
+export {
+  I as serializeStyles
+};

package/dist/index.esm21.js

@@ -0,0 +1,7 @@
+import * as e from "react";
+var t = function(n) {
+  return n();
+}, a = e.useInsertionEffect ? e.useInsertionEffect : !1, c = a || t;
+export {
+  c as useInsertionEffectAlwaysWithSyncFallback
+};

package/dist/index.esm22.js

@@ -0,0 +1,34 @@
+var i = !0;
+function u(r, e, t) {
+  var s = "";
+  return t.split(" ").forEach(function(n) {
+    r[n] !== void 0 ? e.push(r[n] + ";") : n && (s += n + " ");
+  }), s;
+}
+var o = function(e, t, s) {
+  var n = e.key + "-" + t.name;
+  // we only need to add the styles to the registered cache if the
+  // class name could be used further down
+  // the tree but if it's a string tag, we know it won't
+  // so we don't have to add it to registered cache.
+  // this improves memory usage since we can avoid storing the whole style string
+  (s === !1 || // we need to always store it if we're in compat mode and
+  // in node since emotion-server relies on whether a style is in
+  // the registered cache to know whether a style is global or not
+  // also, note that this check will be dead code eliminated in the browser
+  i === !1) && e.registered[n] === void 0 && (e.registered[n] = t.styles);
+}, y = function(e, t, s) {
+  o(e, t, s);
+  var n = e.key + "-" + t.name;
+  if (e.inserted[t.name] === void 0) {
+    var f = t;
+    do
+      e.insert(t === f ? "." + n : "", f, e.sheet, !0), f = f.next;
+    while (f !== void 0);
+  }
+};
+export {
+  u as getRegisteredStyles,
+  y as insertStyles,
+  o as registerStyles
+};

package/dist/index.esm23.js

@@ -0,0 +1,10 @@
+import t from "./index.esm26.js";
+var r = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, a = /* @__PURE__ */ t(
+  function(e) {
+    return r.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+export {
+  a as default
+};

package/dist/index.esm24.js

@@ -0,0 +1,22 @@
+function c(e) {
+  for (var f = 0, x, a = 0, d = e.length; d >= 4; ++a, d -= 4)
+    x = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, x = /* Math.imul(k, m): */
+    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16), x ^= /* k >>> r: */
+    x >>> 24, f = /* Math.imul(k, m): */
+    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
+  switch (d) {
+    case 3:
+      f ^= (e.charCodeAt(a + 2) & 255) << 16;
+    case 2:
+      f ^= (e.charCodeAt(a + 1) & 255) << 8;
+    case 1:
+      f ^= e.charCodeAt(a) & 255, f = /* Math.imul(h, m): */
+      (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
+  }
+  return f ^= f >>> 13, f = /* Math.imul(h, m): */
+  (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16), ((f ^ f >>> 15) >>> 0).toString(36);
+}
+export {
+  c as default
+};

package/dist/index.esm25.js

@@ -0,0 +1,53 @@
+var o = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
+export {
+  o as default
+};

package/dist/index.esm26.js

@@ -0,0 +1,9 @@
+function u(t) {
+  var n = /* @__PURE__ */ Object.create(null);
+  return function(e) {
+    return n[e] === void 0 && (n[e] = t(e)), n[e];
+  };
+}
+export {
+  u as default
+};

package/dist/index.esm27.js

@@ -0,0 +1,52 @@
+const s = {
+  color: {
+    red: {
+      100: "#FDECEA",
+      500: "#E31837"
+    },
+    neutral: {
+      0: "#FFFFFF",
+      100: "#F5F5F5",
+      300: "#D1D1D1",
+      500: "#63767A",
+      900: "#1A1A1A"
+    },
+    green: {
+      100: "#E8F5EA",
+      500: "#0A8920",
+      600: "#077319"
+    },
+    yellow: {
+      100: "#FEF7E0",
+      500: "#F9AB00"
+    }
+  },
+  space: {
+    2: "8px",
+    4: "16px",
+    6: "24px",
+    8: "32px"
+  },
+  radius: {
+    sm: "4px",
+    md: "8px",
+    full: "9999px"
+  },
+  font: {
+    family: {
+      body: "'Plus Jakarta Sans', sans-serif",
+      display: "'Bebas Neue', sans-serif"
+    }
+  },
+  shadow: {
+    sm: "0 1px 2px 0 rgba(0,0,0,0.08)",
+    md: "0 4px 8px 0 rgba(0,0,0,0.12)"
+  },
+  transition: {
+    fast: "100ms ease",
+    normal: "200ms ease"
+  }
+};
+export {
+  s as primitives
+};

package/dist/index.esm28.js

@@ -0,0 +1,35 @@
+function y(n) {
+  return Object.prototype.toString.call(n) === "[object Object]";
+}
+function a(n) {
+  return y(n) || Array.isArray(n);
+}
+function p() {
+  return !!(typeof window != "undefined" && window.document && window.document.createElement);
+}
+function l(n, t) {
+  const e = Object.keys(n), c = Object.keys(t);
+  if (e.length !== c.length) return !1;
+  const s = JSON.stringify(Object.keys(n.breakpoints || {})), u = JSON.stringify(Object.keys(t.breakpoints || {}));
+  return s !== u ? !1 : e.every((o) => {
+    const r = n[o], i = t[o];
+    return typeof r == "function" ? `${r}` == `${i}` : !a(r) || !a(i) ? r === i : l(r, i);
+  });
+}
+function f(n) {
+  return n.concat().sort((t, e) => t.name > e.name ? 1 : -1).map((t) => t.options);
+}
+function O(n, t) {
+  if (n.length !== t.length) return !1;
+  const e = f(n), c = f(t);
+  return e.every((s, u) => {
+    const o = c[u];
+    return l(s, o);
+  });
+}
+export {
+  l as areOptionsEqual,
+  O as arePluginsEqual,
+  p as canUseDOM,
+  f as sortAndMapPluginToOptions
+};