@fayz-ai/ui 0.8.3 → 0.8.4

package/dist/{chunk-XIRJGVDK.cjs → chunk-7ZQQZD4Q.cjs}

@@ -61,6 +61,7 @@ var ICON_MAP = {
   ShoppingCart: lucideReact.ShoppingCart,
   Target: lucideReact.Target,
   Wrench: lucideReact.Wrench,
+  Truck: lucideReact.Truck,
   Receipt: lucideReact.Receipt,
   ShoppingBag: lucideReact.ShoppingBag,
   ClipboardList: lucideReact.ClipboardList,
@@ -149,26 +150,23 @@ function NavItem({
   onNavigate
 }) {
   const Icon = getIcon(item.icon);
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      onClick: () => onNavigate(item.route),
-      className: chunkH6OULCHF_cjs.cn(
-        "flex w-full items-center gap-3 rounded-md px-2.5 py-1.5 text-[13px] font-medium transition-colors",
-        "hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground",
-        isActive ? "bg-sidebar-accent font-semibold text-sidebar-accent-foreground shadow-sm" : "text-sidebar-foreground/80",
-        collapsed && "justify-center px-2"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 shrink-0" }),
-        !collapsed && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-left", children: item.label }),
-          item.premium && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: "ml-auto h-3.5 w-3.5 shrink-0 text-amber-500", "aria-hidden": true }),
-          item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto rounded-full bg-primary px-2 py-0.5 text-xs font-semibold text-primary-foreground", children: item.badge })
-        ] })
-      ]
-    }
+  const isExternal = !!item.href;
+  const className = chunkH6OULCHF_cjs.cn(
+    "flex w-full items-center gap-3 rounded-md px-2.5 py-1.5 text-[13px] font-medium transition-colors",
+    "hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground",
+    isActive ? "bg-sidebar-accent font-semibold text-sidebar-accent-foreground shadow-sm" : "text-sidebar-foreground/80",
+    collapsed && "justify-center px-2"
   );
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 shrink-0" }),
+    !collapsed && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-left", children: item.label }),
+      isExternal && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "ml-auto h-3.5 w-3.5 shrink-0 opacity-50", "aria-hidden": true }),
+      item.premium && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: chunkH6OULCHF_cjs.cn("h-3.5 w-3.5 shrink-0 text-amber-500", !isExternal && "ml-auto"), "aria-hidden": true }),
+      item.badge !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkH6OULCHF_cjs.cn("rounded-full bg-primary px-2 py-0.5 text-xs font-semibold text-primary-foreground", !isExternal && !item.premium && "ml-auto"), children: item.badge })
+    ] })
+  ] });
+  const content = isExternal ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, target: "_blank", rel: "noopener noreferrer", className, children: inner }) : /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => onNavigate(item.route), className, children: inner });
   if (collapsed) {
     return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip__namespace.Root, { delayDuration: 0, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Tooltip__namespace.Trigger, { asChild: true, children: content }),
@@ -261,21 +259,18 @@ function NavGroup({
     open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-4 mt-0.5 space-y-0.5 border-l border-sidebar-border/50 pl-3", children: item.children?.map((child) => {
       const ChildIcon = getIcon(child.icon);
       const isActive = child.route === activeRoute;
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          onClick: () => onNavigate(child.route),
-          className: chunkH6OULCHF_cjs.cn(
-            "flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors",
-            isActive ? "font-medium text-sidebar-accent-foreground" : "text-sidebar-muted hover:text-sidebar-accent-foreground"
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ChildIcon, { className: "h-3.5 w-3.5 shrink-0" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: child.label })
-          ]
-        },
-        child.id
+      const childExternal = !!child.href;
+      const childClass = chunkH6OULCHF_cjs.cn(
+        "flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors",
+        isActive ? "font-medium text-sidebar-accent-foreground" : "text-sidebar-muted hover:text-sidebar-accent-foreground"
       );
+      const childInner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ChildIcon, { className: "h-3.5 w-3.5 shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate text-left", children: child.label }),
+        childExternal && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: "h-3 w-3 shrink-0 opacity-50", "aria-hidden": true }),
+        child.premium && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Crown, { className: "h-3 w-3 shrink-0 text-amber-500", "aria-hidden": true })
+      ] });
+      return childExternal ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: child.href, target: "_blank", rel: "noopener noreferrer", className: childClass, children: childInner }, child.id) : /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => onNavigate(child.route), className: childClass, children: childInner }, child.id);
     }) })
   ] });
 }
@@ -319,7 +314,7 @@ function Sidebar({
     item.id
   );
   const navBody = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    topContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 space-y-2", children: topContent }),
+    topContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 space-y-2", children: React3__namespace.isValidElement(topContent) ? React3__namespace.cloneElement(topContent, { collapsed }) : topContent }),
     mainItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
       sectionHeading(sectionLabels?.main),
       mainItems.map(renderItem)
@@ -396,7 +391,9 @@ function Sidebar({
           {
             className: chunkH6OULCHF_cjs.cn(
               "relative flex-1 p-2",
-              outgoing ? "overflow-hidden" : "overflow-y-auto"
+              // scrollbar-none: the rail still scrolls, but without the native
+              // scrollbar gutter eating into the nav items.
+              outgoing ? "overflow-hidden" : "overflow-y-auto scrollbar-none"
             ),
             children: [
               outgoing && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1822,5 +1819,5 @@ exports.useModuleHeaderActionsSlot = useModuleHeaderActionsSlot;
 exports.useModuleHeaderSlot = useModuleHeaderSlot;
 exports.useModuleLayout = useModuleLayout;
 exports.useNavTransition = useNavTransition;
-//# sourceMappingURL=chunk-XIRJGVDK.cjs.map
-//# sourceMappingURL=chunk-XIRJGVDK.cjs.map
+//# sourceMappingURL=chunk-7ZQQZD4Q.cjs.map
+//# sourceMappingURL=chunk-7ZQQZD4Q.cjs.map