@lssm/lib.design-system 0.0.0-canary-20251217054315 → 0.0.0-canary-20251217060804

package/dist/components/forms/ZodForm.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import * as react_jsx_runtime90 from "react/jsx-runtime";
+import { UseFormReturn } from "@lssm/lib.ui-kit-web/ui/form";
+import * as z from "zod";
+import { FieldValues } from "react-hook-form";
+
+//#region src/components/forms/ZodForm.d.ts
+interface ZodFormProps<TSchema extends z.ZodType<any, FieldValues>, TFieldValues extends FieldValues = z.input<TSchema>, TOutput = z.output<TSchema>> {
+  schema: TSchema;
+  defaultValues?: Partial<TFieldValues> | Promise<Partial<TFieldValues>>;
+  onSubmit: (data: TOutput) => Promise<void> | void;
+  children: (f: UseFormReturn<TFieldValues, any, TOutput>) => React.ReactNode;
+}
+declare function ZodForm<TSchema extends z.ZodType<any, FieldValues>, TFieldValues extends FieldValues = z.input<TSchema>, TOutput = z.output<TSchema>>({
+  schema,
+  defaultValues,
+  onSubmit,
+  children
+}: ZodFormProps<TSchema, TFieldValues, TOutput>): react_jsx_runtime90.JSX.Element;
+//#endregion
+export { ZodForm };

package/dist/components/legal/atoms/DefinitionList.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
+
+//#region src/components/legal/atoms/DefinitionList.d.ts
+declare function DefinitionList({
+  items,
+  className
+}: {
+  items: {
+    term: React.ReactNode;
+    description: React.ReactNode;
+  }[];
+  className?: string;
+}): react_jsx_runtime67.JSX.Element;
+//#endregion
+export { DefinitionList };

package/dist/components/legal/atoms/KeyValueList.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import * as react_jsx_runtime68 from "react/jsx-runtime";
+
+//#region src/components/legal/atoms/KeyValueList.d.ts
+declare function KeyValueList({
+  items,
+  className
+}: {
+  items: {
+    key: React.ReactNode;
+    value: React.ReactNode;
+  }[];
+  className?: string;
+}): react_jsx_runtime68.JSX.Element;
+//#endregion
+export { KeyValueList };

package/dist/components/legal/atoms/LegalCallout.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import * as react_jsx_runtime71 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types14 from "class-variance-authority/types";
+
+//#region src/components/legal/atoms/LegalCallout.d.ts
+declare const calloutVariants: (props?: ({
+  tone?: "danger" | "info" | "warning" | null | undefined;
+} & class_variance_authority_types14.ClassProp) | undefined) => string;
+type LegalCalloutProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof calloutVariants>;
+declare function LegalCallout({
+  tone,
+  className,
+  ...props
+}: LegalCalloutProps): react_jsx_runtime71.JSX.Element;
+//#endregion
+export { LegalCallout };

