@lssm/lib.design-system 1.11.1 → 1.41.1

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";
@@ -33,6 +39,7 @@ import { HoverPreview, init_HoverPreview } from "./components/molecules/HoverPre
 import { StatusChip } from "./components/molecules/StatusChip.js";
 import { EntityCard } from "./components/molecules/EntityCard.js";
 import { StatCard, StatCardGroup } from "./components/molecules/StatCard.js";
+import { OverviewCard } from "./components/molecules/OverviewCard.js";
 import { HoverPreviewSimple } from "./components/molecules/hover-previews/Simple.js";
 import { HoverPreviewMedia } from "./components/molecules/hover-previews/Media.js";
 import { HoverPreviewDoc } from "./components/molecules/hover-previews/Doc.js";
@@ -95,6 +102,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 +112,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, OverviewCard, 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/dist/lib/keyboard.js

@@ -55,51 +55,6 @@ function applyAutoCompleteDefaultsWeb(res, ac) {
 		"url"
 	].includes(ac)) res.autoCapitalize = "none";
 }
-function applyAutoCompleteDefaultsNative(native, ac) {
-	if (!ac) return;
-	const tc = {
-		name: "name",
-		"given-name": "givenName",
-		"additional-name": "middleName",
-		"family-name": "familyName",
-		username: "username",
-		"current-password": "password",
-		"new-password": "newPassword",
-		email: "emailAddress",
-		url: "URL",
-		tel: "telephoneNumber",
-		"address-line1": "streetAddressLine1",
-		"address-line2": "streetAddressLine2",
-		"postal-code": "postalCode",
-		organization: "organizationName",
-		"organization-title": "jobTitle",
-		"one-time-code": "oneTimeCode"
-	}[ac];
-	if (tc) native.textContentType = tc;
-	if ([
-		"name",
-		"given-name",
-		"additional-name",
-		"family-name",
-		"honorific-prefix",
-		"honorific-suffix",
-		"nickname",
-		"organization",
-		"organization-title",
-		"cc-name",
-		"cc-given-name",
-		"cc-additional-name",
-		"cc-family-name"
-	].includes(ac)) native.autoCapitalize = "words";
-	if ([
-		"username",
-		"new-password",
-		"current-password",
-		"one-time-code",
-		"email",
-		"url"
-	].includes(ac)) native.autoCapitalize = "none";
-}
 function mapKeyboardToWeb(opts) {
 	const kind = opts?.kind ?? deriveKindFromAutoComplete(opts?.autoComplete) ?? "text";
 	const res = {};
@@ -233,132 +188,6 @@ function mapKeyboardToWeb(opts) {
 	applyAutoCompleteDefaultsWeb(res, opts?.autoComplete);
 	return res;
 }
-function mapKeyboardToNative(opts) {
-	const kind = opts?.kind ?? deriveKindFromAutoComplete(opts?.autoComplete) ?? "text";
-	const native = {};
-	switch (kind) {
-		case "password":
-			native.secureTextEntry = true;
-			native.textContentType = "password";
-			native.keyboardType = "default";
-			native.autoCapitalize = "none";
-			native.autoComplete = opts?.autoComplete ?? "password";
-			break;
-		case "new-password":
-			native.secureTextEntry = true;
-			native.textContentType = "newPassword";
-			native.keyboardType = "default";
-			native.autoCapitalize = "none";
-			native.autoComplete = opts?.autoComplete ?? "new-password";
-			break;
-		case "username":
-			native.textContentType = "username";
-			native.keyboardType = "default";
-			native.autoCapitalize = "none";
-			native.autoComplete = opts?.autoComplete ?? "username";
-			break;
-		case "email":
-			native.keyboardType = "email-address";
-			native.textContentType = "emailAddress";
-			native.autoCapitalize = "none";
-			native.autoComplete = opts?.autoComplete ?? "email";
-			break;
-		case "url":
-			native.keyboardType = "url";
-			native.textContentType = "URL";
-			native.autoComplete = opts?.autoComplete ?? "url";
-			break;
-		case "search":
-			native.keyboardType = "default";
-			native.returnKeyType = "search";
-			native.autoComplete = opts?.autoComplete ?? "off";
-			break;
-		case "phone":
-		case "tel":
-			native.keyboardType = "phone-pad";
-			native.textContentType = "telephoneNumber";
-			native.autoComplete = opts?.autoComplete ?? "tel";
-			break;
-		case "number":
-		case "int":
-			native.keyboardType = "number-pad";
-			break;
-		case "decimal":
-			native.keyboardType = "decimal-pad";
-			break;
-		case "numbers-and-punctuation":
-			native.keyboardType = "numbers-and-punctuation";
-			break;
-		case "otp":
-			native.keyboardType = "number-pad";
-			native.textContentType = "oneTimeCode";
-			native.autoComplete = opts?.autoComplete ?? "one-time-code";
-			native.autoCapitalize = "none";
-			break;
-		case "name":
-			native.textContentType = "name";
-			native.autoCapitalize = "words";
-			native.autoComplete = opts?.autoComplete ?? "name";
-			break;
-		case "given-name":
-			native.textContentType = "givenName";
-			native.autoCapitalize = "words";
-			native.autoComplete = opts?.autoComplete ?? "given-name";
-			break;
-		case "family-name":
-			native.textContentType = "familyName";
-			native.autoCapitalize = "words";
-			native.autoComplete = opts?.autoComplete ?? "family-name";
-			break;
-		case "address-line1":
-			native.textContentType = "streetAddressLine1";
-			native.autoComplete = opts?.autoComplete ?? "address-line1";
-			break;
-		case "address-line2":
-			native.textContentType = "streetAddressLine2";
-			native.autoComplete = opts?.autoComplete ?? "address-line2";
-			break;
-		case "postal-code":
-			native.keyboardType = "numbers-and-punctuation";
-			native.textContentType = "postalCode";
-			native.autoComplete = opts?.autoComplete ?? "postal-code";
-			break;
-		case "cc-number":
-			native.keyboardType = "number-pad";
-			native.textContentType = "creditCardNumber";
-			native.autoComplete = opts?.autoComplete ?? "cc-number";
-			break;
-		case "cc-exp":
-			native.keyboardType = "numbers-and-punctuation";
-			native.autoComplete = opts?.autoComplete ?? "cc-exp";
-			break;
-		case "cc-csc":
-			native.keyboardType = "number-pad";
-			native.autoComplete = opts?.autoComplete ?? "cc-csc";
-			break;
-		case "off":
-			native.autoComplete = "off";
-			break;
-		case "date":
-			native.keyboardType = "default";
-			break;
-		default:
-			native.keyboardType = "default";
-			break;
-	}
-	if (opts?.autoCapitalize) native.autoCapitalize = opts.autoCapitalize;
-	if (opts?.autoCorrect != null) native.autoCorrect = opts.autoCorrect;
-	if (opts?.enterKeyHint) native.returnKeyType = {
-		enter: "default",
-		done: "done",
-		go: "go",
-		next: "next",
-		search: "search",
-		send: "send"
-	}[opts.enterKeyHint] ?? "default";
-	applyAutoCompleteDefaultsNative(native, opts?.autoComplete);
-	return native;
-}
 
 //#endregion
-export { mapKeyboardToNative, mapKeyboardToWeb };
+export { mapKeyboardToWeb };

package/dist/platform/useColorScheme.js

@@ -1,11 +1,11 @@
 'use client';
 
-import * as React$1 from "react";
+import * as React from "react";
 
 //#region src/platform/useColorScheme.ts
 function useColorScheme() {
-	const [scheme, setScheme] = React$1.useState("light");
-	React$1.useEffect(() => {
+	const [scheme, setScheme] = React.useState("light");
+	React.useEffect(() => {
 		if (typeof window === "undefined" || !window.matchMedia) return;
 		const media = window.matchMedia("(prefers-color-scheme: dark)");
 		const update = () => setScheme(media.matches ? "dark" : "light");

package/dist/platform/useReducedMotion.js

@@ -1,11 +1,11 @@
 'use client';
 
-import * as React$1 from "react";
+import * as React from "react";
 
 //#region src/platform/useReducedMotion.ts
 function useReducedMotion() {
-	const [reduced, setReduced] = React$1.useState(false);
-	React$1.useEffect(() => {
+	const [reduced, setReduced] = React.useState(false);
+	React.useEffect(() => {
 		if (typeof window === "undefined" || !window.matchMedia) return;
 		const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
 		const onChange = () => setReduced(mq.matches);

package/dist/platform/useResponsive.js

@@ -1,6 +1,6 @@
 'use client';
 
-import * as React$1 from "react";
+import * as React from "react";
 
 //#region src/platform/useResponsive.ts
 const DEFAULT = {
@@ -10,12 +10,12 @@ const DEFAULT = {
 	xl: 1280
 };
 function useResponsive(custom) {
-	const bp = React$1.useMemo(() => ({
+	const bp = React.useMemo(() => ({
 		...DEFAULT,
 		...custom
 	}), [custom]);
-	const [width, setWidth] = React$1.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
-	React$1.useEffect(() => {
+	const [width, setWidth] = React.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
+	React.useEffect(() => {
 		if (typeof window === "undefined") return;
 		const onResize = () => setWidth(window.innerWidth);
 		window.addEventListener("resize", onResize);

package/dist/renderers/form-contract.js

@@ -3,7 +3,7 @@
 import { Button } from "../components/atoms/Button.js";
 import { Input } from "../components/atoms/Input.js";
 import { Textarea } from "../components/atoms/Textarea.js";
-import React from "react";
+import "react";
 import { createFormRenderer } from "@lssm/lib.contracts/client/react/form-render";
 import { shadcnDriver } from "@lssm/lib.contracts/client/react/drivers/shadcn";
 import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel } from "@lssm/lib.ui-kit-web/ui/field";