@almadar/ui 5.111.0 → 5.113.0

package/dist/components/core/atoms/Card.d.ts

@@ -1,34 +0,0 @@
-import React from "react";
-import type { EventKey } from "@almadar/core";
-export type CardShadow = "none" | "sm" | "md" | "lg";
-/**
- * Layer 2 visual treatment for the card pattern — orthogonal to the semantic
- * `variant` (which conveys role / state).
- */
-export type CardLook = "elevated" | "flat-bordered" | "borderless-divider" | "ticket" | "invoice" | "chip" | "tile-image-first";
-export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Additional CSS classes applied to the root element. */
-    className?: string;
-    variant?: "default" | "bordered" | "elevated" | "interactive";
-    padding?: "none" | "sm" | "md" | "lg";
-    /** Card title - renders in header if provided */
-    title?: string;
-    /** Card subtitle - renders below title */
-    subtitle?: string;
-    /** Shadow size override */
-    shadow?: CardShadow;
-    /** Layer 2 visual treatment — orthogonal to the semantic variant. */
-    look?: CardLook;
-    /** Card content */
-    children?: React.ReactNode;
-    /** Declarative event key emitted on click for trait dispatch */
-    action?: EventKey;
-    /** Shows a skeleton/spinner overlay while true. */
-    loading?: boolean;
-}
-export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-export declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-export declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/atoms/Center.d.ts

@@ -1,33 +0,0 @@
-/**
- * Center Component
- *
- * A layout utility that centers its children horizontally and/or vertically.
- */
-import React from 'react';
-export interface CenterProps {
-    /** Center inline (width fits content) vs block (full width) */
-    inline?: boolean;
-    /** Center only horizontally */
-    horizontal?: boolean;
-    /** Center only vertically */
-    vertical?: boolean;
-    /** Minimum height (useful for vertical centering) */
-    minHeight?: string | number;
-    /** Fill available height */
-    fullHeight?: boolean;
-    /** Fill available width */
-    fullWidth?: boolean;
-    /** Custom class name */
-    className?: string;
-    /** Inline styles */
-    style?: React.CSSProperties;
-    /** Children elements */
-    children: React.ReactNode;
-    /** HTML element to render as */
-    as?: React.ElementType;
-}
-/**
- * Center - Centers content horizontally and/or vertically
- */
-export declare const Center: React.FC<CenterProps>;
-export default Center;

package/dist/components/core/atoms/Checkbox.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import type { EventKey } from "@almadar/core";
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> {
-    /** Additional CSS classes applied to the root element. */
-    className?: string;
-    /** Whether the checkbox is checked */
-    checked?: boolean;
-    /** Default checked state (uncontrolled) */
-    defaultChecked?: boolean;
-    label?: string;
-    /** onChange handler or declarative event key for trait dispatch */
-    onChange?: React.ChangeEventHandler<HTMLInputElement> | EventKey;
-}
-export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/core/atoms/ConditionalWrapper.d.ts

@@ -1,69 +0,0 @@
-/**
- * ConditionalWrapper Atom Component
- *
- * A wrapper component that conditionally renders its children based on
- * S-expression evaluation. Used for dynamic field visibility in inspection forms.
- */
-import React from 'react';
-import { type SExpr } from '@almadar/evaluator';
-import { type JsonObject } from '@almadar/core';
-/**
- * Context for conditional evaluation
- */
-export type ConditionalContext = {
-    formValues: JsonObject;
-    globalVariables: JsonObject;
-    localVariables?: JsonObject;
-    entity?: JsonObject;
-};
-export interface ConditionalWrapperProps {
-    /** The S-expression condition to evaluate */
-    condition?: SExpr;
-    /** Context for evaluating the condition */
-    context: ConditionalContext;
-    /** Children to render when condition is true (or when no condition is provided) */
-    children: React.ReactNode;
-    /** Optional fallback to render when condition is false */
-    fallback?: React.ReactNode;
-    /** Whether to animate the transition (uses CSS transitions) */
-    animate?: boolean;
-}
-/**
- * ConditionalWrapper conditionally renders children based on S-expression evaluation.
- *
- * Supported bindings:
- * - @entity.formValues.fieldId - Access form field values
- * - @entity.globalVariables.HG_VAR - Access global inspection variables
- * - @entity.localVariables.H_VAR - Access document-local variables
- * - @state - Current state machine state
- * - @now - Current timestamp
- *
- * @example
- * // Simple condition - show field when another field equals a value
- * <ConditionalWrapper
- *   condition={["=", "@entity.formValues.vehicleType", "commercial"]}
- *   context={{ formValues: { vehicleType: "commercial" }, globalVariables: {} }}
- * >
- *   <Input name="commercialLicenseNumber" />
- * </ConditionalWrapper>
- *
- * @example
- * // With fallback - show message when condition not met
- * <ConditionalWrapper
- *   condition={[">=", "@entity.formValues.loadWeight", 3500]}
- *   context={formContext}
- *   fallback={<Typography variant="small">Load weight must be at least 3500kg</Typography>}
- * >
- *   <HeavyVehicleFields />
- * </ConditionalWrapper>
- *
- * @example
- * // Using global variables for cross-form conditions
- * <ConditionalWrapper
- *   condition={["=", "@entity.globalVariables.HG_POTROSNIKI", "DA"]}
- *   context={{ formValues: {}, globalVariables: { HG_POTROSNIKI: "DA" } }}
- * >
- *   <PriceMarkingSection />
- * </ConditionalWrapper>
- */
-export declare const ConditionalWrapper: React.FC<ConditionalWrapperProps>;

