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

package/dist/components/organisms/EmptyDataList.d.ts

@@ -0,0 +1,20 @@
+import { EmptyDataListProps } from "./EmptyDataList.types.js";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
+
+//#region src/components/organisms/EmptyDataList.d.ts
+declare function EmptyDataList({
+  emptyListTitle,
+  emptyListDescription,
+  createButton,
+  secondaryButton,
+  media,
+  mediaVariant,
+  learnMoreHref,
+  learnMoreLabel,
+  learnMoreEndIcon,
+  onLearnMore,
+  handleLearnMore,
+  className
+}: EmptyDataListProps): react_jsx_runtime55.JSX.Element;
+//#endregion
+export { EmptyDataList };

package/dist/components/organisms/EmptyDataList.types.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+
+//#region src/components/organisms/EmptyDataList.types.d.ts
+interface EmptyDataListProps {
+  emptyListTitle?: React.ReactNode;
+  emptyListDescription?: React.ReactNode;
+  createButton: React.ReactNode;
+  secondaryButton?: React.ReactNode;
+  media?: React.ReactNode;
+  mediaVariant?: 'default' | 'icon';
+  learnMoreHref?: string;
+  learnMoreLabel?: React.ReactNode;
+  learnMoreEndIcon?: React.ReactNode;
+  onLearnMore?: () => void;
+  handleLearnMore?: () => void;
+  className?: string;
+}
+//#endregion
+export { EmptyDataListProps };

package/dist/components/organisms/EmptySearchResult.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
+
+//#region src/components/organisms/EmptySearchResult.d.ts
+interface EmptySearchResultProps {
+  emptySearchTitle?: React.ReactNode;
+  emtptySearchTitle?: React.ReactNode;
+  emptySearchDescription?: React.ReactNode;
+  emtptySearchDescription?: React.ReactNode;
+  onSearchChange?: (value: string) => void;
+  handleSearchChange?: (value: string) => void;
+  className?: string;
+}
+declare function EmptySearchResult({
+  emptySearchTitle,
+  emtptySearchTitle,
+  emptySearchDescription,
+  emtptySearchDescription,
+  onSearchChange,
+  handleSearchChange,
+  className
+}: EmptySearchResultProps): react_jsx_runtime57.JSX.Element;
+//#endregion
+export { EmptySearchResult };

package/dist/components/organisms/FAQSection.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import * as react_jsx_runtime104 from "react/jsx-runtime";
+
+//#region src/components/organisms/FAQSection.d.ts
+interface FAQItem {
+  question: React.ReactNode;
+  answer: React.ReactNode;
+}
+declare function FAQSection({
+  title,
+  subtitle,
+  children,
+  className,
+  items,
+  accordionType,
+  collapsible,
+  defaultOpenIndex,
+  accordionClassName
+}: {
+  title: React.ReactNode;
+  subtitle?: React.ReactNode;
+  children?: React.ReactNode;
+  className?: string;
+  items?: FAQItem[];
+  accordionType?: 'single' | 'multiple';
+  collapsible?: boolean;
+  defaultOpenIndex?: number;
+  accordionClassName?: string;
+}): react_jsx_runtime104.JSX.Element;
+//#endregion
+export { FAQSection };

package/dist/components/organisms/FeatureCarousel.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
+
+//#region src/components/organisms/FeatureCarousel.d.ts
+interface FeatureSlide {
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  media?: React.ReactNode;
+}
+declare function FeatureCarousel({
+  slides,
+  className
+}: {
+  slides: FeatureSlide[];
+  className?: string;
+}): react_jsx_runtime26.JSX.Element;
+//#endregion
+export { FeatureCarousel };

package/dist/components/organisms/FeaturesSection.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
+
+//#region src/components/organisms/FeaturesSection.d.ts
+declare function FeaturesSection({
+  title,
+  subtitle,
+  children,
+  className,
+  density
+}: {
+  title: React.ReactNode;
+  subtitle?: React.ReactNode;
+  children: React.ReactNode;
+  className?: string;
+  density?: 'compact' | 'comfortable';
+}): react_jsx_runtime74.JSX.Element;
+//#endregion
+export { FeaturesSection };

package/dist/components/organisms/Footer.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
+
+//#region src/components/organisms/Footer.d.ts
+interface FooterProps {
+  left?: React.ReactNode;
+  center?: React.ReactNode;
+  right?: React.ReactNode;
+  links?: {
+    label: React.ReactNode;
+    href: string;
+  }[];
+  className?: string;
+  variant?: 'default' | 'marketing';
+}
+declare function Footer({
+  left,
+  center,
+  right,
+  links,
+  className,
+  variant
+}: FooterProps): react_jsx_runtime25.JSX.Element;
+//#endregion
+export { Footer };

package/dist/components/organisms/Header.d.ts

