@pelatform/starter.shared 0.2.4 → 0.2.6

package/dist/index.d.ts

@@ -22,9 +22,10 @@ declare function Header({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 declare function HeaderLeft(): react_jsx_runtime.JSX.Element;
-declare function HeaderRight({ sidebar, button }: {
+declare function HeaderRight({ sidebar, button, homeUrl, }: {
     sidebar?: ReactNode;
     button?: ReactNode;
+    homeUrl?: string;
 }): react_jsx_runtime.JSX.Element;
 declare function HeaderSidebarMobile({ children }: {
     children: ReactNode;
@@ -57,10 +58,11 @@ declare function SiteHeader({ menu, logo, }: {
     menu: NavItem[];
     logo?: ReactNode;
 }): react_jsx_runtime.JSX.Element;
-declare function SiteHeaderSecondary({ menu, logo, loginLink, }: {
+declare function SiteHeaderSecondary({ menu, logo, loginHref, loginTarget, }: {
     menu: NavItem[];
     logo?: ReactNode;
-    loginLink?: string;
+    loginHref?: string;
+    loginTarget?: "_self" | "_blank" | "_parent" | "_top";
 }): react_jsx_runtime.JSX.Element;
 
 type ToolbarItem = "darkmode" | "help" | "language" | "onboarding";
@@ -75,8 +77,9 @@ interface LayoutWrapperProps {
     sidebarHeader: ReactNode;
     sidebarMenu: ReactNode;
     logoHeader?: ReactNode;
+    homeUrl?: string;
 }
-declare function LayoutWrapper({ children, sidebarHeader, sidebarMenu, logoHeader, }: LayoutWrapperProps): react_jsx_runtime.JSX.Element;
+declare function LayoutWrapper({ children, sidebarHeader, sidebarMenu, logoHeader, homeUrl, }: LayoutWrapperProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Props for the ConfigProvider component
@@ -267,7 +270,8 @@ declare function SignedInHint({ linkHref }: {
     linkHref?: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare function UserMenu({ hiddenSwitcher }: {
+declare function UserMenu({ homeUrl, hiddenSwitcher, }: {
+    homeUrl?: string;
     hiddenSwitcher?: boolean;
 }): react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -148,12 +148,12 @@ function ToolbarRSC({ show = DEFAULT_SHOW }) {
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function AuthLayout({
   children,
-  logo = /* @__PURE__ */ jsx6(LogoWithName, {}),
+  logo = /* @__PURE__ */ jsx6(LogoWithHref, {}),
   disableFooter = false,
   signInHint = false,
   signInHref
 }) {
-  const { app, path } = useConfig3();
+  const { path } = useConfig3();
   const pathname = usePathname();
   const t = useTranslations4();
   const footer = /* @__PURE__ */ jsxs4("p", { className: "px-20 py-4 text-center font-medium text-muted-foreground text-xs md:px-0", children: [
@@ -186,7 +186,6 @@ function AuthLayout({
       {
         className: "[&_.max-w-4xl]:max-w-sm [&_.max-w-4xl]:px-0",
         logo,
-        logoHref: app.baseUrl,
         footer: disableFooter || pathname === path.auth.SIGN_OUT || pathname === path.auth.CALLBACK ? null : footer,
         children
       }
@@ -216,7 +215,14 @@ import {
 import { Fragment as Fragment2, useCallback, useEffect, useState } from "react";
 import Link4 from "next/link";
 import { useRouter as useRouter2 } from "next/navigation";
-import { LogOutIcon, PlusCircleIcon, SettingsIcon, ShieldIcon, UserStarIcon } from "lucide-react";
+import {
+  HouseIcon,
+  LogOutIcon,
+  PlusCircleIcon,
+  SettingsIcon,
+  ShieldIcon,
+  UserStarIcon
+} from "lucide-react";
 import { useTranslations as useTranslations7 } from "next-intl";
 import {
   useConfig as useConfig4,
@@ -511,7 +517,10 @@ function WorkspaceView({ className, classNames, isPending, size, workspace }) {
 
 // src/components/user-menu.tsx
 import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-function UserMenu({ hiddenSwitcher = false }) {
+function UserMenu({
+  homeUrl,
+  hiddenSwitcher = false
+}) {
   const { features, path } = useConfig4();
   const router = useRouter2();
   const t = useTranslations7();
@@ -556,6 +565,10 @@ function UserMenu({ hiddenSwitcher = false }) {
         ] })
       ] }),
       /* @__PURE__ */ jsx9(DropdownMenuSeparator, {}),
+      homeUrl && /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: homeUrl, target: "_blank", children: [
+        /* @__PURE__ */ jsx9(HouseIcon, {}),
+        /* @__PURE__ */ jsx9("span", { children: t("ui.navigation.home") })
+      ] }) }),
       /* @__PURE__ */ jsx9(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: path.account.SETTINGS, children: [
         /* @__PURE__ */ jsx9(SettingsIcon, {}),
         /* @__PURE__ */ jsx9("span", { children: t("ui.navigation.preferences") })
@@ -639,12 +652,16 @@ function HeaderLeft() {
     )
   ] }) });
 }
-function HeaderRight({ sidebar, button }) {
+function HeaderRight({
+  sidebar,
+  button,
+  homeUrl
+}) {
   const { isMobile } = useLayout();
   return /* @__PURE__ */ jsxs8("nav", { className: "flex items-center gap-1.5 lg:gap-2.5", children: [
     button,
     isMobile && sidebar,
-    /* @__PURE__ */ jsx10(UserMenu, {})
+    /* @__PURE__ */ jsx10(UserMenu, { homeUrl })
   ] });
 }
 function HeaderSidebarMobile({ children }) {
@@ -690,7 +707,7 @@ function Sidebar({ children }) {
   if (isMobile) {
     return null;
   }
-  return /* @__PURE__ */ jsxs9("aside", { className: "in-data-[sidebar-open=false]:-start-full fixed start-0 top-(--header-height) bottom-0 flex w-(--sidebar-width) shrink-0 flex-col items-stretch border-border border-e transition-all duration-300", children: [
+  return /* @__PURE__ */ jsxs9("aside", { className: "fixed in-data-[sidebar-open=false]:-start-full start-0 top-(--header-height) bottom-0 flex w-(--sidebar-width) shrink-0 flex-col items-stretch border-border border-e transition-all duration-300", children: [
     children,
     /* @__PURE__ */ jsx11("div", {})
   ] });
@@ -899,10 +916,10 @@ import {
   SiteHeader as UISiteHeader
 } from "pelatform-ui/components";
 import { Button as Button4, Separator } from "pelatform-ui/default";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function SiteHeader({
   menu,
-  logo = /* @__PURE__ */ jsx13(LogoWithHref, { href: "/home" })
+  logo = /* @__PURE__ */ jsx13(LogoWithHref, { href: "/" })
 }) {
   const { path } = useConfig6();
   const pathname = usePathname4();
@@ -951,8 +968,9 @@ function SiteHeader({
 }
 function SiteHeaderSecondary({
   menu,
-  logo = /* @__PURE__ */ jsx13(LogoWithHref, { href: "/home" }),
-  loginLink
+  logo = /* @__PURE__ */ jsx13(LogoWithHref, { href: "/" }),
+  loginHref,
+  loginTarget = "_self"
 }) {
   const pathname = usePathname4();
   const t = useTranslations10();
@@ -965,7 +983,6 @@ function SiteHeaderSecondary({
     /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-end gap-3", children: /* @__PURE__ */ jsxs11("nav", { className: "flex items-center gap-0 md:gap-1", children: [
       /* @__PURE__ */ jsx13(ModeSwitcher3, {}),
       /* @__PURE__ */ jsx13(LanguageSwitcher, {}),
-      /* @__PURE__ */ jsx13(Separator, { orientation: "vertical", className: "mx-3 h-5 max-lg:hidden" }),
       /* @__PURE__ */ jsx13(MobileNav, { children: /* @__PURE__ */ jsxs11("div", { className: "flex flex-col space-y-3", children: [
         menu?.map(
           (item, navIndex) => item.href || item.children ? /* @__PURE__ */ jsx13(
@@ -980,9 +997,12 @@ function SiteHeaderSecondary({
             `nav-${navIndex}-${item.href}`
           ) : null
         ),
-        loginLink && /* @__PURE__ */ jsx13("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx13(Button4, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx13(Link7, { href: loginLink, children: t("ui.navigation.signIn") }) }) })
+        loginHref && /* @__PURE__ */ jsx13("div", { className: "border-t pt-3", children: /* @__PURE__ */ jsx13(Button4, { variant: "secondary", size: "sm", className: "w-full", children: /* @__PURE__ */ jsx13(Link7, { href: loginHref, target: loginTarget, children: t("ui.navigation.signIn") }) }) })
       ] }) }),
-      loginLink && /* @__PURE__ */ jsx13(Button4, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx13(Link7, { href: loginLink, children: t("ui.navigation.signIn") }) })
+      loginHref && /* @__PURE__ */ jsxs11(Fragment5, { children: [
+        /* @__PURE__ */ jsx13(Separator, { orientation: "vertical", className: "mx-3 h-5 max-md:hidden" }),
+        /* @__PURE__ */ jsx13(Button4, { variant: "secondary", size: "sm", className: "hidden md:flex", children: /* @__PURE__ */ jsx13(Link7, { href: loginHref, target: loginTarget, children: t("ui.navigation.signIn") }) })
+      ] })
     ] }) })
   ] });
 }
@@ -1053,21 +1073,28 @@ function LayoutProvider({
 }
 
 // src/components/layouts/wrapper.tsx
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function LayoutWrapper({
   children,
   sidebarHeader,
   sidebarMenu,
-  logoHeader
+  logoHeader,
+  homeUrl
 }) {
-  const sidebarContent = /* @__PURE__ */ jsxs12(Fragment5, { children: [
+  const sidebarContent = /* @__PURE__ */ jsxs12(Fragment6, { children: [
     sidebarHeader,
     /* @__PURE__ */ jsx15(SidebarContent, { children: sidebarMenu })
   ] });
   return /* @__PURE__ */ jsxs12(LayoutProvider, { logoHeader, children: [
     /* @__PURE__ */ jsxs12(Header, { children: [
       /* @__PURE__ */ jsx15(HeaderLeft, {}),
-      /* @__PURE__ */ jsx15(HeaderRight, { sidebar: /* @__PURE__ */ jsx15(HeaderSidebarMobile, { children: sidebarContent }) })
+      /* @__PURE__ */ jsx15(
+        HeaderRight,
+        {
+          sidebar: /* @__PURE__ */ jsx15(HeaderSidebarMobile, { children: sidebarContent }),
+          homeUrl
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs12("div", { className: "flex grow pt-(--header-height-mobile) lg:pt-(--header-height)", children: [
       /* @__PURE__ */ jsx15(Sidebar, { children: sidebarContent }),
@@ -1134,7 +1161,7 @@ function SharedProviders({
 import { useFormState } from "react-hook-form";
 import { cn as cn7 } from "pelatform-ui";
 import { Button as Button5, Card, CardContent, CardFooter, Skeleton as Skeleton4, Spinner } from "pelatform-ui/default";
-import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function CardComponent({
   children,
   className,
@@ -1197,10 +1224,10 @@ function CardHeaderComponent({
   description,
   isPending
 }) {
-  return /* @__PURE__ */ jsx18("div", { className: cn7("flex flex-col space-y-2", className, classNames?.header), children: isPending ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
+  return /* @__PURE__ */ jsx18("div", { className: cn7("flex flex-col space-y-2", className, classNames?.header), children: isPending ? /* @__PURE__ */ jsxs14(Fragment7, { children: [
     /* @__PURE__ */ jsx18(Skeleton4, { className: cn7("h-7 w-1/3", classNames?.skeleton) }),
     description && /* @__PURE__ */ jsx18(Skeleton4, { className: cn7("h-5 w-2/3", classNames?.skeleton) })
-  ] }) : /* @__PURE__ */ jsxs14(Fragment6, { children: [
+  ] }) : /* @__PURE__ */ jsxs14(Fragment7, { children: [
     /* @__PURE__ */ jsx18("h2", { className: cn7("font-medium text-xl", classNames?.title), children: title }),
     description && /* @__PURE__ */ jsx18("p", { className: cn7("text-muted-foreground text-sm", classNames?.description), children: description })
   ] }) });
@@ -1225,7 +1252,7 @@ function CardFooterComponent({
         className,
         classNames?.footer
       ),
-      children: isPending ? /* @__PURE__ */ jsxs14(Fragment6, { children: [
+      children: isPending ? /* @__PURE__ */ jsxs14(Fragment7, { children: [
         instructions && /* @__PURE__ */ jsx18(
           Skeleton4,
           {
@@ -1241,7 +1268,7 @@ function CardFooterComponent({
             className: cn7("h-8 w-20 bg-muted-foreground/10 md:ms-auto", classNames?.skeleton)
           }
         )
-      ] }) : /* @__PURE__ */ jsxs14(Fragment6, { children: [
+      ] }) : /* @__PURE__ */ jsxs14(Fragment7, { children: [
         instructions && /* @__PURE__ */ jsx18(
           "div",
           {
@@ -1496,7 +1523,7 @@ function EmptyState({
 
 // src/components/otp-input-group.tsx
 import { InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "pelatform-ui/default";
-import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function OTPInputGroup({ otpSeparators = 0 }) {
   if (otpSeparators === 0) {
     return /* @__PURE__ */ jsxs19(InputOTPGroup, { children: [
@@ -1509,7 +1536,7 @@ function OTPInputGroup({ otpSeparators = 0 }) {
     ] });
   }
   if (otpSeparators === 1) {
-    return /* @__PURE__ */ jsxs19(Fragment7, { children: [
+    return /* @__PURE__ */ jsxs19(Fragment8, { children: [
       /* @__PURE__ */ jsxs19(InputOTPGroup, { children: [
         /* @__PURE__ */ jsx23(InputOTPSlot, { index: 0 }),
         /* @__PURE__ */ jsx23(InputOTPSlot, { index: 1 }),
@@ -1523,7 +1550,7 @@ function OTPInputGroup({ otpSeparators = 0 }) {
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs19(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs19(Fragment8, { children: [
     /* @__PURE__ */ jsxs19(InputOTPGroup, { children: [
       /* @__PURE__ */ jsx23(InputOTPSlot, { index: 0 }),
       /* @__PURE__ */ jsx23(InputOTPSlot, { index: 1 })
@@ -1546,7 +1573,7 @@ import { useState as useState5 } from "react";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
 import { cn as cn12 } from "pelatform-ui";
 import { Button as Button8, Input as Input2 } from "pelatform-ui/default";
-import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function PasswordInput({
   className,
   variant,
@@ -1570,7 +1597,7 @@ function PasswordInput({
         }
       }
     ),
-    enableToggle && /* @__PURE__ */ jsxs20(Fragment8, { children: [
+    enableToggle && /* @__PURE__ */ jsxs20(Fragment9, { children: [
       /* @__PURE__ */ jsx24(
         Button8,
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pelatform/starter.shared",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "A part of SaaS starter kit for Pelatform applications.",
   "author": "Pelatform",
   "license": "MIT",
@@ -37,13 +37,13 @@
   "devDependencies": {
     "@pelatform/starter.config": "0.2.1",
     "@pelatform/starter.hook": "0.2.1",
-    "@pelatform/starter.utils": "0.2.3",
+    "@pelatform/starter.utils": "0.2.4",
     "@pelatform/tsconfig": "^0.1.3",
     "@types/react": "^19.2.7",
     "lucide-react": "^0.561.0",
     "next": "^16.0.10",
     "next-intl": "^4.6.0",
-    "pelatform-ui": "^1.1.6",
+    "pelatform-ui": "^1.1.7",
     "react": "^19.2.3",
     "react-hook-form": "^7.68.0",
     "tsup": "^8.5.1"