@prokodo/ui 0.0.37 → 0.0.39

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

@@ -0,0 +1,97 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { memo, useRef, useState, useEffect, useCallback } from "react";
+import { SelectView } from "./Select.view.js";
+function isMulti(v) {
+  return Array.isArray(v);
+}
+__name(isMulti, "isMulti");
+function mergeValue(oldVal, newVal, multiple = false) {
+  return multiple ? (() => {
+    const s = new Set(isMulti(oldVal) ? oldVal : []);
+    s.has(newVal) ? s.delete(newVal) : s.add(newVal);
+    return [...s];
+  })() : newVal;
+}
+__name(mergeValue, "mergeValue");
+function SelectClient({
+  id,
+  multiple,
+  disabled,
+  required,
+  value: extValue,
+  items,
+  onChange,
+  ...rest
+}) {
+  const btnRef = useRef(null);
+  const listRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  const [val, setVal] = useState(
+    extValue ?? (Boolean(multiple) ? [] : "")
+  );
+  useEffect(() => {
+    setVal(extValue ?? (Boolean(multiple) ? [] : ""));
+  }, [extValue, multiple]);
+  const close = useCallback(() => {
+    var _a;
+    setOpen(false);
+    (_a = btnRef == null ? void 0 : btnRef.current) == null ? void 0 : _a.focus();
+  }, []);
+  const toggle = useCallback(() => setOpen((o) => !o), []);
+  useEffect(() => {
+    if (!open) return;
+    const handleOutside = /* @__PURE__ */ __name((e) => {
+      var _a, _b;
+      if (!Boolean((_a = listRef.current) == null ? void 0 : _a.contains(e.target)) && !Boolean((_b = btnRef.current) == null ? void 0 : _b.contains(e.target))) {
+        close();
+      }
+    }, "handleOutside");
+    window.addEventListener("click", handleOutside);
+    return () => window.removeEventListener("click", handleOutside);
+  }, [open, close]);
+  const handleKey = /* @__PURE__ */ __name((e) => {
+    if (Boolean(disabled)) return;
+    if (e.key === "Escape") {
+      e.preventDefault();
+      close();
+    }
+    if (e.key === "ArrowDown" && !open) {
+      e.preventDefault();
+      setOpen(true);
+    }
+  }, "handleKey");
+  const clickOption = /* @__PURE__ */ __name((opt) => {
+    const newVal = opt === null ? Boolean(multiple) ? [] : "" : mergeValue(val, opt, multiple);
+    setVal(newVal);
+    onChange == null ? void 0 : onChange(null, newVal);
+    if (!Boolean(multiple)) close();
+  }, "clickOption");
+  return /* @__PURE__ */ jsx(
+    SelectView,
+    {
+      ...rest,
+      disabled,
+      id,
+      items,
+      multiple,
+      required,
+      value: val,
+      _clientState: {
+        open,
+        buttonRef: btnRef,
+        listRef,
+        onButtonClick: toggle,
+        onButtonKey: handleKey,
+        onOptionClick: clickOption
+      }
+    }
+  );
+}
+__name(SelectClient, "SelectClient");
+const SelectClient$1 = memo(SelectClient);
+export {
+  SelectClient$1 as default
+};

package/dist/components/select/Select.js