package/dist/components/core/atoms/ConfettiEffect.d.ts

@@ -1,19 +0,0 @@
-/**
- * ConfettiEffect Atom Component
- *
- * Renders a brief particle burst animation when triggered.
- * Uses CSS keyframe animations for each particle with random
- * position, rotation, and velocity.
- */
-import React from "react";
-export interface ConfettiEffectProps {
-    /** When this changes from false to true, a burst of particles is spawned */
-    trigger: boolean;
-    /** How long the animation lasts in milliseconds */
-    duration?: number;
-    /** Number of particles to spawn */
-    particleCount?: number;
-    /** Additional class names */
-    className?: string;
-}
-export declare const ConfettiEffect: React.FC<ConfettiEffectProps>;

package/dist/components/core/atoms/DayCell.d.ts

@@ -1,22 +0,0 @@
-/**
- * DayCell
- *
- * Calendar day header atom. Renders day abbreviation and date number
- * with optional today highlight.
- */
-import React from "react";
-export interface DayCellProps {
-    /** The date this cell represents. Optional at the dynamic render edge: an
-     *  unbound `@config.date` arrives as `undefined`, so the cell falls back to today. */
-    date?: Date;
-    /** Whether this date is today */
-    isToday?: boolean;
-    /** Called when the day is clicked */
-    onClick?: (date: Date) => void;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare function DayCell({ date, isToday, onClick, className, }: DayCellProps): React.JSX.Element;
-export declare namespace DayCell {
-    var displayName: string;
-}

package/dist/components/core/atoms/Dialog.d.ts

@@ -1,18 +0,0 @@
-/**
- * Dialog Atom Component
- *
- * Semantic wrapper for the native `<dialog>` element. Owns the raw
- * HTML rendering so molecules (Modal, ConfirmDialog, etc.) can compose
- * the dialog primitive without dropping back to raw HTML.
- *
- * Defaults `role="dialog"` and `aria-modal="true"`; both overridable
- * for non-modal use cases.
- */
-import React from "react";
-export interface DialogProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
-    /** Additional CSS classes */
-    className?: string;
-    /** Dialog contents */
-    children?: React.ReactNode;
-}
-export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDialogElement>>;

package/dist/components/core/atoms/Divider.d.ts

@@ -1,29 +0,0 @@
-/**
- * Divider Atom Component
- *
- * A divider component for separating content sections.
- */
-import React from "react";
-export type DividerOrientation = "horizontal" | "vertical";
-export type DividerVariant = "solid" | "dashed" | "dotted";
-export interface DividerProps {
-    /**
-     * Orientation of the divider
-     * @default 'horizontal'
-     */
-    orientation?: DividerOrientation;
-    /**
-     * Text label to display in the divider
-     */
-    label?: string;
-    /**
-     * Line style variant
-     * @default 'solid'
-     */
-    variant?: DividerVariant;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-}
-export declare const Divider: React.FC<DividerProps>;

package/dist/components/core/atoms/FilterPill.d.ts

