@snksergio/design-system 0.37.2 → 0.38.0

package/dist-lib/chunks/{useTheme-BeD_2lZN.cjs → useTheme-C8eZFGSb.cjs}

@@ -1558,6 +1558,33 @@ function SidebarBrandIcon({ size = 18 }) {
     }
   );
 }
+const EXTERNO = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
+function isExternalHref(href) {
+  if (!href) return false;
+  if (href.startsWith("#")) return false;
+  return EXTERNO.test(href);
+}
+function isHashHref(href) {
+  return !!href && href.startsWith("#");
+}
+function isModifiedClick(e) {
+  return (e.button ?? 0) !== 0 || !!e.metaKey || !!e.ctrlKey || !!e.shiftKey || !!e.altKey;
+}
+function shouldPreventNavigation({
+  href,
+  hasHandler,
+  target,
+  event
+}) {
+  if (!href) return false;
+  if (!hasHandler) return false;
+  if (event.defaultPrevented) return false;
+  if (target && target !== "_self") return false;
+  if (isHashHref(href)) return false;
+  if (isExternalHref(href)) return false;
+  if (isModifiedClick(event)) return false;
+  return true;
+}
 function SidebarRail({
   contexts,
   activeContextId,
@@ -1566,10 +1593,21 @@ function SidebarRail({
   user,
   showAdd = false,
   onAddClick,
+  brandHref = "/",
+  onBrandClick,
+  renderLink,
   className
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: avatar.cn(sidebarRail(), className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/", className: sidebarRailBrand(), "aria-label": "Home", children: brand ?? /* @__PURE__ */ jsxRuntime.jsx(SidebarBrandIcon, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SidebarBrandLink,
+      {
+        href: brandHref,
+        onClick: onBrandClick,
+        renderLink,
+        children: brand ?? /* @__PURE__ */ jsxRuntime.jsx(SidebarBrandIcon, {})
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: sidebarRailList(), children: [
       contexts.map((ctx) => {
         const Icon = ctx.icon;
@@ -1605,8 +1643,52 @@ function SidebarRail({
     user !== null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: sidebarRailUser(), children: user ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: sidebarRailUserDefault(), children: "SV" }) })
   ] });
 }
+function SidebarBrandLink({
+  href,
+  onClick,
+  renderLink,
+  children
+}) {
+  if (!href) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: sidebarRailBrand(),
+        onClick,
+        "aria-label": "Home",
+        children
+      }
+    );
+  }
+  const handleClick = (e) => {
+    if (!renderLink) {
+      const prevent = shouldPreventNavigation({ href, hasHandler: !!onClick, event: e });
+      if (prevent) e.preventDefault();
+    }
+    onClick?.(e);
+  };
+  const linkProps = {
+    href,
+    className: sidebarRailBrand(),
+    onClick: handleClick,
+    "aria-label": "Home",
+    children
+  };
+  if (renderLink) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderLink(linkProps) });
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { ...linkProps });
+}
 const SidebarItem = React.forwardRef(
-  ({ item, active, subitem, iconBrand, onClick, className }, ref) => {
+  ({
+    item,
+    active,
+    subitem,
+    iconBrand,
+    onClick,
+    renderLink,
+    interceptNavigation,
+    className
+  }, ref) => {
     const Icon = item.icon;
     const classes = avatar.cn(sidebarItem({ active, subitem }), className);
     const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1622,21 +1704,30 @@ const SidebarItem = React.forwardRef(
       item.badge && /* @__PURE__ */ jsxRuntime.jsx(SidebarPill, { kind: item.badgeKind, active, children: item.badge })
     ] });
     const handleClick = (e) => {
+      if (!renderLink) {
+        const prevent = shouldPreventNavigation({
+          href: item.href,
+          hasHandler: interceptNavigation ?? !!(item.onClick || onClick),
+          target: item.target,
+          event: e
+        });
+        if (prevent) e.preventDefault();
+      }
       if (item.onClick) item.onClick(e);
       onClick?.(e);
     };
     if (item.href) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          ref,
-          href: item.href,
-          className: classes,
-          onClick: handleClick,
-          "aria-current": active ? "page" : void 0,
-          children: content
-        }
-      );
+      const linkProps = {
+        href: item.href,
+        className: classes,
+        onClick: handleClick,
+        target: item.target,
+        "aria-current": active ? "page" : void 0,
+        ref,
+        children: content
+      };
+      if (renderLink) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderLink(linkProps) });
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { ...linkProps });
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -1664,6 +1755,8 @@ function SidebarSubgroup({
   item,
   activeItemHref,
   onItemClick,
+  renderLink,
+  interceptNavigation,
   open,
   defaultOpen,
   onOpenChange,
@@ -1718,7 +1811,9 @@ function SidebarSubgroup({
         item: sub,
         subitem: true,
         active: sub.href !== void 0 && sub.href === activeItemHref,
-        onClick: () => onItemClick?.(sub)
+        onClick: (e) => onItemClick?.(sub, e),
+        renderLink,
+        interceptNavigation
       },
       sub.href ?? sub.name
     )) })
