@limboai/react 0.1.0

package/dist/ui/core/credential/CredentialOverlayRoot.d.ts

@@ -0,0 +1,35 @@
+import type { C2PAValidationResponse } from "@limboai/node";
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { ValidationStatusType } from "../../../types";
+export interface CredentialOverlayRootProps extends HTMLAttributes<HTMLDivElement> {
+    /** Validation result from @limboai/node SDK (null if not validated yet) */
+    validation?: C2PAValidationResponse | null;
+    /** Current validation status */
+    status?: ValidationStatusType;
+    /** Children to render */
+    children: ReactNode;
+    /** Delay in ms before hiding the tooltip (default: 300ms) */
+    hideDelay?: number;
+}
+/**
+ * CredentialOverlay.Root - Provider wrapper for the CredentialOverlay compound component
+ *
+ * Provides context with validation data and visibility state to all child components.
+ * Manages tooltip visibility with configurable hide delay.
+ *
+ * @example
+ * ```tsx
+ * <CredentialOverlay.Root validation={validation} status="success">
+ *   <CredentialOverlay.Trigger className="absolute top-2 right-2">
+ *     <button className="bg-green-500 p-2 rounded-full">✓</button>
+ *   </CredentialOverlay.Trigger>
+ *
+ *   <CredentialOverlay.Content className="absolute top-12 right-0 bg-white shadow-lg rounded-lg p-4">
+ *     <Passport.Root validation={validation}>
+ *       ...
+ *     </Passport.Root>
+ *   </CredentialOverlay.Content>
+ * </CredentialOverlay.Root>
+ * ```
+ */
+export declare const CredentialOverlayRoot: import("react").ForwardRefExoticComponent<CredentialOverlayRootProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ui/core/credential/CredentialOverlayTrigger.d.ts

@@ -0,0 +1,23 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface CredentialOverlayTriggerProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    /** Use child element instead of default div */
+    asChild?: boolean;
+    /** Children to render */
+    children: ReactNode;
+}
+/**
+ * CredentialOverlay.Trigger - Trigger element for showing/hiding the overlay
+ *
+ * Attaches hover and click handlers to show/hide the tooltip.
+ * Use asChild to render your own element.
+ *
+ * @example
+ * ```tsx
+ * <CredentialOverlay.Trigger asChild>
+ *   <button className="bg-green-500 p-2 rounded-full">
+ *     <CheckIcon />
+ *   </button>
+ * </CredentialOverlay.Trigger>
+ * ```
+ */
+export declare const CredentialOverlayTrigger: import("react").ForwardRefExoticComponent<CredentialOverlayTriggerProps & import("react").RefAttributes<HTMLElement>>;

package/dist/ui/core/credential/context/CredentialBadgeContext.d.ts

@@ -0,0 +1,8 @@
+import type { ValidationStatusType } from "../../../../types";
+export interface CredentialBadgeContextValue {
+    /** Current validation status */
+    status: ValidationStatusType;
+    /** Whether the content has credentials */
+    hasCredentials: boolean;
+}
+export declare const CredentialBadgeContext: import("react").Context<CredentialBadgeContextValue | null>;

package/dist/ui/core/credential/context/CredentialOverlayContext.d.ts

@@ -0,0 +1,21 @@
+import type { C2PAValidationResponse } from "@limboai/node";
+import type { ValidationStatusType } from "../../../../types";
+export interface CredentialOverlayContextValue {
+    /** Validation result from @limboai/node SDK */
+    validation?: C2PAValidationResponse | null;
+    /** Current validation status */
+    status: ValidationStatusType;
+    /** Whether the content has credentials */
+    hasCredentials: boolean;
+    /** Whether the tooltip is visible */
+    isVisible: boolean;
+    /** Show the tooltip */
+    show: () => void;
+    /** Hide the tooltip */
+    hide: () => void;
+    /** Toggle tooltip visibility */
+    toggle: () => void;
+    /** Unique ID for aria associations */
+    overlayId: string;
+}
+export declare const CredentialOverlayContext: import("react").Context<CredentialOverlayContextValue | null>;