@@ -1,220 +1,13 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { jsxs, jsx } from "react/jsx-runtime";
-import { memo, useState, useEffect, useCallback } from "react";
-import { create } from "../../helpers/bem.js";
-import { isString, isTrue, isNull } from "../../helpers/validations.js";
-import styles from "./Select.module.scss.js";
-import { Select as Select$1 } from "../../node_modules/.pnpm/@mui_base@5.0.0-beta.58_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@mui/base/Select/Select.js";
-import { Option } from "../../node_modules/.pnpm/@mui_base@5.0.0-beta.58_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@mui/base/Option/Option.js";
-import { Label } from "../label/Label.js";
-const bem = create(styles, "Select");
-const Select = memo(
-  ({
-    id,
-    iconVisible,
-    required,
-    multiple,
-    value,
-    placeholder,
-    color = "primary",
-    label,
-    labelProps = {},
-    hideLabel,
-    className,
-    classNameSelect,
-    items,
-    slotProps,
-    errorText,
-    helperText,
-    onChange,
-    ...props
-  }) => {
-    const [Value, setValue] = useState(
-      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
-      value ?? multiple ? [] : "default"
-    );
-    useEffect(() => {
-      if (value !== void 0) {
-        setValue(value);
-      }
-    }, [value, Value]);
-    const handleChange = useCallback(
-      (e, newValue) => {
-        if (newValue !== null) {
-          setValue(newValue);
-          onChange == null ? void 0 : onChange(e, newValue);
-        }
-      },
-      [onChange]
-    );
-    const labelId = `${id}-label`;
-    const errorId = `${id}-error`;
-    const helperId = `${id}-helper`;
-    const [expanded, setExpanded] = useState(false);
-    if (Array.isArray(items) ? items.length === 0 : Object.keys(items).length === 0) {
-      return null;
-    }
-    const expandedModifier = {
-      expanded
-    };
-    const Placeholder = placeholder ?? "-- Please choose --";
-    const isError = isString(errorText);
-    const isRequired = required === true;
-    const isMultiple = multiple === true;
-    const hasHelperText = isString(helperText);
-    return /* @__PURE__ */ jsxs("div", { className: bem(void 0, void 0, className), children: [
-      (hideLabel === void 0 || hideLabel === false) && /* @__PURE__ */ jsx(
-        Label,
-        {
-          ...labelProps,
-          error: isError,
-          htmlFor: labelId,
-          label,
-          required
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: bem("field", {
-            ...expandedModifier,
-            [color]: !!color
-          }),
-          children: /* @__PURE__ */ jsxs(
-            Select$1,
-            {
-              ...props,
-              "aria-invalid": isError,
-              "aria-labelledby": labelId,
-              "aria-required": Boolean(required) ? "true" : void 0,
-              className: bem("select", void 0, classNameSelect),
-              id,
-              multiple,
-              required,
-              slots: { root: "button", listbox: "ul", popup: "div" },
-              value: Value,
-              "aria-describedby": isError ? errorId : hasHelperText ? helperId : void 0,
-              renderValue: /* @__PURE__ */ __name((selected) => {
-                var _a, _b, _c, _d;
-                if (selected === null && (isRequired || isMultiple) || Array.isArray(selected) && selected.length === 0 && (isRequired || isMultiple)) {
-                  return /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: bem("button__inner", {
-                        "is-placeholder": true
-                      }),
-                      children: Placeholder
-                    }
-                  );
-                }
-                if (Array.isArray(selected)) {
-                  const selectedItem2 = items == null ? void 0 : items.find((el) => el.value === value);
-                  return /* @__PURE__ */ jsxs("span", { className: bem("button__inner", expandedModifier), children: [
-                    isTrue(iconVisible) && !isNull((_a = selectedItem2 == null ? void 0 : selectedItem2.icon) == null ? void 0 : _a.call(selectedItem2)) && ((_b = selectedItem2 == null ? void 0 : selectedItem2.icon) == null ? void 0 : _b.call(selectedItem2)),
-                    selected.map((option) => option.label).join(", ")
-                  ] });
-                }
-                const selectedItem = items == null ? void 0 : items.find(
-                  (el) => el.value === (selected == null ? void 0 : selected.value)
-                );
-                return /* @__PURE__ */ jsxs("span", { className: bem("button__inner", expandedModifier), children: [
-                  isTrue(iconVisible) && !isNull((_c = selectedItem == null ? void 0 : selectedItem.icon) == null ? void 0 : _c.call(selectedItem)) && ((_d = selectedItem == null ? void 0 : selectedItem.icon) == null ? void 0 : _d.call(selectedItem)),
-                  selected == null ? void 0 : selected.label
-                ] });
-              }, "renderValue"),
-              slotProps: {
-                ...slotProps,
-                root: {
-                  ...slotProps == null ? void 0 : slotProps.root,
-                  className: bem("button", expandedModifier),
-                  role: "button",
-                  "aria-haspopup": "listbox",
-                  "aria-expanded": expanded ? "true" : "false"
-                },
-                listbox: {
-                  ...slotProps == null ? void 0 : slotProps.listbox,
-                  className: bem("listbox"),
-                  role: "listbox"
-                },
-                popup: {
-                  ...slotProps == null ? void 0 : slotProps.popup,
-                  disablePortal: true,
-                  className: bem("popup", {
-                    "is-expanded": expanded
-                  })
-                }
-              },
-              onChange: handleChange,
-              onListboxOpenChange: /* @__PURE__ */ __name((isOpen) => setExpanded(isOpen), "onListboxOpenChange"),
-              children: [
-                !isRequired && !isMultiple && /* @__PURE__ */ jsx(
-                  Option,
-                  {
-                    "aria-label": Placeholder.toString(),
-                    "aria-selected": "default" === Value ? "true" : "false",
-                    value: "default",
-                    className: bem("item", {
-                      selected: "default" === Value
-                    }),
-                    children: Placeholder
-                  }
-                ),
-                items.map((item) => {
-                  const { icon, ...rest } = item;
-                  const selected = (item == null ? void 0 : item.value) === Value || (Value == null ? void 0 : Value.includes(item == null ? void 0 : item.value));
-                  const isSelected = selected === true;
-                  return /* @__PURE__ */ jsxs(
-                    Option,
-                    {
-                      className: bem(
-                        "item",
-                        {
-                          selected: isSelected && !isMultiple
-                        },
-                        item == null ? void 0 : item.className
-                      ),
-                      ...rest,
-                      "aria-label": item == null ? void 0 : item.label,
-                      "aria-selected": isSelected ? "true" : "false",
-                      children: [
-                        isMultiple && /* @__PURE__ */ jsx(
-                          "input",
-                          {
-                            "aria-hidden": "true",
-                            defaultChecked: isSelected,
-                            type: "checkbox",
-                            className: bem("checkbox", {
-                              checked: isSelected
-                            })
-                          }
-                        ),
-                        icon && icon(),
-                        item == null ? void 0 : item.label
-                      ]
-                    },
-                    `${labelId}-item-${item == null ? void 0 : item.value}`
-                  );
-                })
-              ]
-            }
-          )
-        }
-      ),
-      (isError || hasHelperText) && /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-live": isError ? "assertive" : "polite",
-          className: bem("helperText", { "is-error": isError }),
-          id: isError ? errorId : helperId,
-          role: isError ? "alert" : void 0,
-          children: /* @__PURE__ */ jsx("span", { className: bem("helperText__content"), children: errorText ?? helperText })
-        }
-      )
-    ] });
-  }
-);
-Select.displayName = "Select";
+import { createIsland } from "../../helpers/createIsland.js";
+import SelectServer from "./Select.server.js";
+const Select = createIsland({
+  name: "Select",
+  Server: SelectServer,
+  loadLazy: /* @__PURE__ */ __name(() => import("./Select.lazy.js"), "loadLazy"),
+  isInteractive: /* @__PURE__ */ __name(() => true, "isInteractive")
+});
 export {
   Select
 };

