@prokodo/ui 0.0.4 → 0.0.6

package/dist/components/Form-B6963dT5.js

@@ -0,0 +1,368 @@
+import { j as p } from "./jsx-runtime-C5mzlN2N.js";
+import { memo as B, useCallback as y, useMemo as A, useState as w, useEffect as rr, Fragment as or } from "react";
+import { c as H } from "./bem-CYKrPjje.js";
+import { b as D, a as Z, i as tr } from "./validations-B_cxltQ_.js";
+import { B as nr } from "./Button-B8chVgsB.js";
+import { a as cr, G as er } from "./GridRow-1h1JHuDl.js";
+import { H as ir } from "./Headline-DzEinaZi.js";
+import { D as ar } from "./DatePicker-PK173UTy.js";
+import { I as mr } from "./Input-CrNLI_OY.js";
+import { S as sr } from "./Select-BMyrX8V0.js";
+import { S as pr } from "./Slider-C-lecSwc.js";
+import { S as _r } from "./Switch-C_6EUOIc.js";
+import { L as ur } from "./List-P6xbVrBc.js";
+const dr = "gradientMove", lr = "fadeInKeyframe", xr = {
+  "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: dr,
+  fadeInKeyframe: lr
+}, yr = "gradientMove", br = "fadeInKeyframe", fr = {
+  "prokodo-FormField": "prokodo-FormField",
+  gradientMove: yr,
+  fadeInKeyframe: br
+}, jr = H(fr, "FormField"), z = B(
+  ({
+    fieldType: I,
+    visible: t,
+    variant: k = "primary",
+    messagesFields: b,
+    onChange: i,
+    onValidate: u,
+    ...a
+  }) => {
+    var h, f;
+    const m = y(
+      (d) => /* @__PURE__ */ p.jsx(cr, { className: jr(), xs: 12, children: d }),
+      []
+    );
+    if (t === !1) return null;
+    switch (I) {
+      case "switch":
+        return m(
+          /* @__PURE__ */ p.jsx(
+            _r,
+            {
+              color: k,
+              ...a,
+              onChange: (d, l) => i == null ? void 0 : i(a, l)
+            }
+          )
+        );
+      case "slider":
+        return m(
+          /* @__PURE__ */ p.jsx(
+            pr,
+            {
+              ...a,
+              onChange: (d, l) => i == null ? void 0 : i(a, l == null ? void 0 : l.toString())
+            }
+          )
+        );
+      case "select":
+        return m(
+          /* @__PURE__ */ p.jsx(
+            sr,
+            {
+              color: k,
+              ...a,
+              onChange: (d, l) => i == null ? void 0 : i(a, l ?? void 0)
+            }
+          )
+        );
+      case "input":
+        return m(
+          /* @__PURE__ */ p.jsx(
+            mr,
+            {
+              color: k,
+              errorTranslations: (h = b == null ? void 0 : b.errors) == null ? void 0 : h.input,
+              onValidate: (d, l) => u == null ? void 0 : u(a, l),
+              onChange: (d) => i == null ? void 0 : i(a, d.target.value),
+              ...a
+            }
+          )
+        );
+      case "date":
+        return m(
+          /* @__PURE__ */ p.jsx(
+            ar,
+            {
+              ...a,
+              errorTranslations: (f = b == null ? void 0 : b.errors) == null ? void 0 : f.date,
+              onValidate: (d, l) => u == null ? void 0 : u(a, l),
+              onChange: (d) => i == null ? void 0 : i(
+                a,
+                d == null ? void 0 : d.format("YYYY-MM-DDTHH:mm:ssZ")
+              )
+            }
+          )
+        );
+      default:
+        return null;
+    }
+  }
+);
+z.displayName = "FormField";
+const vr = "gradientMove", Ir = "fadeInKeyframe", kr = {
+  "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: vr,
+  fadeInKeyframe: Ir
+}, F = H(kr, "FormResponse"), J = B(
+  ({ className: I, messages: t, ...k }) => {
+    const b = A(
+      () => Object.keys((t == null ? void 0 : t.errors) || {}),
+      [t == null ? void 0 : t.errors]
+    ), i = A(
+      () => b.map((u) => {
+        var a, m;
+        return {
+          title: u.charAt(0).toUpperCase() + u.slice(1),
+          desc: t != null && t.errors ? (m = (a = t.errors) == null ? void 0 : a[u]) == null ? void 0 : m.join(", ") : "",
+          className: F("errors__item")
+        };
+      }),
+      [b, t == null ? void 0 : t.errors]
+    );
+    return D(i) ? /* @__PURE__ */ p.jsxs("div", { ...k, className: F(void 0, void 0, I), children: [
+      !Z(t == null ? void 0 : t.message) && /* @__PURE__ */ p.jsx("p", { "aria-live": "polite", className: F("success"), children: t == null ? void 0 : t.message }),
+      !Z(t == null ? void 0 : t.errors) && /* @__PURE__ */ p.jsx(
+        ur,
+        {
+          "aria-live": "assertive",
+          "aria-relevant": "all",
+          className: F("errors"),
+          classNameDesc: F("errors__desc"),
+          items: i,
+          role: "alert",
+          variant: "error"
+        }
+      )
+    ] }) : null;
+  }
+);
+J.displayName = "FormResponse";
+const N = H(xr, "Form"), hr = B(
+  ({
+    variant: I = "primary",
+    action: t,
+    label: k,
+    className: b,
+    fields: i,
+    disableFields: u,
+    hideResponse: a,
+    defaultFields: m,
+    messages: h,
+    messagesFields: f,
+    button: d,
+    children: l,
+    onSubmit: T,
+    onChangeForm: R,
+    ...Q
+  }) => {
+    const [s, W] = w(i ?? []), [q, K] = w(
+      h
+    ), [M, X] = w("");
+    rr(() => {
+      h !== void 0 && K(h);
+    }, [h]);
+    const v = y(
+      (r, o) => {
+        W((c) => {
+          const e = [...c];
+          return e[r] = {
+            ...e[r],
+            ...o
+          }, e;
+        }), R && R({
+          ...s[r],
+          ...o
+        });
+      },
+      [s, R]
+    ), $ = y(
+      (r, o) => r.filter((c) => o === void 0 || c.equalTo === void 0 || typeof c.equalTo == "boolean" && c.equalTo === o ? !0 : typeof c.equalTo == "string" ? c.equalTo === o : Array.isArray(c.equalTo) && typeof o == "string" ? c.equalTo.includes(o) : !1),
+      []
+    ), O = y(
+      (r, o) => o !== void 0 && D(o) ? o.flatMap(
+        (c) => $(r, c)
+      ) : $(r, o),
+      [$]
+    ), E = y(
+      (r) => s.findIndex((o) => (o == null ? void 0 : o.name) === (r == null ? void 0 : r.name)),
+      [s]
+    ), P = y(
+      (r) => {
+        var e, n;
+        const o = s.findIndex(
+          (_) => (_ == null ? void 0 : _.name) === (r == null ? void 0 : r.name)
+        );
+        (m == null ? void 0 : m[o]) !== void 0 && ((n = (e = m == null ? void 0 : m[o]) == null ? void 0 : e.conditions) == null || n.forEach((_) => {
+          const x = m.findIndex(
+            (j) => (j == null ? void 0 : j.name) === (_ == null ? void 0 : _.fieldId)
+          );
+          m[x] !== void 0 && v(x, m[x]);
+        }));
+      },
+      [m, s, v]
+    ), Y = y(
+      (r, o) => {
+        const c = r == null ? void 0 : r.conditions;
+        if (!c || (c == null ? void 0 : c.length) <= 0) {
+          const n = E(r);
+          v(n, { value: o });
+          return;
+        }
+        P(r), O(c, o).forEach((n) => {
+          const _ = s.findIndex(
+            (x) => (x == null ? void 0 : x.name) === (n == null ? void 0 : n.fieldId)
+          );
+          v(_, n.updateProps);
+        });
+        const e = E(r);
+        v(e, { value: o });
+      },
+      [
+        s,
+        E,
+        P,
+        O,
+        v
+      ]
+    ), G = y(
+      (r, o) => {
+        const c = s.findIndex((n) => (n == null ? void 0 : n.name) === (r == null ? void 0 : r.name));
+        v(c, {
+          errorText: o
+        });
+        const e = (r == null ? void 0 : r.label) ?? "";
+        K((n) => {
+          const _ = { ...n == null ? void 0 : n.errors }, x = o !== void 0 ? [o] : [];
+          return x.length > 0 ? _[e] = x : delete _[e], {
+            ...n,
+            errors: Object.keys(_).length > 0 ? _ : void 0
+            // Only keep errors if there are any
+          };
+        });
+      },
+      [s, v]
+    ), S = y(
+      (r) => /* @__PURE__ */ p.jsx(
+        z,
+        {
+          ...r,
+          "aria-labelledby": `${r == null ? void 0 : r.label}-label`,
+          "aria-required": r != null && r.required ? "true" : void 0,
+          messagesFields: f,
+          variant: I,
+          disabled: u !== void 0 ? u : r == null ? void 0 : r.disabled,
+          onChange: Y,
+          onValidate: G
+        }
+      ),
+      [
+        I,
+        u,
+        f,
+        Y,
+        G
+      ]
+    ), L = y(() => {
+      var c;
+      const r = {};
+      for (const e of s) {
+        const { required: n, visible: _, value: x, label: j, fieldType: U } = e;
+        if (j === void 0)
+          continue;
+        if (r[j] || (r[j] = []), U !== "slider" && U !== "switch" && tr(e == null ? void 0 : e.errorText)) {
+          r[j].push(e == null ? void 0 : e.errorText);
+          continue;
+        }
+        n && (x === void 0 || x === "") && _ !== !1 && r[j].push(
+          ((c = f == null ? void 0 : f.errors) == null ? void 0 : c.required) ?? "This field is required. Please fill it out."
+        );
+      }
+      const o = Object.keys(r).reduce((e, n) => (r[n] && r[n].length > 0 && (e[n] = r[n]), e), {});
+      return {
+        errors: Object.keys(o).length > 0 ? o : void 0
+      };
+    }, [s, f]), V = y(
+      (r) => {
+        r.preventDefault();
+        const { errors: o } = L();
+        K({
+          errors: o !== void 0 ? o : void 0
+        }), o === void 0 && (T == null || T(s));
+      },
+      [s, L, T]
+    ), C = y(
+      (r) => {
+        var o;
+        return X((o = r == null ? void 0 : r.target) == null ? void 0 : o.value);
+      },
+      []
+    ), g = A(
+      () => a ? 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, a]
+    );
+    return /* @__PURE__ */ p.jsxs(
+      "form",
+      {
+        ...Q,
+        noValidate: !0,
+        action: t,
+        "aria-labelledby": "form-heading",
+        className: N(void 0, void 0, b),
+        onSubmit: t === void 0 ? V : void 0,
+        children: [
+          /* @__PURE__ */ p.jsx(ir, { className: N("label"), id: "form-heading", type: "h2", children: k }),
+          /* @__PURE__ */ p.jsxs(er, { spacing: 2, children: [
+            D(s) && s.map((r) => /* @__PURE__ */ p.jsx(or, { children: S(r) }, `form-input-${r.name}`)),
+            l,
+            S({
+              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: N("hp"),
+              value: M,
+              onChange: C
+            })
+          ] }),
+          /* @__PURE__ */ p.jsxs("div", { className: N("footer"), children: [
+            (a === !1 || a === void 0) && /* @__PURE__ */ p.jsx(J, { messages: q }),
+            (M == null ? void 0 : M.length) <= 0 && /* @__PURE__ */ p.jsx(
+              nr,
+              {
+                "aria-label": "Submit form",
+                className: N("footer__submit"),
+                color: I,
+                type: "submit",
+                ...d,
+                disabled: (q == null ? void 0 : q.errors) !== void 0 || !g
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+hr.displayName = "Form";
+export {
+  hr as F,
+  J as a
+};

package/dist/components/Form-DVNzITG2.js

@@ -0,0 +1 @@
+"use strict";const x=require("./jsx-runtime-CITbqOLs.js"),c=require("react"),A=require("./bem-DC5wv0dD.js"),I=require("./validations-Cnxtn28y.js"),V=require("./Button-yvFLX-6Q.js"),L=require("./GridRow-C5v0sOZZ.js"),g=require("./Headline-CnyLLQLB.js"),rr=require("./DatePicker-BTenaDN8.js"),or=require("./Input-BEO9ig1R.js"),tr=require("./Select-DbjU6dlH.js"),nr=require("./Slider-GvO3Xllf.js"),er=require("./Switch-Db3HpOhM.js"),cr=require("./List-D_dSwMx5.js"),ir="gradientMove",sr="fadeInKeyframe",ur={"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:ir,fadeInKeyframe:sr},ar="gradientMove",mr="fadeInKeyframe",xr={"prokodo-FormField":"prokodo-FormField",gradientMove:ar,fadeInKeyframe:mr},lr=A.create(xr,"FormField"),U=c.memo(({fieldType:q,visible:t,variant:E="primary",messagesFields:j,onChange:s,onValidate:p,...u})=>{var v,y;const a=c.useCallback(d=>x.jsxRuntimeExports.jsx(L.GridRow,{className:lr(),xs:12,children:d}),[]);if(t===!1)return null;switch(q){case"switch":return a(x.jsxRuntimeExports.jsx(er.Switch,{color:E,...u,onChange:(d,_)=>s==null?void 0:s(u,_)}));case"slider":return a(x.jsxRuntimeExports.jsx(nr.Slider,{...u,onChange:(d,_)=>s==null?void 0:s(u,_==null?void 0:_.toString())}));case"select":return a(x.jsxRuntimeExports.jsx(tr.Select,{color:E,...u,onChange:(d,_)=>s==null?void 0:s(u,_??void 0)}));case"input":return a(x.jsxRuntimeExports.jsx(or.Input,{color:E,errorTranslations:(v=j==null?void 0:j.errors)==null?void 0:v.input,onValidate:(d,_)=>p==null?void 0:p(u,_),onChange:d=>s==null?void 0:s(u,d.target.value),...u}));case"date":return a(x.jsxRuntimeExports.jsx(rr.DatePicker,{...u,errorTranslations:(y=j==null?void 0:j.errors)==null?void 0:y.date,onValidate:(d,_)=>p==null?void 0:p(u,_),onChange:d=>s==null?void 0:s(u,d==null?void 0:d.format("YYYY-MM-DDTHH:mm:ssZ"))}));default:return null}});U.displayName="FormField";const pr="gradientMove",dr="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:pr,fadeInKeyframe:dr},h=A.create(_r,"FormResponse"),D=c.memo(({className:q,messages:t,...E})=>{const j=c.useMemo(()=>Object.keys((t==null?void 0:t.errors)||{}),[t==null?void 0:t.errors]),s=c.useMemo(()=>j.map(p=>{var u,a;return{title:p.charAt(0).toUpperCase()+p.slice(1),desc:t!=null&&t.errors?(a=(u=t.errors)==null?void 0:u[p])==null?void 0:a.join(", "):"",className:h("errors__item")}}),[j,t==null?void 0:t.errors]);return I.isArray(s)?x.jsxRuntimeExports.jsxs("div",{...E,className:h(void 0,void 0,q),children:[!I.isNull(t==null?void 0:t.message)&&x.jsxRuntimeExports.jsx("p",{"aria-live":"polite",className:h("success"),children:t==null?void 0:t.message}),!I.isNull(t==null?void 0:t.errors)&&x.jsxRuntimeExports.jsx(cr.List,{"aria-live":"assertive","aria-relevant":"all",className:h("errors"),classNameDesc:h("errors__desc"),items:s,role:"alert",variant:"error"})]}):null});D.displayName="FormResponse";const F=A.create(ur,"Form"),Z=c.memo(({variant:q="primary",action:t,label:E,className:j,fields:s,disableFields:p,hideResponse:u,defaultFields:a,messages:v,messagesFields:y,button:d,children:_,onSubmit:N,onChangeForm:f,...z})=>{const[m,C]=c.useState(s??[]),[M,$]=c.useState(v),[T,J]=c.useState("");c.useEffect(()=>{v!==void 0&&$(v)},[v]);const R=c.useCallback((r,o)=>{C(e=>{const i=[...e];return i[r]={...i[r],...o},i}),f&&f({...m[r],...o})},[m,f]),K=c.useCallback((r,o)=>r.filter(e=>o===void 0||e.equalTo===void 0||typeof e.equalTo=="boolean"&&e.equalTo===o?!0:typeof e.equalTo=="string"?e.equalTo===o:Array.isArray(e.equalTo)&&typeof o=="string"?e.equalTo.includes(o):!1),[]),B=c.useCallback((r,o)=>o!==void 0&&I.isArray(o)?o.flatMap(e=>K(r,e)):K(r,o),[K]),w=c.useCallback(r=>m.findIndex(o=>(o==null?void 0:o.name)===(r==null?void 0:r.name)),[m]),H=c.useCallback(r=>{var i,n;const o=m.findIndex(l=>(l==null?void 0:l.name)===(r==null?void 0:r.name));(a==null?void 0:a[o])!==void 0&&((n=(i=a==null?void 0:a[o])==null?void 0:i.conditions)==null||n.forEach(l=>{const b=a.findIndex(k=>(k==null?void 0:k.name)===(l==null?void 0:l.fieldId));a[b]!==void 0&&R(b,a[b])}))},[a,m,R]),P=c.useCallback((r,o)=>{const e=r==null?void 0:r.conditions;if(!e||(e==null?void 0:e.length)<=0){const n=w(r);R(n,{value:o});return}H(r),B(e,o).forEach(n=>{const l=m.findIndex(b=>(b==null?void 0:b.name)===(n==null?void 0:n.fieldId));R(l,n.updateProps)});const i=w(r);R(i,{value:o})},[m,w,H,B,R]),S=c.useCallback((r,o)=>{const e=m.findIndex(n=>(n==null?void 0:n.name)===(r==null?void 0:r.name));R(e,{errorText:o});const i=(r==null?void 0:r.label)??"";$(n=>{const l={...n==null?void 0:n.errors},b=o!==void 0?[o]:[];return b.length>0?l[i]=b:delete l[i],{...n,errors:Object.keys(l).length>0?l:void 0}})},[m,R]),O=c.useCallback(r=>x.jsxRuntimeExports.jsx(U,{...r,"aria-labelledby":`${r==null?void 0:r.label}-label`,"aria-required":r!=null&&r.required?"true":void 0,messagesFields:y,variant:q,disabled:p!==void 0?p:r==null?void 0:r.disabled,onChange:P,onValidate:S}),[q,p,y,P,S]),Y=c.useCallback(()=>{var e;const r={};for(const i of m){const{required:n,visible:l,value:b,label:k,fieldType:G}=i;if(k===void 0)continue;if(r[k]||(r[k]=[]),G!=="slider"&&G!=="switch"&&I.isString(i==null?void 0:i.errorText)){r[k].push(i==null?void 0:i.errorText);continue}n&&(b===void 0||b==="")&&l!==!1&&r[k].push(((e=y==null?void 0:y.errors)==null?void 0:e.required)??"This field is required. Please fill it out.")}const o=Object.keys(r).reduce((i,n)=>(r[n]&&r[n].length>0&&(i[n]=r[n]),i),{});return{errors:Object.keys(o).length>0?o:void 0}},[m,y]),Q=c.useCallback(r=>{r.preventDefault();const{errors:o}=Y();$({errors:o!==void 0?o:void 0}),o===void 0&&(N==null||N(m))},[m,Y,N]),W=c.useCallback(r=>{var o;return J((o=r==null?void 0:r.target)==null?void 0:o.value)},[]),X=c.useMemo(()=>u?m.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,[m,u]);return x.jsxRuntimeExports.jsxs("form",{...z,noValidate:!0,action:t,"aria-labelledby":"form-heading",className:F(void 0,void 0,j),onSubmit:t===void 0?Q:void 0,children:[x.jsxRuntimeExports.jsx(g.Headline,{className:F("label"),id:"form-heading",type:"h2",children:E}),x.jsxRuntimeExports.jsxs(L.Grid,{spacing:2,children:[I.isArray(m)&&m.map(r=>x.jsxRuntimeExports.jsx(c.Fragment,{children:O(r)},`form-input-${r.name}`)),_,O({fieldType:"input",label:"Do not fill this field",labelProps:{"aria-hidden":"true"},name:"hp",id:"hp","aria-hidden":"true",className:F("hp"),value:T,onChange:W})]}),x.jsxRuntimeExports.jsxs("div",{className:F("footer"),children:[(u===!1||u===void 0)&&x.jsxRuntimeExports.jsx(D,{messages:M}),(T==null?void 0:T.length)<=0&&x.jsxRuntimeExports.jsx(V.Button,{"aria-label":"Submit form",className:F("footer__submit"),color:q,type:"submit",...d,disabled:(M==null?void 0:M.errors)!==void 0||!X})]})]})});Z.displayName="Form";exports.Form=Z;exports.FormResponse=D;

package/dist/components/GridRow-1h1JHuDl.js

@@ -0,0 +1,114 @@
+import { j as k } from "./jsx-runtime-C5mzlN2N.js";
+import { memo as s } from "react";
+import { c as l } from "./bem-CYKrPjje.js";
+const e = "gradientMove", x = "fadeInKeyframe", a = {
+  "prokodo-Grid": "prokodo-Grid",
+  gradientMove: e,
+  fadeInKeyframe: x
+}, g = l(a, "Grid"), n = s(
+  ({ spacing: o = 2, className: r, children: i, ...d }) => /* @__PURE__ */ k.jsx(
+    "div",
+    {
+      className: g(void 0, void 0, r),
+      style: {
+        gap: `${o * 8}px`
+      },
+      ...d,
+      children: i
+    }
+  )
+);
+n.displayName = "Grid";
+const t = "gradientMove", f = "fadeInKeyframe", c = {
+  "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: t,
+  fadeInKeyframe: f
+}, v = l(c, "GridRow"), y = s(
+  ({ align: o, className: r, children: i, xs: d, sm: p, md: G, lg: R, xl: w, ...m }) => /* @__PURE__ */ k.jsx(
+    "div",
+    {
+      className: v(
+        void 0,
+        {
+          [`align-${o}`]: !!o,
+          [`xs-${d}`]: !!d,
+          [`sm-${p}`]: !!p,
+          [`md-${G}`]: !!G,
+          [`lg-${R}`]: !!R,
+          [`xl-${w}`]: !!w
+        },
+        r
+      ),
+      ...m,
+      children: i
+    }
+  )
+);
+y.displayName = "GridRow";
+export {
+  n as G,
+  y as a
+};

package/dist/components/GridRow-C5v0sOZZ.js

@@ -0,0 +1 @@
+"use strict";const k=require("./jsx-runtime-CITbqOLs.js"),s=require("react"),e=require("./bem-DC5wv0dD.js"),a="gradientMove",n="fadeInKeyframe",g={"prokodo-Grid":"prokodo-Grid",gradientMove:a,fadeInKeyframe:n},t=e.create(g,"Grid"),l=s.memo(({spacing:o=2,className:r,children:i,...d})=>k.jsxRuntimeExports.jsx("div",{className:t(void 0,void 0,r),style:{gap:`${o*8}px`},...d,children:i}));l.displayName="Grid";const c="gradientMove",f="fadeInKeyframe",$={"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:c,fadeInKeyframe:f},v=e.create($,"GridRow"),m=s.memo(({align:o,className:r,children:i,xs:d,sm:G,md:p,lg:R,xl:w,...x})=>k.jsxRuntimeExports.jsx("div",{className:v(void 0,{[`align-${o}`]:!!o,[`xs-${d}`]:!!d,[`sm-${G}`]:!!G,[`md-${p}`]:!!p,[`lg-${R}`]:!!R,[`xl-${w}`]:!!w},r),...x,children:i}));m.displayName="GridRow";exports.Grid=l;exports.GridRow=m;

package/dist/components/Headline-CnyLLQLB.js

@@ -0,0 +1 @@
+"use strict";const a=require("./jsx-runtime-CITbqOLs.js"),n=require("react"),q=require("react-markdown"),T=require("remark-breaks"),M=require("remark-gfm"),R=require("./AnimatedText-Sy1jofZl.js"),B=require("./bem-DC5wv0dD.js"),E="gradientMove",G="fadeInKeyframe",L={"prokodo-Headline":"prokodo-Headline","prokodo-Headline--is-highlighted":"prokodo-Headline--is-highlighted","prokodo-Headline--primary--highlighted":"prokodo-Headline--primary--highlighted","prokodo-Headline--secondary--highlighted":"prokodo-Headline--secondary--highlighted","prokodo-Headline--success--highlighted":"prokodo-Headline--success--highlighted","prokodo-Headline--warning--highlighted":"prokodo-Headline--warning--highlighted","prokodo-Headline--error--highlighted":"prokodo-Headline--error--highlighted","prokodo-Headline--inherit":"prokodo-Headline--inherit","prokodo-Headline--inherit--highlighted":"prokodo-Headline--inherit--highlighted","prokodo-Headline--primary":"prokodo-Headline--primary","prokodo-Headline--secondary":"prokodo-Headline--secondary","prokodo-Headline--success":"prokodo-Headline--success","prokodo-Headline--info":"prokodo-Headline--info","prokodo-Headline--warning":"prokodo-Headline--warning","prokodo-Headline--error":"prokodo-Headline--error","prokodo-Headline--white":"prokodo-Headline--white","prokodo-Headline--black":"prokodo-Headline--black","prokodo-Headline--xs":"prokodo-Headline--xs","prokodo-Headline--sm":"prokodo-Headline--sm","prokodo-Headline--md":"prokodo-Headline--md","prokodo-Headline--lg":"prokodo-Headline--lg","prokodo-Headline--xl":"prokodo-Headline--xl","prokodo-Headline--xxl":"prokodo-Headline--xxl","prokodo-Headline--center":"prokodo-Headline--center","prokodo-Headline--right":"prokodo-Headline--right",gradientMove:E,fadeInKeyframe:G},x=B.create(L,"Headline"),f=["inherit","primary","secondary","white"],$=({animated:t,animationProps:s={},type:d="h3",size:o="md",highlight:y,schema:h={},className:b,align:H,isRichtext:I=!1,variant:i="inherit",...r})=>{const l=!!y&&f.includes(i),w={[i]:!!i,"is-highlighted":l,highlighted:l,[`${i}--highlighted`]:l,[o]:typeof o=="string"&&!!o,[`${H}`]:!!H},k=x(void 0,w,b),c=n.useMemo(()=>typeof o=="number"?{fontSize:`${o}em`}:{},[o]),p=typeof r.children=="string"?r.children:void 0,g=n.useMemo(()=>({"aria-label":p,className:k,style:c,node:void 0,...h}),[p,k,c,h]),m=n.useCallback(e=>t?a.jsxRuntimeExports.jsx(R.AnimatedText,{...s,children:e}):e,[t,s]),u=n.useCallback(e=>{if(!/^h[1-6]$/.test(d))return null;const S=e.children,j=d;return a.jsxRuntimeExports.jsx(j,{...e,"aria-level":parseInt(d[1]??"",10),...g,children:m(S)})},[d,g,m]);return I?a.jsxRuntimeExports.jsx(q,{className:x("headline"),remarkPlugins:[M,T],components:{p:e=>u(e)},children:r.children}):u(r)};exports.Headline=$;exports.POSSIBLE_HIGHLIGHTS=f;

package/dist/components/Headline-DzEinaZi.js

@@ -0,0 +1,98 @@
+import { j as l } from "./jsx-runtime-C5mzlN2N.js";
+import { useMemo as f, useCallback as u } from "react";
+import S from "react-markdown";
+import T from "remark-breaks";
+import v from "remark-gfm";
+import { A as B } from "./AnimatedText-BmB5Vkyq.js";
+import { c as $ } from "./bem-CYKrPjje.js";
+const G = "gradientMove", K = "fadeInKeyframe", L = {
+  "prokodo-Headline": "prokodo-Headline",
+  "prokodo-Headline--is-highlighted": "prokodo-Headline--is-highlighted",
+  "prokodo-Headline--primary--highlighted": "prokodo-Headline--primary--highlighted",
+  "prokodo-Headline--secondary--highlighted": "prokodo-Headline--secondary--highlighted",
+  "prokodo-Headline--success--highlighted": "prokodo-Headline--success--highlighted",
+  "prokodo-Headline--warning--highlighted": "prokodo-Headline--warning--highlighted",
+  "prokodo-Headline--error--highlighted": "prokodo-Headline--error--highlighted",
+  "prokodo-Headline--inherit": "prokodo-Headline--inherit",
+  "prokodo-Headline--inherit--highlighted": "prokodo-Headline--inherit--highlighted",
+  "prokodo-Headline--primary": "prokodo-Headline--primary",
+  "prokodo-Headline--secondary": "prokodo-Headline--secondary",
+  "prokodo-Headline--success": "prokodo-Headline--success",
+  "prokodo-Headline--info": "prokodo-Headline--info",
+  "prokodo-Headline--warning": "prokodo-Headline--warning",
+  "prokodo-Headline--error": "prokodo-Headline--error",
+  "prokodo-Headline--white": "prokodo-Headline--white",
+  "prokodo-Headline--black": "prokodo-Headline--black",
+  "prokodo-Headline--xs": "prokodo-Headline--xs",
+  "prokodo-Headline--sm": "prokodo-Headline--sm",
+  "prokodo-Headline--md": "prokodo-Headline--md",
+  "prokodo-Headline--lg": "prokodo-Headline--lg",
+  "prokodo-Headline--xl": "prokodo-Headline--xl",
+  "prokodo-Headline--xxl": "prokodo-Headline--xxl",
+  "prokodo-Headline--center": "prokodo-Headline--center",
+  "prokodo-Headline--right": "prokodo-Headline--right",
+  gradientMove: G,
+  fadeInKeyframe: K
+}, x = $(L, "Headline"), P = [
+  "inherit",
+  "primary",
+  "secondary",
+  "white"
+], q = ({
+  animated: a,
+  animationProps: t = {},
+  type: d = "h3",
+  size: o = "md",
+  highlight: y,
+  schema: h = {},
+  className: b,
+  align: s,
+  isRichtext: w = !1,
+  variant: i = "inherit",
+  ...r
+}) => {
+  const n = !!y && P.includes(i), I = {
+    [i]: !!i,
+    "is-highlighted": n,
+    highlighted: n,
+    [`${i}--highlighted`]: n,
+    [o]: typeof o == "string" && !!o,
+    [`${s}`]: !!s
+  }, p = x(void 0, I, b), H = f(() => typeof o == "number" ? {
+    fontSize: `${o}em`
+  } : {}, [o]), k = typeof r.children == "string" ? r.children : void 0, g = f(
+    () => ({
+      "aria-label": k,
+      className: p,
+      style: H,
+      node: void 0,
+      ...h
+    }),
+    [k, p, H, h]
+  ), c = u(
+    (e) => a ? /* @__PURE__ */ l.jsx(B, { ...t, children: e }) : e,
+    [a, t]
+  ), m = u(
+    (e) => {
+      if (!/^h[1-6]$/.test(d)) return null;
+      const j = e.children, M = d;
+      return /* @__PURE__ */ l.jsx(M, { ...e, "aria-level": parseInt(d[1] ?? "", 10), ...g, children: c(j) });
+    },
+    [d, g, c]
+  );
+  return w ? /* @__PURE__ */ l.jsx(
+    S,
+    {
+      className: x("headline"),
+      remarkPlugins: [v, T],
+      components: {
+        p: (e) => m(e)
+      },
+      children: r.children
+    }
+  ) : m(r);
+};
+export {
+  q as H,
+  P
+};