@classytic/fluid 0.4.1 → 0.5.0

package/dist/index.d.mts

@@ -1,39 +1,33 @@
-import { a as buildSearchParams, i as buildListingStatusParams, n as SearchConfig, o as clearSearchAndFilterParams, r as buildFilterParams, s as getApiParams, t as FilterConfig } from "./filter-utils-IZ0GtuPo.mjs";
-import { t as cn } from "./utils-CDue7cEt.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as React$1 from "react";
+import { A as DataCard, B as AccordionSectionProps, C as DetailItem, D as DetailViewProps, F as LoadingCard, H as FaqAccordionProps, I as LoadingCardProps, O as CardWrapper, S as InfoRowProps, T as DetailView, V as FaqAccordion, _ as PillIndicatorProps, a as Pill, b as PillStatusProps, d as PillButtonProps, f as PillDelta, g as PillIndicator, j as DataCardProps, k as CardWrapperProps, l as PillAvatarProps, n as TimelineItem, o as PillAvatar, p as PillDeltaProps, r as TimelineProps, 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 { a as buildSearchParams, i as buildListingStatusParams, n as SearchConfig, o as clearSearchAndFilterParams, r as buildFilterParams, s as getApiParams, t as FilterConfig } from "./filter-utils-DOFTBWm1.mjs";
+import { t as cn } from "./utils-rqvYP1by.mjs";
+import * as React$2 from "react";
 import { ElementType, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/layout/section.d.ts
-type Background = "default" | "muted" | "primary" | "transparent";
-type Padding = "none" | "sm" | "md" | "lg" | "xl";
-interface SectionProps {
-  id?: string;
-  children: ReactNode;
-  className?: string;
-  background?: Background;
-  padding?: Padding;
-}
-declare function Section({
-  id,
-  children,
-  className,
-  background,
-  padding
-}: SectionProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/layout/container.d.ts
-type MaxWidth = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full";
-interface ContainerProps {
-  children: ReactNode;
+//#region src/components/detail-field.d.ts
+interface DetailFieldProps {
+  /** Field label */
+  label: string;
+  /** Field value (string, number, or ReactNode) */
+  value?: React.ReactNode;
+  /** Fallback when value is nullish. Default: "-" */
+  placeholder?: string;
   className?: string;
-  maxWidth?: MaxWidth;
+  labelClassName?: string;
+  valueClassName?: string;
+  /** Render children instead of value prop */
+  children?: React.ReactNode;
 }
-declare function Container({
-  children,
+declare function DetailField({
+  label,
+  value,
+  placeholder,
   className,
-  maxWidth
-}: ContainerProps): react_jsx_runtime0.JSX.Element;
+  labelClassName,
+  valueClassName,
+  children
+}: DetailFieldProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/display-heading.d.ts
 interface DisplayHeadingProps {
@@ -60,12 +54,132 @@ declare function DisplayHeading({
   ...props
 }: DisplayHeadingProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/components/social-icons.d.ts
-declare const FacebookIcon: () => react_jsx_runtime0.JSX.Element;
-declare const GoogleIcon: () => react_jsx_runtime0.JSX.Element;
-declare const TwitterXIcon: () => react_jsx_runtime0.JSX.Element;
-declare const InstagramIcon: () => react_jsx_runtime0.JSX.Element;
-declare const WhatsAppIcon: () => react_jsx_runtime0.JSX.Element;
+//#region src/components/empty-state.d.ts
+interface EmptyStateProps {
+  /** Title text */
+  title?: string;
+  /** Description / subtitle */
+  description?: string;
+  /** Icon element (ReactNode) — e.g. <SearchX /> or <MyCustomIcon /> */
+  icon?: React$2.ReactNode;
+  /** Primary action button */
+  action?: React$2.ReactNode;
+  /** Secondary action button */
+  secondaryAction?: React$2.ReactNode;
+  /** Visual variant */
+  variant?: "default" | "compact" | "card";
+  /** Additional className */
+  className?: string;
+  /** Children rendered below the description */
+  children?: React$2.ReactNode;
+}
+/**
+ * EmptyState — Higher-level wrapper around the composable Empty primitives.
+ *
+ * Composes: Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent
+ *
+ * @example Default
+ * ```tsx
+ * <EmptyState
+ *   title="No projects yet"
+ *   description="Create your first project to get started."
+ *   icon={<FolderPlus className="h-6 w-6" />}
+ *   action={<Button>Create Project</Button>}
+ * />
+ * ```
+ *
+ * @example Compact (inline)
+ * ```tsx
+ * <EmptyState variant="compact" title="No items" />
+ * ```
+ *
+ * @example With preset
+ * ```tsx
+ * <EmptyStateNoResults action={<Button onClick={clearFilters}>Clear filters</Button>} />
+ * ```
+ */
+declare function EmptyState({
+  title,
+  description,
+  icon,
+  action,
+  secondaryAction,
+  variant,
+  className,
+  children
+}: EmptyStateProps): react_jsx_runtime0.JSX.Element;
+type EmptyStatePresetProps = Omit<EmptyStateProps, "icon" | "title" | "description"> & {
+  title?: string;
+  description?: string;
+};
+/** No search results — with search icon */
+declare function EmptyStateNoResults(props: EmptyStatePresetProps): react_jsx_runtime0.JSX.Element;
+/** No data — with inbox icon */
+declare function EmptyStateNoData(props: EmptyStatePresetProps): react_jsx_runtime0.JSX.Element;
+/** Not found — with file-x icon */
+declare function EmptyStateNotFound(props: EmptyStatePresetProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/loading-state.d.ts
+interface LoadingStateProps {
+  /** Loading message text */
+  text?: string;
+  /** Visual variant */
+  variant?: "default" | "inline" | "overlay" | "minimal";
+  /** Spinner size */
+  size?: "sm" | "md" | "lg";
+  /** Additional className */
+  className?: string;
+}
+interface LoadingOverlayProps {
+  /** Loading message text */
+  text?: string;
+  /** Whether the overlay is visible */
+  visible?: boolean;
+  /** Additional className */
+  className?: string;
+  /** Children to render behind the overlay */
+  children?: React$2.ReactNode;
+}
+/**
+ * LoadingState — Versatile loading indicator
+ *
+ * @example Default (centered, full area)
+ * ```tsx
+ * <LoadingState text="Loading projects..." />
+ * ```
+ *
+ * @example Inline (in a row)
+ * ```tsx
+ * <LoadingState variant="inline" text="Saving..." size="sm" />
+ * ```
+ *
+ * @example Minimal (just the spinner)
+ * ```tsx
+ * <LoadingState variant="minimal" />
+ * ```
+ */
+declare function LoadingState({
+  text,
+  variant,
+  size,
+  className
+}: LoadingStateProps): react_jsx_runtime0.JSX.Element;
+/**
+ * LoadingOverlay — Renders children with an overlay spinner on top
+ *
+ * @example
+ * ```tsx
+ * <LoadingOverlay visible={isSaving} text="Saving changes...">
+ *   <MyFormContent />
+ * </LoadingOverlay>
+ * ```
+ */
+declare function LoadingOverlay({
+  text,
+  visible,
+  className,
+  children
+}: LoadingOverlayProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/skeleton-wrappers.d.ts
 interface SkeletonTableProps {
@@ -166,131 +280,83 @@ declare function SkeletonGrid({
   cardProps
 }: SkeletonGridProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/components/loading-state.d.ts
-interface LoadingStateProps {
-  /** Loading message text */
-  text?: string;
-  /** Visual variant */
-  variant?: "default" | "inline" | "overlay" | "minimal";
-  /** Spinner size */
-  size?: "sm" | "md" | "lg";
-  /** Additional className */
+//#region src/components/social-icons.d.ts
+declare const FacebookIcon: () => react_jsx_runtime0.JSX.Element;
+declare const GoogleIcon: () => react_jsx_runtime0.JSX.Element;
+declare const TwitterXIcon: () => react_jsx_runtime0.JSX.Element;
+declare const InstagramIcon: () => react_jsx_runtime0.JSX.Element;
+declare const WhatsAppIcon: () => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/stats-grid.d.ts
+interface StatsGridProps {
+  /** Responsive column counts */
+  columns?: {
+    default?: 1 | 2 | 3 | 4;
+    sm?: 1 | 2 | 3 | 4;
+    md?: 1 | 2 | 3 | 4;
+    lg?: 1 | 2 | 3 | 4;
+  };
+  /** Gap between items */
+  gap?: "sm" | "default" | "lg";
   className?: string;
+  children: React.ReactNode;
 }
-interface LoadingOverlayProps {
-  /** Loading message text */
-  text?: string;
-  /** Whether the overlay is visible */
-  visible?: boolean;
-  /** Additional className */
+declare function StatsGrid({
+  columns,
+  gap,
+  className,
+  children
+}: StatsGridProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/status-badge.d.ts
+type StatusBadgeVariant = "info" | "success" | "warning" | "error" | "neutral";
+interface StatusBadgeProps {
+  /** Semantic variant */
+  variant?: StatusBadgeVariant;
+  /** Show a colored dot indicator before text */
+  dot?: boolean;
+  /** Size */
+  size?: "sm" | "default" | "lg";
   className?: string;
-  /** Children to render behind the overlay */
-  children?: React$1.ReactNode;
+  children: React.ReactNode;
 }
-/**
- * LoadingState — Versatile loading indicator
- *
- * @example Default (centered, full area)
- * ```tsx
- * <LoadingState text="Loading projects..." />
- * ```
- *
- * @example Inline (in a row)
- * ```tsx
- * <LoadingState variant="inline" text="Saving..." size="sm" />
- * ```
- *
- * @example Minimal (just the spinner)
- * ```tsx
- * <LoadingState variant="minimal" />
- * ```
- */
-declare function LoadingState({
-  text,
+declare function StatusBadge({
   variant,
+  dot,
   size,
-  className
-}: LoadingStateProps): react_jsx_runtime0.JSX.Element;
-/**
- * LoadingOverlay — Renders children with an overlay spinner on top
- *
- * @example
- * ```tsx
- * <LoadingOverlay visible={isSaving} text="Saving changes...">
- *   <MyFormContent />
- * </LoadingOverlay>
- * ```
- */
-declare function LoadingOverlay({
-  text,
-  visible,
   className,
   children
-}: LoadingOverlayProps): react_jsx_runtime0.JSX.Element;
+}: StatusBadgeProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/components/empty-state.d.ts
-interface EmptyStateProps {
-  /** Title text */
-  title?: string;
-  /** Description / subtitle */
-  description?: string;
-  /** Icon element (ReactNode) — e.g. <SearchX /> or <MyCustomIcon /> */
-  icon?: React$1.ReactNode;
-  /** Primary action button */
-  action?: React$1.ReactNode;
-  /** Secondary action button */
-  secondaryAction?: React$1.ReactNode;
-  /** Visual variant */
-  variant?: "default" | "compact" | "card";
-  /** Additional className */
+//#region src/layout/container.d.ts
+type MaxWidth = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "full";
+interface ContainerProps {
+  children: ReactNode;
   className?: string;
-  /** Children rendered below the description */
-  children?: React$1.ReactNode;
+  maxWidth?: MaxWidth;
 }
-/**
- * EmptyState — Higher-level wrapper around the composable Empty primitives.
- *
- * Composes: Empty, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent
- *
- * @example Default
- * ```tsx
- * <EmptyState
- *   title="No projects yet"
- *   description="Create your first project to get started."
- *   icon={<FolderPlus className="h-6 w-6" />}
- *   action={<Button>Create Project</Button>}
- * />
- * ```
- *
- * @example Compact (inline)
- * ```tsx
- * <EmptyState variant="compact" title="No items" />
- * ```
- *
- * @example With preset
- * ```tsx
- * <EmptyStateNoResults action={<Button onClick={clearFilters}>Clear filters</Button>} />
- * ```
- */
-declare function EmptyState({
-  title,
-  description,
-  icon,
-  action,
-  secondaryAction,
-  variant,
+declare function Container({
+  children,
   className,
-  children
-}: EmptyStateProps): react_jsx_runtime0.JSX.Element;
-type EmptyStatePresetProps = Omit<EmptyStateProps, "icon" | "title" | "description"> & {
-  title?: string;
-  description?: string;
-};
-/** No search results — with search icon */
-declare function EmptyStateNoResults(props: EmptyStatePresetProps): react_jsx_runtime0.JSX.Element;
-/** No data — with inbox icon */
-declare function EmptyStateNoData(props: EmptyStatePresetProps): react_jsx_runtime0.JSX.Element;
-/** Not found — with file-x icon */
-declare function EmptyStateNotFound(props: EmptyStatePresetProps): react_jsx_runtime0.JSX.Element;
+  maxWidth
+}: ContainerProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/layout/section.d.ts
+type Background = "default" | "muted" | "primary" | "transparent";
+type Padding = "none" | "sm" | "md" | "lg" | "xl";
+interface SectionProps {
+  id?: string;
+  children: ReactNode;
+  className?: string;
+  background?: Background;
+  padding?: Padding;
+}
+declare function Section({
+  id,
+  children,
+  className,
+  background,
+  padding
+}: SectionProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Container, type ContainerProps, DisplayHeading, type DisplayHeadingProps, EmptyState, EmptyStateNoData, EmptyStateNoResults, EmptyStateNotFound, type EmptyStatePresetProps, type EmptyStateProps, FacebookIcon, type FilterConfig, GoogleIcon, InstagramIcon, LoadingOverlay, type LoadingOverlayProps, LoadingState, type LoadingStateProps, type SearchConfig, Section, type SectionProps, SkeletonCard, type SkeletonCardProps, SkeletonGrid, type SkeletonGridProps, SkeletonList, type SkeletonListProps, SkeletonTable, type SkeletonTableProps, TwitterXIcon, WhatsAppIcon, buildFilterParams, buildListingStatusParams, buildSearchParams, clearSearchAndFilterParams, cn, getApiParams };
+export { AccordionSection, type AccordionSectionProps, CardWrapper, type CardWrapperProps, Container, type ContainerProps, DataCard, type DataCardProps, DetailField, type DetailFieldProps, DetailItem, type DetailItemProps, DetailView, type DetailViewProps, DisplayHeading, type DisplayHeadingProps, EmptyState, EmptyStateNoData, EmptyStateNoResults, EmptyStateNotFound, type EmptyStatePresetProps, type EmptyStateProps, FacebookIcon, FaqAccordion, type FaqAccordionProps, type FilterConfig, GoogleIcon, InfoRow, type InfoRowProps, InstagramIcon, LoadingCard, type LoadingCardProps, LoadingOverlay, type LoadingOverlayProps, LoadingState, type LoadingStateProps, Pill, PillAvatar, type PillAvatarProps, PillButton, type PillButtonProps, PillDelta, type PillDeltaProps, PillIndicator, type PillIndicatorProps, type PillProps, PillStatus, type PillStatusProps, type SearchConfig, Section, type SectionProps, SkeletonCard, type SkeletonCardProps, SkeletonGrid, type SkeletonGridProps, SkeletonList, type SkeletonListProps, SkeletonTable, type SkeletonTableProps, StatsGrid, type StatsGridProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, Timeline, type TimelineItem, type TimelineProps, TwitterXIcon, WhatsAppIcon, buildFilterParams, buildListingStatusParams, buildSearchParams, clearSearchAndFilterParams, cn, getApiParams };