@lumx/core 4.17.1-alpha.2 → 4.17.1-alpha.3

package/js/components/Popover/index.d.ts

@@ -1,120 +0,0 @@
-import type { JSXElement, HasTheme, HasClassName, HasCloseMode, CommonRef, LumxClassName } from '../../types';
-import { Placement, FitAnchorWidth } from './constants';
-import type { PopoverSizes, Elevation, Offset } from './types';
-/**
- * Shared popover props used by both React and Vue wrappers.
- *
- * Framework-specific props (ref types, children, callbacks) are added by each wrapper.
- * The `anchorRef`, `boundaryRef`, `focusElement`, `parentElement`, `focusTrapZoneElement`
- * are typed as `any` here because React uses `RefObject<HTMLElement>` while Vue uses
- * raw `HTMLElement` — each framework narrows the type in its own props definition.
- */
-export interface PopoverProps extends HasClassName, HasTheme, HasCloseMode {
-    /** Reference to the DOM element used to set the position of the popover. */
-    anchorRef?: CommonRef;
-    /** Customize the root element tag. */
-    as?: string;
-    /** Element which will act as boundary when opening the popover. */
-    boundaryRef?: CommonRef;
-    /** Whether a click anywhere out of the popover would close it. */
-    closeOnClickAway?: boolean;
-    /** Whether an escape key press would close the popover. */
-    closeOnEscape?: boolean;
-    /** Shadow elevation. */
-    elevation?: Elevation;
-    /**
-     * Manage popover width:
-     *   - `maxWidth`: popover not bigger than anchor
-     *   - `minWidth` or `true`: popover not smaller than anchor
-     *   - `width`: popover equal to the anchor.
-     */
-    fitToAnchorWidth?: FitAnchorWidth | boolean;
-    /** Constrain popover height to avoid overflowing the viewport. */
-    fitWithinViewportHeight?: boolean;
-    /** Element to focus when opening the popover. */
-    focusElement?: CommonRef;
-    /** Whether the focus should go back on the anchor when popover closes and focus is within. */
-    focusAnchorOnClose?: boolean;
-    /** Whether we put an arrow or not. */
-    hasArrow?: boolean;
-    /** Whether the popover is open or not. */
-    isOpen: boolean;
-    /** Offset placement relative to anchor. */
-    offset?: Offset;
-    /** Reference to the parent element that triggered the popover. */
-    parentElement?: CommonRef;
-    /** Placement relative to anchor. */
-    placement?: Placement;
-    /** Whether the popover should be rendered into a portal. */
-    usePortal?: boolean;
-    /** The element in which the focus trap should be set. Default to popover. */
-    focusTrapZoneElement?: CommonRef;
-    /** Z-axis position. */
-    zIndex?: number;
-    /** Whether the popover should trap the focus within itself. */
-    withFocusTrap?: boolean;
-    /** On close callback (on click away or Escape pressed). Framework wrappers provide their own type. */
-    handleClose?(): void;
-}
-/**
- * Internal UI rendering props for the core Popover component.
- * These are passed by the framework wrappers after processing the behavioral PopoverProps.
- */
-export interface PopoverUIProps extends HasClassName, HasTheme, HasCloseMode, PopoverSizes {
-    /** Customize the root element tag. */
-    as?: string;
-    /** Content. */
-    children: JSXElement;
-    /** Shadow elevation. */
-    elevation?: Elevation;
-    /** Whether we put an arrow or not. */
-    hasArrow?: boolean;
-    /** Whether the popover is open or not. */
-    isOpen: boolean;
-    /** Resolved position (from floating UI). */
-    position?: Placement;
-    /** Computed popover styles (from floating UI). */
-    popoverStyle?: any;
-    /** Computed arrow styles (from floating UI). */
-    arrowStyle?: any;
-    /** Ref for the popover root element. */
-    ref?: CommonRef;
-    /** Ref setter for the arrow element. */
-    arrowRef?: CommonRef;
-    /** Whether to render into a portal. */
-    usePortal?: boolean;
-    /** Click-away callback (when closeOnClickAway is true). */
-    clickAwayCallback?: any;
-    /** Refs for click-away detection. */
-    clickAwayRefs?: any;
-    /** Unmount sentinel (React-specific, optional). */
-    unmountSentinel?: JSXElement;
-}
-/** Injected framework-specific components. */
-export interface PopoverComponents {
-    /** Portal component for rendering outside the parent hierarchy. */
-    Portal: any;
-    /** ClickAwayProvider component for click-away detection. */
-    ClickAwayProvider: any;
-    /** ThemeProvider component for theme context isolation. */
-    ThemeProvider: any;
-}
-/**
- * Component display name.
- */
-export declare const COMPONENT_NAME = "Popover";
-/**
- * Component default class name and class prefix.
- */
-export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
-/**
- * Component default props (used by framework wrappers).
- */
-export declare const DEFAULT_PROPS: Partial<PopoverProps>;
-/**
- * Popover core UI component.
- *
- * Framework-specific components (Portal, ClickAwayProvider, ThemeProvider) are passed
- * as a second argument by the React/Vue wrappers.
- */
-export declare const Popover: (props: PopoverUIProps, { Portal, ClickAwayProvider, ThemeProvider }: PopoverComponents) => import("react").JSX.Element | null;

