@lssm/lib.design-system 0.0.0-canary-20251210082611 → 0.0.0-canary-20251212004227

package/dist/components/atoms/Input.js

@@ -11,7 +11,7 @@ function Input$1({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, pla
 		className,
 		value,
 		defaultValue,
-		onChange: onChange ? (e) => onChange?.(e.target.value) : void 0,
+		onChange,
 		onFocus,
 		onBlur,
 		placeholder,

package/dist/components/atoms/Textarea.js

@@ -6,10 +6,10 @@ import { Textarea } from "@lssm/lib.ui-kit-web/ui/textarea";
 //#region src/components/atoms/Textarea.tsx
 function Textarea$1({ value, defaultValue, onChange, onSubmit, onFocus, onBlur, placeholder, disabled, readOnly, maxLength, name, className, rows, keyboard, ...rest }) {
 	const webKeyboard = mapKeyboardToWeb(keyboard);
-	const handleChange = React.useCallback((e) => onChange?.(e.target.value), [onChange]);
+	const handleChange = React.useCallback((e) => onChange?.(e), [onChange]);
 	const handleKeyDown = React.useCallback((e) => {
 		if (e.key === "Enter" && webKeyboard.type !== "search") {
-			if (e.metaKey || e.ctrlKey) onSubmit?.();
+			if (e.metaKey || e.ctrlKey) onSubmit?.(e);
 		}
 	}, [onSubmit, webKeyboard.type]);
 	return /* @__PURE__ */ jsx(Textarea, {

package/dist/components/forms/ActionForm.js

@@ -0,0 +1,18 @@
+'use client';
+
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/forms/ActionForm.tsx
+function ActionForm({ action, children, className, ...rest }) {
+	return /* @__PURE__ */ jsx("form", {
+		action,
+		className: cn("space-y-3", className),
+		...rest,
+		children
+	});
+}
+
+//#endregion
+export { ActionForm };

package/dist/components/legal/molecules/ContactFields.js

@@ -13,9 +13,9 @@ function ContactFields({ value, onChange, disabled }) {
 				className: "space-y-2",
 				children: [/* @__PURE__ */ jsx(Label, { children: "Nom" }), /* @__PURE__ */ jsx(Input, {
 					value: value.name,
-					onChange: (v) => onChange({
+					onChange: (e) => onChange({
 						...value,
-						name: v
+						name: e.target.value
 					}),
 					disabled
 				})]
@@ -25,9 +25,9 @@ function ContactFields({ value, onChange, disabled }) {
 				children: [/* @__PURE__ */ jsx(Label, { children: "Email" }), /* @__PURE__ */ jsx(Input, {
 					type: "email",
 					value: value.email,
-					onChange: (v) => onChange({
+					onChange: (e) => onChange({
 						...value,
-						email: v
+						email: e.target.value
 					}),
 					disabled
 				})]
@@ -36,9 +36,9 @@ function ContactFields({ value, onChange, disabled }) {
 				className: "space-y-2",
 				children: [/* @__PURE__ */ jsx(Label, { children: "Objet" }), /* @__PURE__ */ jsx(Input, {
 					value: value.subject,
-					onChange: (v) => onChange({
+					onChange: (e) => onChange({
 						...value,
-						subject: v
+						subject: e.target.value
 					}),
 					disabled
 				})]
@@ -47,9 +47,9 @@ function ContactFields({ value, onChange, disabled }) {
 				className: "space-y-2",
 				children: [/* @__PURE__ */ jsx(Label, { children: "Message" }), /* @__PURE__ */ jsx(Textarea, {
 					value: value.message,
-					onChange: (v) => onChange({
+					onChange: (e) => onChange({
 						...value,
-						message: v
+						message: e.target.value
 					}),
 					disabled,
 					rows: 6

package/dist/components/marketing/MarketingCard.js

@@ -0,0 +1,20 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Card, CardContent as CardContent$1, CardDescription, CardHeader as CardHeader$1, CardTitle as CardTitle$1 } from "@lssm/lib.ui-kit-web/ui/card";
+
+//#region src/components/marketing/MarketingCard.tsx
+const toneClasses = {
+	default: "border-border/60 bg-card/90",
+	muted: "border-border/50 bg-muted/50",
+	elevated: "border-border/50 bg-card shadow-lg shadow-black/5"
+};
+function MarketingCard({ tone = "default", className, ...props }) {
+	return /* @__PURE__ */ jsx(Card, {
+		className: cn("backdrop-blur transition-shadow", toneClasses[tone], className),
+		...props
+	});
+}
+
+//#endregion
+export { CardContent$1 as CardContent, CardDescription, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle, MarketingCard };

package/dist/components/marketing/MarketingCardsSection.js

@@ -0,0 +1,28 @@
+import { MarketingSection } from "./MarketingSection.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/marketing/MarketingCardsSection.tsx
+const gridVariants = cva("grid gap-6", {
+	variants: { columns: {
+		1: "grid-cols-1",
+		2: "grid-cols-1 md:grid-cols-2",
+		3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+		4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
+	} },
+	defaultVariants: { columns: 3 }
+});
+function MarketingCardsSection({ children, columns, gridClassName, ...sectionProps }) {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		...sectionProps,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn(gridVariants({ columns }), gridClassName),
+			children
+		})
+	});
+}
+
+//#endregion
+export { MarketingCardsSection };

package/dist/components/marketing/MarketingComparisonSection.js

@@ -0,0 +1,52 @@
+import { MarketingSection } from "./MarketingSection.js";
+import "react";
+import { CheckCircle } from "lucide-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/MarketingComparisonSection.tsx
+function MarketingComparisonSection({ eyebrow, title, subtitle, left, right, tone = "default", padding = "comfortable" }) {
+	return /* @__PURE__ */ jsx(MarketingSection, {
+		tone,
+		padding,
+		eyebrow,
+		title,
+		subtitle,
+		align: "center",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "grid gap-8 md:grid-cols-2",
+			children: [left, right].map((col) => /* @__PURE__ */ jsxs(VStack, {
+				gap: "md",
+				align: "start",
+				className: "border-border/50 bg-card/50 rounded-xl border p-6",
+				children: [/* @__PURE__ */ jsx(Small, {
+					className: "text-sm font-semibold",
+					children: col.title
+				}), /* @__PURE__ */ jsx(VStack, {
+					as: "div",
+					role: "list",
+					gap: "sm",
+					align: "start",
+					className: "list-none p-0",
+					children: col.items.map((item, idx) => /* @__PURE__ */ jsxs(HStack, {
+						as: "div",
+						role: "listitem",
+						gap: "sm",
+						align: "start",
+						children: [/* @__PURE__ */ jsx(CheckCircle, {
+							className: "mt-0.5 text-violet-400",
+							size: 18
+						}), /* @__PURE__ */ jsx(Muted, {
+							className: "text-sm leading-relaxed",
+							children: item
+						})]
+					}, idx))
+				})]
+			}, col.title))
+		})
+	});
+}
+
+//#endregion
+export { MarketingComparisonSection };

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/FiltersToolbar.js

@@ -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/organisms/EmptySearchResult.js

@@ -13,9 +13,9 @@ function EmptySearchResult({ emptySearchTitle, emtptySearchTitle, emptySearchDes
 		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/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

@@ -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/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/index.js

@@ -23,6 +23,12 @@ import { MarketingHeader } from "./components/organisms/MarketingHeader.js";
 import { MarketingHeaderDesktop } from "./components/organisms/MarketingHeaderDesktop.js";
 import { MarketingHeaderMobile } from "./components/organisms/MarketingHeaderMobile.js";
 import { MarketingLayout } from "./components/organisms/MarketingLayout.js";
+import { MarketingSection } from "./components/marketing/MarketingSection.js";
+import { MarketingCardsSection } from "./components/marketing/MarketingCardsSection.js";
+import { CardContent, CardDescription, CardHeader, CardTitle, MarketingCard } from "./components/marketing/MarketingCard.js";
+import { MarketingIconCard } from "./components/marketing/MarketingIconCard.js";
+import { MarketingStepCard } from "./components/marketing/MarketingStepCard.js";
+import { MarketingComparisonSection } from "./components/marketing/MarketingComparisonSection.js";
 import { AppLayout } from "./components/organisms/AppLayout.js";
 import { AcademyLayout } from "./components/organisms/AcademyLayout.js";
 import { AppHeader } from "./components/organisms/AppHeader.js";
@@ -95,6 +101,7 @@ import { FormGrid, FormRow, FormSection } from "./components/forms/FormLayout.js
 import { FormCardLayout } from "./components/forms/FormCardLayout.js";
 import { FormStepsLayout } from "./components/forms/FormStepsLayout.js";
 import { FormOneByOneLayout } from "./components/forms/FormOneByOneLayout.js";
+import { ActionForm } from "./components/forms/ActionForm.js";
 import { DataViewList } from "./components/data-view/DataViewList.js";
 import { DataViewTable } from "./components/data-view/DataViewTable.js";
 import { DataViewDetail } from "./components/data-view/DataViewDetail.js";
@@ -104,4 +111,4 @@ import { DataViewRenderer } from "./components/data-view/DataViewRenderer.js";
 init_HoverPreview();
 
 //#endregion
-export { AcademyLayout, AgentMonitor, AiLinkButton, AppHeader, AppLayout, AppSidebar, ApprovalQueue, Breadcrumbs, Button, ButtonLink_default as ButtonLink, CommandPalette, CommandSearchTrigger, ConsentItem, ConsentList, ContactFields, ContactForm, ContactTemplate, CookiesTemplate, Cta, DEFAULT_BREAKPOINTS, DataViewDetail, DataViewList, DataViewRenderer, DataViewTable, DateChip, DefinitionList, DeleteButton, DesktopHeader, DurationChip, EditButton, EmptyDataList, EmptySearchResult, EmptyState, EntityCard, ErrorState, FAQSection, FeatureCarousel, FeaturesSection, FiltersToolbar, Footer, FormCardLayout, FormDialog, FormGrid, FormOneByOneLayout, FormRow, FormSection, FormStepsLayout, GDPRDataRequest, GDPRRights, Header, HeroResponsive, HeroSection, HoverPreview, HoverPreviewDoc, HoverPreviewMedia, HoverPreviewSimple, HoverPreviewStats, HoverPreviewUser, Input, KeyValueList, LangSwitch, LegalCallout, LegalHeading, LegalList, LegalMeta, LegalPageLayout, LegalSection, LegalTOC, LegalText, Link, ListCardPage, ListGridPage, ListPageResponsive, ListPageTemplate, ListTablePage, LoaderBlock, LoaderCircular, MarketingHeader, MarketingHeaderDesktop, MarketingHeaderMobile, MarketingLayout, MobileHeader, NavBrand, NavMain, NavUser, PageHeaderResponsive, PlaceChip, PricingCarousel, PricingSection, PrivacyTemplate, SalesTermsTemplate, SkeletonBlock, SkeletonCircle, SkeletonList, StatCard, StatCardGroup, StatusChip, Stepper, TermsTemplate, TestimonialCarousel, Textarea, TimeChip, ToggleButton, ToggleLeftButton, ToggleRightButton, ViewButton, ZodForm, defaultTokens, dsBaseVariants, formRenderer, mapTokensForPlatform, useColorScheme, useListUrlState, useReducedMotion, useResponsive, withPlatformUI };
+export { AcademyLayout, ActionForm, AgentMonitor, AiLinkButton, AppHeader, AppLayout, AppSidebar, ApprovalQueue, Breadcrumbs, Button, ButtonLink_default as ButtonLink, CommandPalette, CommandSearchTrigger, ConsentItem, ConsentList, ContactFields, ContactForm, ContactTemplate, CookiesTemplate, Cta, DEFAULT_BREAKPOINTS, DataViewDetail, DataViewList, DataViewRenderer, DataViewTable, DateChip, DefinitionList, DeleteButton, DesktopHeader, DurationChip, EditButton, EmptyDataList, EmptySearchResult, EmptyState, EntityCard, ErrorState, FAQSection, FeatureCarousel, FeaturesSection, FiltersToolbar, Footer, FormCardLayout, FormDialog, FormGrid, FormOneByOneLayout, FormRow, FormSection, FormStepsLayout, GDPRDataRequest, GDPRRights, Header, HeroResponsive, HeroSection, HoverPreview, HoverPreviewDoc, HoverPreviewMedia, HoverPreviewSimple, HoverPreviewStats, HoverPreviewUser, Input, KeyValueList, LangSwitch, LegalCallout, LegalHeading, LegalList, LegalMeta, LegalPageLayout, LegalSection, LegalTOC, LegalText, Link, ListCardPage, ListGridPage, ListPageResponsive, ListPageTemplate, ListTablePage, LoaderBlock, LoaderCircular, MarketingCard, CardContent as MarketingCardContent, CardDescription as MarketingCardDescription, CardHeader as MarketingCardHeader, CardTitle as MarketingCardTitle, MarketingCardsSection, MarketingComparisonSection, MarketingHeader, MarketingHeaderDesktop, MarketingHeaderMobile, MarketingIconCard, MarketingLayout, MarketingSection, MarketingStepCard, MobileHeader, NavBrand, NavMain, NavUser, PageHeaderResponsive, PlaceChip, PricingCarousel, PricingSection, PrivacyTemplate, SalesTermsTemplate, SkeletonBlock, SkeletonCircle, SkeletonList, StatCard, StatCardGroup, StatusChip, Stepper, TermsTemplate, TestimonialCarousel, Textarea, TimeChip, ToggleButton, ToggleLeftButton, ToggleRightButton, ViewButton, ZodForm, defaultTokens, dsBaseVariants, formRenderer, mapTokensForPlatform, useColorScheme, useListUrlState, useReducedMotion, useResponsive, withPlatformUI };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lssm/lib.design-system",
-  "version": "0.0.0-canary-20251210082611",
+  "version": "0.0.0-canary-20251212004227",
   "scripts": {
     "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
     "build": "bun build:bundle && bun build:types",