@@ -1728,6 +1823,7 @@ function SidebarSection({
   section,
   open,
   onOpenChange,
+  renderLink,
   className
 }) {
   const [internalOpen, setInternalOpen] = React.useState(section.defaultOpen ?? true);
@@ -1792,6 +1888,7 @@ function SidebarSection({
               {
                 href: item.href,
                 onClick: item.onClick,
+                renderLink,
                 title: item.name,
                 children: [
                   Icon ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -1821,6 +1918,7 @@ function SidebarSection({
             {
               href: item.href,
               onClick: item.onClick,
+              renderLink,
               title: `Conversar com ${item.name}`,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -1852,22 +1950,34 @@ function SidebarSectionLink({
   href,
   onClick,
   title,
+  renderLink,
   children
 }) {
   const handleClick = (e) => {
-    if (!href || href === "#") e.preventDefault();
+    if (!href || href === "#") {
+      e.preventDefault();
+      onClick?.(e);
+      return;
+    }
+    if (!renderLink) {
+      const prevent = shouldPreventNavigation({
+        href,
+        hasHandler: !!onClick,
+        event: e
+      });
+      if (prevent) e.preventDefault();
+    }
     onClick?.(e);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "a",
-    {
-      href: href ?? "#",
-      className: sidebarSectionItem(),
-      onClick: handleClick,
-      title,
-      children
-    }
-  );
+  const linkProps = {
+    href: href ?? "#",
+    className: sidebarSectionItem(),
+    onClick: handleClick,
+    title,
+    children
+  };
+  if (renderLink && href && href !== "#") return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderLink(linkProps) });
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { ...linkProps });
 }
 function SidebarPanel({
   context,
@@ -1876,6 +1986,8 @@ function SidebarPanel({
   mobile,
   activeItemHref,
   onItemClick,
+  renderLink,
+  interceptNavigation,
   contexts,
   onContextChange,
   onTitleClick,
@@ -1936,7 +2048,9 @@ function SidebarPanel({
                 {
                   item,
                   activeItemHref,
-                  onItemClick
+                  onItemClick,
+                  renderLink,
+                  interceptNavigation
                 },
                 item.name
               );
@@ -1946,12 +2060,21 @@ function SidebarPanel({
               {
                 item,
                 active: item.href !== void 0 && item.href === activeItemHref,
-                onClick: () => onItemClick?.(item)
+                onClick: (e) => onItemClick?.(item, e),
+                renderLink,
+                interceptNavigation
               },
               item.href ?? item.name
             );
           }) }),
-          context.sections?.map((section) => /* @__PURE__ */ jsxRuntime.jsx(SidebarSection, { section }, section.id))
+          context.sections?.map((section) => /* @__PURE__ */ jsxRuntime.jsx(
+            SidebarSection,
+            {
+              section,
+              renderLink
+            },
+            section.id
+          ))
         ] }) })
       ]
     }
@@ -2006,6 +2129,9 @@ function MenuSidebar({
   defaultMobileOpen,
   onMobileOpenChange,
   mobileBreakpoint = "(max-width: 767px)",
+  renderLink,
+  brandHref,
+  onBrandClick,
   className
 }) {
   const isMobile = useMediaQuery(mobileBreakpoint);
@@ -2040,11 +2166,12 @@ function MenuSidebar({
   }, []);
   const shouldFloat = !isMobile && !!expandOnHover && collapsed && (hoverExpanded || hoverExiting);
   const activeContext = contexts.find((c) => c.id === ctxId) ?? contexts[0];
-  const handleItemClick = (item) => {
+  const interceptNavigation = !renderLink && !!onItemClick;
+  const handleItemClick = (item, event) => {
     if (item.href && activeItemHref === void 0) {
       setItemHref(item.href);
     }
-    onItemClick?.(item);
+    onItemClick?.(item, event);
     if (isMobile && item.href) setOpenMobile(false);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2094,7 +2221,10 @@ function MenuSidebar({
               brand,
               user,
               showAdd: showRailAdd,
-              onAddClick: onRailAddClick
+              onAddClick: onRailAddClick,
+              brandHref,
+              onBrandClick,
+              renderLink
             }
           ),
           activeContext && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2108,7 +2238,9 @@ function MenuSidebar({
               onItemClick: handleItemClick,
               contexts,
               onContextChange: setCtxId,
-              onTitleClick: onPanelTitleClick
+              onTitleClick: onPanelTitleClick,
+              renderLink,
+              interceptNavigation
             }
           ),
           isMobile && openMobile && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2314,6 +2446,9 @@ function AppShell({
   defaultActiveItemHref,
   activeItemHref,
   onItemClick,
+  renderLink,
+  brandHref,
+  onBrandClick,
   // Header
   breadcrumb,
   commandGroups,
@@ -2385,6 +2520,9 @@ function AppShell({
         activeItemHref,
         defaultActiveItemHref,
         onItemClick,
+        renderLink,
+        brandHref,
+        onBrandClick,
         user: userNode,
         panelCollapsed: menuCollapsed,
         onPanelCollapseChange: (next) => {
@@ -2510,7 +2648,11 @@ exports.SidebarSubgroup = SidebarSubgroup;
 exports.UserMenu = UserMenu;
 exports.chipCount = chipCount;
 exports.chipVariants = chipVariants;
+exports.isExternalHref = isExternalHref;
+exports.isHashHref = isHashHref;
+exports.isModifiedClick = isModifiedClick;
+exports.shouldPreventNavigation = shouldPreventNavigation;
 exports.useControllable = useControllable;
 exports.useMediaQuery = useMediaQuery;
 exports.useTheme = useTheme;
-//# sourceMappingURL=useTheme-BeD_2lZN.cjs.map
+//# sourceMappingURL=useTheme-C8eZFGSb.cjs.map