package/js/components/Popover/types.d.ts

@@ -1,35 +0,0 @@
-import type { VHSize, PXSize } from '../../utils/browser/css/types';
-import type { POPOVER_SIZES } from './constants';
-/**
- * Offset of the popover.
- */
-export interface Offset {
-    /** Offset size along the reference. */
-    along?: number;
-    /** Offset size away from the reference. */
-    away?: number;
-}
-/**
- * Popover elevation index.
- */
-export type Elevation = 1 | 2 | 3 | 4 | 5;
-/** Popover size value — pixel value, or "t-shirt" size token. */
-export type PopoverSize = PXSize | (typeof POPOVER_SIZES)[number];
-/** Popover height value — extends PopoverSize with viewport-relative unit. */
-export type PopoverHeight = PopoverSize | VHSize;
-/** Popover width value — same as PopoverSize (pixels or t-shirt only). */
-export type PopoverWidth = PopoverSize;
-export interface PopoverSizes {
-    /** Exact width (pixels or t-shirt size). Combines with `fitToAnchorWidth`: if both target the same CSS property, the explicit prop wins for `width`. */
-    width?: PopoverWidth;
-    /** Minimum width (pixels or t-shirt size). Combines with `fitToAnchorWidth='minWidth'` as `max(anchor, value)`. */
-    minWidth?: PopoverWidth;
-    /** Maximum width (pixels or t-shirt size). Combines with `fitToAnchorWidth='maxWidth'` as `min(anchor, value)`. */
-    maxWidth?: PopoverWidth;
-    /** Exact height (pixels, vh, or t-shirt size). */
-    height?: PopoverHeight;
-    /** Minimum height (pixels, vh, or t-shirt size). */
-    minHeight?: PopoverHeight;
-    /** Maximum height (pixels, vh, or t-shirt size). Combines with `fitWithinViewportHeight` as `min(maxHeight, available)`. */
-    maxHeight?: PopoverHeight;
-}

package/js/components/Popover/utils/buildPopoverMiddleware.d.ts

@@ -1,25 +0,0 @@
-import { type Middleware } from '@floating-ui/dom';
-import type { Offset, PopoverSizes } from '../types';
-import { type parseAutoPlacement } from './parseAutoPlacement';
-export interface BuildPopoverMiddlewareOptions extends PopoverSizes {
-    /** Offset from the anchor element. */
-    offset?: Offset;
-    /** Whether the popover has an arrow. */
-    hasArrow?: boolean;
-    /** CSS property to fit to anchor width ('minWidth', 'maxWidth', 'width'). Already parsed via `parseFitWidth`. */
-    fitWidth?: string;
-    /** Constrain popover height to avoid overflowing the viewport. */
-    fitWithinViewportHeight?: boolean;
-    /** Boundary element for overflow detection. */
-    boundary?: HTMLElement;
-    /** Parsed placement result from `parseAutoPlacement`. */
-    parsedPlacement: ReturnType<typeof parseAutoPlacement>;
-    /** Arrow element (required when hasArrow is true). */
-    arrowElement?: HTMLElement | null;
-}
-/**
- * Build the floating-ui middleware array for popover positioning.
- *
- * Middleware order: offset → flip/autoPlacement → shift → size → arrow
- */
-export declare function buildPopoverMiddleware(options: BuildPopoverMiddlewareOptions): Middleware[];