package/dist/components/legal/atoms/LegalHeading.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as react_jsx_runtime63 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
+
+//#region src/components/legal/atoms/LegalHeading.d.ts
+declare const headingVariants: (props?: ({
+  level?: "h1" | "h2" | "h3" | "h4" | null | undefined;
+  tone?: "default" | "muted" | "accent" | null | undefined;
+  spacing?: "sm" | "md" | "lg" | "none" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
+type LegalHeadingProps = React.HTMLAttributes<HTMLHeadingElement> & VariantProps<typeof headingVariants> & {
+  as?: 'h1' | 'h2' | 'h3' | 'h4';
+};
+declare function LegalHeading({
+  as,
+  level,
+  tone,
+  spacing,
+  className,
+  ...props
+}: LegalHeadingProps): react_jsx_runtime63.JSX.Element;
+//#endregion
+export { LegalHeading };

package/dist/components/legal/atoms/LegalList.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types13 from "class-variance-authority/types";
+
+//#region src/components/legal/atoms/LegalList.d.ts
+declare const listVariants: (props?: ({
+  type?: "none" | "unordered" | "ordered" | null | undefined;
+  spacing?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
+type LegalListProps = React.HTMLAttributes<HTMLUListElement | HTMLOListElement> & VariantProps<typeof listVariants>;
+declare function LegalList({
+  type,
+  spacing,
+  className,
+  children,
+  ...props
+}: LegalListProps): react_jsx_runtime69.JSX.Element;
+//#endregion
+export { LegalList };

package/dist/components/legal/atoms/LegalSection.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types12 from "class-variance-authority/types";
+
+//#region src/components/legal/atoms/LegalSection.d.ts
+declare const sectionVariants: (props?: ({
+  spacing?: "sm" | "md" | "lg" | null | undefined;
+  border?: "none" | "top" | "bottom" | "both" | null | undefined;
+  tone?: "subtle" | "plain" | null | undefined;
+} & class_variance_authority_types12.ClassProp) | undefined) => string;
+type LegalSectionProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof sectionVariants>;
+declare function LegalSection({
+  spacing,
+  border,
+  tone,
+  className,
+  ...props
+}: LegalSectionProps): react_jsx_runtime65.JSX.Element;
+//#endregion
+export { LegalSection };

package/dist/components/legal/atoms/LegalText.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as react_jsx_runtime64 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
+
+//#region src/components/legal/atoms/LegalText.d.ts
+declare const textVariants: (props?: ({
+  tone?: "default" | "danger" | "muted" | null | undefined;
+  size?: "base" | "sm" | "lg" | null | undefined;
+  spacing?: "sm" | "md" | "lg" | "none" | null | undefined;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
+type LegalTextProps = React.HTMLAttributes<HTMLParagraphElement> & VariantProps<typeof textVariants> & {
+  as?: 'p' | 'div' | 'span';
+};
+declare function LegalText({
+  as,
+  tone,
+  size,
+  spacing,
+  className,
+  ...props
+}: LegalTextProps): react_jsx_runtime64.JSX.Element;
+//#endregion
+export { LegalText };

package/dist/components/legal/molecules/Consent.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
+
+//#region src/components/legal/molecules/Consent.d.ts
+declare function ConsentItem({
+  id,
+  label,
+  description,
+  checked,
+  onChange,
+  className
+}: {
+  id: string;
+  label: React.ReactNode;
+  description?: React.ReactNode;
+  checked: boolean;
+  onChange: (checked: boolean) => void;
+  className?: string;
+}): react_jsx_runtime76.JSX.Element;
+declare function ConsentList({
+  items,
+  onChange,
+  className
+}: {
+  items: {
+    id: string;
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    checked: boolean;
+  }[];
+  onChange: (id: string, checked: boolean) => void;
+  className?: string;
+}): react_jsx_runtime76.JSX.Element;
+//#endregion
+export { ConsentItem, ConsentList };

package/dist/components/legal/molecules/ContactFields.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime79 from "react/jsx-runtime";
+
+//#region src/components/legal/molecules/ContactFields.d.ts
+declare function ContactFields({
+  value,
+  onChange,
+  disabled
+}: {
+  value: {
+    name: string;
+    email: string;
+    subject: string;
+    message: string;
+  };
+  onChange: (next: {
+    name: string;
+    email: string;
+    subject: string;
+    message: string;
+  }) => void;
+  disabled?: boolean;
+}): react_jsx_runtime79.JSX.Element;
+//#endregion
+export { ContactFields };

package/dist/components/legal/molecules/LegalMeta.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime75 from "react/jsx-runtime";
+
+//#region src/components/legal/molecules/LegalMeta.d.ts
+declare function LegalMeta({
+  lastUpdated,
+  version,
+  className
+}: {
+  lastUpdated?: string | Date;
+  version?: string;
+  className?: string;
+}): react_jsx_runtime75.JSX.Element;
+//#endregion
+export { LegalMeta };

package/dist/components/legal/molecules/LegalTOC.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import * as react_jsx_runtime73 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types15 from "class-variance-authority/types";
+
+//#region src/components/legal/molecules/LegalTOC.d.ts
+interface TocItem {
+  href: string;
+  label: React.ReactNode;
+}
+declare const tocVariants: (props?: ({
+  variant?: "sidebar" | "inline" | null | undefined;
+  size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types15.ClassProp) | undefined) => string;
+type LegalTOCProps = {
+  items: TocItem[];
+  activeHref?: string;
+  onNavigate?: (href: string) => void;
+} & VariantProps<typeof tocVariants> & React.HTMLAttributes<HTMLDivElement>;
+declare function LegalTOC({
+  items,
+  activeHref,
+  onNavigate,
+  variant,
+  size,
+  className,
+  ...props
+}: LegalTOCProps): react_jsx_runtime73.JSX.Element;
+//#endregion
+export { LegalTOC, TocItem };

package/dist/components/legal/organisms/ContactForm.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import * as react_jsx_runtime82 from "react/jsx-runtime";
+
+//#region src/components/legal/organisms/ContactForm.d.ts
+declare function ContactForm({
+  labels,
+  initialValue,
+  disabled,
+  onSubmit
+}: {
+  labels?: {
+    submit: React.ReactNode;
+  };
+  initialValue?: {
+    name: string;
+    email: string;
+    subject: string;
+    message: string;
+  };
+  disabled?: boolean;
+  onSubmit?: (data: {
+    name: string;
+    email: string;
+    subject: string;
+    message: string;
+  }) => Promise<void> | void;
+}): react_jsx_runtime82.JSX.Element;
+//#endregion
+export { ContactForm };

package/dist/components/legal/organisms/GDPRDataRequest.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import * as react_jsx_runtime83 from "react/jsx-runtime";
+
+//#region src/components/legal/organisms/GDPRDataRequest.d.ts
+declare function GDPRDataRequest({
+  onExport,
+  onDelete,
+  labels
+}: {
+  onExport?: () => Promise<void> | void;
+  onDelete?: () => Promise<void> | void;
+  labels?: {
+    export: React.ReactNode;
+    delete: React.ReactNode;
+  };
+}): react_jsx_runtime83.JSX.Element;
+//#endregion
+export { GDPRDataRequest };

package/dist/components/legal/organisms/GDPRRights.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import * as react_jsx_runtime81 from "react/jsx-runtime";
+
+//#region src/components/legal/organisms/GDPRRights.d.ts
+declare function GDPRRights({
+  title,
+  rights
+}: {
+  title?: React.ReactNode;
+  rights?: React.ReactNode[];
+}): react_jsx_runtime81.JSX.Element;
+//#endregion
+export { GDPRRights };

package/dist/components/legal/organisms/LegalPageLayout.d.ts

@@ -0,0 +1,23 @@
+import { TocItem } from "../molecules/LegalTOC.js";
+import * as React from "react";
+import * as react_jsx_runtime80 from "react/jsx-runtime";
+
+//#region src/components/legal/organisms/LegalPageLayout.d.ts
+declare function LegalPageLayout({
+  title,
+  meta,
+  toc,
+  children,
+  className
+}: {
+  title: React.ReactNode;
+  meta?: {
+    lastUpdated?: string | Date;
+    version?: string;
+  };
+  toc?: TocItem[];
+  children: React.ReactNode;
+  className?: string;
+}): react_jsx_runtime80.JSX.Element;
+//#endregion
+export { LegalPageLayout };

package/dist/components/legal/templates/ContactTemplate.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as react_jsx_runtime88 from "react/jsx-runtime";
+
+//#region src/components/legal/templates/ContactTemplate.d.ts
+declare function ContactTemplate({
+  title,
+  meta,
+  onSubmit
+}: {
+  title?: React.ReactNode;
+  meta?: {
+    lastUpdated?: string | Date;
+    version?: string;
+  };
+  onSubmit?: (data: {
+    name: string;
+    email: string;
+    subject: string;
+    message: string;
+  }) => Promise<void> | void;
+}): react_jsx_runtime88.JSX.Element;
+//#endregion
+export { ContactTemplate };

package/dist/components/legal/templates/CookiesTemplate.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import * as react_jsx_runtime87 from "react/jsx-runtime";
+
+//#region src/components/legal/templates/CookiesTemplate.d.ts
+declare function CookiesTemplate({
+  title,
+  meta,
+  toc,
+  keyValues,
+  sections
+}: {
+  title?: React.ReactNode;
+  meta?: {
+    lastUpdated?: string | Date;
+    version?: string;
+  };
+  toc?: {
+    href: string;
+    label: React.ReactNode;
+  }[];
+  keyValues?: {
+    key: React.ReactNode;
+    value: React.ReactNode;
+  }[];
+  sections: {
+    id: string;
+    title: React.ReactNode;
+    content: React.ReactNode;
+  }[];
+}): react_jsx_runtime87.JSX.Element;
+//#endregion
+export { CookiesTemplate };

package/dist/components/legal/templates/PrivacyTemplate.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import * as react_jsx_runtime86 from "react/jsx-runtime";
+
+//#region src/components/legal/templates/PrivacyTemplate.d.ts
+declare function PrivacyTemplate({
+  title,
+  meta,
+  toc,
+  sections,
+  definitions
+}: {
+  title?: React.ReactNode;
+  meta?: {
+    lastUpdated?: string | Date;
+    version?: string;
+  };
+  toc?: {
+    href: string;
+    label: React.ReactNode;
+  }[];
+  sections: {
+    id: string;
+    title: React.ReactNode;
+    content: React.ReactNode;
+  }[];
+  definitions?: {
+    term: React.ReactNode;
+    description: React.ReactNode;
+  }[];
+}): react_jsx_runtime86.JSX.Element;
+//#endregion
+export { PrivacyTemplate };

package/dist/components/legal/templates/SalesTermsTemplate.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import * as react_jsx_runtime85 from "react/jsx-runtime";
+
+//#region src/components/legal/templates/SalesTermsTemplate.d.ts
+declare function SalesTermsTemplate({
+  title,
+  meta,
+  toc,
+  sections
+}: {
+  title?: React.ReactNode;
+  meta?: {
+    lastUpdated?: string | Date;
+    version?: string;
+  };
+  toc?: {
+    href: string;
+    label: React.ReactNode;
+  }[];
+  sections: {
+    id: string;
+    title: React.ReactNode;
+    content: React.ReactNode;
+  }[];
+}): react_jsx_runtime85.JSX.Element;
+//#endregion
+export { SalesTermsTemplate };

package/dist/components/legal/templates/TermsTemplate.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
+
+//#region src/components/legal/templates/TermsTemplate.d.ts
+declare function TermsTemplate({
+  title,
+  meta,
+  toc,
+  sections
+}: {
+  title?: React.ReactNode;
+  meta?: {
+    lastUpdated?: string | Date;
+    version?: string;
+  };
+  toc?: {
+    href: string;
+    label: React.ReactNode;
+  }[];
+  sections: {
+    id: string;
+    title: React.ReactNode;
+    content: React.ReactNode;
+  }[];
+}): react_jsx_runtime84.JSX.Element;
+//#endregion
+export { TermsTemplate };

package/dist/components/marketing/MarketingCard.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
+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.d.ts
+type MarketingCardTone = 'default' | 'muted' | 'elevated';
+type MarketingCardProps = React.ComponentProps<typeof Card> & {
+  tone?: MarketingCardTone;
+};
+declare function MarketingCard({
+  tone,
+  className,
+  ...props
+}: MarketingCardProps): react_jsx_runtime33.JSX.Element;
+//#endregion
+export { CardContent$1 as CardContent, CardDescription, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle, MarketingCard, MarketingCardTone };

package/dist/components/marketing/MarketingCardsSection.d.ts

@@ -0,0 +1,21 @@
+import { MarketingSection } from "./MarketingSection.js";
+import * as React from "react";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
+
+//#region src/components/marketing/MarketingCardsSection.d.ts
+declare const gridVariants: (props?: ({
+  columns?: 1 | 3 | 2 | 4 | null | undefined;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
+type MarketingCardsSectionProps = React.PropsWithChildren<Omit<React.ComponentProps<typeof MarketingSection>, 'children'> & VariantProps<typeof gridVariants> & {
+  gridClassName?: string;
+}>;
+declare function MarketingCardsSection({
+  children,
+  columns,
+  gridClassName,
+  ...sectionProps
+}: MarketingCardsSectionProps): react_jsx_runtime32.JSX.Element;
+//#endregion
+export { MarketingCardsSection };

package/dist/components/marketing/MarketingComparisonSection.d.ts

@@ -0,0 +1,29 @@
+import { MarketingSectionPadding, MarketingSectionTone } from "./MarketingSection.js";
+import * as React from "react";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
+
+//#region src/components/marketing/MarketingComparisonSection.d.ts
+interface ComparisonColumn {
+  title: string;
+  items: (string | React.ReactNode)[];
+}
+interface MarketingComparisonSectionProps {
+  eyebrow?: React.ReactNode;
+  title?: React.ReactNode;
+  subtitle?: React.ReactNode;
+  left: ComparisonColumn;
+  right: ComparisonColumn;
+  tone?: MarketingSectionTone;
+  padding?: MarketingSectionPadding;
+}
+declare function MarketingComparisonSection({
+  eyebrow,
+  title,
+  subtitle,
+  left,
+  right,
+  tone,
+  padding
+}: MarketingComparisonSectionProps): react_jsx_runtime36.JSX.Element;
+//#endregion
+export { MarketingComparisonSection };

package/dist/components/marketing/MarketingIconCard.d.ts

@@ -0,0 +1,37 @@
+import { MarketingCardTone } from "./MarketingCard.js";
+import * as React from "react";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
+
+//#region src/components/marketing/MarketingIconCard.d.ts
+type IconComponent = React.ComponentType<{
+  className?: string;
+  size?: number;
+}>;
+declare const layoutVariants: (props?: ({
+  variant?: "iconFirst" | "listing" | "support" | null | undefined;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
+type MarketingIconCardVariant = VariantProps<typeof layoutVariants>['variant'];
+interface MarketingIconCardProps {
+  icon: IconComponent;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  tone?: MarketingCardTone;
+  iconClassName?: string;
+  headerAction?: React.ReactNode;
+  variant?: MarketingIconCardVariant;
+  className?: string;
+}
+declare function MarketingIconCard({
+  icon: Icon,
+  title,
+  description,
+  tone,
+  iconClassName,
+  headerAction,
+  variant,
+  className
+}: MarketingIconCardProps): react_jsx_runtime34.JSX.Element;
+//#endregion
+export { MarketingIconCard };

package/dist/components/marketing/MarketingSection.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types3 from "class-variance-authority/types";
+
+//#region src/components/marketing/MarketingSection.d.ts
+declare const sectionVariants: (props?: ({
+  tone?: "default" | "muted" | "panel" | "gradient" | null | undefined;
+  padding?: "compact" | "comfortable" | "spacious" | null | undefined;
+} & class_variance_authority_types3.ClassProp) | undefined) => string;
+type MarketingSectionTone = VariantProps<typeof sectionVariants>['tone'];
+type MarketingSectionPadding = VariantProps<typeof sectionVariants>['padding'];
+type MarketingSectionProps = React.PropsWithChildren<VariantProps<typeof sectionVariants> & {
+  eyebrow?: React.ReactNode;
+  title?: React.ReactNode;
+  subtitle?: React.ReactNode;
+  align?: 'left' | 'center';
+  maxWidth?: 'lg' | 'xl';
+  className?: string;
+}>;
+declare function MarketingSection({
+  children,
+  eyebrow,
+  title,
+  subtitle,
+  align,
+  maxWidth,
+  tone,
+  padding,
+  className
+}: MarketingSectionProps): react_jsx_runtime31.JSX.Element;
+//#endregion
+export { MarketingSection, MarketingSectionPadding, MarketingSectionTone };