@prokodo/ui 0.0.52 → 0.0.53

package/dist/components/post-widget-carousel/PostWidgetCarousel.view.js

@@ -0,0 +1,244 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsxs, jsx } from "react/jsx-runtime";
+import { isValidElement } from "react";
+import { create } from "../../helpers/bem.js";
+import { isString } from "../../helpers/validations.js";
+import styles from "./PostWidgetCarousel.module.scss.js";
+import { Carousel } from "../carousel/Carousel.js";
+import { Card } from "../card/Card.js";
+import { Headline } from "../headline/Headline.js";
+import { Link } from "../link/Link.js";
+import { Image } from "../image/Image.js";
+const bem = create(styles, "PostWidgetCarousel");
+function PostWidgetCarouselView(props) {
+  var _a, _b;
+  const {
+    autoplay = 5e3,
+    className,
+    title,
+    items = [],
+    classes,
+    componentsProps,
+    structuredData = true,
+    ...rest
+  } = props;
+  const cardMerged = {
+    animated: true,
+    enableShadow: true,
+    ...componentsProps == null ? void 0 : componentsProps.card,
+    ...rest,
+    variant: ((_a = componentsProps == null ? void 0 : componentsProps.card) == null ? void 0 : _a.variant) ?? (rest == null ? void 0 : rest.variant) ?? "white"
+  };
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      itemScope: true,
+      itemType: "https://schema.org/ItemList",
+      className: bem(
+        void 0,
+        void 0,
+        [className, classes == null ? void 0 : classes.root].filter(Boolean).join(" ")
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          Card,
+          {
+            ...cardMerged,
+            className: bem("card__container", void 0, classes == null ? void 0 : classes.cardContainer),
+            contentClassName: bem("card", void 0, classes == null ? void 0 : classes.card),
+            children: [
+              title && /* @__PURE__ */ jsx(
+                Headline,
+                {
+                  highlight: true,
+                  size: "md",
+                  type: "h2",
+                  ...{ ...title, ...(componentsProps == null ? void 0 : componentsProps.title) ?? {} },
+                  itemProp: "headline",
+                  className: bem(
+                    "title",
+                    void 0,
+                    [title == null ? void 0 : title.className, classes == null ? void 0 : classes.title].filter(Boolean).join(" ")
+                  ),
+                  variant: (title == null ? void 0 : title.variant) ?? ((_b = componentsProps == null ? void 0 : componentsProps.title) == null ? void 0 : _b.variant) ?? "secondary",
+                  children: title == null ? void 0 : title.content
+                }
+              ),
+              items.length > 0 && /* @__PURE__ */ jsx(
+                Carousel,
+                {
+                  enableControl: true,
+                  autoplay,
+                  className: bem("carousel", void 0, classes == null ? void 0 : classes.carousel),
+                  enableDots: false,
+                  itemsToShow: 1,
+                  classNameButtons: bem(
+                    "carousel__button",
+                    void 0,
+                    classes == null ? void 0 : classes.carouselButton
+                  ),
+                  classNameControls: bem(
+                    "carousel__buttons",
+                    void 0,
+                    classes == null ? void 0 : classes.carouselButtons
+                  ),
+                  classNameDots: bem(
+                    "carousel__dots",
+                    void 0,
+                    classes == null ? void 0 : classes.carouselDots
+                  ),
+                  classNameItem: bem(
+                    "carousel__item",
+                    void 0,
+                    classes == null ? void 0 : classes.carouselItem
+                  ),
+                  classNameWrapper: bem(
+                    "carousel__wrapper",
+                    void 0,
+                    classes == null ? void 0 : classes.carouselWrapper
+                  ),
+                  nextButton: {
+                    variant: "contained",
+                    color: "primary",
+                    iconProps: {
+                      size: "sm"
+                    }
+                  },
+                  prevButton: {
+                    variant: "contained",
+                    color: "primary",
+                    iconProps: {
+                      size: "sm"
+                    }
+                  },
+                  children: items.map((item, idx) => {
+                    var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+                    const key = `carousel-item-${((_a2 = item.title) == null ? void 0 : _a2.content) ?? idx}`;
+                    const imgBase = item.image;
+                    const imgMerged = imgBase ? {
+                      ...imgBase,
+                      ...(componentsProps == null ? void 0 : componentsProps.image) ?? {},
+                      ...((_b2 = item.componentsProps) == null ? void 0 : _b2.image) ?? {},
+                      className: bem(
+                        "carousel__item__image",
+                        void 0,
+                        [
+                          imgBase.className,
+                          classes == null ? void 0 : classes.carouselItemImage,
+                          (_c = item.classes) == null ? void 0 : _c.image
+                        ].filter(Boolean).join(" ")
+                      ),
+                      containerClassName: bem("carousel__item__image__container"),
+                      decoding: ((_e = (_d = item.componentsProps) == null ? void 0 : _d.image) == null ? void 0 : _e.decoding) ?? ((_f = componentsProps == null ? void 0 : componentsProps.image) == null ? void 0 : _f.decoding) ?? imgBase.decoding ?? "async",
+                      loading: ((_h = (_g = item.componentsProps) == null ? void 0 : _g.image) == null ? void 0 : _h.loading) ?? ((_i = componentsProps == null ? void 0 : componentsProps.image) == null ? void 0 : _i.loading) ?? imgBase.loading ?? "lazy",
+                      sizes: ((_k = (_j = item.componentsProps) == null ? void 0 : _j.image) == null ? void 0 : _k.sizes) ?? ((_l = componentsProps == null ? void 0 : componentsProps.image) == null ? void 0 : _l.sizes) ?? imgBase.sizes ?? "(max-width: 960px) 100vw, 100vw",
+                      ...isValidElement(imgBase == null ? void 0 : imgBase.imageComponent) ? { imageComponent: imgBase.imageComponent } : {}
+                    } : void 0;
+                    const linkMerged = {
+                      ...(componentsProps == null ? void 0 : componentsProps.link) ?? {},
+                      ...((_m = item.componentsProps) == null ? void 0 : _m.link) ?? {},
+                      ...item.redirect,
+                      className: bem(
+                        "carousel__item__image__link",
+                        void 0,
+                        [
+                          (_n = item.redirect) == null ? void 0 : _n.className,
+                          classes == null ? void 0 : classes.carouselItemImageLink,
+                          (_o = item.classes) == null ? void 0 : _o.imageLink
+                        ].filter(Boolean).join(" ")
+                      ),
+                      "aria-label": `Read more about ${item.title.content}`
+                    };
+                    return /* @__PURE__ */ jsxs("div", { children: [
+                      imgMerged && /* @__PURE__ */ jsx(Link, { ...linkMerged, children: /* @__PURE__ */ jsx(
+                        Image,
+                        {
+                          ...imgMerged,
+                          className: bem(
+                            "carousel__item__image",
+                            void 0,
+                            classes == null ? void 0 : classes.carouselItemImage
+                          ),
+                          containerClassName: bem(
+                            "carousel__item__image__container"
+                          )
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(
+                        Link,
+                        {
+                          ...(componentsProps == null ? void 0 : componentsProps.link) ?? {},
+                          ...((_p = item.componentsProps) == null ? void 0 : _p.link) ?? {},
+                          ...item.redirect,
+                          "aria-label": `Read more about ${item.title.content}`,
+                          className: bem(
+                            "carousel__item__link",
+                            void 0,
+                            [classes == null ? void 0 : classes.carouselItemLink, (_q = item.classes) == null ? void 0 : _q.link].filter(Boolean).join(" ")
+                          ),
+                          children: /* @__PURE__ */ jsx(
+                            Headline,
+                            {
+                              size: "md",
+                              type: "h3",
+                              ...item.title,
+                              ...(componentsProps == null ? void 0 : componentsProps.title) ?? {},
+                              ...((_r = item.componentsProps) == null ? void 0 : _r.headline) ?? {},
+                              itemProp: "headline",
+                              className: bem(
+                                "headline",
+                                void 0,
+                                [
+                                  (_s = item.title) == null ? void 0 : _s.className,
+                                  classes == null ? void 0 : classes.carouselItem,
+                                  (_t = item.classes) == null ? void 0 : _t.headline
+                                ].filter(Boolean).join(" ")
+                              ),
+                              variant: ((_u = item.title) == null ? void 0 : _u.variant) ?? ((_v = componentsProps == null ? void 0 : componentsProps.title) == null ? void 0 : _v.variant) ?? "inherit",
+                              children: (_w = item.title) == null ? void 0 : _w.content
+                            }
+                          )
+                        }
+                      )
+                    ] }, key);
+                  })
+                }
+              )
+            ]
+          }
+        ),
+        structuredData && items.length > 0 && /* @__PURE__ */ jsx(
+          "script",
+          {
+            type: "application/ld+json",
+            dangerouslySetInnerHTML: {
+              __html: JSON.stringify({
+                "@context": "https://schema.org",
+                "@type": "ItemList",
+                itemListElement: items.map((item, index) => {
+                  var _a2, _b2;
+                  return {
+                    "@type": "ListItem",
+                    position: index + 1,
+                    item: {
+                      "@type": "BlogPosting",
+                      headline: (_a2 = item.title) == null ? void 0 : _a2.content,
+                      image: isString(
+                        (_b2 = item.image) == null ? void 0 : _b2.src
+                      ) ? [item.image.src] : void 0
+                    }
+                  };
+                })
+              })
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+__name(PostWidgetCarouselView, "PostWidgetCarouselView");
+export {
+  PostWidgetCarouselView
+};

package/dist/components/rich-text/RichText.client.js

@@ -69,7 +69,9 @@ function RichTextClient({
       (child, i) => domNodeToReact(child, `${path}.${i}`)
     );
     const keyedChildren = normalize(
-      childReactNodes.map((c, i) => isValidElement(c) ? withKey(c, `${path}.c${i}`) : c)
+      childReactNodes.map(
+        (c, i) => isValidElement(c) ? withKey(c, `${path}.c${i}`) : c
+      )
     );
     switch (tagName) {
       case "h1":
@@ -198,7 +200,10 @@ function RichTextClient({
       className: bem(void 0, void 0, className),
       ...schema,
       ...props,
-      children: topLevelChildren.map((n, i) => /* @__PURE__ */ jsx(Fragment, { children: domNodeToReact(n) }, `top-level-${i}`))
+      children: topLevelChildren.map((n, i) => (
+        // eslint-disable-next-line react/no-array-index-key
+        /* @__PURE__ */ jsx(Fragment, { children: domNodeToReact(n) }, `top-level-${i}`)
+      ))
     }
   );
 }

package/dist/components/select/Select.view.js

@@ -36,11 +36,17 @@ function SelectView({
   const btnRef = _clientState == null ? void 0 : _clientState.buttonRef;
   const listRef = _clientState == null ? void 0 : _clientState.listRef;
   const selectedItems = Array.isArray(value) ? items.filter((i) => value.includes(i.value)) : items.filter((i) => i.value === value);
-  const display = selectedItems.length === 0 ? /* @__PURE__ */ jsx("span", { className: bem("button__inner", {
-    "is-placeholder": true,
-    "is-placeholder--disabled": Boolean(disabled),
-    expanded: open
-  }), children: placeholder }) : /* @__PURE__ */ jsx("span", { className: bem("button__inner", { expanded: open }), children: selectedItems.map((i, idx) => {
+  const display = selectedItems.length === 0 ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: bem("button__inner", {
+        "is-placeholder": true,
+        "is-placeholder--disabled": Boolean(disabled),
+        expanded: open
+      }),
+      children: placeholder
+    }
+  ) : /* @__PURE__ */ jsx("span", { className: bem("button__inner", { expanded: open }), children: selectedItems.map((i, idx) => {
     var _a;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       Boolean(iconVisible) && ((_a = i.icon) == null ? void 0 : _a.call(i)),
@@ -48,122 +54,132 @@ function SelectView({
       idx < selectedItems.length - 1 && ", "
     ] }, i == null ? void 0 : i.label);
   }) });
-  return /* @__PURE__ */ jsxs("div", { className: bem(void 0, {
-    fullWidth: Boolean(fullWidth)
-  }, className), children: [
-    !Boolean(hideLabel) && /* @__PURE__ */ jsx(
-      Label,
-      {
-        ...labelProps,
-        className: bem("label", void 0, labelProps == null ? void 0 : labelProps.className),
-        error: isError,
-        htmlFor: id,
-        label,
-        required,
-        type: "label"
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: bem("field", void 0, fieldClassName), children: [
-      /* @__PURE__ */ jsx(
-        "button",
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: bem(
+        void 0,
         {
-          ref: btnRef,
-          "aria-controls": listId,
-          "aria-describedby": errorId ?? helperId,
-          "aria-expanded": open,
-          "aria-haspopup": "listbox",
-          className: bem("button", { expanded: open }),
-          disabled,
-          id,
-          name,
-          type: "button",
-          onClick: _clientState == null ? void 0 : _clientState.onButtonClick,
-          onKeyDown: _clientState == null ? void 0 : _clientState.onButtonKey,
-          children: display
-        }
+          fullWidth: Boolean(fullWidth)
+        },
+        className
       ),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          name,
-          type: "hidden",
-          value: Array.isArray(value) ? value.join(",") : value ?? ""
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "ul",
-        {
-          ref: listRef,
-          className: bem("listbox", { "is-open": open, "is-closed": !open }),
-          hidden: !open,
-          id: listId,
-          role: "listbox",
-          tabIndex: -1,
-          children: [
-            !Boolean(required) && !Boolean(multiple) && /* @__PURE__ */ jsx(
-              "li",
-              {
-                "aria-selected": selectedItems.length === 0,
-                className: bem("item", { selected: selectedItems.length === 0 }),
-                role: "option",
-                onClick: /* @__PURE__ */ __name(() => _clientState == null ? void 0 : _clientState.onOptionClick(null), "onClick"),
-                onKeyDown: /* @__PURE__ */ __name(() => _clientState == null ? void 0 : _clientState.onOptionClick(null), "onKeyDown"),
-                children: placeholder
-              },
-              "placeholder"
-            ),
-            items.map((opt) => {
-              var _a;
-              const selected = Array.isArray(value) ? value.includes(opt.value) : opt.value === value;
-              return /* @__PURE__ */ jsxs(
-                "li",
-                {
-                  "aria-selected": selected,
-                  className: bem("item", { selected }),
-                  role: "option",
-                  onClick: /* @__PURE__ */ __name(() => _clientState == null ? void 0 : _clientState.onOptionClick(opt.value), "onClick"),
-                  onKeyDown: /* @__PURE__ */ __name(() => _clientState == null ? void 0 : _clientState.onOptionClick(opt.value), "onKeyDown"),
-                  children: [
-                    Boolean(multiple) && /* @__PURE__ */ jsx(
-                      "input",
-                      {
-                        readOnly: true,
-                        "aria-hidden": "true",
-                        className: bem("checkbox", { checked: selected }),
-                        defaultChecked: selected,
-                        type: "checkbox"
-                      }
-                    ),
-                    Boolean(iconVisible) && ((_a = opt.icon) == null ? void 0 : _a.call(opt)),
-                    opt.label
-                  ]
-                },
-                `${id}-${opt.value}`
-              );
-            })
-          ]
-        }
-      )
-    ] }),
-    (isError || Boolean(helperText)) && /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-live": isError ? "assertive" : "polite",
-        className: bem("helperText"),
-        id: errorId ?? helperId,
-        role: isError ? "alert" : void 0,
-        children: /* @__PURE__ */ jsx(
-          "span",
+      children: [
+        !Boolean(hideLabel) && /* @__PURE__ */ jsx(
+          Label,
           {
-            className: bem("helperText__content", {
-              "is-error": isError
-            }),
-            children: errorText ?? helperText
+            ...labelProps,
+            className: bem("label", void 0, labelProps == null ? void 0 : labelProps.className),
+            error: isError,
+            htmlFor: id,
+            label,
+            required,
+            type: "label"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: bem("field", void 0, fieldClassName), children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              ref: btnRef,
+              "aria-controls": listId,
+              "aria-describedby": errorId ?? helperId,
+              "aria-expanded": open,
+              "aria-haspopup": "listbox",
+              className: bem("button", { expanded: open }),
+              disabled,
+              id,
+              name,
+              type: "button",
+              onClick: _clientState == null ? void 0 : _clientState.onButtonClick,
+              onKeyDown: _clientState == null ? void 0 : _clientState.onButtonKey,
+              children: display
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              name,
+              type: "hidden",
+              value: Array.isArray(value) ? value.join(",") : value ?? ""
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "ul",
+            {
+              ref: listRef,
+              className: bem("listbox", { "is-open": open, "is-closed": !open }),
+              hidden: !open,
+              id: listId,
+              role: "listbox",
+              tabIndex: -1,
+              children: [
+                !Boolean(required) && !Boolean(multiple) && /* @__PURE__ */ jsx(
+                  "li",
+                  {
+                    "aria-selected": selectedItems.length === 0,
+                    className: bem("item", { selected: selectedItems.length === 0 }),
+                    role: "option",
+                    onClick: /* @__PURE__ */ __name(() => _clientState == null ? void 0 : _clientState.onOptionClick(null), "onClick"),
+                    onKeyDown: /* @__PURE__ */ __name(() => _clientState == null ? void 0 : _clientState.onOptionClick(null), "onKeyDown"),
+                    children: placeholder
+                  },
+                  "placeholder"
+                ),
+                items.map((opt) => {
+                  var _a;
+                  const selected = Array.isArray(value) ? value.includes(opt.value) : opt.value === value;
+                  return /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      "aria-selected": selected,
+                      className: bem("item", { selected }),
+                      role: "option",
+                      onClick: /* @__PURE__ */ __name(() => _clientState == null ? void 0 : _clientState.onOptionClick(opt.value), "onClick"),
+                      onKeyDown: /* @__PURE__ */ __name(() => _clientState == null ? void 0 : _clientState.onOptionClick(opt.value), "onKeyDown"),
+                      children: [
+                        Boolean(multiple) && /* @__PURE__ */ jsx(
+                          "input",
+                          {
+                            readOnly: true,
+                            "aria-hidden": "true",
+                            className: bem("checkbox", { checked: selected }),
+                            defaultChecked: selected,
+                            type: "checkbox"
+                          }
+                        ),
+                        Boolean(iconVisible) && ((_a = opt.icon) == null ? void 0 : _a.call(opt)),
+                        opt.label
+                      ]
+                    },
+                    `${id}-${opt.value}`
+                  );
+                })
+              ]
+            }
+          )
+        ] }),
+        (isError || Boolean(helperText)) && /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-live": isError ? "assertive" : "polite",
+            className: bem("helperText"),
+            id: errorId ?? helperId,
+            role: isError ? "alert" : void 0,
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: bem("helperText__content", {
+                  "is-error": isError
+                }),
+                children: errorText ?? helperText
+              }
+            )
           }
         )
-      }
-    )
-  ] });
+      ]
+    }
+  );
 }
 __name(SelectView, "SelectView");
 export {

package/dist/components/sidenav/SideNav.client.js

@@ -10,9 +10,7 @@ function SidebarClient({
   onChange,
   ...props
 }) {
-  const [collapsed, setCollapsed] = useState(
-    props.initialCollapsed ?? false
-  );
+  const [collapsed, setCollapsed] = useState(props.initialCollapsed ?? false);
   useEffect(() => {
     const stored = localStorage.getItem(STORAGE_KEY);
     if (stored !== null) setCollapsed(stored === "1");
@@ -23,21 +21,24 @@ function SidebarClient({
       return !c;
     });
   }, "handleToggle");
-  const formatedItems = useMemo(() => items.map((el) => {
-    var _a;
-    return {
-      ...el,
-      redirect: (el == null ? void 0 : el.redirect) && {
-        ...el == null ? void 0 : el.redirect,
-        href: ((_a = el == null ? void 0 : el.redirect) == null ? void 0 : _a.href) ?? "",
-        onClick: /* @__PURE__ */ __name((e) => {
-          var _a2, _b;
-          (_b = (_a2 = el == null ? void 0 : el.redirect) == null ? void 0 : _a2.onClick) == null ? void 0 : _b.call(_a2, e);
-          onChange == null ? void 0 : onChange(el);
-        }, "onClick")
-      }
-    };
-  }), [items, onChange]);
+  const formatedItems = useMemo(
+    () => items.map((el) => {
+      var _a;
+      return {
+        ...el,
+        redirect: (el == null ? void 0 : el.redirect) && {
+          ...el == null ? void 0 : el.redirect,
+          href: ((_a = el == null ? void 0 : el.redirect) == null ? void 0 : _a.href) ?? "",
+          onClick: /* @__PURE__ */ __name((e) => {
+            var _a2, _b;
+            (_b = (_a2 = el == null ? void 0 : el.redirect) == null ? void 0 : _a2.onClick) == null ? void 0 : _b.call(_a2, e);
+            onChange == null ? void 0 : onChange(el);
+          }, "onClick")
+        }
+      };
+    }),
+    [items, onChange]
+  );
   return /* @__PURE__ */ jsx(
     SideNavView,
     {

package/dist/components/sidenav/SideNav.server.js

@@ -3,7 +3,14 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { jsx } from "react/jsx-runtime";
 import SideNavView from "./SideNav.view.js";
 function SideNavServer(props) {
-  return /* @__PURE__ */ jsx(SideNavView, { ...props, collapsed: props.initialCollapsed ?? false, interactive: false });
+  return /* @__PURE__ */ jsx(
+    SideNavView,
+    {
+      ...props,
+      collapsed: props.initialCollapsed ?? false,
+      interactive: false
+    }
+  );
 }
 __name(SideNavServer, "SideNavServer");
 export {

package/dist/components/sidenav/SideNav.view.js

@@ -20,7 +20,14 @@ function SideNavView({
   className
 }) {
   const renderItem = /* @__PURE__ */ __name((icon, label) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: bem("icon__wrapper"), children: /* @__PURE__ */ jsx(Icon, { size: 25, ...icon, className: bem("icon", void 0, icon == null ? void 0 : icon.className) }) }),
+    /* @__PURE__ */ jsx("div", { className: bem("icon__wrapper"), children: /* @__PURE__ */ jsx(
+      Icon,
+      {
+        size: 25,
+        ...icon,
+        className: bem("icon", void 0, icon == null ? void 0 : icon.className)
+      }
+    ) }),
     !collapsed && /* @__PURE__ */ jsx("span", { className: bem("label", { collapsed }), children: label })
   ] }), "renderItem");
   return /* @__PURE__ */ jsxs(
@@ -38,7 +45,14 @@ function SideNavView({
             type: "button",
             onClick: onToggle,
             children: [
-              /* @__PURE__ */ jsx(Icon, { size: "md", ...iconProps, name: collapsed ? collapsedIcon : unCollapsedIcon }),
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  size: "md",
+                  ...iconProps,
+                  name: collapsed ? collapsedIcon : unCollapsedIcon
+                }
+              ),
               /* @__PURE__ */ jsx("span", { className: bem("collape__label", { "is-hidden": collapsed }), children: collapsed ? collapsedLabel : unCollapsedLabel })
             ]
           }
@@ -47,8 +61,12 @@ function SideNavView({
           Link,
           {
             ...redirect,
-            className: bem("link", { collapsed, "is-active": Boolean(active) }, redirect == null ? void 0 : redirect.className),
             href: redirect.href,
+            className: bem(
+              "link",
+              { collapsed, "is-active": Boolean(active) },
+              redirect == null ? void 0 : redirect.className
+            ),
             children: renderItem(icon, label)
           }
         ) : /* @__PURE__ */ jsx(Fragment, { children: renderItem(icon, label) }) }, label)) }) })

package/dist/components/skeleton/Skeleton.effects.client.js

@@ -2,7 +2,9 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useEffect } from "react";
-function SkeletonEffectsLoader({ animation }) {
+function SkeletonEffectsLoader({
+  animation
+}) {
   useEffect(() => {
     if (animation && animation !== "none") {
       void import("./Skeleton.effects.module.scss.js");