@classytic/fluid 0.4.2 → 0.5.0

package/dist/client/core.d.mts

@@ -1,176 +1,182 @@
-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 { A as DataCard, B as AccordionSectionProps, C as DetailItem, D as DetailViewProps, E as DetailViewItemData, F as LoadingCard, H as FaqAccordionProps, I as LoadingCardProps, L as StatsCard, M as DragHandleProps, N as DraggableCard, O as CardWrapper, P as DraggableCardProps, R as StatsCardProps, S as InfoRowProps, T as DetailView, U as FaqItem, V as FaqAccordion, _ as PillIndicatorProps, a as Pill, b as PillStatusProps, c as PillAvatarGroupProps, d as PillButtonProps, f as PillDelta, g as PillIndicator, h as PillIconProps, i as TimelineStatus, j as DataCardProps, k as CardWrapperProps, l as PillAvatarProps, m as PillIcon, n as TimelineItem, o as PillAvatar, p as PillDeltaProps, r as TimelineProps, s as PillAvatarGroup, t as Timeline, u as PillButton, v as PillProps, w as DetailItemProps, x as InfoRow, y as PillStatus, z as AccordionSection } from "../timeline-Bgu1mIe9.mjs";
+import { n as ApiPaginationData, r as ApiPaginationProps, t as ApiPagination } from "../api-pagination-C30ser2L.mjs";
+import { i as PhoneInputProps, n as PhoneCountry, r as PhoneInput, t as DEFAULT_COUNTRIES } from "../phone-input-CLH_UjQZ.mjs";
 import * as react from "react";
-import { ComponentPropsWithoutRef, ComponentType, ElementType, HTMLAttributes, ReactNode, RefObject } from "react";
-import { LucideIcon, LucideProps } from "lucide-react";
+import { ComponentPropsWithoutRef, ElementType, ReactNode, RefObject } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { LucideIcon } 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;
+//#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;
-  badge?: ReactNode;
+  /** HTML element to render as (default: "div") */
+  as?: ElementType;
 }
-/**
- * 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 SlideInProps extends AnimateBaseProps {
+  /** Direction to slide from */
+  direction?: SlideDirection;
 }