package/js/components/Popover/utils/computeArrowStyles.d.ts

@@ -1,5 +0,0 @@
-import { type MiddlewareData } from '@floating-ui/dom';
-/**
- * Compute arrow CSS styles from floating-ui middleware data.
- */
-export declare function computeArrowStyles(arrowData?: MiddlewareData['arrow']): Record<string, string> | undefined;

package/js/components/Popover/utils/getFloatingPlacement.d.ts

@@ -1,7 +0,0 @@
-import { type Placement as FloatingPlacement } from '@floating-ui/dom';
-import { type parseAutoPlacement } from './parseAutoPlacement';
-/**
- * Get the floating-ui placement from the parsed placement config.
- * Returns undefined for auto-placement (floating-ui handles it via autoPlacement middleware).
- */
-export declare function getFloatingPlacement(parsedPlacement: ReturnType<typeof parseAutoPlacement>): FloatingPlacement | undefined;

package/js/components/Popover/utils/index.d.ts

@@ -1,5 +0,0 @@
-export { parseAutoPlacement } from './parseAutoPlacement';
-export { parseFitWidth } from './parseFitWidth';
-export { buildPopoverMiddleware, type BuildPopoverMiddlewareOptions } from './buildPopoverMiddleware';
-export { computeArrowStyles } from './computeArrowStyles';
-export { getFloatingPlacement } from './getFloatingPlacement';

package/js/components/Popover/utils/parseAutoPlacement.d.ts

@@ -1,22 +0,0 @@
-import { type Placement as FloatingPlacement } from '@floating-ui/dom';
-import { type Placement } from '../constants';
-/**
- * Parse a Popover placement into floating-ui placement or auto-placement config.
- */
-export declare function parseAutoPlacement(placement?: Placement): {
-    isAuto: true;
-    autoAlignment?: undefined;
-    floatingPlacement?: undefined;
-} | {
-    isAuto: true;
-    autoAlignment: "start";
-    floatingPlacement?: undefined;
-} | {
-    isAuto: true;
-    autoAlignment: "end";
-    floatingPlacement?: undefined;
-} | {
-    floatingPlacement: FloatingPlacement;
-    isAuto: false;
-    autoAlignment?: undefined;
-};

package/js/components/Popover/utils/parseFitWidth.d.ts

@@ -1,4 +0,0 @@
-/**
- * Parse the fitToAnchorWidth option into the CSS property name to apply.
- */
-export declare function parseFitWidth(fitToAnchorWidth?: string | boolean): string | undefined;

package/js/components/PopoverDialog/Stories.d.ts

@@ -1,44 +0,0 @@
-import type { SetupStoriesOptions } from '@lumx/core/stories/types';
-/**
- * Core stories for the PopoverDialog component.
- *
- * Stories are interactive (open/close state, focus trap, etc.) and require
- * framework-specific rendering for anchor refs and state management.
- * A `render` function is provided per framework to handle this.
- *
- * The render function receives all args, which can include:
- * - `label`: Accessible label for the dialog (aria-label)
- * - Any other PopoverDialog props
- */
-export declare function setup({ component: PopoverDialog, render }: SetupStoriesOptions): {
-    meta: {
-        component: any;
-        render: any;
-        parameters: {
-            chromatic: {
-                disableSnapshot: boolean;
-            };
-        };
-        tags: string[];
-        argTypes: {
-            closeMode: {
-                control: {
-                    type: "select" | "inline-radio";
-                };
-                options: string[];
-                mapping: Record<string, string> | undefined;
-            };
-            anchorRef: {
-                control: boolean;
-            };
-            children: {
-                control: boolean;
-            };
-        };
-    };
-    WithIconButtonTrigger: {
-        args: {
-            label: string;
-        };
-    };
-};

