@texturehq/edges 0.0.15 → 0.0.19

package/dist/index.d.cts

@@ -1,9 +1,81 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps as ButtonProps$1, TextProps, TextFieldProps as TextFieldProps$1, ValidationResult, ListBoxProps as ListBoxProps$1, SelectProps as SelectProps$1, Key, NumberFieldProps as NumberFieldProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue, DateValue, DateFieldProps as DateFieldProps$1, TooltipProps as TooltipProps$1, PopoverProps as PopoverProps$1, SwitchProps as SwitchProps$1, ProgressBarProps as ProgressBarProps$1, RangeCalendarProps as RangeCalendarProps$1, ListBoxItemProps, FormProps, DateRangePickerProps as DateRangePickerProps$1, DialogProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps } from 'react-aria-components';
 import * as React$1 from 'react';
-import React__default, { ComponentProps, ReactNode } from 'react';
+import React__default, { ComponentProps, ReactNode, Component, ErrorInfo } from 'react';
+import { Key, ValidationResult, ButtonProps as ButtonProps$1, DateValue, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, CheckboxRenderProps, DateFieldProps as DateFieldProps$1, DateRangePickerProps as DateRangePickerProps$1, DialogProps, TextProps, FormProps, ListBoxProps as ListBoxProps$1, ListBoxItemProps, NumberFieldProps as NumberFieldProps$1, PopoverProps as PopoverProps$1, ProgressBarProps as ProgressBarProps$1, RangeCalendarProps as RangeCalendarProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1, TabProps as TabProps$1, TabListProps, TabPanelProps, TabsProps, TextFieldProps as TextFieldProps$1, TimeFieldProps as TimeFieldProps$1, TimeValue, TooltipProps as TooltipProps$1 } from 'react-aria-components';
 import * as _phosphor_icons_react from '@phosphor-icons/react';
 