@@ -1,30 +0,0 @@
-import React from "react";
-import type { EventEmit } from "@almadar/core";
-import { type IconInput } from "./Icon";
-export type FilterPillVariant = "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "neutral";
-export type FilterPillSize = "sm" | "md" | "lg";
-export interface FilterPillProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "onClick"> {
-    /** Additional CSS classes applied to the root element. */
-    className?: string;
-    variant?: FilterPillVariant;
-    size?: FilterPillSize;
-    /** Pill label text (alternative to children for schema-driven rendering). */
-    label?: string | number;
-    /** Lucide icon component or canonical kebab-case icon name string */
-    icon?: IconInput;
-    /** Called when the user clicks the remove (×) button */
-    onRemove?: () => void;
-    /** Disable the remove button (renders without × control) */
-    removable?: boolean;
-    /** Click handler for the body of the pill (filter toggle) */
-    onClick?: () => void;
-    /** Event name dispatched via event bus when the pill body is clicked. Payload: { label } */
-    clickEvent?: EventEmit<{
-        label: string | number | undefined;
-    }>;
-    /** Event name dispatched via event bus when the remove (×) button is clicked. Payload: { label } */
-    removeEvent?: EventEmit<{
-        label: string | number | undefined;
-    }>;
-}
-export declare const FilterPill: React.ForwardRefExoticComponent<FilterPillProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/core/atoms/FlipContainer.d.ts

@@ -1,21 +0,0 @@
-/**
- * FlipContainer — CSS 3D perspective atom (distinct from FlipCard molecule).
- * Owns perspective/preserve-3d/rotateY only. Children are the raw face elements.
- * Use FlipCard when you need standard card chrome; use FlipContainer when you
- * need the flip mechanic around custom face content.
- */
-import React from 'react';
-export interface FlipContainerProps {
-    /** Whether the container is flipped (rotateY 180deg) */
-    flipped: boolean;
-    /** Optional className for the outer wrapper */
-    className?: string;
-    /** The two face elements (front and back) */
-    children: React.ReactNode;
-    /** Click handler on the outer wrapper */
-    onClick?: () => void;
-}
-export declare const FlipContainer: {
-    ({ flipped, className, children, onClick, }: FlipContainerProps): React.JSX.Element;
-    displayName: string;
-};

package/dist/components/core/atoms/GameIcon.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import type { Asset } from '@almadar/core';
-import { type IconInput } from './Icon';
-export interface GameIconProps {
-    /** Asset — when url is present, renders an img (Asset-primary). */
-    assetUrl?: Asset;
-    /** Lucide component or kebab-case icon name (fallback when no assetUrl). */
-    icon: IconInput;
-    /** Pixel size or named variant. */
-    size?: number | 'sm' | 'md' | 'lg';
-    /** Alt text for the img (defaults to assetUrl.category). */
-    alt?: string;
-    /** Additional CSS classes. */
-    className?: string;
-}
-export declare function GameIcon({ assetUrl, icon, size, alt, className }: GameIconProps): React.JSX.Element;
-export declare namespace GameIcon {
-    var displayName: string;
-}

package/dist/components/core/atoms/Icon.d.ts

@@ -1,57 +0,0 @@
-/**
- * Icon Atom Component
- *
- * Renders an icon from the active icon family (Layer 1 Iconography axis —
- * see lib/iconFamily.ts). Canonical names are lucide kebab-case; the resolver
- * dispatches to phosphor / tabler / fa-solid when `--icon-family` selects them,
- * re-rendering automatically on theme switch.
- *
- * Supports two APIs:
- * - `icon` prop: Pass a LucideIcon component directly (bypasses family resolver
- *   — used for direct lucide component refs, stays in lucide regardless of theme)
- * - `name` prop: Pass a canonical kebab-case name (family-aware, swaps on theme)
- */
-import React from 'react';
-import type { LucideIcon } from 'lucide-react';
-import type { ColorToken } from './types';
-export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type IconAnimation = 'spin' | 'pulse' | 'none';
-export type { ColorToken };
-/**
- * Canonical icon-input type: a Lucide component reference OR a canonical
- * kebab-case icon name string. The single source of truth for every
- * icon-bearing prop across `@almadar/ui` — pattern-sync's parser maps this
- * union to the `icon` config type, so the factory inspector renders an
- * IconPicker and a string name resolves via `resolveIcon`. Never declare an
- * icon prop as `React.ReactNode` (it collapses to a non-editable `node`).
- */
-export type IconInput = LucideIcon | string;
-/**
- * Resolve an icon name to a Lucide icon component.
- * Supports all 1500+ Lucide icons via dynamic PascalCase lookup.
- * Falls back to HelpCircle if not found.
- */
-export declare function resolveIcon(name: string): LucideIcon;
-export interface IconProps {
-    /**
-     * Lucide icon component (preferred for type-safe usage), OR a canonical
-     * kebab-case icon name string — a string is treated exactly like `name` so
-     * trait/factory authors can pass an icon by name through the `icon` prop.
-     */
-    icon?: IconInput;
-    /** Icon name as string (resolved from iconMap) */
-    name?: string;
-    /** Size of the icon */
-    size?: IconSize;
-    /** Semantic palette token or an arbitrary Tailwind color class. */
-    color?: ColorToken | string;
-    /** Animation type */
-    animation?: IconAnimation;
-    /** Additional CSS classes */
-    className?: string;
-    /** Icon stroke width - uses theme default if not specified */
-    strokeWidth?: number;
-    /** Inline style */
-    style?: React.CSSProperties;
-}
-export declare const Icon: React.FC<IconProps>;

