@prokodo/ui 0.0.4 → 0.0.6

package/dist/components/Image-B-lyA7ym.js

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-CITbqOLs.js"),d=require("./bem-DC5wv0dD.js"),g=require("./validations-Cnxtn28y.js"),p="gradientMove",u="fadeInKeyframe",I={"prokodo-Image":"prokodo-Image","prokodo-Image__caption":"prokodo-Image__caption",gradientMove:p,fadeInKeyframe:u},o=d.create(I,"Image"),x=({alt:t,caption:a,containerClassName:n,captionClassName:r,className:i,imageComponent:m="img",...c})=>{const s=()=>e.jsxRuntimeExports.jsx(m,{alt:t??"",className:o("image",void 0,i),...c});return g.isString(a)?e.jsxRuntimeExports.jsxs("figure",{className:o(void 0,void 0,n),children:[s(),e.jsxRuntimeExports.jsx("figcaption",{className:o("caption",void 0,r),children:a})]}):s()};exports.Image=x;

package/dist/components/Image-CVgvVlLE.js

@@ -0,0 +1,33 @@
+import { j as e } from "./jsx-runtime-C5mzlN2N.js";
+import { c } from "./bem-CYKrPjje.js";
+import { i as g } from "./validations-B_cxltQ_.js";
+const p = "gradientMove", f = "fadeInKeyframe", I = {
+  "prokodo-Image": "prokodo-Image",
+  "prokodo-Image__caption": "prokodo-Image__caption",
+  gradientMove: p,
+  fadeInKeyframe: f
+}, o = c(I, "Image"), j = ({
+  alt: i,
+  caption: a,
+  containerClassName: m,
+  captionClassName: s,
+  className: t,
+  imageComponent: n = "img",
+  ...d
+}) => {
+  const r = () => /* @__PURE__ */ e.jsx(
+    n,
+    {
+      alt: i ?? "",
+      className: o("image", void 0, t),
+      ...d
+    }
+  );
+  return g(a) ? /* @__PURE__ */ e.jsxs("figure", { className: o(void 0, void 0, m), children: [
+    r(),
+    /* @__PURE__ */ e.jsx("figcaption", { className: o("caption", void 0, s), children: a })
+  ] }) : r();
+};
+export {
+  j as I
+};

package/dist/components/ImageText-Cqp4xp9y.js