package/js/components/PopoverDialog/Tests.d.ts

@@ -1,11 +0,0 @@
-import { SetupOptions } from '../../../testing';
-/**
- * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
- */
-export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
-    props: any;
-    element: HTMLElement;
-    wrapper: Partial<import("../../../testing").SetupResult>;
-};
-declare const _default: (renderOptions: SetupOptions<any>) => void;
-export default _default;

package/js/components/PopoverDialog/index.d.ts

@@ -1,22 +0,0 @@
-import type { HasAriaLabelOrLabelledBy, LumxClassName } from '../../types';
-import type { PopoverProps } from '../Popover';
-/**
- * PopoverDialog props.
- * The PopoverDialog has the same props as the Popover but requires an accessible label.
- */
-export type PopoverDialogProps = PopoverProps & HasAriaLabelOrLabelledBy & {
-    /** Accessible label for the dialog (alternative to aria-label prop). */
-    label?: string;
-};
-/**
- * Component display name.
- */
-export declare const COMPONENT_NAME = "PopoverDialog";
-/**
- * Component default class name and class prefix.
- */
-export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
-/**
- * Component default props.
- */
-export declare const DEFAULT_PROPS: Partial<PopoverDialogProps>;

package/js/components/ProgressCircular/Stories.d.ts

@@ -1,30 +0,0 @@
-import type { SetupStoriesOptions } from '@lumx/core/stories/types';
-import { type ProgressCircularSize } from '.';
-export declare function setup({ component, decorators: { withCombinations }, overrides, }: SetupStoriesOptions<{
-    overrides: 'Inline';
-    decorators: 'withCombinations';
-}>): {
-    meta: {
-        component: any;
-        args: Partial<import(".").ProgressCircularProps>;
-        argTypes: {
-            size: {
-                control: {
-                    type: "select" | "inline-radio";
-                };
-                options: ProgressCircularSize[];
-                mapping: Record<string, ProgressCircularSize> | undefined;
-            };
-        };
-    };
-    /** Default progress circular */
-    Default: {};
-    /** All sizes */
-    AllSizes: {
-        decorators: ((story: any, context: any) => any)[];
-    };
-    /** Inline display variant to use inside text */
-    Inline: {
-        [x: string]: any;
-    };
-};

package/js/components/ProgressCircular/Tests.d.ts

@@ -1,11 +0,0 @@
-import { SetupOptions } from '../../../testing';
-/**
- * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
- */
-export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
-    props: any;
-    element: HTMLElement;
-    wrapper: Partial<import("../../../testing").SetupResult>;
-};
-declare const _default: (renderOptions: SetupOptions<any>) => void;
-export default _default;

package/js/components/ProgressCircular/index.d.ts

