@prokodo/ui 0.0.52 → 0.0.54

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");

package/dist/components/slider/Slider.client.js

@@ -16,7 +16,10 @@ function SliderClient(props) {
     marks = false,
     snap = "none"
   } = props;
-  const clamp = useCallback((v) => Math.min(Math.max(v, min), max), [min, max]);
+  const clamp = useCallback(
+    (v) => Math.min(Math.max(v, min), max),
+    [min, max]
+  );
   const markValues = useMemo(() => {
     if (Array.isArray(marks)) {
       return [...new Set(marks.map((m) => m.value))].filter((v) => typeof v === "number").sort((a, b) => a - b);
@@ -35,30 +38,36 @@ function SliderClient(props) {
     (v) => clamp(step > 0 ? Math.round((v - min) / step) * step + min : v),
     [clamp, step, min]
   );
-  const snapToMarks = useCallback((v) => {
-    const c = clamp(v);
-    const arr = markValues;
-    if (arr.length === 0) return snapToStep(c);
-    let best = c, bestD = Infinity;
-    for (const mv of arr) {
-      const d = Math.abs(c - mv);
-      if (d < bestD) {
-        best = mv;
-        bestD = d;
+  const snapToMarks = useCallback(
+    (v) => {
+      const c = clamp(v);
+      const arr = markValues;
+      if (arr.length === 0) return snapToStep(c);
+      let best = c, bestD = Infinity;
+      for (const mv of arr) {
+        const d = Math.abs(c - mv);
+        if (d < bestD) {
+          best = mv;
+          bestD = d;
+        }
       }
-    }
-    return clamp(best);
-  }, [clamp, markValues, snapToStep]);
-  const quantize = useCallback((v) => {
-    switch (snap) {
-      case "step":
-        return snapToStep(v);
-      case "marks":
-        return snapToMarks(v);
-      default:
-        return clamp(v);
-    }
-  }, [snap, snapToMarks, snapToStep, clamp]);
+      return clamp(best);
+    },
+    [clamp, markValues, snapToStep]
+  );
+  const quantize = useCallback(
+    (v) => {
+      switch (snap) {
+        case "step":
+          return snapToStep(v);
+        case "marks":
+          return snapToMarks(v);
+        default:
+          return clamp(v);
+      }
+    },
+    [snap, snapToMarks, snapToStep, clamp]
+  );
   const initial = useMemo(() => {
     const numeric = typeof controlledValue === "number" ? controlledValue : typeof controlledValue === "string" ? Number(controlledValue) : min;
     return quantize(numeric);
@@ -72,20 +81,29 @@ function SliderClient(props) {
     }
   }, [controlledValue, min, quantize]);
   const [isFocused, setIsFocused] = useState(false);
-  const handleFocus = useCallback((e) => {
-    setIsFocused(true);
-    onFocus == null ? void 0 : onFocus(e);
-  }, [onFocus]);
-  const handleBlur = useCallback((e) => {
-    setIsFocused(false);
-    onBlur == null ? void 0 : onBlur(e);
-  }, [onBlur]);
-  const handleChange = useCallback((e) => {
-    const raw = Number(e.currentTarget.value);
-    const q = quantize(raw);
-    setInternalValue((prev) => prev === q ? prev : q);
-    onChange == null ? void 0 : onChange(e, q);
-  }, [onChange, quantize]);
+  const handleFocus = useCallback(
+    (e) => {
+      setIsFocused(true);
+      onFocus == null ? void 0 : onFocus(e);
+    },
+    [onFocus]
+  );
+  const handleBlur = useCallback(
+    (e) => {
+      setIsFocused(false);
+      onBlur == null ? void 0 : onBlur(e);
+    },
+    [onBlur]
+  );
+  const handleChange = useCallback(
+    (e) => {
+      const raw = Number(e.currentTarget.value);
+      const q = quantize(raw);
+      setInternalValue((prev) => prev === q ? prev : q);
+      onChange == null ? void 0 : onChange(e, q);
+    },
+    [onChange, quantize]
+  );
   return /* @__PURE__ */ jsx(
     SliderView,
     {

package/dist/components/slider/Slider.view.js

@@ -59,13 +59,7 @@ const SliderView = /* @__PURE__ */ __name(({
     ),
     /* @__PURE__ */ jsxs("div", { className: bem("root", { disabled: Boolean(disabled) }), children: [
       /* @__PURE__ */ jsx("div", { className: bem("rail") }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: bem("track"),
-          style: { width: `${pct}%` }
-        }
-      ),
+      /* @__PURE__ */ jsx("div", { className: bem("track"), style: { width: `${pct}%` } }),
       markPoints.map((m) => {
         const leftPct = max > min ? ((m.value < min ? min : m.value > max ? max : m.value) - min) / (max - min) * 100 : 0;
         return /* @__PURE__ */ jsx(

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

@@ -36,13 +36,19 @@ function SnackbarProvider({
   const close = useCallback((id) => {
     setQueue((q) => q.filter((s) => s.id !== id));
   }, []);
-  const ctx = useMemo(() => ({ enqueue, close }), [enqueue, close]);
-  const grouped = useMemo(() => queue.reduce((acc, s) => {
-    var _a, _b;
-    const key = `${(_a = s.anchorOrigin) == null ? void 0 : _a.vertical}-${(_b = s.anchorOrigin) == null ? void 0 : _b.horizontal}`;
-    (acc[key] ?? (acc[key] = [])).push(s);
-    return acc;
-  }, {}), [queue]);
+  const ctx = useMemo(
+    () => ({ enqueue, close }),
+    [enqueue, close]
+  );
+  const grouped = useMemo(
+    () => queue.reduce((acc, s) => {
+      var _a, _b;
+      const key = `${(_a = s.anchorOrigin) == null ? void 0 : _a.vertical}-${(_b = s.anchorOrigin) == null ? void 0 : _b.horizontal}`;
+      (acc[key] ?? (acc[key] = [])).push(s);
+      return acc;
+    }, {}),
+    [queue]
+  );
   return /* @__PURE__ */ jsxs(SnackbarCtx.Provider, { value: ctx, children: [
     children,
     Object.entries(grouped).map(([key, snacks]) => {
@@ -52,23 +58,16 @@ function SnackbarProvider({
         [`is-${vertical}`]: true,
         [`is-${horizontal}`]: true
       };
-      return /* @__PURE__ */ jsx(
-        "div",
+      return /* @__PURE__ */ jsx("div", { className: bem(void 0, mod, className), children: snacks.map((snk) => /* @__PURE__ */ jsx(
+        Snackbar,
         {
-          className: bem(void 0, mod, className),
-          children: snacks.map((snk) => /* @__PURE__ */ jsx(
-            Snackbar,
-            {
-              ...snk,
-              open: true,
-              className: bem("snackbar", mod, snk.className),
-              onClose: /* @__PURE__ */ __name(() => close(snk.id), "onClose")
-            },
-            snk.id
-          ))
+          ...snk,
+          open: true,
+          className: bem("snackbar", mod, snk.className),
+          onClose: /* @__PURE__ */ __name(() => close(snk.id), "onClose")
         },
-        key
-      );
+        snk.id
+      )) }, key);
     })
   ] });
 }

package/dist/components/stepper/Stepper.client.js

@@ -104,14 +104,7 @@ const StepperClient = forwardRef((props, ref) => {
         }
       };
     }),
-    [
-      steps,
-      activeStep,
-      handleStepClick,
-      handleStepKeyDown,
-      onFocus,
-      onBlur
-    ]
+    [steps, activeStep, handleStepClick, handleStepKeyDown, onFocus, onBlur]
   );
   return /* @__PURE__ */ jsx(
     StepperView,

package/dist/components/switch/Switch.client.js

@@ -5,12 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import { memo, useState, useEffect, useCallback } from "react";
 import { SwitchView } from "./Switch.view.js";
 function SwitchClient(props) {
-  const {
-    checked: controlledChecked,
-    onChange,
-    onFocus,
-    onBlur
-  } = props;
+  const { checked: controlledChecked, onChange, onFocus, onBlur } = props;
   const [isChecked, setIsChecked] = useState(
     controlledChecked ?? false
   );

package/dist/components/switch/Switch.server.js

@@ -3,9 +3,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { jsx } from "react/jsx-runtime";
 import { SwitchView } from "./Switch.view.js";
 function SwitchServer(props) {
-  const {
-    checked: controlledChecked
-  } = props;
+  const { checked: controlledChecked } = props;
   const isChecked = typeof controlledChecked === "boolean" ? controlledChecked : false;
   return /* @__PURE__ */ jsx(
     SwitchView,

package/dist/components/table/Table.js

@@ -50,7 +50,9 @@ const Table = /* @__PURE__ */ __name(({
         return /* @__PURE__ */ jsx(
           "tr",
           {
-            className: bem("body__row", { "has-link": isString((_a = row == null ? void 0 : row.redirect) == null ? void 0 : _a.href) }),
+            className: bem("body__row", {
+              "has-link": isString((_a = row == null ? void 0 : row.redirect) == null ? void 0 : _a.href)
+            }),
             children: row == null ? void 0 : row.cells.filter((el) => el !== null).map((cell, b) => /* @__PURE__ */ createElement(
               TableCell,
               {

package/dist/components/table/TableCell.js

@@ -36,7 +36,19 @@ const TableCell = /* @__PURE__ */ __name(({
       ...cellProps,
       className: bem(void 0, { "has-icon": Boolean(icon) }, className),
       id,
-      children: (redirect == null ? void 0 : redirect.href) !== void 0 ? /* @__PURE__ */ jsx(Link, { priority: true, ...redirect, className: bem("inner", { "has-link": true }, (redirect == null ? void 0 : redirect.className) ?? classNameInner), children: renderCellContent() }) : /* @__PURE__ */ jsx("span", { className: bem("inner", void 0, classNameInner), children: renderCellContent() })
+      children: (redirect == null ? void 0 : redirect.href) !== void 0 ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          priority: true,
+          ...redirect,
+          className: bem(
+            "inner",
+            { "has-link": true },
+            (redirect == null ? void 0 : redirect.className) ?? classNameInner
+          ),
+          children: renderCellContent()
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: bem("inner", void 0, classNameInner), children: renderCellContent() })
     }
   );
 }, "TableCell");