@shipsite.dev/components 0.2.43 → 0.2.44

package/dist/layout/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/layout/Header.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,MAAM,4CA8ErB"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/layout/Header.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,MAAM,4CAoFrB"}

package/dist/layout/Header.js

@@ -6,10 +6,11 @@ import { Button } from '../ui/button';
 import { Navbar, NavbarLeft, NavbarRight } from '../ui/navbar';
 import { Sheet, SheetTrigger, SheetContent, SheetTitle, } from '../ui/sheet';
 import { ThemeToggle } from '../ui/theme-toggle';
+import { ClientOnly } from '../ui/client-only';
 export function Header() {
     const { siteName, logo, navigation, locale, defaultLocale } = useShipSite();
     const resolveHref = useResolveHref();
     const logoSrc = typeof logo === 'string' ? logo : logo?.light;
-    return (_jsx("header", { className: "sticky top-0 z-50 bg-background/80 backdrop-blur-lg border-b border-border", children: _jsx("div", { className: "container-main", children: _jsxs(Navbar, { children: [_jsx(NavbarLeft, { children: _jsxs("a", { href: locale === defaultLocale ? '/' : `/${locale}`, className: "flex items-center gap-2", children: [logoSrc && (_jsx("img", { src: logoSrc, alt: siteName, className: "h-8 w-auto" })), _jsx("span", { className: "font-semibold text-lg text-foreground", children: siteName })] }) }), _jsxs(NavbarRight, { className: "hidden md:flex", children: [navigation.items.map((item) => (_jsx("a", { href: resolveHref(item.href), className: "text-sm font-medium text-muted-foreground hover:text-foreground transition-colors", children: item.label }, item.href))), _jsx(ThemeToggle, {}), navigation.cta && (_jsx(Button, { asChild: true, size: "sm", children: _jsx("a", { href: navigation.cta.href, children: navigation.cta.label }) }))] }), _jsx("div", { className: "md:hidden", children: _jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Toggle menu", children: _jsx(Menu, { className: "size-5" }) }) }), _jsxs(SheetContent, { side: "right", children: [_jsx(SheetTitle, { className: "sr-only", children: "Navigation" }), _jsxs("nav", { className: "flex flex-col gap-4 mt-8", children: [navigation.items.map((item) => (_jsx("a", { href: resolveHref(item.href), className: "text-sm font-medium text-muted-foreground hover:text-foreground transition-colors", children: item.label }, item.href))), navigation.cta && (_jsx(Button, { asChild: true, className: "mt-2", children: _jsx("a", { href: navigation.cta.href, children: navigation.cta.label }) }))] })] })] }) })] }) }) }));
+    return (_jsx("header", { className: "sticky top-0 z-50 bg-background/80 backdrop-blur-lg border-b border-border", children: _jsx("div", { className: "container-main", children: _jsxs(Navbar, { children: [_jsx(NavbarLeft, { children: _jsxs("a", { href: locale === defaultLocale ? '/' : `/${locale}`, className: "flex items-center gap-2", children: [logoSrc && (_jsx("img", { src: logoSrc, alt: siteName, className: "h-8 w-auto" })), _jsx("span", { className: "font-semibold text-lg text-foreground", children: siteName })] }) }), _jsxs(NavbarRight, { className: "hidden md:flex", children: [navigation.items.map((item) => (_jsx("a", { href: resolveHref(item.href), className: "text-sm font-medium text-muted-foreground hover:text-foreground transition-colors", children: item.label }, item.href))), _jsx(ThemeToggle, {}), navigation.cta && (_jsx(Button, { asChild: true, size: "sm", children: _jsx("a", { href: navigation.cta.href, children: navigation.cta.label }) }))] }), _jsx("div", { className: "md:hidden", children: _jsx(ClientOnly, { fallback: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Toggle menu", children: _jsx(Menu, { className: "size-5" }) }), children: _jsxs(Sheet, { children: [_jsx(SheetTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Toggle menu", children: _jsx(Menu, { className: "size-5" }) }) }), _jsxs(SheetContent, { side: "right", children: [_jsx(SheetTitle, { className: "sr-only", children: "Navigation" }), _jsxs("nav", { className: "flex flex-col gap-4 mt-8", children: [navigation.items.map((item) => (_jsx("a", { href: resolveHref(item.href), className: "text-sm font-medium text-muted-foreground hover:text-foreground transition-colors", children: item.label }, item.href))), navigation.cta && (_jsx(Button, { asChild: true, className: "mt-2", children: _jsx("a", { href: navigation.cta.href, children: navigation.cta.label }) }))] })] })] }) }) })] }) }) }));
 }
 //# sourceMappingURL=Header.js.map

package/dist/layout/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/layout/Header.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../src/layout/Header.tsx"],"names":[],"mappings":"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"}

package/dist/marketing/FAQ.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../src/marketing/FAQ.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,YAAY;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAS3D;AAED,UAAU,QAAQ;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,QAAQ,2CAgBjE"}
+{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../src/marketing/FAQ.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,YAAY;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAY3D;AAED,UAAU,QAAQ;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,QAAQ,2CAgBjE"}

package/dist/marketing/FAQ.js

@@ -1,11 +1,10 @@
-'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from 'lucide-react';
 import { Section } from '../ui/section';
-import { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from '../ui/accordion';
 export function FAQItem({ question, children }) {
-    return (_jsxs(AccordionItem, { value: question, children: [_jsx(AccordionTrigger, { children: question }), _jsx(AccordionContent, { children: _jsx("div", { className: "text-muted-foreground leading-relaxed", children: children }) })] }));
+    return (_jsxs("details", { className: "border-border dark:border-border/15 border-b group", children: [_jsxs("summary", { className: "flex flex-1 items-center justify-between py-4 text-left text-md font-medium transition-all hover:underline cursor-pointer list-none [&::-webkit-details-marker]:hidden", children: [question, _jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 transition-transform duration-200 group-open:rotate-180" })] }), _jsx("div", { className: "pb-4 text-sm text-muted-foreground leading-relaxed", children: children })] }));
 }
 export function FAQ({ id, title, description, children }) {
-    return (_jsx(Section, { id: id, children: _jsxs("div", { className: "container-main max-w-3xl", children: [(title || description) && (_jsxs("div", { className: "text-center mb-12", children: [title && _jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-4", children: title }), description && _jsx("p", { className: "text-lg text-muted-foreground", children: description })] })), _jsx(Accordion, { type: "single", collapsible: true, children: children })] }) }));
+    return (_jsx(Section, { id: id, children: _jsxs("div", { className: "container-main max-w-3xl", children: [(title || description) && (_jsxs("div", { className: "text-center mb-12", children: [title && _jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-4", children: title }), description && _jsx("p", { className: "text-lg text-muted-foreground", children: description })] })), _jsx("div", { "data-slot": "accordion", "data-orientation": "vertical", children: children })] }) }));
 }
 //# sourceMappingURL=FAQ.js.map

package/dist/marketing/FAQ.js.map

@@ -1 +1 @@
-{"version":3,"file":"FAQ.js","sourceRoot":"","sources":["../../src/marketing/FAQ.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,iBAAiB,CAAC;AAOzB,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAgB;IAC1D,OAAO,CACL,MAAC,aAAa,IAAC,KAAK,EAAE,QAAQ,aAC5B,KAAC,gBAAgB,cAAE,QAAQ,GAAoB,EAC/C,KAAC,gBAAgB,cACf,cAAK,SAAS,EAAC,uCAAuC,YAAE,QAAQ,GAAO,GACtD,IACL,CACjB,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAY;IAChE,OAAO,CACL,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,YACb,eAAK,SAAS,EAAC,0BAA0B,aACtC,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,mBAAmB,aAC/B,KAAK,IAAI,aAAI,SAAS,EAAC,qDAAqD,YAAE,KAAK,GAAM,EACzF,WAAW,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,IAC1E,CACP,EACD,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,WAAW,kBACjC,QAAQ,GACC,IACR,GACE,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FAQ.js","sourceRoot":"","sources":["../../src/marketing/FAQ.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOxC,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAgB;IAC1D,OAAO,CACL,mBAAS,SAAS,EAAC,oDAAoD,aACrE,mBAAS,SAAS,EAAC,wKAAwK,aACxL,QAAQ,EACT,KAAC,eAAe,IAAC,SAAS,EAAC,mHAAmH,GAAG,IACzI,EACV,cAAK,SAAS,EAAC,oDAAoD,YAChE,QAAQ,GACL,IACE,CACX,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAY;IAChE,OAAO,CACL,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,YACb,eAAK,SAAS,EAAC,0BAA0B,aACtC,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,mBAAmB,aAC/B,KAAK,IAAI,aAAI,SAAS,EAAC,qDAAqD,YAAE,KAAK,GAAM,EACzF,WAAW,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,IAC1E,CACP,EACD,2BAAe,WAAW,sBAAkB,UAAU,YACnD,QAAQ,GACL,IACF,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/ui/client-only.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+/**
+ * Renders children only on the client after hydration.
+ * Prevents Radix UI useId() hydration mismatches between server and client.
+ */
+export declare function ClientOnly({ children, fallback }: {
+    children: ReactNode;
+    fallback?: ReactNode;
+}): ReactNode;
+//# sourceMappingURL=client-only.d.ts.map

package/dist/ui/client-only.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-only.d.ts","sourceRoot":"","sources":["../../src/ui/client-only.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAe,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,aAItG"}

package/dist/ui/client-only.js

@@ -0,0 +1,12 @@
+'use client';
+import { useState, useEffect } from 'react';
+/**
+ * Renders children only on the client after hydration.
+ * Prevents Radix UI useId() hydration mismatches between server and client.
+ */
+export function ClientOnly({ children, fallback = null }) {
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => setMounted(true), []);
+    return mounted ? children : fallback;
+}
+//# sourceMappingURL=client-only.js.map

package/dist/ui/client-only.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-only.js","sourceRoot":"","sources":["../../src/ui/client-only.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAE5D;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAiD;IACrG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACtC,OAAO,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;AACvC,CAAC"}

package/dist/ui/locale-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locale-switcher.d.ts","sourceRoot":"","sources":["../../src/ui/locale-switcher.tsx"],"names":[],"mappings":"AAMA,wBAAgB,cAAc,mDA6C7B"}
+{"version":3,"file":"locale-switcher.d.ts","sourceRoot":"","sources":["../../src/ui/locale-switcher.tsx"],"names":[],"mappings":"AAMA,wBAAgB,cAAc,mDAuD7B"}

package/dist/ui/locale-switcher.js

@@ -4,15 +4,25 @@ import React from 'react';
 import { usePathname } from 'next/navigation';
 import { useShipSite, useAlternateLinks } from '../context/ShipSiteProvider';
 export function LocaleSwitcher() {
-    const { locale, locales } = useShipSite();
+    const { locale, locales, defaultLocale } = useShipSite();
     const alternatePathMap = useAlternateLinks();
     const pathname = usePathname();
     if (locales.length <= 1)
         return null;
+    // Normalize pathname: with localePrefix:"as-needed", usePathname() may
+    // include the default locale prefix on the server (e.g. /en or /en/page)
+    // but alternatePathMap uses paths without it (e.g. / or /page).
+    let normalizedPathname = pathname;
+    if (pathname === `/${defaultLocale}`) {
+        normalizedPathname = '/';
+    }
+    else if (pathname.startsWith(`/${defaultLocale}/`)) {
+        normalizedPathname = pathname.slice(defaultLocale.length + 1);
+    }
     // Find the alternatePathMap entry where the current locale's path matches
     let alternates;
     for (const entry of Object.values(alternatePathMap)) {
-        if (entry[locale] === pathname) {
+        if (entry[locale] === normalizedPathname) {
             alternates = entry;
             break;
         }

package/dist/ui/locale-switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"locale-switcher.js","sourceRoot":"","sources":["../../src/ui/locale-switcher.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAE7E,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,CAAC;IAC1C,MAAM,gBAAgB,GAAG,iBAAiB,EAAE,CAAC;IAC7C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAErC,0EAA0E;IAC1E,IAAI,UAA8C,CAAC;IACnD,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC;QACpD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC;YAC/B,UAAU,GAAG,KAAK,CAAC;YACnB,MAAM;QACR,CAAC;IACH,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,mCAAmC,YAC/C,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACtB,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC;YAC5C,MAAM,QAAQ,GAAG,GAAG,KAAK,MAAM,CAAC;YAEhC,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACZ,CAAC,GAAG,CAAC,IAAI,eAAM,SAAS,EAAC,uBAAuB,uBAAS,EACzD,QAAQ,CAAC,CAAC,CAAC,CACV,eAAM,SAAS,EAAC,yCAAyC,YACtD,GAAG,GACC,CACR,CAAC,CAAC,CAAC,CACF,YACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,MAAM,GAAG,eAAe,GAAG,0CAA0C,CAAC;wBACjF,CAAC,EACD,SAAS,EAAC,yEAAyE,YAElF,GAAG,GACF,CACL,KAhBkB,GAAG,CAiBP,CAClB,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"locale-switcher.js","sourceRoot":"","sources":["../../src/ui/locale-switcher.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAE7E,MAAM,UAAU,cAAc;IAC5B,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,CAAC;IACzD,MAAM,gBAAgB,GAAG,iBAAiB,EAAE,CAAC;IAC7C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAErC,uEAAuE;IACvE,yEAAyE;IACzE,gEAAgE;IAChE,IAAI,kBAAkB,GAAG,QAAQ,CAAC;IAClC,IAAI,QAAQ,KAAK,IAAI,aAAa,EAAE,EAAE,CAAC;QACrC,kBAAkB,GAAG,GAAG,CAAC;IAC3B,CAAC;SAAM,IAAI,QAAQ,CAAC,UAAU,CAAC,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC;QACrD,kBAAkB,GAAG,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAChE,CAAC;IAED,0EAA0E;IAC1E,IAAI,UAA8C,CAAC;IACnD,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC;QACpD,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,kBAAkB,EAAE,CAAC;YACzC,UAAU,GAAG,KAAK,CAAC;YACnB,MAAM;QACR,CAAC;IACH,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,mCAAmC,YAC/C,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACtB,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC;YAC5C,MAAM,QAAQ,GAAG,GAAG,KAAK,MAAM,CAAC;YAEhC,OAAO,CACL,MAAC,KAAK,CAAC,QAAQ,eACZ,CAAC,GAAG,CAAC,IAAI,eAAM,SAAS,EAAC,uBAAuB,uBAAS,EACzD,QAAQ,CAAC,CAAC,CAAC,CACV,eAAM,SAAS,EAAC,yCAAyC,YACtD,GAAG,GACC,CACR,CAAC,CAAC,CAAC,CACF,YACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,MAAM,GAAG,eAAe,GAAG,0CAA0C,CAAC;wBACjF,CAAC,EACD,SAAS,EAAC,yEAAyE,YAElF,GAAG,GACF,CACL,KAhBkB,GAAG,CAiBP,CAClB,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipsite.dev/components",
-  "version": "0.2.43",
+  "version": "0.2.44",
   "repository": {
     "type": "git",
     "url": "https://github.com/shipsite/shipsite",

package/src/layout/Header.tsx

@@ -13,6 +13,7 @@ import {
   SheetTitle,
 } from '../ui/sheet';
 import { ThemeToggle } from '../ui/theme-toggle';
+import { ClientOnly } from '../ui/client-only';
 
 export function Header() {
   const { siteName, logo, navigation, locale, defaultLocale } = useShipSite();
@@ -59,34 +60,40 @@ export function Header() {
           </NavbarRight>
 
           <div className="md:hidden">
-            <Sheet>
-              <SheetTrigger asChild>
-                <Button variant="ghost" size="icon" aria-label="Toggle menu">
-                  <Menu className="size-5" />
-                </Button>
-              </SheetTrigger>
-              <SheetContent side="right">
-                <SheetTitle className="sr-only">Navigation</SheetTitle>
-                <nav className="flex flex-col gap-4 mt-8">
-                  {navigation.items.map((item) => (
-                    <a
-                      key={item.href}
-                      href={resolveHref(item.href)}
-                      className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors"
-                    >
-                      {item.label}
-                    </a>
-                  ))}
-                  {navigation.cta && (
-                    <Button asChild className="mt-2">
-                      <a href={navigation.cta.href}>
-                        {navigation.cta.label}
+            <ClientOnly fallback={
+              <Button variant="ghost" size="icon" aria-label="Toggle menu">
+                <Menu className="size-5" />
+              </Button>
+            }>
+              <Sheet>
+                <SheetTrigger asChild>
+                  <Button variant="ghost" size="icon" aria-label="Toggle menu">
+                    <Menu className="size-5" />
+                  </Button>
+                </SheetTrigger>
+                <SheetContent side="right">
+                  <SheetTitle className="sr-only">Navigation</SheetTitle>
+                  <nav className="flex flex-col gap-4 mt-8">
+                    {navigation.items.map((item) => (
+                      <a
+                        key={item.href}
+                        href={resolveHref(item.href)}
+                        className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors"
+                      >
+                        {item.label}
                       </a>
-                    </Button>
-                  )}
-                </nav>
-              </SheetContent>
-            </Sheet>
+                    ))}
+                    {navigation.cta && (
+                      <Button asChild className="mt-2">
+                        <a href={navigation.cta.href}>
+                          {navigation.cta.label}
+                        </a>
+                      </Button>
+                    )}
+                  </nav>
+                </SheetContent>
+              </Sheet>
+            </ClientOnly>
           </div>
         </Navbar>
       </div>

package/src/marketing/FAQ.tsx

@@ -1,13 +1,6 @@
-'use client';
-
 import React from 'react';
+import { ChevronDownIcon } from 'lucide-react';
 import { Section } from '../ui/section';
-import {
-  Accordion,
-  AccordionItem,
-  AccordionTrigger,
-  AccordionContent,
-} from '../ui/accordion';
 
 interface FAQItemProps {
   question: string;
@@ -16,12 +9,15 @@ interface FAQItemProps {
 
 export function FAQItem({ question, children }: FAQItemProps) {
   return (
-    <AccordionItem value={question}>
-      <AccordionTrigger>{question}</AccordionTrigger>
-      <AccordionContent>
-        <div className="text-muted-foreground leading-relaxed">{children}</div>
-      </AccordionContent>
-    </AccordionItem>
+    <details className="border-border dark:border-border/15 border-b group">
+      <summary className="flex flex-1 items-center justify-between py-4 text-left text-md font-medium transition-all hover:underline cursor-pointer list-none [&::-webkit-details-marker]:hidden">
+        {question}
+        <ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 transition-transform duration-200 group-open:rotate-180" />
+      </summary>
+      <div className="pb-4 text-sm text-muted-foreground leading-relaxed">
+        {children}
+      </div>
+    </details>
   );
 }
 
@@ -42,9 +38,9 @@ export function FAQ({ id, title, description, children }: FAQProps) {
             {description && <p className="text-lg text-muted-foreground">{description}</p>}
           </div>
         )}
-        <Accordion type="single" collapsible>
+        <div data-slot="accordion" data-orientation="vertical">
           {children}
-        </Accordion>
+        </div>
       </div>
     </Section>
   );

package/src/ui/client-only.tsx

@@ -0,0 +1,13 @@
+'use client';
+
+import { useState, useEffect, type ReactNode } from 'react';
+
+/**
+ * Renders children only on the client after hydration.
+ * Prevents Radix UI useId() hydration mismatches between server and client.
+ */
+export function ClientOnly({ children, fallback = null }: { children: ReactNode; fallback?: ReactNode }) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+  return mounted ? children : fallback;
+}

package/src/ui/locale-switcher.tsx

@@ -5,16 +5,26 @@ import { usePathname } from 'next/navigation';
 import { useShipSite, useAlternateLinks } from '../context/ShipSiteProvider';
 
 export function LocaleSwitcher() {
-  const { locale, locales } = useShipSite();
+  const { locale, locales, defaultLocale } = useShipSite();
   const alternatePathMap = useAlternateLinks();
   const pathname = usePathname();
 
   if (locales.length <= 1) return null;
 
+  // Normalize pathname: with localePrefix:"as-needed", usePathname() may
+  // include the default locale prefix on the server (e.g. /en or /en/page)
+  // but alternatePathMap uses paths without it (e.g. / or /page).
+  let normalizedPathname = pathname;
+  if (pathname === `/${defaultLocale}`) {
+    normalizedPathname = '/';
+  } else if (pathname.startsWith(`/${defaultLocale}/`)) {
+    normalizedPathname = pathname.slice(defaultLocale.length + 1);
+  }
+
   // Find the alternatePathMap entry where the current locale's path matches
   let alternates: Record<string, string> | undefined;
   for (const entry of Object.values(alternatePathMap)) {
-    if (entry[locale] === pathname) {
+    if (entry[locale] === normalizedPathname) {
       alternates = entry;
       break;
     }