@elevasis/ui 2.40.1 → 2.41.1

package/dist/chunk-X4WBGKJQ.js

@@ -1,138 +0,0 @@
-import { subshellNavItemIconSize } from './chunk-DT3QYZVU.js';
-import { UnstyledButton, Stack, Group, Text } from '@mantine/core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var activeColor = "var(--color-primary)";
-var defaultColor = "var(--color-text-subtle)";
-var hoverColor = "var(--color-text)";
-var activeBg = `color-mix(in srgb, ${activeColor} 10%, transparent)`;
-var SubshellNavItem = ({
-  icon: Icon,
-  label,
-  isActive = false,
-  onClick,
-  description,
-  badge,
-  disabled = false,
-  href
-}) => {
-  const handleAnchorClick = disabled ? void 0 : (event) => {
-    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button !== 0) {
-      return;
-    }
-    event.preventDefault();
-    onClick();
-  };
-  const sharedStyle = {
-    width: "100%",
-    padding: "var(--mantine-spacing-xs)",
-    backgroundColor: isActive ? activeBg : "transparent",
-    borderRadius: "var(--mantine-radius-default)",
-    transition: `all var(--duration-fast) var(--easing)`,
-    cursor: disabled ? "not-allowed" : "pointer",
-    opacity: disabled ? 0.5 : 1,
-    color: "inherit",
-    textDecoration: "none",
-    display: "block"
-  };
-  const handleMouseEnter = (e) => {
-    if (!isActive && !disabled) {
-      e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-      const textElements = e.currentTarget.querySelectorAll("[data-text-element]");
-      textElements.forEach((el) => {
-        el.style.color = hoverColor;
-      });
-    }
-  };
-  const handleMouseLeave = (e) => {
-    if (!isActive && !disabled) {
-      e.currentTarget.style.backgroundColor = "transparent";
-      const textElements = e.currentTarget.querySelectorAll("[data-text-element]");
-      textElements.forEach((el) => {
-        el.style.color = defaultColor;
-      });
-    }
-  };
-  const inner = /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-      /* @__PURE__ */ jsx(
-        Icon,
-        {
-          size: subshellNavItemIconSize,
-          style: {
-            flexShrink: 0,
-            opacity: isActive ? 1 : 0.6,
-            color: isActive ? activeColor : defaultColor
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Text,
-        {
-          size: "sm",
-          fw: isActive ? 600 : 400,
-          style: {
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap",
-            flex: 1,
-            fontFamily: "var(--elevasis-font-family-subtitle)",
-            color: isActive ? activeColor : defaultColor,
-            transition: `color var(--duration-fast) var(--easing)`
-          },
-          "data-text-element": true,
-          children: label
-        }
-      ),
-      badge && /* @__PURE__ */ jsx("div", { style: { flexShrink: 0 }, children: badge })
-    ] }),
-    description && /* @__PURE__ */ jsx(
-      Text,
-      {
-        size: "xs",
-        c: "dimmed",
-        style: {
-          paddingLeft: "22px",
-          lineHeight: 1.2,
-          color: isActive ? activeColor : defaultColor,
-          opacity: isActive ? 0.8 : 0.6,
-          transition: `all var(--duration-fast) var(--easing)`,
-          display: "-webkit-box",
-          WebkitLineClamp: 2,
-          WebkitBoxOrient: "vertical",
-          overflow: "hidden",
-          textOverflow: "ellipsis"
-        },
-        "data-text-element": true,
-        children: description
-      }
-    )
-  ] });
-  if (href) {
-    return /* @__PURE__ */ jsx(
-      UnstyledButton,
-      {
-        component: "a",
-        href,
-        onClick: handleAnchorClick,
-        style: sharedStyle,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        children: inner
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    UnstyledButton,
-    {
-      onClick: disabled ? void 0 : onClick,
-      disabled,
-      style: sharedStyle,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      children: inner
-    }
-  );
-};
-
-export { SubshellNavItem };