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

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

@@ -0,0 +1,19 @@
+import { MarketingCardTone } from "./MarketingCard.js";
+import * as React from "react";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
+
+//#region src/components/marketing/MarketingStepCard.d.ts
+interface MarketingStepCardProps {
+  step: number | string;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  tone?: MarketingCardTone;
+}
+declare function MarketingStepCard({
+  step,
+  title,
+  description,
+  tone
+}: MarketingStepCardProps): react_jsx_runtime35.JSX.Element;
+//#endregion
+export { MarketingStepCard };

package/dist/components/molecules/AiLinkButton.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime54 from "react/jsx-runtime";
+
+//#region src/components/molecules/AiLinkButton.d.ts
+type Provider = 'chatgpt' | 'claude';
+interface AiLinkButtonProps {
+  href: string;
+  provider?: Provider;
+  className?: string;
+}
+declare function AiLinkButton({
+  href,
+  className
+}: AiLinkButtonProps): react_jsx_runtime54.JSX.Element;
+//#endregion
+export { AiLinkButton };

package/dist/components/molecules/Breadcrumbs.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
+
+//#region src/components/molecules/Breadcrumbs.d.ts
+interface BreadcrumbItemDef {
+  href?: string;
+  label: React.ReactNode;
+}
+declare function Breadcrumbs({
+  items
+}: {
+  items: BreadcrumbItemDef[];
+}): react_jsx_runtime42.JSX.Element | null;
+//#endregion
+export { Breadcrumbs };

package/dist/components/molecules/CommandPalette.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime40 from "react/jsx-runtime";
+
+//#region src/components/molecules/CommandPalette.d.ts
+interface CommandPaletteProps {
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  groups: {
+    heading?: string;
+    items: {
+      id: string;
+      label: string;
+      shortcut?: string;
+      onSelect?: () => void;
+    }[];
+  }[];
+  placeholder?: string;
+  kbd?: string;
+}
+declare function CommandPalette({
+  open,
+  onOpenChange,
+  groups,
+  placeholder
+}: CommandPaletteProps): react_jsx_runtime40.JSX.Element;
+//#endregion
+export { CommandPalette };

package/dist/components/molecules/CommandSearchTrigger.d.ts

@@ -0,0 +1,18 @@
+import { CommandPalette } from "./CommandPalette.js";
+import * as React from "react";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
+
+//#region src/components/molecules/CommandSearchTrigger.d.ts
+declare function CommandSearchTrigger({
+  groups,
+  className,
+  placeholder,
+  compact
+}: {
+  groups: React.ComponentProps<typeof CommandPalette>['groups'];
+  className?: string;
+  placeholder?: string;
+  compact?: boolean;
+}): react_jsx_runtime43.JSX.Element;
+//#endregion
+export { CommandSearchTrigger };

package/dist/components/molecules/EntityCard.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { Card } from "@lssm/lib.ui-kit-web/ui/card";
+import * as class_variance_authority_types7 from "class-variance-authority/types";
+
+//#region src/components/molecules/EntityCard.d.ts
+declare const entityCardVariants: (props?: ({
+  emphasis?: "default" | "strong" | "subtle" | null | undefined;
+  density?: "compact" | "comfortable" | null | undefined;
+} & class_variance_authority_types7.ClassProp) | undefined) => string;
+type EntityCardProps = React.ComponentProps<typeof Card> & VariantProps<typeof entityCardVariants> & {
+  cardTitle: React.ReactNode;
+  cardSubtitle?: React.ReactNode;
+  chips?: React.ReactNode;
+  meta?: React.ReactNode;
+  footer?: React.ReactNode;
+  href?: string;
+  contentClassName?: string;
+  preview?: React.ReactNode;
+};
+declare function EntityCard({
+  cardTitle,
+  cardSubtitle,
+  chips,
+  meta,
+  footer,
+  emphasis,
+  density,
+  className,
+  contentClassName,
+  href,
+  preview,
+  ...cardProps
+}: EntityCardProps): react_jsx_runtime45.JSX.Element;
+//#endregion
+export { EntityCard };

