@lssm/lib.design-system 1.11.1 → 1.41.0

package/dist/components/marketing/MarketingIconCard.js

@@ -0,0 +1,73 @@
+import { CardContent, CardTitle, MarketingCard } from "./MarketingCard.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { HStack, VStack } from "@lssm/lib.ui-kit-web/ui/stack";
+import { Muted, Small } from "@lssm/lib.ui-kit-web/ui/typography";
+
+//#region src/components/marketing/MarketingIconCard.tsx
+const layoutVariants = cva("w-full", {
+	variants: { variant: {
+		iconFirst: "space-y-3",
+		listing: "",
+		support: ""
+	} },
+	defaultVariants: { variant: "iconFirst" }
+});
+function MarketingIconCard({ icon: Icon, title, description, tone = "default", iconClassName, headerAction, variant = "iconFirst", className }) {
+	return /* @__PURE__ */ jsx(MarketingCard, {
+		tone,
+		className,
+		children: /* @__PURE__ */ jsx(CardContent, {
+			className: layoutVariants({ variant }),
+			children: variant === "iconFirst" ? /* @__PURE__ */ jsxs(VStack, {
+				gap: "sm",
+				align: "start",
+				children: [
+					/* @__PURE__ */ jsxs(HStack, {
+						gap: "sm",
+						align: "center",
+						justify: "between",
+						className: "w-full",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							className: iconClassName,
+							size: 24
+						}), headerAction]
+					}),
+					/* @__PURE__ */ jsx(CardTitle, {
+						className: "text-xl",
+						children: title
+					}),
+					description ? /* @__PURE__ */ jsx(Muted, {
+						className: "text-sm leading-relaxed",
+						children: description
+					}) : null
+				]
+			}) : /* @__PURE__ */ jsxs(HStack, {
+				gap: "md",
+				align: "start",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					className: iconClassName,
+					size: variant === "listing" ? 18 : 20
+				}), /* @__PURE__ */ jsxs(VStack, {
+					gap: "xs",
+					align: "start",
+					children: [
+						/* @__PURE__ */ jsx(CardTitle, {
+							className: "text-base font-semibold",
+							children: title
+						}),
+						description ? /* @__PURE__ */ jsx(Muted, {
+							className: "text-sm leading-relaxed",
+							children: description
+						}) : null,
+						headerAction ? /* @__PURE__ */ jsx(Small, { children: headerAction }) : null
+					]
+				})]
+			})
+		})
+	});
+}
+
+//#endregion
+export { MarketingIconCard };

package/dist/components/marketing/MarketingSection.js

@@ -0,0 +1,61 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { VStack } from "@lssm/lib.ui-kit-web/ui/stack";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Muted } from "@lssm/lib.ui-kit-web/ui/typography";
+
+//#region src/components/marketing/MarketingSection.tsx
+const sectionVariants = cva("w-full", {
+	variants: {
+		tone: {
+			default: "bg-background",
+			muted: "bg-muted/40 border-b border-border/60",
+			panel: "bg-card/60 shadow-[0_10px_60px_-45px_rgba(0,0,0,0.35)] backdrop-blur",
+			gradient: "bg-gradient-to-br from-violet-500/10 via-indigo-500/5 to-blue-500/5"
+		},
+		padding: {
+			compact: "py-10",
+			comfortable: "py-16 sm:py-20",
+			spacious: "py-20 sm:py-24"
+		}
+	},
+	defaultVariants: {
+		tone: "default",
+		padding: "comfortable"
+	}
+});
+function MarketingSection({ children, eyebrow, title, subtitle, align = "center", maxWidth = "xl", tone, padding, className }) {
+	const contentWidth = maxWidth === "lg" ? "max-w-5xl" : "max-w-6xl";
+	const headerAlign = align === "center" ? "items-center text-center" : "items-start text-left";
+	return /* @__PURE__ */ jsx("section", {
+		className: cn(sectionVariants({
+			tone,
+			padding
+		}), "transition-colors", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("mx-auto w-full px-4 sm:px-6 lg:px-8", contentWidth),
+			children: [(eyebrow || title || subtitle) && /* @__PURE__ */ jsxs(VStack, {
+				gap: "sm",
+				className: cn("mb-10", headerAlign),
+				children: [
+					eyebrow ? /* @__PURE__ */ jsx(Muted, {
+						className: "text-[11px] font-semibold tracking-[0.2em] uppercase",
+						children: eyebrow
+					}) : null,
+					title ? /* @__PURE__ */ jsx("div", {
+						className: "text-3xl leading-tight font-bold md:text-4xl",
+						children: title
+					}) : null,
+					subtitle ? /* @__PURE__ */ jsx(Muted, {
+						className: "text-base md:text-lg",
+						children: subtitle
+					}) : null
+				]
+			}), children]
+		})
+	});
+}
+
+//#endregion
+export { MarketingSection };