package/dist/ui/core/credential/context/index.d.ts

@@ -0,0 +1,2 @@
+export type { CredentialBadgeContextValue } from "./CredentialBadgeContext";
+export type { CredentialOverlayContextValue } from "./CredentialOverlayContext";

package/dist/ui/core/credential/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useCredentialBadgeContext } from "./useCredentialBadgeContext";
+export { useCredentialOverlayContext } from "./useCredentialOverlayContext";

package/dist/ui/core/credential/hooks/useCredentialBadgeContext.d.ts

@@ -0,0 +1,15 @@
+import { type CredentialBadgeContextValue } from "../context/CredentialBadgeContext";
+/**
+ * Access the CredentialBadge context
+ *
+ * Must be used within a CredentialBadge.Root component
+ *
+ * @example
+ * ```tsx
+ * function MyBadgeContent() {
+ *   const { status, hasCredentials } = useCredentialBadgeContext();
+ *   return <div>{status}</div>;
+ * }
+ * ```
+ */
+export declare function useCredentialBadgeContext(): CredentialBadgeContextValue;

package/dist/ui/core/credential/hooks/useCredentialOverlayContext.d.ts

@@ -0,0 +1,23 @@
+import { type CredentialOverlayContextValue } from "../context/CredentialOverlayContext";
+/**
+ * Access the CredentialOverlay context
+ *
+ * Must be used within a CredentialOverlay.Root component
+ *
+ * @example
+ * ```tsx
+ * function MyTrigger() {
+ *   const { show, hide, toggle, isVisible } = useCredentialOverlayContext();
+ *   return (
+ *     <button
+ *       onMouseEnter={show}
+ *       onMouseLeave={hide}
+ *       onClick={toggle}
+ *     >
+ *       {isVisible ? "Hide" : "Show"}
+ *     </button>
+ *   );
+ * }
+ * ```
+ */
+export declare function useCredentialOverlayContext(): CredentialOverlayContextValue;

package/dist/ui/core/credential/index.d.ts

@@ -0,0 +1,36 @@
+import { CredentialBadge } from "./CredentialBadge";
+export { CredentialBadge };
+/**
+ * CredentialOverlay - Headless compound component for trigger + tooltip pattern
+ *
+ * @example
+ * ```tsx
+ * import { CredentialOverlay, Passport, CredentialBadge } from "@limboai/react";
+ *
+ * <div className="relative">
+ *   <img src="/photo.jpg" />
+ *
+ *   <CredentialOverlay.Root validation={validation} status={status}>
+ *     <CredentialOverlay.Trigger className="absolute top-2 right-2">
+ *       <CredentialBadge.Root status={status} hasCredentials={hasCredentials}>
+ *         <CredentialBadge.Verified>
+ *           <button className="bg-green-500 p-2 rounded-full">✓</button>
+ *         </CredentialBadge.Verified>
+ *       </CredentialBadge.Root>
+ *     </CredentialOverlay.Trigger>
+ *
+ *     <CredentialOverlay.Content className="absolute top-12 right-0 bg-white shadow-lg rounded-lg p-4">
+ *       <Passport.Root validation={validation}>
+ *         ...
+ *       </Passport.Root>
+ *     </CredentialOverlay.Content>
+ *   </CredentialOverlay.Root>
+ * </div>
+ * ```
+ */
+export declare const CredentialOverlay: {
+    Root: import("react").ForwardRefExoticComponent<import("./CredentialOverlayRoot").CredentialOverlayRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<import("./CredentialOverlayTrigger").CredentialOverlayTriggerProps & import("react").RefAttributes<HTMLElement>>;
+    Content: import("react").ForwardRefExoticComponent<import("./CredentialOverlayContent").CredentialOverlayContentProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { useCredentialBadgeContext, useCredentialOverlayContext, } from "./hooks";

package/dist/ui/core/index.d.ts

@@ -0,0 +1,2 @@
+export { CredentialBadge, CredentialOverlay, useCredentialBadgeContext, useCredentialOverlayContext, } from "./credential";
+export { Passport, usePassportContext, usePassportData, } from "./passport";

package/dist/ui/core/passport/PassportActions.d.ts

@@ -0,0 +1,27 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface PassportActionsProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Render function for custom layout */
+    children?: (actions: string[]) => ReactNode;
+}
+/**
+ * Passport.Actions - Display actions from the manifest
+ *
+ * Renders actions using a render prop for full styling control.
+ * Returns null if there are no actions.
+ *
+ * @example
+ * ```tsx
+ * <Passport.Actions className="mt-4">
+ *   {(actions) => (
+ *     <div className="flex gap-2">
+ *       {actions.map((action) => (
+ *         <span key={action} className="tag bg-gray-100 px-2 py-1 rounded">
+ *           {action}
+ *         </span>
+ *       ))}
+ *     </div>
+ *   )}
+ * </Passport.Actions>
+ * ```
+ */
+export declare const PassportActions: import("react").ForwardRefExoticComponent<PassportActionsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ui/core/passport/PassportCopyButton.d.ts

