@lssm/lib.design-system 0.0.0-canary-20251217052941 → 0.0.0-canary-20251217060433

package/dist/components/agent/AgentMonitor.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime20 from "react/jsx-runtime";
+
+//#region src/components/agent/AgentMonitor.d.ts
+interface AgentSessionSnapshot {
+  sessionId: string;
+  agent: string;
+  status: string;
+  tenantId?: string;
+  confidence?: number;
+  iterations?: number;
+  updatedAt: Date;
+}
+interface AgentMonitorProps {
+  title?: string;
+  sessions: AgentSessionSnapshot[];
+  highlightStatus?: string;
+  onSelectSession?: (session: AgentSessionSnapshot) => void;
+  className?: string;
+}
+declare function AgentMonitor({
+  title,
+  sessions,
+  highlightStatus,
+  onSelectSession,
+  className
+}: AgentMonitorProps): react_jsx_runtime20.JSX.Element;
+//#endregion
+export { AgentMonitor };

package/dist/components/agent/ApprovalQueue.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+import { ApprovalRequest } from "@lssm/lib.ai-agent/approval";
+
+//#region src/components/agent/ApprovalQueue.d.ts
+interface ApprovalQueueProps {
+  title?: string;
+  description?: string;
+  requests: ApprovalRequest[];
+  onApprove?: (request: ApprovalRequest) => void;
+  onReject?: (request: ApprovalRequest) => void;
+  className?: string;
+  emptyState?: React.ReactNode;
+}
+declare function ApprovalQueue({
+  title,
+  description,
+  requests,
+  onApprove,
+  onReject,
+  className,
+  emptyState
+}: ApprovalQueueProps): react_jsx_runtime19.JSX.Element;
+//#endregion
+export { ApprovalQueue };

package/dist/components/atoms/ActionButtons.d.ts