@@ -0,0 +1,37 @@
+import { CtaAction, HeaderNavItem, NavSection } from "../../types/navigation.js";
+import { NavUser } from "../molecules/NavUser.js";
+import * as React from "react";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+
+//#region src/components/organisms/Header.d.ts
+interface HeaderProps {
+  logo: React.ReactNode;
+  nav: HeaderNavItem[];
+  userMenu?: React.ComponentProps<typeof NavUser>;
+  cta?: CtaAction;
+  className?: string;
+  density?: 'compact' | 'comfortable';
+  mobileSidebar?: {
+    sections: NavSection[];
+    top?: React.ReactNode;
+    bottom?: React.ReactNode;
+  };
+}
+declare function DesktopHeader({
+  logo,
+  nav,
+  userMenu,
+  cta,
+  className,
+  density
+}: HeaderProps): react_jsx_runtime22.JSX.Element;
+declare function MobileHeader({
+  logo,
+  userMenu,
+  mobileSidebar,
+  className,
+  density
+}: HeaderProps): react_jsx_runtime22.JSX.Element;
+declare function Header(props: HeaderProps): react_jsx_runtime22.JSX.Element;
+//#endregion
+export { DesktopHeader, Header, HeaderProps, MobileHeader };

package/dist/components/organisms/HeroResponsive.d.ts

@@ -0,0 +1,14 @@
+import { HeroSection } from "./HeroSection.js";
+import * as React from "react";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
+
+//#region src/components/organisms/HeroResponsive.d.ts
+declare function HeroResponsive({
+  title,
+  subtitle,
+  primaryCta,
+  secondaryCta,
+  className
+}: React.ComponentProps<typeof HeroSection>): react_jsx_runtime72.JSX.Element;
+//#endregion
+export { HeroResponsive };

package/dist/components/organisms/HeroSection.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import * as react_jsx_runtime70 from "react/jsx-runtime";
+
+//#region src/components/organisms/HeroSection.d.ts
+declare function HeroSection({
+  title,
+  subtitle,
+  primaryCta,
+  secondaryCta,
+  className,
+  density
+}: {
+  title: React.ReactNode;
+  subtitle?: React.ReactNode;
+  primaryCta?: {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+  };
+  secondaryCta?: {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+  };
+  className?: string;
+  density?: 'compact' | 'comfortable';
+}): react_jsx_runtime70.JSX.Element;
+//#endregion
+export { HeroSection };

package/dist/components/organisms/ListCardPage.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types17 from "class-variance-authority/types";
+
+//#region src/components/organisms/ListCardPage.d.ts
+declare const containerVariants: (props?: ({
+  density?: "compact" | "comfortable" | null | undefined;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
+declare const gridVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types17.ClassProp) | undefined) => string;
+interface ListCardPageProps<T> extends VariantProps<typeof containerVariants>, VariantProps<typeof gridVariants> {
+  title: React.ReactNode;
+  subtitle?: React.ReactNode;
+  items: T[];
+  renderCard: (item: T, index: number) => React.ReactNode;
+  className?: string;
+  columns?: {
+    mobile?: number;
+    tablet?: number;
+    desktop?: number;
+  };
+}
+declare function ListCardPage<T>({
+  title,
+  subtitle,
+  items,
+  renderCard,
+  className,
+  columns,
+  density,
+  size
+}: ListCardPageProps<T>): react_jsx_runtime102.JSX.Element;
+//#endregion
+export { ListCardPage };

package/dist/components/organisms/ListGridPage.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import * as react_jsx_runtime107 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types20 from "class-variance-authority/types";
+
+//#region src/components/organisms/ListGridPage.d.ts
+declare const containerVariants: (props?: ({
+  density?: "compact" | "comfortable" | null | undefined;
+} & class_variance_authority_types20.ClassProp) | undefined) => string;
+declare const gridGapVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types20.ClassProp) | undefined) => string;
+interface ListGridPageProps<T> extends VariantProps<typeof containerVariants>, VariantProps<typeof gridGapVariants> {
+  title: React.ReactNode;
+  subtitle?: React.ReactNode;
+  items: T[];
+  renderItem: (item: T, index: number) => React.ReactNode;
+  className?: string;
+  columns?: {
+    mobile?: number;
+    tablet?: number;
+    desktop?: number;
+  };
+}
+declare function ListGridPage<T>({
+  title,
+  subtitle,
+  items,
+  renderItem,
+  className,
+  columns,
+  density,
+  size
+}: ListGridPageProps<T>): react_jsx_runtime107.JSX.Element;
+//#endregion
+export { ListGridPage };