package/dist/components/select/Select.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 SelectClient from "./Select.client.js";
+import SelectServer from "./Select.server.js";
+const Select_lazy = createLazyWrapper({
+  name: "Select",
+  Client: SelectClient,
+  Server: SelectServer,
+  isInteractive: /* @__PURE__ */ __name(() => true, "isInteractive")
+});
+export {
+  Select_lazy as default
+};

package/dist/components/select/Select.module.scss.js

@@ -1,39 +1,36 @@
-const open = "open";
-const closed = "closed";
-const disabled = "disabled";
+const Select__button__inner = "Select__button__inner";
 const gradientMove = "gradientMove";
 const fadeInKeyframe = "fadeInKeyframe";
 const styles = {
   "prokodo-Select": "prokodo-Select",
+  "prokodo-Select__label": "prokodo-Select__label",
   "prokodo-Select__field": "prokodo-Select__field",
   "prokodo-Select__field--expanded": "prokodo-Select__field--expanded",
   "prokodo-Select__button": "prokodo-Select__button",
-  "prokodo-Select__button__inner": "prokodo-Select__button__inner",
   "prokodo-Select__button--expanded": "prokodo-Select__button--expanded",
+  Select__button__inner,
+  "prokodo-Select__button__inner": "prokodo-Select__button__inner",
+  "prokodo-Select__button__inner--expanded": "prokodo-Select__button__inner--expanded",
+  "prokodo-Select__button__inner--is-placeholder": "prokodo-Select__button__inner--is-placeholder",
+  "prokodo-Select__button__inner--is-placeholder--disabled": "prokodo-Select__button__inner--is-placeholder--disabled",
   "prokodo-Select__listbox": "prokodo-Select__listbox",
-  open,
+  "prokodo-Select__listbox--is-open": "prokodo-Select__listbox--is-open",
   "fade-in": "fade-in",
-  closed,
+  "prokodo-Select__listbox--is-closed": "prokodo-Select__listbox--is-closed",
   "fade-out": "fade-out",
-  "placement-top": "placement-top",
-  "placement-bottom": "placement-bottom",
   "prokodo-Select__item": "prokodo-Select__item",
-  disabled,
   "prokodo-Select__item--selected": "prokodo-Select__item--selected",
-  "base-Option-highlighted": "base-Option-highlighted",
-  "base--selected": "base--selected",
-  "prokodo-Select__item--disabled": "prokodo-Select__item--disabled",
-  "prokodo-Select__popup": "prokodo-Select__popup",
   "prokodo-Select__checkbox": "prokodo-Select__checkbox",
   "prokodo-Select__checkbox--checked": "prokodo-Select__checkbox--checked",
+  "prokodo-Select__helperText": "prokodo-Select__helperText",
+  "prokodo-Select__helperText__content": "prokodo-Select__helperText__content",
+  "prokodo-Select__helperText__content--is-error": "prokodo-Select__helperText__content--is-error",
   gradientMove,
   fadeInKeyframe
 };
 export {
-  closed,
+  Select__button__inner,
   styles as default,
-  disabled,
   fadeInKeyframe,
-  gradientMove,
-  open
+  gradientMove
 };

