@objectifthunes/whiteboard 0.2.6 → 0.3.0

package/dist/index.d.ts

@@ -28,14 +28,6 @@ declare interface AlertProps extends HTMLAttributes<HTMLParagraphElement> {
 
 declare type AlertTone = 'error' | 'muted' | 'info' | 'success';
 
-export declare function AssetCardSkeleton(): JSX_2.Element;
-
-export declare function AssetTitle({ as, clamp, className, ...props }: AssetTitleProps): ReactElement<any, string | JSXElementConstructor<any>>;
-
-declare interface AssetTitleProps extends TypographyProps {
-    clamp?: boolean;
-}
-
 export declare function AvatarBadge({ className, ...props }: HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
 
 export declare function AvatarSkeleton(props: HTMLAttributes<HTMLDivElement>): JSX_2.Element;
@@ -82,6 +74,24 @@ declare interface CanvasStageProps extends HTMLAttributes<HTMLDivElement> {
     hint?: string;
 }
 
+/** Generic composed card skeleton — thumb + title + line + optional chips + optional actions. */
+export declare function CardSkeleton({ withThumb, chipCount, actionCount, className, ...props }: CardSkeletonProps): JSX_2.Element;
+
+declare interface CardSkeletonProps extends HTMLAttributes<HTMLLIElement> {
+    /** Show a thumbnail placeholder at the top of the card. Defaults to true. */
+    withThumb?: boolean;
+    /** Number of chip placeholders shown above the title. */
+    chipCount?: number;
+    /** Number of action-button placeholders shown at the bottom of the card. */
+    actionCount?: number;
+}
+
+export declare function CardTitle({ as, clamp, className, ...props }: CardTitleProps): ReactElement<any, string | JSXElementConstructor<any>>;
+
+declare interface CardTitleProps extends TypographyProps {
+    clamp?: boolean;
+}
+
 export declare function Chip({ className, ...props }: ChipProps): JSX_2.Element;
 
 declare type ChipProps = HTMLAttributes<HTMLSpanElement>;
@@ -142,7 +152,7 @@ export declare function computeWhiteboardRectFocus(rect: PanelRect, viewportSize
     };
 };
 
-export declare function ConfirmDialog({ open, title, message, onConfirm, onCancel, confirmLabel, loading, error, }: Props_5): ReactPortal | null;
+export declare function ConfirmDialog({ open, title, message, onConfirm, onCancel, confirmLabel, loadingLabel, loading, error, }: Props_5): ReactPortal | null;
 
 /**
  * A 2-column grid for coordinate inputs.
@@ -312,6 +322,7 @@ export declare class PanelErrorBoundary extends Component<Props_6, State> {
     render(): string | number | boolean | JSX_2.Element | Iterable<ReactNode> | null | undefined;
 }
 
+/** Skeleton for a panel body containing inputs + an optional submit button. */
 export declare function PanelFormSkeleton({ inputs, showButton, className, ...props }: PanelFormSkeletonProps): JSX_2.Element;
 
 declare interface PanelFormSkeletonProps extends HTMLAttributes<HTMLDivElement> {
@@ -330,7 +341,7 @@ export declare type PanelRect = {
 
 export declare function PanelSection({ heading, description, actions, className, children, ...props }: PanelSectionProps): JSX_2.Element;
 
-declare interface PanelSectionProps extends HTMLAttributes<HTMLDivElement> {
+declare interface PanelSectionProps extends HTMLAttributes<HTMLElement> {
     heading?: ReactNode;
     description?: ReactNode;
     actions?: ReactNode;
@@ -357,24 +368,23 @@ declare interface PickerCardProps extends HTMLAttributes<HTMLElement> {
 }
 
 /**
- * A responsive grid for picker cards.
- * Replaces `<List className="picker-grid picker-grid--elements">`, etc.
+ * Responsive grid for picker cards. Uses `repeat(auto-fill, minmax(minItemWidth, 1fr))`.
  */
-export declare function PickerGrid({ variant, className, ...props }: PickerGridProps): JSX_2.Element;
+export declare function PickerGrid({ minItemWidth, className, style, ...props }: PickerGridProps): JSX_2.Element;
 
 declare interface PickerGridProps extends HTMLAttributes<HTMLUListElement> {
-    variant: PickerGridVariant;
+    /** Minimum width (px) of each cell. The grid auto-fills as many columns as fit. */
+    minItemWidth?: number;
 }
 
-export declare function PickerGridSkeleton({ count, gridClass }: PickerGridSkeletonProps): JSX_2.Element;
+export declare function PickerGridSkeleton({ count, minItemWidth }: PickerGridSkeletonProps): JSX_2.Element;
 
 declare interface PickerGridSkeletonProps {
     count?: number;
-    gridClass: string;
+    /** Minimum width (px) per cell — should match the real grid for layout stability. */
+    minItemWidth?: number;
 }
 
-declare type PickerGridVariant = 'elements' | 'characters' | 'library';
-
 export declare function Pill({ tone, className, ...props }: PillProps): JSX_2.Element;
 
 declare interface PillProps extends HTMLAttributes<HTMLSpanElement> {
@@ -436,6 +446,8 @@ declare interface Props_5 {
     onConfirm: () => void;
     onCancel: () => void;
     confirmLabel?: string;
+    /** Label shown on the confirm button while `loading` is true. Defaults to `${confirmLabel}…`. */
+    loadingLabel?: string;
     loading?: boolean;
     error?: string | null;
 }
@@ -467,9 +479,11 @@ declare type SkeletonRadius = 'sm' | 'md' | 'pill';
 export declare function snapToWhiteboardGrid(value: number): number;
 
 /**
- * A two-column grid layout (image + content side-by-side).
- * Replaces `<div className="element-main">`, `<div className="character-main">`,
- * `<article className="user-row">`.
+ * Two- or three-column grid for media + content (+ actions) rows.
+ *
+ * - `media-content` — fixed media column + flexible content column.
+ * - `single` — one column (use as the small-screen fallback).
+ * - `media-content-actions` — auto media + flexible content + auto actions.
  */
 export declare function SplitLayout({ variant, className, ...props }: SplitLayoutProps): JSX_2.Element;
 
@@ -477,7 +491,7 @@ declare interface SplitLayoutProps extends HTMLAttributes<HTMLDivElement> {
     variant: SplitLayoutVariant;
 }
 
-declare type SplitLayoutVariant = 'element' | 'character' | 'user';
+declare type SplitLayoutVariant = 'media-content' | 'single' | 'media-content-actions';
 
 export declare function Stack({ as, size, className, ...props }: StackProps): ReactElement<any, string | JSXElementConstructor<any>>;
 
@@ -492,10 +506,6 @@ declare interface State {
     error: Error | null;
 }
 
-export declare function StoryCardSkeleton(): JSX_2.Element;
-
-export declare function StoryTitle({ as, className, ...props }: TypographyProps): ReactElement<any, string | JSXElementConstructor<any>>;
-
 /**
  * A horizontal wrapping row for chips/tags/pills/small items.
  * Replaces `<div className="element-tags-row">`, `<div className="chip-row">`,
@@ -547,14 +557,6 @@ export declare function usePanelRect(initial: {
     y: number;
 }): MutableRefObject<PanelRect>;
 
-export declare function UserCardSkeleton(): JSX_2.Element;
-
-export declare function UserListSkeleton({ count }: UserListSkeletonProps): JSX_2.Element;
-
-declare interface UserListSkeletonProps {
-    count?: number;
-}
-
 export declare function useWhiteboardLayout<T extends WidthMap>({ widths, startX, y, gap, }: UseWhiteboardLayoutOptions<T>): {
     layout: {
         startX: number;