@texturehq/edges 0.0.14 → 0.0.18

package/dist/index.d.ts

@@ -1,9 +1,63 @@
 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';
 
+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 const iconMapping: {
     readonly AppWindow: _phosphor_icons_react.Icon;
     readonly ArrowCircleUp: _phosphor_icons_react.Icon;
@@ -24,6 +78,7 @@ declare const iconMapping: {
     readonly BookOpen: _phosphor_icons_react.Icon;
     readonly BookmarkSimple: _phosphor_icons_react.Icon;
     readonly BracketsCurly: _phosphor_icons_react.Icon;
+    readonly Broadcast: _phosphor_icons_react.Icon;
     readonly Buildings: _phosphor_icons_react.Icon;
     readonly CalendarBlank: _phosphor_icons_react.Icon;
     readonly CaretDown: _phosphor_icons_react.Icon;
@@ -68,6 +123,7 @@ declare const iconMapping: {
     readonly Gauge: _phosphor_icons_react.Icon;
     readonly GearSix: _phosphor_icons_react.Icon;
     readonly HandPointing: _phosphor_icons_react.Icon;
+    readonly Handshake: _phosphor_icons_react.Icon;
     readonly Info: _phosphor_icons_react.Icon;
     readonly IntersectSquare: _phosphor_icons_react.Icon;
     readonly Lightning: _phosphor_icons_react.Icon;
@@ -179,6 +235,120 @@ interface ButtonProps extends BaseButtonProps {
 }
 declare function Button(props: ButtonProps): 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 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>;
+
+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;
+
+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;
+
+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;
+
+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;
+};
+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;
+}
+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;
@@ -288,7 +458,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.
@@ -378,32 +548,130 @@ 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 {
+declare function Form(props: FormProps): 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 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 ExtendedListBoxItemProps extends Omit<ListBoxItemProps, "className"> {
+    size?: "sm" | "md" | "lg" | "xl";
+    className?: string;
+}
+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;
+
+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);
-    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;
+declare function NumberField({ label, description, errorMessage, size, tooltip, isRequired, transparent, validationResult, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
 
-interface TextAreaProps extends Omit<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size">, BaseInputProps {
+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;
-    description?: 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;
-    size?: Size;
-    isInvalid?: boolean;
+    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 TextArea({ label, description, errorMessage, size, tooltip, required, transparent, isInvalid, className, validationResult, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
+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 ListBoxProps<T> extends Omit<ListBoxProps$1<T>, "layout" | "orientation"> {
+interface PopoverProps extends Omit<PopoverProps$1, "children"> {
+    showArrow?: boolean;
+    children: React__default.ReactNode;
 }
-declare function ListBox<T extends object>({ children, ...props }: ListBoxProps<T>): react_jsx_runtime.JSX.Element;
+declare function Popover({ children, showArrow, className, ...props }: PopoverProps): 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 defining the shape of items in the Select component
@@ -452,26 +720,49 @@ 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;
-    id?: string;
-    label?: string;
-    description?: string;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-    tooltip?: string;
-    isRequired?: boolean;
+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;
+};
+declare function Tabs(props: TabsProps): react_jsx_runtime.JSX.Element;
+declare function TabList<T extends object>(props: TabListProps<T>): react_jsx_runtime.JSX.Element;
+declare function Tab(props: TabProps): react_jsx_runtime.JSX.Element;
+declare function TabPanel(props: TabPanelProps): 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 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 {
+interface TextFieldProps extends Omit<TextFieldProps$1, "isRequired" | "size" | "className">, BaseInputProps {
     label?: string;
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
@@ -481,14 +772,33 @@ 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;
+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;
+
+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;
+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 {
@@ -523,235 +833,4 @@ interface TooltipProps extends Omit<TooltipProps$1, "children"> {
 }
 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;
-
-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, useInputFocus };