@overmap-ai/blocks 1.0.37 → 1.0.39-alpha.0

package/dist/AlertDialog/Content.d.ts

@@ -1,7 +1,14 @@
+import { ComponentPropsWithRef } from 'react';
 import { AlertDialogVariantProps } from './typings';
-/// <reference types="react" />
 import * as RadixAlertDialog from "@radix-ui/react-alert-dialog";
-export interface AlertDialogContentProps extends RadixAlertDialog.AlertDialogContentProps, AlertDialogVariantProps {
+export interface AlertDialogContentProps extends ComponentPropsWithRef<typeof RadixAlertDialog.Content>, AlertDialogVariantProps {
     container?: RadixAlertDialog.AlertDialogPortalProps["container"];
 }
-export declare const AlertDialogContent: import('react').ForwardRefExoticComponent<AlertDialogContentProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Content container for AlertDialog with overlay and portal rendering.
+ * Displays critical messages requiring user acknowledgment.
+ *
+ * @param {AlertDialogSize} [size="md"] - Dialog size
+ * @param container {RadixAlertDialog.AlertDialogPortalProps["container"]} - Portal container element
+ */
+export declare const AlertDialogContent: import('react').NamedExoticComponent<AlertDialogContentProps>;

package/dist/AlertDialog/Provider.d.ts

@@ -1,2 +1,8 @@
-import { PropsWithChildren } from 'react';
-export declare const AlertDialogProvider: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+/**
+ * Provider component for programmatic alert dialogs.
+ * Manages alert dialog state and provides context for opening dialogs imperatively.
+ */
+export declare const AlertDialogProvider: import('react').NamedExoticComponent<{
+    children?: import('react').ReactNode;
+}>;

package/dist/AlertDialog/index.d.ts

@@ -5,7 +5,7 @@ export * from './hooks';
 export * from './Provider';
 export * from './typings';
 export declare const AlertDialog: {
-    Content: import('react').ForwardRefExoticComponent<import('./Content').AlertDialogContentProps & import('react').RefAttributes<HTMLDivElement>>;
+    Content: import('react').NamedExoticComponent<import('./Content').AlertDialogContentProps>;
     Trigger: import('react').ForwardRefExoticComponent<RadixAlertDialog.AlertDialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
     Root: import('react').FC<RadixAlertDialog.AlertDialogProps>;
     Title: import('react').ForwardRefExoticComponent<RadixAlertDialog.AlertDialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;

package/dist/Avatar/Fallback.d.ts

@@ -1,5 +1,9 @@
-/// <reference types="react" />
+import { ComponentPropsWithRef } from 'react';
 import * as RadixAvatar from "@radix-ui/react-avatar";
-export interface AvatarFallbackProps extends RadixAvatar.AvatarFallbackProps {
+export interface AvatarFallbackProps extends ComponentPropsWithRef<typeof RadixAvatar.AvatarFallback> {
 }
-export declare const AvatarFallback: import('react').ForwardRefExoticComponent<AvatarFallbackProps & import('react').RefAttributes<HTMLSpanElement>>;
+/**
+ * Fallback content for Avatar when image fails to load.
+ * Typically displays user initials or placeholder icon.
+ */
+export declare const AvatarFallback: import('react').NamedExoticComponent<AvatarFallbackProps>;

package/dist/Avatar/Image.d.ts

@@ -1,5 +1,9 @@
-/// <reference types="react" />
+import { ComponentPropsWithRef } from 'react';
 import * as RadixAvatar from "@radix-ui/react-avatar";
-export interface AvatarImageProps extends RadixAvatar.AvatarImageProps {
+export interface AvatarImageProps extends ComponentPropsWithRef<typeof RadixAvatar.Image> {
 }
-export declare const AvatarImage: import('react').ForwardRefExoticComponent<AvatarImageProps & import('react').RefAttributes<HTMLImageElement>>;
+/**
+ * Image component for Avatar.
+ * Handles loading and display of user profile images.
+ */
+export declare const AvatarImage: import('react').NamedExoticComponent<AvatarImageProps>;

package/dist/Avatar/Root.d.ts

@@ -1,6 +1,15 @@
+import { ComponentPropsWithRef } from 'react';
 import { AvatarVariantProps } from './typings';
-/// <reference types="react" />
 import * as RadixAvatar from "@radix-ui/react-avatar";
-export interface AvatarRootProps extends RadixAvatar.AvatarProps, AvatarVariantProps {
+export interface AvatarRootProps extends ComponentPropsWithRef<typeof RadixAvatar.Root>, AvatarVariantProps {
 }
-export declare const AvatarRoot: import('react').ForwardRefExoticComponent<AvatarRootProps & import('react').RefAttributes<HTMLSpanElement>>;
+/**
+ * Root container for Avatar component.
+ * Displays user profile images with fallback support.
+ *
+ * @param [size="md"] {AvatarSize} - Avatar size
+ * @param [variant="solid"] {AvatarVariant} - Visual style
+ * @param accentColor {string} - Theme color
+ * @param radius {ComponentRadius} - Border radius
+ */
+export declare const AvatarRoot: import('react').NamedExoticComponent<AvatarRootProps>;

package/dist/Avatar/index.d.ts

@@ -4,7 +4,7 @@ export * from './Image';
 export * from './Root';
 export * from './typings';
 export declare const Avatar: {
-    Fallback: import('react').ForwardRefExoticComponent<import('./Fallback').AvatarFallbackProps & import('react').RefAttributes<HTMLSpanElement>>;
-    Image: import('react').ForwardRefExoticComponent<import('./Image').AvatarImageProps & import('react').RefAttributes<HTMLImageElement>>;
-    Root: import('react').ForwardRefExoticComponent<import('./Root').AvatarRootProps & import('react').RefAttributes<HTMLSpanElement>>;
+    Fallback: import('react').NamedExoticComponent<import('./Fallback').AvatarFallbackProps>;
+    Image: import('react').NamedExoticComponent<import('./Image').AvatarImageProps>;
+    Root: import('react').NamedExoticComponent<import('./Root').AvatarRootProps>;
 };

package/dist/Badge/Badge.d.ts

@@ -1,5 +1,15 @@
-import { ComponentProps } from 'react';
+import { ComponentPropsWithRef } from 'react';
 import { BadgeVariantProps } from './typings';
-export interface BadgeProps extends ComponentProps<"span">, BadgeVariantProps {
+export interface BadgeProps extends ComponentPropsWithRef<"span">, BadgeVariantProps {
 }
-export declare const Badge: import('react').ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+/**
+ * Badge component for displaying status indicators, labels, or counts.
+ * Supports multiple variants and sizes.
+ *
+ * @param [variant="solid"] {BadgeVariant} - Visual style
+ * @param [size="md"] {BadgeSize} - Badge size
+ * @param [icon=false] {boolean} - Whether badge contains only an icon
+ * @param accentColor {string} - Theme color
+ * @param {ComponentRadius} radius - Border radius
+ */
+export declare const Badge: import('react').NamedExoticComponent<BadgeProps>;

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -3,7 +3,13 @@ import { ButtonVariantProps } from '../Buttons';
 import { AccentColorProps } from '../typings';
 export interface ButtonGroupProps extends PropsWithoutRef<ComponentProps<"div">>, ButtonVariantProps, AccentColorProps {
 }
-export declare const ButtonGroup: {
-    (props: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * Container for grouping multiple buttons with shared styling.
+ * Provides consistent variant, size, and theme to child buttons.
+ *
+ * @param [variant="solid"] {ButtonVariant} - Button style variant
+ * @param {ButtonSize} [size="md"] - Button size
+ * @param radius {ComponentRadius} - Border radius
+ * @param accentColor {string} - Theme color
+ */
+export declare const ButtonGroup: import('react').NamedExoticComponent<ButtonGroupProps>;

package/dist/Buttons/Button.d.ts

@@ -1,5 +1,14 @@
-import { ComponentProps, PropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 import { ButtonVariantProps } from './typings';
-export interface ButtonProps extends ButtonVariantProps, PropsWithoutRef<ComponentProps<"button">> {
+export interface ButtonProps extends ButtonVariantProps, ComponentPropsWithRef<"button"> {
 }
-export declare const Button: import('react').NamedExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+/**
+ * Primary button component for user interactions.
+ * Supports multiple variants, sizes, and theme colors.
+ *
+ * @param [variant="solid"] {ButtonVariant} - Button style variant
+ * @param [size="md"] {ButtonSize} - Button size
+ * @param radius {ComponentRadius} - Border radius
+ * @param accentColor {string} - Theme color
+ */
+export declare const Button: import('react').NamedExoticComponent<ButtonProps>;

package/dist/Buttons/IconButton.d.ts

@@ -1,6 +1,15 @@
-import { ComponentProps, PropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 import { AccentColorProps } from '../typings';
 import { ButtonVariantProps } from './typings';
-export interface IconButtonProps extends ButtonVariantProps, PropsWithoutRef<ComponentProps<"button">>, AccentColorProps {
+export interface IconButtonProps extends ButtonVariantProps, ComponentPropsWithRef<"button">, AccentColorProps {
 }
-export declare const IconButton: import('react').NamedExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+/**
+ * Square button optimized for icon-only content.
+ * Maintains 1:1 aspect ratio for consistent icon display.
+ *
+ * @param [variant="solid"] {ButtonVariant} - Button style variant
+ * @param [size="md"] {ButtonSize} - Button size
+ * @param radius {ComponentRadius} - Border radius
+ * @param accentColor {string} - Theme color
+ */
+export declare const IconButton: import('react').NamedExoticComponent<IconButtonProps>;

package/dist/Card/Card.d.ts

@@ -1,5 +1,14 @@
-import { ComponentProps, PropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 import { CardVariantProps } from './typings';
-export interface CardProps extends PropsWithoutRef<ComponentProps<"div">>, CardVariantProps {
+export interface CardProps extends ComponentPropsWithRef<"div">, CardVariantProps {
 }
-export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Container component for grouped content with visual separation.
+ * Provides elevated or outlined appearance for content sections.
+ *
+ * @param {CardSize} [size="md"] - Card padding size
+ * @param [variant="surface"] {CardVariant} - Visual style
+ * @param accentColor {string} - Theme color
+ * @param radius {ComponentRadius} - Border radius
+ */
+export declare const Card: import('react').NamedExoticComponent<CardProps>;

package/dist/Checkbox/Indicator.d.ts

@@ -1,5 +1,9 @@
-/// <reference types="react" />
+import { ComponentPropsWithRef } from 'react';
 import * as RadixCheckbox from "@radix-ui/react-checkbox";
-export interface CheckboxIndicatorProps extends RadixCheckbox.CheckboxIndicatorProps {
+export interface CheckboxIndicatorProps extends ComponentPropsWithRef<typeof RadixCheckbox.CheckboxIndicator> {
 }
-export declare const CheckboxIndicator: import('react').ForwardRefExoticComponent<CheckboxIndicatorProps & import('react').RefAttributes<HTMLSpanElement>>;
+/**
+ * The visual indicator that appears inside a checkbox when it's checked.
+ * Automatically handles checked/indeterminate state display.
+ */
+export declare const CheckboxIndicator: import('react').NamedExoticComponent<CheckboxIndicatorProps>;

package/dist/Checkbox/Root.d.ts

@@ -1,6 +1,15 @@
+import { ComponentPropsWithRef } from 'react';
 import { CheckboxVariantProps } from './typings';
-/// <reference types="react" />
 import * as RadixCheckbox from "@radix-ui/react-checkbox";
-export interface CheckboxRootProps extends CheckboxVariantProps, RadixCheckbox.CheckboxProps {
+export interface CheckboxRootProps extends CheckboxVariantProps, ComponentPropsWithRef<typeof RadixCheckbox.Root> {
 }
-export declare const CheckboxRoot: import('react').ForwardRefExoticComponent<CheckboxRootProps & import('react').RefAttributes<HTMLButtonElement>>;
+/**
+ * A customizable checkbox component that supports various styles and sizes.
+ * Built on top of Radix UI Checkbox primitive with enhanced styling options.
+ *
+ * @param [variant="surface"] {CheckboxVariant} - Visual style variant
+ * @param [size="md"] {CheckboxSize} - Size of the checkbox
+ * @param radius {ComponentRadius} - Border radius override
+ * @param accentColor {string} - Accent color override
+ */
+export declare const CheckboxRoot: import('react').NamedExoticComponent<CheckboxRootProps>;

package/dist/Checkbox/index.d.ts

@@ -3,6 +3,6 @@ export * from './Indicator';
 export * from './Root';
 export * from './typings';
 export declare const Checkbox: {
-    Root: import('react').ForwardRefExoticComponent<import('./Root').CheckboxRootProps & import('react').RefAttributes<HTMLButtonElement>>;
-    Indicator: import('react').ForwardRefExoticComponent<import('./Indicator').CheckboxIndicatorProps & import('react').RefAttributes<HTMLSpanElement>>;
+    Root: import('react').NamedExoticComponent<import('./Root').CheckboxRootProps>;
+    Indicator: import('react').NamedExoticComponent<import('./Indicator').CheckboxIndicatorProps>;
 };

package/dist/CheckboxGroup/Item.d.ts

@@ -4,4 +4,14 @@ import * as RadixCheckbox from "@radix-ui/react-checkbox";
 export interface CheckboxGroupItemProps extends Omit<ComponentPropsWithRef<typeof RadixCheckbox.Root>, "checked" | "defaultChecked" | "onCheckedChange" | "name">, CheckboxGroupVariantProps {
     value: string;
 }
+/**
+ * An individual checkbox item within a CheckboxGroup.
+ * Inherits styling and behavior from its parent CheckboxGroupRoot.
+ *
+ * @param value - Unique identifier for this checkbox item (required)
+ * @param variant - Visual style variant override (default: inherited from group)
+ * @param size - Size override (default: inherited from group)
+ * @param radius - Border radius override (default: inherited from group)
+ * @param disabled - Whether this specific item is disabled
+ */
 export declare const CheckboxGroupItem: import('react').NamedExoticComponent<CheckboxGroupItemProps>;

package/dist/CheckboxGroup/Root.d.ts

@@ -7,4 +7,16 @@ export interface CheckboxGroupRootProps extends MultiSelectProps<string>, Compon
     required?: ComponentProps<typeof RadixCheckbox.Root>["required"];
     disabled?: ComponentProps<typeof RadixCheckbox.Root>["disabled"];
 }
+/**
+ * A container component that manages a group of related checkboxes with shared state.
+ * Provides multi-select functionality and consistent styling across all checkbox items.
+ *
+ * @param variant - Visual style variant applied to child checkboxes (default: "surface")
+ * @param size - Size applied to child checkboxes (default: "md")
+ * @param radius - Border radius override (default: provider value)
+ * @param accentColor - Accent color override (default: provider value)
+ * @param name - Form name for all checkboxes in the group
+ * @param required - Whether any checkbox in the group is required
+ * @param disabled - Whether all checkboxes in the group are disabled
+ */
 export declare const CheckboxGroupRoot: import('react').NamedExoticComponent<CheckboxGroupRootProps>;

package/dist/CheckboxGroup/SelectAllItem.d.ts

@@ -3,4 +3,13 @@ import { CheckboxGroupVariantProps } from './typings';
 import * as RadixCheckbox from "@radix-ui/react-checkbox";
 export interface CheckboxGroupSelectAllItemProps extends Omit<ComponentPropsWithRef<typeof RadixCheckbox.Root>, "checked" | "defaultChecked" | "onCheckedChange" | "name">, CheckboxGroupVariantProps {
 }
+/**
+ * A special checkbox that controls the selection state of all items in a CheckboxGroup.
+ * Shows checked when all items are selected, indeterminate when some are selected, and unchecked when none are selected.
+ *
+ * @param variant - Visual style variant override (default: inherited from group)
+ * @param size - Size override (default: inherited from group)
+ * @param radius - Border radius override (default: inherited from group)
+ * @param disabled - Whether this select all item is disabled
+ */
 export declare const CheckboxGroupSelectAllItem: import('react').NamedExoticComponent<CheckboxGroupSelectAllItemProps>;

package/dist/CommandMenu/CheckboxIndicator.d.ts

@@ -3,4 +3,4 @@ import { CheckedState } from './typings';
 export interface CommandMenuCheckboxIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
     children: ReactNode | ((checked: CheckedState) => ReactNode);
 }
-export declare const CommandMenuCheckboxIndicator: (props: CommandMenuCheckboxIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommandMenuCheckboxIndicator: import('react').MemoExoticComponent<(props: CommandMenuCheckboxIndicatorProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/CommandMenu/CheckboxItem.d.ts

@@ -4,4 +4,4 @@ export interface CommandMenuCheckboxItemProps extends CommandMenuItemProps {
     checked: CheckedState;
     onCheckedChange: (checked: boolean) => void;
 }
-export declare const CommandMenuCheckboxItem: (props: CommandMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommandMenuCheckboxItem: import('react').MemoExoticComponent<(props: CommandMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/CommandMenu/Page.d.ts

@@ -2,4 +2,4 @@ import { ComponentPropsWithRef } from 'react';
 export interface CommandMenuPageProps extends ComponentPropsWithRef<"div"> {
     page: string;
 }
-export declare const CommandMenuPage: (props: CommandMenuPageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommandMenuPage: import('react').MemoExoticComponent<(props: CommandMenuPageProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/CommandMenu/PageTriggerItem.d.ts

@@ -2,4 +2,4 @@ import { CommandMenuItemProps } from './Item';
 export interface CommandMenuPageTriggerItemProps extends CommandMenuItemProps {
     page: string;
 }
-export declare const CommandMenuPageTriggerItem: (props: CommandMenuPageTriggerItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommandMenuPageTriggerItem: import('react').MemoExoticComponent<(props: CommandMenuPageTriggerItemProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/CommandMenu/Pages.d.ts

@@ -4,4 +4,4 @@ export interface CommandMenuPagesProps extends PropsWithChildren {
     page?: string;
     onPageChange?: (page: string) => void;
 }
-export declare const CommandMenuPages: (props: CommandMenuPagesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommandMenuPages: import('react').MemoExoticComponent<(props: CommandMenuPagesProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/CommandMenu/SelectedIndicator.d.ts

@@ -2,4 +2,4 @@ import { ComponentPropsWithRef, ReactNode } from 'react';
 export interface CommandMenuSelectedIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
     children: ReactNode | ((selected: boolean) => ReactNode);
 }
-export declare const CommandMenuSelectedIndicator: (props: CommandMenuSelectedIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommandMenuSelectedIndicator: import('react').MemoExoticComponent<(props: CommandMenuSelectedIndicatorProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/CommandMenu/index.d.ts

@@ -35,12 +35,12 @@ export declare const CommandMenu: {
     MultiSelectGroup: <TValue>(props: import('./MultiSelectGroup').CommandMenuMultiSelectGroupProps<TValue>) => import("react/jsx-runtime").JSX.Element;
     MultiSelectItem: <TValue_1>(props: import('./MultiSelectItem').CommandMenuMultiSelectItemProps<TValue_1>) => import("react/jsx-runtime").JSX.Element;
     SelectAllItem: <TValue_2>(props: import('./SelectAllItem').CommandMenuSelectAllItemProps) => import("react/jsx-runtime").JSX.Element;
-    SelectedIndicator: (props: import('./SelectedIndicator').CommandMenuSelectedIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+    SelectedIndicator: import('react').MemoExoticComponent<(props: import('./SelectedIndicator').CommandMenuSelectedIndicatorProps) => import("react/jsx-runtime").JSX.Element>;
     RadioGroup: <TValue_3>(props: import('./RadioGroup').CommandMenuRadioGroupProps<TValue_3>) => import("react/jsx-runtime").JSX.Element;
     RadioItem: <TValue_4>(props: import('./RadioItem').CommandMenuRadioItemProps<TValue_4>) => import("react/jsx-runtime").JSX.Element;
-    CheckboxItem: (props: import('./CheckboxItem').CommandMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
-    CheckboxIndicator: (props: import('./CheckboxIndicator').CommandMenuCheckboxIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-    Pages: (props: import('./Pages').CommandMenuPagesProps) => import("react/jsx-runtime").JSX.Element;
-    Page: (props: import('./Page').CommandMenuPageProps) => import("react/jsx-runtime").JSX.Element;
-    PageTriggerItem: (props: import('./PageTriggerItem').CommandMenuPageTriggerItemProps) => import("react/jsx-runtime").JSX.Element;
+    CheckboxItem: import('react').MemoExoticComponent<(props: import('./CheckboxItem').CommandMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element>;
+    CheckboxIndicator: import('react').MemoExoticComponent<(props: import('./CheckboxIndicator').CommandMenuCheckboxIndicatorProps) => import("react/jsx-runtime").JSX.Element>;
+    Pages: import('react').MemoExoticComponent<(props: import('./Pages').CommandMenuPagesProps) => import("react/jsx-runtime").JSX.Element>;
+    Page: import('react').MemoExoticComponent<(props: import('./Page').CommandMenuPageProps) => import("react/jsx-runtime").JSX.Element>;
+    PageTriggerItem: import('react').MemoExoticComponent<(props: import('./PageTriggerItem').CommandMenuPageTriggerItemProps) => import("react/jsx-runtime").JSX.Element>;
 };

package/dist/DayPicker/DayPicker.d.ts

@@ -2,4 +2,14 @@ import { ComponentProps } from 'react';
 import { DayPicker as ReactDayPicker } from 'react-day-picker';
 import { DayPickerVariantProps } from './typings';
 export type DayPickerProps = ComponentProps<typeof ReactDayPicker> & DayPickerVariantProps;
-export declare const DayPicker: (props: DayPickerProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Date picker component built on react-day-picker with consistent styling.
+ * Supports single/multiple date selection, date ranges, and custom styling variants.
+ *
+ * @param accentColor {string} - Accent color override
+ * @param {DayPickerSize} [size="md"] - Size variant affecting button and text sizes
+ * @param [variant="soft"] {DayPickerVariant} - Visual style variant
+ * @param radius {ComponentRadius} - Border radius override
+ * @param [showOutsideDays=true] {boolean} - Whether to show days from adjacent months
+ */
+export declare const DayPicker: import('react').MemoExoticComponent<(props: DayPickerProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/Dialog/Content.d.ts

@@ -1,11 +1,18 @@
-import { ReactNode } from 'react';
+import { ComponentPropsWithRef, ReactNode } from 'react';
 import { AlertDialogSize } from '../AlertDialog';
 import { CloseDialogWithOptions } from './typings';
 import * as RadixDialog from "@radix-ui/react-dialog";
-export interface DialogContentProps extends Omit<RadixDialog.DialogContentProps, "children"> {
-    title: string;
+export interface DialogContentProps extends Omit<ComponentPropsWithRef<typeof RadixDialog.Content>, "children"> {
     container?: RadixDialog.DialogPortalProps["container"];
     size?: AlertDialogSize;
     children: ReactNode | ((close: CloseDialogWithOptions) => ReactNode);
 }
-export declare const DialogContent: import('react').ForwardRefExoticComponent<DialogContentProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * The main content area of a dialog with customizable size and styling.
+ * Content can be static or a function that receives the close handler for interactive content.
+ *
+ * @param size - Size variant affecting padding and max-width (default: "md")
+ * @param container - Portal container for rendering the content
+ * @param children - Static content or function receiving close handler
+ */
+export declare const DialogContent: import('react').NamedExoticComponent<DialogContentProps>;

package/dist/Dialog/Overlay.d.ts

@@ -1,6 +1,12 @@
-/// <reference types="react" />
+import { ComponentPropsWithRef } from 'react';
 import * as RadixDialog from "@radix-ui/react-dialog";
-export interface DialogOverlayProps extends RadixDialog.DialogOverlayProps {
+export interface DialogOverlayProps extends ComponentPropsWithRef<typeof RadixDialog.Overlay> {
     container?: RadixDialog.DialogPortalProps["container"];
 }
-export declare const DialogOverlay: import('react').ForwardRefExoticComponent<DialogOverlayProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * A backdrop overlay that appears behind dialog content.
+ * Provides visual separation and typically closes the dialog when clicked.
+ *
+ * @param container - Portal container for rendering the overlay
+ */
+export declare const DialogOverlay: import('react').NamedExoticComponent<DialogOverlayProps>;

package/dist/Dialog/Root.d.ts

@@ -1,2 +1,13 @@
 import { DialogProps } from './typings';
-export declare const DialogRoot: (props: DialogProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Root component for managing dialog state and providing context to child components.
+ * Supports controlled and uncontrolled modes with advanced close interruption handling.
+ *
+ * @param defaultOpen - Initial open state for uncontrolled mode (default: false)
+ * @param open - Controlled open state
+ * @param onOpenChange - Callback for controlled open state changes
+ * @param onOpen - Called when dialog opens
+ * @param onClose - Called when dialog closes
+ * @param onCloseInterrupt - Intercept close attempts for custom handling (e.g., unsaved changes warnings)
+ */
+export declare const DialogRoot: import('react').MemoExoticComponent<(props: DialogProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/Dialog/index.d.ts

@@ -5,9 +5,11 @@ export * from './Overlay';
 export * from './Root';
 export * from './typings';
 export declare const Dialog: {
-    Root: (props: import('./typings').DialogProps) => import("react/jsx-runtime").JSX.Element;
-    Content: import('react').ForwardRefExoticComponent<import('./Content').DialogContentProps & import('react').RefAttributes<HTMLDivElement>>;
-    Overlay: import('react').ForwardRefExoticComponent<import('./Overlay').DialogOverlayProps & import('react').RefAttributes<HTMLDivElement>>;
+    Root: import('react').MemoExoticComponent<(props: import('./typings').DialogProps) => import("react/jsx-runtime").JSX.Element>;
+    Content: import('react').NamedExoticComponent<import('./Content').DialogContentProps>;
+    Overlay: import('react').NamedExoticComponent<import('./Overlay').DialogOverlayProps>;
+    Title: import('react').ForwardRefExoticComponent<RadixDialog.DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
+    Description: import('react').ForwardRefExoticComponent<RadixDialog.DialogDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>>;
     Trigger: import('react').ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
     Close: import('react').ForwardRefExoticComponent<RadixDialog.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
 };

package/dist/Heading/Heading.d.ts

@@ -1,6 +1,17 @@
-import { ComponentProps, PropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 import { AccentColorProps } from '../typings';
 import { HeadingVariantProps } from './typings';
-export interface HeadingProps extends PropsWithoutRef<ComponentProps<"h1">>, HeadingVariantProps, AccentColorProps {
+export interface HeadingProps extends ComponentPropsWithRef<"h1">, HeadingVariantProps, AccentColorProps {
 }
-export declare const Heading: import('react').ForwardRefExoticComponent<HeadingProps & import('react').RefAttributes<HTMLHeadingElement>>;
+/**
+ * Semantic heading component that renders appropriate HTML heading tags (h1-h6).
+ * Provides comprehensive typography controls with accessibility-first design.
+ *
+ * @param [level="1"] {HeadingLevel} - Semantic heading level "1"-"6"
+ * @param {HeadingSize} size - Visual size variant (independent of semantic level)
+ * @param weight {HeadingWeight} - Font weight variant
+ * @param {HeadingAlign} align - Text alignment
+ * @param accentColor {string} - Accent color for text styling
+ * @param [highContrast=false] {boolean} - Enable high contrast mode
+ */
+export declare const Heading: import('react').NamedExoticComponent<HeadingProps>;

package/dist/HoverCard/Arrow.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import { ComponentPropsWithRef } from 'react';
 import * as RadixHoverCard from "@radix-ui/react-hover-card";
-export interface HoverCardArrowProps extends RadixHoverCard.HoverCardArrowProps {
+export interface HoverCardArrowProps extends ComponentPropsWithRef<typeof RadixHoverCard.Arrow> {
 }
-export declare const HoverCardArrow: import('react').ForwardRefExoticComponent<HoverCardArrowProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const HoverCardArrow: import('react').MemoExoticComponent<(props: HoverCardArrowProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/HoverCard/Content.d.ts

@@ -1,7 +1,18 @@
+import { ComponentPropsWithRef } from 'react';
 import { HoverCardVariantProps } from './typings';
-/// <reference types="react" />
 import * as RadixHoverCard from "@radix-ui/react-hover-card";
-export interface HoverCardContentProps extends RadixHoverCard.HoverCardContentProps, HoverCardVariantProps {
+export interface HoverCardContentProps extends ComponentPropsWithRef<typeof RadixHoverCard.Content>, HoverCardVariantProps {
     container?: RadixHoverCard.HoverCardPortalProps["container"];
 }
-export declare const HoverCardContent: import('react').ForwardRefExoticComponent<HoverCardContentProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Content area for hover card components that appears on hover interaction.
+ * Provides rich contextual information with customizable positioning and styling.
+ *
+ * @param [size="md"] {HoverCardSize} - Size variant affecting content dimensions
+ * @param side - Preferred side for positioning relative to trigger
+ * @param sideOffset - Distance from the trigger element (default: 4)
+ * @param radius - Border radius override (default: provider value)
+ * @param accentColor - Accent color override (default: provider value)
+ * @param container - Portal container for rendering
+ */
+export declare const HoverCardContent: import('react').NamedExoticComponent<HoverCardContentProps>;

package/dist/HoverCard/index.d.ts

@@ -4,8 +4,8 @@ export * from './Arrow';
 export * from './Content';
 export * from './typings';
 export declare const HoverCard: {
-    Arrow: import('react').ForwardRefExoticComponent<import('./Arrow').HoverCardArrowProps & import('react').RefAttributes<SVGSVGElement>>;
-    Content: import('react').ForwardRefExoticComponent<import('./Content').HoverCardContentProps & import('react').RefAttributes<HTMLDivElement>>;
+    Arrow: import('react').MemoExoticComponent<(props: import('./Arrow').HoverCardArrowProps) => import("react/jsx-runtime").JSX.Element>;
+    Content: import('react').NamedExoticComponent<import('./Content').HoverCardContentProps>;
     Root: import('react').FC<RadixHoverCard.HoverCardProps>;
     Trigger: import('react').ForwardRefExoticComponent<RadixHoverCard.HoverCardTriggerProps & import('react').RefAttributes<HTMLAnchorElement>>;
 };

package/dist/Input/Field.d.ts

@@ -1,4 +1,8 @@
-import { ComponentProps, PropsWithoutRef } from 'react';
-export interface InputFieldProps extends PropsWithoutRef<ComponentProps<"input">> {
+import { ComponentPropsWithRef } from 'react';
+export interface InputFieldProps extends ComponentPropsWithRef<"input"> {
 }
-export declare const InputField: import('react').ForwardRefExoticComponent<InputFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+/**
+ * The actual input field element that receives user input.
+ * Inherits styling properties from its parent InputRoot context.
+ */
+export declare const InputField: import('react').NamedExoticComponent<InputFieldProps>;

package/dist/Input/Root.d.ts

@@ -1,5 +1,14 @@
-import { ComponentProps, PropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 import { InputVariantProps } from './typings';
-export interface InputRootProps extends InputVariantProps, PropsWithoutRef<ComponentProps<"div">> {
+export interface InputRootProps extends InputVariantProps, ComponentPropsWithRef<"div"> {
 }
-export declare const InputRoot: import('react').ForwardRefExoticComponent<InputRootProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Container component for input fields that provides styling context and structure.
+ * Acts as a wrapper that manages the visual appearance of input field and slot elements.
+ *
+ * @param [variant="surface"] {InputVariant} - Visual style variant
+ * @param {InputSize} [size="md"] - Size of the input container
+ * @param radius {ComponentRadius} - Border radius override
+ * @param accentColor {string} - Accent color override
+ */
+export declare const InputRoot: import('react').NamedExoticComponent<InputRootProps>;

package/dist/Input/Slot.d.ts

@@ -1,4 +1,9 @@
-import { ComponentProps, PropsWithoutRef } from 'react';
-export interface InputSlotProps extends PropsWithoutRef<ComponentProps<"div">> {
+import { ComponentPropsWithRef } from 'react';
+export interface InputSlotProps extends ComponentPropsWithRef<"div"> {
 }
-export declare const InputSlot: import('react').ForwardRefExoticComponent<InputSlotProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Container for icons, buttons, or other elements positioned within the input.
+ * Commonly used for search icons, clear buttons, or action triggers.
+ * Inherits styling properties from its parent InputRoot context.
+ */
+export declare const InputSlot: import('react').NamedExoticComponent<InputSlotProps>;

package/dist/Input/index.d.ts

@@ -4,7 +4,7 @@ export * from './Root';
 export * from './Slot';
 export * from './typings';
 export declare const Input: {
-    Field: import('react').ForwardRefExoticComponent<import('./Field').InputFieldProps & import('react').RefAttributes<HTMLInputElement>>;
-    Root: import('react').ForwardRefExoticComponent<import('./Root').InputRootProps & import('react').RefAttributes<HTMLDivElement>>;
-    Slot: import('react').ForwardRefExoticComponent<import('./Slot').InputSlotProps & import('react').RefAttributes<HTMLDivElement>>;
+    Field: import('react').NamedExoticComponent<import('./Field').InputFieldProps>;
+    Root: import('react').NamedExoticComponent<import('./Root').InputRootProps>;
+    Slot: import('react').NamedExoticComponent<import('./Slot').InputSlotProps>;
 };

package/dist/Layout/Container.d.ts

@@ -1,4 +1,8 @@
-import { ComponentProps, PropsWithoutRef } from 'react';
-export interface ContainerProps extends PropsWithoutRef<ComponentProps<"div">> {
+import { ComponentPropsWithRef } from 'react';
+export interface LayoutContainerProps extends ComponentPropsWithRef<"div"> {
 }
-export declare const Container: import('react').NamedExoticComponent<ContainerProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * Layout container component that provides flexible content structure.
+ * Can be hidden based on layout context state.
+ */
+export declare const LayoutContainer: import('react').NamedExoticComponent<LayoutContainerProps>;