@prokodo/ui 0.0.10 → 0.0.11

package/dist/components/form/Form.js

@@ -1 +1,228 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../../_virtual/jsx-runtime.js"),a=require("react"),U=require("../../helpers/bem.js"),R=require("../../helpers/validations.js"),W=require("../button/Button.js"),X=require("../grid/Grid.js"),Y=require("../headline/Headline.js"),Z=require("./Form.module.scss.js"),F=require("./FormField.js"),f=require("./FormResponse.js"),h=U.create(Z.default,"Form"),w=a.memo(({variant:C="primary",action:g,label:M,className:_,fields:$,disableFields:E,hideResponse:p,defaultFields:c,messages:q,messagesFields:l,button:D,children:G,onSubmit:j,onChangeForm:d,...z})=>{const[s,J]=a.useState($??[]),[y,T]=a.useState(q),[v,K]=a.useState("");a.useEffect(()=>{q!==void 0&&T(q)},[q]);const x=a.useCallback((r,o)=>{J(n=>{const e=[...n];return e[r]={...e[r],...o},e}),d&&d({...s[r],...o})},[s,d]),k=a.useCallback((r,o)=>r.filter(n=>o===void 0||n.equalTo===void 0||typeof n.equalTo=="boolean"&&n.equalTo===o?!0:typeof n.equalTo=="string"?n.equalTo===o:Array.isArray(n.equalTo)&&typeof o=="string"?n.equalTo.includes(o):!1),[]),A=a.useCallback((r,o)=>o!==void 0&&R.isArray(o)?o.flatMap(n=>k(r,n)):k(r,o),[k]),I=a.useCallback(r=>s.findIndex(o=>(o==null?void 0:o.name)===(r==null?void 0:r.name)),[s]),B=a.useCallback(r=>{var e,t;const o=s.findIndex(u=>(u==null?void 0:u.name)===(r==null?void 0:r.name));(c==null?void 0:c[o])!==void 0&&((t=(e=c==null?void 0:c[o])==null?void 0:e.conditions)==null||t.forEach(u=>{const i=c.findIndex(m=>(m==null?void 0:m.name)===(u==null?void 0:u.fieldId));c[i]!==void 0&&x(i,c[i])}))},[c,s,x]),N=a.useCallback((r,o)=>{const n=r==null?void 0:r.conditions;if(!n||(n==null?void 0:n.length)<=0){const t=I(r);x(t,{value:o});return}B(r),A(n,o).forEach(t=>{const u=s.findIndex(i=>(i==null?void 0:i.name)===(t==null?void 0:t.fieldId));x(u,t.updateProps)});const e=I(r);x(e,{value:o})},[s,I,B,A,x]),V=a.useCallback((r,o)=>{const n=s.findIndex(t=>(t==null?void 0:t.name)===(r==null?void 0:r.name));x(n,{errorText:o});const e=(r==null?void 0:r.label)??"";T(t=>{const u={...t==null?void 0:t.errors},i=o!==void 0?[o]:[];return i.length>0?u[e]=i:delete u[e],{...t,errors:Object.keys(u).length>0?u:void 0}})},[s,x]),H=a.useCallback(r=>b.jsxRuntimeExports.jsx(F.FormField,{...r,"aria-labelledby":`${r==null?void 0:r.label}-label`,"aria-required":r!=null&&r.required?"true":void 0,messagesFields:l,variant:C,disabled:E!==void 0?E:r==null?void 0:r.disabled,onChange:N,onValidate:V}),[C,E,l,N,V]),O=a.useCallback(()=>{var n;const r={};for(const e of s){const{required:t,visible:u,value:i,label:m,fieldType:P}=e;if(m===void 0)continue;if(r[m]||(r[m]=[]),P!=="slider"&&P!=="switch"&&R.isString(e==null?void 0:e.errorText)){r[m].push(e==null?void 0:e.errorText);continue}t&&(i===void 0||i==="")&&u!==!1&&r[m].push(((n=l==null?void 0:l.errors)==null?void 0:n.required)??"This field is required. Please fill it out.")}const o=Object.keys(r).reduce((e,t)=>(r[t]&&r[t].length>0&&(e[t]=r[t]),e),{});return{errors:Object.keys(o).length>0?o:void 0}},[s,l]),L=a.useCallback(r=>{r.preventDefault();const{errors:o}=O();T({errors:o!==void 0?o:void 0}),o===void 0&&(j==null||j(s))},[s,O,j]),Q=a.useCallback(r=>{var o;return K((o=r==null?void 0:r.target)==null?void 0:o.value)},[]),S=a.useMemo(()=>p?s.every(r=>{const{value:o}=r;return!(r!=null&&r.required&&(o===void 0||o===""||Array.isArray(o)&&(o==null?void 0:o.length)<=0)&&(r==null?void 0:r.visible)!==!1)}):!0,[s,p]);return b.jsxRuntimeExports.jsxs("form",{...z,noValidate:!0,action:g,"aria-labelledby":"form-heading",className:h(void 0,void 0,_),onSubmit:g===void 0?L:void 0,children:[b.jsxRuntimeExports.jsx(Y.Headline,{className:h("label"),id:"form-heading",type:"h2",children:M}),b.jsxRuntimeExports.jsxs(X.Grid,{spacing:2,children:[R.isArray(s)&&s.map(r=>b.jsxRuntimeExports.jsx(a.Fragment,{children:H(r)},`form-input-${r.name}`)),G,H({fieldType:"input",label:"Do not fill this field",labelProps:{"aria-hidden":"true"},name:"hp",id:"hp","aria-hidden":"true",className:h("hp"),value:v,onChange:Q})]}),b.jsxRuntimeExports.jsxs("div",{className:h("footer"),children:[(p===!1||p===void 0)&&b.jsxRuntimeExports.jsx(f.FormResponse,{messages:y}),(v==null?void 0:v.length)<=0&&b.jsxRuntimeExports.jsx(W.Button,{"aria-label":"Submit form",className:h("footer__submit"),color:C,type:"submit",...D,disabled:(y==null?void 0:y.errors)!==void 0||!S})]})]})});w.displayName="Form";exports.Form=w;
+import { j as p } from "../../_virtual/jsx-runtime.js";
+import { memo as X, useState as N, useEffect as Y, useCallback as m, useMemo as Z, Fragment as R } from "react";
+import { create as S } from "../../helpers/bem.js";
+import { isArray as M, isString as f } from "../../helpers/validations.js";
+import { Button as F } from "../button/Button.js";
+import { Grid as rr } from "../grid/Grid.js";
+import { Headline as or } from "../headline/Headline.js";
+import nr from "./Form.module.scss.js";
+import { FormField as tr } from "./FormField.js";
+import { FormResponse as ar } from "./FormResponse.js";
+const x = S(nr, "Form"), sr = X(
+  ({
+    variant: I = "primary",
+    action: g,
+    label: _,
+    className: $,
+    fields: k,
+    disableFields: E,
+    hideResponse: y,
+    defaultFields: c,
+    messages: v,
+    messagesFields: b,
+    button: G,
+    children: z,
+    onSubmit: j,
+    onChangeForm: l,
+    ...J
+  }) => {
+    const [s, K] = N(k ?? []), [q, d] = N(
+      v
+    ), [T, L] = N("");
+    Y(() => {
+      v !== void 0 && d(v);
+    }, [v]);
+    const h = m(
+      (r, o) => {
+        K((t) => {
+          const a = [...t];
+          return a[r] = {
+            ...a[r],
+            ...o
+          }, a;
+        }), l && l({
+          ...s[r],
+          ...o
+        });
+      },
+      [s, l]
+    ), A = m(
+      (r, o) => r.filter((t) => o === void 0 || t.equalTo === void 0 || typeof t.equalTo == "boolean" && t.equalTo === o ? !0 : typeof t.equalTo == "string" ? t.equalTo === o : Array.isArray(t.equalTo) && typeof o == "string" ? t.equalTo.includes(o) : !1),
+      []
+    ), B = m(
+      (r, o) => o !== void 0 && M(o) ? o.flatMap(
+        (t) => A(r, t)
+      ) : A(r, o),
+      [A]
+    ), C = m(
+      (r) => s.findIndex((o) => (o == null ? void 0 : o.name) === (r == null ? void 0 : r.name)),
+      [s]
+    ), V = m(
+      (r) => {
+        var a, n;
+        const o = s.findIndex(
+          (e) => (e == null ? void 0 : e.name) === (r == null ? void 0 : r.name)
+        );
+        (c == null ? void 0 : c[o]) !== void 0 && ((n = (a = c == null ? void 0 : c[o]) == null ? void 0 : a.conditions) == null || n.forEach((e) => {
+          const i = c.findIndex(
+            (u) => (u == null ? void 0 : u.name) === (e == null ? void 0 : e.fieldId)
+          );
+          c[i] !== void 0 && h(i, c[i]);
+        }));
+      },
+      [c, s, h]
+    ), w = m(
+      (r, o) => {
+        const t = r == null ? void 0 : r.conditions;
+        if (!t || (t == null ? void 0 : t.length) <= 0) {
+          const n = C(r);
+          h(n, { value: o });
+          return;
+        }
+        V(r), B(t, o).forEach((n) => {
+          const e = s.findIndex(
+            (i) => (i == null ? void 0 : i.name) === (n == null ? void 0 : n.fieldId)
+          );
+          h(e, n.updateProps);
+        });
+        const a = C(r);
+        h(a, { value: o });
+      },
+      [
+        s,
+        C,
+        V,
+        B,
+        h
+      ]
+    ), H = m(
+      (r, o) => {
+        const t = s.findIndex((n) => (n == null ? void 0 : n.name) === (r == null ? void 0 : r.name));
+        h(t, {
+          errorText: o
+        });
+        const a = (r == null ? void 0 : r.label) ?? "";
+        d((n) => {
+          const e = { ...n == null ? void 0 : n.errors }, i = o !== void 0 ? [o] : [];
+          return i.length > 0 ? e[a] = i : delete e[a], {
+            ...n,
+            errors: Object.keys(e).length > 0 ? e : void 0
+            // Only keep errors if there are any
+          };
+        });
+      },
+      [s, h]
+    ), O = m(
+      (r) => /* @__PURE__ */ p.jsx(
+        tr,
+        {
+          ...r,
+          "aria-labelledby": `${r == null ? void 0 : r.label}-label`,
+          "aria-required": r != null && r.required ? "true" : void 0,
+          messagesFields: b,
+          variant: I,
+          disabled: E !== void 0 ? E : r == null ? void 0 : r.disabled,
+          onChange: w,
+          onValidate: H
+        }
+      ),
+      [
+        I,
+        E,
+        b,
+        w,
+        H
+      ]
+    ), P = m(() => {
+      var t;
+      const r = {};
+      for (const a of s) {
+        const { required: n, visible: e, value: i, label: u, fieldType: D } = a;
+        if (u === void 0)
+          continue;
+        if (r[u] || (r[u] = []), D !== "slider" && D !== "switch" && f(a == null ? void 0 : a.errorText)) {
+          r[u].push(a == null ? void 0 : a.errorText);
+          continue;
+        }
+        n && (i === void 0 || i === "") && e !== !1 && r[u].push(
+          ((t = b == null ? void 0 : b.errors) == null ? void 0 : t.required) ?? "This field is required. Please fill it out."
+        );
+      }
+      const o = Object.keys(r).reduce((a, n) => (r[n] && r[n].length > 0 && (a[n] = r[n]), a), {});
+      return {
+        errors: Object.keys(o).length > 0 ? o : void 0
+      };
+    }, [s, b]), Q = m(
+      (r) => {
+        r.preventDefault();
+        const { errors: o } = P();
+        d({
+          errors: o !== void 0 ? o : void 0
+        }), o === void 0 && (j == null || j(s));
+      },
+      [s, P, j]
+    ), U = m(
+      (r) => {
+        var o;
+        return L((o = r == null ? void 0 : r.target) == null ? void 0 : o.value);
+      },
+      []
+    ), W = Z(
+      () => y ? s.every((r) => {
+        const { value: o } = r;
+        return !(r != null && r.required && (o === void 0 || o === "" || Array.isArray(o) && (o == null ? void 0 : o.length) <= 0) && (r == null ? void 0 : r.visible) !== !1);
+      }) : !0,
+      [s, y]
+    );
+    return /* @__PURE__ */ p.jsxs(
+      "form",
+      {
+        ...J,
+        noValidate: !0,
+        action: g,
+        "aria-labelledby": "form-heading",
+        className: x(void 0, void 0, $),
+        onSubmit: g === void 0 ? Q : void 0,
+        children: [
+          /* @__PURE__ */ p.jsx(or, { className: x("label"), id: "form-heading", type: "h2", children: _ }),
+          /* @__PURE__ */ p.jsxs(rr, { spacing: 2, children: [
+            M(s) && s.map((r) => /* @__PURE__ */ p.jsx(R, { children: O(r) }, `form-input-${r.name}`)),
+            z,
+            O({
+              fieldType: "input",
+              label: "Do not fill this field",
+              labelProps: {
+                "aria-hidden": "true"
+              },
+              name: "hp",
+              id: "hp",
+              "aria-hidden": "true",
+              // Hide honeypot field from assistive technology
+              className: x("hp"),
+              value: T,
+              onChange: U
+            })
+          ] }),
+          /* @__PURE__ */ p.jsxs("div", { className: x("footer"), children: [
+            (y === !1 || y === void 0) && /* @__PURE__ */ p.jsx(ar, { messages: q }),
+            (T == null ? void 0 : T.length) <= 0 && /* @__PURE__ */ p.jsx(
+              F,
+              {
+                "aria-label": "Submit form",
+                className: x("footer__submit"),
+                color: I,
+                type: "submit",
+                ...G,
+                disabled: (q == null ? void 0 : q.errors) !== void 0 || !W
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+sr.displayName = "Form";
+export {
+  sr as Form
+};

package/dist/components/form/Form.module.scss.js

@@ -1 +1,13 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="gradientMove",e="fadeInKeyframe",r={"prokodo-Form__label":"prokodo-Form__label","prokodo-Form__hp":"prokodo-Form__hp","prokodo-Form__footer":"prokodo-Form__footer","prokodo-Form__footer__submit":"prokodo-Form__footer__submit",gradientMove:o,fadeInKeyframe:e};exports.default=r;exports.fadeInKeyframe=e;exports.gradientMove=o;
+const o = "gradientMove", r = "fadeInKeyframe", e = {
+  "prokodo-Form__label": "prokodo-Form__label",
+  "prokodo-Form__hp": "prokodo-Form__hp",
+  "prokodo-Form__footer": "prokodo-Form__footer",
+  "prokodo-Form__footer__submit": "prokodo-Form__footer__submit",
+  gradientMove: o,
+  fadeInKeyframe: r
+};
+export {
+  e as default,
+  r as fadeInKeyframe,
+  o as gradientMove
+};

package/dist/components/form/FormField.js

@@ -1 +1,96 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../../_virtual/jsx-runtime.js"),s=require("react"),f=require("../../helpers/bem.js"),w=require("../datePicker/DatePicker.js"),E=require("../grid/GridRow.js"),_=require("../input/Input.js"),b=require("../select/Select.js"),d=require("../slider/Slider.js"),y=require("../switch/Switch.js"),D=require("./FormField.module.scss.js"),T=f.create(D.default,"FormField"),R=s.memo(({fieldType:l,visible:S,variant:j="primary",messagesFields:i,onChange:r,onValidate:e,...t})=>{var o,q;const m=s.useCallback(c=>x.jsxRuntimeExports.jsx(E.GridRow,{className:T(),xs:12,children:c}),[]);if(S===!1)return null;switch(l){case"switch":return m(x.jsxRuntimeExports.jsx(y.Switch,{color:j,...t,onChange:(c,u)=>r==null?void 0:r(t,u)}));case"slider":return m(x.jsxRuntimeExports.jsx(d.Slider,{...t,onChange:(c,u)=>r==null?void 0:r(t,u==null?void 0:u.toString())}));case"select":return m(x.jsxRuntimeExports.jsx(b.Select,{color:j,...t,onChange:(c,u)=>r==null?void 0:r(t,u??void 0)}));case"input":return m(x.jsxRuntimeExports.jsx(_.Input,{color:j,errorTranslations:(o=i==null?void 0:i.errors)==null?void 0:o.input,onValidate:(c,u)=>e==null?void 0:e(t,u),onChange:c=>r==null?void 0:r(t,c.target.value),...t}));case"date":return m(x.jsxRuntimeExports.jsx(w.DatePicker,{...t,errorTranslations:(q=i==null?void 0:i.errors)==null?void 0:q.date,onValidate:(c,u)=>e==null?void 0:e(t,u),onChange:c=>r==null?void 0:r(t,c==null?void 0:c.format("YYYY-MM-DDTHH:mm:ssZ"))}));default:return null}});R.displayName="FormField";exports.FormField=R;
+import { j as x } from "../../_virtual/jsx-runtime.js";
+import { memo as Y, useCallback as y } from "react";
+import { create as D } from "../../helpers/bem.js";
+import { DatePicker as T } from "../datePicker/DatePicker.js";
+import { GridRow as b } from "../grid/GridRow.js";
+import { Input as k } from "../input/Input.js";
+import { Select as H } from "../select/Select.js";
+import { Slider as M } from "../slider/Slider.js";
+import { Switch as N } from "../switch/Switch.js";
+import R from "./FormField.module.scss.js";
+const l = D(R, "FormField"), E = Y(
+  ({
+    fieldType: w,
+    visible: S,
+    variant: j = "primary",
+    messagesFields: f,
+    onChange: r,
+    onValidate: i,
+    ...t
+  }) => {
+    var u, _;
+    const o = y(
+      (m) => /* @__PURE__ */ x.jsx(b, { className: l(), xs: 12, children: m }),
+      []
+    );
+    if (S === !1) return null;
+    switch (w) {
+      case "switch":
+        return o(
+          /* @__PURE__ */ x.jsx(
+            N,
+            {
+              color: j,
+              ...t,
+              onChange: (m, c) => r == null ? void 0 : r(t, c)
+            }
+          )
+        );
+      case "slider":
+        return o(
+          /* @__PURE__ */ x.jsx(
+            M,
+            {
+              ...t,
+              onChange: (m, c) => r == null ? void 0 : r(t, c == null ? void 0 : c.toString())
+            }
+          )
+        );
+      case "select":
+        return o(
+          /* @__PURE__ */ x.jsx(
+            H,
+            {
+              color: j,
+              ...t,
+              onChange: (m, c) => r == null ? void 0 : r(t, c ?? void 0)
+            }
+          )
+        );
+      case "input":
+        return o(
+          /* @__PURE__ */ x.jsx(
+            k,
+            {
+              color: j,
+              errorTranslations: (u = f == null ? void 0 : f.errors) == null ? void 0 : u.input,
+              onValidate: (m, c) => i == null ? void 0 : i(t, c),
+              onChange: (m) => r == null ? void 0 : r(t, m.target.value),
+              ...t
+            }
+          )
+        );
+      case "date":
+        return o(
+          /* @__PURE__ */ x.jsx(
+            T,
+            {
+              ...t,
+              errorTranslations: (_ = f == null ? void 0 : f.errors) == null ? void 0 : _.date,
+              onValidate: (m, c) => i == null ? void 0 : i(t, c),
+              onChange: (m) => r == null ? void 0 : r(
+                t,
+                m == null ? void 0 : m.format("YYYY-MM-DDTHH:mm:ssZ")
+              )
+            }
+          )
+        );
+      default:
+        return null;
+    }
+  }
+);
+E.displayName = "FormField";
+export {
+  E as FormField
+};

package/dist/components/form/FormField.module.scss.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="gradientMove",o="fadeInKeyframe",r={"prokodo-FormField":"prokodo-FormField",gradientMove:e,fadeInKeyframe:o};exports.default=r;exports.fadeInKeyframe=o;exports.gradientMove=e;
+const e = "gradientMove", o = "fadeInKeyframe", a = {
+  "prokodo-FormField": "prokodo-FormField",
+  gradientMove: e,
+  fadeInKeyframe: o
+};
+export {
+  a as default,
+  o as fadeInKeyframe,
+  e as gradientMove
+};

package/dist/components/form/FormResponse.js

@@ -1 +1,43 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../_virtual/jsx-runtime.js"),l=require("react"),x=require("../list/List.js"),R=require("../../helpers/bem.js"),n=require("../../helpers/validations.js"),N=require("./FormResponse.module.scss.js"),o=R.create(N.default,"FormResponse"),d=l.memo(({className:j,messages:r,...v})=>{const c=l.useMemo(()=>Object.keys((r==null?void 0:r.errors)||{}),[r==null?void 0:r.errors]),u=l.useMemo(()=>c.map(t=>{var e,p;return{title:t.charAt(0).toUpperCase()+t.slice(1),desc:r!=null&&r.errors?(p=(e=r.errors)==null?void 0:e[t])==null?void 0:p.join(", "):"",className:o("errors__item")}}),[c,r==null?void 0:r.errors]);return n.isArray(u)?i.jsxRuntimeExports.jsxs("div",{...v,className:o(void 0,void 0,j),children:[!n.isNull(r==null?void 0:r.message)&&i.jsxRuntimeExports.jsx("p",{"aria-live":"polite",className:o("success"),children:r==null?void 0:r.message}),!n.isNull(r==null?void 0:r.errors)&&i.jsxRuntimeExports.jsx(x.List,{"aria-live":"assertive","aria-relevant":"all",className:o("errors"),classNameDesc:o("errors__desc"),items:u,role:"alert",variant:"error"})]}):null});d.displayName="FormResponse";exports.FormResponse=d;
+import { j as i } from "../../_virtual/jsx-runtime.js";
+import { memo as u, useMemo as d } from "react";
+import { List as N } from "../list/List.js";
+import { create as x } from "../../helpers/bem.js";
+import { isArray as R, isNull as v } from "../../helpers/validations.js";
+import _ from "./FormResponse.module.scss.js";
+const o = x(_, "FormResponse"), h = u(
+  ({ className: f, messages: r, ...j }) => {
+    const l = d(
+      () => Object.keys((r == null ? void 0 : r.errors) || {}),
+      [r == null ? void 0 : r.errors]
+    ), c = d(
+      () => l.map((t) => {
+        var p, n;
+        return {
+          title: t.charAt(0).toUpperCase() + t.slice(1),
+          desc: r != null && r.errors ? (n = (p = r.errors) == null ? void 0 : p[t]) == null ? void 0 : n.join(", ") : "",
+          className: o("errors__item")
+        };
+      }),
+      [l, r == null ? void 0 : r.errors]
+    );
+    return R(c) ? /* @__PURE__ */ i.jsxs("div", { ...j, className: o(void 0, void 0, f), children: [
+      !v(r == null ? void 0 : r.message) && /* @__PURE__ */ i.jsx("p", { "aria-live": "polite", className: o("success"), children: r == null ? void 0 : r.message }),
+      !v(r == null ? void 0 : r.errors) && /* @__PURE__ */ i.jsx(
+        N,
+        {
+          "aria-live": "assertive",
+          "aria-relevant": "all",
+          className: o("errors"),
+          classNameDesc: o("errors__desc"),
+          items: c,
+          role: "alert",
+          variant: "error"
+        }
+      )
+    ] }) : null;
+  }
+);
+h.displayName = "FormResponse";
+export {
+  h as FormResponse
+};

package/dist/components/form/FormResponse.module.scss.js

@@ -1 +1,14 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="gradientMove",e="fadeInKeyframe",r={"prokodo-FormResponse":"prokodo-FormResponse","prokodo-FormResponse__success":"prokodo-FormResponse__success","prokodo-FormResponse__errors":"prokodo-FormResponse__errors","prokodo-FormResponse__errors__item":"prokodo-FormResponse__errors__item","prokodo-FormResponse__errors__desc":"prokodo-FormResponse__errors__desc",gradientMove:o,fadeInKeyframe:e};exports.default=r;exports.fadeInKeyframe=e;exports.gradientMove=o;
+const o = "gradientMove", e = "fadeInKeyframe", r = {
+  "prokodo-FormResponse": "prokodo-FormResponse",
+  "prokodo-FormResponse__success": "prokodo-FormResponse__success",
+  "prokodo-FormResponse__errors": "prokodo-FormResponse__errors",
+  "prokodo-FormResponse__errors__item": "prokodo-FormResponse__errors__item",
+  "prokodo-FormResponse__errors__desc": "prokodo-FormResponse__errors__desc",
+  gradientMove: o,
+  fadeInKeyframe: e
+};
+export {
+  r as default,
+  e as fadeInKeyframe,
+  o as gradientMove
+};

package/dist/components/form/index.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Form.js"),o=require("./FormResponse.js");exports.Form=e.Form;exports.FormResponse=o.FormResponse;
+import { Form as e } from "./Form.js";
+import { FormResponse as p } from "./FormResponse.js";
+export {
+  e as Form,
+  p as FormResponse
+};

package/dist/components/grid/Grid.js

@@ -1 +1,21 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),d=require("react"),c=require("../../helpers/bem.js"),u=require("./Grid.module.scss.js"),a=c.create(u.default,"Grid"),e=d.memo(({spacing:r=2,className:t,children:i,...s})=>o.jsxRuntimeExports.jsx("div",{className:a(void 0,void 0,t),style:{gap:`${r*8}px`},...s,children:i}));e.displayName="Grid";exports.Grid=e;
+import { j as s } from "../../_virtual/jsx-runtime.js";
+import { memo as t } from "react";
+import { create as e } from "../../helpers/bem.js";
+import p from "./Grid.module.scss.js";
+const a = e(p, "Grid"), d = t(
+  ({ spacing: o = 2, className: m, children: r, ...i }) => /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: a(void 0, void 0, m),
+      style: {
+        gap: `${o * 8}px`
+      },
+      ...i,
+      children: r
+    }
+  )
+);
+d.displayName = "Grid";
+export {
+  d as Grid
+};

package/dist/components/grid/Grid.module.scss.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="gradientMove",o="fadeInKeyframe",r={"prokodo-Grid":"prokodo-Grid",gradientMove:e,fadeInKeyframe:o};exports.default=r;exports.fadeInKeyframe=o;exports.gradientMove=e;
+const e = "gradientMove", o = "fadeInKeyframe", a = {
+  "prokodo-Grid": "prokodo-Grid",
+  gradientMove: e,
+  fadeInKeyframe: o
+};
+export {
+  a as default,
+  o as fadeInKeyframe,
+  e as gradientMove
+};

package/dist/components/grid/GridRow.js

@@ -1 +1,29 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../_virtual/jsx-runtime.js"),u=require("react"),m=require("../../helpers/bem.js"),R=require("./GridRow.module.scss.js"),$=m.create(R.default,"GridRow"),a=u.memo(({align:e,className:s,children:l,xs:o,sm:r,md:t,lg:i,xl:n,...d})=>c.jsxRuntimeExports.jsx("div",{className:$(void 0,{[`align-${e}`]:!!e,[`xs-${o}`]:!!o,[`sm-${r}`]:!!r,[`md-${t}`]:!!t,[`lg-${i}`]:!!i,[`xl-${n}`]:!!n},s),...d,children:l}));a.displayName="GridRow";exports.GridRow=a;
+import { j as n } from "../../_virtual/jsx-runtime.js";
+import { memo as p } from "react";
+import { create as d } from "../../helpers/bem.js";
+import B from "./GridRow.module.scss.js";
+const $ = d(B, "GridRow"), c = p(
+  ({ align: o, className: s, children: t, xs: e, sm: m, md: r, lg: a, xl: i, ...l }) => /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      className: $(
+        void 0,
+        {
+          [`align-${o}`]: !!o,
+          [`xs-${e}`]: !!e,
+          [`sm-${m}`]: !!m,
+          [`md-${r}`]: !!r,
+          [`lg-${a}`]: !!a,
+          [`xl-${i}`]: !!i
+        },
+        s
+      ),
+      ...l,
+      children: t
+    }
+  )
+);
+c.displayName = "GridRow";
+export {
+  c as GridRow
+};

package/dist/components/grid/GridRow.module.scss.js

@@ -1 +1,73 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="gradientMove",d="fadeInKeyframe",r={"prokodo-GridRow":"prokodo-GridRow","prokodo-GridRow--align-left":"prokodo-GridRow--align-left","prokodo-GridRow--align-center":"prokodo-GridRow--align-center","prokodo-GridRow--align-right":"prokodo-GridRow--align-right","prokodo-GridRow--xs-1":"prokodo-GridRow--xs-1","prokodo-GridRow--xs-2":"prokodo-GridRow--xs-2","prokodo-GridRow--xs-3":"prokodo-GridRow--xs-3","prokodo-GridRow--xs-4":"prokodo-GridRow--xs-4","prokodo-GridRow--xs-5":"prokodo-GridRow--xs-5","prokodo-GridRow--xs-6":"prokodo-GridRow--xs-6","prokodo-GridRow--xs-7":"prokodo-GridRow--xs-7","prokodo-GridRow--xs-8":"prokodo-GridRow--xs-8","prokodo-GridRow--xs-9":"prokodo-GridRow--xs-9","prokodo-GridRow--xs-10":"prokodo-GridRow--xs-10","prokodo-GridRow--xs-11":"prokodo-GridRow--xs-11","prokodo-GridRow--xs-12":"prokodo-GridRow--xs-12","prokodo-GridRow--sm-1":"prokodo-GridRow--sm-1","prokodo-GridRow--sm-2":"prokodo-GridRow--sm-2","prokodo-GridRow--sm-3":"prokodo-GridRow--sm-3","prokodo-GridRow--sm-4":"prokodo-GridRow--sm-4","prokodo-GridRow--sm-5":"prokodo-GridRow--sm-5","prokodo-GridRow--sm-6":"prokodo-GridRow--sm-6","prokodo-GridRow--sm-7":"prokodo-GridRow--sm-7","prokodo-GridRow--sm-8":"prokodo-GridRow--sm-8","prokodo-GridRow--sm-9":"prokodo-GridRow--sm-9","prokodo-GridRow--sm-10":"prokodo-GridRow--sm-10","prokodo-GridRow--sm-11":"prokodo-GridRow--sm-11","prokodo-GridRow--sm-12":"prokodo-GridRow--sm-12","prokodo-GridRow--md-1":"prokodo-GridRow--md-1","prokodo-GridRow--md-2":"prokodo-GridRow--md-2","prokodo-GridRow--md-3":"prokodo-GridRow--md-3","prokodo-GridRow--md-4":"prokodo-GridRow--md-4","prokodo-GridRow--md-5":"prokodo-GridRow--md-5","prokodo-GridRow--md-6":"prokodo-GridRow--md-6","prokodo-GridRow--md-7":"prokodo-GridRow--md-7","prokodo-GridRow--md-8":"prokodo-GridRow--md-8","prokodo-GridRow--md-9":"prokodo-GridRow--md-9","prokodo-GridRow--md-10":"prokodo-GridRow--md-10","prokodo-GridRow--md-11":"prokodo-GridRow--md-11","prokodo-GridRow--md-12":"prokodo-GridRow--md-12","prokodo-GridRow--lg-1":"prokodo-GridRow--lg-1","prokodo-GridRow--lg-2":"prokodo-GridRow--lg-2","prokodo-GridRow--lg-3":"prokodo-GridRow--lg-3","prokodo-GridRow--lg-4":"prokodo-GridRow--lg-4","prokodo-GridRow--lg-5":"prokodo-GridRow--lg-5","prokodo-GridRow--lg-6":"prokodo-GridRow--lg-6","prokodo-GridRow--lg-7":"prokodo-GridRow--lg-7","prokodo-GridRow--lg-8":"prokodo-GridRow--lg-8","prokodo-GridRow--lg-9":"prokodo-GridRow--lg-9","prokodo-GridRow--lg-10":"prokodo-GridRow--lg-10","prokodo-GridRow--lg-11":"prokodo-GridRow--lg-11","prokodo-GridRow--lg-12":"prokodo-GridRow--lg-12","prokodo-GridRow--xl-1":"prokodo-GridRow--xl-1","prokodo-GridRow--xl-2":"prokodo-GridRow--xl-2","prokodo-GridRow--xl-3":"prokodo-GridRow--xl-3","prokodo-GridRow--xl-4":"prokodo-GridRow--xl-4","prokodo-GridRow--xl-5":"prokodo-GridRow--xl-5","prokodo-GridRow--xl-6":"prokodo-GridRow--xl-6","prokodo-GridRow--xl-7":"prokodo-GridRow--xl-7","prokodo-GridRow--xl-8":"prokodo-GridRow--xl-8","prokodo-GridRow--xl-9":"prokodo-GridRow--xl-9","prokodo-GridRow--xl-10":"prokodo-GridRow--xl-10","prokodo-GridRow--xl-11":"prokodo-GridRow--xl-11","prokodo-GridRow--xl-12":"prokodo-GridRow--xl-12",gradientMove:o,fadeInKeyframe:d};exports.default=r;exports.fadeInKeyframe=d;exports.gradientMove=o;
+const o = "gradientMove", d = "fadeInKeyframe", r = {
+  "prokodo-GridRow": "prokodo-GridRow",
+  "prokodo-GridRow--align-left": "prokodo-GridRow--align-left",
+  "prokodo-GridRow--align-center": "prokodo-GridRow--align-center",
+  "prokodo-GridRow--align-right": "prokodo-GridRow--align-right",
+  "prokodo-GridRow--xs-1": "prokodo-GridRow--xs-1",
+  "prokodo-GridRow--xs-2": "prokodo-GridRow--xs-2",
+  "prokodo-GridRow--xs-3": "prokodo-GridRow--xs-3",
+  "prokodo-GridRow--xs-4": "prokodo-GridRow--xs-4",
+  "prokodo-GridRow--xs-5": "prokodo-GridRow--xs-5",
+  "prokodo-GridRow--xs-6": "prokodo-GridRow--xs-6",
+  "prokodo-GridRow--xs-7": "prokodo-GridRow--xs-7",
+  "prokodo-GridRow--xs-8": "prokodo-GridRow--xs-8",
+  "prokodo-GridRow--xs-9": "prokodo-GridRow--xs-9",
+  "prokodo-GridRow--xs-10": "prokodo-GridRow--xs-10",
+  "prokodo-GridRow--xs-11": "prokodo-GridRow--xs-11",
+  "prokodo-GridRow--xs-12": "prokodo-GridRow--xs-12",
+  "prokodo-GridRow--sm-1": "prokodo-GridRow--sm-1",
+  "prokodo-GridRow--sm-2": "prokodo-GridRow--sm-2",
+  "prokodo-GridRow--sm-3": "prokodo-GridRow--sm-3",
+  "prokodo-GridRow--sm-4": "prokodo-GridRow--sm-4",
+  "prokodo-GridRow--sm-5": "prokodo-GridRow--sm-5",
+  "prokodo-GridRow--sm-6": "prokodo-GridRow--sm-6",
+  "prokodo-GridRow--sm-7": "prokodo-GridRow--sm-7",
+  "prokodo-GridRow--sm-8": "prokodo-GridRow--sm-8",
+  "prokodo-GridRow--sm-9": "prokodo-GridRow--sm-9",
+  "prokodo-GridRow--sm-10": "prokodo-GridRow--sm-10",
+  "prokodo-GridRow--sm-11": "prokodo-GridRow--sm-11",
+  "prokodo-GridRow--sm-12": "prokodo-GridRow--sm-12",
+  "prokodo-GridRow--md-1": "prokodo-GridRow--md-1",
+  "prokodo-GridRow--md-2": "prokodo-GridRow--md-2",
+  "prokodo-GridRow--md-3": "prokodo-GridRow--md-3",
+  "prokodo-GridRow--md-4": "prokodo-GridRow--md-4",
+  "prokodo-GridRow--md-5": "prokodo-GridRow--md-5",
+  "prokodo-GridRow--md-6": "prokodo-GridRow--md-6",
+  "prokodo-GridRow--md-7": "prokodo-GridRow--md-7",
+  "prokodo-GridRow--md-8": "prokodo-GridRow--md-8",
+  "prokodo-GridRow--md-9": "prokodo-GridRow--md-9",
+  "prokodo-GridRow--md-10": "prokodo-GridRow--md-10",
+  "prokodo-GridRow--md-11": "prokodo-GridRow--md-11",
+  "prokodo-GridRow--md-12": "prokodo-GridRow--md-12",
+  "prokodo-GridRow--lg-1": "prokodo-GridRow--lg-1",
+  "prokodo-GridRow--lg-2": "prokodo-GridRow--lg-2",
+  "prokodo-GridRow--lg-3": "prokodo-GridRow--lg-3",
+  "prokodo-GridRow--lg-4": "prokodo-GridRow--lg-4",
+  "prokodo-GridRow--lg-5": "prokodo-GridRow--lg-5",
+  "prokodo-GridRow--lg-6": "prokodo-GridRow--lg-6",
+  "prokodo-GridRow--lg-7": "prokodo-GridRow--lg-7",
+  "prokodo-GridRow--lg-8": "prokodo-GridRow--lg-8",
+  "prokodo-GridRow--lg-9": "prokodo-GridRow--lg-9",
+  "prokodo-GridRow--lg-10": "prokodo-GridRow--lg-10",
+  "prokodo-GridRow--lg-11": "prokodo-GridRow--lg-11",
+  "prokodo-GridRow--lg-12": "prokodo-GridRow--lg-12",
+  "prokodo-GridRow--xl-1": "prokodo-GridRow--xl-1",
+  "prokodo-GridRow--xl-2": "prokodo-GridRow--xl-2",
+  "prokodo-GridRow--xl-3": "prokodo-GridRow--xl-3",
+  "prokodo-GridRow--xl-4": "prokodo-GridRow--xl-4",
+  "prokodo-GridRow--xl-5": "prokodo-GridRow--xl-5",
+  "prokodo-GridRow--xl-6": "prokodo-GridRow--xl-6",
+  "prokodo-GridRow--xl-7": "prokodo-GridRow--xl-7",
+  "prokodo-GridRow--xl-8": "prokodo-GridRow--xl-8",
+  "prokodo-GridRow--xl-9": "prokodo-GridRow--xl-9",
+  "prokodo-GridRow--xl-10": "prokodo-GridRow--xl-10",
+  "prokodo-GridRow--xl-11": "prokodo-GridRow--xl-11",
+  "prokodo-GridRow--xl-12": "prokodo-GridRow--xl-12",
+  gradientMove: o,
+  fadeInKeyframe: d
+};
+export {
+  r as default,
+  d as fadeInKeyframe,
+  o as gradientMove
+};

package/dist/components/grid/index.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Grid.js"),e=require("./GridRow.js");exports.Grid=r.Grid;exports.GridRow=e.GridRow;
+import { Grid as d } from "./Grid.js";
+import { GridRow as f } from "./GridRow.js";
+export {
+  d as Grid,
+  f as GridRow
+};