package/dist/components/molecules/FiltersToolbar.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
+
+//#region src/components/molecules/FiltersToolbar.d.ts
+interface ActiveFilterChip {
+  key: string;
+  label: React.ReactNode;
+  onRemove?: () => void;
+}
+interface FiltersToolbarProps {
+  className?: string;
+  children?: React.ReactNode;
+  right?: React.ReactNode;
+  searchPlaceholder?: string;
+  searchValue?: string;
+  onSearchChange?: (value: string) => void;
+  onSearchSubmit?: () => void;
+  debounceMs?: number;
+  activeChips?: ActiveFilterChip[];
+  onClearAll?: () => void;
+}
+declare function FiltersToolbar({
+  className,
+  children,
+  right,
+  searchPlaceholder,
+  searchValue,
+  onSearchChange,
+  onSearchSubmit,
+  debounceMs,
+  activeChips,
+  onClearAll
+}: FiltersToolbarProps): react_jsx_runtime106.JSX.Element;
+//#endregion
+export { FiltersToolbar };

package/dist/components/molecules/HoverPreview.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
+
+//#region src/components/molecules/HoverPreview.d.ts
+interface HoverPreviewProps {
+  trigger: React.ReactNode;
+  content: React.ReactNode;
+  align?: 'start' | 'center' | 'end';
+  sideOffset?: number;
+  className?: string;
+}
+declare function HoverPreview({
+  trigger,
+  content,
+  align,
+  sideOffset,
+  className
+}: HoverPreviewProps): react_jsx_runtime49.JSX.Element;
+//#endregion
+export { HoverPreview };

package/dist/components/molecules/LangSwitch.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
+
+//#region src/components/molecules/LangSwitch.d.ts
+interface LangOption {
+  code: string;
+  label: React.ReactNode;
+}
+interface LangSwitchProps {
+  value: string;
+  options: LangOption[];
+  onChange: (code: string) => void;
+  size?: 'sm' | 'default';
+}
+declare function LangSwitch({
+  value,
+  options,
+  onChange,
+  size
+}: LangSwitchProps): react_jsx_runtime39.JSX.Element;
+//#endregion
+export { LangSwitch, LangSwitchProps };

package/dist/components/molecules/LoaderBlock.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
+
+//#region src/components/molecules/LoaderBlock.d.ts
+interface LoaderBlockProps {
+  label?: React.ReactNode;
+  description?: React.ReactNode;
+  className?: string;
+  size?: 'sm' | 'md' | 'lg';
+}
+declare function LoaderBlock({
+  label,
+  description,
+  className,
+  size
+}: LoaderBlockProps): react_jsx_runtime60.JSX.Element;
+//#endregion
+export { LoaderBlock };

package/dist/components/molecules/NavMain.d.ts

