@prokodo/ui 0.0.52 → 0.0.53

package/dist/components/calendly/Calendly.client.js

@@ -45,10 +45,12 @@ function CalendlyClient(props) {
     if (Boolean(hideDetails)) p.set("hide_landing_page_details", "1");
     if (Boolean(hideEventTypeDetails)) p.set("hide_event_type_details", "1");
     if (Boolean(hideCookieSettings)) p.set("hide_gdpr_banner", "1");
-    if (isString(colors.background)) p.set("background_color", format(colors == null ? void 0 : colors.background));
+    if (isString(colors.background))
+      p.set("background_color", format(colors == null ? void 0 : colors.background));
     if (isString(colors.text)) p.set("text_color", format(colors.text));
     if (isString(colors.button)) p.set("primary_color", format(colors.button));
-    if (isString(data == null ? void 0 : data.utm_campaign)) p.set("utm_campaign", (data == null ? void 0 : data.utm_campaign) ?? "");
+    if (isString(data == null ? void 0 : data.utm_campaign))
+      p.set("utm_campaign", (data == null ? void 0 : data.utm_campaign) ?? "");
     if (isString(data == null ? void 0 : data.utm_source)) p.set("utm_source", (data == null ? void 0 : data.utm_source) ?? "");
     return calendlyId ? `https://calendly.com/${calendlyId}?${p.toString()}` : "";
   }, [
@@ -59,48 +61,51 @@ function CalendlyClient(props) {
     hideEventTypeDetails,
     hideCookieSettings
   ]);