package/dist/components/organisms/ListPageResponsive.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime103 from "react/jsx-runtime";
+import { ListPageProps } from "@lssm/lib.ui-kit-web/ui/organisms/ListPage/types";
+
+//#region src/components/organisms/ListPageResponsive.d.ts
+declare function ListPageResponsive<T>(props: ListPageProps<T>): react_jsx_runtime103.JSX.Element;
+//#endregion
+export { ListPageResponsive };

package/dist/components/organisms/ListTablePage.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types19 from "class-variance-authority/types";
+
+//#region src/components/organisms/ListTablePage.d.ts
+interface TableColumn<T> {
+  header: React.ReactNode;
+  cell: (item: T, index: number) => React.ReactNode;
+  className?: string;
+}
+declare const containerVariants: (props?: ({
+  density?: "compact" | "comfortable" | null | undefined;
+} & class_variance_authority_types19.ClassProp) | undefined) => string;
+interface ListTablePageProps<T> extends VariantProps<typeof containerVariants> {
+  title: React.ReactNode;
+  subtitle?: React.ReactNode;
+  items: T[];
+  columns: TableColumn<T>[];
+  className?: string;
+  renderActions?: (item: T, index: number) => React.ReactNode;
+}
+declare function ListTablePage<T>({
+  title,
+  subtitle,
+  items,
+  columns,
+  className,
+  density,
+  renderActions
+}: ListTablePageProps<T>): react_jsx_runtime105.JSX.Element;
+//#endregion
+export { ListTablePage };

package/dist/components/organisms/MarketingHeader.d.ts

@@ -0,0 +1,36 @@
+import { CtaAction, HeaderNavItem, UserMenuItem } from "../../types/navigation.js";
+import { CommandPalette } from "../molecules/CommandPalette.js";
+import { LangSwitchProps } from "../molecules/LangSwitch.js";
+import * as React from "react";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
+
+//#region src/components/organisms/MarketingHeader.d.ts
+interface MarketingHeaderProps {
+  logo: React.ReactNode;
+  nav?: HeaderNavItem[];
+  userMenu?: {
+    name?: string;
+    email?: string;
+    imageUrl?: string;
+    items: UserMenuItem[];
+  };
+  cta?: CtaAction;
+  className?: string;
+  density?: 'compact' | 'comfortable';
+  right?: React.ReactNode;
+  commandPaletteGroups: React.ComponentProps<typeof CommandPalette>['groups'];
+  langSwitchProps: LangSwitchProps;
+}
+declare function MarketingHeader({
+  logo,
+  nav,
+  userMenu,
+  cta,
+  className,
+  density,
+  right,
+  commandPaletteGroups,
+  langSwitchProps
+}: MarketingHeaderProps): react_jsx_runtime27.JSX.Element;
+//#endregion
+export { MarketingHeader, MarketingHeaderProps };

package/dist/components/organisms/MarketingHeaderDesktop.d.ts

@@ -0,0 +1,15 @@
+import { MarketingHeaderProps } from "./MarketingHeader.js";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+
+//#region src/components/organisms/MarketingHeaderDesktop.d.ts
+declare function MarketingHeaderDesktop({
+  logo,
+  nav,
+  userMenu,
+  cta,
+  className,
+  density,
+  right
+}: MarketingHeaderProps): react_jsx_runtime28.JSX.Element;
+//#endregion
+export { MarketingHeaderDesktop };

package/dist/components/organisms/MarketingHeaderMobile.d.ts

@@ -0,0 +1,12 @@
+import { MarketingHeaderProps } from "./MarketingHeader.js";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
+
+//#region src/components/organisms/MarketingHeaderMobile.d.ts
+declare function MarketingHeaderMobile({
+  logo,
+  nav,
+  className,
+  right
+}: MarketingHeaderProps): react_jsx_runtime29.JSX.Element;
+//#endregion
+export { MarketingHeaderMobile };

package/dist/components/organisms/MarketingLayout.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
+
+//#region src/components/organisms/MarketingLayout.d.ts
+interface MarketingLayoutProps {
+  header: React.ReactNode;
+  children: React.ReactNode;
+  footer?: React.ReactNode;
+  className?: string;
+}
+declare function MarketingLayout({
+  header,
+  children,
+  footer,
+  className
+}: MarketingLayoutProps): react_jsx_runtime30.JSX.Element;
+//#endregion
+export { MarketingLayout };

package/dist/components/organisms/PageHeaderResponsive.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime78 from "react/jsx-runtime";
+import { PageHeaderProps } from "@lssm/lib.ui-kit-web/ui/page-header";
+
+//#region src/components/organisms/PageHeaderResponsive.d.ts
+interface PageHeaderResponsiveProps extends PageHeaderProps {}
+declare function PageHeaderResponsive(props: PageHeaderResponsiveProps): react_jsx_runtime78.JSX.Element;
+//#endregion
+export { PageHeaderResponsive };