@@ -0,0 +1,13 @@
+import { HeaderNavItem } from "../../types/navigation.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/molecules/NavMain.d.ts
+declare function NavMain({
+  items,
+  className
+}: {
+  items: HeaderNavItem[];
+  className?: string;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { NavMain };

package/dist/components/molecules/NavUser.d.ts

@@ -0,0 +1,17 @@
+import { UserMenuItem } from "../../types/navigation.js";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+
+//#region src/components/molecules/NavUser.d.ts
+declare function NavUser({
+  name,
+  email,
+  imageUrl,
+  items
+}: {
+  name?: string;
+  email?: string;
+  imageUrl?: string;
+  items: UserMenuItem[];
+}): react_jsx_runtime18.JSX.Element;
+//#endregion
+export { NavUser };

package/dist/components/molecules/OverviewCard.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
+
+//#region src/components/molecules/OverviewCard.d.ts
+interface OverviewCardProps {
+  title: string;
+  summary: string;
+  href: string;
+  preview?: React.ReactNode;
+  ctaLabel: string;
+}
+declare function OverviewCard({
+  title,
+  summary,
+  href,
+  preview,
+  ctaLabel
+}: OverviewCardProps): react_jsx_runtime48.JSX.Element;
+//#endregion
+export { OverviewCard };

package/dist/components/molecules/SkeletonBlock/index.d.ts

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

package/dist/components/molecules/SkeletonBlock/index.web.d.ts

@@ -0,0 +1,12 @@
+import { SkeletonBlockProps } from "./types.js";
+import * as react_jsx_runtime110 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonBlock/index.web.d.ts
+declare function SkeletonBlock({
+  w,
+  h,
+  rounded,
+  className
+}: SkeletonBlockProps): react_jsx_runtime110.JSX.Element;
+//#endregion
+export { SkeletonBlock };

package/dist/components/molecules/SkeletonBlock/types.d.ts

@@ -0,0 +1,9 @@
+//#region src/components/molecules/SkeletonBlock/types.d.ts
+interface SkeletonBlockProps {
+  w?: string;
+  h?: string;
+  rounded?: 'sm' | 'md' | 'lg' | 'full';
+  className?: string;
+}
+//#endregion
+export { SkeletonBlockProps };

package/dist/components/molecules/SkeletonCircle/index.d.ts

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

package/dist/components/molecules/SkeletonCircle/index.web.d.ts

@@ -0,0 +1,11 @@
+import { SkeletonCircleProps } from "./types.js";
+import * as react_jsx_runtime112 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonCircle/index.web.d.ts
+declare function SkeletonCircle({
+  size,
+  sizeClass,
+  className
+}: SkeletonCircleProps): react_jsx_runtime112.JSX.Element;
+//#endregion
+export { SkeletonCircle };

package/dist/components/molecules/SkeletonCircle/types.d.ts

@@ -0,0 +1,8 @@
+//#region src/components/molecules/SkeletonCircle/types.d.ts
+interface SkeletonCircleProps {
+  sizeClass?: string;
+  size?: number;
+  className?: string;
+}
+//#endregion
+export { SkeletonCircleProps };

package/dist/components/molecules/SkeletonList/index.d.ts

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

package/dist/components/molecules/SkeletonList/index.web.d.ts

@@ -0,0 +1,10 @@
+import { SkeletonListProps } from "./types.js";
+import * as react_jsx_runtime111 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonList/index.web.d.ts
+declare function SkeletonList({
+  count,
+  className
+}: SkeletonListProps): react_jsx_runtime111.JSX.Element;
+//#endregion
+export { SkeletonList };

package/dist/components/molecules/SkeletonList/types.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/molecules/SkeletonList/types.d.ts
+interface SkeletonListProps {
+  count?: number;
+  className?: string;
+}
+//#endregion
+export { SkeletonListProps };

package/dist/components/molecules/StatCard.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { Card } from "@lssm/lib.ui-kit-web/ui/card";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
+
+//#region src/components/molecules/StatCard.d.ts
+declare const statVariants: (props?: ({
+  emphasis?: "default" | "strong" | "subtle" | null | undefined;
+  density?: "compact" | "comfortable" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
+type StatCardProps = React.ComponentProps<typeof Card> & VariantProps<typeof statVariants> & {
+  label: React.ReactNode;
+  value: React.ReactNode;
+  hint?: React.ReactNode;
+  icon?: React.ReactNode;
+};
+declare function StatCard({
+  label,
+  value,
+  hint,
+  icon,
+  emphasis,
+  density,
+  className,
+  ...props
+}: StatCardProps): react_jsx_runtime46.JSX.Element;
+declare function StatCardGroup({
+  children,
+  className
+}: {
+  children: React.ReactNode;
+  className?: string;
+}): react_jsx_runtime46.JSX.Element;
+//#endregion
+export { StatCard, StatCardGroup };

package/dist/components/molecules/StatusChip.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+
+//#region src/components/molecules/StatusChip.d.ts
+declare const chipVariants: (props?: ({
+  tone?: "neutral" | "danger" | "info" | "success" | "warning" | null | undefined;
+  size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
+type StatusChipProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof chipVariants> & {
+  icon?: React.ReactNode;
+  label?: React.ReactNode;
+  hoverContent?: React.ReactNode;
+};
+declare function StatusChip({
+  tone,
+  size,
+  icon,
+  label,
+  className,
+  hoverContent,
+  ...props
+}: StatusChipProps): react_jsx_runtime44.JSX.Element;
+//#endregion
+export { StatusChip };

package/dist/components/molecules/hover-previews/Doc.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Doc.d.ts
+interface HoverPreviewDocProps {
+  docType: string;
+  number?: string;
+  title?: React.ReactNode;
+  meta?: {
+    label: React.ReactNode;
+    value: React.ReactNode;
+  }[];
+  status?: React.ReactNode;
+  amount?: React.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewDoc({
+  docType,
+  number,
+  title,
+  meta,
+  status,
+  amount,
+  className
+}: HoverPreviewDocProps): react_jsx_runtime53.JSX.Element;
+//#endregion
+export { HoverPreviewDoc };

package/dist/components/molecules/hover-previews/Media.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Media.d.ts
+interface HoverPreviewMediaProps {
+  title?: React.ReactNode;
+  subtitle?: React.ReactNode;
+  media: React.ReactNode;
+  caption?: React.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewMedia({
+  title,
+  subtitle,
+  media,
+  caption,
+  className
+}: HoverPreviewMediaProps): react_jsx_runtime51.JSX.Element;
+//#endregion
+export { HoverPreviewMedia };

package/dist/components/molecules/hover-previews/Simple.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Simple.d.ts
+interface HoverPreviewLine {
+  icon?: React.ReactNode;
+  label?: React.ReactNode;
+  value: React.ReactNode;
+}
+interface HoverPreviewSimpleProps {
+  title: React.ReactNode;
+  subtitle?: React.ReactNode;
+  lines?: HoverPreviewLine[];
+  footer?: React.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewSimple({
+  title,
+  subtitle,
+  lines,
+  footer,
+  className
+}: HoverPreviewSimpleProps): react_jsx_runtime50.JSX.Element;
+//#endregion
+export { HoverPreviewSimple };

package/dist/components/molecules/hover-previews/Stats.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Stats.d.ts
+interface HoverPreviewStat {
+  label: React.ReactNode;
+  value: React.ReactNode;
+  hint?: React.ReactNode;
+}
+declare function HoverPreviewStats({
+  title,
+  stats,
+  footer,
+  className
+}: {
+  title?: React.ReactNode;
+  stats: HoverPreviewStat[];
+  footer?: React.ReactNode;
+  className?: string;
+}): react_jsx_runtime58.JSX.Element;
+//#endregion
+export { HoverPreviewStats };

package/dist/components/molecules/hover-previews/User.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as react_jsx_runtime56 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/User.d.ts
+interface HoverPreviewUserProps {
+  avatar?: React.ReactNode;
+  name: React.ReactNode;
+  email?: React.ReactNode;
+  meta?: {
+    label: React.ReactNode;
+    value: React.ReactNode;
+  }[];
+  actions?: React.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewUser({
+  avatar,
+  name,
+  email,
+  meta,
+  actions,
+  className
+}: HoverPreviewUserProps): react_jsx_runtime56.JSX.Element;
+//#endregion
+export { HoverPreviewUser };

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

@@ -0,0 +1,29 @@
+import * as React from "react";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+
+//#region src/components/organisms/AcademyLayout.d.ts
+interface AcademyLayoutProps {
+  header: React.ReactNode;
+  toc?: React.ReactNode;
+  breadcrumb?: {
+    items: {
+      href?: string;
+      label: React.ReactNode;
+    }[];
+  };
+  children: React.ReactNode;
+  rightPanel?: React.ReactNode;
+  footer?: React.ReactNode;
+  className?: string;
+}
+declare function AcademyLayout({
+  header,
+  toc,
+  breadcrumb,
+  children,
+  rightPanel,
+  footer,
+  className
+}: AcademyLayoutProps): react_jsx_runtime17.JSX.Element;
+//#endregion
+export { AcademyLayout };

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

@@ -0,0 +1,18 @@
+import { HeaderProps } from "./Header.js";
+import * as React from "react";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
+
+//#region src/components/organisms/AppHeader.d.ts
+interface AppHeaderProps extends HeaderProps {
+  breadcrumb?: React.ReactNode;
+  toolbarRight?: React.ReactNode;
+  className?: string;
+}
+declare function AppHeader({
+  breadcrumb,
+  toolbarRight,
+  className,
+  ...props
+}: AppHeaderProps): react_jsx_runtime38.JSX.Element;
+//#endregion
+export { AppHeader };

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

@@ -0,0 +1,28 @@
+import { AppSidebar } from "./AppSidebar.js";
+import * as React from "react";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+
+//#region src/components/organisms/AppLayout.d.ts
+interface AppLayoutProps {
+  header: React.ReactNode;
+  sidebar?: React.ComponentProps<typeof AppSidebar>;
+  breadcrumb?: {
+    items: {
+      href?: string;
+      label: React.ReactNode;
+    }[];
+  };
+  children: React.ReactNode;
+  footer?: React.ReactNode;
+  className?: string;
+}
+declare function AppLayout({
+  header,
+  sidebar,
+  breadcrumb,
+  children,
+  footer,
+  className
+}: AppLayoutProps): react_jsx_runtime37.JSX.Element;
+//#endregion
+export { AppLayout };

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

@@ -0,0 +1,23 @@
+import { NavSection } from "../../types/navigation.js";
+import * as React from "react";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+
+//#region src/components/organisms/AppSidebar.d.ts
+interface AppSidebarProps {
+  sections: NavSection[];
+  top?: React.ReactNode;
+  bottom?: React.ReactNode;
+  searchPlaceholder?: string;
+  className?: string;
+  density?: 'compact' | 'comfortable';
+}
+declare function AppSidebar({
+  sections,
+  top,
+  bottom,
+  searchPlaceholder,
+  className,
+  density
+}: AppSidebarProps): react_jsx_runtime21.JSX.Element;
+//#endregion
+export { AppSidebar };