-  const tryInit = useCallback((attempt = 0) => {
-    const host = calendlyRef.current;
-    if (!host) return;
-    if (didInitRef.current) return;
-    if (host.dataset.initialized === "1") return;
-    if (widgetInitialized) return;
-    if (!calendlyId) {
-      setError("Calendly ID missing.");
-      return;
-    }
-    if (!dataUrl) {
-      setError("Calendly URL could not be built.");
-      return;
-    }
-    if (window.Calendly) {
-      try {
-        host.innerHTML = "";
-      } catch {
+  const tryInit = useCallback(
+    (attempt = 0) => {
+      const host = calendlyRef.current;
+      if (!host) return;
+      if (didInitRef.current) return;
+      if (host.dataset.initialized === "1") return;
+      if (widgetInitialized) return;
+      if (!calendlyId) {
+        setError("Calendly ID missing.");
+        return;
       }
-      host.setAttribute("data-url", dataUrl);
-      window.Calendly.initInlineWidget({
-        url: dataUrl,
-        parentElement: host,
-        prefill: safePrefill()
-      });
-      setWidgetInitialized(true);
-      didInitRef.current = true;
-      host.dataset.initialized = "1";
-      setWidgetInitialized(true);
-      if (process.env.NODE_ENV !== "production" && !devWarnedTwice) {
-        devWarnedTwice = true;
-        console.debug("[Calendly] widget initialized");
+      if (!dataUrl) {
+        setError("Calendly URL could not be built.");
+        return;
       }
-      return;
-    }
-    if (attempt < 10) {
-      setTimeout(() => tryInit(attempt + 1), 100);
-    } else {
-      console.warn("Calendly widget failed to load.");
-      setError("Calendly widget failed to load.");
-    }
-  }, [dataUrl, safePrefill, widgetInitialized, calendlyId]);
+      if (window.Calendly) {
+        try {
+          host.innerHTML = "";
+        } catch {
+        }
+        host.setAttribute("data-url", dataUrl);
+        window.Calendly.initInlineWidget({
+          url: dataUrl,
+          parentElement: host,
+          prefill: safePrefill()
+        });
+        setWidgetInitialized(true);
+        didInitRef.current = true;
+        host.dataset.initialized = "1";
+        setWidgetInitialized(true);
+        if (process.env.NODE_ENV !== "production" && !devWarnedTwice) {
+          devWarnedTwice = true;
+          console.debug("[Calendly] widget initialized");
+        }
+        return;
+      }
+      if (attempt < 10) {
+        setTimeout(() => tryInit(attempt + 1), 100);
+      } else {
+        console.warn("Calendly widget failed to load.");
+        setError("Calendly widget failed to load.");
+      }
+    },
+    [dataUrl, safePrefill, widgetInitialized, calendlyId]
+  );
   const onAnimate = useCallback(
     (visible) => {
       visibleRef.current = visible;
@@ -109,18 +114,21 @@ function CalendlyClient(props) {
     },
     [scriptLoaded, widgetInitialized, tryInit]
   );
-  useEffect(() => () => {
-    const host = calendlyRef.current;
-    if (host) {
-      try {
-        host.innerHTML = "";
-        delete host.dataset.initialized;
-      } catch {
+  useEffect(
+    () => () => {
+      const host = calendlyRef.current;
+      if (host) {
+        try {
+          host.innerHTML = "";
+          delete host.dataset.initialized;
+        } catch {
+        }
       }
-    }
-    didInitRef.current = false;
-    setWidgetInitialized(false);
-  }, []);
+      didInitRef.current = false;
+      setWidgetInitialized(false);
+    },
+    []
+  );
   useEffect(() => {
     if (scriptAlreadyLoaded || typeof document === "undefined") {
       setScriptLoaded(true);
@@ -138,7 +146,8 @@ function CalendlyClient(props) {
     };
     document.body.appendChild(s);
     const watchdog = window.setTimeout(() => {
-      if (!scriptAlreadyLoaded) setError("Calendly script did not load (timeout).");
+      if (!scriptAlreadyLoaded)
+        setError("Calendly script did not load (timeout).");
     }, 8e3);
     return () => clearTimeout(watchdog);
   }, []);

package/dist/components/calendly/Calendly.server.js

@@ -2,7 +2,9 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { jsx } from "react/jsx-runtime";
 import { CalendlyView } from "./Calendly.view.js";
-function CalendlyServer({ ...rest }) {
+function CalendlyServer({
+  ...rest
+}) {
   rest == null ? true : delete rest.hideCookieSettings;
   return /* @__PURE__ */ jsx(CalendlyView, { ...rest });
 }

package/dist/components/card/Card.client.js

@@ -20,7 +20,8 @@ function CardClient({
   }, [onClick]);
   const handleKey = useCallback(
     (e) => {
-      if (e.code === "Enter" && typeof onClick === "function" && !Boolean(disabled)) onClick();
+      if (e.code === "Enter" && typeof onClick === "function" && !Boolean(disabled))
+        onClick();
       onKeyDown == null ? void 0 : onKeyDown(e);
     },
     [onClick, onKeyDown, disabled]

package/dist/components/card/Card.effects.client.js

@@ -2,7 +2,11 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useEffect } from "react";
-function CardEffectsLoader({ useReveal, useHighlight, useGradient }) {
+function CardEffectsLoader({
+  useReveal,
+  useHighlight,
+  useGradient
+}) {
   useEffect(() => {
     if (Boolean(useReveal) || Boolean(useHighlight) || Boolean(useGradient)) {
       void import("./Card.effects.module.scss.js");

package/dist/components/card/Card.view.js

@@ -75,7 +75,17 @@ function CardView({
               ...skeletonProps
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: bem("content", { "has-link": Boolean(redirect == null ? void 0 : redirect.href) }, contentClassName), children }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: bem(
+                "content",
+                { "has-link": Boolean(redirect == null ? void 0 : redirect.href) },
+                contentClassName
+              ),
+              children
+            }
+          ),
           Boolean(gradiant) && /* @__PURE__ */ jsx(
             "div",
             {
@@ -112,7 +122,14 @@ function CardView({
     }
   ) : innerCard;
   if (animated) {
-    return /* @__PURE__ */ jsx(Animated, { animation: customAnimation, ...animatedProps, children: content });
+    return /* @__PURE__ */ jsx(
+      Animated,
+      {
+        animation: customAnimation,
+        ...animatedProps,
+        children: content
+      }
+    );
   }
   return content;
 }

package/dist/components/carousel/Carousel.client.js

@@ -17,6 +17,7 @@ function CarouselClient(props) {
     ref,
     autoplay,
     enableControl,
+    enableDots = true,
     itemsToShow = 1,
     className,
     classNameControls,
@@ -26,6 +27,8 @@ function CarouselClient(props) {
     classNameDots,
     classNameDot,
     classNameDotActive,
+    prevButton,
+    nextButton,
     responsive,
     onKeyDown,
     onMouseEnter,
@@ -114,19 +117,16 @@ function CarouselClient(props) {
     const offset = -current * (100 / effectiveItemsToShow);
     return `translateX(${offset}%)`;
   }, "getTransformValue");
-  if (num === 0) return /* @__PURE__ */ jsx(Skeleton, { height: "200px", variant: "rectangular", width: "100%" });
+  if (num === 0)
+    return /* @__PURE__ */ jsx(Skeleton, { height: "200px", variant: "rectangular", width: "100%" });
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ...rest,
       ref: setHostRef,
+      className: bem(void 0, { "is-active": mouseActive }, className),
       role: "button",
       tabIndex: 0,
-      className: bem(
-        void 0,
-        { "is-active": mouseActive },
-        className
-      ),
       onKeyDown: /* @__PURE__ */ __name((e) => {
         onKeyDown == null ? void 0 : onKeyDown(e);
         switch (e.key) {
@@ -202,18 +202,32 @@ function CarouselClient(props) {
             Button,
             {
               "aria-label": "previous",
-              className: bem("button", void 0, classNameButtons),
-              iconProps: { name: "ArrowLeft01Icon", size: "md", color: "white" },
               variant: "outlined",
+              ...prevButton,
+              className: bem(
+                "button",
+                void 0,
+                `${classNameButtons} ${(prevButton == null ? void 0 : prevButton.className) ?? ""}`
+              ),
+              iconProps: {
+                name: "ArrowLeft01Icon",
+                size: "md",
+                color: "white",
+                ...prevButton == null ? void 0 : prevButton.iconProps
+              },
               onClick: /* @__PURE__ */ __name(() => slide(PREV), "onClick")
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: bem("dots", void 0, classNameDots), children: childrenArr.map((_, i) => {
+          enableDots && /* @__PURE__ */ jsx("span", { className: bem("dots", void 0, classNameDots), children: childrenArr.map((_, i) => {
             const active = i === (current - effectiveItemsToShow + num) % num;
             return /* @__PURE__ */ jsx(
               "button",
               {
-                className: bem("dots__dot", { "is-active": active }, `${classNameDot} ${active ? classNameDotActive ?? "" : ""}`),
+                className: bem(
+                  "dots__dot",
+                  { "is-active": active },
+                  `${classNameDot} ${active ? classNameDotActive ?? "" : ""}`
+                ),
                 onClick: /* @__PURE__ */ __name(() => slideTo(i), "onClick"),
                 onKeyDown: /* @__PURE__ */ __name((e) => e.key === "Enter" && slideTo(i), "onKeyDown")
               },
@@ -224,9 +238,19 @@ function CarouselClient(props) {
             Button,
             {
               "aria-label": "next",
-              className: bem("button", void 0, classNameButtons),
-              iconProps: { name: "ArrowRight01Icon", size: "md", color: "white" },
               variant: "outlined",
+              ...nextButton,
+              className: bem(
+                "button",
+                void 0,
+                `${classNameButtons} ${(nextButton == null ? void 0 : nextButton.className) ?? ""}`
+              ),
+              iconProps: {
+                name: "ArrowRight01Icon",
+                size: "md",
+                color: "white",
+                ...nextButton == null ? void 0 : nextButton.iconProps
+              },
               onClick: /* @__PURE__ */ __name(() => slide(NEXT), "onClick")
             }
           )

package/dist/components/chip/Chip.view.js

@@ -24,12 +24,16 @@ function ChipView({
       ...rest,
       role: "button",
       tabIndex: isClickable ? 0 : -1,
-      className: bem(void 0, {
-        [variant]: true,
-        "has-icon": typeof onDelete === "function",
-        "is-clickable": isClickable,
-        [`${variant}--${color}`]: true
-      }, className),
+      className: bem(
+        void 0,
+        {
+          [variant]: true,
+          "has-icon": typeof onDelete === "function",
+          "is-clickable": isClickable,
+          [`${variant}--${color}`]: true
+        },
+        className
+      ),
       onClick,
       onKeyDown,
       children: [

package/dist/components/datePicker/DatePicker.client.js

@@ -43,45 +43,61 @@ const DatePickerClient = /* @__PURE__ */ __name(({
       if (incoming) setError(void 0);
     }
   }, [value, unit]);
-  const emitRaw = useCallback((raw) => {
-    if (raw === "") {
-      if (date !== null) setDate(null);
+  const emitRaw = useCallback(
+    (raw) => {
+      if (raw === "") {
+        if (date !== null) setDate(null);
+        if (isString(error)) setError(void 0);
+        onValidate == null ? void 0 : onValidate(name, void 0);
+        onChange == null ? void 0 : onChange(null);
+        return;
+      }
+      const parsed = dayjs(raw, fmt, true);
+      const year = parsed.isValid() ? parsed.year() : dayjs(raw).year();
+      if (!parsed.isValid() || year > 9999 || year < 100) {
+        const msg = withTime ? "Invalid date/time format." : "Invalid date format.";
+        setError(msg);
+        onValidate == null ? void 0 : onValidate(name, msg);
+        onChange == null ? void 0 : onChange(null);
+        return;
+      }
+      if (!isNull(minDate) && parsed.isBefore(dayjs(minDate), unit)) {
+        const msg = (translations == null ? void 0 : translations.minDate) ?? (dayjs(minDate).isSame(dayjs(), unit) ? withTime ? "Date/time cannot be in the past." : "Date cannot be in the past." : `Must be ≥ ${dayjs(minDate).format(fmt)}`);
+        setError(msg);
+        onValidate == null ? void 0 : onValidate(name, msg);
+        onChange == null ? void 0 : onChange(null);
+        return;
+      }
+      if (!isNull(maxDate) && parsed.isAfter(dayjs(maxDate), unit)) {
+        const msg = (translations == null ? void 0 : translations.maxDate) ?? (dayjs(maxDate).isSame(dayjs(), unit) ? withTime ? "Date/time cannot be in the future." : "Date cannot be in the future." : `Must be ≤ ${dayjs(maxDate).format(fmt)}`);
+        setError(msg);
+        onValidate == null ? void 0 : onValidate(name, msg);
+        onChange == null ? void 0 : onChange(null);
+        return;
+      }
+      const snapped = withTime ? parsed.minute(
+        Math.round(parsed.minute() / Math.max(1, minuteStep)) * Math.max(1, minuteStep)
+      ) : parsed;
+      if (!sameByUnit(date, snapped, unit)) setDate(snapped);
       if (isString(error)) setError(void 0);
       onValidate == null ? void 0 : onValidate(name, void 0);
-      onChange == null ? void 0 : onChange(null);
-      return;
-    }
-    const parsed = dayjs(raw, fmt, true);
-    const year = parsed.isValid() ? parsed.year() : dayjs(raw).year();
-    if (!parsed.isValid() || year > 9999 || year < 100) {
-      const msg = withTime ? "Invalid date/time format." : "Invalid date format.";
-      setError(msg);
-      onValidate == null ? void 0 : onValidate(name, msg);
-      onChange == null ? void 0 : onChange(null);
-      return;
-    }
-    if (!isNull(minDate) && parsed.isBefore(dayjs(minDate), unit)) {
-      const msg = (translations == null ? void 0 : translations.minDate) ?? (dayjs(minDate).isSame(dayjs(), unit) ? withTime ? "Date/time cannot be in the past." : "Date cannot be in the past." : `Must be ≥ ${dayjs(minDate).format(fmt)}`);
-      setError(msg);
-      onValidate == null ? void 0 : onValidate(name, msg);
-      onChange == null ? void 0 : onChange(null);
-      return;
-    }
-    if (!isNull(maxDate) && parsed.isAfter(dayjs(maxDate), unit)) {
-      const msg = (translations == null ? void 0 : translations.maxDate) ?? (dayjs(maxDate).isSame(dayjs(), unit) ? withTime ? "Date/time cannot be in the future." : "Date cannot be in the future." : `Must be ≤ ${dayjs(maxDate).format(fmt)}`);
-      setError(msg);
-      onValidate == null ? void 0 : onValidate(name, msg);
-      onChange == null ? void 0 : onChange(null);
-      return;
-    }
-    const snapped = withTime ? parsed.minute(
-      Math.round(parsed.minute() / Math.max(1, minuteStep)) * Math.max(1, minuteStep)
-    ) : parsed;
-    if (!sameByUnit(date, snapped, unit)) setDate(snapped);
-    if (isString(error)) setError(void 0);
-    onValidate == null ? void 0 : onValidate(name, void 0);
-    onChange == null ? void 0 : onChange(snapped);
-  }, [date, error, fmt, maxDate, minDate, minuteStep, name, onChange, onValidate, translations, unit, withTime]);
+      onChange == null ? void 0 : onChange(snapped);
+    },
+    [
+      date,
+      error,
+      fmt,
+      maxDate,
+      minDate,
+      minuteStep,
+      name,
+      onChange,
+      onValidate,
+      translations,
+      unit,
+      withTime
+    ]
+  );
   return /* @__PURE__ */ jsx(
     DatePickerView,
     {

package/dist/components/datePicker/DatePicker.view.js

@@ -29,7 +29,9 @@ function DatePickerView({
   const computedStep = withTime ? Math.max(1, minuteStep) * 60 : void 0;
   const { step: _ignored, ...restWithoutStep } = rest;
   const handleInput = /* @__PURE__ */ __name((e) => {
-    onChangeInput == null ? void 0 : onChangeInput(e.currentTarget.value);
+    onChangeInput == null ? void 0 : onChangeInput(
+      e.currentTarget.value
+    );
   }, "handleInput");
   const handleChange = /* @__PURE__ */ __name((e) => {
     onChangeInput == null ? void 0 : onChangeInput(e.currentTarget.value);

package/dist/components/dialog/Dialog.client.js

@@ -5,7 +5,13 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useState, useCallback, useEffect, useImperativeHandle } from "react";
 import { DialogView } from "./Dialog.view.js";
 const FADE_DURATION = 300;
-function DialogClient({ open = false, closeOnBackdropClick = true, onChange, onClose, ...props }, ref) {
+function DialogClient({
+  open = false,
+  closeOnBackdropClick = true,
+  onChange,
+  onClose,
+  ...props
+}, ref) {
   const triggerRef = useRef(null);
   const closeButtonRef = useRef(null);
   const containerRef = useRef(null);
@@ -20,20 +26,22 @@ function DialogClient({ open = false, closeOnBackdropClick = true, onChange, onC
       (_a = closeButtonRef.current) == null ? void 0 : _a.focus();
     }
   }, [isOpen]);
-  const closeDialog = useCallback((reson) => {
-    setIsOpen(false);
-    onClose == null ? void 0 : onClose();
-    setTimeout(() => {
-      var _a;
-      onChange == null ? void 0 : onChange({}, reson ?? "backdropClick", false);
-      (_a = triggerRef.current) == null ? void 0 : _a.focus();
-    }, FADE_DURATION);
-  }, [onChange, onClose]);
-  useImperativeHandle(
-    ref,
-    () => ({ openDialog, closeDialog }),
-    [openDialog, closeDialog]
+  const closeDialog = useCallback(
+    (reson) => {
+      setIsOpen(false);
+      onClose == null ? void 0 : onClose();
+      setTimeout(() => {
+        var _a;
+        onChange == null ? void 0 : onChange({}, reson ?? "backdropClick", false);
+        (_a = triggerRef.current) == null ? void 0 : _a.focus();
+      }, FADE_DURATION);
+    },
+    [onChange, onClose]
   );
+  useImperativeHandle(ref, () => ({ openDialog, closeDialog }), [
+    openDialog,
+    closeDialog
+  ]);
   useEffect(() => {
     if (open) openDialog();
   }, [open, openDialog]);

package/dist/components/dialog/Dialog.view.js

@@ -73,7 +73,11 @@ function DialogView({
                   ...closeButtonProps,
                   ref: closeButtonRef,
                   "aria-label": (closeButtonProps == null ? void 0 : closeButtonProps["aria-label"]) ?? (translations == null ? void 0 : translations.close),
-                  className: bem("header__button", void 0, closeButtonProps == null ? void 0 : closeButtonProps.className),
+                  className: bem(
+                    "header__button",
+                    void 0,
+                    closeButtonProps == null ? void 0 : closeButtonProps.className
+                  ),
                   onClick: onClose,
                   onKeyDown: onCloseKeyDown,
                   children: [
@@ -83,7 +87,11 @@ function DialogView({
                         name: "Cancel01Icon",
                         size: "xs",
                         ...closeButtonProps == null ? void 0 : closeButtonProps.iconProps,
-                        className: bem("header__button__icon", void 0, (_a = closeButtonProps == null ? void 0 : closeButtonProps.iconProps) == null ? void 0 : _a.className)
+                        className: bem(
+                          "header__button__icon",
+                          void 0,
+                          (_a = closeButtonProps == null ? void 0 : closeButtonProps.iconProps) == null ? void 0 : _a.className
+                        )
                       }
                     ),
                     (closeButtonProps == null ? void 0 : closeButtonProps.title) ?? (translations == null ? void 0 : translations.close) ?? "Close"

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

@@ -4,7 +4,12 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useRef, useState, useLayoutEffect, useEffect, useCallback, useImperativeHandle } from "react";
 import { DrawerView } from "./Drawer.view.js";
-function DrawerClient({ open = false, closeOnBackdropClick = true, onChange, ...props }, ref) {
+function DrawerClient({
+  open = false,
+  closeOnBackdropClick = true,
+  onChange,
+  ...props
+}, ref) {
   const triggerRef = useRef(null);
   const closeButtonRef = useRef(null);
   const containerRef = useRef(null);
@@ -96,7 +101,10 @@ function DrawerClient({ open = false, closeOnBackdropClick = true, onChange, ...
       });
     });
   }, []);
-  useImperativeHandle(ref, () => ({ openDrawer, closeDrawer }), [openDrawer, closeDrawer]);
+  useImperativeHandle(ref, () => ({ openDrawer, closeDrawer }), [
+    openDrawer,
+    closeDrawer
+  ]);
   if (!mounted) return null;
   return /* @__PURE__ */ jsx(
     DrawerView,

package/dist/components/drawer/Drawer.effects.client.js

@@ -42,7 +42,8 @@ const DrawerEffectsLoader = /* @__PURE__ */ __name(({
     if (!container) return;
     if (isOpen) {
       lastFocused.current = document.activeElement ?? null;
-      if (!container.hasAttribute("tabindex")) container.setAttribute("tabindex", "-1");
+      if (!container.hasAttribute("tabindex"))
+        container.setAttribute("tabindex", "-1");
       const first = (closeButtonRef == null ? void 0 : closeButtonRef.current) ?? container.querySelector(FOCUSABLE) ?? container;
       first.focus({ preventScroll: true });
     } else {
@@ -60,7 +61,11 @@ const DrawerEffectsLoader = /* @__PURE__ */ __name(({
         return;
       }
       if (e.key !== "Tab") return;
-      const nodes = Array.from(container.querySelectorAll(FOCUSABLE)).filter((el) => !Boolean(el.hasAttribute("inert")) && !isString(el.getAttribute("aria-hidden")));
+      const nodes = Array.from(
+        container.querySelectorAll(FOCUSABLE)
+      ).filter(
+        (el) => !Boolean(el.hasAttribute("inert")) && !isString(el.getAttribute("aria-hidden"))
+      );
       const [first] = nodes;
       const last = nodes.at(-1);
       if (!first || !last) return;

package/dist/components/dynamic-list/DynamicList.client.js

@@ -14,9 +14,7 @@ function DynamicListClient({
   ...props
 }) {
   const isSingle = fields.length === 1;
-  const [items, setItems] = useState(
-    () => controlledItems ?? []
-  );
+  const [items, setItems] = useState(() => controlledItems ?? []);
   useEffect(() => {
     if (controlledItems !== void 0) {
       setItems(controlledItems);
@@ -62,10 +60,13 @@ function DynamicListClient({
   const handleAdd = useCallback(
     (e) => {
       var _a;
-      const empty = isSingle ? "" : fields.reduce((obj, f) => {
-        obj[(f == null ? void 0 : f.name) ?? ""] = "";
-        return obj;
-      }, {});
+      const empty = isSingle ? "" : fields.reduce(
+        (obj, f) => {
+          obj[(f == null ? void 0 : f.name) ?? ""] = "";
+          return obj;
+        },
+        {}
+      );
       const next = [...items, empty];
       setItems(next);
       (_a = buttonAddProps == null ? void 0 : buttonAddProps.onClick) == null ? void 0 : _a.call(buttonAddProps, e);

package/dist/components/dynamic-list/DynamicList.server.js

@@ -4,10 +4,16 @@ import { jsx } from "react/jsx-runtime";
 import { DynamicListView } from "./DynamicList.view.js";
 function DynamicListServer(props) {
   const { buttonDeleteProps, ...rest } = props;
-  return /* @__PURE__ */ jsx(DynamicListView, { ...rest, buttonDeleteProps: {
-    ...buttonDeleteProps,
-    onClick: void 0
-  } });
+  return /* @__PURE__ */ jsx(
+    DynamicListView,
+    {
+      ...rest,
+      buttonDeleteProps: {
+        ...buttonDeleteProps,
+        onClick: void 0
+      }
+    }
+  );
 }
 __name(DynamicListServer, "DynamicListServer");
 export {

package/dist/components/dynamic-list/DynamicList.view.js

@@ -70,8 +70,8 @@ function DynamicListView({
                         "data-index": idx,
                         disabled: disabled ?? (field == null ? void 0 : field.disabled),
                         id: `${name}-${idx}-${field.name}`,
-                        name: single ? `${name}[${idx}]` : `${name}[${idx}].${field.name}`,
                         required: required ?? (field == null ? void 0 : field.required),
+                        name: single ? `${name}[${idx}]` : `${name}[${idx}].${field.name}`,
                         value: single ? item : item[(field == null ? void 0 : field.name) ?? ""]
                       },
                       field.name