package/dist/components/select/Select.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 { SelectView } from "./Select.view.js";
+function SelectServer(props) {
+  return /* @__PURE__ */ jsx(SelectView, { ...props });
+}
+__name(SelectServer, "SelectServer");
+export {
+  SelectServer as default
+};

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

@@ -0,0 +1,159 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { create } from "../../helpers/bem.js";
+import styles from "./Select.module.scss.js";
+import { Label } from "../label/Label.js";
+const bem = create(styles, "Select");
+function SelectView({
+  id,
+  disabled,
+  name = id,
+  label,
+  hideLabel,
+  iconVisible,
+  placeholder = "-- Please choose --",
+  helperText,
+  errorText,
+  className,
+  fieldClassName,
+  labelProps,
+  required,
+  multiple,
+  value,
+  items,
+  _clientState
+}) {
+  if (!(items == null ? void 0 : items.length)) return null;
+  const isError = Boolean(errorText);
+  const hasHelper = Boolean(helperText);
+  const listId = `${id}-listbox`;
+  const errorId = isError ? `${id}-error` : void 0;
+  const helperId = hasHelper ? `${id}-helper` : void 0;
+  const open = Boolean(_clientState == null ? void 0 : _clientState.open) ?? false;
+  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) => {
+    var _a;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      Boolean(iconVisible) && ((_a = i.icon) == null ? void 0 : _a.call(i)),
+      i.label,
+      idx < selectedItems.length - 1 && ", "
+    ] }, i == null ? void 0 : i.label);
+  }) });
+  return /* @__PURE__ */ jsxs("div", { className: bem(void 0, void 0, 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
+      }
+    ),
+    /* @__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__ */ 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 {
+  SelectView
+};

package/dist/components/sidenav/SideNav.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, useEffect } from "react";
+import SideNavView from "./SideNav.view.js";
+const STORAGE_KEY = "prokodo-adminSidebarCollapsed";
+function SidebarClient(props) {
+  const [collapsed, setCollapsed] = useState(
+    props.initialCollapsed ?? false
+  );
+  useEffect(() => {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored !== null) setCollapsed(stored === "1");
+  }, []);
+  const handleToggle = /* @__PURE__ */ __name(() => {
+    setCollapsed((c) => {
+      localStorage.setItem(STORAGE_KEY, c ? "0" : "1");
+      return !c;
+    });
+  }, "handleToggle");
+  return /* @__PURE__ */ jsx(
+    SideNavView,
+    {
+      ...props,
+      collapsed,
+      onToggle: handleToggle
+    }
+  );
+}
+__name(SidebarClient, "SidebarClient");
+export {
+  SidebarClient as default
+};

