digital-rabbit-cl 1.0.16 → 1.0.18

package/dist/digital-rabbit-cl.es.js

@@ -0,0 +1,642 @@
+import { jsx as _, jsxs as k } from "react/jsx-runtime";
+import P, { createContext as j, useContext as E, useState as M, useEffect as A } from "react";
+const V = "Button-module__button___2ZuB7", U = "Button-module__sizeSmall___DRT8P", q = "Button-module__sizeDefault___iwWOV", v = {
+  button: V,
+  sizeSmall: U,
+  sizeDefault: q
+}, O = ({
+  isActive: t,
+  disabled: e,
+  buttonColor: o,
+  textColor: s,
+  hoverColor: r,
+  hoverTextColor: n,
+  outline: u
+}) => {
+  let a, c, i;
+  return u ? (a = "transparent", c = o, i = o, t && (a = r || o, c = r || o, i = n || s)) : (a = o, c = o, i = s, t && (a = r || o, c = r || o, i = n || s)), {
+    backgroundColor: a,
+    borderColor: c,
+    color: i,
+    opacity: e ? 0.3 : t && r ? 1 : t ? 0.75 : 1
+  };
+}, R = {
+  primary: "#FFF",
+  secondary: "#000",
+  accent: "#4381C1",
+  error: "#F00",
+  success: "#008000",
+  warning: "#FFEB3B"
+}, h = {
+  colors: R,
+  fonts: {
+    color: "#000",
+    lineHeight: 1.5,
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+    fontWeightHeader: 700,
+    size: "22px",
+    rhythm: "1.45rem",
+    fontSizeH1: "2.5rem",
+    fontSizeH2: "1.75rem",
+    fontSizeH3: "1.38316rem",
+    fontSizeH4: "1rem",
+    fontSizeH5: "0.85028rem",
+    fontSizeH6: "0.78405rem"
+  },
+  buttons: {
+    textColor: "#FFF",
+    primary: {
+      textColor: R.secondary
+    }
+  },
+  borderRadius: "0px",
+  breakpoints: {
+    xs: "350px",
+    sm: "475px",
+    md: "769px",
+    lg: "1025px"
+  },
+  layout: {
+    maxWidth: "1280px",
+    wrapperPaddingSm: "0.5rem",
+    wrapperPadding: "1rem"
+  }
+}, L = j(h), xt = ({ theme: t = {}, children: e }) => {
+  var s;
+  const o = {
+    ...h,
+    ...t,
+    colors: {
+      ...h.colors,
+      ...t.colors
+    },
+    fonts: {
+      ...h.fonts,
+      ...t.fonts
+    },
+    buttons: {
+      ...h.buttons,
+      ...t.buttons,
+      primary: {
+        ...h.buttons.primary,
+        ...(s = t.buttons) == null ? void 0 : s.primary
+      }
+    },
+    breakpoints: {
+      ...h.breakpoints,
+      ...t.breakpoints
+    },
+    layout: {
+      ...h.layout,
+      ...t.layout
+    }
+  };
+  return /* @__PURE__ */ _(L.Provider, { value: o, children: e });
+}, z = () => E(L), bt = ({
+  color: t,
+  hoverColor: e,
+  hoverTextColor: o,
+  textColor: s,
+  outline: r = !1,
+  size: n,
+  type: u = "button",
+  buttonProps: a = {},
+  children: c,
+  disabled: i = !1,
+  onClick: d,
+  fontSize: m
+}) => {
+  const y = z(), [l, p] = M(!1);
+  let f;
+  s ? f = s : f = t ? y.buttons.textColor : y.buttons.primary.textColor;
+  const S = {
+    ...O({
+      isActive: l,
+      disabled: i,
+      buttonColor: t || y.colors.primary,
+      textColor: f,
+      hoverColor: e,
+      hoverTextColor: o,
+      outline: r
+    }),
+    fontSize: m || y.fonts.size
+  }, g = [
+    v.button,
+    n === "small" ? v.sizeSmall : v.sizeDefault,
+    r ? v.outline : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _(
+    "button",
+    {
+      className: g,
+      disabled: i,
+      onClick: d,
+      onMouseEnter: () => p(!0),
+      onMouseLeave: () => p(!1),
+      type: u,
+      ...a,
+      style: {
+        ...S,
+        ...a.style
+      },
+      children: c
+    }
+  );
+};
+var N = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto < "u" && typeof msCrypto.getRandomValues == "function" && msCrypto.getRandomValues.bind(msCrypto), Z = new Uint8Array(16);
+function Q() {
+  if (!N)
+    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+  return N(Z);
+}
+var T = [];
+for (var w = 0; w < 256; ++w)
+  T[w] = (w + 256).toString(16).substr(1);
+function G(t, e) {
+  var o = 0, s = T;
+  return [s[t[o++]], s[t[o++]], s[t[o++]], s[t[o++]], "-", s[t[o++]], s[t[o++]], "-", s[t[o++]], s[t[o++]], "-", s[t[o++]], s[t[o++]], "-", s[t[o++]], s[t[o++]], s[t[o++]], s[t[o++]], s[t[o++]], s[t[o++]]].join("");
+}
+function W(t, e, o) {
+  var s = e && o || 0;
+  typeof t == "string" && (e = t === "binary" ? new Array(16) : null, t = null), t = t || {};
+  var r = t.random || (t.rng || Q)();
+  if (r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, e)
+    for (var n = 0; n < 16; ++n)
+      e[s + n] = r[n];
+  return e || G(r);
+}
+const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kkluC", X = "Checkbox-module__label___cwRtI", H = {
+  container: J,
+  svg: K,
+  label: X
+}, Y = ({
+  color: t = "#000",
+  checkmarkColor: e,
+  disabled: o = !1,
+  inverted: s = !1
+}) => {
+  let r = t;
+  return e ? r = e : s && (r = "white"), {
+    boxColor: t,
+    checkmarkColor: r,
+    cursor: o ? "default" : "pointer",
+    opacity: o ? 0.3 : 1
+  };
+}, kt = ({
+  checked: t = !1,
+  checkmarkColor: e,
+  color: o,
+  disabled: s = !1,
+  fontSize: r,
+  id: n,
+  inverted: u = !1,
+  label: a,
+  labelStyle: c,
+  name: i,
+  onChange: d,
+  style: m,
+  ...y
+}) => {
+  const l = z(), p = n || W(), f = Y({
+    color: o || l.colors.primary,
+    checkmarkColor: e,
+    disabled: s,
+    inverted: u
+  }), x = (b) => {
+    s || d(b);
+  }, S = {
+    cursor: f.cursor,
+    fontSize: r || l.fonts.size,
+    opacity: f.opacity,
+    ...m
+  }, g = {
+    width: r || "1rem"
+  }, C = {
+    color: f.boxColor,
+    cursor: f.cursor,
+    fontSize: r || "1rem",
+    ...c
+  };
+  return /* @__PURE__ */ k("div", { className: H.container, style: S, ...y, children: [
+    /* @__PURE__ */ _(
+      "input",
+      {
+        id: p,
+        checked: t,
+        disabled: s,
+        onChange: (b) => x({ target: { checked: b.target.checked, name: i, type: "checkbox" } }),
+        name: i,
+        style: { display: "none" },
+        type: "checkbox"
+      }
+    ),
+    /* @__PURE__ */ k(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 100 100",
+        onClick: () => x({ target: { checked: !t, name: i, type: "checkbox" } }),
+        style: g,
+        className: H.svg,
+        children: [
+          /* @__PURE__ */ _(
+            "rect",
+            {
+              x: "0",
+              y: "0",
+              height: "100",
+              width: "100",
+              style: {
+                fill: u && t ? f.boxColor : "transparent",
+                strokeWidth: "25",
+                stroke: f.boxColor
+              }
+            }
+          ),
+          t && /* @__PURE__ */ _(
+            "path",
+            {
+              d: "M 25 45 L 45 65 L 75 30",
+              stroke: f.checkmarkColor,
+              strokeWidth: "15",
+              fill: "transparent"
+            }
+          )
+        ]
+      }
+    ),
+    a && /* @__PURE__ */ _("label", { htmlFor: p, className: H.label, style: C, children: a })
+  ] });
+}, vt = () => {
+  const t = z();
+  return A(() => {
+    const e = document.documentElement;
+    t.fonts && (t.fonts.fontFamily && e.style.setProperty("--font-family", t.fonts.fontFamily), t.fonts.size && e.style.setProperty("--font-size", t.fonts.size), t.fonts.lineHeight !== void 0 && e.style.setProperty("--line-height", t.fonts.lineHeight.toString()), t.fonts.fontWeightHeader !== void 0 && e.style.setProperty("--font-weight-header", t.fonts.fontWeightHeader.toString()), t.fonts.fontSizeH1 && e.style.setProperty("--font-size-h1", t.fonts.fontSizeH1), t.fonts.fontSizeH2 && e.style.setProperty("--font-size-h2", t.fonts.fontSizeH2), t.fonts.fontSizeH3 && e.style.setProperty("--font-size-h3", t.fonts.fontSizeH3), t.fonts.fontSizeH4 && e.style.setProperty("--font-size-h4", t.fonts.fontSizeH4), t.fonts.fontSizeH5 && e.style.setProperty("--font-size-h5", t.fonts.fontSizeH5), t.fonts.fontSizeH6 && e.style.setProperty("--font-size-h6", t.fonts.fontSizeH6)), t.colors && (t.colors.primary && e.style.setProperty("--primary-color", t.colors.primary), t.colors.secondary && e.style.setProperty("--background-color", t.colors.secondary), t.colors.accent && e.style.setProperty("--accent-color", t.colors.accent)), t.breakpoints && (t.breakpoints.xs && e.style.setProperty("--breakpoint-xs", t.breakpoints.xs), t.breakpoints.sm && e.style.setProperty("--breakpoint-sm", t.breakpoints.sm), t.breakpoints.md && e.style.setProperty("--breakpoint-md", t.breakpoints.md), t.breakpoints.lg && e.style.setProperty("--breakpoint-lg", t.breakpoints.lg)), t.layout && (t.layout.maxWidth && e.style.setProperty("--layout-max-width", t.layout.maxWidth), t.layout.wrapperPaddingSm && e.style.setProperty("--layout-wrapper-padding-sm", t.layout.wrapperPaddingSm), t.layout.wrapperPadding && e.style.setProperty("--layout-wrapper-padding", t.layout.wrapperPadding));
+  }, [t]), null;
+}, tt = "FormLabel-module__label___0M-fo", et = "FormLabel-module__disabled___ktIFp", D = {
+  label: tt,
+  disabled: et
+}, ot = ({
+  color: t = "#000",
+  disabled: e = !1,
+  fontSize: o = ".85em"
+}) => ({
+  color: t,
+  fontSize: o,
+  opacity: e ? 0.5 : 1,
+  cursor: e ? "not-allowed" : "default"
+}), wt = ({
+  children: t,
+  color: e,
+  disabled: o = !1,
+  fontSize: s,
+  htmlFor: r,
+  style: n,
+  ...u
+}) => {
+  const a = z(), c = ot({
+    color: e || a.colors.primary,
+    disabled: o,
+    fontSize: s || ".85em"
+  }), i = {
+    color: c.color,
+    fontSize: c.fontSize,
+    opacity: c.opacity,
+    cursor: c.cursor,
+    ...n
+  }, d = [
+    D.label,
+    o ? D.disabled : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _(
+    "label",
+    {
+      className: d,
+      htmlFor: r,
+      style: i,
+      ...u,
+      children: t
+    }
+  );
+}, st = "Input-module__input___WjT81", rt = "Input-module__sizeSmall___NFvsi", nt = "Input-module__sizeDefault___AxPA0", F = {
+  input: st,
+  sizeSmall: rt,
+  sizeDefault: nt
+}, lt = ({
+  color: t = "#000",
+  disabled: e = !1,
+  fontSize: o = "1em",
+  placeholderOpacity: s = 0.3
+}) => ({
+  borderColor: t,
+  color: t,
+  fontSize: o,
+  opacity: e ? 0.3 : 1,
+  placeholderOpacity: s
+}), Ct = ({
+  color: t,
+  disabled: e = !1,
+  fontSize: o,
+  name: s = "",
+  onChange: r,
+  placeholder: n,
+  placeholderOpacity: u = 0.3,
+  size: a,
+  style: c,
+  type: i = "text",
+  value: d = "",
+  ...m
+}) => {
+  const y = z(), l = lt({
+    color: t || y.colors.primary,
+    disabled: e,
+    fontSize: o || y.fonts.size,
+    placeholderOpacity: u
+  }), p = {
+    "--placeholder-opacity": l.placeholderOpacity,
+    borderColor: l.borderColor,
+    color: l.color,
+    fontSize: l.fontSize,
+    opacity: l.opacity,
+    ...c
+  }, f = [
+    F.input,
+    a === "small" ? F.sizeSmall : F.sizeDefault
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _(
+    "input",
+    {
+      className: f,
+      disabled: e,
+      name: s,
+      onChange: r,
+      placeholder: n,
+      style: p,
+      type: i,
+      value: d,
+      ...m
+    }
+  );
+}, at = "Radio-module__container___AQxhk", ct = "Radio-module__svg___zl5kF", it = "Radio-module__label___vAFIP", $ = {
+  container: at,
+  svg: ct,
+  label: it
+}, yt = ({
+  color: t = "#000",
+  disabled: e = !1
+}) => ({
+  radioColor: t,
+  cursor: e ? "default" : "pointer",
+  opacity: e ? 0.3 : 1
+}), Pt = ({
+  checked: t = !1,
+  color: e,
+  disabled: o = !1,
+  fontSize: s,
+  id: r,
+  label: n,
+  labelStyle: u,
+  name: a,
+  onChange: c,
+  style: i,
+  ...d
+}) => {
+  const m = z(), y = r || W(), l = yt({
+    color: e || m.colors.primary,
+    disabled: o
+  }), p = (b) => {
+    o || c(b);
+  }, f = {
+    cursor: l.cursor,
+    fontSize: s || m.fonts.size,
+    opacity: l.opacity,
+    ...i
+  }, x = {
+    width: s || m.fonts.size
+  }, S = {
+    fill: "transparent",
+    strokeWidth: "12.5",
+    stroke: l.radioColor
+  }, g = {
+    fill: l.radioColor
+  }, C = {
+    color: l.radioColor,
+    cursor: l.cursor,
+    fontSize: s || m.fonts.size,
+    ...u
+  };
+  return /* @__PURE__ */ k("div", { className: $.container, style: f, ...d, children: [
+    /* @__PURE__ */ _(
+      "input",
+      {
+        id: y,
+        checked: t,
+        disabled: o,
+        name: a,
+        onChange: (b) => p({ target: { checked: b.target.checked, name: a, type: "radio" } }),
+        style: { display: "none" },
+        type: "radio"
+      }
+    ),
+    /* @__PURE__ */ k(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 100 100",
+        onClick: () => p({ target: { checked: !t, name: a, type: "radio" } }),
+        className: $.svg,
+        style: x,
+        children: [
+          /* @__PURE__ */ _(
+            "circle",
+            {
+              cx: "50",
+              cy: "50",
+              r: "42.5",
+              width: "100%",
+              style: S
+            }
+          ),
+          t && /* @__PURE__ */ _(
+            "circle",
+            {
+              cx: "50",
+              cy: "50",
+              r: "25",
+              style: g
+            }
+          )
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ _(
+      "label",
+      {
+        htmlFor: y,
+        className: $.label,
+        style: C,
+        children: n
+      }
+    )
+  ] });
+}, ut = "Select-module__select___cjdcr", pt = "Select-module__sizeSmall___i1quj", ft = "Select-module__sizeDefault___EiWvW", I = {
+  select: ut,
+  sizeSmall: pt,
+  sizeDefault: ft
+}, mt = ({
+  color: t = "#000",
+  disabled: e = !1
+}) => ({
+  color: t,
+  borderColor: t,
+  cursor: e ? "default" : "pointer",
+  opacity: e ? 0.3 : 1,
+  backgroundImage: ((n) => {
+    const u = `
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+        <path
+          d="M 30 42.5 L 50 22.5 L 70 42.5"
+          stroke="${n}"
+          stroke-width="11"
+          fill="transparent"
+        />
+        <path
+          d="M 30 58.5 L 50 78.5 L 70 58.5"
+          stroke="${n}"
+          stroke-width="11"
+          fill="transparent"
+        />
+      </svg>
+    `.trim();
+    return `url("data:image/svg+xml,${encodeURIComponent(u)}")`;
+  })(t)
+}), Ht = ({
+  children: t,
+  color: e,
+  disabled: o = !1,
+  fontSize: s,
+  name: r = "",
+  onChange: n,
+  placeholder: u = "",
+  size: a,
+  style: c,
+  value: i = "",
+  ...d
+}) => {
+  const m = z(), y = mt({
+    color: e || m.colors.primary,
+    disabled: o
+  }), l = {
+    backgroundImage: y.backgroundImage,
+    backgroundPosition: "right center",
+    backgroundRepeat: "no-repeat",
+    backgroundSize: "auto 85%",
+    backgroundColor: "transparent",
+    borderColor: y.borderColor,
+    color: y.color,
+    cursor: y.cursor,
+    fontSize: s || m.fonts.size,
+    opacity: y.opacity,
+    ...c
+  }, p = [
+    I.select,
+    a === "small" ? I.sizeSmall : I.sizeDefault
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ k(
+    "select",
+    {
+      className: p,
+      disabled: o,
+      name: r,
+      onChange: n,
+      style: l,
+      value: i,
+      ...d,
+      children: [
+        u !== "" && /* @__PURE__ */ _("option", { disabled: !0, value: "", children: u }),
+        t
+      ]
+    }
+  );
+}, dt = "Textarea-module__textarea___Z-y6g", _t = "Textarea-module__sizeSmall___HHFEM", St = "Textarea-module__sizeDefault___LL2Uc", B = {
+  textarea: dt,
+  sizeSmall: _t,
+  sizeDefault: St
+}, gt = ({
+  color: t = "#000",
+  disabled: e = !1,
+  placeholderOpacity: o = 0.3
+}) => ({
+  color: t,
+  borderColor: t,
+  opacity: e ? 0.3 : 1,
+  placeholderOpacity: o
+}), Ft = ({
+  color: t,
+  disabled: e = !1,
+  fontSize: o,
+  name: s = "",
+  onChange: r,
+  placeholder: n,
+  placeholderOpacity: u = 0.3,
+  rows: a = 3,
+  size: c,
+  style: i,
+  value: d = "",
+  ...m
+}) => {
+  const y = z(), l = gt({
+    color: t || y.colors.primary,
+    disabled: e,
+    placeholderOpacity: u
+  }), p = `textarea-placeholder-${P.useId ? P.useId() : Math.random().toString(36)}`;
+  P.useEffect(() => {
+    const S = document.createElement("style");
+    return S.id = p, S.textContent = `
+      .${p}::placeholder {
+        color: inherit;
+        opacity: ${l.placeholderOpacity};
+      }
+    `, document.head.appendChild(S), () => {
+      const g = document.getElementById(p);
+      g && g.remove();
+    };
+  }, [p, l.placeholderOpacity]);
+  const f = {
+    borderColor: l.borderColor,
+    color: l.color,
+    fontSize: o || y.fonts.size,
+    opacity: l.opacity,
+    ...i
+  }, x = [
+    B.textarea,
+    c === "small" ? B.sizeSmall : B.sizeDefault,
+    p
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _(
+    "textarea",
+    {
+      className: x,
+      disabled: e,
+      name: s,
+      onChange: r,
+      placeholder: n,
+      rows: a,
+      style: f,
+      value: d,
+      ...m
+    }
+  );
+};
+export {
+  bt as Button,
+  vt as CSSReset,
+  kt as Checkbox,
+  wt as FormLabel,
+  Ct as Input,
+  Pt as Radio,
+  Ht as Select,
+  Ft as Textarea,
+  xt as ThemeProvider,
+  z as useTheme
+};

package/dist/digital-rabbit-cl.umd.js

@@ -0,0 +1,21 @@
+(function(d,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],a):(d=typeof globalThis<"u"?globalThis:d||self,a(d.DigitalRabbitCL={},d.jsxRuntime,d.React))})(this,(function(d,a,x){"use strict";const C={button:"Button-module__button___2ZuB7",sizeSmall:"Button-module__sizeSmall___DRT8P",sizeDefault:"Button-module__sizeDefault___iwWOV"},E=({isActive:e,disabled:t,buttonColor:o,textColor:s,hoverColor:r,hoverTextColor:l,outline:f})=>{let c,i,y;return f?(c="transparent",i=o,y=o,e&&(c=r||o,i=r||o,y=l||s)):(c=o,i=o,y=s,e&&(c=r||o,i=r||o,y=l||s)),{backgroundColor:c,borderColor:i,color:y,opacity:t?.3:e&&r?1:e?.75:1}},B={primary:"#FFF",secondary:"#000",accent:"#4381C1",error:"#F00",success:"#008000",warning:"#FFEB3B"},z={colors:B,fonts:{color:"#000",lineHeight:1.5,fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',fontWeightHeader:700,size:"22px",rhythm:"1.45rem",fontSizeH1:"2.5rem",fontSizeH2:"1.75rem",fontSizeH3:"1.38316rem",fontSizeH4:"1rem",fontSizeH5:"0.85028rem",fontSizeH6:"0.78405rem"},buttons:{textColor:"#FFF",primary:{textColor:B.secondary}},borderRadius:"0px",breakpoints:{xs:"350px",sm:"475px",md:"769px",lg:"1025px"},layout:{maxWidth:"1280px",wrapperPaddingSm:"0.5rem",wrapperPadding:"1rem"}},T=x.createContext(z),M=({theme:e={},children:t})=>{var s;const o={...z,...e,colors:{...z.colors,...e.colors},fonts:{...z.fonts,...e.fonts},buttons:{...z.buttons,...e.buttons,primary:{...z.buttons.primary,...(s=e.buttons)==null?void 0:s.primary}},breakpoints:{...z.breakpoints,...e.breakpoints},layout:{...z.layout,...e.layout}};return a.jsx(T.Provider,{value:o,children:t})},g=()=>x.useContext(T),A=({color:e,hoverColor:t,hoverTextColor:o,textColor:s,outline:r=!1,size:l,type:f="button",buttonProps:c={},children:i,disabled:y=!1,onClick:_,fontSize:S})=>{const u=g(),[n,p]=x.useState(!1);let m;s?m=s:m=e?u.buttons.textColor:u.buttons.primary.textColor;const h={...E({isActive:n,disabled:y,buttonColor:e||u.colors.primary,textColor:m,hoverColor:t,hoverTextColor:o,outline:r}),fontSize:S||u.fonts.size},b=[C.button,l==="small"?C.sizeSmall:C.sizeDefault,r?C.outline:""].filter(Boolean).join(" ");return a.jsx("button",{className:b,disabled:y,onClick:_,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),type:f,...c,style:{...h,...c.style},children:i})};var N=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||typeof msCrypto<"u"&&typeof msCrypto.getRandomValues=="function"&&msCrypto.getRandomValues.bind(msCrypto),V=new Uint8Array(16);function q(){if(!N)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return N(V)}for(var j=[],w=0;w<256;++w)j[w]=(w+256).toString(16).substr(1);function O(e,t){var o=0,s=j;return[s[e[o++]],s[e[o++]],s[e[o++]],s[e[o++]],"-",s[e[o++]],s[e[o++]],"-",s[e[o++]],s[e[o++]],"-",s[e[o++]],s[e[o++]],"-",s[e[o++]],s[e[o++]],s[e[o++]],s[e[o++]],s[e[o++]],s[e[o++]]].join("")}function L(e,t,o){var s=t&&o||0;typeof e=="string"&&(t=e==="binary"?new Array(16):null,e=null),e=e||{};var r=e.random||(e.rng||q)();if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t)for(var l=0;l<16;++l)t[s+l]=r[l];return t||O(r)}const P={container:"Checkbox-module__container___aV9qz",svg:"Checkbox-module__svg___kkluC",label:"Checkbox-module__label___cwRtI"},U=({color:e="#000",checkmarkColor:t,disabled:o=!1,inverted:s=!1})=>{let r=e;return t?r=t:s&&(r="white"),{boxColor:e,checkmarkColor:r,cursor:o?"default":"pointer",opacity:o?.3:1}},Z=({checked:e=!1,checkmarkColor:t,color:o,disabled:s=!1,fontSize:r,id:l,inverted:f=!1,label:c,labelStyle:i,name:y,onChange:_,style:S,...u})=>{const n=g(),p=l||L(),m=U({color:o||n.colors.primary,checkmarkColor:t,disabled:s,inverted:f}),k=v=>{s||_(v)},h={cursor:m.cursor,fontSize:r||n.fonts.size,opacity:m.opacity,...S},b={width:r||"1rem"},I={color:m.boxColor,cursor:m.cursor,fontSize:r||"1rem",...i};return a.jsxs("div",{className:P.container,style:h,...u,children:[a.jsx("input",{id:p,checked:e,disabled:s,onChange:v=>k({target:{checked:v.target.checked,name:y,type:"checkbox"}}),name:y,style:{display:"none"},type:"checkbox"}),a.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:()=>k({target:{checked:!e,name:y,type:"checkbox"}}),style:b,className:P.svg,children:[a.jsx("rect",{x:"0",y:"0",height:"100",width:"100",style:{fill:f&&e?m.boxColor:"transparent",strokeWidth:"25",stroke:m.boxColor}}),e&&a.jsx("path",{d:"M 25 45 L 45 65 L 75 30",stroke:m.checkmarkColor,strokeWidth:"15",fill:"transparent"})]}),c&&a.jsx("label",{htmlFor:p,className:P.label,style:I,children:c})]})},Q=()=>{const e=g();return x.useEffect(()=>{const t=document.documentElement;e.fonts&&(e.fonts.fontFamily&&t.style.setProperty("--font-family",e.fonts.fontFamily),e.fonts.size&&t.style.setProperty("--font-size",e.fonts.size),e.fonts.lineHeight!==void 0&&t.style.setProperty("--line-height",e.fonts.lineHeight.toString()),e.fonts.fontWeightHeader!==void 0&&t.style.setProperty("--font-weight-header",e.fonts.fontWeightHeader.toString()),e.fonts.fontSizeH1&&t.style.setProperty("--font-size-h1",e.fonts.fontSizeH1),e.fonts.fontSizeH2&&t.style.setProperty("--font-size-h2",e.fonts.fontSizeH2),e.fonts.fontSizeH3&&t.style.setProperty("--font-size-h3",e.fonts.fontSizeH3),e.fonts.fontSizeH4&&t.style.setProperty("--font-size-h4",e.fonts.fontSizeH4),e.fonts.fontSizeH5&&t.style.setProperty("--font-size-h5",e.fonts.fontSizeH5),e.fonts.fontSizeH6&&t.style.setProperty("--font-size-h6",e.fonts.fontSizeH6)),e.colors&&(e.colors.primary&&t.style.setProperty("--primary-color",e.colors.primary),e.colors.secondary&&t.style.setProperty("--background-color",e.colors.secondary),e.colors.accent&&t.style.setProperty("--accent-color",e.colors.accent)),e.breakpoints&&(e.breakpoints.xs&&t.style.setProperty("--breakpoint-xs",e.breakpoints.xs),e.breakpoints.sm&&t.style.setProperty("--breakpoint-sm",e.breakpoints.sm),e.breakpoints.md&&t.style.setProperty("--breakpoint-md",e.breakpoints.md),e.breakpoints.lg&&t.style.setProperty("--breakpoint-lg",e.breakpoints.lg)),e.layout&&(e.layout.maxWidth&&t.style.setProperty("--layout-max-width",e.layout.maxWidth),e.layout.wrapperPaddingSm&&t.style.setProperty("--layout-wrapper-padding-sm",e.layout.wrapperPaddingSm),e.layout.wrapperPadding&&t.style.setProperty("--layout-wrapper-padding",e.layout.wrapperPadding))},[e]),null},W={label:"FormLabel-module__label___0M-fo",disabled:"FormLabel-module__disabled___ktIFp"},G=({color:e="#000",disabled:t=!1,fontSize:o=".85em"})=>({color:e,fontSize:o,opacity:t?.5:1,cursor:t?"not-allowed":"default"}),J=({children:e,color:t,disabled:o=!1,fontSize:s,htmlFor:r,style:l,...f})=>{const c=g(),i=G({color:t||c.colors.primary,disabled:o,fontSize:s||".85em"}),y={color:i.color,fontSize:i.fontSize,opacity:i.opacity,cursor:i.cursor,...l},_=[W.label,o?W.disabled:""].filter(Boolean).join(" ");return a.jsx("label",{className:_,htmlFor:r,style:y,...f,children:e})},$={input:"Input-module__input___WjT81",sizeSmall:"Input-module__sizeSmall___NFvsi",sizeDefault:"Input-module__sizeDefault___AxPA0"},K=({color:e="#000",disabled:t=!1,fontSize:o="1em",placeholderOpacity:s=.3})=>({borderColor:e,color:e,fontSize:o,opacity:t?.3:1,placeholderOpacity:s}),X=({color:e,disabled:t=!1,fontSize:o,name:s="",onChange:r,placeholder:l,placeholderOpacity:f=.3,size:c,style:i,type:y="text",value:_="",...S})=>{const u=g(),n=K({color:e||u.colors.primary,disabled:t,fontSize:o||u.fonts.size,placeholderOpacity:f}),p={"--placeholder-opacity":n.placeholderOpacity,borderColor:n.borderColor,color:n.color,fontSize:n.fontSize,opacity:n.opacity,...i},m=[$.input,c==="small"?$.sizeSmall:$.sizeDefault].filter(Boolean).join(" ");return a.jsx("input",{className:m,disabled:t,name:s,onChange:r,placeholder:l,style:p,type:y,value:_,...S})},H={container:"Radio-module__container___AQxhk",svg:"Radio-module__svg___zl5kF",label:"Radio-module__label___vAFIP"},Y=({color:e="#000",disabled:t=!1})=>({radioColor:e,cursor:t?"default":"pointer",opacity:t?.3:1}),R=({checked:e=!1,color:t,disabled:o=!1,fontSize:s,id:r,label:l,labelStyle:f,name:c,onChange:i,style:y,..._})=>{const S=g(),u=r||L(),n=Y({color:t||S.colors.primary,disabled:o}),p=v=>{o||i(v)},m={cursor:n.cursor,fontSize:s||S.fonts.size,opacity:n.opacity,...y},k={width:s||S.fonts.size},h={fill:"transparent",strokeWidth:"12.5",stroke:n.radioColor},b={fill:n.radioColor},I={color:n.radioColor,cursor:n.cursor,fontSize:s||S.fonts.size,...f};return a.jsxs("div",{className:H.container,style:m,..._,children:[a.jsx("input",{id:u,checked:e,disabled:o,name:c,onChange:v=>p({target:{checked:v.target.checked,name:c,type:"radio"}}),style:{display:"none"},type:"radio"}),a.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",onClick:()=>p({target:{checked:!e,name:c,type:"radio"}}),className:H.svg,style:k,children:[a.jsx("circle",{cx:"50",cy:"50",r:"42.5",width:"100%",style:h}),e&&a.jsx("circle",{cx:"50",cy:"50",r:"25",style:b})]}),l&&a.jsx("label",{htmlFor:u,className:H.label,style:I,children:l})]})},F={select:"Select-module__select___cjdcr",sizeSmall:"Select-module__sizeSmall___i1quj",sizeDefault:"Select-module__sizeDefault___EiWvW"},ee=({color:e="#000",disabled:t=!1})=>({color:e,borderColor:e,cursor:t?"default":"pointer",opacity:t?.3:1,backgroundImage:(l=>{const f=`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+        <path
+          d="M 30 42.5 L 50 22.5 L 70 42.5"
+          stroke="${l}"
+          stroke-width="11"
+          fill="transparent"
+        />
+        <path
+          d="M 30 58.5 L 50 78.5 L 70 58.5"
+          stroke="${l}"
+          stroke-width="11"
+          fill="transparent"
+        />
+      </svg>
+    `.trim();return`url("data:image/svg+xml,${encodeURIComponent(f)}")`})(e)}),te=({children:e,color:t,disabled:o=!1,fontSize:s,name:r="",onChange:l,placeholder:f="",size:c,style:i,value:y="",..._})=>{const S=g(),u=ee({color:t||S.colors.primary,disabled:o}),n={backgroundImage:u.backgroundImage,backgroundPosition:"right center",backgroundRepeat:"no-repeat",backgroundSize:"auto 85%",backgroundColor:"transparent",borderColor:u.borderColor,color:u.color,cursor:u.cursor,fontSize:s||S.fonts.size,opacity:u.opacity,...i},p=[F.select,c==="small"?F.sizeSmall:F.sizeDefault].filter(Boolean).join(" ");return a.jsxs("select",{className:p,disabled:o,name:r,onChange:l,style:n,value:y,..._,children:[f!==""&&a.jsx("option",{disabled:!0,value:"",children:f}),e]})},D={textarea:"Textarea-module__textarea___Z-y6g",sizeSmall:"Textarea-module__sizeSmall___HHFEM",sizeDefault:"Textarea-module__sizeDefault___LL2Uc"},oe=({color:e="#000",disabled:t=!1,placeholderOpacity:o=.3})=>({color:e,borderColor:e,opacity:t?.3:1,placeholderOpacity:o}),se=({color:e,disabled:t=!1,fontSize:o,name:s="",onChange:r,placeholder:l,placeholderOpacity:f=.3,rows:c=3,size:i,style:y,value:_="",...S})=>{const u=g(),n=oe({color:e||u.colors.primary,disabled:t,placeholderOpacity:f}),p=`textarea-placeholder-${x.useId?x.useId():Math.random().toString(36)}`;x.useEffect(()=>{const h=document.createElement("style");return h.id=p,h.textContent=`
+      .${p}::placeholder {
+        color: inherit;
+        opacity: ${n.placeholderOpacity};
+      }
+    `,document.head.appendChild(h),()=>{const b=document.getElementById(p);b&&b.remove()}},[p,n.placeholderOpacity]);const m={borderColor:n.borderColor,color:n.color,fontSize:o||u.fonts.size,opacity:n.opacity,...y},k=[D.textarea,i==="small"?D.sizeSmall:D.sizeDefault,p].filter(Boolean).join(" ");return a.jsx("textarea",{className:k,disabled:t,name:s,onChange:r,placeholder:l,rows:c,style:m,value:_,...S})};d.Button=A,d.CSSReset=Q,d.Checkbox=Z,d.FormLabel=J,d.Input=X,d.Radio=R,d.Select=te,d.Textarea=se,d.ThemeProvider=M,d.useTheme=g,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+export declare const useMediaQuery: (query: string) => boolean;
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/hooks/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,OAmB7C,CAAC"}