@@ -0,0 +1,38 @@
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+export interface PassportCopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    /** Use child element instead of default button */
+    asChild?: boolean;
+    /** Custom element to render (only used with asChild) */
+    children?: ReactNode;
+}
+/**
+ * Passport.CopyButton - Copy validation JSON to clipboard
+ *
+ * Renders a button that copies the validation JSON to clipboard.
+ * Supports pending state from React 19's useActionState.
+ * Use asChild to provide your own button element.
+ *
+ * @example
+ * ```tsx
+ * // Default button
+ * <Passport.CopyButton className="btn" />
+ *
+ * // Custom button with asChild
+ * <Passport.CopyButton asChild>
+ *   <button className="my-button">
+ *     Copy JSON
+ *   </button>
+ * </Passport.CopyButton>
+ *
+ * // Access pending state in custom component
+ * function CustomCopyButton() {
+ *   const { copyJson, copied, isPending } = usePassportContext();
+ *   return (
+ *     <button onClick={copyJson} disabled={isPending}>
+ *       {isPending ? "Copying..." : copied ? "Copied!" : "Copy"}
+ *     </button>
+ *   );
+ * }
+ * ```
+ */
+export declare const PassportCopyButton: import("react").ForwardRefExoticComponent<PassportCopyButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/ui/core/passport/PassportField.d.ts

@@ -0,0 +1,39 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import { type PassportFieldNameType } from "../../../types";
+export interface PassportFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Field name to display */
+    name: PassportFieldNameType;
+    /** Custom label (overrides default) */
+    label?: string;
+    /** Render function for custom layout */
+    children?: (props: {
+        label: string;
+        value: string;
+    }) => ReactNode;
+}
+/**
+ * Passport.Field - Display a field from the passport data
+ *
+ * Automatically fills the value from context based on the field name.
+ * Use a render function for complete control over layout.
+ *
+ * @example
+ * ```tsx
+ * // Simple usage with default rendering
+ * <Passport.Field name="issuer" className="mb-2" />
+ *
+ * // Custom label
+ * <Passport.Field name="date" label="Signed on" />
+ *
+ * // Render function for custom layout
+ * <Passport.Field name="issuer">
+ *   {({ label, value }) => (
+ *     <div className="flex justify-between">
+ *       <span className="font-bold">{label}</span>
+ *       <span>{value}</span>
+ *     </div>
+ *   )}
+ * </Passport.Field>
+ * ```
+ */
+export declare const PassportField: import("react").ForwardRefExoticComponent<PassportFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ui/core/passport/PassportFooter.d.ts