@@ -0,0 +1,113 @@
+import { j as e } from "./jsx-runtime-C5mzlN2N.js";
+import { useState as k } from "react";
+import { c as h } from "./bem-CYKrPjje.js";
+import { i as f } from "./validations-B_cxltQ_.js";
+import { A as t } from "./Animated-BBfAgsHL.js";
+import { B as T } from "./Button-B8chVgsB.js";
+import { G as N, a as i } from "./GridRow-1h1JHuDl.js";
+import { H as p } from "./Headline-DzEinaZi.js";
+import { I as j } from "./Image-CVgvVlLE.js";
+import { L as v } from "./Lottie-CrvbxK0R.js";
+import { R as y } from "./RichText-Cg_XzkUs.js";
+const b = "gradientMove", w = "fadeInKeyframe", M = {
+  "prokodo-ImageText__grid": "prokodo-ImageText__grid",
+  "prokodo-ImageText__grid--is-reverse": "prokodo-ImageText__grid--is-reverse",
+  "prokodo-ImageText__animated__border": "prokodo-ImageText__animated__border",
+  "prokodo-ImageText__animated__border--bottom-to-top": "prokodo-ImageText__animated__border--bottom-to-top",
+  "prokodo-ImageText__animated__border--is-visible": "prokodo-ImageText__animated__border--is-visible",
+  "prokodo-ImageText__animated__border__wrapper": "prokodo-ImageText__animated__border__wrapper",
+  "prokodo-ImageText__sub__headline": "prokodo-ImageText__sub__headline",
+  "prokodo-ImageText__content": "prokodo-ImageText__content",
+  "prokodo-ImageText__content__paragraph": "prokodo-ImageText__content__paragraph",
+  "prokodo-ImageText__animated__container": "prokodo-ImageText__animated__container",
+  "prokodo-ImageText__animation": "prokodo-ImageText__animation",
+  "prokodo-ImageText__image": "prokodo-ImageText__image",
+  "prokodo-ImageText__image__src": "prokodo-ImageText__image__src",
+  gradientMove: b,
+  fadeInKeyframe: w
+}, o = h(M, "ImageText"), $ = ({
+  animatedBorder: a,
+  reverse: c,
+  subTitle: r,
+  title: _,
+  content: n,
+  animation: d,
+  image: s,
+  button: m
+}) => {
+  const [x, g] = k(!1), I = s ? a ? 4 : 6 : a ? 10 : 12;
+  return /* @__PURE__ */ e.jsx("div", { className: o(), children: /* @__PURE__ */ e.jsxs(
+    N,
+    {
+      className: o("grid", {
+        "is-reverse": !!c
+      }),
+      children: [
+        a && /* @__PURE__ */ e.jsx(i, { className: o("animated__border__wrapper"), sm: 2, xs: 3, children: /* @__PURE__ */ e.jsx(
+          t,
+          {
+            className: o("animated__border", {
+              "is-visible": x,
+              [`${(a == null ? void 0 : a.direction) ?? "top-to-bottom"}`]: !!(a != null && a.direction)
+            }),
+            onAnimate: (l) => g(l)
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(i, { className: o("content"), md: I, xs: 10, children: /* @__PURE__ */ e.jsxs(
+          t,
+          {
+            children: [
+              r && /* @__PURE__ */ e.jsx(
+                p,
+                {
+                  highlight: !0,
+                  className: o("sub__headline", void 0, r == null ? void 0 : r.className),
+                  size: "sm",
+                  type: "h3",
+                  variant: "primary",
+                  ...r,
+                  children: r == null ? void 0 : r.content
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                p,
+                {
+                  className: o("headline", void 0, _ == null ? void 0 : _.className),
+                  size: "lg",
+                  type: "h2",
+                  ..._,
+                  children: _.content
+                }
+              ),
+              f(n) && /* @__PURE__ */ e.jsx(y, { className: o("content__paragraph"), children: n }),
+              m && /* @__PURE__ */ e.jsx(
+                T,
+                {
+                  variant: "outlined",
+                  ...m,
+                  className: o("button", void 0, m == null ? void 0 : m.className)
+                }
+              )
+            ]
+          }
+        ) }),
+        s && /* @__PURE__ */ e.jsx(i, { className: o("image"), md: 6, xs: 10, children: /* @__PURE__ */ e.jsx(
+          t,
+          {
+            className: o("animated__container"),
+            children: d ? /* @__PURE__ */ e.jsx(
+              v,
+              {
+                animationName: d,
+                className: o("animation")
+              }
+            ) : /* @__PURE__ */ e.jsx(j, { className: o("image__src"), ...s })
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+export {
+  $ as I
+};

package/dist/components/ImageText-D-06_EGf.js

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-CITbqOLs.js"),j=require("react"),k=require("./bem-DC5wv0dD.js"),h=require("./validations-Cnxtn28y.js"),n=require("./Animated-CO4IEerF.js"),R=require("./Button-yvFLX-6Q.js"),_=require("./GridRow-C5v0sOZZ.js"),d=require("./Headline-CnyLLQLB.js"),u=require("./Image-B-lyA7ym.js"),T=require("./Lottie-Br7PmIzX.js"),N=require("./RichText-DVg1dwMV.js"),v="gradientMove",E="fadeInKeyframe",q={"prokodo-ImageText__grid":"prokodo-ImageText__grid","prokodo-ImageText__grid--is-reverse":"prokodo-ImageText__grid--is-reverse","prokodo-ImageText__animated__border":"prokodo-ImageText__animated__border","prokodo-ImageText__animated__border--bottom-to-top":"prokodo-ImageText__animated__border--bottom-to-top","prokodo-ImageText__animated__border--is-visible":"prokodo-ImageText__animated__border--is-visible","prokodo-ImageText__animated__border__wrapper":"prokodo-ImageText__animated__border__wrapper","prokodo-ImageText__sub__headline":"prokodo-ImageText__sub__headline","prokodo-ImageText__content":"prokodo-ImageText__content","prokodo-ImageText__content__paragraph":"prokodo-ImageText__content__paragraph","prokodo-ImageText__animated__container":"prokodo-ImageText__animated__container","prokodo-ImageText__animation":"prokodo-ImageText__animation","prokodo-ImageText__image":"prokodo-ImageText__image","prokodo-ImageText__image__src":"prokodo-ImageText__image__src",gradientMove:v,fadeInKeyframe:E},o=k.create(q,"ImageText"),f=({animatedBorder:a,reverse:c,subTitle:r,title:s,content:m,animation:x,image:i,button:t})=>{const[p,g]=j.useState(!1),I=i?a?4:6:a?10:12;return e.jsxRuntimeExports.jsx("div",{className:o(),children:e.jsxRuntimeExports.jsxs(_.Grid,{className:o("grid",{"is-reverse":!!c}),children:[a&&e.jsxRuntimeExports.jsx(_.GridRow,{className:o("animated__border__wrapper"),sm:2,xs:3,children:e.jsxRuntimeExports.jsx(n.Animated,{className:o("animated__border",{"is-visible":p,[`${(a==null?void 0:a.direction)??"top-to-bottom"}`]:!!(a!=null&&a.direction)}),onAnimate:l=>g(l)})}),e.jsxRuntimeExports.jsx(_.GridRow,{className:o("content"),md:I,xs:10,children:e.jsxRuntimeExports.jsxs(n.Animated,{children:[r&&e.jsxRuntimeExports.jsx(d.Headline,{highlight:!0,className:o("sub__headline",void 0,r==null?void 0:r.className),size:"sm",type:"h3",variant:"primary",...r,children:r==null?void 0:r.content}),e.jsxRuntimeExports.jsx(d.Headline,{className:o("headline",void 0,s==null?void 0:s.className),size:"lg",type:"h2",...s,children:s.content}),h.isString(m)&&e.jsxRuntimeExports.jsx(N.RichText,{className:o("content__paragraph"),children:m}),t&&e.jsxRuntimeExports.jsx(R.Button,{variant:"outlined",...t,className:o("button",void 0,t==null?void 0:t.className)})]})}),i&&e.jsxRuntimeExports.jsx(_.GridRow,{className:o("image"),md:6,xs:10,children:e.jsxRuntimeExports.jsx(n.Animated,{className:o("animated__container"),children:x?e.jsxRuntimeExports.jsx(T.Lottie,{animationName:x,className:o("animation")}):e.jsxRuntimeExports.jsx(u.Image,{className:o("image__src"),...i})})})]})})};exports.ImageText=f;

package/dist/components/Input-BEO9ig1R.js

@@ -0,0 +1 @@
+"use strict";const i=require("./jsx-runtime-CITbqOLs.js"),V=require("@mui/base"),k=require("react"),T=require("./bem-DC5wv0dD.js"),h=require("./validations-Cnxtn28y.js"),ee=require("./Label-BvCzZIGM.js"),te="Input__field",oe="gradientMove",re="fadeInKeyframe",ne={"prokodo-Input":"prokodo-Input","prokodo-Input__label":"prokodo-Input__label","prokodo-Input--primary":"prokodo-Input--primary",Input__field:te,"prokodo-Input--secondary":"prokodo-Input--secondary","prokodo-Input--error":"prokodo-Input--error","prokodo-Input__field":"prokodo-Input__field","prokodo-Input__input":"prokodo-Input__input","prokodo-Input__input--multiline":"prokodo-Input__input--multiline","prokodo-Input__input--focused":"prokodo-Input__input--focused","prokodo-Input__input--disabled":"prokodo-Input__input--disabled","prokodo-Input__input__node":"prokodo-Input__input__node","prokodo-Input__input__node--multiline":"prokodo-Input__input__node--multiline","prokodo-Input__footer":"prokodo-Input__footer","prokodo-Input__helperText__wrapper":"prokodo-Input__helperText__wrapper","prokodo-Input__helperText":"prokodo-Input__helperText","prokodo-Input__helperText__content":"prokodo-Input__helperText__content","prokodo-Input__helperText__content--is-error":"prokodo-Input__helperText__content--is-error","prokodo-Input__helperText__legend":"prokodo-Input__helperText__legend","prokodo-Input__counter":"prokodo-Input__counter",gradientMove:oe,fadeInKeyframe:re},se=(r,t)=>typeof t>"u"?!1:r.test(String(t)),ie=(r,t,o,e)=>{let u=Number(r);if(typeof r=="string"&&isNaN(u)&&(u=r.length),t!==void 0&&u<t)return`${(e==null?void 0:e.min)??"Value must be greater than or equal to"} ${t}.`;if(o!==void 0&&u>o)return`${(e==null?void 0:e.max)??"Value must be less than or equal to"} ${o}.`},A=(r,t,o,e,u,l,n,_,s)=>{if(!s)return;const c=o==null||o==="";if(c&&e)return s(t,(_==null?void 0:_.required)??"This field is required. Please fill it out.");if(c&&(e===!1||e===void 0))return s(t);const v=ie(o,u,l,_);if(v!==void 0)return s(t,v);let f={text:/^[a-zA-Z\s,.!?'-]+$/,email:/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x21\x23-\x5b\x5d-\x7e]|\\[\x21-\x7e])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z]{2,}|(?:\[(?:(?:2(?:5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(?:2(?:5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x21-\x5a\x53-\x7e]|\\[\x21-\x7e])+)])$/i,tel:/^\+?[1-9]\d{1,14}$/,url:/^(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})$/,number:/^-?\d+(\.\d+)?$/,color:/^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/,password:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[\W_]).{8,}$/};if(n!==void 0){const x=n.match(/^\/(.*)\/([gimsuy]*)$/);if(x){const[,g="",w]=x,$=new RegExp(g??"",w);f={...f,[String(r)]:RegExp($)}}}const R={text:"Text can only include letters and common punctuation.",email:"Please enter a valid email address (e.g., name@example.com).",tel:"Please enter a valid phone number.",url:"Please enter a valid URL.",number:"Please enter a valid number.",color:"Please enter a valid color code (e.g., #FFFFFF).",password:"Password must be at least 8 characters long and include uppercase, lowercase, numbers, and special characters.",..._},I=f[r];return I&&!se(I,o)?s(t,R[r]):s(t)},p=T.create(ne,"Input"),K=k.memo(({fullWidth:r,inputRef:t,hideCounter:o,type:e,color:u="primary",value:l,name:n,min:_,max:s,multiline:c,maxRows:v,minRows:f,rows:R,disabled:I,maxLength:x,placeholder:g,label:w,customRegexPattern:$,errorTranslations:W,labelProps:j={},className:U,fieldClassName:C,inputContainerClassName:D,inputClassName:G,required:q,hideLegend:H,errorText:b,helperText:z,onFocus:E,onBlur:N,onChange:S,onValidate:J,...L})=>{var M,P;const[m,Z]=k.useState(l),[O,y]=k.useState(!1);k.useEffect(()=>{h.isNull(l)||Z(l)},[l]);const Q=k.useCallback(()=>{switch(e){case"url":return"www.example.com";case"email":return"muster@example.com";case"tel":return"+49123456789";case"color":return"#FFFFFF";default:return g}},[e,g]),a=h.isString(b),F=q===!0,X=c?{multiline:c,maxRows:v,minRows:f??3,rows:R}:{multiline:!1,maxRows:void 0,minRows:void 0,type:e};return i.jsxRuntimeExports.jsxs("div",{className:p(void 0,{[u]:!!u},U),children:[h.isString(w)&&i.jsxRuntimeExports.jsx(ee.Label,{...j,className:p("label",void 0,j==null?void 0:j.className),error:a,htmlFor:n,label:w,required:F}),i.jsxRuntimeExports.jsx("div",{className:p("field",void 0,C),children:i.jsxRuntimeExports.jsx(V.Input,{"aria-required":F?"true":void 0,color:u,id:n,...L,...X,"aria-invalid":a,disabled:I,error:a,name:n,placeholder:Q(),required:F,value:m??"","aria-describedby":a?`${n}-error`:h.isString(z)?`${n}-helper`:void 0,className:p("input",{focused:O,multiline:!!c,disabled:!!I,fullWidth:!!r},D),slotProps:{input:{ref:t,className:p("input__node",{multiline:!!c},G)}},onBlur:d=>{N==null||N(d),y(!1)},onChange:d=>{var B;const{value:Y}=d.target;x!==void 0&&Y.length>x||(Z(d.target.value),A==null||A(e===void 0?"text":e,n,(B=d==null?void 0:d.target)==null?void 0:B.value,q,_,s,$,W,J),S&&S(d))},onFocus:d=>{E==null||E(d),y(!0)}})}),i.jsxRuntimeExports.jsxs("div",{className:p("footer"),children:[a||h.isString(z)||s!==void 0&&m!==void 0?i.jsxRuntimeExports.jsxs("div",{"aria-live":a?"assertive":"polite",className:p("helperText"),id:a?`${n}-error`:`${n}-helper`,role:a?"alert":void 0,children:[i.jsxRuntimeExports.jsx("span",{role:"alert",className:p("helperText__content",{"is-error":!!b}),children:b??z}),s!==void 0&&m!==void 0&&H===!1&&i.jsxRuntimeExports.jsxs("span",{className:p("helperText__legend"),children:[((M=m==null?void 0:m.toString())==null?void 0:M.length)??0," / ",s]})]}):i.jsxRuntimeExports.jsx("div",{className:p("helperText")}),x!==void 0&&e!=="number"&&(o===void 0||o===!1)&&i.jsxRuntimeExports.jsx("div",{className:p("counter"),children:i.jsxRuntimeExports.jsxs("span",{children:["(",l!==void 0?((P=String(l))==null?void 0:P.length)??0:0," /"," ",x,")"]})})]})]})});K.displayName="Input";exports.Input=K;

package/dist/components/Input-CrNLI_OY.js

@@ -0,0 +1,258 @@
+import { j as d } from "./jsx-runtime-C5mzlN2N.js";
+import { Input as Y } from "@mui/base";
+import { memo as V, useState as B, useEffect as T, useCallback as ee } from "react";
+import { c as oe } from "./bem-CYKrPjje.js";
+import { a as te, i as g } from "./validations-B_cxltQ_.js";
+import { L as re } from "./Label-DRUCdGoX.js";
+const ne = "Input__field", pe = "gradientMove", de = "fadeInKeyframe", ie = {
+  "prokodo-Input": "prokodo-Input",
+  "prokodo-Input__label": "prokodo-Input__label",
+  "prokodo-Input--primary": "prokodo-Input--primary",
+  Input__field: ne,
+  "prokodo-Input--secondary": "prokodo-Input--secondary",
+  "prokodo-Input--error": "prokodo-Input--error",
+  "prokodo-Input__field": "prokodo-Input__field",
+  "prokodo-Input__input": "prokodo-Input__input",
+  "prokodo-Input__input--multiline": "prokodo-Input__input--multiline",
+  "prokodo-Input__input--focused": "prokodo-Input__input--focused",
+  "prokodo-Input__input--disabled": "prokodo-Input__input--disabled",
+  "prokodo-Input__input__node": "prokodo-Input__input__node",
+  "prokodo-Input__input__node--multiline": "prokodo-Input__input__node--multiline",
+  "prokodo-Input__footer": "prokodo-Input__footer",
+  "prokodo-Input__helperText__wrapper": "prokodo-Input__helperText__wrapper",
+  "prokodo-Input__helperText": "prokodo-Input__helperText",
+  "prokodo-Input__helperText__content": "prokodo-Input__helperText__content",
+  "prokodo-Input__helperText__content--is-error": "prokodo-Input__helperText__content--is-error",
+  "prokodo-Input__helperText__legend": "prokodo-Input__helperText__legend",
+  "prokodo-Input__counter": "prokodo-Input__counter",
+  gradientMove: pe,
+  fadeInKeyframe: de
+}, se = (r, o) => typeof o > "u" ? !1 : r.test(String(o)), ue = (r, o, t, e) => {
+  let s = Number(r);
+  if (typeof r == "string" && isNaN(s) && (s = r.length), o !== void 0 && s < o)
+    return `${(e == null ? void 0 : e.min) ?? "Value must be greater than or equal to"} ${o}.`;
+  if (t !== void 0 && s > t)
+    return `${(e == null ? void 0 : e.max) ?? "Value must be less than or equal to"} ${t}.`;
+}, Z = (r, o, t, e, s, a, n, _, p) => {
+  if (!p) return;
+  const c = t == null || t === "";
+  if (c && e)
+    return p(
+      o,
+      (_ == null ? void 0 : _.required) ?? "This field is required. Please fill it out."
+    );
+  if (c && (e === !1 || e === void 0))
+    return p(o);
+  const k = ue(t, s, a, _);
+  if (k !== void 0) return p(o, k);
+  let I = {
+    text: /^[a-zA-Z\s,.!?'-]+$/,
+    email: /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x21\x23-\x5b\x5d-\x7e]|\\[\x21-\x7e])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z]{2,}|(?:\[(?:(?:2(?:5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\.){3}(?:(?:2(?:5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x21-\x5a\x53-\x7e]|\\[\x21-\x7e])+)])$/i,
+    tel: /^\+?[1-9]\d{1,14}$/,
+    url: /^(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})$/,
+    number: /^-?\d+(\.\d+)?$/,
+    color: /^#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})$/,
+    password: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[\W_]).{8,}$/
+  };
+  if (n !== void 0) {
+    const f = n.match(/^\/(.*)\/([gimsuy]*)$/);
+    if (f) {
+      const [, h = "", v] = f, z = new RegExp(h ?? "", v);
+      I = {
+        ...I,
+        [String(r)]: RegExp(z)
+      };
+    }
+  }
+  const $ = {
+    text: "Text can only include letters and common punctuation.",
+    email: "Please enter a valid email address (e.g., name@example.com).",
+    tel: "Please enter a valid phone number.",
+    url: "Please enter a valid URL.",
+    number: "Please enter a valid number.",
+    color: "Please enter a valid color code (e.g., #FFFFFF).",
+    password: "Password must be at least 8 characters long and include uppercase, lowercase, numbers, and special characters.",
+    ..._
+  }, x = I[r];
+  return x && !se(x, t) ? p(o, $[r]) : p(o);
+}, i = oe(ie, "Input"), ae = V(
+  ({
+    fullWidth: r,
+    inputRef: o,
+    hideCounter: t,
+    type: e,
+    color: s = "primary",
+    value: a,
+    name: n,
+    min: _,
+    max: p,
+    multiline: c,
+    maxRows: k,
+    minRows: I,
+    rows: $,
+    disabled: x,
+    maxLength: f,
+    placeholder: h,
+    label: v,
+    customRegexPattern: z,
+    errorTranslations: K,
+    labelProps: w = {},
+    className: W,
+    fieldClassName: U,
+    inputContainerClassName: C,
+    inputClassName: D,
+    required: y,
+    hideLegend: G,
+    errorText: N,
+    helperText: b,
+    onFocus: j,
+    onBlur: F,
+    onChange: R,
+    onValidate: H,
+    ...J
+  }) => {
+    var P, S;
+    const [m, E] = B(a), [L, M] = B(!1);
+    T(() => {
+      te(a) || E(a);
+    }, [a]);
+    const O = ee(() => {
+      switch (e) {
+        case "url":
+          return "www.example.com";
+        case "email":
+          return "muster@example.com";
+        case "tel":
+          return "+49123456789";
+        case "color":
+          return "#FFFFFF";
+        default:
+          return h;
+      }
+    }, [e, h]), l = g(N), A = y === !0, Q = c ? {
+      multiline: c,
+      maxRows: k,
+      minRows: I ?? 3,
+      rows: $
+    } : {
+      multiline: !1,
+      maxRows: void 0,
+      minRows: void 0,
+      type: e
+    };
+    return /* @__PURE__ */ d.jsxs("div", { className: i(void 0, { [s]: !!s }, W), children: [
+      g(v) && /* @__PURE__ */ d.jsx(
+        re,
+        {
+          ...w,
+          className: i("label", void 0, w == null ? void 0 : w.className),
+          error: l,
+          htmlFor: n,
+          label: v,
+          required: A
+        }
+      ),
+      /* @__PURE__ */ d.jsx("div", { className: i("field", void 0, U), children: /* @__PURE__ */ d.jsx(
+        Y,
+        {
+          "aria-required": A ? "true" : void 0,
+          color: s,
+          id: n,
+          ...J,
+          ...Q,
+          "aria-invalid": l,
+          disabled: x,
+          error: l,
+          name: n,
+          placeholder: O(),
+          required: A,
+          value: m ?? "",
+          "aria-describedby": l ? `${n}-error` : g(b) ? `${n}-helper` : void 0,
+          className: i(
+            "input",
+            {
+              focused: L,
+              multiline: !!c,
+              disabled: !!x,
+              fullWidth: !!r
+            },
+            C
+          ),
+          slotProps: {
+            input: {
+              ref: o,
+              className: i(
+                "input__node",
+                {
+                  multiline: !!c
+                },
+                D
+              )
+            }
+          },
+          onBlur: (u) => {
+            F == null || F(u), M(!1);
+          },
+          onChange: (u) => {
+            var q;
+            const { value: X } = u.target;
+            f !== void 0 && X.length > f || (E(u.target.value), Z == null || Z(
+              e === void 0 ? "text" : e,
+              n,
+              (q = u == null ? void 0 : u.target) == null ? void 0 : q.value,
+              y,
+              _,
+              p,
+              z,
+              K,
+              H
+            ), R && R(u));
+          },
+          onFocus: (u) => {
+            j == null || j(u), M(!0);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ d.jsxs("div", { className: i("footer"), children: [
+        l || g(b) || p !== void 0 && m !== void 0 ? /* @__PURE__ */ d.jsxs(
+          "div",
+          {
+            "aria-live": l ? "assertive" : "polite",
+            className: i("helperText"),
+            id: l ? `${n}-error` : `${n}-helper`,
+            role: l ? "alert" : void 0,
+            children: [
+              /* @__PURE__ */ d.jsx(
+                "span",
+                {
+                  role: "alert",
+                  className: i("helperText__content", {
+                    "is-error": !!N
+                  }),
+                  children: N ?? b
+                }
+              ),
+              p !== void 0 && m !== void 0 && G === !1 && /* @__PURE__ */ d.jsxs("span", { className: i("helperText__legend"), children: [
+                ((P = m == null ? void 0 : m.toString()) == null ? void 0 : P.length) ?? 0,
+                " / ",
+                p
+              ] })
+            ]
+          }
+        ) : /* @__PURE__ */ d.jsx("div", { className: i("helperText") }),
+        f !== void 0 && e !== "number" && (t === void 0 || t === !1) && /* @__PURE__ */ d.jsx("div", { className: i("counter"), children: /* @__PURE__ */ d.jsxs("span", { children: [
+          "(",
+          a !== void 0 ? ((S = String(a)) == null ? void 0 : S.length) ?? 0 : 0,
+          " /",
+          " ",
+          f,
+          ")"
+        ] }) })
+      ] })
+    ] });
+  }
+);
+ae.displayName = "Input";
+export {
+  ae as I
+};

package/dist/components/InputOTP-Db7DHrhS.js

@@ -0,0 +1,88 @@
+import { j as _ } from "./jsx-runtime-C5mzlN2N.js";
+import { memo as T, useState as b, useRef as g, createElement as j } from "react";
+import { c as h } from "./bem-CYKrPjje.js";
+import { b as v } from "./validations-B_cxltQ_.js";
+import { I as w } from "./Input-CrNLI_OY.js";
+const N = "gradientMove", K = "fadeInKeyframe", A = {
+  "prokodo-InputOTP": "prokodo-InputOTP",
+  "prokodo-InputOTP__label": "prokodo-InputOTP__label",
+  "prokodo-InputOTP__instruction": "prokodo-InputOTP__instruction",
+  "prokodo-InputOTP__field": "prokodo-InputOTP__field",
+  "prokodo-InputOTP__input": "prokodo-InputOTP__input",
+  "prokodo-InputOTP__input__container": "prokodo-InputOTP__input__container",
+  "prokodo-InputOTP__input__node": "prokodo-InputOTP__input__node",
+  gradientMove: N,
+  fadeInKeyframe: K
+}, i = h(A, "InputOTP"), D = T(
+  ({
+    className: m,
+    groupLabel: I,
+    groupInstruction: O,
+    length: s = 6,
+    onComplete: u,
+    onChange: c,
+    ...l
+  }) => {
+    const [p, d] = b(Array(s).fill("")), n = g([]), P = (e, t) => {
+      var a;
+      if (e.length > 1) return;
+      const o = [...p];
+      o[t] = e, d(o), c && c(o.join("")), e && t < s - 1 && ((a = n.current[t + 1]) == null || a.focus()), o.every((r) => r !== "") && u && u(o.join(""));
+    }, k = (e, t) => {
+      var o, a, r;
+      e.key === "Backspace" && t > 0 && v(p) && p[t] !== void 0 && ((o = n.current[t - 1]) == null || o.focus()), e.key === "ArrowLeft" && t > 0 ? (a = n.current[t - 1]) == null || a.focus() : e.key === "ArrowRight" && t < s - 1 && ((r = n.current[t + 1]) == null || r.focus());
+    }, y = (e) => {
+      var a;
+      const t = e.clipboardData.getData("text").slice(0, s).split(""), o = [...p];
+      if (t.forEach((r, f) => {
+        f < s && (o[f] = r, n.current[f] && (n.current[f].value = r));
+      }), d(o), c && c(o.join("")), t.length === s && u)
+        u(o.join(""));
+      else {
+        const r = t.length;
+        r < s && ((a = n.current[r]) == null || a.focus());
+      }
+    };
+    return /* @__PURE__ */ _.jsxs(
+      "div",
+      {
+        "aria-describedby": "otp-instructions",
+        "aria-labelledby": "otp-group-label",
+        className: i(void 0, void 0, m),
+        role: "group",
+        onPaste: y,
+        children: [
+          /* @__PURE__ */ _.jsx("span", { className: i("label"), id: "otp-group-label", children: I ?? "Enter your OTP" }),
+          /* @__PURE__ */ _.jsx("span", { className: i("instruction"), id: "otp-instructions", children: O ?? "Use the arrow keys to navigate between digits." }),
+          p.map((e, t) => /* @__PURE__ */ j(
+            w,
+            {
+              placeholder: "x",
+              ...l,
+              key: `otp-${t}`,
+              hideCounter: !0,
+              "aria-label": `${(l == null ? void 0 : l["aria-label"]) ?? "OTP digit"} ${t + 1}`,
+              className: i("input"),
+              fieldClassName: i("field"),
+              inputClassName: i("input__node"),
+              inputContainerClassName: i("input__container"),
+              maxLength: 1,
+              name: `otp-${t}`,
+              type: "text",
+              value: e,
+              inputRef: (o) => {
+                n.current[t] = o;
+              },
+              onChange: (o) => P(o.target.value, t),
+              onKeyDown: (o) => k(o, t)
+            }
+          ))
+        ]
+      }
+    );
+  }
+);
+D.displayName = "InputOTP";
+export {
+  D as I
+};

package/dist/components/InputOTP-MnmjEmPU.js

@@ -0,0 +1 @@
+"use strict";const f=require("./jsx-runtime-CITbqOLs.js"),d=require("react"),j=require("./bem-DC5wv0dD.js"),g=require("./validations-Cnxtn28y.js"),v=require("./Input-BEO9ig1R.js"),h="gradientMove",w="fadeInKeyframe",N={"prokodo-InputOTP":"prokodo-InputOTP","prokodo-InputOTP__label":"prokodo-InputOTP__label","prokodo-InputOTP__instruction":"prokodo-InputOTP__instruction","prokodo-InputOTP__field":"prokodo-InputOTP__field","prokodo-InputOTP__input":"prokodo-InputOTP__input","prokodo-InputOTP__input__container":"prokodo-InputOTP__input__container","prokodo-InputOTP__input__node":"prokodo-InputOTP__input__node",gradientMove:h,fadeInKeyframe:w},i=j.create(N,"InputOTP"),O=d.memo(({className:P,groupLabel:k,groupInstruction:m,length:a=6,onComplete:p,onChange:c,...l})=>{const[u,I]=d.useState(Array(a).fill("")),r=d.useRef([]),T=(o,t)=>{var s;if(o.length>1)return;const e=[...u];e[t]=o,I(e),c&&c(e.join("")),o&&t<a-1&&((s=r.current[t+1])==null||s.focus()),e.every(n=>n!=="")&&p&&p(e.join(""))},y=(o,t)=>{var e,s,n;o.key==="Backspace"&&t>0&&g.isArray(u)&&u[t]!==void 0&&((e=r.current[t-1])==null||e.focus()),o.key==="ArrowLeft"&&t>0?(s=r.current[t-1])==null||s.focus():o.key==="ArrowRight"&&t<a-1&&((n=r.current[t+1])==null||n.focus())},b=o=>{var s;const t=o.clipboardData.getData("text").slice(0,a).split(""),e=[...u];if(t.forEach((n,_)=>{_<a&&(e[_]=n,r.current[_]&&(r.current[_].value=n))}),I(e),c&&c(e.join("")),t.length===a&&p)p(e.join(""));else{const n=t.length;n<a&&((s=r.current[n])==null||s.focus())}};return f.jsxRuntimeExports.jsxs("div",{"aria-describedby":"otp-instructions","aria-labelledby":"otp-group-label",className:i(void 0,void 0,P),role:"group",onPaste:b,children:[f.jsxRuntimeExports.jsx("span",{className:i("label"),id:"otp-group-label",children:k??"Enter your OTP"}),f.jsxRuntimeExports.jsx("span",{className:i("instruction"),id:"otp-instructions",children:m??"Use the arrow keys to navigate between digits."}),u.map((o,t)=>d.createElement(v.Input,{placeholder:"x",...l,key:`otp-${t}`,hideCounter:!0,"aria-label":`${(l==null?void 0:l["aria-label"])??"OTP digit"} ${t+1}`,className:i("input"),fieldClassName:i("field"),inputClassName:i("input__node"),inputContainerClassName:i("input__container"),maxLength:1,name:`otp-${t}`,type:"text",value:o,inputRef:e=>{r.current[t]=e},onChange:e=>T(e.target.value,t),onKeyDown:e=>y(e,t)}))]})});O.displayName="InputOTP";exports.InputOTP=O;

package/dist/components/Label-BvCzZIGM.js

@@ -0,0 +1 @@
+"use strict";const i=require("./jsx-runtime-CITbqOLs.js"),g=require("react"),u=require("./bem-DC5wv0dD.js"),j="gradientMove",_="fadeInKeyframe",L={"prokodo-Label":"prokodo-Label","prokodo-Label__highlighted":"prokodo-Label__highlighted","prokodo-Label__highlighted--error":"prokodo-Label__highlighted--error","prokodo-Label__text":"prokodo-Label__text",gradientMove:j,fadeInKeyframe:_},r=u.create(L,"Label"),n=g.memo(({className:d,htmlFor:c,required:h,label:a,contentProps:l,textProps:e,error:m,children:s,...t})=>{const o=a==null?void 0:a.split(" ");return o?i.jsxRuntimeExports.jsxs("label",{...t,className:r(void 0,void 0,d),htmlFor:c,children:[i.jsxRuntimeExports.jsxs("span",{...l,children:[i.jsxRuntimeExports.jsxs("i",{...e,className:r("highlighted",{error:!!m},e==null?void 0:e.className),children:[o==null?void 0:o[0]," "]}),i.jsxRuntimeExports.jsxs("i",{...e,className:r("text",void 0,e==null?void 0:e.className),children:[o==null?void 0:o.slice(1).join(" ")," ",!!h&&i.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",children:"*"})]})]}),s]}):s});n.displayName="Label";exports.Label=n;

package/dist/components/Label-DRUCdGoX.js

@@ -0,0 +1,71 @@
+import { j as a } from "./jsx-runtime-C5mzlN2N.js";
+import { memo as g } from "react";
+import { c as _ } from "./bem-CYKrPjje.js";
+const f = "gradientMove", L = "fadeInKeyframe", j = {
+  "prokodo-Label": "prokodo-Label",
+  "prokodo-Label__highlighted": "prokodo-Label__highlighted",
+  "prokodo-Label__highlighted--error": "prokodo-Label__highlighted--error",
+  "prokodo-Label__text": "prokodo-Label__text",
+  gradientMove: f,
+  fadeInKeyframe: L
+}, i = _(j, "Label"), k = g(
+  ({
+    className: n,
+    htmlFor: s,
+    required: h,
+    label: r,
+    contentProps: l,
+    textProps: o,
+    error: m,
+    children: d,
+    ...c
+  }) => {
+    const e = r == null ? void 0 : r.split(" ");
+    return e ? /* @__PURE__ */ a.jsxs(
+      "label",
+      {
+        ...c,
+        className: i(void 0, void 0, n),
+        htmlFor: s,
+        children: [
+          /* @__PURE__ */ a.jsxs("span", { ...l, children: [
+            /* @__PURE__ */ a.jsxs(
+              "i",
+              {
+                ...o,
+                className: i(
+                  "highlighted",
+                  {
+                    error: !!m
+                  },
+                  o == null ? void 0 : o.className
+                ),
+                children: [
+                  e == null ? void 0 : e[0],
+                  " "
+                ]
+              }
+            ),
+            /* @__PURE__ */ a.jsxs(
+              "i",
+              {
+                ...o,
+                className: i("text", void 0, o == null ? void 0 : o.className),
+                children: [
+                  e == null ? void 0 : e.slice(1).join(" "),
+                  " ",
+                  !!h && /* @__PURE__ */ a.jsx("span", { "aria-hidden": "true", children: "*" })
+                ]
+              }
+            )
+          ] }),
+          d
+        ]
+      }
+    ) : d;
+  }
+);
+k.displayName = "Label";
+export {
+  k as L
+};