package/dist/components/sidenav/SideNav.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { createIsland } from "../../helpers/createIsland.js";
+import SideNavServer from "./SideNav.server.js";
+const SideNav = createIsland({
+  name: "SideNav",
+  Server: SideNavServer,
+  loadLazy: /* @__PURE__ */ __name(() => import("./SideNav.lazy.js"), "loadLazy"),
+  // Sidebar is *always* interactive (toggle button)
+  isInteractive: /* @__PURE__ */ __name(() => true, "isInteractive")
+});
+export {
+  SideNav
+};

package/dist/components/sidenav/SideNav.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 SidebarClient from "./SideNav.client.js";
+import SideNavServer from "./SideNav.server.js";
+const SideNav_lazy = createLazyWrapper({
+  name: "SideNav",
+  Client: SidebarClient,
+  Server: SideNavServer,
+  isInteractive: /* @__PURE__ */ __name(() => true, "isInteractive")
+});
+export {
+  SideNav_lazy as default
+};

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

@@ -0,0 +1,23 @@
+const gradientMove = "gradientMove";
+const fadeInKeyframe = "fadeInKeyframe";
+const styles = {
+  "prokodo-SideNav": "prokodo-SideNav",
+  "prokodo-SideNav--collapsed": "prokodo-SideNav--collapsed",
+  "prokodo-SideNav__collape__label": "prokodo-SideNav__collape__label",
+  "prokodo-SideNav__collape__label--is-hidden": "prokodo-SideNav__collape__label--is-hidden",
+  "prokodo-SideNav__toggle": "prokodo-SideNav__toggle",
+  "prokodo-SideNav__list": "prokodo-SideNav__list",
+  "prokodo-SideNav__link": "prokodo-SideNav__link",
+  "prokodo-SideNav__icon__wrapper": "prokodo-SideNav__icon__wrapper",
+  "prokodo-SideNav__label": "prokodo-SideNav__label",
+  "label-in": "label-in",
+  "prokodo-SideNav__label--collapsed": "prokodo-SideNav__label--collapsed",
+  "label-out": "label-out",
+  gradientMove,
+  fadeInKeyframe
+};
+export {
+  styles as default,
+  fadeInKeyframe,
+  gradientMove
+};

package/dist/components/sidenav/SideNav.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 SideNavView from "./SideNav.view.js";
+function SideNavServer(props) {
+  return /* @__PURE__ */ jsx(SideNavView, { ...props, collapsed: props.initialCollapsed ?? false, interactive: false });
+}
+__name(SideNavServer, "SideNavServer");
+export {
+  SideNavServer as default
+};