@@ -0,0 +1,20 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface PassportFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /** Children to render in the footer */
+    children?: ReactNode;
+}
+/**
+ * Passport.Footer - Footer slot for the Passport
+ *
+ * A simple div wrapper for footer content. Style it yourself.
+ *
+ * @example
+ * ```tsx
+ * <Passport.Footer className="mt-4 border-t pt-4 flex justify-end">
+ *   <Passport.CopyButton asChild>
+ *     <button className="btn-primary">Copy JSON</button>
+ *   </Passport.CopyButton>
+ * </Passport.Footer>
+ * ```
+ */
+export declare const PassportFooter: import("react").ForwardRefExoticComponent<PassportFooterProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ui/core/passport/PassportHeader.d.ts

@@ -0,0 +1,19 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface PassportHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /** Children to render in the header */
+    children?: ReactNode;
+}
+/**
+ * Passport.Header - Header slot for the Passport
+ *
+ * A simple div wrapper for header content. Style it yourself.
+ *
+ * @example
+ * ```tsx
+ * <Passport.Header className="flex items-center gap-2 mb-4">
+ *   <Passport.Logo className="w-6 h-6" />
+ *   <Passport.Title className="text-lg font-bold" />
+ * </Passport.Header>
+ * ```
+ */
+export declare const PassportHeader: import("react").ForwardRefExoticComponent<PassportHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ui/core/passport/PassportIdentities.d.ts

@@ -0,0 +1,35 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { IdentityInfo } from "../../../types";
+export interface PassportIdentitiesProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Render function for custom layout */
+    children?: (identities: IdentityInfo[]) => ReactNode;
+}
+/**
+ * Passport.Identities - Display verified identities from the manifest
+ *
+ * Renders identities using a render prop for full styling control.
+ * Returns null if there are no identities.
+ *
+ * @example
+ * ```tsx
+ * <Passport.Identities className="mt-4">
+ *   {(identities) => (
+ *     <ul className="space-y-2">
+ *       {identities.map((identity) => (
+ *         <li key={identity.provider} className="flex items-center gap-2">
+ *           {identity.provider === "LinkedIn" && <LinkedInIcon />}
+ *           {identity.uri ? (
+ *             <a href={identity.uri} target="_blank" rel="noopener noreferrer">
+ *               {identity.username}
+ *             </a>
+ *           ) : (
+ *             <span>{identity.username}</span>
+ *           )}
+ *         </li>
+ *       ))}
+ *     </ul>
+ *   )}
+ * </Passport.Identities>
+ * ```
+ */
+export declare const PassportIdentities: import("react").ForwardRefExoticComponent<PassportIdentitiesProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ui/core/passport/PassportLogo.d.ts

@@ -0,0 +1,25 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface PassportLogoProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    /** Use child element instead of default logo */
+    asChild?: boolean;
+    /** Custom element to render (only used with asChild) */
+    children?: ReactNode;
+}
+/**
+ * Passport.Logo - Logo for the Passport
+ *
+ * Renders the Content Credentials logo by default.
+ * Use asChild to provide your own logo element.
+ *
+ * @example
+ * ```tsx
+ * // Default logo
+ * <Passport.Logo className="w-6 h-6" />
+ *
+ * // Custom logo with asChild
+ * <Passport.Logo asChild>
+ *   <img src="/my-logo.svg" alt="Logo" className="w-6 h-6" />
+ * </Passport.Logo>
+ * ```
+ */
+export declare const PassportLogo: import("react").ForwardRefExoticComponent<PassportLogoProps & import("react").RefAttributes<HTMLElement>>;

package/dist/ui/core/passport/PassportRoot.d.ts

@@ -0,0 +1,24 @@
+import type { C2PAValidationResponse } from "@limboai/node";
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface PassportRootProps extends HTMLAttributes<HTMLDivElement> {
+    /** Validation result from @limboai/node SDK */
+    validation: C2PAValidationResponse;
+    /** Children to render */
+    children: ReactNode;
+}
+/**
+ * Passport.Root - Provider wrapper for the Passport compound component
+ *
+ * Provides context with processed validation data to all child components.
+ * Uses React 19's useTransition for non-blocking copy operations.
+ *
+ * @example
+ * ```tsx
+ * <Passport.Root validation={validation} className="my-tooltip bg-white p-4 rounded">
+ *   <Passport.Header />
+ *   <Passport.Field name="issuer" />
+ *   <Passport.Footer />
+ * </Passport.Root>
+ * ```
+ */
+export declare const PassportRoot: import("react").ForwardRefExoticComponent<PassportRootProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ui/core/passport/PassportSigners.d.ts

