@prokodo/ui 0.0.49 → 0.0.50

package/dist/components/drawer/Drawer.view.js

@@ -1,9 +1,10 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { create } from "../../helpers/bem.js";
 import { isString } from "../../helpers/validations.js";
-import styles from "./Drawer.module.scss.js";
+import styles from "./Drawer.base.module.scss.js";
+import { DrawerEffectsLoader } from "./Drawer.effects.client.js";
 import { Button } from "../button/Button.js";
 import { Headline } from "../headline/Headline.js";
 const bem = create(styles, "Drawer");
@@ -25,48 +26,51 @@ const DrawerView = /* @__PURE__ */ __name(({
   ...rest
 }) => {
   const isOpen = Boolean(open);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: bem("backdrop", { open: isOpen }),
       ...backdropProps,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: containerRef,
-          "aria-labelledby": isString(title) ? "drawer-title" : void 0,
-          "aria-modal": "true",
-          role: "dialog",
-          className: bem(
-            "container",
-            {
-              open: isOpen,
-              [`anchor-${anchor}`]: true,
-              [`anchor-${anchor}--open`]: isOpen,
-              fullscreen
-            },
-            containerClassName
-          ),
-          ...rest,
-          children: [
-            /* @__PURE__ */ jsx("div", { className: bem("header"), children: renderHeader ? renderHeader() : /* @__PURE__ */ jsxs(Fragment, { children: [
-              isString(title) && /* @__PURE__ */ jsx(Headline, { size: "md", ...titleProps, id: "drawer-title", children: title }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  "aria-label": "Close drawer",
-                  iconProps: { name: "Cancel01Icon", size: "sm" },
-                  variant: "text",
-                  ...closeButtonProps,
-                  ref: closeButtonRef,
-                  onClick: /* @__PURE__ */ __name(() => onClose == null ? void 0 : onClose("escapeKeyDown"), "onClick")
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ jsx("div", { className: bem("content", void 0, className), children })
-          ]
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsx(DrawerEffectsLoader, { useSlide: true }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: containerRef,
+            "aria-labelledby": isString(title) ? "drawer-title" : void 0,
+            "aria-modal": "true",
+            role: "dialog",
+            className: bem(
+              "container",
+              {
+                open: isOpen,
+                [`anchor-${anchor}`]: true,
+                [`anchor-${anchor}--open`]: isOpen,
+                fullscreen
+              },
+              containerClassName
+            ),
+            ...rest,
+            children: [
+              renderHeader ? renderHeader() : /* @__PURE__ */ jsxs("div", { className: bem("header"), children: [
+                isString(title) && /* @__PURE__ */ jsx(Headline, { size: "md", ...titleProps, id: "drawer-title", children: title }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    "aria-label": "Close drawer",
+                    iconProps: { name: "Cancel01Icon", size: "sm" },
+                    variant: "text",
+                    ...closeButtonProps,
+                    ref: closeButtonRef,
+                    onClick: /* @__PURE__ */ __name(() => onClose == null ? void 0 : onClose("escapeKeyDown"), "onClick")
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: bem("content", void 0, className), children })
+            ]
+          }
+        )
+      ]
     }
   );
 }, "DrawerView");

package/dist/components/dynamic-list/DynamicList.module.scss.js

@@ -1,5 +1,3 @@
-const gradientMove = "gradientMove";
-const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
   "prokodo-DynamicList": "prokodo-DynamicList",
   "prokodo-DynamicList__label": "prokodo-DynamicList__label",
@@ -10,12 +8,8 @@ const styles = {
   "prokodo-DynamicList__delete__button--is-multi": "prokodo-DynamicList__delete__button--is-multi",
   "prokodo-DynamicList__helperText": "prokodo-DynamicList__helperText",
   "prokodo-DynamicList__helperText__content": "prokodo-DynamicList__helperText__content",
-  "prokodo-DynamicList__helperText__content--is-error": "prokodo-DynamicList__helperText__content--is-error",
-  gradientMove,
-  fadeInKeyframe
+  "prokodo-DynamicList__helperText__content--is-error": "prokodo-DynamicList__helperText__content--is-error"
 };
 export {
-  styles as default,
-  fadeInKeyframe,
-  gradientMove
+  styles as default
 };

package/dist/components/form/Form.client.js

@@ -1,8 +1,27 @@
 "use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { jsx } from "react/jsx-runtime";
-import { memo, useState, useEffect, useCallback, useMemo } from "react";
+import { memo, useState, useEffect, useCallback, useMemo, useRef } from "react";
 import { isString } from "../../helpers/validations.js";
 import { FormView } from "./Form.view.js";
+function mergeField(prev, patch) {
+  return { ...prev, ...patch };
+}
+__name(mergeField, "mergeField");
+const useDeferredNotifier = /* @__PURE__ */ __name((cb) => {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (ref.current && cb) {
+      const f = ref.current;
+      ref.current = null;
+      cb(f);
+    }
+  });
+  return (f) => {
+    ref.current = f;
+  };
+}, "useDeferredNotifier");
 const FormClient = memo((props) => {
   const {
     disabled,
@@ -15,11 +34,14 @@ const FormClient = memo((props) => {
     hideResponse,
     ...restProps
   } = props;
-  const [formState, setFormState] = useState(fields ?? []);
+  const [formState, setFormState] = useState(
+    () => fields ?? []
+  );
   const [formMessages, setFormMessages] = useState(
     initialMessages
   );
   const [honeypotValue, setHoneypotValue] = useState("");
+  const notifyChange = useDeferredNotifier(onChangeForm);
   useEffect(() => {
     if (initialMessages !== void 0) {
       setFormMessages(initialMessages);
@@ -28,15 +50,14 @@ const FormClient = memo((props) => {
   const updateSingleField = useCallback(
     (index, update) => {
       setFormState((prev) => {
-        const clone = [...prev];
-        clone[index] = { ...clone[index], ...update };
-        return clone;
+        const next = [...prev];
+        const nextField = { ...next[index], ...update };
+        next[index] = nextField;
+        notifyChange(nextField);
+        return next;
       });
-      if (onChangeForm) {
-        onChangeForm({ ...formState[index], ...update });
-      }
     },
-    [formState, onChangeForm]
+    [notifyChange]
   );
   const handleFieldValidate = useCallback(
     (field, err) => {
@@ -51,9 +72,9 @@ const FormClient = memo((props) => {
           ...(prev == null ? void 0 : prev.errors) ?? {}
         };
         if (isString(err)) {
-          updatedErrors[field.label ?? ""] = [err];
+          updatedErrors[field.name ?? field.label ?? ""] = [err];
         } else {
-          delete updatedErrors[field.label ?? ""];
+          delete updatedErrors[field.name ?? field.label ?? ""];
         }
         return {
           errors: Object.keys(updatedErrors).length > 0 ? updatedErrors : void 0
@@ -64,45 +85,97 @@ const FormClient = memo((props) => {
   );
   const handleFieldChange = useCallback(
     (field, value) => {
-      const idx = formState.findIndex((f) => f.name === field.name);
-      if (idx < 0) return;
-      if (field.fieldType === "dynamic-list") {
-        updateSingleField(idx, { value });
-        return;
-      }
-      if (!field.conditions || field.conditions.length === 0) {
-        updateSingleField(idx, { value });
-        return;
-      }
-      defaultFields == null ? void 0 : defaultFields.forEach((defField) => {
-        var _a;
-        if (Boolean((_a = defField.conditions) == null ? void 0 : _a.some((c) => c.fieldId === field.name))) {
-          const targetIdx = formState.findIndex((f) => f.name === defField.name);
-          if (targetIdx >= 0) updateSingleField(targetIdx, defField);
+      setFormState((prev) => {
+        const next = [...prev];
+        const srcIdx = next.findIndex((f) => f.name === field.name);
+        if (srcIdx < 0) return prev;
+        if (field.fieldType === "dynamic-list") {
+          const prevSelf = next[srcIdx];
+          const updated = mergeField(prevSelf, { value });
+          next[srcIdx] = updated;
+          notifyChange(updated);
+          return next;
         }
-      });
-      const matched = (field.conditions ?? []).filter((c) => {
-        if (value === void 0 || c.equalTo === void 0) return true;
-        if (typeof c.equalTo === "boolean" && c.equalTo === value) {
-          return true;
+        const matches = /* @__PURE__ */ __name((equalTo, v) => {
+          const emptyScalar = v === void 0 || v === "";
+          const emptyArray = Array.isArray(v) && v.length === 0;
+          if (emptyScalar || emptyArray) return false;
+          if (typeof equalTo === "boolean") return equalTo === v;
+          if (typeof equalTo === "string" || typeof equalTo === "number") {
+            return equalTo === v;
+          }
+          if (Array.isArray(equalTo)) {
+            if (typeof v === "string" || typeof v === "number") {
+              return equalTo.includes(v);
+            }
+            if (Array.isArray(v)) {
+              const vv = v;
+              const ee = equalTo;
+              return vv.some((item) => ee.includes(item));
+            }
+          }
+          return false;
+        }, "matches");
+        const defaultsByName = /* @__PURE__ */ new Map();
+        for (const df of defaultFields ?? []) {
+          if (isString(df == null ? void 0 : df.name)) defaultsByName.set(df.name, df);
         }
-        if (typeof c.equalTo === "string") {
-          return c.equalTo === value;
+        const conds = Array.isArray(field.conditions) ? field.conditions : [];
+        const targetNames = Array.from(new Set(conds.map((c) => c.fieldId).filter(Boolean)));
+        for (const targetName of targetNames) {
+          const depIdx = next.findIndex((f) => f.name === targetName);
+          if (depIdx < 0) continue;
+          const prevDep = next[depIdx];
+          const def = defaultsByName.get(targetName);
+          const dfPatch = def ? { ...def } : { visible: false };
+          delete dfPatch.value;
+          delete dfPatch.errorText;
+          let merged = mergeField(prevDep, dfPatch);
+          const defaultVisible = def && typeof def.visible === "boolean" ? def.visible : false;
+          if (defaultVisible === false) {
+            merged = mergeField(merged, {
+              value: void 0,
+              errorText: void 0
+            });
+          }
+          next[depIdx] = merged;
         }
-        if (Array.isArray(c.equalTo) && typeof value === "string") {
-          return c.equalTo.includes(value);
+        const appliedTargets = /* @__PURE__ */ new Set();
+        for (const c of conds) {
+          const targetIdx = next.findIndex((f) => f.name === c.fieldId);
+          if (targetIdx < 0) continue;
+          const shouldApply = typeof c.equalTo === "undefined" ? true : matches(c.equalTo, value);
+          if (shouldApply) {
+            const prevTarget = next[targetIdx];
+            const patch = c.updateProps ?? {};
+            next[targetIdx] = mergeField(prevTarget, patch);
+            appliedTargets.add(prevTarget.name ?? "");
+          }
         }
-        return false;
-      });
-      matched.forEach((c) => {
-        const idx2 = formState.findIndex((f) => f.name === c.fieldId);
-        if (idx2 >= 0) {
-          updateSingleField(idx2, c.updateProps);
+        for (const targetName of targetNames) {
+          if (appliedTargets.has(targetName)) continue;
+          const targetIdx = next.findIndex((f) => f.name === targetName);
+          if (targetIdx < 0) continue;
+          const prevTarget = next[targetIdx];
+          const def = defaultsByName.get(targetName);
+          const defaultVisible = def && typeof def.visible === "boolean" ? def.visible : false;
+          let merged = mergeField(prevTarget, { visible: defaultVisible });
+          if (defaultVisible === false) {
+            merged = mergeField(merged, {
+              value: void 0,
+              errorText: void 0
+            });
+          }
+          next[targetIdx] = merged;
         }
+        const prevSelf2 = next[srcIdx];
+        const updatedSelf = mergeField(prevSelf2, { value });
+        next[srcIdx] = updatedSelf;
+        notifyChange(updatedSelf);
+        return next;
       });
-      updateSingleField(idx, { value });
     },
-    [defaultFields, formState, updateSingleField]
+    [defaultFields, notifyChange]
   );
   const handleHpChange = useCallback(
     (e) => {
@@ -114,18 +187,23 @@ const FormClient = memo((props) => {
     const errors = {};
     formState.forEach((field) => {
       var _a, _b, _c, _d;
-      if (Boolean(field.required) && (field.value === void 0 || field.value === "" || Array.isArray(field.value) && field.value.length === 0) && field.visible !== false) {
+      const visible = field.visible !== false;
+      const emptyArray = Array.isArray(field.value) && field.value.length === 0;
+      const emptyScalar = field.value === void 0 || field.value === "";
+      if (Boolean(field.required) && visible && (emptyScalar || emptyArray)) {
         const errMsg = ((_b = (_a = messagesFields == null ? void 0 : messagesFields.errors) == null ? void 0 : _a.input) == null ? void 0 : _b["required"]) ?? "This field is required";
-        if (!errors[field.label ?? ""]) {
-          errors[field.label ?? ""] = [];
+        const key = field.name ?? field.label ?? "";
+        if (!errors[key]) {
+          errors[key] = [];
         }
-        (_c = errors[field.label ?? ""]) == null ? void 0 : _c.push(errMsg);
+        (_c = errors[key]) == null ? void 0 : _c.push(errMsg);
       }
       if (isString(field.errorText)) {
-        if (!errors[field.label ?? ""]) {
-          errors[field.label ?? ""] = [];
+        const key = field.name ?? field.label ?? "";
+        if (!errors[key]) {
+          errors[key] = [];
         }
-        (_d = errors[field.label ?? ""]) == null ? void 0 : _d.push(field.errorText);
+        (_d = errors[key]) == null ? void 0 : _d.push(field.errorText);
       }
     });
     return {
@@ -146,10 +224,9 @@ const FormClient = memo((props) => {
   const isFormValid = useMemo(() => {
     if (Boolean(hideResponse)) {
       return formState.every((f) => {
-        if (Boolean(f.required) && f.value === void 0 && Boolean(f.visible) !== false) {
-          return false;
-        }
-        return true;
+        if (!Boolean(f.required) || f.visible === false) return true;
+        if (Array.isArray(f.value)) return f.value.length > 0;
+        return f.value !== void 0 && f.value !== "";
       });
     }
     return true;

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

@@ -1,17 +1,11 @@
-const gradientMove = "gradientMove";
-const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
   "prokodo-Form__label": "prokodo-Form__label",
   "prokodo-Form__label--is-hidden": "prokodo-Form__label--is-hidden",
   "prokodo-Form__grid": "prokodo-Form__grid",
   "prokodo-Form__hp": "prokodo-Form__hp",
   "prokodo-Form__footer": "prokodo-Form__footer",
-  "prokodo-Form__footer__submit": "prokodo-Form__footer__submit",
-  gradientMove,
-  fadeInKeyframe
+  "prokodo-Form__footer__submit": "prokodo-Form__footer__submit"
 };
 export {
-  styles as default,
-  fadeInKeyframe,
-  gradientMove
+  styles as default
 };

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

@@ -1,12 +1,6 @@
-const gradientMove = "gradientMove";
-const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
-  "prokodo-FormField": "prokodo-FormField",
-  gradientMove,
-  fadeInKeyframe
+  "prokodo-FormField": "prokodo-FormField"
 };
 export {
-  styles as default,
-  fadeInKeyframe,
-  gradientMove
+  styles as default
 };

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

@@ -1,16 +1,10 @@
-const gradientMove = "gradientMove";
-const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
   "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,
-  fadeInKeyframe
+  "prokodo-FormResponse__errors__desc": "prokodo-FormResponse__errors__desc"
 };
 export {
-  styles as default,
-  fadeInKeyframe,
-  gradientMove
+  styles as default
 };

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

@@ -1,12 +1,6 @@
-const gradientMove = "gradientMove";
-const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
-  "prokodo-Grid": "prokodo-Grid",
-  gradientMove,
-  fadeInKeyframe
+  "prokodo-Grid": "prokodo-Grid"
 };
 export {
-  styles as default,
-  fadeInKeyframe,
-  gradientMove
+  styles as default
 };

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

@@ -1,5 +1,3 @@
-const gradientMove = "gradientMove";
-const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
   "prokodo-GridRow": "prokodo-GridRow",
   "prokodo-GridRow--align-left": "prokodo-GridRow--align-left",
@@ -64,12 +62,8 @@ const styles = {
   "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,
-  fadeInKeyframe
+  "prokodo-GridRow--xl-12": "prokodo-GridRow--xl-12"
 };
 export {
-  styles as default,
-  fadeInKeyframe,
-  gradientMove
+  styles as default
 };

package/dist/components/headline/{Headline.module.scss.js → Headline.base.module.scss.js}

@@ -1,15 +1,6 @@
-const gradientMove = "gradientMove";
-const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
   "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",
@@ -25,12 +16,8 @@ const styles = {
   "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,
-  fadeInKeyframe
+  "prokodo-Headline--right": "prokodo-Headline--right"
 };
 export {
-  styles as default,
-  fadeInKeyframe,
-  gradientMove
+  styles as default
 };

package/dist/components/headline/Headline.effects.client.js

@@ -0,0 +1,14 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useEffect } from "react";
+function HeadlineEffectsLoader() {
+  useEffect(() => {
+    void import("./Headline.effects.module.scss.js");
+  }, []);
+  return null;
+}
+__name(HeadlineEffectsLoader, "HeadlineEffectsLoader");
+export {
+  HeadlineEffectsLoader
+};

package/dist/components/headline/Headline.effects.module.scss.js

@@ -0,0 +1,13 @@
+const Headline_effects_module = {
+  "prokodo-Headline": "prokodo-Headline",
+  "prokodo-Headline--is-highlighted": "prokodo-Headline--is-highlighted",
+  "prokodo-Headline--inherit--highlighted": "prokodo-Headline--inherit--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"
+};
+export {
+  Headline_effects_module as default
+};

package/dist/components/headline/Headline.js

@@ -1,13 +1,15 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { jsx } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { create } from "../../helpers/bem.js";
-import styles from "./Headline.module.scss.js";
+import styles from "./Headline.base.module.scss.js";
+import { HeadlineEffectsLoader } from "./Headline.effects.client.js";
 import { POSSIBLE_HIGHLIGHTS } from "./Headline.variants.js";
 import { RichText } from "../rich-text/RichText.js";
 import { AnimatedText } from "../animatedText/AnimatedText.js";
 const bem = create(styles, "Headline");
 const Headline = /* @__PURE__ */ __name(({
+  id,
   animated,
   animationProps = {},
   type = "h3",
@@ -34,6 +36,7 @@ const Headline = /* @__PURE__ */ __name(({
   const customStyle = typeof size === "number" ? { fontSize: `${size}em` } : {};
   const ariaLabel = typeof children === "string" ? children : void 0;
   const baseProps = {
+    id,
     "aria-label": ariaLabel,
     className: bemClass,
     style: customStyle,
@@ -48,24 +51,31 @@ const Headline = /* @__PURE__ */ __name(({
   const renderHTag = /* @__PURE__ */ __name(({ children: headingChildren }) => {
     const HTag = type;
     const headingLevel = parseInt(type.charAt(1), 10);
-    return /* @__PURE__ */ jsx(HTag, { ...baseProps, "aria-level": headingLevel, children: animateText(headingChildren) });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      isHighlighted && /* @__PURE__ */ jsx(HeadlineEffectsLoader, {}),
+      /* @__PURE__ */ jsx(HTag, { ...baseProps, "aria-level": headingLevel, children: animateText(headingChildren) })
+    ] });
   }, "renderHTag");
   if (isRichtext) {
-    return /* @__PURE__ */ jsx(
-      RichText,
-      {
-        animated,
-        animationProps,
-        className: bem("headline", void 0, className),
-        itemProp: void 0,
-        linkComponent: void 0,
-        schema,
-        variant,
-        ...remainingProps,
-        overrideParagraph: /* @__PURE__ */ __name((textContent) => renderHTag({ children: textContent }), "overrideParagraph"),
-        children
-      }
-    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      isHighlighted && /* @__PURE__ */ jsx(HeadlineEffectsLoader, {}),
+      /* @__PURE__ */ jsx(
+        RichText,
+        {
+          animated,
+          animationProps,
+          className: bem("headline", void 0, className),
+          id,
+          itemProp: void 0,
+          linkComponent: void 0,
+          schema,
+          variant,
+          ...remainingProps,
+          overrideParagraph: /* @__PURE__ */ __name((textContent) => renderHTag({ children: textContent }), "overrideParagraph"),
+          children
+        }
+      )
+    ] });
   }
   return renderHTag({ children });
 }, "Headline");

package/dist/components/icon/Icon.module.scss.js

@@ -1,5 +1,3 @@
-const gradientMove = "gradientMove";
-const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
   "prokodo-Icon": "prokodo-Icon",
   "prokodo-Icon--primary": "prokodo-Icon--primary",
@@ -8,12 +6,8 @@ const styles = {
   "prokodo-Icon--success": "prokodo-Icon--success",
   "prokodo-Icon--warning": "prokodo-Icon--warning",
   "prokodo-Icon--error": "prokodo-Icon--error",
-  "prokodo-Icon--white": "prokodo-Icon--white",
-  gradientMove,
-  fadeInKeyframe
+  "prokodo-Icon--white": "prokodo-Icon--white"
 };
 export {
-  styles as default,
-  fadeInKeyframe,
-  gradientMove
+  styles as default
 };

package/dist/components/image/Image.module.scss.js

@@ -1,13 +1,7 @@
-const gradientMove = "gradientMove";
-const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
   "prokodo-Image": "prokodo-Image",
-  "prokodo-Image__caption": "prokodo-Image__caption",
-  gradientMove,
-  fadeInKeyframe
+  "prokodo-Image__caption": "prokodo-Image__caption"
 };
 export {
-  styles as default,
-  fadeInKeyframe,
-  gradientMove
+  styles as default
 };