package/dist/components/marketing/MarketingStepCard.js

@@ -0,0 +1,36 @@
+import { CardContent, CardHeader, CardTitle, MarketingCard } from "./MarketingCard.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HStack, VStack } from "@lssm/lib.ui-kit-web/ui/stack";
+import { Muted, Small } from "@lssm/lib.ui-kit-web/ui/typography";
+
+//#region src/components/marketing/MarketingStepCard.tsx
+function MarketingStepCard({ step, title, description, tone = "default" }) {
+	return /* @__PURE__ */ jsxs(MarketingCard, {
+		tone,
+		children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(HStack, {
+			gap: "md",
+			align: "center",
+			className: "w-full",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "bg-primary/15 flex h-10 w-10 items-center justify-center rounded-lg",
+				children: /* @__PURE__ */ jsx(Small, {
+					className: "text-primary font-semibold",
+					children: step
+				})
+			}), /* @__PURE__ */ jsx(CardTitle, {
+				className: "text-lg",
+				children: title
+			})]
+		}) }), description ? /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(VStack, {
+			gap: "sm",
+			children: /* @__PURE__ */ jsx(Muted, {
+				className: "text-sm leading-relaxed",
+				children: description
+			})
+		}) }) : null]
+	});
+}
+
+//#endregion
+export { MarketingStepCard };

package/dist/components/molecules/AiLinkButton.js

@@ -1,5 +1,5 @@
 import { Button } from "../atoms/Button.js";
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@lssm/lib.ui-kit-web/ui/dropdown-menu";
 
@@ -16,19 +16,19 @@ function buildProviderUrl(provider, href) {
 	}
 }
 function AiLinkButton({ href, className }) {
-	const copyLink = React$1.useCallback(() => {
+	const copyLink = React.useCallback(() => {
 		try {
 			navigator.clipboard?.writeText(href).catch(() => {});
 		} catch {}
 	}, [href]);
-	const openChatGPT = React$1.useCallback(() => {
+	const openChatGPT = React.useCallback(() => {
 		const url = buildProviderUrl("chatgpt", href);
 		try {
 			navigator.clipboard?.writeText(href).catch(() => {});
 		} catch {}
 		window.open(url, "_blank", "noopener,noreferrer");
 	}, [href]);
-	const openClaude = React$1.useCallback(() => {
+	const openClaude = React.useCallback(() => {
 		const url = buildProviderUrl("claude", href);
 		try {
 			navigator.clipboard?.writeText(href).catch(() => {});

package/dist/components/molecules/Breadcrumbs.js

@@ -1,13 +1,13 @@
 'use client';
 
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@lssm/lib.ui-kit-web/ui/breadcrumb";
 
 //#region src/components/molecules/Breadcrumbs.tsx
 function Breadcrumbs({ items }) {
 	if (!items?.length) return null;
-	return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: items.map((it, idx) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: it.href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
+	return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: items.map((it, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: it.href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
 		href: it.href,
 		children: it.label
 	}) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: it.label }) }), idx < items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})] }, idx)) }) });

