digital-rabbit-cl 1.0.23 → 1.0.26

package/dist/components/Button/useButtonStyles.d.ts

@@ -17,5 +17,5 @@ export interface ButtonStyles {
     color: string;
     opacity: number;
 }
-export declare const useButtonStyles: ({ isActive, disabled, buttonColor, textColor, hoverColor, hoverTextColor, outline, }: UseButtonStylesParams) => ButtonStyles;
+export declare const useButtonStyles: ({ isActive, disabled, buttonColor, textColor, hoverColor, hoverTextColor, outline, }: Partial<UseButtonStylesParams>) => ButtonStyles;
 //# sourceMappingURL=useButtonStyles.d.ts.map

package/dist/components/Button/useButtonStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useButtonStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/useButtonStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,GAAI,sFAQ7B,qBAAqB,KAAG,YAiC1B,CAAC"}
+{"version":3,"file":"useButtonStyles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/useButtonStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,GAAI,sFAQ7B,OAAO,CAAC,qBAAqB,CAAC,KAAG,YAwCnC,CAAC"}

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

@@ -1,24 +1,27 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.Button-module__button___2ZuB7{border-width:.15em;border-style:solid;cursor:pointer;font-weight:700;line-height:1.25;outline:none}.Button-module__button___2ZuB7:disabled{cursor:default}.Button-module__sizeSmall___DRT8P{padding:.1em .5em}.Button-module__sizeDefault___iwWOV{padding:.25em .5em}.Checkbox-module__container___aV9qz{display:flex;align-items:center;line-height:1.2}.Checkbox-module__svg___kkluC{flex-shrink:0}.Checkbox-module__label___cwRtI{font-weight:700;margin-left:.35em;-webkit-user-select:none;user-select:none}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size: 16px;--line-height: 1.5;--font-weight-header: 700;--primary-color: #000;--background-color: #fff;--accent-color: #0066cc;--font-size-h1: 2.5rem;--font-size-h2: 1.75rem;--font-size-h3: 1.38316rem;--font-size-h4: 1rem;--font-size-h5: .85028rem;--font-size-h6: .78405rem;--breakpoint-xs: 350px;--breakpoint-sm: 475px;--breakpoint-md: 769px;--breakpoint-lg: 1025px;--layout-max-width: 1280px;--layout-wrapper-padding-sm: .5rem;--layout-wrapper-padding: 1rem}html{line-height:var(--line-height);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:var(--font-size);font-family:var(--font-family);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--primary-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:var(--font-weight-header)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid rgba(0,0,0,.1);margin:1em 0}pre{font-family:monospace,monospace;font-size:1em;overflow:auto}a{background-color:transparent;text-decoration:none}a:link{color:var(--accent-color)}a:hover{text-decoration:underline}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%;height:auto;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--line-height);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item;cursor:pointer}template,[hidden]{display:none}table{border-collapse:collapse;width:100%}ul,ol{padding-left:1.5em}p{margin-top:0;margin-bottom:1em}.FormLabel-module__label___0M-fo{display:inline-block;font-weight:700;padding-bottom:.25em}.FormLabel-module__label___0M-fo.FormLabel-module__disabled___ktIFp{opacity:.5;cursor:not-allowed}.FormLabel-module__label___0M-fo:not(.FormLabel-module__disabled___ktIFp){cursor:default}.Input-module__input___WjT81{background-color:transparent;border-width:.15em;border-style:solid;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Input-module__input___WjT81::placeholder{color:inherit;opacity:var(--placeholder-opacity, .3)}.Input-module__input___WjT81:disabled{opacity:.3}.Input-module__sizeSmall___NFvsi{padding:.1em .25em}.Input-module__sizeDefault___AxPA0{padding:.25em .5em}.Radio-module__container___AQxhk{display:flex;align-items:center;line-height:1.25}.Radio-module__svg___zl5kF{flex-shrink:0}.Radio-module__label___vAFIP{font-weight:700;margin-left:.35em;-webkit-user-select:none;user-select:none}.Select-module__select___cjdcr{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-position:right center;background-repeat:no-repeat;background-size:auto 85%;border-width:.15em;border-style:solid;border-radius:0;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Select-module__select___cjdcr:disabled{cursor:default;opacity:.3}.Select-module__select___cjdcr:not(:disabled){cursor:pointer}.Select-module__sizeSmall___i1quj{padding:.1em 1.75em .1em .25em}.Select-module__sizeDefault___EiWvW{padding:.25em 2em .25em .5em}.Textarea-module__textarea___Z-y6g{background-color:transparent;border-width:.15em;border-style:solid;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Textarea-module__textarea___Z-y6g:disabled{opacity:.3}.Textarea-module__sizeSmall___HHFEM{padding:.1em .25em}.Textarea-module__sizeDefault___LL2Uc{padding:.25em .5em}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 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";
+import P, { createContext as j, useContext as E, useState as A, useEffect as M } 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,
+  isActive: e,
+  disabled: t,
+  buttonColor: o = "#FFF",
+  textColor: s = "#000",
   hoverColor: r,
   hoverTextColor: n,