@@ -1,52 +0,0 @@
-import type { CommonRef, GenericProps, HasClassName, HasTheme, LumxClassName } from '../../types';
-import { Size } from '../../constants';
-/**
- * Progress sizes.
- */
-export type ProgressCircularSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm'>;
-/**
- * Defines the props of the component.
- */
-export interface ProgressCircularProps extends HasTheme, HasClassName {
-    /**
-     * Progress circular size.
-     */
-    size?: ProgressCircularSize;
-    /**
-     * Progress display type (inline or block).
-     * @default 'block'
-     */
-    display?: 'inline' | 'block';
-    /** Component ref */
-    ref?: CommonRef;
-    /** additional props for the svg */
-    svgProps?: GenericProps;
-    /** additional props for the circle */
-    circleProps?: GenericProps;
-}
-/**
- * Component display name.
- */
-export declare const COMPONENT_NAME = "ProgressCircular";
-/**
- * Component default class name and class prefix.
- */
-export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
-export declare const block: {
-    (additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-    (modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-}, element: {
-    (elem: string, additionalClasses: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-    (elem: string, modifiers?: import("../../utils/classNames/bem/types").Modifier, additionalClasses?: import("../../utils/classNames/bem/types").AdditionalClasses): string;
-};
-/**
- * Component default props.
- */
-export declare const DEFAULT_PROPS: Partial<ProgressCircularProps>;
-/**
- * ProgressCircular component.
- *
- * @param  props Component props.
- * @return JSX element.
- */
-export declare const ProgressCircular: (props: ProgressCircularProps) => import("react").JSX.Element;

package/js/components/ProgressLinear/Stories.d.ts

@@ -1,11 +0,0 @@
-import type { SetupStoriesOptions } from '@lumx/core/stories/types';
-export declare function setup({ component, }: SetupStoriesOptions<{
-    decorators?: never;
-}>): {
-    meta: {
-        component: any;
-        args: Partial<import(".").ProgressLinearProps>;
-    };
-    /** Default progress linear */
-    Default: {};
-};

package/js/components/ProgressLinear/Tests.d.ts

@@ -1,11 +0,0 @@
-import { SetupOptions } from '../../../testing';
-/**
- * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
- */
-export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
-    props: any;
-    element: HTMLElement;
-    wrapper: Partial<import("../../../testing").SetupResult>;
-};
-declare const _default: (renderOptions: SetupOptions<any>) => void;
-export default _default;

package/js/components/ProgressLinear/index.d.ts

@@ -1,27 +0,0 @@
-import type { CommonRef, HasClassName, HasTheme, LumxClassName } from '../../types';
-/**
- * Defines the props of the component.
- */
-export interface ProgressLinearProps extends HasTheme, HasClassName {
-    /** Component ref */
-    ref?: CommonRef;
-}
-/**
- * Component display name.
- */
-export declare const COMPONENT_NAME = "ProgressLinear";
-/**
- * Component default class name and class prefix.
- */
-export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
-/**
- * Component default props.
- */
-export declare const DEFAULT_PROPS: Partial<ProgressLinearProps>;
-/**
- * ProgressLinear component.
- *
- * @param  props Component props.
- * @return JSX element.
- */
-export declare const ProgressLinear: (props: ProgressLinearProps) => import("react").JSX.Element;

package/js/components/RadioButton/Stories.d.ts

@@ -1,78 +0,0 @@
-import type { SetupStoriesOptions } from '@lumx/core/stories/types';
-/**
- * Setup RadioButton stories for a specific framework (React or Vue).
- * This function creates all the stories with the appropriate decorators.
- * Framework-specific render functions or args can be injected via `overrides`.
- */
-export declare function setup({ component: RadioButton, decorators: { withCombinations, withValueOnChange }, }: SetupStoriesOptions<{
-    decorators: 'withCombinations' | 'withValueOnChange';
-}>): {
-    meta: {
-        component: any;
-        render: (args: any) => import("react").JSX.Element;
-        decorators: ((story: any, context: any) => any)[];
-        argTypes: {
-            onChange: {
-                action: boolean;
-            };
-            name: {
-                control: boolean;
-            };
-            value: {
-                control: boolean;
-            };
-        };
-        args: {
-            isChecked: boolean;
-            name: string;
-            value: string;
-            helper?: string | undefined;
-            id?: string | undefined;
-            label?: import("react").ReactNode;
-            inputProps?: Record<string, any> | undefined;
-            inputRef?: import("../../types").CommonRef;
-            inputId?: string | undefined;
-            handleChange?: ((value?: string, name?: string, event?: any) => void) | undefined;
-            ref?: import("../../types").CommonRef;
-            theme?: import("../../constants").Theme | undefined;
-            className?: string | undefined;
-            'aria-disabled'?: import("../../types/Booleanish").Booleanish | undefined;
-            isDisabled?: boolean | undefined;
-            disabled?: boolean | undefined;
-            checked?: boolean | undefined;
-        };
-    };
-    /** Default radio button */
-    Default: {};
-    /** With label and helper */
-    LabelAndHelper: {
-        argTypes: {
-            label: {
-                control: string;
-            };
-            helper: {
-                control: string;
-            };
-        };
-        args: {
-            label: string;
-            helper: string;
-        };
-    };
-    /** Disabled */
-    Disabled: {
-        argTypes: {
-            isDisabled: {
-                control: boolean;
-            };
-            'aria-disabled': {
-                control: boolean;
-            };
-        };
-        args: {
-            label: string;
-            helper: string;
-        };
-        decorators: ((story: any, context: any) => any)[];
-    };
-};

package/js/components/RadioButton/Tests.d.ts

@@ -1,15 +0,0 @@
-import { SetupOptions } from '../../../testing';
-import { RadioButtonProps } from '.';
-type SetupProps = Partial<RadioButtonProps>;
-/**
- * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
- */
-export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<RadioButtonProps>) => {
-    radioButton: HTMLElement;
-    helper: HTMLElement | null;
-    label: HTMLElement | null;
-    input: HTMLElement;
-    props: RadioButtonProps;
-};
-declare const _default: (renderOptions: SetupOptions<RadioButtonProps>) => void;
-export default _default;

package/js/components/RadioButton/index.d.ts

@@ -1,45 +0,0 @@
-import type { JSXElement, LumxClassName, HasTheme, HasAriaDisabled, HasDisabled, HasClassName, HasChecked, CommonRef } from '../../types';
-/**
- * Defines the props of the component.
- */
-export interface RadioButtonProps extends HasTheme, HasClassName, HasAriaDisabled, HasDisabled, HasChecked {
-    /** Helper text. */
-    helper?: string;
-    /** Native input id property. */
-    id?: string;
-    /** Label content. */
-    label?: JSXElement;
-    /** Native input name property. */
-    name?: string;
-    /** Native input value property. */
-    value?: string;
-    /** optional props for input */
-    inputProps?: Record<string, any>;
-    /** Native input ref. */
-    inputRef?: CommonRef;
-    /** Native input id. */
-    inputId: string;
-    /** On change callback. */
-    handleChange?(value?: string, name?: string, event?: any): void;
-    /** reference to the root element */
-    ref?: CommonRef;
-}
-/**
- * Component display name.
- */
-export declare const COMPONENT_NAME = "RadioButton";
-/**
- * Component default class name and class prefix.
- */
-export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
-/**
- * Component default props.
- */
-export declare const DEFAULT_PROPS: Partial<RadioButtonProps>;
-/**
- * RadioButton component.
- *
- * @param  props Component props.
- * @return JSX element.
- */
-export declare const RadioButton: (props: RadioButtonProps) => import("react").JSX.Element;

package/js/components/RadioGroup/index.d.ts

@@ -1,34 +0,0 @@
-import type { JSXElement, LumxClassName, HasClassName, CommonRef } from '../../types';
-/**
- * Defines the props of the component.
- */
-export interface RadioGroupProps extends HasClassName {
-    /** RadioButton elements */
-    children?: JSXElement;
-    /** reference to the root element */
-    ref?: CommonRef;
-}
-/**
- * Component display name.
- */
-export declare const COMPONENT_NAME = "RadioGroup";
-/**
- * Component default class name and class prefix.
- */
-export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
-/**
- * Component default props.
- */
-export declare const DEFAULT_PROPS: Partial<RadioGroupProps>;
-/**
- * RadioGroup component.
- *
- * @param  props Component props.
- * @return JSX element.
- */
-export declare const RadioGroup: {
-    (props: RadioGroupProps): import("react").JSX.Element;
-    displayName: string;
-    className: "lumx-radio-group";
-    defaultProps: Partial<RadioGroupProps>;
-};

package/js/components/RawClickable/Tests.d.ts

@@ -1,14 +0,0 @@
-import { RawClickableProps } from '.';
-import { SetupOptions } from '../../../testing';
-type SetupProps = Partial<RawClickableProps<any>>;
-/**
- * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
- */
-export declare const setup: (propsOverride: SetupProps | undefined, { render, screen, ...options }: SetupOptions<RawClickableProps<any>>) => {
-    element: HTMLElement;
-    props: Omit<any, "ref"> & {
-        as?: any;
-    } & Record<string, unknown> & import(".").BaseClickableProps;
-};
-declare const _default: (renderOptions: SetupOptions<RawClickableProps<any>>) => void;
-export default _default;