@prokodo/ui 0.0.41 → 0.0.43

package/dist/components/form/FormField.server.js

@@ -4,11 +4,11 @@ import { jsx } from "react/jsx-runtime";
 import { create } from "../../helpers/bem.js";
 import styles from "./FormField.module.scss.js";
 import { DatePicker } from "../datePicker/DatePicker.js";
-import { Input } from "../input/Input.js";
 import { Select } from "../select/Select.js";
 import { Slider } from "../slider/Slider.js";
 import { Switch } from "../switch/Switch.js";
 import { GridRow } from "../grid/GridRow.js";
+import { Input } from "../input/Input.js";
 const bem = create(styles, "FormField");
 function FormFieldServer({
   fieldType,
@@ -56,6 +56,7 @@ function FormFieldServer({
         /* @__PURE__ */ jsx(
           Input,
           {
+            readOnly: true,
             errorTranslations: (_a = messagesFields == null ? void 0 : messagesFields.errors) == null ? void 0 : _a.input,
             ...props
           }
@@ -66,6 +67,7 @@ function FormFieldServer({
         /* @__PURE__ */ jsx(
           DatePicker,
           {
+            readOnly: true,
             ...props,
             translations: (_b = messagesFields == null ? void 0 : messagesFields.errors) == null ? void 0 : _b.date
           }

package/dist/components/form/FormResponse.js

@@ -11,6 +11,7 @@ const FormResponse = /* @__PURE__ */ __name(({ className, messages, ...props })
   const listItems = errorKeys.map((key) => {
     var _a, _b;
     return {
+      id: key,
       title: key.charAt(0).toUpperCase() + key.slice(1),
       desc: (messages == null ? void 0 : messages.errors) ? (_b = (_a = messages.errors) == null ? void 0 : _a[key]) == null ? void 0 : _b.join(", ") : "",
       className: bem("errors__item")

package/dist/components/label/Label.js

@@ -1,12 +1,12 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { create } from "../../helpers/bem.js";
 import styles from "./Label.module.scss.js";
 const bem = create(styles, "Label");
 const Label = /* @__PURE__ */ __name(({
+  type = "label",
   className,
-  htmlFor,
   required,
   label,
   contentProps,
@@ -16,47 +16,57 @@ const Label = /* @__PURE__ */ __name(({
   ...props
 }) => {
   const splittedLabel = label == null ? void 0 : label.split(" ");
+  const renderContent = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("span", { ...contentProps, children: [
+      /* @__PURE__ */ jsxs(
+        "i",
+        {
+          ...textProps,
+          className: bem(
+            "highlighted",
+            {
+              error: Boolean(error)
+            },
+            textProps == null ? void 0 : textProps.className
+          ),
+          children: [
+            splittedLabel == null ? void 0 : splittedLabel[0],
+            " "
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "i",
+        {
+          ...textProps,
+          className: bem("text", void 0, textProps == null ? void 0 : textProps.className),
+          children: [
+            splittedLabel == null ? void 0 : splittedLabel.slice(1).join(" "),
+            " ",
+            Boolean(required) && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "*" })
+          ]
+        }
+      )
+    ] }),
+    children
+  ] }), "renderContent");
   if (!splittedLabel) return children;
-  return /* @__PURE__ */ jsxs(
+  if (type === "legend") {
+    return /* @__PURE__ */ jsx(
+      "legend",
+      {
+        ...props,
+        className: bem(void 0, void 0, className),
+        children: renderContent()
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
     "label",
     {
       ...props,
       className: bem(void 0, void 0, className),
-      htmlFor,
-      children: [
-        /* @__PURE__ */ jsxs("span", { ...contentProps, children: [
-          /* @__PURE__ */ jsxs(
-            "i",
-            {
-              ...textProps,
-              className: bem(
-                "highlighted",
-                {
-                  error: Boolean(error)
-                },
-                textProps == null ? void 0 : textProps.className
-              ),
-              children: [
-                splittedLabel == null ? void 0 : splittedLabel[0],
-                " "
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "i",
-            {
-              ...textProps,
-              className: bem("text", void 0, textProps == null ? void 0 : textProps.className),
-              children: [
-                splittedLabel == null ? void 0 : splittedLabel.slice(1).join(" "),
-                " ",
-                Boolean(required) && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "*" })
-              ]
-            }
-          )
-        ] }),
-        children
-      ]
+      children: renderContent()
     }
   );
 }, "Label");

package/dist/components/list/List.js

@@ -29,9 +29,9 @@ function List({
       "aria-relevant": "additions text",
       ...props,
       className: bem(void 0, void 0, className),
-      children: items.map((item) => {
+      children: items.map((item, i) => {
         var _a;
-        const { title, desc, icon, redirect, onClick, variant: itemVariant, className: itemClassName } = item;
+        const { id, title, desc, icon, redirect, onClick, variant: itemVariant, className: itemClassName } = item;
         const isClickable = Boolean(onClick || redirect);
         const liHandlers = {};
         if (isClickable) {
@@ -52,6 +52,7 @@ function List({
           {
             "is-clickable": isClickable,
             [`is-clickable--${itemVariant ?? variant}`]: isClickable,
+            "has-icon": Boolean(item == null ? void 0 : item.icon),
             ...modifier
           },
           itemClassName
@@ -65,11 +66,11 @@ function List({
         }, "TitleSpan");
         const DescParagraph = /* @__PURE__ */ __name(() => {
           if (!isString(desc) && !isValidElement(desc)) return null;
-          return /* @__PURE__ */ jsx("p", { className: bem("item__desc", { "card": type === "card" }, classNameDesc), children: desc });
+          return /* @__PURE__ */ jsx("div", { className: bem("item__desc", { "card": type === "card" }, classNameDesc), children: desc });
         }, "DescParagraph");
         const IconWrapper = /* @__PURE__ */ __name(() => {
-          if (!icon) return null;
-          return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: bem("item__icon__wrapper"), children: /* @__PURE__ */ jsx(Icon, { color: variant, name: icon, ...options.icon }) });
+          if (icon === void 0 || icon === null) return null;
+          return /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: bem("item__icon__wrapper"), children: isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, { color: variant, name: icon, ...options.icon }) });
         }, "IconWrapper");
         if (type === "card") {
           const cardItem = item;
@@ -86,12 +87,12 @@ function List({
                 cardItem.contentClassName
               ),
               children: /* @__PURE__ */ jsxs("div", { className: bem("item__inner", void 0, cardItem.innerClassName), children: [
-                icon && /* @__PURE__ */ jsx(
+                icon !== void 0 && icon !== null && /* @__PURE__ */ jsx(
                   "div",
                   {
                     "aria-hidden": "true",
                     className: bem("item__icon", void 0, (_a = cardItem.iconProps) == null ? void 0 : _a.className),
-                    children: /* @__PURE__ */ jsx(
+                    children: isValidElement(icon) ? icon : /* @__PURE__ */ jsx(
                       Icon,
                       {
                         ...cardItem.iconProps,
@@ -108,7 +109,7 @@ function List({
                 ] })
               ] })
             }
-          ) }, `list-item-${title}`);
+          ) }, `list-item-${id ?? i}`);
         }
         if (redirect) {
           const linkProps = redirect;
@@ -126,13 +127,13 @@ function List({
                 /* @__PURE__ */ jsx(DescParagraph, {})
               ]
             }
-          ) }, `list-item-${title}`);
+          ) }, `list-item-${id ?? i}`);
         }
         return /* @__PURE__ */ jsxs("li", { className: liClass, ...liHandlers, children: [
           /* @__PURE__ */ jsx(IconWrapper, {}),
           /* @__PURE__ */ jsx(TitleSpan, {}),
           /* @__PURE__ */ jsx(DescParagraph, {})
-        ] }, `list-item-${title}`);
+        ] }, `list-item-${id ?? i}`);
       })
     }
   );

package/dist/components/list/List.module.scss.js

@@ -3,6 +3,7 @@ const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
   "prokodo-List": "prokodo-List",
   "prokodo-List__item": "prokodo-List__item",
+  "prokodo-List__item--has-icon": "prokodo-List__item--has-icon",
   "prokodo-List__item__card": "prokodo-List__item__card",
   "prokodo-List__item__card__content": "prokodo-List__item__card__content",
   "prokodo-List__item__inner": "prokodo-List__item__inner",

package/dist/components/progressBar/ProgressBar.client.js

@@ -0,0 +1,34 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { ProgressBarView } from "./ProgressBar.view.js";
+function ProgressBarClient(props) {
+  const { value, animated = true, ...rest } = props;
+  const [displayValue, setDisplayValue] = useState(value);
+  const frame = useRef(null);
+  useEffect(() => {
+    if (!animated || value === void 0) {
+      setDisplayValue(value);
+      return;
+    }
+    const start = displayValue ?? 0;
+    const end = value;
+    const duration = 400;
+    const startTime = performance.now();
+    const step = /* @__PURE__ */ __name((now) => {
+      const progress = Math.min(1, (now - startTime) / duration);
+      const next = start + (end - start) * progress;
+      setDisplayValue(next);
+      if (progress < 1) frame.current = requestAnimationFrame(step);
+    }, "step");
+    frame.current = requestAnimationFrame(step);
+    return () => cancelAnimationFrame(frame.current);
+  }, [value, animated]);
+  return /* @__PURE__ */ jsx(ProgressBarView, { ...rest, value: displayValue });
+}
+__name(ProgressBarClient, "ProgressBarClient");
+export {
+  ProgressBarClient as default
+};

package/dist/components/progressBar/ProgressBar.js

@@ -0,0 +1,13 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { createIsland } from "../../helpers/createIsland.js";
+import ProgressBarServer from "./ProgressBar.server.js";
+const ProgressBar = createIsland({
+  name: "ProgressBar",
+  Server: ProgressBarServer,
+  loadLazy: /* @__PURE__ */ __name(() => import("./ProgressBar.lazy.js"), "loadLazy"),
+  isInteractive: /* @__PURE__ */ __name(() => true, "isInteractive")
+});
+export {
+  ProgressBar
+};

package/dist/components/progressBar/ProgressBar.lazy.js

@@ -0,0 +1,15 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { createLazyWrapper } from "../../helpers/createLazyWrapper.js";
+import ProgressBarClient from "./ProgressBar.client.js";
+import ProgressBarServer from "./ProgressBar.server.js";
+const ProgressBar_lazy = createLazyWrapper({
+  name: "ProgressBar",
+  Client: ProgressBarClient,
+  Server: ProgressBarServer,
+  isInteractive: /* @__PURE__ */ __name(() => true, "isInteractive")
+});
+export {
+  ProgressBar_lazy as default
+};

package/dist/components/progressBar/ProgressBar.module.scss.js

@@ -0,0 +1,35 @@
+const gradientShift = "gradientShift";
+const indeterminateMove = "indeterminateMove";
+const ProgressBar__bar = "ProgressBar__bar";
+const gradientMove = "gradientMove";
+const fadeInKeyframe = "fadeInKeyframe";
+const styles = {
+  "prokodo-ProgressBar": "prokodo-ProgressBar",
+  "prokodo-ProgressBar__track": "prokodo-ProgressBar__track",
+  "prokodo-ProgressBar__bar": "prokodo-ProgressBar__bar",
+  gradientShift,
+  "prokodo-ProgressBar__bar--primary": "prokodo-ProgressBar__bar--primary",
+  "prokodo-ProgressBar__bar--secondary": "prokodo-ProgressBar__bar--secondary",
+  "prokodo-ProgressBar__bar--info": "prokodo-ProgressBar__bar--info",
+  "prokodo-ProgressBar__bar--success": "prokodo-ProgressBar__bar--success",
+  "prokodo-ProgressBar__bar--warning": "prokodo-ProgressBar__bar--warning",
+  "prokodo-ProgressBar__bar--error": "prokodo-ProgressBar__bar--error",
+  "prokodo-ProgressBar__bar--infinity": "prokodo-ProgressBar__bar--infinity",
+  "prokodo-ProgressBar__bar--indeterminate": "prokodo-ProgressBar__bar--indeterminate",
+  indeterminateMove,
+  "prokodo-ProgressBar__bar--indeterminate--infinity": "prokodo-ProgressBar__bar--indeterminate--infinity",
+  "prokodo-ProgressBar__label": "prokodo-ProgressBar__label",
+  "prokodo-ProgressBar--animated": "prokodo-ProgressBar--animated",
+  ProgressBar__bar,
+  "ProgressBar__bar--indeterminate": "ProgressBar__bar--indeterminate",
+  gradientMove,
+  fadeInKeyframe
+};
+export {
+  ProgressBar__bar,
+  styles as default,
+  fadeInKeyframe,
+  gradientMove,
+  gradientShift,
+  indeterminateMove
+};

package/dist/components/progressBar/ProgressBar.server.js

@@ -0,0 +1,11 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { ProgressBarView } from "./ProgressBar.view.js";
+function ProgressBarServer(props) {
+  return /* @__PURE__ */ jsx(ProgressBarView, { ...props });
+}
+__name(ProgressBarServer, "ProgressBarServer");
+export {
+  ProgressBarServer as default
+};

package/dist/components/progressBar/ProgressBar.view.js

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsxs, jsx } from "react/jsx-runtime";
+import { create } from "../../helpers/bem.js";
+import { isString } from "../../helpers/validations.js";
+import styles from "./ProgressBar.module.scss.js";
+const bem = create(styles, "ProgressBar");
+function ProgressBarView({
+  id,
+  value,
+  label,
+  hideLabel,
+  infinity,
+  variant = "primary",
+  animated = true,
+  className,
+  ...domRest
+}) {
+  const safeValue = typeof value === "number" ? Math.min(100, Math.max(0, value)) : void 0;
+  const isIndeterminate = safeValue === void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...domRest,
+      "aria-valuemax": 100,
+      "aria-valuemin": 0,
+      "aria-valuenow": safeValue ?? void 0,
+      className: bem(void 0, { animated }, className),
+      id,
+      role: "progressbar",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: bem("track"), children: [
+          " ",
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: !isIndeterminate ? { width: `${safeValue}%` } : void 0,
+              className: bem("bar", {
+                [`${variant}`]: true,
+                indeterminate: isIndeterminate,
+                infinity: Boolean(infinity),
+                "indeterminate--infinity": isIndeterminate && Boolean(infinity)
+              })
+            }
+          )
+        ] }),
+        !Boolean(hideLabel) && isString(label) && /* @__PURE__ */ jsx("span", { className: bem("label"), children: label })
+      ]
+    }
+  );
+}
+__name(ProgressBarView, "ProgressBarView");
+export {
+  ProgressBarView
+};