package/dist/components/core/atoms/InfiniteScrollSentinel.d.ts

@@ -1,24 +0,0 @@
-/**
- * InfiniteScrollSentinel Atom Component
- *
- * Invisible element placed at the end of a list. Uses IntersectionObserver
- * via useInfiniteScroll to detect when the user scrolls near the bottom,
- * then fires a load-more event through the event bus.
- */
-import React from "react";
-import type { EventKey, EventPayload } from "@almadar/core";
-export interface InfiniteScrollSentinelProps {
-    /** Event name to emit when load-more is triggered (emitted as UI:{loadMoreEvent}) */
-    loadMoreEvent: EventKey;
-    /** Optional payload to include with the load-more event */
-    loadMorePayload?: EventPayload;
-    /** Whether a load operation is currently in progress */
-    isLoading?: boolean;
-    /** Whether there are more items to load */
-    hasMore?: boolean;
-    /** IntersectionObserver rootMargin for early trigger */
-    threshold?: string;
-    /** Additional class names */
-    className?: string;
-}
-export declare const InfiniteScrollSentinel: React.FC<InfiniteScrollSentinelProps>;

package/dist/components/core/atoms/Input.d.ts

@@ -1,39 +0,0 @@
-import React from "react";
-import type { EventKey } from "@almadar/core";
-import { type IconInput } from "./Icon";
-export interface SelectOption {
-    value: string;
-    label: string;
-}
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange"> {
-    /** Additional CSS classes applied to the root element. */
-    className?: string;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Current value */
-    value?: string | number;
-    /** Whether input is disabled */
-    disabled?: boolean;
-    /** Declarative event name for trait dispatch */
-    action?: EventKey;
-    /** Input type - supports 'select' and 'textarea' in addition to standard types */
-    inputType?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | "date" | "datetime-local" | "time" | "checkbox" | "select" | "textarea";
-    label?: string;
-    helperText?: string;
-    error?: string;
-    leftIcon?: IconInput;
-    rightIcon?: IconInput;
-    /** Lucide icon component or canonical kebab-case icon name string for left side */
-    icon?: IconInput;
-    /** Show clear button when input has value */
-    clearable?: boolean;
-    /** Callback or declarative event key when clear button is clicked */
-    onClear?: (() => void) | EventKey;
-    /** Options for select type */
-    options?: SelectOption[];
-    /** Rows for textarea type */
-    rows?: number;
-    /** onChange handler or declarative event key for trait dispatch */
-    onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> | EventKey;
-}
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLSelectElement | HTMLInputElement | HTMLTextAreaElement>>;

package/dist/components/core/atoms/Label.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    /** Additional CSS classes applied to the root element. */
-    className?: string;
-    /** Label text content */
-    text?: string;
-    /** Associated input element ID */
-    htmlFor?: string;
-    /** Show required indicator */
-    required?: boolean;
-}
-export declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/core/atoms/LawReferenceTooltip.d.ts

