@snksergio/design-system 0.37.2 → 0.38.0

package/dist-lib/chunks/{useTheme-CYMBVr3I.mjs → useTheme-Chash1gR.mjs}

@@ -1540,6 +1540,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,
@@ -1548,10 +1575,21 @@ function SidebarRail({
   user,
   showAdd = false,
   onAddClick,
+  brandHref = "/",
+  onBrandClick,
+  renderLink,
   className
 }) {
   return /* @__PURE__ */ jsxs("aside", { className: cn(sidebarRail(), className), children: [
-    /* @__PURE__ */ jsx("a", { href: "/", className: sidebarRailBrand(), "aria-label": "Home", children: brand ?? /* @__PURE__ */ jsx(SidebarBrandIcon, {}) }),
+    /* @__PURE__ */ jsx(
+      SidebarBrandLink,
+      {
+        href: brandHref,
+        onClick: onBrandClick,
+        renderLink,
+        children: brand ?? /* @__PURE__ */ jsx(SidebarBrandIcon, {})
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: sidebarRailList(), children: [
       contexts.map((ctx) => {
         const Icon = ctx.icon;
@@ -1587,8 +1625,52 @@ function SidebarRail({
     user !== null && /* @__PURE__ */ jsx("div", { className: sidebarRailUser(), children: user ?? /* @__PURE__ */ jsx("div", { className: sidebarRailUserDefault(), children: "SV" }) })
   ] });
 }
+function SidebarBrandLink({
+  href,
+  onClick,
+  renderLink,
+  children
+}) {
+  if (!href) {
+    return /* @__PURE__ */ 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__ */ jsx(Fragment, { children: renderLink(linkProps) });
+  return /* @__PURE__ */ jsx("a", { ...linkProps });
+}
 const SidebarItem = forwardRef(
-  ({ item, active, subitem, iconBrand, onClick, className }, ref) => {
+  ({
+    item,
+    active,
+    subitem,
+    iconBrand,
+    onClick,
+    renderLink,
+    interceptNavigation,
+    className
+  }, ref) => {
     const Icon = item.icon;
     const classes = cn(sidebarItem({ active, subitem }), className);
     const content = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1604,21 +1686,30 @@ const SidebarItem = forwardRef(
       item.badge && /* @__PURE__ */ 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__ */ 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__ */ jsx(Fragment, { children: renderLink(linkProps) });
+      return /* @__PURE__ */ jsx("a", { ...linkProps });
     }
     return /* @__PURE__ */ jsx(
       "button",
@@ -1646,6 +1737,8 @@ function SidebarSubgroup({
   item,
   activeItemHref,
   onItemClick,
+  renderLink,
+  interceptNavigation,
   open,
   defaultOpen,
   onOpenChange,
@@ -1700,7 +1793,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
     )) })
@@ -1710,6 +1805,7 @@ function SidebarSection({
   section,
   open,
   onOpenChange,
+  renderLink,
   className
 }) {
   const [internalOpen, setInternalOpen] = useState(section.defaultOpen ?? true);
@@ -1774,6 +1870,7 @@ function SidebarSection({
               {
                 href: item.href,
                 onClick: item.onClick,
+                renderLink,
                 title: item.name,
                 children: [
                   Icon ? /* @__PURE__ */ jsx(
@@ -1803,6 +1900,7 @@ function SidebarSection({
             {
               href: item.href,
               onClick: item.onClick,
+              renderLink,
               title: `Conversar com ${item.name}`,
               children: [
                 /* @__PURE__ */ jsx(
@@ -1834,22 +1932,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__ */ 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__ */ jsx(Fragment, { children: renderLink(linkProps) });
+  return /* @__PURE__ */ jsx("a", { ...linkProps });
 }
 function SidebarPanel({
   context,
@@ -1858,6 +1968,8 @@ function SidebarPanel({
   mobile,
   activeItemHref,
   onItemClick,
+  renderLink,
+  interceptNavigation,
   contexts,
   onContextChange,
   onTitleClick,
@@ -1918,7 +2030,9 @@ function SidebarPanel({
                 {
                   item,
                   activeItemHref,
-                  onItemClick
+                  onItemClick,
+                  renderLink,
+                  interceptNavigation
                 },
                 item.name
               );
@@ -1928,12 +2042,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__ */ jsx(SidebarSection, { section }, section.id))
+          context.sections?.map((section) => /* @__PURE__ */ jsx(
+            SidebarSection,
+            {
+              section,
+              renderLink
+            },
+            section.id
+          ))
         ] }) })
       ]
     }
@@ -1988,6 +2111,9 @@ function MenuSidebar({
   defaultMobileOpen,
   onMobileOpenChange,
   mobileBreakpoint = "(max-width: 767px)",
+  renderLink,
+  brandHref,
+  onBrandClick,
   className
 }) {
   const isMobile = useMediaQuery(mobileBreakpoint);
@@ -2022,11 +2148,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__ */ jsxs(Fragment, { children: [
@@ -2076,7 +2203,10 @@ function MenuSidebar({
               brand,
               user,
               showAdd: showRailAdd,
-              onAddClick: onRailAddClick
+              onAddClick: onRailAddClick,
+              brandHref,
+              onBrandClick,
+              renderLink
             }
           ),
           activeContext && /* @__PURE__ */ jsx(
@@ -2090,7 +2220,9 @@ function MenuSidebar({
               onItemClick: handleItemClick,
               contexts,
               onContextChange: setCtxId,
-              onTitleClick: onPanelTitleClick
+              onTitleClick: onPanelTitleClick,
+              renderLink,
+              interceptNavigation
             }
           ),
           isMobile && openMobile && /* @__PURE__ */ jsx(
@@ -2296,6 +2428,9 @@ function AppShell({
   defaultActiveItemHref,
   activeItemHref,
   onItemClick,
+  renderLink,
+  brandHref,
+  onBrandClick,
   // Header
   breadcrumb,
   commandGroups,
@@ -2367,6 +2502,9 @@ function AppShell({
         activeItemHref,
         defaultActiveItemHref,
         onItemClick,
+        renderLink,
+        brandHref,
+        onBrandClick,
         user: userNode,
         panelCollapsed: menuCollapsed,
         onPanelCollapseChange: (next) => {
@@ -2493,8 +2631,12 @@ export {
   SidebarSubgroup as m,
   chipCount as n,
   chipVariants as o,
-  useControllable as p,
-  useMediaQuery as q,
-  useTheme as u
+  isExternalHref as p,
+  isHashHref as q,
+  isModifiedClick as r,
+  shouldPreventNavigation as s,
+  useControllable as t,
+  useTheme as u,
+  useMediaQuery as v
 };
-//# sourceMappingURL=useTheme-CYMBVr3I.mjs.map
+//# sourceMappingURL=useTheme-Chash1gR.mjs.map