package/dist/components/progressBar/index.js

@@ -0,0 +1,4 @@
+import { ProgressBar } from "./ProgressBar.js";
+export {
+  ProgressBar
+};

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

@@ -56,7 +56,8 @@ function SelectView({
         error: isError,
         htmlFor: id,
         label,
-        required
+        required,
+        type: "label"
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: bem("field", void 0, fieldClassName), children: [
@@ -78,6 +79,14 @@ function SelectView({
           children: display
         }
       ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          name,
+          type: "hidden",
+          value: Array.isArray(value) ? value.join(",") : value ?? ""
+        }
+      ),
       /* @__PURE__ */ jsxs(
         "ul",
         {

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

@@ -2,10 +2,14 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { useState, useEffect, useMemo } from "react";
 import SideNavView from "./SideNav.view.js";
 const STORAGE_KEY = "prokodo-adminSidebarCollapsed";
-function SidebarClient(props) {
+function SidebarClient({
+  items,
+  onChange,
+  ...props
+}) {
   const [collapsed, setCollapsed] = useState(
     props.initialCollapsed ?? false
   );
@@ -19,11 +23,27 @@ function SidebarClient(props) {
       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]);
   return /* @__PURE__ */ jsx(
     SideNavView,
     {
       ...props,
       collapsed,
+      items: formatedItems,
       onToggle: handleToggle
     }
   );

package/dist/components/sidenav/SideNav.module.scss.js

@@ -8,6 +8,7 @@ const styles = {
   "prokodo-SideNav__toggle": "prokodo-SideNav__toggle",
   "prokodo-SideNav__list": "prokodo-SideNav__list",
   "prokodo-SideNav__link": "prokodo-SideNav__link",
+  "prokodo-SideNav__link--is-active": "prokodo-SideNav__link--is-active",
   "prokodo-SideNav__icon__wrapper": "prokodo-SideNav__icon__wrapper",
   "prokodo-SideNav__label": "prokodo-SideNav__label",
   "label-in": "label-in",

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

@@ -43,11 +43,11 @@ function SideNavView({
             ]
           }
         ),
-        /* @__PURE__ */ jsx("nav", { id: "sidenav", children: /* @__PURE__ */ jsx("ul", { className: bem("list"), children: items.map(({ label, icon, redirect }) => /* @__PURE__ */ jsx("li", { children: (redirect == null ? void 0 : redirect.href) !== void 0 ? /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("nav", { id: "sidenav", children: /* @__PURE__ */ jsx("ul", { className: bem("list"), children: items.map(({ label, icon, redirect, active }) => /* @__PURE__ */ jsx("li", { children: (redirect == null ? void 0 : redirect.href) !== void 0 ? /* @__PURE__ */ jsx(
           Link,
           {
             ...redirect,
-            className: bem("link", { collapsed }, redirect == null ? void 0 : redirect.className),
+            className: bem("link", { collapsed, "is-active": Boolean(active) }, redirect == null ? void 0 : redirect.className),
             href: redirect.href,
             children: renderItem(icon, label)
           }

package/dist/components/snackbar/Snackbar.client.js

@@ -0,0 +1,38 @@
+"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, useRef, useCallback, useEffect } from "react";
+import { SnackbarView } from "./Snackbar.view.js";
+function SnackbarClient({
+  open: openProp = false,
+  autoHideDuration = 6e3,
+  onClose,
+  ...rest
+}) {
+  const [open, setOpen] = useState(openProp);
+  const timer = useRef(null);
+  const handleClose = useCallback(
+    (reason, event) => {
+      setOpen(false);
+      onClose == null ? void 0 : onClose(reason, event);
+    },
+    [onClose]
+  );
+  useEffect(() => setOpen(openProp), [openProp]);
+  useEffect(() => {
+    if (!open || autoHideDuration === 0) return;
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = setTimeout(() => handleClose("timeout"), autoHideDuration);
+    return () => {
+      if (timer.current) clearTimeout(timer.current);
+    };
+  }, [open, autoHideDuration, handleClose]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(SnackbarView, { ...rest, onClose: handleClose });
+}
+__name(SnackbarClient, "SnackbarClient");
+const SnackbarClient$1 = memo(SnackbarClient);
+export {
+  SnackbarClient$1 as default
+};

package/dist/components/snackbar/Snackbar.js

@@ -0,0 +1,12 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { createIsland } from "../../helpers/createIsland.js";
+import SnackbarServer from "./Snackbar.server.js";
+const Snackbar = createIsland({
+  name: "Snackbar",
+  Server: SnackbarServer,
+  loadLazy: /* @__PURE__ */ __name(() => import("./Snackbar.lazy.js"), "loadLazy")
+});
+export {
+  Snackbar
+};

package/dist/components/snackbar/Snackbar.lazy.js

@@ -0,0 +1,12 @@
+"use client";
+import { createLazyWrapper } from "../../helpers/createLazyWrapper.js";
+import SnackbarClient from "./Snackbar.client.js";
+import SnackbarServer from "./Snackbar.server.js";
+const Snackbar_lazy = createLazyWrapper({
+  name: "Snackbar",
+  Client: SnackbarClient,
+  Server: SnackbarServer
+});
+export {
+  Snackbar_lazy as default
+};

package/dist/components/snackbar/Snackbar.module.scss.js

@@ -0,0 +1,30 @@
+const gradientMove = "gradientMove";
+const fadeInKeyframe = "fadeInKeyframe";
+const styles = {
+  "prokodo-Snackbar": "prokodo-Snackbar",
+  "prokodo-Snackbar--success": "prokodo-Snackbar--success",
+  "prokodo-Snackbar--error": "prokodo-Snackbar--error",
+  "prokodo-Snackbar--warning": "prokodo-Snackbar--warning",
+  "prokodo-Snackbar--info": "prokodo-Snackbar--info",
+  "prokodo-Snackbar__message": "prokodo-Snackbar__message",
+  "prokodo-Snackbar__action": "prokodo-Snackbar__action",
+  "prokodo-Snackbar__close": "prokodo-Snackbar__close",
+  "prokodo-Snackbar--readonly": "prokodo-Snackbar--readonly",
+  "prokodo-SnackbarProvider": "prokodo-SnackbarProvider",
+  "prokodo-SnackbarProvider--is-top": "prokodo-SnackbarProvider--is-top",
+  "prokodo-SnackbarProvider--is-bottom": "prokodo-SnackbarProvider--is-bottom",
+  "prokodo-SnackbarProvider--is-left": "prokodo-SnackbarProvider--is-left",
+  "prokodo-SnackbarProvider--is-right": "prokodo-SnackbarProvider--is-right",
+  "prokodo-SnackbarProvider__snackbar": "prokodo-SnackbarProvider__snackbar",
+  "prokodo-SnackbarProvider__snackbar--is-top": "prokodo-SnackbarProvider__snackbar--is-top",
+  "prokodo-SnackbarProvider__snackbar--is-bottom": "prokodo-SnackbarProvider__snackbar--is-bottom",
+  "prokodo-SnackbarProvider__snackbar--is-left": "prokodo-SnackbarProvider__snackbar--is-left",
+  "prokodo-SnackbarProvider__snackbar--is-right": "prokodo-SnackbarProvider__snackbar--is-right",
+  gradientMove,
+  fadeInKeyframe
+};
+export {
+  styles as default,
+  fadeInKeyframe,
+  gradientMove
+};

package/dist/components/snackbar/Snackbar.server.js

@@ -0,0 +1,12 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { SnackbarView } from "./Snackbar.view.js";
+function SnackbarServer(p) {
+  if (!Boolean(p.open)) return null;
+  return /* @__PURE__ */ jsx(SnackbarView, { ...p, readOnly: true });
+}
+__name(SnackbarServer, "SnackbarServer");
+export {
+  SnackbarServer as default
+};