@@ -0,0 +1,25 @@
+import { ButtonProps } from "./Button.js";
+import * as React from "react";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
+
+//#region src/components/atoms/ActionButtons.d.ts
+declare const actionBtn: (props?: ({
+  tone?: "subtle" | "neutral" | "danger" | "outline" | null | undefined;
+  size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
+type ActionBtnProps = Omit<ButtonProps, 'size' | 'variant'> & VariantProps<typeof actionBtn> & {
+  label?: React.ReactNode;
+  iconLeft?: React.ReactNode;
+};
+declare function EditButton(props: Omit<ActionBtnProps, 'iconLeft' | 'tone'>): react_jsx_runtime7.JSX.Element;
+declare function DeleteButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime7.JSX.Element;
+declare function ViewButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime7.JSX.Element;
+declare function ToggleButton(props: Omit<ActionBtnProps, 'iconLeft'> & {
+  active?: boolean;
+}): react_jsx_runtime7.JSX.Element;
+declare function ToggleLeftButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime7.JSX.Element;
+declare function ToggleRightButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime7.JSX.Element;
+//#endregion
+export { DeleteButton, EditButton, ToggleButton, ToggleLeftButton, ToggleRightButton, ViewButton };

package/dist/components/atoms/Button.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { ButtonProps } from "@lssm/lib.ui-kit-web/ui/button";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/Button.d.ts
+type SpinnerPlacement = 'start' | 'end';
+type ButtonProps$1 = Omit<ButtonProps, 'onClick' | 'disabled' | 'children'> & {
+  children: React.ReactNode;
+  loading?: boolean;
+  loadingText?: string;
+  spinnerPlacement?: SpinnerPlacement;
+  onPress?: () => void;
+  onPressIn?: () => void;
+  onPressOut?: () => void;
+  onLongPress?: () => void;
+  onClick?: React.MouseEventHandler<HTMLButtonElement>;
+  disabled?: boolean;
+};
+declare function Button$1({
+  children,
+  loading,
+  spinnerPlacement,
+  onPress,
+  onPressIn,
+  onPressOut,
+  onLongPress,
+  onTouchStart,
+  onTouchEnd,
+  onTouchCancel,
+  onMouseDown,
+  onMouseUp,
+  onClick,
+  className,
+  disabled,
+  ...rest
+}: ButtonProps$1): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Button$1 as Button, ButtonProps$1 as ButtonProps };

package/dist/components/atoms/ButtonLink.d.ts

@@ -0,0 +1,21 @@
+import { ButtonProps } from "./Button.js";
+import { LinkProps } from "./Link.web.js";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/components/atoms/ButtonLink.d.ts
+type ButtonLinkProps = Omit<ButtonProps, 'onClick'> & Pick<LinkProps, 'href' | 'target' | 'rel' | 'onClick'> & {
+  replace?: boolean;
+};
+declare function ButtonLink({
+  href,
+  target,
+  rel,
+  replace,
+  loading,
+  disabled,
+  children,
+  onClick,
+  ...btn
+}: ButtonLinkProps): react_jsx_runtime1.JSX.Element;
+//#endregion
+export { ButtonLink };

package/dist/components/atoms/Cta.d.ts

@@ -0,0 +1,31 @@
+import "./Button.js";
+import * as React from "react";
+import * as _lssm_lib_ui_kit_web_ui_button0 from "@lssm/lib.ui-kit-web/ui/button";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/atoms/Cta.d.ts
+
+declare const Cta: React.ForwardRefExoticComponent<Omit<_lssm_lib_ui_kit_web_ui_button0.ButtonProps, "disabled" | "children" | "onClick"> & {
+  children: React.ReactNode;
+  loading?: boolean;
+  loadingText?: string;
+  spinnerPlacement?: "start" | "end";
+  onPress?: () => void;
+  onPressIn?: () => void;
+  onPressOut?: () => void;
+  onLongPress?: () => void;
+  onClick?: React.MouseEventHandler<HTMLButtonElement>;
+  disabled?: boolean;
+} & VariantProps<(props?: ({
+  size?: "sm" | "md" | "lg" | "touch" | null | undefined;
+  emphasis?: "default" | "strong" | "subtle" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string> & {
+  capture?: (cta: string) => void;
+  ctaName?: string;
+  as?: "button" | "a";
+  href?: string;
+  children?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+//#endregion
+export { Cta };

package/dist/components/atoms/DataChips.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types2 from "class-variance-authority/types";
+
+//#region src/components/atoms/DataChips.d.ts
+declare const chip: (props?: ({
+  size?: "sm" | "md" | null | undefined;
+  tone?: "default" | "muted" | null | undefined;
+} & class_variance_authority_types2.ClassProp) | undefined) => string;
+type ChipVariants = VariantProps<typeof chip>;
+declare function DateChip({
+  value,
+  ...v
+}: {
+  value?: string | Date | null;
+} & ChipVariants): react_jsx_runtime13.JSX.Element | null;
+declare function TimeChip({
+  value,
+  ...v
+}: {
+  value?: string | Date | null;
+} & ChipVariants): react_jsx_runtime13.JSX.Element | null;
+declare function PlaceChip({
+  label,
+  ...v
+}: {
+  label?: React.ReactNode;
+} & ChipVariants): react_jsx_runtime13.JSX.Element | null;
+declare function DurationChip({
+  minutes,
+  ...v
+}: {
+  minutes?: number | null;
+} & ChipVariants): react_jsx_runtime13.JSX.Element | null;
+//#endregion
+export { DateChip, DurationChip, PlaceChip, TimeChip };

package/dist/components/atoms/EmptyState.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { EmptyStateProps } from "@lssm/lib.ui-kit-web/ui/empty-state";
+
+//#region src/components/atoms/EmptyState.d.ts
+declare function EmptyState$1(props: EmptyStateProps): react_jsx_runtime5.JSX.Element;
+//#endregion
+export { EmptyState$1 as EmptyState };

package/dist/components/atoms/ErrorState.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
+
+//#region src/components/atoms/ErrorState.d.ts
+interface ErrorStateProps {
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  icon?: React.ReactNode;
+  onRetry?: () => void;
+  retryLabel?: React.ReactNode;
+  supportHref?: string;
+  onContactSupport?: () => void;
+  supportLabel?: React.ReactNode;
+  className?: string;
+}
+declare function ErrorState({
+  title,
+  description,
+  icon,
+  onRetry,
+  retryLabel,
+  supportHref,
+  onContactSupport,
+  supportLabel,
+  className
+}: ErrorStateProps): react_jsx_runtime74.JSX.Element;
+//#endregion
+export { ErrorState };

package/dist/components/atoms/Input.d.ts

@@ -0,0 +1,35 @@
+import { KeyboardOptions } from "../../lib/keyboard.js";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { InputProps } from "@lssm/lib.ui-kit-web/ui/input";
+
+//#region src/components/atoms/Input.d.ts
+interface BaseFieldProps {
+  onSubmit?: () => void;
+  onFocus?: () => void;
+  placeholder?: string;
+  disabled?: boolean;
+  readOnly?: boolean;
+  maxLength?: number;
+  name?: string;
+  className?: string;
+  keyboard?: KeyboardOptions;
+}
+type InputProps$1 = Omit<InputProps, 'input'> & BaseFieldProps;
+declare function Input$1({
+  value,
+  defaultValue,
+  onChange,
+  onSubmit,
+  onFocus,
+  onBlur,
+  placeholder,
+  disabled,
+  readOnly,
+  maxLength,
+  name,
+  className,
+  keyboard,
+  ...rest
+}: InputProps$1): react_jsx_runtime3.JSX.Element;
+//#endregion
+export { Input$1 as Input };

package/dist/components/atoms/Link.d.ts

@@ -0,0 +1,11 @@
+import { AnchorHTMLAttributes } from "react";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/components/atoms/Link.d.ts
+type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;
+declare function Link({
+  children,
+  ...props
+}: LinkProps): react_jsx_runtime2.JSX.Element;
+//#endregion
+export { Link };

package/dist/components/atoms/Link.web.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import "react/jsx-runtime";
+
+//#region src/components/atoms/Link.web.d.ts
+type LinkProps = {
+  href: any;
+  children?: React.ReactNode;
+  className?: string;
+  prefetch?: boolean;
+  replace?: boolean;
+  scroll?: boolean;
+  shallow?: boolean;
+  target?: string;
+  rel?: string;
+  onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+} & Record<string, any>;
+//#endregion
+export { LinkProps };

package/dist/components/atoms/LoaderCircular.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types14 from "class-variance-authority/types";
+
+//#region src/components/atoms/LoaderCircular.d.ts
+declare const spinnerVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+  tone?: "default" | "muted" | null | undefined;
+} & class_variance_authority_types14.ClassProp) | undefined) => string;
+type LoaderCircularProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinnerVariants> & {
+  label?: React.ReactNode;
+};
+declare function LoaderCircular({
+  size,
+  tone,
+  label,
+  className,
+  ...props
+}: LoaderCircularProps): react_jsx_runtime72.JSX.Element;
+//#endregion
+export { LoaderCircular };

package/dist/components/atoms/NavBrand.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
+
+//#region src/components/atoms/NavBrand.d.ts
+interface NavBrandProps {
+  href?: string;
+  logo?: React.ReactNode;
+  title?: React.ReactNode;
+  className?: string;
+}
+declare function NavBrand({
+  href,
+  logo,
+  title,
+  className
+}: NavBrandProps): react_jsx_runtime42.JSX.Element;
+//#endregion
+export { NavBrand };

package/dist/components/atoms/Stepper.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import { StepperProps } from "@lssm/lib.ui-kit-web/ui/stepper";
+
+//#region src/components/atoms/Stepper.d.ts
+declare function Stepper$1(props: StepperProps): react_jsx_runtime6.JSX.Element;
+//#endregion
+export { Stepper$1 as Stepper };

package/dist/components/atoms/Textarea.d.ts

@@ -0,0 +1,37 @@
+import { KeyboardOptions } from "../../lib/keyboard.js";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+import { TextareaProps } from "@lssm/lib.ui-kit-web/ui/textarea";
+
+//#region src/components/atoms/Textarea.d.ts
+interface BaseFieldProps {
+  value?: string;
+  defaultValue?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  readOnly?: boolean;
+  maxLength?: number;
+  name?: string;
+  className?: string;
+  rows?: number;
+  keyboard?: KeyboardOptions;
+}
+type TextareaProps$1 = TextareaProps & BaseFieldProps;
+declare function Textarea$1({
+  value,
+  defaultValue,
+  onChange,
+  onSubmit,
+  onFocus,
+  onBlur,
+  placeholder,
+  disabled,
+  readOnly,
+  maxLength,
+  name,
+  className,
+  rows,
+  keyboard,
+  ...rest
+}: TextareaProps$1): react_jsx_runtime4.JSX.Element;
+//#endregion
+export { Textarea$1 as Textarea };

package/dist/components/data-view/DataViewDetail.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import * as react_jsx_runtime107 from "react/jsx-runtime";
+import { DataViewSpec } from "@lssm/lib.contracts/data-views";
+
+//#region src/components/data-view/DataViewDetail.d.ts
+interface DataViewDetailProps {
+  spec: DataViewSpec;
+  item: Record<string, unknown> | null;
+  className?: string;
+  emptyState?: React.ReactNode;
+  headerActions?: React.ReactNode;
+}
+declare function DataViewDetail({
+  spec,
+  item,
+  className,
+  emptyState,
+  headerActions
+}: DataViewDetailProps): react_jsx_runtime107.JSX.Element;
+//#endregion
+export { DataViewDetail };

package/dist/components/data-view/DataViewList.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
+import { DataViewSpec } from "@lssm/lib.contracts/data-views";
+
+//#region src/components/data-view/DataViewList.d.ts
+interface DataViewListProps {
+  spec: DataViewSpec;
+  items: Record<string, unknown>[];
+  className?: string;
+  renderActions?: (item: Record<string, unknown>) => React.ReactNode;
+  onSelect?: (item: Record<string, unknown>) => void;
+  emptyState?: React.ReactNode;
+}
+declare function DataViewList({
+  spec,
+  items,
+  className,
+  renderActions,
+  onSelect,
+  emptyState
+}: DataViewListProps): react_jsx_runtime105.JSX.Element;
+//#endregion
+export { DataViewList };

package/dist/components/data-view/DataViewRenderer.d.ts

@@ -0,0 +1,47 @@
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { DataViewSpec } from "@lssm/lib.contracts/data-views";
+
+//#region src/components/data-view/DataViewRenderer.d.ts
+interface DataViewRendererProps {
+  spec: DataViewSpec;
+  items?: Record<string, unknown>[];
+  item?: Record<string, unknown> | null;
+  className?: string;
+  renderActions?: (item: Record<string, unknown>) => React.ReactNode;
+  onSelect?: (item: Record<string, unknown>) => void;
+  onRowClick?: (item: Record<string, unknown>) => void;
+  headerActions?: React.ReactNode;
+  emptyState?: React.ReactNode;
+  footer?: React.ReactNode;
+  search?: string;
+  onSearchChange?: (value: string) => void;
+  filters?: Record<string, any>;
+  onFilterChange?: (filters: Record<string, any>) => void;
+  pagination?: {
+    page: number;
+    pageSize: number;
+    total: number;
+  };
+  onPageChange?: (page: number) => void;
+}
+declare function DataViewRenderer({
+  spec,
+  items,
+  item,
+  className,
+  renderActions,
+  onSelect,
+  onRowClick,
+  headerActions,
+  emptyState,
+  footer,
+  search,
+  onSearchChange,
+  filters,
+  onFilterChange,
+  pagination,
+  onPageChange
+}: DataViewRendererProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DataViewRenderer };

package/dist/components/data-view/DataViewTable.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
+import { DataViewSpec } from "@lssm/lib.contracts/data-views";
+
+//#region src/components/data-view/DataViewTable.d.ts
+interface DataViewTableProps {
+  spec: DataViewSpec;
+  items: Record<string, unknown>[];
+  className?: string;
+  onRowClick?: (item: Record<string, unknown>) => void;
+  emptyState?: React.ReactNode;
+  headerActions?: React.ReactNode;
+  footer?: React.ReactNode;
+}
+declare function DataViewTable({
+  spec,
+  items,
+  className,
+  onRowClick,
+  emptyState,
+  headerActions,
+  footer
+}: DataViewTableProps): react_jsx_runtime106.JSX.Element;
+//#endregion
+export { DataViewTable };

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import * as react_jsx_runtime104 from "react/jsx-runtime";
+
+//#region src/components/forms/ActionForm.d.ts
+interface ActionFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'action'> {
+  action: (formData: FormData) => void | Promise<void>;
+  children: React.ReactNode;
+}
+declare function ActionForm({
+  action,
+  children,
+  className,
+  ...rest
+}: ActionFormProps): react_jsx_runtime104.JSX.Element;
+//#endregion
+export { ActionForm };

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as react_jsx_runtime101 from "react/jsx-runtime";
+
+//#region src/components/forms/FormCardLayout.d.ts
+interface FormCardLayoutProps {
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  actions?: React.ReactNode;
+  children: React.ReactNode;
+  className?: string;
+  contentClassName?: string;
+}
+declare function FormCardLayout({
+  title,
+  description,
+  actions,
+  children,
+  className,
+  contentClassName
+}: FormCardLayoutProps): react_jsx_runtime101.JSX.Element;
+//#endregion
+export { FormCardLayout };

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as react_jsx_runtime96 from "react/jsx-runtime";
+
+//#region src/components/forms/FormDialog.d.ts
+interface FormDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  children: React.ReactNode;
+  footer?: React.ReactNode;
+  maxWidth?: string;
+}
+declare function FormDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  footer,
+  maxWidth
+}: FormDialogProps): react_jsx_runtime96.JSX.Element;
+//#endregion
+export { FormDialog };

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