-interface FaqAccordionProps {
-  items: FaqItem[];
-  defaultOpen?: string;
+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;
-  /** Allow multiple items to be open at once */
-  multiple?: boolean;
+  /** 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;
 }
 /**
- * FaqAccordion - FAQ-style accordion where only one item can be open by default
+ * useInView — observe when an element enters the viewport.
  *
  * @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" },
- *   ]}
- * />
+ * const ref = useRef<HTMLDivElement>(null);
+ * const isInView = useInView(ref, { once: true, margin: "-100px" });
+ * return <div ref={ref}>{isInView ? "Visible!" : "Hidden"}</div>;
  * ```
  */
-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,
+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
-}: DataCardProps): react_jsx_runtime0.JSX.Element;
-interface LoadingCardProps extends Omit<CardWrapperProps, "children"> {}
-declare function LoadingCard({
-  title,
-  description,
+}: SlideInProps): react_jsx_runtime0.JSX.Element;
+declare function StaggerChildren({
+  children,
+  animation,
+  staggerDelay,
+  initialDelay,
+  duration,
+  inView,
+  inViewMargin,
+  once,
+  disabled,
   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,
+  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,
-  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,
+  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,
-  isDragging,
-  isHidden,
-  children,
-  ...props
-}: DraggableCardProps): react_jsx_runtime0.JSX.Element;
+  as
+}: AnimatedCounterProps): react.ReactElement<any, string | react.JSXElementConstructor<any>>;
 //#endregion
 //#region src/components/client-submit-button.d.ts
 interface ClientSubmitButtonProps {
@@ -420,9 +426,11 @@ interface CustomPaginationProps {
   hasNext: boolean;
   hasPrev: boolean;
   onPageChange: (page: number) => void;
+  className?: string;
 }
 declare function CustomPagination({
   page,
+  className,
   onPageChange,
   pages,
   hasPrev,
@@ -432,11 +440,13 @@ interface PaginationInfoProps {
   page: number;
   total: number;
   limit?: number;
+  className?: string;
 }
 declare function PaginationInfo({
   page,
   total,
-  limit
+  limit,
+  className
 }: PaginationInfoProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog-wrapper.d.ts
@@ -513,20 +523,31 @@ declare function FormDialog({
 interface DropdownWrapperProps {
   trigger: react.ReactNode;
   children: react.ReactNode;
+  /** Content above the menu items (plain div — no Group context needed) */
+  header?: react.ReactNode;
+  /** Content below the menu items (wrapped in Group for Base UI compat) */
+  footer?: react.ReactNode;
   align?: "start" | "center" | "end";
   side?: "top" | "right" | "bottom" | "left";
   sideOffset?: number;
   className?: string;
   contentClassName?: string;
+  /** Controlled open state */
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
 }
 declare function DropdownWrapper({
   trigger,
   children,
+  header,
+  footer,
   align,
   side,
   sideOffset,
   className,
   contentClassName,
+  open,
+  onOpenChange,
   ...props
 }: DropdownWrapperProps): react_jsx_runtime0.JSX.Element;
 interface ActionDropdownItem {
@@ -687,20 +708,6 @@ declare function ErrorStateInline({
   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
@@ -764,111 +771,28 @@ 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;
+//#region src/components/printable-view.d.ts
+interface PrintableViewProps {
+  /** Content to render inside the printable container */
+  children: React.ReactNode;
+  /** ID for the container (used by printDocument) */
+  id: string;
   className?: string;
 }
-declare function PillStatus({
+declare function PrintableView({
   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;
+  id,
+  className
+}: PrintableViewProps): react_jsx_runtime0.JSX.Element;
+interface PrintDocumentOptions {
+  /** Document title for the print window */
+  title?: string;
+  /** Additional CSS to inject */
+  styles?: string;
+  /** Copy stylesheets from parent document. Default: true */
+  copyStyles?: boolean;
 }
-declare function PillAvatarGroup({
-  children,
-  className,
-  ...props
-}: PillAvatarGroupProps): react_jsx_runtime0.JSX.Element;
+declare function printDocument(elementId: string, options?: PrintDocumentOptions): void;
 //#endregion
 //#region src/components/responsive-split-layout.d.ts
 interface PanelConfig {
@@ -1132,33 +1056,68 @@ declare function StepContent({
   keepMounted
 }: StepContentProps): react_jsx_runtime0.JSX.Element | null;
 //#endregion
+//#region src/components/submit-footer.d.ts
+interface SubmitFooterProps {
+  /** Called when Cancel is clicked */
+  onCancel?: () => void;
+  /** Called when Submit is clicked */
+  onSubmit?: () => void;
+  /** Loading state — disables both buttons, shows spinner on submit */
+  isLoading?: boolean;
+  /** Submit button label. Default: "Save" */
+  submitLabel?: string;
+  /** Cancel button label. Default: "Cancel" */
+  cancelLabel?: string;
+  /** Submit button variant. Default: "default" */
+  submitVariant?: "default" | "destructive";
+  /** Whether submit is type="submit" (for forms). Default: false */
+  formSubmit?: boolean;
+  /** Disable submit regardless of loading */
+  disabled?: boolean;
+  /** Optional content on the left side (e.g., a "Delete" button) */
+  leftContent?: React.ReactNode;
+  className?: string;
+}
+declare function SubmitFooter({
+  onCancel,
+  onSubmit,
+  isLoading,
+  submitLabel,
+  cancelLabel,
+  submitVariant,
+  formSubmit,
+  disabled,
+  leftContent,
+  className
+}: SubmitFooterProps): react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/components/table-wrapper.d.ts
-interface TableWrapperColumn {
+interface TableWrapperColumn<TData = Record<string, unknown>> {
   key?: string;
   header: ReactNode;
   className?: string;
   cellClassName?: string;
-  render?: (item: any, index: number) => ReactNode;
+  render?: (item: TData, index: number) => ReactNode;
 }
 interface TableWrapperEmptyState {
   icon?: ReactNode;
   title?: string;
   description?: string;
 }
-interface TableWrapperProps {
+interface TableWrapperProps<TData = Record<string, unknown>> {
   title?: ReactNode;
   description?: ReactNode;
   icon?: ReactNode;
   children?: ReactNode;
-  columns?: TableWrapperColumn[];
-  data?: any[];
-  renderRow?: (item: any, index: number) => ReactNode;
+  columns?: TableWrapperColumn<TData>[];
+  data?: TData[];
+  renderRow?: (item: TData, index: number) => ReactNode;
   emptyState?: TableWrapperEmptyState;
   className?: string;
   tableClassName?: string;
   maxHeight?: string;
 }
-declare function TableWrapper({
+declare function TableWrapper<TData = Record<string, unknown>>({
   title,
   description,
   icon,
@@ -1171,19 +1130,19 @@ declare function TableWrapper({
   tableClassName,
   maxHeight,
   ...props
-}: TableWrapperProps): react_jsx_runtime0.JSX.Element;
-interface SimpleTableProps extends Omit<TableWrapperProps, "renderRow" | "children"> {
-  columns: TableWrapperColumn[];
-  data: any[];
+}: TableWrapperProps<TData>): react_jsx_runtime0.JSX.Element;
+interface SimpleTableProps<TData = Record<string, unknown>> extends Omit<TableWrapperProps<TData>, "renderRow" | "children"> {
+  columns: TableWrapperColumn<TData>[];
+  data: TData[];
 }
-declare function SimpleTable({
+declare function SimpleTable<TData = Record<string, unknown>>({
   title,
   data,
   columns,
   emptyState,
   className,
   ...props
-}: SimpleTableProps): react_jsx_runtime0.JSX.Element;
+}: SimpleTableProps<TData>): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/tabs-wrapper.d.ts
 type TabPreset = "default" | "line";
@@ -1334,277 +1293,4 @@ declare function ActionTooltip({
   ...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, type TabPreset, 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 };
+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, type PrintDocumentOptions, PrintableView, type PrintableViewProps, 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, SubmitFooter, type SubmitFooterProps, TabContent, type TabContentProps, type TabPreset, 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, printDocument, useInView };