@@ -1,48 +0,0 @@
-/**
- * LawReferenceTooltip Atom Component
- *
- * A specialized tooltip for displaying law references in inspection forms.
- * Shows law name, article number, and relevant clause text.
- */
-import React from "react";
-/**
- * Law reference definition
- */
-export type LawReference = {
-    /** Law identifier (e.g., "VVO", "TPED") */
-    law: string;
-    /** Full name of the law */
-    lawName?: string;
-    /** Article number (e.g., "§8", "Artikel 5") */
-    article: string;
-    /** Clause or paragraph text */
-    clause?: string;
-    /** Optional link to full law text */
-    link?: string;
-};
-export interface LawReferenceTooltipProps {
-    /** The law reference to display */
-    reference: LawReference;
-    /** Children element that triggers the tooltip */
-    children: React.ReactNode;
-    /** Tooltip position */
-    position?: "top" | "bottom" | "left" | "right";
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * LawReferenceTooltip displays legal references with structured formatting.
- *
- * @example
- * <LawReferenceTooltip
- *   reference={{
- *     law: "VVO",
- *     lawName: "Verkehrsverordnung",
- *     article: "§8 Abs. 3",
- *     clause: "Die zulässige Gesamtmasse darf 3500 kg nicht überschreiten."
- *   }}
- * >
- *   <Typography variant="small" className="text-blue-600 underline cursor-help">VVO §8</Typography>
- * </LawReferenceTooltip>
- */
-export declare const LawReferenceTooltip: React.FC<LawReferenceTooltipProps>;

package/dist/components/core/atoms/Overlay.d.ts

@@ -1,17 +0,0 @@
-/**
- * Overlay Atom Component
- *
- * A fixed backdrop for modals and drawers.
- */
-import React from "react";
-import type { EventKey } from "@almadar/core";
-export interface OverlayProps {
-    isVisible?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
-    className?: string;
-    blur?: boolean;
-    /** Declarative event name — emits UI:{action} via eventBus on click */
-    action?: EventKey;
-}
-export declare const Overlay: React.FC<OverlayProps>;
-export default Overlay;

package/dist/components/core/atoms/ProgressBar.d.ts

@@ -1,63 +0,0 @@
-/**
- * ProgressBar Atom Component
- *
- * A progress bar component with linear, circular, and stepped variants.
- */
-import React from "react";
-export type ProgressBarType = "linear" | "circular" | "stepped";
-export type ProgressBarVariant = "default" | "primary" | "success" | "warning" | "error" | "danger";
-export type ProgressBarColor = ProgressBarVariant;
-export interface ProgressBarProps {
-    /**
-     * Progress value (0-100)
-     */
-    value: number;
-    /**
-     * Maximum value (for calculating percentage)
-     * @default 100
-     */
-    max?: number;
-    /**
-     * Type of the progress bar (linear, circular, stepped)
-     * @default 'linear'
-     */
-    progressType?: ProgressBarType;
-    /**
-     * Variant/color of the progress bar
-     * @default 'primary'
-     */
-    variant?: ProgressBarVariant;
-    /**
-     * Color variant (alias for variant)
-     * @default 'primary'
-     */
-    color?: ProgressBarColor;
-    /**
-     * Show percentage text
-     * @default false
-     */
-    showPercentage?: boolean;
-    /**
-     * Alias for showPercentage (pattern compatibility)
-     */
-    showLabel?: boolean;
-    /**
-     * Label text
-     */
-    label?: string;
-    /**
-     * Size (for circular variant)
-     * @default 'md'
-     */
-    size?: "sm" | "md" | "lg";
-    /**
-     * Number of steps (for stepped variant)
-     * @default 5
-     */
-    steps?: number;
-    /**
-     * Additional CSS classes
-     */
-    className?: string;
-}
-export declare const ProgressBar: React.FC<ProgressBarProps>;

package/dist/components/core/atoms/Radio.d.ts

@@ -1,35 +0,0 @@
-/**
- * Radio Atom Component
- *
- * A radio button component with label support and accessibility.
- */
-import React from "react";
-import type { EventKey } from "@almadar/core";
-export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
-    /** Additional CSS classes applied to the root element. */
-    className?: string;
-    /** Radio options (string array or SelectOption array) */
-    options?: string[];
-    /** Current selected value */
-    value?: string;
-    /** Declarative event name for trait dispatch */
-    action?: EventKey;
-    /**
-     * Label text displayed next to the radio button
-     */
-    label?: string;
-    /**
-     * Helper text displayed below the radio button
-     */
-    helperText?: string;
-    /**
-     * Error message displayed below the radio button
-     */
-    error?: string;
-    /**
-     * Size of the radio button
-     * @default 'md'
-     */
-    size?: "sm" | "md" | "lg";
-}
-export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/core/atoms/RangeSlider.d.ts

@@ -1,34 +0,0 @@
-import React from "react";
-import type { EventKey, EventPayload } from "@almadar/core";
-export type RangeSliderSize = "sm" | "md" | "lg";
-export interface RangeSliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
-    /** Additional CSS classes applied to the root element. */
-    className?: string;
-    /** Minimum value */
-    min?: number;
-    /** Maximum value */
-    max?: number;
-    /** Current value */
-    value?: number;
-    /** Step increment */
-    step?: number;
-    /** Show tooltip with current value on drag */
-    showTooltip?: boolean;
-    /** Show tick marks at step intervals */
-    showTicks?: boolean;
-    /** Buffered range (0-100), for media seek bars */
-    buffered?: number;
-    /** Slider size */
-    size?: RangeSliderSize;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Declarative event name for value changes */
-    action?: EventKey;
-    /** Payload to include with the action event */
-    actionPayload?: EventPayload;
-    /** Direct onChange callback */
-    onChange?: (value: number) => void;
-    /** Format function for tooltip display */
-    formatValue?: (value: number) => string;
-}
-export declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & React.RefAttributes<HTMLDivElement>>;