+/**
+ * Control-specific style utilities for form elements and interactive components.
+ * These styles use CSS variables defined in the theme for consistent sizing
+ * and spacing across all control elements.
+ *
+ * Text sizes follow the relationships defined in theme.css:
+ * sm: --control-text-sm (maps to --text-xs)
+ * md: --control-text-md (maps to --text-sm)
+ * lg: --control-text-lg (maps to --text-base)
+ * xl: --control-text-xl (maps to --text-lg)
+ */
+type Size = "sm" | "md" | "lg" | "xl";
+
+interface Item {
+    id: string;
+    name: string;
+}
+interface Section {
+    name: string;
+    items: Item[];
+}
+type RequestMethod = "GET" | "POST";
+interface BaseRequestConfig {
+    url: string;
+    headers?: Record<string, string>;
+    transformResponse: (data: unknown) => Item[];
+}
+interface RestRequestConfig extends BaseRequestConfig {
+    requestType: "REST";
+    method?: RequestMethod;
+    queryKey?: string;
+    extraParams?: Record<string, string>;
+    shouldLoad?: (filterText: string) => boolean;
+}
+interface GraphQLRequestConfig extends BaseRequestConfig {
+    requestType: "GraphQL";
+    graphqlQuery: string;
+    variableKey?: string;
+    responsePath?: string;
+    shouldLoad?: (filterText: string) => boolean;
+}
+type AutocompleteRequestConfig = RestRequestConfig | GraphQLRequestConfig;
+/**
+ * Autocomplete
+ *
+ * Text input with typeahead suggestions and keyboard navigation.
+ */
+interface AutocompleteProps {
+    label?: string;
+    staticItems?: Item[];
+    sections?: Section[];
+    selectedKey?: Key | null;
+    defaultSelectedKey?: Key | null;
+    onSelectionChange?: (key: Key | null) => void;
+    requestConfig?: AutocompleteRequestConfig;
+    defaultFilter?: (textValue: string, inputValue: string) => boolean;
+    placeholder?: string;
+    renderItem?: (item: Item) => React__default.ReactNode;
+    renderLeftIcon?: (isLoading: boolean) => React__default.ReactNode;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    description?: string;
+    size?: Size;
+    tooltip?: string;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    validationResult?: ValidationResult;
+    showErrors?: boolean;
+    autoFocus?: boolean;
+}
+declare function Autocomplete({ label, staticItems, sections, selectedKey, defaultSelectedKey, onSelectionChange, requestConfig, defaultFilter, placeholder, errorMessage, description, size, tooltip, isRequired, isDisabled, isInvalid, validationResult, showErrors, renderItem, renderLeftIcon, autoFocus, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
+
 declare const iconMapping: {
     readonly AppWindow: _phosphor_icons_react.Icon;
     readonly ArrowCircleUp: _phosphor_icons_react.Icon;
@@ -145,21 +217,20 @@ interface ExtendedIconProps {
 }
 declare const Icon: React$1.MemoExoticComponent<({ name, size, color, weight, className, title, ariaLabel, grow, variant, rounded, bgColor, ...props }: ExtendedIconProps) => react_jsx_runtime.JSX.Element | null>;
 
+type IconName$1 = ComponentProps<typeof Icon>["name"];
+type BaseButtonProps = Omit<ButtonProps$1, "className">;
 /**
- * Control-specific style utilities for form elements and interactive components.
- * These styles use CSS variables defined in the theme for consistent sizing
- * and spacing across all control elements.
+ * Button
  *
- * Text sizes follow the relationships defined in theme.css:
- * sm: --control-text-sm (maps to --text-xs)
- * md: --control-text-md (maps to --text-sm)
- * lg: --control-text-lg (maps to --text-base)
- * xl: --control-text-xl (maps to --text-lg)
+ * A versatile action component that supports multiple visual variants, sizes,
+ * optional icons, a loading state, and badge indicators. Follows the Edges
+ * design system tokens and composes `react-aria-components` under the hood.
+ *
+ * Example usage:
+ * ```tsx
+ * <Button variant="primary" size="md" icon="Check">Save</Button>
+ * ```
  */
-type Size = "sm" | "md" | "lg" | "xl";
-
-type IconName$1 = ComponentProps<typeof Icon>["name"];
-type BaseButtonProps = Omit<ButtonProps$1, "className">;
 interface ButtonProps extends BaseButtonProps {
     variant?: "default" | "primary" | "secondary" | "destructive" | "icon" | "link" | "unstyled" | "ghost";
     size?: Size;
@@ -179,8 +250,166 @@ interface ButtonProps extends BaseButtonProps {
     rel?: string;
     style?: React.CSSProperties;
 }
+/**
+ * Renders an Edges Button. When `href` is provided, renders a link-styled
+ * button using the same visual system.
+ */
 declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * Calendar
+ *
+ * Single-date calendar primitive with Edges styling.
+ */
+interface CalendarProps<T extends DateValue> extends Omit<CalendarProps$1<T>, "visibleDuration"> {
+    errorMessage?: string;
+}
+declare function Calendar<T extends DateValue>({ errorMessage, ...props }: CalendarProps<T>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Card
+ *
+ * Surface container with optional heading and actions.
+ */
+interface CardProps {
+    heading?: React__default.ReactNode;
+    upperRightText?: React__default.ReactNode;
+    withPadding?: boolean;
+    isGhost?: boolean;
+    children?: React__default.ReactNode;
+    className?: string;
+    isLoading?: boolean;
+}
+declare const Card: React__default.FC<CardProps>;
+
+/**
+ * Checkbox
+ *
+ * Single checkbox with Edges visuals.
+ */
+interface CheckboxProps extends Omit<CheckboxProps$1, "children"> {
+    children?: ReactNode | ((props: CheckboxRenderProps) => ReactNode);
+}
+declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+interface CopyToClipboardProps {
+    /**
+     * The value to copy to clipboard. If not provided, will use the text content of children
+     */
+    value?: string;
+    /**
+     * The content to display
+     */
+    children: React__default.ReactNode;
+    /**
+     * Optional className for the container
+     */
+    className?: string;
+    /**
+     * Size of the copy button, defaults to "sm"
+     */
+    size?: "sm" | "md";
+}
+declare function CopyToClipboard({ value, children, className, size }: CopyToClipboardProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * DateField
+ *
+ * Segmented date input with Edges styling.
+ */
+interface DateFieldProps<T extends DateValue> extends DateFieldProps$1<T> {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+}
+declare function DateField<T extends DateValue>({ label, description, errorMessage, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
+
+/**
+ * DateRangePicker
+ *
+ * Composed date range input with popover calendar.
+ */
+interface DateRangePickerProps<T extends DateValue> extends DateRangePickerProps$1<T> {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+}
+declare function DateRangePicker<T extends DateValue>({ label, description, errorMessage, ...props }: DateRangePickerProps<T>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Dialog
+ *
+ * Generic modal/dialog surface with Edges defaults.
+ */
+declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;
+
+type BaseDialogHeaderProps = {
+    title?: string;
+    onClose: () => void;
+    titleAlign?: "left" | "center";
+    headerContent?: React__default.ReactNode;
+};
+type WithBackArrow = BaseDialogHeaderProps & {
+    hasBackArrow: true;
+    onBack: () => void;
+};
+type WithoutBackArrow = BaseDialogHeaderProps & {
+    hasBackArrow?: false;
+    onBack?: never;
+};
+/**
+ * DialogHeader
+ *
+ * Header area for dialogs with optional back arrow.
+ */
+type DialogHeaderProps = WithBackArrow | WithoutBackArrow;
+declare const DialogHeader: React__default.FC<DialogHeaderProps>;
+
+interface DrawerAction {
+    label: string;
+    onPress: () => void;
+    variant?: "default" | "primary" | "secondary" | "destructive" | "icon" | "link" | "unstyled" | "ghost";
+    size?: "sm" | "md" | "lg";
+    isLoading?: boolean;
+    isDisabled?: boolean;
+}
+/**
+ * Drawer
+ *
+ * Sliding panel that anchors to screen edges.
+ */
+interface DrawerProps {
+    title?: string;
+    headerContent?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    isOpen: boolean;
+    slideInFrom?: "left" | "right";
+    transparentOverlay?: boolean;
+    onClose?: () => void;
+    className?: string;
+    primaryAction?: DrawerAction;
+    secondaryAction?: DrawerAction;
+    footerContent?: React__default.ReactNode;
+}
+declare const Drawer: React__default.FC<DrawerProps>;
+
+interface Props {
+    children: ReactNode;
+    fallback?: ReactNode;
+    title?: string;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+}
+declare class ErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    private handleRetry;
+    render(): string | number | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | null | undefined;
+}
+
 interface InputStyleProps {
     /** Whether the input is in an invalid state */
     isInvalid?: boolean;
@@ -290,7 +519,7 @@ declare function getInputStateStyles(props: {
 declare function getInputBackgroundStyles(props: {
     transparent?: boolean;
     isDisabled?: boolean;
-}): "bg-transparent" | "bg-background-muted" | "bg-background-input";
+}): "bg-background-muted" | "bg-transparent" | "bg-background-input";
 /**
  * Generates the complete set of base styles for input components.
  * This includes state styles, background, sizing, and custom classes.
@@ -380,55 +609,202 @@ declare function Input({ size, isInvalid, isDisabled, isFocused, transparent, cl
  */
 declare function FieldGroup(props: FieldGroupProps): react_jsx_runtime.JSX.Element;
 
-interface TextFieldProps extends Omit<TextFieldProps$1, "isRequired" | "size" | "className">, BaseInputProps {
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    placeholder?: string;
-    tooltip?: string;
-    isRequired?: boolean;
-    className?: string;
-    validationResult?: ValidationResult;
-}
-declare function TextField({ label, description, errorMessage, size, tooltip, isRequired, transparent, showSearchIcon, isClearable, onClear, type, validationResult, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
+/**
+ * Form
+ *
+ * Accessibility-first form wrapper with consistent spacing.
+ */
+declare function Form(props: FormProps): react_jsx_runtime.JSX.Element;
 
-interface TextAreaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size">, BaseInputProps {
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    tooltip?: string;
-    size?: Size;
-    isInvalid?: boolean;
-    validationResult?: ValidationResult;
+declare const sizeVariants: {
+    readonly xs: "text-lg font-semibold";
+    readonly sm: "text-xl font-semibold";
+    readonly md: "text-2xl font-semibold";
+    readonly lg: "text-3xl font-semibold";
+    readonly xl: "text-4xl font-semibold";
+};
+declare const heightVariants: {
+    readonly page: "h-16 leading-[62px]";
+};
+type HeadingSize = keyof typeof sizeVariants;
+type HeadingHeight = keyof typeof heightVariants;
+/**
+ * Heading
+ *
+ * Typography component for page/section headings with size and height options.
+ */
+interface HeadingProps {
+    tag?: keyof JSX.IntrinsicElements;
+    size?: HeadingSize;
+    height?: HeadingHeight;
+    className?: string;
+    children?: React__default.ReactNode;
 }
-declare function TextArea({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, className, validationResult, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
+declare function Heading({ tag: Tag, size, height, className, children }: HeadingProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * ListBox
+ *
+ * Styled wrapper around `react-aria-components` ListBox and related parts
+ * used in dropdowns and menus.
+ */
 interface ListBoxProps<T> extends Omit<ListBoxProps$1<T>, "layout" | "orientation"> {
 }
 declare function ListBox<T extends object>({ children, ...props }: ListBoxProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
- * Interface defining the shape of items in the Select component
+ * ListBoxItem
+ *
+ * A styled wrapper around `react-aria-components` ListBoxItem with size
+ * variants that align with Edges typography.
  */
-interface SelectItem<T = unknown> {
-    /** Unique identifier for the item */
-    id: string;
-    /** Display label for the item */
-    label: string;
-    /** Value associated with the item */
-    value: T;
+interface ExtendedListBoxItemProps extends Omit<ListBoxItemProps, "className"> {
+    size?: "sm" | "md" | "lg" | "xl";
+    className?: string;
 }
-/**
- * Props for the Select component
- * @template T - The type of the items, must extend SelectItem
- */
-interface SelectProps<T extends SelectItem> extends Omit<SelectProps$1<T>, "children" | "onSelectionChange"> {
-    /** Label text displayed above the select */
-    label?: string;
-    /** Helper text displayed below the select */
-    description?: string;
-    /** Error message or function to generate error message */
-    errorMessage?: string | ((validation: ValidationResult) => React__default.ReactNode);
+declare function ListBoxItem({ size, className, ...props }: ExtendedListBoxItemProps): react_jsx_runtime.JSX.Element;
+
+interface LoaderProps {
+    /**
+     * Optional className for custom styling
+     */
+    className?: string;
+    /**
+     * Size of the loader in pixels
+     * @default 24
+     */
+    size?: number;
+    /**
+     * Color of the loader
+     * @default "text-action-primary"
+     */
+    color?: string;
+}
+declare const Loader: ({ className, size, color }: LoaderProps) => react_jsx_runtime.JSX.Element;
+
+interface LogoProps {
+    className?: string;
+    showWordmark?: boolean;
+}
+declare const Logo: ({ className, showWordmark }: LogoProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * NumberField
+ *
+ * Numeric input with stepper controls and validation.
+ */
+interface NumberFieldProps extends Omit<NumberFieldProps$1, "size" | "className">, BaseInputProps {
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    minValue?: number;
+    maxValue?: number;
+    step?: number;
+    formatOptions?: Intl.NumberFormatOptions;
+    id?: string;
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    tooltip?: string;
+    isRequired?: boolean;
+    className?: string;
+    validationResult?: ValidationResult;
+}
+declare function NumberField({ label, description, errorMessage, size, tooltip, isRequired, transparent, validationResult, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
+
+interface Place {
+    id: string;
+    place_name: string;
+    place_type: string[];
+    center: [number, number];
+}
+type SearchType = "country" | "region" | "district" | "place" | "locality" | "neighborhood" | "address" | "street";
+/**
+ * PlaceSearch
+ *
+ * Location search component with autocomplete; emits a `Place` value on
+ * selection.
+ */
+interface PlaceSearchProps {
+    label?: string;
+    selectedKey?: Key | null;
+    defaultSelectedKey?: Key | null;
+    onSelectionChange?: (key: Key | null) => void;
+    placeholder?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    description?: string;
+    size?: "sm" | "md" | "lg" | "xl";
+    tooltip?: string;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    showErrors?: boolean;
+    autoFocus?: boolean;
+    onSelect: (place: Place) => void;
+    searchTypes?: SearchType[];
+    defaultFilter?: (textValue: string, inputValue: string) => boolean;
+    validationResult?: ValidationResult;
+    countryRestrictions?: string[];
+    proximity?: "ip" | [number, number];
+}
+declare function PlaceSearch({ label, selectedKey, defaultSelectedKey, onSelectionChange, placeholder, errorMessage, description, size, tooltip, isRequired, isDisabled, showErrors, autoFocus, onSelect, searchTypes, defaultFilter, validationResult, countryRestrictions, proximity, }: PlaceSearchProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Popover
+ *
+ * Positioned overlay container with optional arrow, built on
+ * `react-aria-components` Popover.
+ */
+interface PopoverProps extends Omit<PopoverProps$1, "children"> {
+    showArrow?: boolean;
+    children: React__default.ReactNode;
+}
+declare function Popover({ children, showArrow, className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * ProgressBar
+ *
+ * Linear progress indicator with optional labels.
+ */
+interface ProgressBarProps extends ProgressBarProps$1 {
+    label?: string;
+    rightLabel?: string;
+    progressWidth?: number;
+    hideLabels?: boolean;
+}
+declare function ProgressBar({ label, rightLabel, progressWidth, hideLabels, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * RangeCalendar
+ *
+ * Calendar allowing selection of a date range.
+ */
+interface RangeCalendarProps<T extends DateValue> extends Omit<RangeCalendarProps$1<T>, "visibleDuration"> {
+    errorMessage?: string;
+}
+declare function RangeCalendar<T extends DateValue>({ errorMessage, ...props }: RangeCalendarProps<T>): react_jsx_runtime.JSX.Element;
+
+/**
+ * Interface defining the shape of items in the Select component
+ */
+interface SelectItem<T = unknown> {
+    /** Unique identifier for the item */
+    id: string;
+    /** Display label for the item */
+    label: string;
+    /** Value associated with the item */
+    value: T;
+}
+/**
+ * Props for the Select component
+ * @template T - The type of the items, must extend SelectItem
+ */
+interface SelectProps<T extends SelectItem> extends Omit<SelectProps$1<T>, "children" | "onSelectionChange"> {
+    /** Label text displayed above the select */
+    label?: string;
+    /** Helper text displayed below the select */
+    description?: string;
+    /** Error message or function to generate error message */
+    errorMessage?: string | ((validation: ValidationResult) => React__default.ReactNode);
     /** Collection of items to display in the select */
     items?: Iterable<T>;
     /** Size variant of the select */
@@ -454,26 +830,76 @@ interface SelectProps<T extends SelectItem> extends Omit<SelectProps$1<T>, "chil
 }
 declare function Select<T extends SelectItem>({ label, description, errorMessage, children, items, size, selectedKey: controlledSelectedKey, defaultSelectedKey, onSelectionChange, placeholder, showErrors, tooltip, isRequired, transparent, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
-interface NumberFieldProps extends Omit<NumberFieldProps$1, "size" | "className">, BaseInputProps {
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
-    minValue?: number;
-    maxValue?: number;
-    step?: number;
-    formatOptions?: Intl.NumberFormatOptions;
+interface SkeletonProps {
+    width?: number | string;
+    height?: number | string;
+    variant?: "text" | "rect" | "circle";
+    animation?: "pulse" | "wave" | "none";
+    gradient?: boolean;
+    flex?: boolean;
+    stack?: (number | string)[];
+    responsive?: Record<string, string | number>;
+    delay?: number;
+    adjustAnimationSpeedBasedOnWidth?: boolean;
+    ariaLabel?: string;
+    className?: string;
+    "data-testid"?: string;
+}
+declare const Skeleton: React__default.FC<SkeletonProps>;
+
+interface SwitchProps extends Omit<SwitchProps$1, "children"> {
+    children: React__default.ReactNode;
+}
+declare function Switch({ children, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
+
+type TabProps = TabProps$1 & {
+    isSelected?: boolean;
     id?: string;
+};
+/**
+ * Tabs
+ *
+ * Tabbed interface with styled tabs and panels.
+ */
+declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
+/**
+ * TabList container.
+ */
+declare function TabList<T extends object>(props: TabListProps<T>): react_jsx_runtime.JSX.Element;
+/**
+ * Tab trigger element.
+ */
+declare function Tab(props: TabProps): react_jsx_runtime.JSX.Element;
+/**
+ * TabPanel content area.
+ */
+declare function TabPanel(props: TabPanelProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * TextArea
+ *
+ * Multi-line text input with Edges styling, label, description, and error.
+ */
+interface TextAreaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size">, BaseInputProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
     tooltip?: string;
-    isRequired?: boolean;
-    className?: string;
+    size?: Size;
+    isInvalid?: boolean;
     validationResult?: ValidationResult;
 }
-declare function NumberField({ label, description, errorMessage, size, tooltip, isRequired, transparent, validationResult, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
+declare function TextArea({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, className, validationResult, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
 
-interface TimeFieldProps extends Omit<TimeFieldProps$1<TimeValue>, "size" | "className">, BaseInputProps {
+/**
+ * TextField
+ *
+ * A controlled or uncontrolled text input with Edges styling, label,
+ * description, error messaging, and optional affordances like a search icon,
+ * clear button, and password visibility toggle. Wraps
+ * `react-aria-components` TextField for accessible behavior.
+ */
+interface TextFieldProps extends Omit<TextFieldProps$1, "isRequired" | "size" | "className">, BaseInputProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
@@ -483,14 +909,46 @@ interface TimeFieldProps extends Omit<TimeFieldProps$1<TimeValue>, "size" | "cla
     className?: string;
     validationResult?: ValidationResult;
 }
-declare function TimeField({ label, description, errorMessage, size, tooltip, isRequired, transparent, validationResult, ...props }: TimeFieldProps): react_jsx_runtime.JSX.Element;
+/**
+ * Renders an Edges TextField with label, description, validation states and
+ * optional search/clear/password affordances.
+ */
+declare function TextField({ label, description, errorMessage, size, tooltip, isRequired, transparent, showSearchIcon, isClearable, onClear, type, validationResult, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
 
-interface DateFieldProps<T extends DateValue> extends DateFieldProps$1<T> {
+interface TextLinkProps {
+    href?: string;
+    children: ReactNode;
+    className?: string;
+    external?: boolean;
+    title?: string;
+    variant?: "default" | "primary" | "muted";
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    asButton?: boolean;
+    onPress?: () => void;
+    showArrow?: boolean;
+}
+declare const TextLink: ({ href, children, className, external, title, variant, onClick, asButton, onPress, showArrow, }: TextLinkProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * TimeField
+ *
+ * Input segmented time with Edges styling and accessible behavior via
+ * `react-aria-components`. Supports labels, descriptions and validation.
+ */
+interface TimeFieldProps extends Omit<TimeFieldProps$1<TimeValue>, "size" | "className">, BaseInputProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+    tooltip?: string;
+    isRequired?: boolean;
+    className?: string;
+    validationResult?: ValidationResult;
 }
-declare function DateField<T extends DateValue>({ label, description, errorMessage, ...props }: DateFieldProps<T>): react_jsx_runtime.JSX.Element;
+/**
+ * Renders an Edges TimeField composed from segmented date parts.
+ */
+declare function TimeField({ label, description, errorMessage, size, tooltip, isRequired, transparent, validationResult, ...props }: TimeFieldProps): react_jsx_runtime.JSX.Element;
 
 type IconName = ComponentProps<typeof Icon>["name"];
 interface ToggleButtonProps {
@@ -519,241 +977,17 @@ interface ToggleButtonProps {
 }
 declare function ToggleButton(props: ToggleButtonProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * Tooltip
+ *
+ * Lightweight content container that appears on hover/focus/press.
+ */
 interface TooltipProps extends Omit<TooltipProps$1, "children"> {
     children: React__default.ReactNode;
     content: React__default.ReactNode;
 }
 declare function Tooltip({ children, content, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 
-interface TextLinkProps {
-    href?: string;
-    children: ReactNode;
-    className?: string;
-    external?: boolean;
-    title?: string;
-    variant?: "default" | "primary" | "muted";
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
-    asButton?: boolean;
-    onPress?: () => void;
-    showArrow?: boolean;
-}
-declare const TextLink: ({ href, children, className, external, title, variant, onClick, asButton, onPress, showArrow, }: TextLinkProps) => react_jsx_runtime.JSX.Element;
-
-interface SkeletonProps {
-    width?: number | string;
-    height?: number | string;
-    variant?: "text" | "rect" | "circle";
-    animation?: "pulse" | "wave" | "none";
-    gradient?: boolean;
-    flex?: boolean;
-    stack?: (number | string)[];
-    responsive?: Record<string, string | number>;
-    delay?: number;
-    adjustAnimationSpeedBasedOnWidth?: boolean;
-    ariaLabel?: string;
-    className?: string;
-    "data-testid"?: string;
-}
-declare const Skeleton: React__default.FC<SkeletonProps>;
-
-interface LogoProps {
-    className?: string;
-    showWordmark?: boolean;
-}
-declare const Logo: ({ className, showWordmark }: LogoProps) => react_jsx_runtime.JSX.Element;
-
-interface PopoverProps extends Omit<PopoverProps$1, "children"> {
-    showArrow?: boolean;
-    children: React__default.ReactNode;
-}
-declare function Popover({ children, showArrow, className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
-
-interface LoaderProps {
-    /**
-     * Optional className for custom styling
-     */
-    className?: string;
-    /**
-     * Size of the loader in pixels
-     * @default 24
-     */
-    size?: number;
-    /**
-     * Color of the loader
-     * @default "text-action-primary"
-     */
-    color?: string;
-}
-declare const Loader: ({ className, size, color }: LoaderProps) => react_jsx_runtime.JSX.Element;
-
-declare const sizeVariants: {
-    readonly xs: "text-lg font-semibold";
-    readonly sm: "text-xl font-semibold";
-    readonly md: "text-2xl font-semibold";
-    readonly lg: "text-3xl font-semibold";
-    readonly xl: "text-4xl font-semibold";
-};
-declare const heightVariants: {
-    readonly page: "h-16 leading-[62px]";
-};
-type HeadingSize = keyof typeof sizeVariants;
-type HeadingHeight = keyof typeof heightVariants;
-interface HeadingProps {
-    tag?: keyof JSX.IntrinsicElements;
-    size?: HeadingSize;
-    height?: HeadingHeight;
-    className?: string;
-    children?: React__default.ReactNode;
-}
-declare function Heading({ tag: Tag, size, height, className, children }: HeadingProps): react_jsx_runtime.JSX.Element;
-
-interface CopyToClipboardProps {
-    /**
-     * The value to copy to clipboard. If not provided, will use the text content of children
-     */
-    value?: string;
-    /**
-     * The content to display
-     */
-    children: React__default.ReactNode;
-    /**
-     * Optional className for the container
-     */
-    className?: string;
-    /**
-     * Size of the copy button, defaults to "sm"
-     */
-    size?: "sm" | "md";
-}
-declare function CopyToClipboard({ value, children, className, size }: CopyToClipboardProps): react_jsx_runtime.JSX.Element;
-
-interface SwitchProps extends Omit<SwitchProps$1, "children"> {
-    children: React__default.ReactNode;
-}
-declare function Switch({ children, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
-
-interface ProgressBarProps extends ProgressBarProps$1 {
-    label?: string;
-    rightLabel?: string;
-    progressWidth?: number;
-    hideLabels?: boolean;
-}
-declare function ProgressBar({ label, rightLabel, progressWidth, hideLabels, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
-
-interface RangeCalendarProps<T extends DateValue> extends Omit<RangeCalendarProps$1<T>, "visibleDuration"> {
-    errorMessage?: string;
-}
-declare function RangeCalendar<T extends DateValue>({ errorMessage, ...props }: RangeCalendarProps<T>): react_jsx_runtime.JSX.Element;
-
-interface Place {
-    id: string;
-    place_name: string;
-    place_type: string[];
-    center: [number, number];
-}
-type SearchType = "country" | "region" | "district" | "place" | "locality" | "neighborhood" | "address" | "street";
-interface PlaceSearchProps {
-    label?: string;
-    selectedKey?: Key | null;
-    defaultSelectedKey?: Key | null;
-    onSelectionChange?: (key: Key | null) => void;
-    placeholder?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    description?: string;
-    size?: "sm" | "md" | "lg" | "xl";
-    tooltip?: string;
-    isRequired?: boolean;
-    isDisabled?: boolean;
-    showErrors?: boolean;
-    autoFocus?: boolean;
-    onSelect: (place: Place) => void;
-    searchTypes?: SearchType[];
-    defaultFilter?: (textValue: string, inputValue: string) => boolean;
-    validationResult?: ValidationResult;
-    countryRestrictions?: string[];
-    proximity?: "ip" | [number, number];
-}
-declare function PlaceSearch({ label, selectedKey, defaultSelectedKey, onSelectionChange, placeholder, errorMessage, description, size, tooltip, isRequired, isDisabled, showErrors, autoFocus, onSelect, searchTypes, defaultFilter, validationResult, countryRestrictions, proximity, }: PlaceSearchProps): react_jsx_runtime.JSX.Element;
-
-interface ExtendedListBoxItemProps extends Omit<ListBoxItemProps, "className"> {
-    size?: "sm" | "md" | "lg" | "xl";
-    className?: string;
-}
-declare function ListBoxItem({ size, className, ...props }: ExtendedListBoxItemProps): react_jsx_runtime.JSX.Element;
-
-declare function Form(props: FormProps): react_jsx_runtime.JSX.Element;
-
-interface DateRangePickerProps<T extends DateValue> extends DateRangePickerProps$1<T> {
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-}
-declare function DateRangePicker<T extends DateValue>({ label, description, errorMessage, ...props }: DateRangePickerProps<T>): react_jsx_runtime.JSX.Element;
-
-declare function Dialog(props: DialogProps): react_jsx_runtime.JSX.Element;
-
-interface CalendarProps<T extends DateValue> extends Omit<CalendarProps$1<T>, "visibleDuration"> {
-    errorMessage?: string;
-}
-declare function Calendar<T extends DateValue>({ errorMessage, ...props }: CalendarProps<T>): react_jsx_runtime.JSX.Element;
-
-interface CheckboxProps extends Omit<CheckboxProps$1, "children"> {
-    children?: ReactNode | ((props: CheckboxRenderProps) => ReactNode);
-}
-declare function Checkbox(props: CheckboxProps): react_jsx_runtime.JSX.Element;
-
-interface Item {
-    id: string;
-    name: string;
-}
-interface Section {
-    name: string;
-    items: Item[];
-}
-type RequestMethod = "GET" | "POST";
-interface BaseRequestConfig {
-    url: string;
-    headers?: Record<string, string>;
-    transformResponse: (data: unknown) => Item[];
-}
-interface RestRequestConfig extends BaseRequestConfig {
-    requestType: "REST";
-    method?: RequestMethod;
-    queryKey?: string;
-    extraParams?: Record<string, string>;
-    shouldLoad?: (filterText: string) => boolean;
-}
-interface GraphQLRequestConfig extends BaseRequestConfig {
-    requestType: "GraphQL";
-    graphqlQuery: string;
-    variableKey?: string;
-    responsePath?: string;
-    shouldLoad?: (filterText: string) => boolean;
-}
-type AutocompleteRequestConfig = RestRequestConfig | GraphQLRequestConfig;
-interface AutocompleteProps {
-    label?: string;
-    staticItems?: Item[];
-    sections?: Section[];
-    selectedKey?: Key | null;
-    defaultSelectedKey?: Key | null;
-    onSelectionChange?: (key: Key | null) => void;
-    requestConfig?: AutocompleteRequestConfig;
-    defaultFilter?: (textValue: string, inputValue: string) => boolean;
-    placeholder?: string;
-    renderItem?: (item: Item) => React__default.ReactNode;
-    renderLeftIcon?: (isLoading: boolean) => React__default.ReactNode;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    description?: string;
-    size?: "sm" | "md" | "lg" | "xl";
-    tooltip?: string;
-    isRequired?: boolean;
-    isDisabled?: boolean;
-    validationResult?: ValidationResult;
-    showErrors?: boolean;
-    autoFocus?: boolean;
-    onLoadError?: (error: Error) => void;
-}
-declare function Autocomplete({ label, staticItems, sections, selectedKey, defaultSelectedKey, onSelectionChange, requestConfig, defaultFilter, errorMessage, size, tooltip, isRequired, isDisabled, renderLeftIcon, autoFocus, onLoadError, }: AutocompleteProps): react_jsx_runtime.JSX.Element;
+declare function useDebounce<T>(value: T, delay?: number): T;
 
-export { Autocomplete, type BaseInputProps, type BaseProps, Button, Calendar, Checkbox, ClearButton, CopyToClipboard, DateField, DateRangePicker, Description, type DescriptionProps, Dialog, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, Form, Heading, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Label, type LabelProps, ListBox, ListBoxItem, Loader, Logo, NumberField, PlaceSearch, Popover, ProgressBar, RangeCalendar, Select, Skeleton, Switch, TextArea, TextField, TextLink, TimeField, ToggleButton, Tooltip, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, useInputFocus };
+export { Autocomplete, type BaseInputProps, type BaseProps, Button, Calendar, Card, Checkbox, ClearButton, CopyToClipboard, DateField, DateRangePicker, Description, type DescriptionProps, Dialog, DialogHeader, Drawer, ErrorBoundary, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, Form, Heading, Icon, Input, type InputProps, type InputStyleProps, InputWrapper, Label, type LabelProps, ListBox, ListBoxItem, Loader, Logo, NumberField, PlaceSearch, Popover, ProgressBar, RangeCalendar, Select, Skeleton, Switch, Tab, TabList, TabPanel, Tabs, TextArea, TextField, TextLink, TimeField, ToggleButton, Tooltip, getFieldGroupStyles, getInputBackgroundStyles, getInputBaseStyles, getInputStateStyles, useDebounce, useInputFocus };