package/dist/components/molecules/CommandPalette.js

@@ -1,16 +1,16 @@
 'use client';
 
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "@lssm/lib.ui-kit-web/ui/command";
 
 //#region src/components/molecules/CommandPalette.tsx
 function CommandPalette({ open, onOpenChange, groups, placeholder = "Type a command or search…" }) {
-	const [internalOpen, setInternalOpen] = React$1.useState(false);
+	const [internalOpen, setInternalOpen] = React.useState(false);
 	const isControlled = typeof open === "boolean";
 	const visible = isControlled ? open : internalOpen;
 	const setVisible = isControlled ? onOpenChange : setInternalOpen;
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		const handler = (e) => {
 			if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
 				e.preventDefault();

package/dist/components/molecules/CommandSearchTrigger.js

@@ -2,15 +2,15 @@
 
 import { Button } from "../atoms/Button.js";
 import { CommandPalette } from "./CommandPalette.js";
-import * as React$1 from "react";
+import * as React from "react";
 import { SearchIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
 
 //#region src/components/molecules/CommandSearchTrigger.tsx
 function CommandSearchTrigger({ groups, className, placeholder = "Search…", compact = false }) {
-	const [open, setOpen] = React$1.useState(false);
-	React$1.useEffect(() => {
+	const [open, setOpen] = React.useState(false);
+	React.useEffect(() => {
 		const handler = (e) => {
 			if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
 				e.preventDefault();

package/dist/components/molecules/FiltersToolbar.js

@@ -1,17 +1,17 @@
 import { Button } from "../atoms/Button.js";
 import { Input } from "../atoms/Input.js";
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
 import { Badge } from "@lssm/lib.ui-kit-web/ui/badge";
 
 //#region src/components/molecules/FiltersToolbar.tsx
 function FiltersToolbar({ className, children, right, searchPlaceholder, searchValue, onSearchChange, onSearchSubmit, debounceMs = 250, activeChips = [], onClearAll }) {
-	const [q, setQ] = React$1.useState(searchValue ?? "");
-	React$1.useEffect(() => {
+	const [q, setQ] = React.useState(searchValue ?? "");
+	React.useEffect(() => {
 		setQ(searchValue ?? "");
 	}, [searchValue]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (!onSearchChange) return;
 		const id = setTimeout(() => onSearchChange(q), debounceMs);
 		return () => clearTimeout(id);
@@ -30,7 +30,7 @@ function FiltersToolbar({ className, children, right, searchPlaceholder, searchV
 					className: "flex flex-1 items-center gap-2",
 					children: [/* @__PURE__ */ jsx(Input, {
 						value: q,
-						onChange: setQ,
+						onChange: (e) => setQ(e.target.value),
 						onKeyDown: (e) => {
 							if (e.key === "Enter") onSearchSubmit?.();
 						},

package/dist/components/molecules/HoverPreview.js

@@ -1,6 +1,6 @@
 'use client';
 
-import { __esm, __export } from "../../_virtual/rolldown_runtime.js";
+import { __esmMin, __export } from "../../_virtual/rolldown_runtime.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "@lssm/lib.ui-kit-web/ui/hover-card";
@@ -18,7 +18,7 @@ function HoverPreview({ trigger, content, align = "center", sideOffset = 8, clas
 		children: content
 	})] });
 }
-var init_HoverPreview = __esm({ "src/components/molecules/HoverPreview.tsx": (() => {}) });
+var init_HoverPreview = __esmMin((() => {}));
 
 //#endregion
 init_HoverPreview();

package/dist/components/molecules/LangSwitchDropdown.js

@@ -1,11 +1,11 @@
-import * as React$1 from "react";
+import * as React from "react";
 import { Globe } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@lssm/lib.ui-kit-web/ui/dropdown-menu";
 
 //#region src/components/molecules/LangSwitchDropdown.tsx
 function LangSwitchDropdown({ value, options, onChange, className }) {
-	const [open, setOpen] = React$1.useState(false);
+	const [open, setOpen] = React.useState(false);
 	const current = options.find((o) => o.code === value);
 	return /* @__PURE__ */ jsxs(DropdownMenu, {
 		open,

package/dist/components/molecules/LoaderBlock.js

@@ -19,7 +19,6 @@ function LoaderBlock({ label, description, className, size = "md" }) {
 		})
 	});
 }
-var LoaderBlock_default = LoaderBlock;
 
 //#endregion
-export { LoaderBlock, LoaderBlock_default as default };
+export { LoaderBlock };

package/dist/components/molecules/OverviewCard.js

@@ -1,11 +1,13 @@
 'use client';
 
+import { __toESM } from "../../_virtual/rolldown_runtime.js";
+import { require_link } from "../../node_modules/next/link.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import NextLink from "next/link";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@lssm/lib.ui-kit-web/ui/dialog";
 
 //#region src/components/molecules/OverviewCard.tsx
+var import_link = /* @__PURE__ */ __toESM(require_link());
 function OverviewCard({ title, summary, href, preview, ctaLabel }) {
 	return /* @__PURE__ */ jsxs(Dialog, { children: [/* @__PURE__ */ jsx(DialogTrigger, {
 		asChild: true,
@@ -23,7 +25,7 @@ function OverviewCard({ title, summary, href, preview, ctaLabel }) {
 		className: "max-h-[90vh] max-w-2xl overflow-y-auto sm:max-w-3xl",
 		children: [/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }), /* @__PURE__ */ jsxs("div", {
 			className: "space-y-4",
-			children: [preview, /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(NextLink, {
+			children: [preview, /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(import_link.default, {
 				href,
 				className: "bg-primary text-primary-foreground inline-flex rounded-md px-4 py-2",
 				children: ctaLabel
@@ -31,7 +33,6 @@ function OverviewCard({ title, summary, href, preview, ctaLabel }) {
 		})]
 	})] });
 }
-var OverviewCard_default = OverviewCard;
 
 //#endregion
-export { OverviewCard, OverviewCard_default as default };
+export { OverviewCard };

package/dist/components/molecules/SkeletonBlock/index.web.js

@@ -7,7 +7,6 @@ import { Skeleton } from "@lssm/lib.ui-kit-web/ui/skeleton";
 function SkeletonBlock({ w = "w-full", h = "h-4", rounded = "md", className }) {
 	return /* @__PURE__ */ jsx(Skeleton, { className: cn(w, h, rounded === "full" ? "rounded-full" : rounded === "lg" ? "rounded-lg" : rounded === "sm" ? "rounded-xs" : "rounded-md", className) });
 }
-var index_web_default = SkeletonBlock;
 
 //#endregion
-export { SkeletonBlock, index_web_default as default };
+export { SkeletonBlock };

package/dist/components/molecules/SkeletonCircle/index.web.js

@@ -17,7 +17,6 @@ function SkeletonCircle({ size = 32, sizeClass, className }) {
 		}
 	});
 }
-var index_web_default = SkeletonCircle;
 
 //#endregion
-export { SkeletonCircle, index_web_default as default };
+export { SkeletonCircle };

package/dist/components/molecules/SkeletonList/index.web.js

@@ -1,15 +1,14 @@
 import "react";
 import { jsx } from "react/jsx-runtime";
-import { SkeletonList as SkeletonList$1 } from "@lssm/lib.ui-kit-web/ui/molecules/SkeletonList";
+import { SkeletonList } from "@lssm/lib.ui-kit-web/ui/molecules/SkeletonList";
 
 //#region src/components/molecules/SkeletonList/index.web.tsx
-function SkeletonList({ count = 10, className }) {
-	return /* @__PURE__ */ jsx(SkeletonList$1, {
+function SkeletonList$1({ count = 10, className }) {
+	return /* @__PURE__ */ jsx(SkeletonList, {
 		count,
 		className
 	});
 }
-var index_web_default = SkeletonList;
 
 //#endregion
-export { SkeletonList, index_web_default as default };
+export { SkeletonList$1 as SkeletonList };

package/dist/components/organisms/AcademyLayout.js

@@ -1,6 +1,6 @@
 'use client';
 
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
 import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@lssm/lib.ui-kit-web/ui/breadcrumb";
@@ -22,7 +22,7 @@ function AcademyLayout({ header, toc, breadcrumb, children, rightPanel, footer,
 						className: "min-w-0",
 						children: [breadcrumb && breadcrumb.items?.length ? /* @__PURE__ */ jsx("div", {
 							className: "mb-4",
-							children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: it.href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
+							children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: it.href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
 								href: it.href,
 								children: it.label
 							}) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: it.label }) }), idx < breadcrumb.items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})] }, idx)) }) })

package/dist/components/organisms/AppLayout.js

@@ -1,7 +1,7 @@
 'use client';
 
 import { AppSidebar } from "./AppSidebar.js";
-import * as React$1 from "react";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
 import { Separator } from "@lssm/lib.ui-kit-web/ui/separator";
@@ -28,7 +28,7 @@ function AppLayout({ header, sidebar, breadcrumb, children, footer, className })
 					className: "min-w-0",
 					children: [breadcrumb && breadcrumb.items?.length ? /* @__PURE__ */ jsx("div", {
 						className: "mb-2",
-						children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: it.href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
+						children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: it.href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
 							href: it.href,
 							children: it.label
 						}) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: it.label }) }), idx < breadcrumb.items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})] }, idx)) }) })

