@classytic/fluid 0.2.4 → 0.3.2

package/dist/client/core.d.mts

@@ -0,0 +1,1614 @@
+import { n as ApiPaginationData, r as ApiPaginationProps, t as ApiPagination } from "../api-pagination-CJ0vR_w6.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react from "react";
+import { ComponentType, ElementType, HTMLAttributes, ReactNode, RefObject } from "react";
+import { LucideIcon, LucideProps } from "lucide-react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/accordion-wrapper.d.ts
+interface AccordionSectionProps {
+  title: string;
+  icon?: ReactNode;
+  children: ReactNode;
+  defaultOpen?: boolean;
+  className?: string;
+  badge?: ReactNode;
+}
+/**
+ * AccordionSection - Single collapsible section with smooth animation
+ *
+ * @example
+ * ```tsx
+ * <AccordionSection title="Settings" icon={<Settings className="h-4 w-4" />}>
+ *   <div>Content here</div>
+ * </AccordionSection>
+ * ```
+ */
+declare const AccordionSection: react.NamedExoticComponent<AccordionSectionProps>;
+interface FaqItem {
+  id: string;
+  question: string;
+  answer: ReactNode;
+}
+interface FaqAccordionProps {
+  items: FaqItem[];
+  defaultOpen?: string;
+  className?: string;
+  /** Allow multiple items to be open at once */
+  multiple?: boolean;
+}
+/**
+ * FaqAccordion - FAQ-style accordion where only one item can be open by default
+ *
+ * @example
+ * ```tsx
+ * <FaqAccordion
+ *   items={[
+ *     { id: "1", question: "What is this?", answer: "A FAQ accordion" },
+ *     { id: "2", question: "How does it work?", answer: "Click to expand" },
+ *   ]}
+ * />
+ * ```
+ */
+declare const FaqAccordion: react.NamedExoticComponent<FaqAccordionProps>;
+//#endregion
+//#region src/components/card-wrapper.d.ts
+declare const CARD_VARIANTS: {
+  readonly default: "";
+  readonly outline: "border-2";
+  readonly ghost: "border-0 shadow-none bg-transparent";
+  readonly elevated: "shadow-lg border-0";
+  readonly primary: "border-primary/20 bg-primary/5";
+  readonly secondary: "border-secondary/20 bg-secondary/5";
+  readonly destructive: "border-destructive/20 bg-destructive/5";
+  readonly success: "border-green-500/20 bg-green-500/5";
+  readonly warning: "border-yellow-500/20 bg-yellow-500/5";
+};
+declare const CARD_SIZES: {
+  readonly sm: "p-3";
+  readonly default: "p-6";
+  readonly lg: "p-8";
+  readonly xl: "p-10";
+};
+interface CardWrapperProps {
+  title?: ReactNode;
+  description?: ReactNode;
+  children?: ReactNode;
+  footer?: ReactNode;
+  className?: string;
+  headerClassName?: string;
+  contentClassName?: string;
+  footerClassName?: string;
+  variant?: keyof typeof CARD_VARIANTS;
+  size?: keyof typeof CARD_SIZES;
+  hideHeader?: boolean;
+}
+declare function CardWrapper({
+  title,
+  description,
+  children,
+  footer,
+  className,
+  headerClassName,
+  contentClassName,
+  footerClassName,
+  variant,
+  size,
+  hideHeader,
+  ...props
+}: CardWrapperProps): react_jsx_runtime0.JSX.Element;
+interface DataCardProps extends Omit<CardWrapperProps, "children"> {
+  /** Each item's `color` should be a complete Tailwind class (e.g. "text-green-600") */
+  data: Array<{
+    label: string;
+    value: ReactNode;
+    color?: string;
+  }>;
+  /** Number of columns in the data grid. Default: 3 (2 on mobile) */
+  cols?: 1 | 2 | 3 | 4;
+}
+declare function DataCard({
+  title,
+  data,
+  cols,
+  className,
+  ...props
+}: DataCardProps): react_jsx_runtime0.JSX.Element;
+interface LoadingCardProps extends Omit<CardWrapperProps, "children"> {}
+declare function LoadingCard({
+  title,
+  description,
+  className,
+  ...props
+}: LoadingCardProps): react_jsx_runtime0.JSX.Element;
+interface StatsCardProps extends Omit<CardWrapperProps, "children" | "variant"> {
+  value: ReactNode;
+  icon?: ReactNode;
+  trend?: {
+    type: "up" | "down" | "neutral";
+    value: string;
+  };
+  /** Visual variant for the card and icon styling */
+  statsVariant?: "default" | "success" | "warning" | "danger" | "info";
+  /** Additional class for the icon wrapper */
+  iconClassName?: string;
+}
+declare function StatsCard({
+  title,
+  value,
+  description,
+  icon,
+  trend,
+  className,
+  statsVariant,
+  iconClassName,
+  ...props
+}: StatsCardProps): react_jsx_runtime0.JSX.Element;
+interface DragHandleProps extends HTMLAttributes<HTMLDivElement> {
+  icon?: ReactNode;
+}
+interface DraggableCardProps extends Omit<CardWrapperProps, "children"> {
+  subtitle?: ReactNode;
+  badges?: ReactNode;
+  actions?: ReactNode;
+  details?: ReactNode;
+  dragHandleProps?: DragHandleProps;
+  isDragging?: boolean;
+  isHidden?: boolean;
+  children?: ReactNode;
+}
+declare function DraggableCard({
+  title,
+  subtitle,
+  badges,
+  actions,
+  details,
+  dragHandleProps,
+  className,
+  isDragging,
+  isHidden,
+  children,
+  ...props
+}: DraggableCardProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/client-submit-button.d.ts
+interface ClientSubmitButtonProps {
+  children: ReactNode;
+  disabled?: boolean;
+  loading?: boolean;
+  loadingText?: string;
+  className?: string;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+  size?: "default" | "sm" | "lg" | "icon";
+  form?: string;
+}
+declare function ClientSubmitButton({
+  children,
+  disabled,
+  loading,
+  loadingText,
+  className,
+  variant,
+  size,
+  form,
+  ...props
+}: ClientSubmitButtonProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/collapsible-wrapper.d.ts
+interface CollapsibleWrapperProps {
+  children: ReactNode;
+  trigger: ReactNode;
+  defaultOpen?: boolean;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** @deprecated Use render prop pattern with trigger element instead */
+  triggerAsChild?: boolean;
+  triggerVariant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+  triggerSize?: "default" | "sm" | "lg" | "icon";
+  triggerClassName?: string;
+  contentClassName?: string;
+  className?: string;
+  showChevron?: boolean;
+  chevronPosition?: "left" | "right";
+  disabled?: boolean;
+}
+declare function CollapsibleWrapper({
+  children,
+  trigger,
+  defaultOpen,
+  open,
+  onOpenChange,
+  triggerAsChild,
+  triggerVariant,
+  triggerSize,
+  triggerClassName,
+  contentClassName,
+  className,
+  showChevron,
+  chevronPosition,
+  disabled,
+  ...props
+}: CollapsibleWrapperProps): react_jsx_runtime0.JSX.Element;
+interface CollapsibleCardProps {
+  title: ReactNode;
+  children: ReactNode;
+  defaultOpen?: boolean;
+  className?: string;
+  headerClassName?: string;
+  contentClassName?: string;
+}
+declare function CollapsibleCard({
+  title,
+  children,
+  defaultOpen,
+  className,
+  headerClassName,
+  contentClassName,
+  ...props
+}: CollapsibleCardProps): react_jsx_runtime0.JSX.Element;
+interface CollapsibleSectionProps {
+  label: ReactNode;
+  children: ReactNode;
+  defaultOpen?: boolean;
+  className?: string;
+  labelClassName?: string;
+  contentClassName?: string;
+}
+declare function CollapsibleSection({
+  label,
+  children,
+  defaultOpen,
+  className,
+  labelClassName,
+  contentClassName,
+  ...props
+}: CollapsibleSectionProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/confirm-dialog.d.ts
+interface ConfirmDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  /** Trigger element that opens the dialog */
+  trigger?: react.ReactElement;
+  title?: string;
+  description?: string;
+  confirmText?: string;
+  cancelText?: string;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+  isLoading?: boolean;
+  onConfirm?: () => void;
+  onCancel?: () => void;
+  icon?: ReactNode;
+  children?: ReactNode;
+  className?: string;
+  /** Header className */
+  headerClassName?: string;
+  /** Description className */
+  descriptionClassName?: string;
+  /** Footer className */
+  footerClassName?: string;
+  /** Whether to show the cancel button (default: true) */
+  showCancel?: boolean;
+}
+declare function ConfirmDialog({
+  open,
+  onOpenChange,
+  trigger,
+  title,
+  description,
+  confirmText,
+  cancelText,
+  variant,
+  isLoading,
+  onConfirm,
+  onCancel,
+  icon,
+  children,
+  className,
+  headerClassName,
+  descriptionClassName,
+  footerClassName,
+  showCancel,
+  ...props
+}: ConfirmDialogProps): react_jsx_runtime0.JSX.Element;
+interface DeleteConfirmDialogProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onConfirm?: () => void;
+  isLoading?: boolean;
+  itemName?: string;
+  itemDetails?: ReactNode;
+}
+declare function DeleteConfirmDialog({
+  open,
+  onOpenChange,
+  onConfirm,
+  isLoading,
+  itemName,
+  itemDetails,
+  ...props
+}: DeleteConfirmDialogProps): react_jsx_runtime0.JSX.Element;
+interface InfoAlertProps extends Omit<ConfirmDialogProps, "showCancel" | "variant"> {
+  confirmText?: string;
+}
+/**
+ * InfoAlert - Information/warning alert with only confirm button (no cancel)
+ *
+ * @example
+ * ```tsx
+ * <InfoAlert
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   title="Session expired"
+ *   description="Please log in again"
+ *   confirmText="OK"
+ *   onConfirm={() => setOpen(false)}
+ * />
+ * ```
+ */
+declare function InfoAlert({
+  title,
+  description,
+  confirmText,
+  onConfirm,
+  onOpenChange,
+  ...props
+}: InfoAlertProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/copy-button.d.ts
+interface CopyButtonProps {
+  value: string;
+  className?: string;
+  size?: "default" | "sm" | "lg" | "icon";
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+  showToast?: boolean;
+  toastMessage?: string;
+  errorMessage?: string;
+  timeout?: number;
+  children?: ReactNode;
+}
+declare function CopyButton({
+  value,
+  className,
+  size,
+  variant,
+  showToast,
+  toastMessage,
+  errorMessage,
+  timeout,
+  children,
+  ...props
+}: CopyButtonProps): react_jsx_runtime0.JSX.Element;
+interface CopyTextProps {
+  value: string;
+  displayValue?: string;
+  className?: string;
+  textClassName?: string;
+  buttonClassName?: string;
+  maxLength?: number;
+  showButton?: boolean;
+}
+declare function CopyText({
+  value,
+  displayValue,
+  className,
+  textClassName,
+  buttonClassName,
+  maxLength,
+  showButton,
+  ...buttonProps
+}: CopyTextProps): react_jsx_runtime0.JSX.Element;
+interface CopyCodeBlockProps {
+  value: string;
+  className?: string;
+  language?: string;
+  showLineNumbers?: boolean;
+}
+declare function CopyCodeBlock({
+  value,
+  className,
+  language,
+  showLineNumbers,
+  ...buttonProps
+}: CopyCodeBlockProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/custom-pagination.d.ts
+interface CustomPaginationProps {
+  page: number;
+  pages: number;
+  hasNext: boolean;
+  hasPrev: boolean;
+  onPageChange: (page: number) => void;
+}
+declare function CustomPagination({
+  page,
+  onPageChange,
+  pages,
+  hasPrev,
+  hasNext
+}: CustomPaginationProps): react_jsx_runtime0.JSX.Element | null;
+interface PaginationInfoProps {
+  page: number;
+  total: number;
+  limit?: number;
+}
+declare function PaginationInfo({
+  page,
+  total,
+  limit
+}: PaginationInfoProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dialog-wrapper.d.ts
+declare const SIZE_VARIANTS: {
+  readonly sm: "sm:max-w-sm";
+  readonly default: "sm:max-w-md";
+  readonly lg: "sm:max-w-lg md:max-w-2xl";
+  readonly xl: "sm:max-w-2xl md:max-w-4xl";
+  readonly "2xl": "sm:max-w-4xl md:max-w-6xl";
+  readonly full: "max-w-[95vw] h-[95vh]";
+};
+type SizeVariant$1 = keyof typeof SIZE_VARIANTS;
+interface DialogWrapperProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  title?: ReactNode;
+  description?: ReactNode;
+  children?: ReactNode;
+  footer?: ReactNode;
+  trigger?: ReactNode;
+  size?: SizeVariant$1;
+  className?: string;
+  headerClassName?: string;
+  contentClassName?: string;
+  footerClassName?: string;
+  hideHeader?: boolean;
+  hideTitle?: boolean;
+  hideDescription?: boolean;
+  hideCloseButton?: boolean;
+}
+declare function DialogWrapper({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  footer,
+  trigger,
+  size,
+  className,
+  headerClassName,
+  contentClassName,
+  footerClassName,
+  hideHeader,
+  hideTitle,
+  hideDescription,
+  hideCloseButton,
+  ...props
+}: DialogWrapperProps): react_jsx_runtime0.JSX.Element;
+interface FormDialogProps extends Omit<DialogWrapperProps, "footer"> {
+  onSubmit?: (e: react.FormEvent<HTMLFormElement>) => void;
+  onCancel?: () => void;
+  submitText?: string;
+  cancelText?: string;
+  isLoading?: boolean;
+  submitDisabled?: boolean;
+}
+declare function FormDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  onSubmit,
+  onCancel,
+  submitText,
+  cancelText,
+  isLoading,
+  submitDisabled,
+  ...props
+}: FormDialogProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-wrapper.d.ts
+interface DropdownWrapperProps {
+  trigger: react.ReactNode;
+  children: react.ReactNode;
+  align?: "start" | "center" | "end";
+  side?: "top" | "right" | "bottom" | "left";
+  sideOffset?: number;
+  className?: string;
+  contentClassName?: string;
+}
+declare function DropdownWrapper({
+  trigger,
+  children,
+  align,
+  side,
+  sideOffset,
+  className,
+  contentClassName,
+  ...props
+}: DropdownWrapperProps): react_jsx_runtime0.JSX.Element;
+interface ActionDropdownItem {
+  type?: "item" | "separator" | "label" | "group";
+  key?: string;
+  label?: string | (() => string);
+  icon?: LucideIcon;
+  onClick?: (e: react.MouseEvent) => void;
+  disabled?: boolean;
+  hidden?: boolean;
+  variant?: "default" | "destructive";
+  shortcut?: string;
+  className?: string;
+  items?: ActionDropdownItem[];
+}
+interface ActionDropdownProps {
+  items?: ActionDropdownItem[];
+  triggerIcon?: LucideIcon;
+  triggerVariant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+  triggerSize?: "default" | "sm" | "lg" | "icon";
+  triggerClassName?: string;
+  triggerLabel?: string;
+  showOnHover?: boolean;
+  align?: "start" | "center" | "end";
+  contentClassName?: string;
+  onOpenChange?: (open: boolean) => void;
+  stopPropagation?: boolean;
+}
+declare function ActionDropdown({
+  items,
+  triggerIcon: TriggerIcon,
+  triggerVariant,
+  triggerSize,
+  triggerClassName,
+  triggerLabel,
+  showOnHover,
+  align,
+  contentClassName,
+  onOpenChange,
+  stopPropagation,
+  ...props
+}: ActionDropdownProps): react_jsx_runtime0.JSX.Element;
+interface SelectDropdownOption {
+  value: string;
+  label: string;
+  icon?: LucideIcon;
+}
+interface SelectDropdownProps {
+  value?: string;
+  onValueChange?: (value: string) => void;
+  placeholder?: string;
+  options?: SelectDropdownOption[];
+  triggerClassName?: string;
+  contentClassName?: string;
+  disabled?: boolean;
+}
+declare function SelectDropdown({
+  value,
+  onValueChange,
+  placeholder,
+  options,
+  triggerClassName,
+  contentClassName,
+  disabled,
+  ...props
+}: SelectDropdownProps): react_jsx_runtime0.JSX.Element;
+interface CheckboxDropdownProps {
+  values?: string[];
+  onValuesChange?: (values: string[]) => void;
+  placeholder?: string;
+  options?: SelectDropdownOption[];
+  triggerClassName?: string;
+  contentClassName?: string;
+  disabled?: boolean;
+  showSelectedCount?: boolean;
+}
+declare function CheckboxDropdown({
+  values,
+  onValuesChange,
+  placeholder,
+  options,
+  triggerClassName,
+  contentClassName,
+  disabled,
+  showSelectedCount,
+  ...props
+}: CheckboxDropdownProps): react_jsx_runtime0.JSX.Element;
+interface RadioDropdownProps {
+  value?: string;
+  onValueChange?: (value: string) => void;
+  placeholder?: string;
+  options?: SelectDropdownOption[];
+  triggerClassName?: string;
+  contentClassName?: string;
+  disabled?: boolean;
+}
+declare function RadioDropdown({
+  value,
+  onValueChange,
+  placeholder,
+  options,
+  triggerClassName,
+  contentClassName,
+  disabled,
+  ...props
+}: RadioDropdownProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/error-state.d.ts
+interface ErrorStateProps {
+  /** Error title */
+  title?: string;
+  /** Error message or Error object */
+  error: string | Error | {
+    message?: string;
+  } | null | undefined;
+  /** Optional retry callback */
+  onRetry?: () => void;
+  /** Alert variant */
+  variant?: "default" | "destructive";
+  /** Additional CSS classes */
+  className?: string;
+  /** Custom icon */
+  icon?: ReactNode;
+}
+/**
+ * ErrorState Component
+ *
+ * Reusable error display component with retry functionality
+ * Used for consistent error handling across pages
+ */
+declare function ErrorState({
+  title,
+  error,
+  onRetry,
+  variant,
+  className,
+  icon
+}: ErrorStateProps): react_jsx_runtime0.JSX.Element;
+interface ErrorStateInlineProps {
+  /** Error message or Error object */
+  error: string | Error | {
+    message?: string;
+  } | null | undefined;
+  /** Optional retry callback */
+  onRetry?: () => void;
+  /** Additional CSS classes */
+  className?: string;
+  /** Custom icon */
+  icon?: ReactNode;
+}
+/**
+ * Inline ErrorState variant - more compact for table cells
+ */
+declare function ErrorStateInline({
+  error,
+  onRetry,
+  className,
+  icon
+}: ErrorStateInlineProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/info-row.d.ts
+interface InfoRowProps {
+  label: string;
+  value: ReactNode;
+  copyable?: boolean;
+  icon?: ComponentType<LucideProps>;
+}
+declare function InfoRow({
+  label,
+  value,
+  copyable,
+  icon: Icon
+}: InfoRowProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/item-helpers.d.ts
+/**
+ * Item Component Helpers
+ */
+declare const iconItemMediaVariants: (props?: ({
+  iconBg?: "primary" | "gold" | "muted" | "gradient" | "none" | null | undefined;
+  iconSize?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface IconItemMediaProps extends react.HTMLAttributes<HTMLDivElement>, VariantProps<typeof iconItemMediaVariants> {
+  icon?: react.ReactNode;
+  children?: react.ReactNode;
+}
+declare const IconItemMedia: react.NamedExoticComponent<IconItemMediaProps>;
+interface FeatureItemProps {
+  icon?: react.ReactNode;
+  iconBg?: "primary" | "gold" | "muted" | "gradient" | "none";
+  iconSize?: "sm" | "md" | "lg" | "xl";
+  title?: react.ReactNode;
+  description?: react.ReactNode;
+  variant?: "default" | "outline" | "ghost" | "gradient-light" | "gradient";
+  size?: "sm" | "default" | "lg";
+  layout?: "vertical" | "horizontal";
+  titleAs?: react.ElementType;
+  className?: string;
+  titleClassName?: string;
+  descriptionClassName?: string;
+  iconClassName?: string;
+  children?: react.ReactNode;
+}
+declare const FeatureItem: react.NamedExoticComponent<FeatureItemProps>;
+interface FeatureListItem {
+  id?: string;
+  icon?: react.ReactNode;
+  iconBg?: "primary" | "gold" | "muted" | "gradient" | "none";
+  iconSize?: "sm" | "md" | "lg" | "xl";
+  title: string;
+  description?: string;
+}
+interface FeatureListProps {
+  items?: FeatureListItem[];
+  columns?: 2 | 3 | 4;
+  variant?: "default" | "outline" | "ghost" | "gradient-light" | "gradient";
+  iconBg?: "primary" | "gold" | "muted" | "gradient" | "none";
+  iconSize?: "sm" | "md" | "lg" | "xl";
+  layout?: "vertical" | "horizontal";
+  className?: string;
+  itemClassName?: string;
+}
+declare function FeatureList({
+  items,
+  columns,
+  variant,
+  iconBg,
+  iconSize,
+  layout,
+  className,
+  itemClassName,
+  ...props
+}: FeatureListProps): react_jsx_runtime0.JSX.Element;
+declare namespace FeatureList {
+  var displayName: string;
+}
+//#endregion
+//#region src/components/phone-input.d.ts
+interface PhoneCountry {
+  code: string;
+  name: string;
+  dialCode: string;
+  flag: string;
+}
+declare const DEFAULT_COUNTRIES: PhoneCountry[];
+interface PhoneInputProps extends Omit<react.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
+  onChange?: (value: string) => void;
+  defaultCountry?: string;
+  /** Custom list of countries to show. Defaults to a built-in list of ~50 countries. */
+  countries?: PhoneCountry[];
+  ref?: react.Ref<HTMLInputElement>;
+}
+declare function PhoneInput({
+  className,
+  onChange,
+  value,
+  defaultCountry,
+  countries,
+  disabled,
+  placeholder,
+  ref,
+  ...props
+}: PhoneInputProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/pill.d.ts
+interface PillProps {
+  variant?: "default" | "secondary" | "destructive" | "outline";
+  themed?: boolean;
+  className?: string;
+  children?: ReactNode;
+}
+declare function Pill({
+  variant,
+  themed,
+  className,
+  ...props
+}: PillProps): react_jsx_runtime0.JSX.Element;
+interface PillAvatarProps {
+  fallback?: string;
+  className?: string;
+  src?: string;
+  alt?: string;
+}
+declare function PillAvatar({
+  fallback,
+  className,
+  src,
+  alt,
+  ...props
+}: PillAvatarProps): react_jsx_runtime0.JSX.Element;
+interface PillButtonProps {
+  className?: string;
+  children?: ReactNode;
+  onClick?: () => void;
+}
+declare function PillButton({
+  className,
+  ...props
+}: PillButtonProps): react_jsx_runtime0.JSX.Element;
+interface PillStatusProps {
+  children?: ReactNode;
+  className?: string;
+}
+declare function PillStatus({
+  children,
+  className,
+  ...props
+}: PillStatusProps): react_jsx_runtime0.JSX.Element;
+interface PillIndicatorProps {
+  variant?: "success" | "error" | "warning" | "info";
+  pulse?: boolean;
+}
+declare function PillIndicator({
+  variant,
+  pulse
+}: PillIndicatorProps): react_jsx_runtime0.JSX.Element;
+interface PillDeltaProps {
+  className?: string;
+  delta?: number;
+}
+declare function PillDelta({
+  className,
+  delta
+}: PillDeltaProps): react_jsx_runtime0.JSX.Element;
+interface PillIconProps extends LucideProps {
+  icon: ComponentType<LucideProps>;
+  className?: string;
+}
+declare function PillIcon({
+  icon: Icon,
+  className,
+  ...props
+}: PillIconProps): react_jsx_runtime0.JSX.Element;
+interface PillAvatarGroupProps {
+  children?: ReactNode;
+  className?: string;
+}
+declare function PillAvatarGroup({
+  children,
+  className,
+  ...props
+}: PillAvatarGroupProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/responsive-split-layout.d.ts
+interface PanelConfig {
+  title?: string;
+  icon?: ReactNode;
+  content: ReactNode;
+  badge?: ReactNode;
+}
+interface ResponsiveSplitLayoutProps {
+  leftPanel: PanelConfig;
+  rightPanel: PanelConfig;
+  className?: string;
+  leftPanelClassName?: string;
+  rightPanelClassName?: string;
+  variant?: "default" | "tabs" | "fixed";
+  desktopVariant?: "default" | "tabs" | "fixed";
+  mobileVariant?: "default" | "tabs" | "fixed";
+  defaultLayout?: [number, number];
+  minSizes?: [number, number];
+  rightPanelWidth?: number;
+  persistLayoutKey?: string;
+  mobileBreakpoint?: "sm" | "md" | "lg" | "xl";
+  forceMobile?: boolean;
+  forceDesktop?: boolean;
+}
+declare function ResponsiveSplitLayout({
+  leftPanel,
+  rightPanel,
+  className,
+  leftPanelClassName,
+  rightPanelClassName,
+  variant,
+  desktopVariant,
+  mobileVariant,
+  defaultLayout,
+  minSizes,
+  rightPanelWidth,
+  persistLayoutKey,
+  mobileBreakpoint,
+  forceMobile,
+  forceDesktop
+}: ResponsiveSplitLayoutProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/sheet-wrapper.d.ts
+declare const SIZE_CLASSES: {
+  readonly right: {
+    readonly sm: "data-[side=right]:sm:max-w-md";
+    readonly default: "data-[side=right]:w-full data-[side=right]:sm:max-w-md data-[side=right]:md:max-w-lg";
+    readonly lg: "data-[side=right]:w-full data-[side=right]:sm:max-w-lg data-[side=right]:md:max-w-2xl data-[side=right]:lg:max-w-4xl";
+    readonly xl: "data-[side=right]:w-full data-[side=right]:sm:max-w-2xl data-[side=right]:md:max-w-4xl data-[side=right]:lg:max-w-5xl";
+    readonly full: "data-[side=right]:w-full data-[side=right]:max-w-full data-[side=right]:sm:max-w-full";
+    readonly mobile: "data-[side=right]:w-[85%] data-[side=right]:sm:max-w-sm";
+    readonly "mobile-nav": "data-[side=right]:w-[300px] data-[side=right]:sm:w-[350px] data-[side=right]:sm:max-w-none";
+  };
+  readonly left: {
+    readonly sm: "data-[side=left]:sm:max-w-md";
+    readonly default: "data-[side=left]:w-full data-[side=left]:sm:max-w-md data-[side=left]:md:max-w-lg";
+    readonly lg: "data-[side=left]:w-full data-[side=left]:sm:max-w-lg data-[side=left]:md:max-w-2xl data-[side=left]:lg:max-w-4xl";
+    readonly xl: "data-[side=left]:w-full data-[side=left]:sm:max-w-2xl data-[side=left]:md:max-w-4xl data-[side=left]:lg:max-w-5xl";
+    readonly full: "data-[side=left]:w-full data-[side=left]:max-w-full data-[side=left]:sm:max-w-full";
+    readonly mobile: "data-[side=left]:w-[85%] data-[side=left]:sm:max-w-sm";
+    readonly "mobile-nav": "data-[side=left]:w-[300px] data-[side=left]:sm:w-[350px] data-[side=left]:sm:max-w-none";
+  };
+  readonly vertical: {
+    readonly sm: "sm:max-w-md";
+    readonly default: "w-full sm:max-w-md md:max-w-lg";
+    readonly lg: "w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl";
+    readonly xl: "w-full sm:max-w-2xl md:max-w-4xl lg:max-w-5xl";
+    readonly full: "w-full max-w-full";
+    readonly mobile: "w-[85%] max-w-sm";
+    readonly "mobile-nav": "w-[300px] sm:w-[350px]";
+  };
+};
+type SizeVariant = keyof (typeof SIZE_CLASSES)["vertical"];
+interface SheetWrapperProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  title?: string;
+  description?: string;
+  children?: ReactNode;
+  footer?: ReactNode;
+  header?: ReactNode;
+  side?: "top" | "bottom" | "left" | "right";
+  size?: SizeVariant;
+  modal?: boolean;
+  className?: string;
+  headerClassName?: string;
+  contentClassName?: string;
+  footerClassName?: string;
+  innerClassName?: string;
+  hideHeader?: boolean;
+  hideTitle?: boolean;
+  hideDescription?: boolean;
+  hideCloseButton?: boolean;
+  disableContentPadding?: boolean;
+}
+declare const SheetWrapper: react.NamedExoticComponent<SheetWrapperProps>;
+interface FormSheetProps extends Omit<SheetWrapperProps, "footer"> {
+  onSubmit?: () => void;
+  onCancel?: () => void;
+  submitLabel?: string;
+  cancelLabel?: string;
+  submitDisabled?: boolean;
+  submitLoading?: boolean;
+  formId?: string;
+}
+declare const FormSheet: react.NamedExoticComponent<FormSheetProps>;
+interface ConfirmSheetProps extends Omit<SheetWrapperProps, "footer"> {
+  onConfirm?: () => void;
+  onCancel?: () => void;
+  confirmLabel?: string;
+  cancelLabel?: string;
+  confirmVariant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+  confirmDisabled?: boolean;
+  confirmLoading?: boolean;
+}
+declare const ConfirmSheet: react.NamedExoticComponent<ConfirmSheetProps>;
+//#endregion
+//#region src/components/status-banner.d.ts
+type StatusBannerVariant = "info" | "warning" | "success" | "error";
+interface StatusBannerProps {
+  /** The banner variant/severity */
+  variant?: StatusBannerVariant;
+  /** Main message text or node */
+  children: react.ReactNode;
+  /** Optional custom icon */
+  icon?: LucideIcon;
+  /** Whether the banner can be dismissed */
+  dismissible?: boolean;
+  /** Callback when dismissed */
+  onDismiss?: () => void;
+  /** Optional action element (e.g. a link or button) */
+  action?: react.ReactNode;
+  /** Additional className */
+  className?: string;
+}
+/**
+ * StatusBanner — A persistent info/warning/success/error banner.
+ *
+ * @example
+ * ```tsx
+ * <StatusBanner variant="warning" dismissible>
+ *   Your trial expires in 3 days. <a href="/pricing">Upgrade now</a>
+ * </StatusBanner>
+ *
+ * <StatusBanner variant="success" action={<Button size="sm">View</Button>}>
+ *   Your project was deployed successfully.
+ * </StatusBanner>
+ * ```
+ */
+declare function StatusBanner({
+  variant,
+  children,
+  icon: CustomIcon,
+  dismissible,
+  onDismiss,
+  action,
+  className
+}: StatusBannerProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/stepper.d.ts
+interface StepperStep {
+  /** Step label */
+  label: string;
+  /** Optional description shown below the label */
+  description?: string;
+  /** Optional icon for the step (replaces the number) */
+  icon?: react.ReactNode;
+  /** Whether this step is optional */
+  optional?: boolean;
+}
+interface StepperProps {
+  /** Array of step definitions */
+  steps: (string | StepperStep)[];
+  /** Active step index (0-based) */
+  currentStep: number;
+  /** Variant */
+  variant?: "default" | "compact";
+  /** Orientation */
+  orientation?: "horizontal" | "vertical";
+  /** Additional className */
+  className?: string;
+  /** Callback when a completed step is clicked */
+  onStepClick?: (stepIndex: number) => void;
+  /** Children (StepContent panels) */
+  children?: react.ReactNode;
+}
+interface StepContentProps {
+  /** Step index this content belongs to (0-based) */
+  step: number;
+  /** Currently active step */
+  currentStep: number;
+  /** Children to render */
+  children: react.ReactNode;
+  /** Additional className */
+  className?: string;
+  /** Keep mounted when inactive (useful for forms) */
+  keepMounted?: boolean;
+}
+/**
+ * Stepper — Multi-step progress indicator
+ *
+ * Features:
+ * - Horizontal layout: circles in a row with labels below, proper connectors
+ * - Vertical layout: circles on the left with labels to the right
+ * - Compact variant for tight spaces
+ * - Handles many steps gracefully without scrollbars
+ * - Clickable completed steps for navigation
+ * - Accessible: role="list", aria-current="step"
+ *
+ * @example Basic
+ * ```tsx
+ * const [step, setStep] = useState(0);
+ *
+ * <Stepper steps={["Details", "Config", "Review"]} currentStep={step}>
+ *   <StepContent step={0} currentStep={step}>
+ *     <DetailsForm onNext={() => setStep(1)} />
+ *   </StepContent>
+ * </Stepper>
+ * ```
+ *
+ * @example With step objects
+ * ```tsx
+ * <Stepper
+ *   steps={[
+ *     { label: "Account", description: "Set up your account" },
+ *     { label: "Profile", description: "Add your details", optional: true },
+ *     { label: "Complete", description: "Review and submit" },
+ *   ]}
+ *   currentStep={1}
+ *   onStepClick={(i) => setStep(i)}
+ * />
+ * ```
+ */
+declare function Stepper({
+  steps,
+  currentStep,
+  variant,
+  orientation,
+  className,
+  onStepClick,
+  children,
+  ...props
+}: StepperProps): react_jsx_runtime0.JSX.Element;
+/**
+ * StepContent — Renders content for a specific step.
+ * Only visible when `step === currentStep`.
+ *
+ * @example
+ * ```tsx
+ * <StepContent step={0} currentStep={current}>
+ *   <MyForm />
+ * </StepContent>
+ * ```
+ */
+declare function StepContent({
+  step,
+  currentStep,
+  children,
+  className,
+  keepMounted
+}: StepContentProps): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/table-wrapper.d.ts
+interface TableWrapperColumn {
+  key?: string;
+  header: ReactNode;
+  className?: string;
+  cellClassName?: string;
+  render?: (item: any, index: number) => ReactNode;
+}
+interface TableWrapperEmptyState {
+  icon?: ReactNode;
+  title?: string;
+  description?: string;
+}
+interface TableWrapperProps {
+  title?: ReactNode;
+  description?: ReactNode;
+  icon?: ReactNode;
+  children?: ReactNode;
+  columns?: TableWrapperColumn[];
+  data?: any[];
+  renderRow?: (item: any, index: number) => ReactNode;
+  emptyState?: TableWrapperEmptyState;
+  className?: string;
+  tableClassName?: string;
+  maxHeight?: string;
+}
+declare function TableWrapper({
+  title,
+  description,
+  icon,
+  children,
+  columns,
+  data,
+  renderRow,
+  emptyState,
+  className,
+  tableClassName,
+  maxHeight,
+  ...props
+}: TableWrapperProps): react_jsx_runtime0.JSX.Element;
+interface SimpleTableProps extends Omit<TableWrapperProps, "renderRow" | "children"> {
+  columns: TableWrapperColumn[];
+  data: any[];
+}
+declare function SimpleTable({
+  title,
+  data,
+  columns,
+  emptyState,
+  className,
+  ...props
+}: SimpleTableProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/tabs-wrapper.d.ts
+interface TabsWrapperProps {
+  defaultValue?: string;
+  value?: string;
+  onValueChange?: (value: string) => void;
+  children: ReactNode;
+  className?: string;
+  listClassName?: string;
+  variant?: "default" | "primary" | "secondary" | "outline" | "ghost" | "underline";
+  orientation?: "horizontal" | "vertical";
+  layout?: "default" | "flex" | "sidebar";
+}
+declare const TabsWrapper: react.NamedExoticComponent<TabsWrapperProps>;
+interface TabTriggerProps {
+  value: string;
+  children: ReactNode;
+  className?: string;
+  variant?: "default" | "primary" | "secondary" | "outline" | "ghost" | "underline";
+  icon?: ReactNode;
+  hideTextOnMobile?: boolean;
+  disabled?: boolean;
+}
+declare const TabTrigger: react.NamedExoticComponent<TabTriggerProps>;
+interface TabContentProps {
+  value: string;
+  children: ReactNode;
+  className?: string;
+  withScrollArea?: boolean;
+  scrollAreaClassName?: string;
+  padding?: boolean;
+  keepMounted?: boolean;
+}
+declare const TabContent: react.NamedExoticComponent<TabContentProps>;
+interface DynamicTabItem {
+  value: string;
+  label: ReactNode;
+  content: ReactNode;
+  icon?: ReactNode;
+  disabled?: boolean;
+  hideTextOnMobile?: boolean;
+}
+interface DynamicTabsProps {
+  tabs?: DynamicTabItem[];
+  defaultValue?: string;
+  value?: string;
+  onValueChange?: (value: string) => void;
+  variant?: "default" | "primary" | "secondary" | "outline" | "ghost" | "underline";
+  layout?: "default" | "flex" | "sidebar";
+  className?: string;
+  listClassName?: string;
+  listWrapperClassName?: string;
+  contentClassName?: string;
+  scrollable?: boolean;
+}
+declare const DynamicTabs: react.NamedExoticComponent<DynamicTabsProps>;
+//#endregion
+//#region src/components/thumbnail.d.ts
+interface ThumbnailProps {
+  src?: string;
+  alt?: string;
+  aspect?: "square" | "video" | "portrait";
+  size?: "small" | "medium" | "large" | "full";
+  className?: string;
+  fallback?: string;
+  onClick?: () => void;
+}
+declare function Thumbnail({
+  src,
+  alt,
+  aspect,
+  size,
+  className,
+  fallback,
+  onClick
+}: ThumbnailProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/tooltip-wrapper.d.ts
+interface TooltipWrapperProps {
+  children: ReactNode;
+  content: ReactNode;
+  side?: "top" | "right" | "bottom" | "left";
+  align?: "start" | "center" | "end";
+  delay?: number;
+  sideOffset?: number;
+  className?: string;
+  contentClassName?: string;
+  disabled?: boolean;
+}
+declare function TooltipWrapper({
+  children,
+  content,
+  side,
+  align,
+  delay,
+  sideOffset,
+  className,
+  contentClassName,
+  disabled,
+  ...props
+}: TooltipWrapperProps): react_jsx_runtime0.JSX.Element;
+interface ButtonTooltipProps extends Omit<TooltipWrapperProps, "content"> {
+  tooltip: ReactNode;
+  variant?: "default" | "outline" | "ghost";
+  size?: "default" | "sm" | "lg" | "icon";
+}
+declare function ButtonTooltip({
+  children,
+  tooltip,
+  variant,
+  size,
+  className,
+  ...props
+}: ButtonTooltipProps): react_jsx_runtime0.JSX.Element;
+interface IconTooltipProps extends Omit<TooltipWrapperProps, "content" | "children"> {
+  icon: ReactNode;
+  tooltip: ReactNode;
+  iconClassName?: string;
+  size?: number;
+}
+declare function IconTooltip({
+  icon,
+  tooltip,
+  className,
+  iconClassName,
+  size,
+  ...props
+}: IconTooltipProps): react_jsx_runtime0.JSX.Element;
+interface InfoTooltipProps extends Omit<TooltipWrapperProps, "content" | "children"> {
+  tooltip: ReactNode;
+  size?: number;
+}
+declare function InfoTooltip({
+  tooltip,
+  className,
+  size,
+  ...props
+}: InfoTooltipProps): react_jsx_runtime0.JSX.Element;
+interface ActionTooltipProps extends Omit<TooltipWrapperProps, "content"> {
+  tooltip: ReactNode;
+  action?: () => void;
+  variant?: "ghost" | "outline";
+  size?: "sm" | "icon";
+}
+declare function ActionTooltip({
+  children,
+  tooltip,
+  action,
+  variant,
+  size,
+  className,
+  ...props
+}: ActionTooltipProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/timeline.d.ts
+type TimelineStatus = "default" | "success" | "error" | "warning" | "pending" | "active";
+interface TimelineItem {
+  /** Title of the timeline entry */
+  title: string;
+  /** Description or content */
+  description?: react.ReactNode;
+  /** Timestamp / date string */
+  timestamp?: string;
+  /** Secondary label (e.g., user name) */
+  label?: string;
+  /** Status determines icon color and connector style */
+  status?: TimelineStatus;
+  /** Custom icon override */
+  icon?: LucideIcon | react.ReactNode;
+  /** Additional content below description */
+  content?: react.ReactNode;
+}
+interface TimelineProps {
+  items: TimelineItem[];
+  /** Layout direction */
+  orientation?: "vertical" | "horizontal";
+  /** Size variant */
+  size?: "sm" | "default" | "lg";
+  /** Show connector lines */
+  showConnectors?: boolean;
+  /** Reverse order (newest first) */
+  reverse?: boolean;
+  className?: string;
+}
+declare function Timeline({
+  items,
+  orientation,
+  size,
+  showConnectors,
+  reverse,
+  className
+}: TimelineProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/detail-view.d.ts
+interface DetailViewItemData {
+  label: string;
+  value?: react.ReactNode;
+  /** Custom render function (overrides value) */
+  render?: () => react.ReactNode;
+  /** Hide this item entirely */
+  hidden?: boolean;
+  /** Span full width (ignores columns) */
+  fullWidth?: boolean;
+  /** Additional className for the value cell */
+  className?: string;
+}
+interface DetailViewProps {
+  items?: DetailViewItemData[];
+  /** Grid columns */
+  columns?: 1 | 2 | 3;
+  /** Label placement */
+  layout?: "stacked" | "horizontal" | "inline";
+  /** Size variant */
+  size?: "sm" | "default" | "lg";
+  /** Show dividers between items */
+  dividers?: boolean;
+  /** Striped rows (stacked layout only) */
+  striped?: boolean;
+  /** Card wrapper */
+  bordered?: boolean;
+  /** Section title */
+  title?: string;
+  /** Section description */
+  description?: string;
+  className?: string;
+  children?: react.ReactNode;
+}
+declare function DetailView({
+  items,
+  columns,
+  layout,
+  size,
+  dividers,
+  striped,
+  bordered,
+  title,
+  description,
+  className,
+  children
+}: DetailViewProps): react_jsx_runtime0.JSX.Element;
+interface DetailItemProps {
+  label: string;
+  children?: react.ReactNode;
+  value?: react.ReactNode;
+  className?: string;
+  labelClassName?: string;
+  layout?: "stacked" | "horizontal" | "inline";
+}
+declare function DetailItem({
+  label,
+  children,
+  value,
+  className,
+  labelClassName,
+  layout
+}: DetailItemProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/animated-wrapper.d.ts
+/** Available entrance animation types */
+type Animation = "fadeIn" | "fadeInUp" | "scaleIn" | "slideInLeft" | "slideInRight" | "slideInUp" | "slideInDown";
+/** Slide direction for SlideIn component */
+type SlideDirection = "left" | "right" | "up" | "down";
+/** Options for the useInView hook */
+interface UseInViewOptions {
+  /** IntersectionObserver rootMargin (default: "0px") */
+  margin?: string;
+  /** Trigger only once (default: true) */
+  once?: boolean;
+  /** Enable/disable observation (default: true) */
+  enabled?: boolean;
+}
+/** Shared base props for animation components */
+interface AnimateBaseProps {
+  children?: ReactNode;
+  /** Delay in ms before animation starts */
+  delay?: number;
+  /** Animation duration in ms */
+  duration?: number;
+  /** Only animate when element scrolls into viewport */
+  inView?: boolean;
+  /** IntersectionObserver rootMargin for inView trigger */
+  inViewMargin?: string;
+  /** Fire animation only once (default: true) */
+  once?: boolean;
+  /** Disable animation entirely — renders children immediately */
+  disabled?: boolean;
+  className?: string;
+  /** HTML element to render as (default: "div") */
+  as?: ElementType;
+}
+interface SlideInProps extends AnimateBaseProps {
+  /** Direction to slide from */
+  direction?: SlideDirection;
+}
+interface StaggerChildrenProps {
+  children?: ReactNode;
+  /** Animation type for each child */
+  animation?: Animation;
+  /** Delay between each child in ms */
+  staggerDelay?: number;
+  /** Initial delay before first child animates */
+  initialDelay?: number;
+  /** Duration per child animation */
+  duration?: number;
+  inView?: boolean;
+  inViewMargin?: string;
+  once?: boolean;
+  disabled?: boolean;
+  className?: string;
+  /** Extra classes applied to each child wrapper div */
+  childClassName?: string;
+  as?: ElementType;
+}
+interface AnimatedTextProps {
+  /** The text string to animate */
+  text: string;
+  as?: ElementType;
+  animation?: Animation;
+  /** Split text by word or character */
+  splitBy?: "word" | "character";
+  /** Delay between each segment in ms */
+  staggerDelay?: number;
+  delay?: number;
+  duration?: number;
+  inView?: boolean;
+  inViewMargin?: string;
+  once?: boolean;
+  disabled?: boolean;
+  className?: string;
+  /** Extra classes on each animated text segment */
+  segmentClassName?: string;
+}
+interface AnimatedCounterProps {
+  /** Start value (default: 0) */
+  from?: number;
+  /** Target value to count to */
+  to: number;
+  /** Count-up duration in ms (default: 2000) */
+  duration?: number;
+  /** Delay before counting starts in ms */
+  delay?: number;
+  /** Intl.NumberFormat locale for number formatting (e.g. "en-US") */
+  locale?: string;
+  /** Text rendered before the number */
+  prefix?: string;
+  /** Text rendered after the number */
+  suffix?: string;
+  /** Decimal places (default: 0) */
+  decimals?: number;
+  /** Custom number formatter — overrides locale/decimals */
+  formatter?: (value: number) => string;
+  inView?: boolean;
+  inViewMargin?: string;
+  once?: boolean;
+  disabled?: boolean;
+  className?: string;
+  as?: ElementType;
+}
+/**
+ * useInView — observe when an element enters the viewport.
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<HTMLDivElement>(null);
+ * const isInView = useInView(ref, { once: true, margin: "-100px" });
+ * return <div ref={ref}>{isInView ? "Visible!" : "Hidden"}</div>;
+ * ```
+ */
+declare function useInView(ref: RefObject<Element | null>, options?: UseInViewOptions): boolean;
+/** Fade in with opacity transition */
+declare function FadeIn(props: AnimateBaseProps): react_jsx_runtime0.JSX.Element;
+/** Fade in with upward motion */
+declare function FadeInUp(props: AnimateBaseProps): react_jsx_runtime0.JSX.Element;
+/** Scale up into view */
+declare function ScaleIn(props: AnimateBaseProps): react_jsx_runtime0.JSX.Element;
+/** Slide in from a specified direction */
+declare function SlideIn({
+  direction,
+  ...props
+}: SlideInProps): react_jsx_runtime0.JSX.Element;
+declare function StaggerChildren({
+  children,
+  animation,
+  staggerDelay,
+  initialDelay,
+  duration,
+  inView,
+  inViewMargin,
+  once,
+  disabled,
+  className,
+  childClassName,
+  as
+}: StaggerChildrenProps): react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare function AnimatedText({
+  text,
+  as,
+  animation,
+  splitBy,
+  staggerDelay,
+  delay,
+  duration,
+  inView,
+  inViewMargin,
+  once,
+  disabled,
+  className,
+  segmentClassName
+}: AnimatedTextProps): react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+declare function AnimatedCounter({
+  from,
+  to,
+  duration,
+  delay,
+  locale,
+  prefix,
+  suffix,
+  decimals,
+  formatter,
+  inView,
+  inViewMargin,
+  once,
+  disabled,
+  className,
+  as
+}: AnimatedCounterProps): react.ReactElement<any, string | react.JSXElementConstructor<any>>;
+//#endregion
+export { AccordionSection, type AccordionSectionProps, ActionDropdown, type ActionDropdownItem, type ActionDropdownProps, ActionTooltip, type ActionTooltipProps, type AnimateBaseProps, AnimatedCounter, type AnimatedCounterProps, AnimatedText, type AnimatedTextProps, type Animation, ApiPagination, type ApiPaginationData, type ApiPaginationProps, ButtonTooltip, type ButtonTooltipProps, CardWrapper, type CardWrapperProps, CheckboxDropdown, type CheckboxDropdownProps, ClientSubmitButton, type ClientSubmitButtonProps, CollapsibleCard, type CollapsibleCardProps, CollapsibleSection, type CollapsibleSectionProps, CollapsibleWrapper, type CollapsibleWrapperProps, ConfirmDialog, type ConfirmDialogProps, ConfirmSheet, type ConfirmSheetProps, CopyButton, type CopyButtonProps, CopyCodeBlock, type CopyCodeBlockProps, CopyText, type CopyTextProps, CustomPagination, type CustomPaginationProps, DEFAULT_COUNTRIES, DataCard, type DataCardProps, DeleteConfirmDialog, type DeleteConfirmDialogProps, DetailItem, type DetailItemProps, DetailView, type DetailViewItemData, type DetailViewProps, DialogWrapper, type DialogWrapperProps, type DragHandleProps, DraggableCard, type DraggableCardProps, DropdownWrapper, type DropdownWrapperProps, type DynamicTabItem, DynamicTabs, type DynamicTabsProps, ErrorState, ErrorStateInline, type ErrorStateInlineProps, type ErrorStateProps, FadeIn, FadeInUp, FaqAccordion, type FaqAccordionProps, type FaqItem, FeatureItem, type FeatureItemProps, FeatureList, type FeatureListItem, type FeatureListProps, FormDialog, type FormDialogProps, FormSheet, type FormSheetProps, IconItemMedia, type IconItemMediaProps, IconTooltip, type IconTooltipProps, InfoAlert, type InfoAlertProps, InfoRow, type InfoRowProps, InfoTooltip, type InfoTooltipProps, LoadingCard, type LoadingCardProps, PaginationInfo, type PaginationInfoProps, type PhoneCountry, PhoneInput, type PhoneInputProps, Pill, PillAvatar, PillAvatarGroup, type PillAvatarGroupProps, type PillAvatarProps, PillButton, type PillButtonProps, PillDelta, type PillDeltaProps, PillIcon, type PillIconProps, PillIndicator, type PillIndicatorProps, type PillProps, PillStatus, type PillStatusProps, RadioDropdown, type RadioDropdownProps, ResponsiveSplitLayout, type ResponsiveSplitLayoutProps, ScaleIn, SelectDropdown, type SelectDropdownOption, type SelectDropdownProps, SheetWrapper, type SheetWrapperProps, SimpleTable, type SimpleTableProps, type SlideDirection, SlideIn, type SlideInProps, StaggerChildren, type StaggerChildrenProps, StatsCard, type StatsCardProps, StatusBanner, type StatusBannerProps, type StatusBannerVariant, StepContent, type StepContentProps, Stepper, type StepperProps, type StepperStep, TabContent, type TabContentProps, TabTrigger, type TabTriggerProps, TableWrapper, type TableWrapperColumn, type TableWrapperEmptyState, type TableWrapperProps, TabsWrapper, type TabsWrapperProps, Thumbnail, type ThumbnailProps, Timeline, type TimelineItem, type TimelineProps, type TimelineStatus, TooltipWrapper, type TooltipWrapperProps, type UseInViewOptions, useInView };