@@ -0,0 +1,28 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import type { SignerInfo } from "../../../types";
+export interface PassportSignersProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Render function for custom layout */
+    children?: (signers: SignerInfo[]) => ReactNode;
+}
+/**
+ * Passport.Signers - Display previous signers in the manifest chain
+ *
+ * Renders signers using a render prop for full styling control.
+ * Returns null if there are no previous signers.
+ *
+ * @example
+ * ```tsx
+ * <Passport.Signers className="mt-4">
+ *   {(signers) => (
+ *     <ul className="space-y-1">
+ *       {signers.map((signer) => (
+ *         <li key={signer.id} className="text-sm text-gray-600">
+ *           {signer.label}
+ *         </li>
+ *       ))}
+ *     </ul>
+ *   )}
+ * </Passport.Signers>
+ * ```
+ */
+export declare const PassportSigners: import("react").ForwardRefExoticComponent<PassportSignersProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/ui/core/passport/PassportTitle.d.ts

@@ -0,0 +1,30 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface PassportTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /** Use child element as the title element */
+    asChild?: boolean;
+    /** Children to render (if not provided, renders "Content Credentials") */
+    children?: ReactNode;
+}
+/**
+ * Passport.Title - Title for the Passport
+ *
+ * Renders a heading with the passport title. Defaults to "Content Credentials"
+ * if no children are provided.
+ *
+ * @example
+ * ```tsx
+ * // Default title
+ * <Passport.Title className="text-lg font-bold" />
+ *
+ * // Custom title
+ * <Passport.Title className="text-lg font-bold">
+ *   My Custom Title
+ * </Passport.Title>
+ *
+ * // With asChild
+ * <Passport.Title asChild>
+ *   <h1 className="custom-heading">Content Credentials</h1>
+ * </Passport.Title>
+ * ```
+ */
+export declare const PassportTitle: import("react").ForwardRefExoticComponent<PassportTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/ui/core/passport/context/PassportContext.d.ts

@@ -0,0 +1,12 @@
+import type { PassportData } from "../../../../types";
+export interface PassportContextValue extends PassportData {
+    /** Copy validation JSON to clipboard */
+    copyJson: () => Promise<boolean>;
+    /** Whether the JSON was recently copied */
+    copied: boolean;
+    /** Whether a copy action is in progress */
+    isPending: boolean;
+    /** Unique ID for the title element (for aria-labelledby) */
+    titleId: string;
+}
+export declare const PassportContext: import("react").Context<PassportContextValue | null>;

package/dist/ui/core/passport/context/index.d.ts

@@ -0,0 +1 @@
+export type { PassportContextValue } from "./PassportContext";

package/dist/ui/core/passport/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { usePassportContext } from "./usePassportContext";
+export { usePassportData } from "./usePassportData";

package/dist/ui/core/passport/hooks/usePassportContext.d.ts

@@ -0,0 +1,20 @@
+import { type PassportContextValue } from "../context/PassportContext";
+/**
+ * Access the Passport context
+ *
+ * Must be used within a Passport.Root component
+ *
+ * @example
+ * ```tsx
+ * function MyCustomField() {
+ *   const { issuer, issuedDate, copied, isPending } = usePassportContext();
+ *   return (
+ *     <div>
+ *       <p>{issuer} - {issuedDate}</p>
+ *       {isPending && <span>Copying...</span>}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function usePassportContext(): PassportContextValue;

package/dist/ui/core/passport/hooks/usePassportData.d.ts

@@ -0,0 +1,22 @@
+import type { C2PAValidationResponse } from "@limboai/node";
+import type { PassportData } from "../../../../types";
+/**
+ * Hook to extract and process data from a C2PA validation response
+ *
+ * Extracts issuer, date, actions, identities, and signers from the validation
+ * response for easy consumption by Passport components.
+ *
+ * @example
+ * ```tsx
+ * const { issuer, issuedDate, actions, verifiedIdentities, previousSigners } =
+ *   usePassportData(validation);
+ *
+ * return (
+ *   <div>
+ *     <p>Issued by: {issuer}</p>
+ *     <p>Date: {issuedDate}</p>
+ *   </div>
+ * );
+ * ```
+ */
+export declare function usePassportData(validation: C2PAValidationResponse): PassportData;