@@ -0,0 +1,29 @@
+import * as React from "react";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
+
+//#region src/components/forms/FormLayout.d.ts
+declare function FormSection({
+  children,
+  className
+}: {
+  children: React.ReactNode;
+  className?: string;
+}): react_jsx_runtime98.JSX.Element;
+declare function FormRow({
+  children,
+  className
+}: {
+  children: React.ReactNode;
+  className?: string;
+}): react_jsx_runtime98.JSX.Element;
+declare function FormGrid({
+  children,
+  cols,
+  className
+}: {
+  children: React.ReactNode;
+  cols?: 1 | 2 | 3 | 4;
+  className?: string;
+}): react_jsx_runtime98.JSX.Element;
+//#endregion
+export { FormGrid, FormRow, FormSection };

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

@@ -0,0 +1,25 @@
+import * as React from "react";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
+
+//#region src/components/forms/FormOneByOneLayout.d.ts
+interface OneByOneFieldDef {
+  key: string;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  input: React.ReactNode;
+  validate?: () => boolean;
+}
+interface FormOneByOneLayoutProps {
+  fields: OneByOneFieldDef[];
+  initialKey?: string;
+  onComplete?: () => void | Promise<void>;
+  className?: string;
+}
+declare function FormOneByOneLayout({
+  fields,
+  initialKey,
+  onComplete,
+  className
+}: FormOneByOneLayoutProps): react_jsx_runtime103.JSX.Element | null;
+//#endregion
+export { FormOneByOneLayout };

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

@@ -0,0 +1,26 @@
+import * as React from "react";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
+
+//#region src/components/forms/FormStepsLayout.d.ts
+interface StepDef {
+  key: string;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  content: React.ReactNode;
+}
+interface FormStepsLayoutProps {
+  steps: StepDef[];
+  initialStepKey?: string;
+  onFinish?: () => void | Promise<void>;
+  canNext?: (stepKey: string) => boolean;
+  className?: string;
+}
+declare function FormStepsLayout({
+  steps,
+  initialStepKey,
+  onFinish,
+  canNext,
+  className
+}: FormStepsLayoutProps): react_jsx_runtime102.JSX.Element | null;
+//#endregion
+export { FormStepsLayout };