package/dist/components/organisms/PricingCarousel.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime62 from "react/jsx-runtime";
+
+//#region src/components/organisms/PricingCarousel.d.ts
+interface PricingSlide {
+  name: string;
+  price: string;
+  tagline?: string;
+  features: string[];
+  cta?: {
+    label: string;
+    href?: string;
+    onPress?: () => void;
+  };
+  highlighted?: boolean;
+}
+declare function PricingCarousel({
+  tiers,
+  className
+}: {
+  tiers: PricingSlide[];
+  className?: string;
+}): react_jsx_runtime62.JSX.Element;
+//#endregion
+export { PricingCarousel };

package/dist/components/organisms/PricingSection.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import * as react_jsx_runtime100 from "react/jsx-runtime";
+import { PricingTier } from "@lssm/lib.ui-kit-web/ui/marketing/PricingTable";
+
+//#region src/components/organisms/PricingSection.d.ts
+declare function PricingSection({
+  tiers,
+  title,
+  subtitle,
+  className
+}: {
+  tiers: PricingTier[];
+  title?: React.ReactNode;
+  subtitle?: React.ReactNode;
+  className?: string;
+}): react_jsx_runtime100.JSX.Element;
+//#endregion
+export { PricingSection };

package/dist/components/organisms/TestimonialCarousel.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as react_jsx_runtime66 from "react/jsx-runtime";
+
+//#region src/components/organisms/TestimonialCarousel.d.ts
+interface Testimonial {
+  quote: React.ReactNode;
+  author: React.ReactNode;
+  role?: React.ReactNode;
+  avatar?: React.ReactNode;
+}
+declare function TestimonialCarousel({
+  testimonials,
+  className
+}: {
+  testimonials: Testimonial[];
+  className?: string;
+}): react_jsx_runtime66.JSX.Element;
+//#endregion
+export { TestimonialCarousel };

package/dist/components/templates/lists/ListPageTemplate/index.d.ts

@@ -0,0 +1,2 @@
+import { ListPageTemplateProps } from "./types.js";
+import { ListPageTemplate } from "./index.web.js";

package/dist/components/templates/lists/ListPageTemplate/index.web.d.ts

@@ -0,0 +1,22 @@
+import { ListPageTemplateProps } from "./types.js";
+import * as react_jsx_runtime109 from "react/jsx-runtime";
+
+//#region src/components/templates/lists/ListPageTemplate/index.web.d.ts
+declare function ListPageTemplate<T = any>({
+  children,
+  title,
+  description,
+  breadcrumb,
+  actions,
+  className,
+  searchPlaceholder,
+  searchValue,
+  onSearchChange,
+  onSearchSubmit,
+  isLoading,
+  data,
+  renderItem,
+  emptyProps
+}: ListPageTemplateProps<T>): react_jsx_runtime109.JSX.Element;
+//#endregion
+export { ListPageTemplate };

package/dist/components/templates/lists/ListPageTemplate/types.d.ts

@@ -0,0 +1,25 @@
+import { EmptyDataListProps } from "../../../organisms/EmptyDataList.types.js";
+import * as React from "react";
+
+//#region src/components/templates/lists/ListPageTemplate/types.d.ts
+interface ListPageTemplateProps<T = any> {
+  children?: React.ReactNode;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  breadcrumb?: React.ReactNode;
+  actions?: React.ReactNode;
+  className?: string;
+  searchPlaceholder?: string;
+  searchValue?: string;
+  onSearchChange?: (v: string) => void;
+  onSearchSubmit?: () => void;
+  isLoading?: boolean;
+  data: T[] | null;
+  renderItem: (args: {
+    item: T;
+    index: number;
+  }) => React.ReactNode;
+  emptyProps: EmptyDataListProps;
+}
+//#endregion
+export { ListPageTemplateProps };

package/dist/hooks/useListUrlState.d.ts

@@ -0,0 +1,30 @@
+//#region src/hooks/useListUrlState.d.ts
+interface ListUrlState<TFilters extends Record<string, unknown> = Record<string, unknown>> {
+  q: string;
+  page: number;
+  limit: number;
+  sort?: string | null;
+  filters: TFilters;
+}
+declare function useListUrlState<TFilters extends Record<string, unknown> = Record<string, unknown>>({
+  defaults,
+  paramKeys,
+  replaceState
+}: {
+  defaults: ListUrlState<TFilters>;
+  paramKeys?: {
+    q: string;
+    page: string;
+    limit: string;
+    sort: string;
+    filters: string;
+  };
+  replaceState?: boolean;
+}): {
+  readonly state: ListUrlState<TFilters>;
+  readonly setState: (next: Partial<ListUrlState<TFilters>>) => void;
+  readonly setFilter: (key: keyof TFilters, value: TFilters[keyof TFilters] | undefined | null) => void;
+  readonly clearFilters: () => void;
+};
+//#endregion
+export { useListUrlState };