package/dist/components/organisms/EmptySearchResult.js

@@ -1,5 +1,5 @@
 import { Input } from "../atoms/Input.js";
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyTitle } from "@lssm/lib.ui-kit-web/ui/empty";
 
@@ -8,14 +8,14 @@ function EmptySearchResult({ emptySearchTitle, emtptySearchTitle, emptySearchDes
 	const title = emptySearchTitle ?? emtptySearchTitle ?? "No results";
 	const description = emptySearchDescription ?? emtptySearchDescription ?? "Try another search.";
 	const onChange = onSearchChange ?? handleSearchChange;
-	const [q, setQ] = React$1.useState("");
+	const [q, setQ] = React.useState("");
 	return /* @__PURE__ */ jsxs(Empty, {
 		className,
 		children: [/* @__PURE__ */ jsxs(EmptyHeader, { children: [/* @__PURE__ */ jsx(EmptyTitle, { children: title }), description ? /* @__PURE__ */ jsx(EmptyDescription, { children: description }) : null] }), /* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsx(Input, {
 			value: q,
-			onChange: (v) => {
-				setQ(v);
-				onChange?.(v);
+			onChange: (e) => {
+				setQ(e.target.value);
+				onChange?.(e.target.value);
 			},
 			placeholder: "Search…",
 			keyboard: { kind: "search" }

package/dist/components/organisms/FAQSection.js

@@ -1,4 +1,4 @@
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { VStack } from "@lssm/lib.ui-kit-web/ui/stack";
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@lssm/lib.ui-kit-web/ui/accordion";
@@ -6,7 +6,7 @@ import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@l
 //#region src/components/organisms/FAQSection.tsx
 function FAQSection({ title, subtitle, children, className, items, accordionType = "single", collapsible = true, defaultOpenIndex = 0, accordionClassName }) {
 	const hasItems = Array.isArray(items) && items.length > 0;
-	const defaultValue = React$1.useMemo(() => {
+	const defaultValue = React.useMemo(() => {
 		if (!hasItems) return void 0;
 		if (accordionType === "multiple") return void 0;
 		return `item-${Math.max(0, Math.min((items?.length ?? 1) - 1, defaultOpenIndex))}`;

package/dist/components/organisms/Footer.js

@@ -1,6 +1,7 @@
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { HStack, VStack } from "@lssm/lib.ui-kit-web/ui/stack";
 import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
 
 //#region src/components/organisms/Footer.tsx
@@ -34,10 +35,7 @@ function Footer({ left, center, right, links, className, variant }) {
 					className: "text-muted-foreground text-center",
 					children: center
 				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "flex items-center justify-end gap-3",
-					children: right
-				})
+				/* @__PURE__ */ jsx(VStack, { children: right })
 			]
 		}), links && links.length > 0 && /* @__PURE__ */ jsx("div", {
 			className: "text-muted-foreground mt-4 flex flex-wrap items-center justify-center gap-3 text-base",

package/dist/components/organisms/MarketingHeader.js

@@ -7,7 +7,7 @@ import { NavItemCard } from "../molecules/NavItemCard.js";
 import { MobileNavMenu } from "../molecules/MobileNavMenu.js";
 import { CommandSearchTrigger } from "../molecules/CommandSearchTrigger.js";
 import { LangSwitchDropdown } from "../molecules/LangSwitchDropdown.js";
-import * as React$1 from "react";
+import * as React from "react";
 import { Menu } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
@@ -27,7 +27,7 @@ const headerVariants = cva("flex items-center justify-between gap-4", {
 	defaultVariants: { density: "comfortable" }
 });
 function MarketingHeader({ logo, nav = [], userMenu, cta, className, density, right, commandPaletteGroups, langSwitchProps }) {
-	const [open, setOpen] = React$1.useState(false);
+	const [open, setOpen] = React.useState(false);
 	return /* @__PURE__ */ jsx(HStack, {
 		as: "header",
 		className: cn("bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur-xs", className),
@@ -51,7 +51,7 @@ function MarketingHeader({ logo, nav = [], userMenu, cta, className, density, ri
 							side: "left",
 							className: "w-[320px] p-4",
 							children: [
-								/* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(CommandSearchTrigger, { groups: commandPaletteGroups }) }),
+								!!commandPaletteGroups?.length && /* @__PURE__ */ jsx(SheetHeader, { children: /* @__PURE__ */ jsx(CommandSearchTrigger, { groups: commandPaletteGroups }) }),
 								cta && /* @__PURE__ */ jsx(VStack, {
 									className: "mb-3",
 									children: /* @__PURE__ */ jsx(ButtonLink, {
@@ -87,11 +87,11 @@ function MarketingHeader({ logo, nav = [], userMenu, cta, className, density, ri
 				/* @__PURE__ */ jsxs(HStack, {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ jsx(Box, {
+						!!commandPaletteGroups?.length && /* @__PURE__ */ jsx(Box, {
 							className: "hidden items-center gap-2 md:flex",
 							children: /* @__PURE__ */ jsx(CommandSearchTrigger, { groups: commandPaletteGroups })
 						}),
-						/* @__PURE__ */ jsx(LangSwitchDropdown, {
+						!!(langSwitchProps?.options?.length > 1) && /* @__PURE__ */ jsx(LangSwitchDropdown, {
 							value: langSwitchProps.value,
 							onChange: langSwitchProps.onChange,
 							options: langSwitchProps.options

package/dist/components/organisms/MarketingHeaderMobile.js

@@ -4,7 +4,7 @@ import { Button } from "../atoms/Button.js";
 import { MobileNavMenu } from "../molecules/MobileNavMenu.js";
 import { CommandSearchTrigger } from "../molecules/CommandSearchTrigger.js";
 import { LangSwitchDropdown } from "../molecules/LangSwitchDropdown.js";
-import * as React$1 from "react";
+import * as React from "react";
 import { Menu } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { VStack } from "@lssm/lib.ui-kit-web/ui/stack";
@@ -13,7 +13,7 @@ import { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetT
 
 //#region src/components/organisms/MarketingHeaderMobile.tsx
 function MarketingHeaderMobile({ logo, nav = [], className, right }) {
-	const [open, setOpen] = React$1.useState(false);
+	const [open, setOpen] = React.useState(false);
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs md:hidden", className),
 		children: /* @__PURE__ */ jsxs("div", {

package/dist/components/organisms/MarketingLayout.js

@@ -8,6 +8,7 @@ import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
 //#region src/components/organisms/MarketingLayout.tsx
 function MarketingLayout({ header, children, footer, className }) {
 	return /* @__PURE__ */ jsxs(VStack, {
+		gap: "none",
 		className: cn("bg-background min-h-svh", className),
 		children: [
 			header,

package/dist/components/templates/lists/ListPageTemplate/index.web.js

@@ -2,7 +2,7 @@ import { PageHeaderResponsive } from "../../../organisms/PageHeaderResponsive.js
 import { FiltersToolbar } from "../../../molecules/FiltersToolbar.js";
 import { AiLinkButton } from "../../../molecules/AiLinkButton.js";
 import { EmptyDataList } from "../../../organisms/EmptyDataList.js";
-import * as React$1 from "react";
+import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
@@ -12,7 +12,7 @@ import { Skeleton } from "@lssm/lib.ui-kit-web/ui/skeleton";
 //#region src/components/templates/lists/ListPageTemplate/index.web.tsx
 const containerVariants = cva("space-y-4 md:space-y-6");
 function ListPageTemplate({ children, title, description, breadcrumb, actions, className, searchPlaceholder, searchValue, onSearchChange, onSearchSubmit, isLoading, data, renderItem, emptyProps }) {
-	const mdHref = React$1.useMemo(() => {
+	const mdHref = React.useMemo(() => {
 		if (typeof window === "undefined") return void 0;
 		const url = new URL(window.location.href);
 		url.pathname = url.pathname.replace(/\/$/, "") + ".md";

package/dist/hooks/useListUrlState.js

@@ -1,4 +1,4 @@
-import * as React$1 from "react";
+import * as React from "react";
 
 //#region src/hooks/useListUrlState.ts
 function useListUrlState({ defaults, paramKeys = {
@@ -8,7 +8,7 @@ function useListUrlState({ defaults, paramKeys = {
 	sort: "sort",
 	filters: "f"
 }, replaceState = true }) {
-	const read = React$1.useCallback(() => {
+	const read = React.useCallback(() => {
 		if (typeof window === "undefined") return defaults;
 		const qs = new URL(window.location.href).searchParams;
 		const parseNum = (v, d) => {
@@ -30,8 +30,8 @@ function useListUrlState({ defaults, paramKeys = {
 			filters
 		};
 	}, [defaults, paramKeys]);
-	const [state, setState] = React$1.useState(read);
-	const write = React$1.useCallback((next) => {
+	const [state, setState] = React.useState(read);
+	const write = React.useCallback((next) => {
 		if (typeof window === "undefined") return;
 		const url = new URL(window.location.href);
 		const qs = url.searchParams;
@@ -60,19 +60,19 @@ function useListUrlState({ defaults, paramKeys = {
 		paramKeys,
 		replaceState
 	]);
-	const setFilter = React$1.useCallback((key, value) => {
+	const setFilter = React.useCallback((key, value) => {
 		write({ filters: {
 			...state.filters,
 			[key]: value
 		} });
 	}, [state.filters, write]);
-	const clearFilters = React$1.useCallback(() => {
+	const clearFilters = React.useCallback(() => {
 		write({
 			filters: {},
 			page: 1
 		});
 	}, [write]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		const onPop = () => setState(read());
 		window.addEventListener("popstate", onPop);
 		return () => window.removeEventListener("popstate", onPop);