package/dist/ui/core/passport/index.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Passport - Headless compound component for displaying C2PA content credentials
+ *
+ * @example
+ * ```tsx
+ * import { Passport } from "@limboai/react";
+ *
+ * <Passport.Root validation={validation} className="my-tooltip">
+ *   <Passport.Header className="flex items-center gap-2">
+ *     <Passport.Logo className="w-6 h-6" />
+ *     <Passport.Title className="text-lg font-bold" />
+ *   </Passport.Header>
+ *
+ *   <Passport.Field name="issuer" className="my-field" />
+ *   <Passport.Field name="date" className="my-field" />
+ *
+ *   <Passport.Actions className="mt-4">
+ *     {(actions) => actions.map(a => <span key={a} className="tag">{a}</span>)}
+ *   </Passport.Actions>
+ *
+ *   <Passport.Identities>
+ *     {(identities) => identities.map(id => <MyIdentityCard key={id.provider} {...id} />)}
+ *   </Passport.Identities>
+ *
+ *   <Passport.Signers>
+ *     {(signers) => signers.map(s => <MySignerRow key={s.id} {...s} />)}
+ *   </Passport.Signers>
+ *
+ *   <Passport.Footer className="mt-4 border-t pt-4">
+ *     <Passport.CopyButton asChild>
+ *       <button className="btn-primary">Copy JSON</button>
+ *     </Passport.CopyButton>
+ *   </Passport.Footer>
+ * </Passport.Root>
+ * ```
+ */
+export declare const Passport: {
+    Root: import("react").ForwardRefExoticComponent<import("./PassportRoot").PassportRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<import("./PassportHeader").PassportHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<import("./PassportTitle").PassportTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+    Logo: import("react").ForwardRefExoticComponent<import("./PassportLogo").PassportLogoProps & import("react").RefAttributes<HTMLElement>>;
+    Field: import("react").ForwardRefExoticComponent<import("./PassportField").PassportFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+    Actions: import("react").ForwardRefExoticComponent<import("./PassportActions").PassportActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+    Identities: import("react").ForwardRefExoticComponent<import("./PassportIdentities").PassportIdentitiesProps & import("react").RefAttributes<HTMLDivElement>>;
+    Signers: import("react").ForwardRefExoticComponent<import("./PassportSigners").PassportSignersProps & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<import("./PassportFooter").PassportFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+    CopyButton: import("react").ForwardRefExoticComponent<import("./PassportCopyButton").PassportCopyButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export { usePassportContext, usePassportData } from "./hooks";

package/dist/ui/default/LimboBadge.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties, FC } from "react";
+import { type BadgePositionType, type ThemeType } from "./constants";
+export interface LimboBadgeProps {
+    /** Position of the badge */
+    position?: BadgePositionType;
+    /** Theme for the badge */
+    theme?: ThemeType;
+    /** Click handler */
+    onClick?: () => void;
+    /** Mouse enter handler */
+    onMouseEnter?: () => void;
+    /** Mouse leave handler */
+    onMouseLeave?: () => void;
+    /** Additional inline styles */
+    style?: CSSProperties;
+}
+/**
+ * LimboBadge - Pre-styled badge component with CRLogo
+ *
+ * A ready-to-use badge for displaying content credentials status.
+ */
+export declare const LimboBadge: FC<LimboBadgeProps>;