-  outline: u
+  outline: y
 }) => {
   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)), {
+  y ? (a = "transparent", c = o, i = o, e && (a = r || o, c = r || o, i = n || s)) : (a = o, c = o, i = s, e && (a = r || o, c = r || o, i = n || s));
+  let f = 1;
+  return t ? f = 0.3 : e && (f = r || y ? 1 : 0.75), {
     backgroundColor: a,
     borderColor: c,
     color: i,
-    opacity: e ? 0.3 : t && r ? 1 : t ? 0.75 : 1
+    opacity: f
   };
 }, R = {
   primary: "#FFF",
@@ -61,65 +64,65 @@ const V = "Button-module__button___2ZuB7", U = "Button-module__sizeSmall___DRT8P
     wrapperPaddingSm: "0.5rem",
     wrapperPadding: "1rem"
   }
-}, L = j(h), xt = ({ theme: t = {}, children: e }) => {
+}, L = j(h), xe = ({ theme: e = {}, children: t }) => {
   var s;
   const o = {
     ...h,
-    ...t,
+    ...e,
     colors: {
       ...h.colors,
-      ...t.colors
+      ...e.colors
     },
     fonts: {
       ...h.fonts,
-      ...t.fonts
+      ...e.fonts
     },
     buttons: {
       ...h.buttons,
-      ...t.buttons,
+      ...e.buttons,
       primary: {
         ...h.buttons.primary,
-        ...(s = t.buttons) == null ? void 0 : s.primary
+        ...(s = e.buttons) == null ? void 0 : s.primary
       }
     },
     breakpoints: {
       ...h.breakpoints,
-      ...t.breakpoints
+      ...e.breakpoints
     },
     layout: {
       ...h.layout,
-      ...t.layout
+      ...e.layout
     }
   };
-  return /* @__PURE__ */ _(L.Provider, { value: o, children: e });
-}, z = () => E(L), bt = ({
-  color: t,
-  hoverColor: e,
+  return /* @__PURE__ */ _(L.Provider, { value: o, children: t });
+}, z = () => E(L), be = ({
+  color: e,
+  hoverColor: t,
   hoverTextColor: o,
   textColor: s,
   outline: r = !1,
   size: n,
-  type: u = "button",
+  type: y = "button",
   buttonProps: a = {},
   children: c,
   disabled: i = !1,
-  onClick: d,
-  fontSize: m
+  onClick: f,
+  fontSize: d
 }) => {
-  const y = z(), [l, p] = M(!1);
-  let f;
-  s ? f = s : f = t ? y.buttons.textColor : y.buttons.primary.textColor;
+  const u = z(), [l, p] = A(!1);
+  let m;
+  s ? m = s : m = e ? u.buttons.textColor : u.buttons.primary.textColor;
   const S = {
     ...O({
       isActive: l,
       disabled: i,
-      buttonColor: t || y.colors.primary,
-      textColor: f,
-      hoverColor: e,
+      buttonColor: e || u.colors.primary,
+      textColor: m,
+      hoverColor: t,
       hoverTextColor: o,
       outline: r
     }),
-    fontSize: m || y.fonts.size
+    fontSize: d || u.fonts.size
   }, g = [
     v.button,
     n === "small" ? v.sizeSmall : v.sizeDefault,
@@ -130,10 +133,10 @@ const V = "Button-module__button___2ZuB7", U = "Button-module__sizeSmall___DRT8P
     {
       className: g,
       disabled: i,
-      onClick: d,
+      onClick: f,
       onMouseEnter: () => p(!0),
       onMouseLeave: () => p(!1),
-      type: u,
+      type: y,
       ...a,
       style: {
         ...S,
@@ -152,77 +155,77 @@ function Q() {
 var T = [];
 for (var w = 0; w < 256; ++w)
   T[w] = (w + 256).toString(16).substr(1);
-function G(t, e) {
+function G(e, t) {
   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("");
+  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 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)
+function W(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 n = 0; n < 16; ++n)
-      e[s + n] = r[n];
-  return e || G(r);
+      t[s + n] = r[n];
+  return t || 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,
+  color: e = "#000",
+  checkmarkColor: t,
   disabled: o = !1,
   inverted: s = !1
 }) => {
-  let r = t;
-  return e ? r = e : s && (r = "white"), {
-    boxColor: t,
+  let r = e;
+  return t ? r = t : s && (r = "white"), {
+    boxColor: e,
     checkmarkColor: r,
     cursor: o ? "default" : "pointer",
     opacity: o ? 0.3 : 1
   };
-}, kt = ({
-  checked: t = !1,
-  checkmarkColor: e,
+}, ke = ({
+  checked: e = !1,
+  checkmarkColor: t,
   color: o,
   disabled: s = !1,
   fontSize: r,
   id: n,
-  inverted: u = !1,
+  inverted: y = !1,
   label: a,
   labelStyle: c,
   name: i,
-  onChange: d,
-  style: m,
-  ...y
+  onChange: f,
+  style: d,
+  ...u
 }) => {
-  const l = z(), p = n || W(), f = Y({
+  const l = z(), p = n || W(), m = Y({
     color: o || l.colors.primary,
-    checkmarkColor: e,
+    checkmarkColor: t,
     disabled: s,
-    inverted: u
+    inverted: y
   }), x = (b) => {
-    s || d(b);
+    s || f(b);
   }, S = {
-    cursor: f.cursor,
+    cursor: m.cursor,
     fontSize: r || l.fonts.size,
-    opacity: f.opacity,
-    ...m
+    opacity: m.opacity,
+    ...d
   }, g = {
     width: r || "1rem"
   }, C = {
-    color: f.boxColor,
-    cursor: f.cursor,
+    color: m.boxColor,
+    cursor: m.cursor,
     fontSize: r || "1rem",
     ...c
   };
-  return /* @__PURE__ */ k("div", { className: H.container, style: S, ...y, children: [
+  return /* @__PURE__ */ k("div", { className: H.container, style: S, ...u, children: [
     /* @__PURE__ */ _(
       "input",
       {
         id: p,
-        checked: t,
+        checked: e,
         disabled: s,
         onChange: (b) => x({ target: { checked: b.target.checked, name: i, type: "checkbox" } }),
         name: i,
@@ -235,7 +238,7 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 100 100",
-        onClick: () => x({ target: { checked: !t, name: i, type: "checkbox" } }),
+        onClick: () => x({ target: { checked: !e, name: i, type: "checkbox" } }),
         style: g,
         className: H.svg,
         children: [
@@ -247,17 +250,17 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
               height: "100",
               width: "100",
               style: {
-                fill: u && t ? f.boxColor : "transparent",
+                fill: y && e ? m.boxColor : "transparent",
                 strokeWidth: "25",
-                stroke: f.boxColor
+                stroke: m.boxColor
               }
             }
           ),
-          t && /* @__PURE__ */ _(
+          e && /* @__PURE__ */ _(
             "path",
             {
               d: "M 25 45 L 45 65 L 75 30",
-              stroke: f.checkmarkColor,
+              stroke: m.checkmarkColor,
               strokeWidth: "15",
               fill: "transparent"
             }
@@ -267,35 +270,35 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
     ),
     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,
+}, ve = () => {
+  const e = z();
+  return M(() => {
+    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;
+}, ee = "FormLabel-module__label___0M-fo", te = "FormLabel-module__disabled___ktIFp", D = {
+  label: ee,
+  disabled: te
+}, oe = ({
+  color: e = "#000",
+  disabled: t = !1,
   fontSize: o = ".85em"
 }) => ({
-  color: t,
-  fontSize: o,
-  opacity: e ? 0.5 : 1,
-  cursor: e ? "not-allowed" : "default"
-}), wt = ({
-  children: t,
   color: e,
+  fontSize: o,
+  opacity: t ? 0.5 : 1,
+  cursor: t ? "not-allowed" : "default"
+}), we = ({
+  children: e,
+  color: t,
   disabled: o = !1,
   fontSize: s,
   htmlFor: r,
   style: n,
-  ...u
+  ...y
 }) => {
-  const a = z(), c = ot({
-    color: e || a.colors.primary,
+  const a = z(), c = oe({
+    color: t || a.colors.primary,
     disabled: o,
     fontSize: s || ".85em"
   }), i = {
@@ -304,54 +307,54 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
     opacity: c.opacity,
     cursor: c.cursor,
     ...n
-  }, d = [
+  }, f = [
     D.label,
     o ? D.disabled : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ _(
     "label",
     {
-      className: d,
+      className: f,
       htmlFor: r,
       style: i,
-      ...u,
-      children: t
+      ...y,
+      children: e
     }
   );
-}, 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,
+}, se = "Input-module__input___WjT81", re = "Input-module__sizeSmall___NFvsi", ne = "Input-module__sizeDefault___AxPA0", F = {
+  input: se,
+  sizeSmall: re,
+  sizeDefault: ne
+}, le = ({
+  color: e = "#000",
+  disabled: t = !1,
   fontSize: o = "1em",
   placeholderOpacity: s = 0.3
 }) => ({
-  borderColor: t,
-  color: t,
+  borderColor: e,
+  color: e,
   fontSize: o,
-  opacity: e ? 0.3 : 1,
+  opacity: t ? 0.3 : 1,
   placeholderOpacity: s
-}), Ct = ({
-  color: t,
-  disabled: e = !1,
+}), Ce = ({
+  color: e,
+  disabled: t = !1,
   fontSize: o,
   name: s = "",
   onChange: r,
   placeholder: n,
-  placeholderOpacity: u = 0.3,
+  placeholderOpacity: y = 0.3,
   size: a,
   style: c,
   type: i = "text",
-  value: d = "",
-  ...m
+  value: f = "",
+  ...d
 }) => {
-  const y = z(), l = lt({
-    color: t || y.colors.primary,
-    disabled: e,
-    fontSize: o || y.fonts.size,
-    placeholderOpacity: u
+  const u = z(), l = le({
+    color: e || u.colors.primary,
+    disabled: t,
+    fontSize: o || u.fonts.size,
+    placeholderOpacity: y
   }), p = {
     "--placeholder-opacity": l.placeholderOpacity,
     borderColor: l.borderColor,
@@ -359,60 +362,60 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
     fontSize: l.fontSize,
     opacity: l.opacity,
     ...c
-  }, f = [
+  }, m = [
     F.input,
     a === "small" ? F.sizeSmall : F.sizeDefault
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ _(
     "input",
     {
-      className: f,
-      disabled: e,
+      className: m,
+      disabled: t,
       name: s,
       onChange: r,
       placeholder: n,
       style: p,
       type: i,
-      value: d,
-      ...m
+      value: f,
+      ...d
     }
   );
-}, 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
+}, ae = "Radio-module__container___AQxhk", ce = "Radio-module__svg___zl5kF", ie = "Radio-module__label___vAFIP", $ = {
+  container: ae,
+  svg: ce,
+  label: ie
+}, ye = ({
+  color: e = "#000",
+  disabled: t = !1
 }) => ({
-  radioColor: t,
-  cursor: e ? "default" : "pointer",
-  opacity: e ? 0.3 : 1
-}), Pt = ({
-  checked: t = !1,
-  color: e,
+  radioColor: e,
+  cursor: t ? "default" : "pointer",
+  opacity: t ? 0.3 : 1
+}), Pe = ({
+  checked: e = !1,
+  color: t,
   disabled: o = !1,
   fontSize: s,
   id: r,
   label: n,
-  labelStyle: u,
+  labelStyle: y,
   name: a,
   onChange: c,
   style: i,
-  ...d
+  ...f
 }) => {
-  const m = z(), y = r || W(), l = yt({
-    color: e || m.colors.primary,
+  const d = z(), u = r || W(), l = ye({
+    color: t || d.colors.primary,
     disabled: o
   }), p = (b) => {
     o || c(b);
-  }, f = {
+  }, m = {
     cursor: l.cursor,
-    fontSize: s || m.fonts.size,
+    fontSize: s || d.fonts.size,
     opacity: l.opacity,
     ...i
   }, x = {
-    width: s || m.fonts.size
+    width: s || d.fonts.size
   }, S = {
     fill: "transparent",
     strokeWidth: "12.5",
@@ -422,15 +425,15 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
   }, C = {
     color: l.radioColor,
     cursor: l.cursor,
-    fontSize: s || m.fonts.size,
-    ...u
+    fontSize: s || d.fonts.size,
+    ...y
   };
-  return /* @__PURE__ */ k("div", { className: $.container, style: f, ...d, children: [
+  return /* @__PURE__ */ k("div", { className: $.container, style: m, ...f, children: [
     /* @__PURE__ */ _(
       "input",
       {
-        id: y,
-        checked: t,
+        id: u,
+        checked: e,
         disabled: o,
         name: a,
         onChange: (b) => p({ target: { checked: b.target.checked, name: a, type: "radio" } }),
@@ -443,7 +446,7 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 100 100",
-        onClick: () => p({ target: { checked: !t, name: a, type: "radio" } }),
+        onClick: () => p({ target: { checked: !e, name: a, type: "radio" } }),
         className: $.svg,
         style: x,
         children: [
@@ -457,7 +460,7 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
               style: S
             }
           ),
-          t && /* @__PURE__ */ _(
+          e && /* @__PURE__ */ _(
             "circle",
             {
               cx: "50",
@@ -472,27 +475,27 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
     n && /* @__PURE__ */ _(
       "label",
       {
-        htmlFor: y,
+        htmlFor: u,
         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
+}, ue = "Select-module__select___cjdcr", pe = "Select-module__sizeSmall___i1quj", fe = "Select-module__sizeDefault___EiWvW", I = {
+  select: ue,
+  sizeSmall: pe,
+  sizeDefault: fe
+}, me = ({
+  color: e = "#000",
+  disabled: t = !1
 }) => ({
-  color: t,
-  borderColor: t,
-  cursor: e ? "default" : "pointer",
-  opacity: e ? 0.3 : 1,
+  color: e,
+  borderColor: e,
+  cursor: t ? "default" : "pointer",
+  opacity: t ? 0.3 : 1,
   backgroundImage: ((n) => {
-    const u = `
+    const y = `
       <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"
@@ -508,35 +511,35 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
         />
       </svg>
     `.trim();
-    return `url("data:image/svg+xml,${encodeURIComponent(u)}")`;
-  })(t)
-}), Ht = ({
-  children: t,
-  color: e,
+    return `url("data:image/svg+xml,${encodeURIComponent(y)}")`;
+  })(e)
+}), He = ({
+  children: e,
+  color: t,
   disabled: o = !1,
   fontSize: s,
   name: r = "",
   onChange: n,
-  placeholder: u = "",
+  placeholder: y = "",
   size: a,
   style: c,
   value: i = "",
-  ...d
+  ...f
 }) => {
-  const m = z(), y = mt({
-    color: e || m.colors.primary,
+  const d = z(), u = me({
+    color: t || d.colors.primary,
     disabled: o
   }), l = {
-    backgroundImage: y.backgroundImage,
+    backgroundImage: u.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,
+    borderColor: u.borderColor,
+    color: u.color,
+    cursor: u.cursor,
+    fontSize: s || d.fonts.size,
+    opacity: u.opacity,
     ...c
   }, p = [
     I.select,
@@ -551,44 +554,44 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
       onChange: n,
       style: l,
       value: i,
-      ...d,
+      ...f,
       children: [
-        u !== "" && /* @__PURE__ */ _("option", { disabled: !0, value: "", children: u }),
-        t
+        y !== "" && /* @__PURE__ */ _("option", { disabled: !0, value: "", children: y }),
+        e
       ]
     }
   );
-}, 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,
+}, de = "Textarea-module__textarea___Z-y6g", _e = "Textarea-module__sizeSmall___HHFEM", Se = "Textarea-module__sizeDefault___LL2Uc", B = {
+  textarea: de,
+  sizeSmall: _e,
+  sizeDefault: Se
+}, ge = ({
+  color: e = "#000",
+  disabled: t = !1,
   placeholderOpacity: o = 0.3
 }) => ({
-  color: t,
-  borderColor: t,
-  opacity: e ? 0.3 : 1,
+  color: e,
+  borderColor: e,
+  opacity: t ? 0.3 : 1,
   placeholderOpacity: o
-}), Ft = ({
-  color: t,
-  disabled: e = !1,
+}), Fe = ({
+  color: e,
+  disabled: t = !1,
   fontSize: o,
   name: s = "",
   onChange: r,
   placeholder: n,
-  placeholderOpacity: u = 0.3,
+  placeholderOpacity: y = 0.3,
   rows: a = 3,
   size: c,
   style: i,
-  value: d = "",
-  ...m
+  value: f = "",
+  ...d
 }) => {
-  const y = z(), l = gt({
-    color: t || y.colors.primary,
-    disabled: e,
-    placeholderOpacity: u
+  const u = z(), l = ge({
+    color: e || u.colors.primary,
+    disabled: t,
+    placeholderOpacity: y
   }), p = `textarea-placeholder-${P.useId ? P.useId() : Math.random().toString(36)}`;
   P.useEffect(() => {
     const S = document.createElement("style");
@@ -602,10 +605,10 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
       g && g.remove();
     };
   }, [p, l.placeholderOpacity]);
-  const f = {
+  const m = {
     borderColor: l.borderColor,
     color: l.color,
-    fontSize: o || y.fonts.size,
+    fontSize: o || u.fonts.size,
     opacity: l.opacity,
     ...i
   }, x = [
@@ -617,26 +620,26 @@ const J = "Checkbox-module__container___aV9qz", K = "Checkbox-module__svg___kklu
     "textarea",
     {
       className: x,
-      disabled: e,
+      disabled: t,
       name: s,
       onChange: r,
       placeholder: n,
       rows: a,
-      style: f,
-      value: d,
-      ...m
+      style: m,
+      value: f,
+      ...d
     }
   );
 };
 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,
+  be as Button,
+  ve as CSSReset,
+  ke as Checkbox,
+  we as FormLabel,
+  Ce as Input,
+  Pe as Radio,
+  He as Select,
+  Fe as Textarea,
+  xe as ThemeProvider,
   z as useTheme
 };

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

@@ -1,4 +1,5 @@
-(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=`
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.Button-module__button___2ZuB7{border-width:.15em;border-style:solid;cursor:pointer;font-weight:700;line-height:1.25;outline:none}.Button-module__button___2ZuB7:disabled{cursor:default}.Button-module__sizeSmall___DRT8P{padding:.1em .5em}.Button-module__sizeDefault___iwWOV{padding:.25em .5em}.Checkbox-module__container___aV9qz{display:flex;align-items:center;line-height:1.2}.Checkbox-module__svg___kkluC{flex-shrink:0}.Checkbox-module__label___cwRtI{font-weight:700;margin-left:.35em;-webkit-user-select:none;user-select:none}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size: 16px;--line-height: 1.5;--font-weight-header: 700;--primary-color: #000;--background-color: #fff;--accent-color: #0066cc;--font-size-h1: 2.5rem;--font-size-h2: 1.75rem;--font-size-h3: 1.38316rem;--font-size-h4: 1rem;--font-size-h5: .85028rem;--font-size-h6: .78405rem;--breakpoint-xs: 350px;--breakpoint-sm: 475px;--breakpoint-md: 769px;--breakpoint-lg: 1025px;--layout-max-width: 1280px;--layout-wrapper-padding-sm: .5rem;--layout-wrapper-padding: 1rem}html{line-height:var(--line-height);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:var(--font-size);font-family:var(--font-family);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--primary-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:var(--font-weight-header)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid rgba(0,0,0,.1);margin:1em 0}pre{font-family:monospace,monospace;font-size:1em;overflow:auto}a{background-color:transparent;text-decoration:none}a:link{color:var(--accent-color)}a:hover{text-decoration:underline}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%;height:auto;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--line-height);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item;cursor:pointer}template,[hidden]{display:none}table{border-collapse:collapse;width:100%}ul,ol{padding-left:1.5em}p{margin-top:0;margin-bottom:1em}.FormLabel-module__label___0M-fo{display:inline-block;font-weight:700;padding-bottom:.25em}.FormLabel-module__label___0M-fo.FormLabel-module__disabled___ktIFp{opacity:.5;cursor:not-allowed}.FormLabel-module__label___0M-fo:not(.FormLabel-module__disabled___ktIFp){cursor:default}.Input-module__input___WjT81{background-color:transparent;border-width:.15em;border-style:solid;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Input-module__input___WjT81::placeholder{color:inherit;opacity:var(--placeholder-opacity, .3)}.Input-module__input___WjT81:disabled{opacity:.3}.Input-module__sizeSmall___NFvsi{padding:.1em .25em}.Input-module__sizeDefault___AxPA0{padding:.25em .5em}.Radio-module__container___AQxhk{display:flex;align-items:center;line-height:1.25}.Radio-module__svg___zl5kF{flex-shrink:0}.Radio-module__label___vAFIP{font-weight:700;margin-left:.35em;-webkit-user-select:none;user-select:none}.Select-module__select___cjdcr{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-position:right center;background-repeat:no-repeat;background-size:auto 85%;border-width:.15em;border-style:solid;border-radius:0;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Select-module__select___cjdcr:disabled{cursor:default;opacity:.3}.Select-module__select___cjdcr:not(:disabled){cursor:pointer}.Select-module__sizeSmall___i1quj{padding:.1em 1.75em .1em .25em}.Select-module__sizeDefault___EiWvW{padding:.25em 2em .25em .5em}.Textarea-module__textarea___Z-y6g{background-color:transparent;border-width:.15em;border-style:solid;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Textarea-module__textarea___Z-y6g:disabled{opacity:.3}.Textarea-module__sizeSmall___HHFEM{padding:.1em .25em}.Textarea-module__sizeDefault___LL2Uc{padding:.25em .5em}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+(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="#FFF",textColor:s="#000",hoverColor:r,hoverTextColor:l,outline:u})=>{let c,i,y;u?(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));let m=1;return t?m=.3:e&&(m=r||u?1:.75),{backgroundColor:c,borderColor:i,color:y,opacity:m}},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:u="button",buttonProps:c={},children:i,disabled:y=!1,onClick:m,fontSize:_})=>{const f=g(),[n,p]=x.useState(!1);let S;s?S=s:S=e?f.buttons.textColor:f.buttons.primary.textColor;const h={...E({isActive:n,disabled:y,buttonColor:e||f.colors.primary,textColor:S,hoverColor:t,hoverTextColor:o,outline:r}),fontSize:_||f.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:m,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),type:u,...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:u=!1,label:c,labelStyle:i,name:y,onChange:m,style:_,...f})=>{const n=g(),p=l||L(),S=U({color:o||n.colors.primary,checkmarkColor:t,disabled:s,inverted:u}),k=v=>{s||m(v)},h={cursor:S.cursor,fontSize:r||n.fonts.size,opacity:S.opacity,..._},b={width:r||"1rem"},I={color:S.boxColor,cursor:S.cursor,fontSize:r||"1rem",...i};return a.jsxs("div",{className:P.container,style:h,...f,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:u&&e?S.boxColor:"transparent",strokeWidth:"25",stroke:S.boxColor}}),e&&a.jsx("path",{d:"M 25 45 L 45 65 L 75 30",stroke:S.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,...u})=>{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},m=[W.label,o?W.disabled:""].filter(Boolean).join(" ");return a.jsx("label",{className:m,htmlFor:r,style:y,...u,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:u=.3,size:c,style:i,type:y="text",value:m="",..._})=>{const f=g(),n=K({color:e||f.colors.primary,disabled:t,fontSize:o||f.fonts.size,placeholderOpacity:u}),p={"--placeholder-opacity":n.placeholderOpacity,borderColor:n.borderColor,color:n.color,fontSize:n.fontSize,opacity:n.opacity,...i},S=[$.input,c==="small"?$.sizeSmall:$.sizeDefault].filter(Boolean).join(" ");return a.jsx("input",{className:S,disabled:t,name:s,onChange:r,placeholder:l,style:p,type:y,value:m,..._})},F={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:u,name:c,onChange:i,style:y,...m})=>{const _=g(),f=r||L(),n=Y({color:t||_.colors.primary,disabled:o}),p=v=>{o||i(v)},S={cursor:n.cursor,fontSize:s||_.fonts.size,opacity:n.opacity,...y},k={width: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||_.fonts.size,...u};return a.jsxs("div",{className:F.container,style:S,...m,children:[a.jsx("input",{id:f,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:F.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:f,className:F.label,style:I,children:l})]})},H={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 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"
@@ -13,9 +14,9 @@
           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=`
+    `.trim();return`url("data:image/svg+xml,${encodeURIComponent(u)}")`})(e)}),te=({children:e,color:t,disabled:o=!1,fontSize:s,name:r="",onChange:l,placeholder:u="",size:c,style:i,value:y="",...m})=>{const _=g(),f=ee({color:t||_.colors.primary,disabled:o}),n={backgroundImage:f.backgroundImage,backgroundPosition:"right center",backgroundRepeat:"no-repeat",backgroundSize:"auto 85%",backgroundColor:"transparent",borderColor:f.borderColor,color:f.color,cursor:f.cursor,fontSize:s||_.fonts.size,opacity:f.opacity,...i},p=[H.select,c==="small"?H.sizeSmall:H.sizeDefault].filter(Boolean).join(" ");return a.jsxs("select",{className:p,disabled:o,name:r,onChange:l,style:n,value:y,...m,children:[u!==""&&a.jsx("option",{disabled:!0,value:"",children:u}),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:u=.3,rows:c=3,size:i,style:y,value:m="",..._})=>{const f=g(),n=oe({color:e||f.colors.primary,disabled:t,placeholderOpacity:u}),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"})}));
+    `,document.head.appendChild(h),()=>{const b=document.getElementById(p);b&&b.remove()}},[p,n.placeholderOpacity]);const S={borderColor:n.borderColor,color:n.color,fontSize:o||f.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:S,value:m,..._})};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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "digital-rabbit-cl",
-  "version": "1.0.23",
+  "version": "1.0.26",
   "dependencies": {
     "uuid": "^7.0.3"
   },
@@ -27,8 +27,7 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/digital-rabbit-cl.es.js",
       "require": "./dist/digital-rabbit-cl.umd.js"
-    },
-    "./style.css": "./dist/style.css"
+    }
   },
   "files": [
     "dist"
@@ -54,6 +53,7 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^30.0.0",
     "@types/react": "^18.3.26",
     "@types/react-dom": "^18.3.7",
     "@types/uuid": "^10.0.0",
@@ -64,6 +64,7 @@
     "storybook": "^10.0.7",
     "typescript": "^5.9.3",
     "vite": "^6.4.1",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.4"
   }
 }

package/dist/digital-rabbit-cl.css

@@ -1 +0,0 @@
-.Button-module__button___2ZuB7{border-width:.15em;border-style:solid;cursor:pointer;font-weight:700;line-height:1.25;outline:none}.Button-module__button___2ZuB7:disabled{cursor:default}.Button-module__sizeSmall___DRT8P{padding:.1em .5em}.Button-module__sizeDefault___iwWOV{padding:.25em .5em}.Checkbox-module__container___aV9qz{display:flex;align-items:center;line-height:1.2}.Checkbox-module__svg___kkluC{flex-shrink:0}.Checkbox-module__label___cwRtI{font-weight:700;margin-left:.35em;-webkit-user-select:none;user-select:none}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size: 16px;--line-height: 1.5;--font-weight-header: 700;--primary-color: #000;--background-color: #fff;--accent-color: #0066cc;--font-size-h1: 2.5rem;--font-size-h2: 1.75rem;--font-size-h3: 1.38316rem;--font-size-h4: 1rem;--font-size-h5: .85028rem;--font-size-h6: .78405rem;--breakpoint-xs: 350px;--breakpoint-sm: 475px;--breakpoint-md: 769px;--breakpoint-lg: 1025px;--layout-max-width: 1280px;--layout-wrapper-padding-sm: .5rem;--layout-wrapper-padding: 1rem}html{line-height:var(--line-height);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:var(--font-size);font-family:var(--font-family);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--primary-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:var(--font-weight-header)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid rgba(0,0,0,.1);margin:1em 0}pre{font-family:monospace,monospace;font-size:1em;overflow:auto}a{background-color:transparent;text-decoration:none}a:link{color:var(--accent-color)}a:hover{text-decoration:underline}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%;height:auto;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--line-height);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item;cursor:pointer}template,[hidden]{display:none}table{border-collapse:collapse;width:100%}ul,ol{padding-left:1.5em}p{margin-top:0;margin-bottom:1em}.FormLabel-module__label___0M-fo{display:inline-block;font-weight:700;padding-bottom:.25em}.FormLabel-module__label___0M-fo.FormLabel-module__disabled___ktIFp{opacity:.5;cursor:not-allowed}.FormLabel-module__label___0M-fo:not(.FormLabel-module__disabled___ktIFp){cursor:default}.Input-module__input___WjT81{background-color:transparent;border-width:.15em;border-style:solid;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Input-module__input___WjT81::placeholder{color:inherit;opacity:var(--placeholder-opacity, .3)}.Input-module__input___WjT81:disabled{opacity:.3}.Input-module__sizeSmall___NFvsi{padding:.1em .25em}.Input-module__sizeDefault___AxPA0{padding:.25em .5em}.Radio-module__container___AQxhk{display:flex;align-items:center;line-height:1.25}.Radio-module__svg___zl5kF{flex-shrink:0}.Radio-module__label___vAFIP{font-weight:700;margin-left:.35em;-webkit-user-select:none;user-select:none}.Select-module__select___cjdcr{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-position:right center;background-repeat:no-repeat;background-size:auto 85%;border-width:.15em;border-style:solid;border-radius:0;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Select-module__select___cjdcr:disabled{cursor:default;opacity:.3}.Select-module__select___cjdcr:not(:disabled){cursor:pointer}.Select-module__sizeSmall___i1quj{padding:.1em 1.75em .1em .25em}.Select-module__sizeDefault___EiWvW{padding:.25em 2em .25em .5em}.Textarea-module__textarea___Z-y6g{background-color:transparent;border-width:.15em;border-style:solid;box-sizing:border-box;display:block;font-weight:700;line-height:1.25;outline:none;width:100%}.Textarea-module__textarea___Z-y6g:disabled{opacity:.3}.Textarea-module__sizeSmall___HHFEM{padding:.1em .25em}.Textarea-module__sizeDefault___LL2Uc{padding:.25em .5em}