@arvea/components 0.0.1 → 0.0.3

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import * as lit_html from 'lit-html';
+import { I as IconName, a as IconSize, P as PhoneCountry, b as PhoneLanguage } from './arvea-sidebar-DWEHmLOH.js';
+export { A as ArveaAccordion, c as ArveaAccordionItem, d as ArveaActionButton, e as ArveaActionButtonSize, f as ArveaAlert, g as ArveaAlertProps, h as ArveaAlertVariant, i as ArveaAvatar, j as ArveaAvatarProps, k as ArveaAvatarSize, l as ArveaAvatarVariant, m as ArveaBadge, n as ArveaBadgeProps, o as ArveaBreadcrumb, p as ArveaBreadcrumbItem, q as ArveaBreadcrumbProps, r as ArveaBreadcrumbSeparator, s as ArveaButton, t as ArveaButtonProps, u as ArveaButtonSize, v as ArveaCard, w as ArveaCardProps, x as ArveaCardVariant, y as ArveaCarousel, z as ArveaCarouselArrowPosition, B as ArveaCarouselProps, C as ArveaCheckbox, D as ArveaDataTable, E as ArveaDataTableAlign, F as ArveaDataTableBadge, G as ArveaDataTableColumn, H as ArveaDataTableProps, J as ArveaDataTableSort, K as ArveaDataTableSortDirection, L as ArveaDatePicker, M as ArveaDatePickerMode, N as ArveaDatePickerProps, O as ArveaDatePickerValue, Q as ArveaDateRange, R as ArveaDialog, S as ArveaDialogProps, T as ArveaDialogSize, U as ArveaDivider, V as ArveaDividerAlign, W as ArveaDividerEmphasis, X as ArveaDividerOrientation, Y as ArveaDividerProps, Z as ArveaDividerVariant, _ as ArveaDrawer, $ as ArveaDrawerPlacement, a0 as ArveaDrawerProps, a1 as ArveaDrawerSize, a2 as ArveaDropdownItem, a3 as ArveaDropdownMenu, a4 as ArveaDropdownMenuProps, a5 as ArveaDropdownPlacement, a6 as ArveaEmptyState, a7 as ArveaEmptyStateProps, a8 as ArveaEmptyStateSize, a9 as ArveaFileUpload, aa as ArveaFormField, ab as ArveaFormFieldProps, ac as ArveaFormFieldStatus, ad as ArveaIcon, ae as ArveaImage, af as ArveaImageFit, ag as ArveaInput, ah as ArveaInputProps, ai as ArveaInputTextAlign, aj as ArveaInputType, ak as ArveaLightbox, al as ArveaLightboxItem, am as ArveaLightboxProps, an as ArveaMediaCard, ao as ArveaOtpInput, ap as ArveaOtpInputProps, aq as ArveaOtpType, ar as ArveaPagination, as as ArveaPaginationProps, at as ArveaPaginationSize, au as ArveaPhoneNumber, av as ArveaPopconfirm, aw as ArveaPopconfirmProps, ax as ArveaPopconfirmVariant, ay as ArveaPopover, az as ArveaPopoverPlacement, aA as ArveaPopoverProps, aB as ArveaPopoverTrigger, aC as ArveaProductCard, aD as ArveaProgressBar, aE as ArveaProgressBarProps, aF as ArveaProgressSize, aG as ArveaQuantitySelector, aH as ArveaQuantitySelectorProps, aI as ArveaQuantitySize, aJ as ArveaRadio, aK as ArveaRating, aL as ArveaRatingProps, aM as ArveaRatingSize, aN as ArveaSearchBar, aO as ArveaSearchBarProps, aP as ArveaSearchSize, aQ as ArveaSearchSuggestion, aR as ArveaSegmentedControl, aS as ArveaSegmentedControlItem, aT as ArveaSegmentedControlProps, aU as ArveaSegmentedControlSize, aV as ArveaSelect, aW as ArveaSelectOption, aX as ArveaSelectProps, aY as ArveaSidebar, aZ as ArveaSidebarItem, a_ as ArveaSidebarProps, a$ as ArveaSidebarSection, b0 as ArveaSkeleton, b1 as ArveaSkeletonCard, b2 as ArveaSkeletonCardPreset, b3 as ArveaSkeletonCardProps, b4 as ArveaSkeletonCardVariant, b5 as ArveaSkeletonProps, b6 as ArveaSkeletonShape, b7 as ArveaSlider, b8 as ArveaSpinner, b9 as ArveaSpinnerProps, ba as ArveaSpinnerSize, bb as ArveaStepper, bc as ArveaStepperOrientation, bd as ArveaStepperProps, be as ArveaStepperStep, bf as ArveaTabItem, bg as ArveaTable, bh as ArveaTableProps, bi as ArveaTableRow, bj as ArveaTabs, bk as ArveaTabsProps, bl as ArveaTabsVariant, bm as ArveaTag, bn as ArveaTagValidator, bo as ArveaTagsInput, bp as ArveaTagsInputProps, bq as ArveaTextarea, br as ArveaTimeSelect, bs as ArveaToast, bt as ArveaToastContainer, bu as ArveaToastOptions, bv as ArveaToastPosition, bw as ArveaToastProps, bx as ArveaToastVariant, by as ArveaToggle, bz as ArveaTooltip, bA as ArveaTooltipPlacement, bB as ArveaTooltipProps, bC as ArveaTree, bD as ArveaTreeNode, bE as ArveaTreeProps, bF as ArveaTreeSelection, bG as BadgeVariant, bH as ButtonVariant, bI as COUNTRIES, bJ as TableColumn, bK as findCountry, bL as flagUrl, bM as resolveCountry } from './arvea-sidebar-DWEHmLOH.js';
 import * as lit from 'lit';
-import { LitElement, PropertyValues, TemplateResult, nothing } from 'lit';
+import 'lit-html';
 
 /**
  * @file tokens.ts
@@ -3427,39 +3428,6 @@ declare const homeFilledIcon = "\n  <path d=\"M12 2.1L1 12h3v9h6v-6h4v6h6v-9h3L1
 declare const clipboardOutlineIcon = "\n  <rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n";
 declare const clipboardFilledIcon = "\n  <path d=\"M9 2a1 1 0 0 0-1 1v1H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V3a1 1 0 0 0-1-1H9zm0 1.5h6V6H9V3.5z\" fill=\"currentColor\"/>\n";
 
-/**
- * @file icon.types.ts
- * @description All available icon names, sizes and variants.
- */
-type IconName = 'user' | 'layout-bottom' | 'wifi-02' | 'setting-02' | 'lock' | 'globe' | 'chevron-down' | 'fingerprint' | 'flag' | 'map-pin' | 'mail' | 'id-card' | 'check' | 'eye' | 'eye-slash' | 'plus' | 'shopping-bag' | 'gift' | 'ticket' | 'shopping-cart' | 'map' | 'file-text' | 'truck' | 'refresh-cw' | 'archive' | 'tag' | 'package' | 'layers' | 'grid' | 'zap' | 'file' | 'shield' | 'chevron-right' | 'bell' | 'settings' | 'arrow-right' | 'google' | 'log-out' | 'home' | 'clipboard';
-type IconSize = 'sm' | 'md' | 'lg' | 'xl';
-
-/**
- * @element arvea-icon
- *
- * @prop {IconName}  name    - Icon name e.g. 'user', 'view'
- * @prop {IconSize}  size    - 'sm' | 'md' | 'lg' | 'xl'
- * @prop {boolean}   outline - true = outline, false = filled
- * @prop {string}    color   - any CSS color value
- *
- * @example
- * <arvea-icon name="user" size="md" outline></arvea-icon>
- * <arvea-icon name="user" size="lg"></arvea-icon>
- */
-declare class ArveaIcon extends LitElement {
-    static styles: lit.CSSResult;
-    name: IconName;
-    size: IconSize;
-    outline: boolean;
-    color?: string;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-icon': ArveaIcon;
-    }
-}
-
 declare const arveaIconStyles: lit.CSSResult;
 
 interface ArveaIconProps {
@@ -3469,132 +3437,10 @@ interface ArveaIconProps {
     color?: string;
 }
 
-type ButtonVariant = 'default' | 'outline' | 'secondary' | 'danger' | 'link';
-type ArveaButtonSize = 'sm' | 'default' | 'lg' | 'icon';
-type ArveaButtonShape = 'default' | 'pill';
-interface ArveaButtonProps {
-    variant?: ButtonVariant;
-    size?: ArveaButtonSize;
-    shape?: ArveaButtonShape;
-    disabled?: boolean;
-    loading?: boolean;
-    type?: 'button' | 'submit' | 'reset';
-}
-
-/**
- * @element arvea-button
- *
- * @prop {ButtonVariant}   variant  - 'default' | 'outline' | 'secondary' | 'danger' | 'link'
- * @prop {ArveaButtonSize} size     - 'sm' | 'default' | 'lg' | 'icon'
- * @prop {boolean}         disabled - disables the button
- * @prop {boolean}         loading  - shows a spinner (ignored for link variant)
- * @prop {string}          type     - 'button' | 'submit' | 'reset'
- *
- * @slot - Default slot for button content (text or icon)
- *
- * @example
- * <arvea-button variant="default" size="default">Button</arvea-button>
- * <arvea-button variant="danger" size="sm">Delete</arvea-button>
- * <arvea-button variant="outline" disabled>Disabled</arvea-button>
- * <arvea-button variant="default" loading>Loading...</arvea-button>
- * <arvea-button variant="default" size="icon"><arvea-icon name="user"></arvea-icon></arvea-button>
- */
-declare class ArveaButton extends LitElement {
-    static styles: lit.CSSResult[];
-    variant: ButtonVariant;
-    size: ArveaButtonSize;
-    shape: ArveaButtonShape;
-    disabled: boolean;
-    type: 'button' | 'submit' | 'reset';
-    loading: boolean;
-    fullWidth: boolean;
-    private get _isLoading();
-    private _handleClick;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-button': ArveaButton;
-    }
-}
-
 declare const arveaButtonStyles: lit.CSSResult[];
 
-type BadgeVariant = 'success' | 'error' | 'warning' | 'info' | 'pending' | 'active' | 'inactive' | 'default' | 'destructive' | 'secondary' | 'outline';
-interface ArveaBadgeProps {
-    variant?: BadgeVariant;
-    label?: string;
-    color?: string;
-    textColor?: string;
-    icon?: string;
-    noBg?: boolean;
-    selected?: boolean;
-}
-
-/**
- * @element arvea-badge
- *
- * @prop {BadgeVariant} variant   - 'success' | 'error' | 'warning' | 'info' | 'pending' | 'active' | 'inactive'
- * @prop {string}       label     - Text label displayed in the badge
- * @prop {string}       color     - Custom background color (overrides variant color)
- * @prop {string}       textColor - Custom text/icon color (overrides variant color)
- * @prop {string}       icon      - Icon name from arvea-icon (overrides the variant icon)
- * @prop {boolean}      noBg      - Removes background and padding for a transparent look
- *
- * @example
- * <arvea-badge variant="success" label="Vérifié"></arvea-badge>
- * <arvea-badge icon="check-circle" label="Vérifié" no-bg text-color="#10b981"></arvea-badge>
- * <arvea-badge label="Custom" color="#e0f2fe" text-color="#0369a1"></arvea-badge>
- */
-declare class ArveaBadge extends LitElement {
-    static styles: lit.CSSResult[];
-    variant: BadgeVariant;
-    label: string;
-    color: string;
-    textColor: string;
-    icon: string;
-    noBg: boolean;
-    selected: boolean;
-    private static STATUS_VARIANTS;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-badge': ArveaBadge;
-    }
-}
-
 declare const arveaBadgeStyles: lit.CSSResult[];
 
-/**
- * @element arvea-toggle
- *
- * @prop {boolean} checked  - Whether the toggle is checked
- * @prop {boolean} disabled - Whether the toggle is disabled
- * @prop {string}  label    - Optional label next to the toggle
- *
- * @fires arvea-change - Fired when the toggle is clicked with detail: { checked: boolean }
- *
- * @example
- * <arvea-toggle></arvea-toggle>
- * <arvea-toggle checked></arvea-toggle>
- * <arvea-toggle disabled></arvea-toggle>
- * <arvea-toggle label="Dark mode"></arvea-toggle>
- */
-declare class ArveaToggle extends LitElement {
-    static styles: lit.CSSResult[];
-    checked: boolean;
-    disabled: boolean;
-    label: string;
-    private _handleClick;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-toggle': ArveaToggle;
-    }
-}
-
 declare const arveaToggleStyles: lit.CSSResult[];
 
 interface ArveaToggleProps {
@@ -3603,39 +3449,6 @@ interface ArveaToggleProps {
     label?: string;
 }
 
-/**
- * @element arvea-checkbox
- *
- * @prop {boolean} checked        - Whether the checkbox is checked
- * @prop {boolean} indeterminate  - Tri-state mixed state (overrides check visual)
- * @prop {boolean} disabled       - Whether the checkbox is disabled
- * @prop {string}  label          - Optional label next to the checkbox
- *
- * @fires arvea-change - { detail: { checked, indeterminate } }
- *
- * @example
- * <arvea-checkbox></arvea-checkbox>
- * <arvea-checkbox checked></arvea-checkbox>
- * <arvea-checkbox indeterminate></arvea-checkbox>
- */
-declare class ArveaCheckbox extends LitElement {
-    static styles: lit.CSSResult[];
-    checked: boolean;
-    indeterminate: boolean;
-    disabled: boolean;
-    label: string;
-    private _ariaChecked;
-    private _toggle;
-    private _handleClick;
-    private _handleKey;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-checkbox': ArveaCheckbox;
-    }
-}
-
 declare const arveaCheckboxStyles: lit.CSSResult[];
 
 interface ArveaCheckboxProps {
@@ -3644,34 +3457,6 @@ interface ArveaCheckboxProps {
     label?: string;
 }
 
-/**
- * @element arvea-radio
- *
- * @prop {boolean} checked  - Whether the radio is checked
- * @prop {boolean} disabled - Whether the radio is disabled
- * @prop {string}  label    - Optional label next to the radio
- * @prop {string}  value    - Value of the radio button
- * @prop {string}  name     - Name of the radio group
- *
- * @example
- * <arvea-radio label="Option 1" name="group" value="1"></arvea-radio>
- * <arvea-radio label="Option 2" name="group" value="2" checked></arvea-radio>
- * <arvea-radio label="Option 3" name="group" value="3" disabled></arvea-radio>
- */
-declare class ArveaRadio extends LitElement {
-    static styles: lit.CSSResult[];
-    checked: boolean;
-    disabled: boolean;
-    label: string;
-    private _handleClick;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-radio': ArveaRadio;
-    }
-}
-
 declare const arveaRadioStyles: lit.CSSResult[];
 
 interface ArveaRadioProps {
@@ -3680,59 +3465,6 @@ interface ArveaRadioProps {
     label?: string;
 }
 
-/**
- * @element arvea-slider
- *
- * @prop {number}  value         - Current value of the slider
- * @prop {number}  min           - Minimum value (default: 0)
- * @prop {number}  max           - Maximum value (default: 100)
- * @prop {number}  step          - Step increment (default: 1)
- * @prop {boolean} disabled      - Disables the slider
- * @prop {string}  label         - Visible label above the track
- * @prop {boolean} showValue     - Shows the current value in the head row
- * @prop {string}  valuePrefix   - Prepended to the displayed value (e.g. '$')
- * @prop {string}  valueSuffix   - Appended to the displayed value (e.g. '%')
- * @prop {number}  tickStep      - When >0, draws tick marks at every N units
- * @prop {string}  name          - Form name
- *
- * @fires arvea-input  - Live updates while dragging (detail: { value })
- * @fires arvea-change - When the value is committed (detail: { value })
- * @fires change       - Back-compat: dispatched alongside arvea-input
- *
- * @example
- *   <arvea-slider label="Volume" show-value value-suffix="%"></arvea-slider>
- *   <arvea-slider min="-50" max="50" step="5" tick-step="10"></arvea-slider>
- */
-declare class ArveaSlider extends LitElement {
-    static styles: lit.CSSResult[];
-    value: number;
-    min: number;
-    max: number;
-    step: number;
-    disabled: boolean;
-    label: string;
-    showValue: boolean;
-    valuePrefix: string;
-    valueSuffix: string;
-    tickStep: number;
-    name: string;
-    private _focused;
-    private get _percentage();
-    private _ticks;
-    private _tickPercent;
-    private _formatValue;
-    private _handleInput;
-    private _handleChange;
-    private _handleFocus;
-    private _handleBlur;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-slider': ArveaSlider;
-    }
-}
-
 declare const arveaSliderStyles: lit.CSSResult[];
 
 interface ArveaSliderProps {
@@ -3749,242 +3481,8 @@ interface ArveaSliderProps {
     name?: string;
 }
 
-type ArveaInputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
-type ArveaInputTextAlign = 'left' | 'right';
-type ArveaInputVariant = 'default' | 'underline';
-interface CountryOption {
-    name: string;
-    flag: string;
-    dialCode: string;
-}
-interface ArveaInputProps {
-    label?: string;
-    hideLabel?: boolean;
-    type?: ArveaInputType;
-    variant?: ArveaInputVariant;
-    name?: string;
-    value?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    readonly?: boolean;
-    required?: boolean;
-    invalid?: boolean;
-    hasWarning?: boolean;
-    showValid?: boolean;
-    validationHint?: string;
-    optionalLabel?: string;
-    textAlign?: ArveaInputTextAlign;
-    flagSrc?: string;
-    dialCode?: string;
-    hintEnd?: string;
-}
-
-/**
- * @element arvea-input
- *
- * @prop {string}  label         - Visible label for the input
- * @prop {boolean} hideLabel     - Visually hides the label (still accessible)
- * @prop {string}  type          - text | email | password | number | tel | url | search
- * @prop {string}  name          - Form name
- * @prop {string}  value         - Current value
- * @prop {string}  placeholder   - Placeholder text
- * @prop {boolean} disabled
- * @prop {boolean} readonly
- * @prop {boolean} required
- * @prop {boolean} invalid       - Triggers error styles
- * @prop {boolean} hasWarning    - Triggers warning styles
- * @prop {boolean} showValid     - Triggers valid styles
- * @prop {string}  validationHint - Helper / error message below the input
- * @prop {string}  optionalLabel  - Text shown next to label when not required
- * @prop {'left'|'right'} textAlign
- * @prop {CountryOption[]} countries - List of country options for phone prefix dropdown
- *
- * @slot prefix - Left-aligned content (icon)
- * @slot suffix - Right-aligned content (icon)
- *
- * @fires arvea-input          - When value changes (detail: { value })
- * @fires arvea-change         - When the input is committed (detail: { value })
- * @fires arvea-country-change - When a country is selected (detail: CountryOption)
- */
-declare class ArveaInput extends LitElement {
-    static styles: lit.CSSResult[];
-    label: string;
-    hideLabel: boolean;
-    type: ArveaInputType;
-    variant: ArveaInputVariant;
-    name: string;
-    value: string;
-    placeholder: string;
-    disabled: boolean;
-    readonly: boolean;
-    required: boolean;
-    invalid: boolean;
-    hasWarning: boolean;
-    showValid: boolean;
-    validationHint: string;
-    optionalLabel: string;
-    textAlign: ArveaInputTextAlign;
-    flagSrc: string;
-    dialCode: string;
-    hintEnd: string;
-    digitsOnly: boolean;
-    countries: CountryOption[];
-    private _open;
-    private _input;
-    private _hasPrefix;
-    private _hasSuffix;
-    private _closeHandler;
-    private _onInput;
-    private _onChange;
-    private _onSlotChange;
-    /** Focuses the inner input. */
-    focus(): void;
-    private _clear;
-    private _toggleDropdown;
-    private _removeCloseHandler;
-    private _selectCountry;
-    disconnectedCallback(): void;
-    private _renderAutoIcon;
-    private _renderCountryDropdown;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-input': ArveaInput;
-    }
-}
-
 declare const arveaInputStyles: lit.CSSResult[];
 
-/**
- * @file countries.ts
- * @description Full country dataset for arvea-phone-number.
- *
- * - `iso2`     : lowercase ISO 3166-1 alpha-2 code (used for the flag image).
- * - `name`     : English country name.
- * - `dialCode` : international calling code (without the leading "+").
- * - `maxLength`: maximum national significant number length (digits, excluding
- *                the dial code) — based on intl-tel-input / libphonenumber
- *                metadata. e.g. Tunisia = 8, Algeria = 9.
- *
- * Flags are served from https://flagcdn.com/w20/<iso2>.png (same source the
- * rest of the kit already uses).
- */
-interface PhoneCountry {
-    iso2: string;
-    name: string;
-    dialCode: string;
-    /** Maximum national number length (digits). Used as input cap and, when minLength is absent, as the exact valid length. */
-    maxLength: number;
-    /** Minimum national number length (digits). Only set for countries where valid numbers are shorter than maxLength. */
-    minLength?: number;
-}
-/** Supported display languages for country names. */
-type PhoneLanguage = 'en' | 'fr' | 'ar';
-declare const flagUrl: (iso2: string) => string;
-declare const COUNTRIES: PhoneCountry[];
-/** Look up a country by its ISO2 code (case-insensitive). */
-declare const findCountry: (iso2: string) => PhoneCountry | undefined;
-/**
- * Resolve a country from a full name (e.g. "Tunisia", "tunisia") or, as a
- * fallback, an ISO2 code (e.g. "tn"). Case-insensitive.
- */
-declare const resolveCountry: (value: string) => PhoneCountry | undefined;
-
-/**
- * @element arvea-phone-number
- *
- * International phone number input: selectable country flag + dial code with a
- * searchable dropdown of all countries, and a number field whose length is
- * capped to the selected country's national number length.
- *
- * @prop {string}  country            - Selected country: ISO2 code or full name (stored/reflected as ISO2; default 'tn')
- * @prop {string}  language           - Country-name display language: 'en' | 'fr' | 'ar' (default 'en')
- * @prop {string}  value              - National number digits (no dial code)
- * @prop {string}  label              - Field label
- * @prop {string}  placeholder        - Number input placeholder
- * @prop {string}  search-placeholder - Dropdown search placeholder
- * @prop {boolean} disabled
- * @prop {boolean} required
- * @prop {boolean} invalid            - Reflected; forces the error style
- * @prop {string}  validation-hint    - Hint text shown under the field
- *
- * @fires arvea-input          { value }                          - on every keystroke
- * @fires arvea-change         { iso2, dialCode, nationalNumber, e164, valid, country }
- * @fires arvea-country-change { country }                        - when the country changes
- */
-declare class ArveaPhoneNumber extends LitElement {
-    static styles: lit.CSSResult[];
-    country: string;
-    language: PhoneLanguage;
-    value: string;
-    label: string;
-    placeholder: string;
-    searchPlaceholder: string;
-    noResultsText: string;
-    disabled: boolean;
-    required: boolean;
-    invalid: boolean;
-    validationHint: string;
-    name: string;
-    /**
-     * Countries pinned to the top of the dropdown (by name or ISO2). Accepts a
-     * comma-separated attribute (`preferred-countries="tn,dz,..."`) or an array
-     * property. Defaults to a North/West-Africa suggestion set.
-     */
-    preferredCountries: string[];
-    private _open;
-    private _query;
-    private _activeIndex;
-    private _searchInput?;
-    private _prefixBtn?;
-    private _onDocPointer;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private get _country();
-    /** Country name in the active language (English fallback). */
-    private _label;
-    /** Is the active language right-to-left? */
-    private get _rtl();
-    private static readonly _i18n;
-    private get _searchPlaceholder();
-    private get _noResultsText();
-    /**
-     * Full list localized and re-sorted for the active language, cached so the
-     * (relatively expensive) localize + `Intl.Collator` sort runs once per
-     * language rather than on every render.
-     */
-    private _localizedCache?;
-    private get _localizedCountries();
-    private get _filtered();
-    /** Resolved, de-duplicated preferred countries. */
-    private get _preferred();
-    /** Flat list as rendered/navigated: preferred-first when not searching. */
-    private get _visibleList();
-    /** Digits-only view of `value` — guards against programmatic assignment of formatted strings. */
-    private get _digits();
-    /** True when the number length is within the country's valid range. */
-    get valid(): boolean;
-    get e164(): string;
-    /** Insert spaces into the national number per the country's group pattern. */
-    private _formatNational;
-    private _onNumberInput;
-    private _emitChange;
-    private _toggle;
-    private _openDropdown;
-    private _close;
-    private _onSearch;
-    private _selectCountry;
-    private _onSearchKey;
-    render(): lit_html.TemplateResult<1>;
-    private _renderPopup;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-phone-number': ArveaPhoneNumber;
-    }
-}
-
 declare const arveaPhoneNumberStyles: lit.CSSResult[];
 
 interface ArveaPhoneNumberProps {
@@ -4019,46 +3517,6 @@ interface ArveaPhoneChangeDetail {
     country: PhoneCountry;
 }
 
-/**
- * @element arvea-textarea
- *
- * Multi-line text input with label, validation, and optional auto-resize.
- *
- * @fires arvea-input  - On every keystroke (detail: { value })
- * @fires arvea-change - On commit (detail: { value })
- */
-declare class ArveaTextarea extends LitElement {
-    static styles: lit.CSSResult[];
-    label: string;
-    hideLabel: boolean;
-    name: string;
-    value: string;
-    placeholder: string;
-    disabled: boolean;
-    readonly: boolean;
-    required: boolean;
-    invalid: boolean;
-    hasWarning: boolean;
-    showValid: boolean;
-    validationHint: string;
-    optionalLabel: string;
-    rows: number;
-    maxLength?: number;
-    autoResize: boolean;
-    private _ta;
-    focus(): void;
-    private _resize;
-    private _onInput;
-    private _onChange;
-    updated(changed: PropertyValues): void;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-textarea': ArveaTextarea;
-    }
-}
-
 declare const arveaTextareaStyles: lit.CSSResult[];
 
 interface ArveaTextareaProps {
@@ -4080,188 +3538,8 @@ interface ArveaTextareaProps {
     autoResize?: boolean;
 }
 
-interface ArveaSelectOption {
-    value: string;
-    label: string;
-    disabled?: boolean;
-    group?: string;
-    description?: string;
-    /** Optional flag/leading image URL shown before the label in the trigger and options. */
-    flagSrc?: string;
-    meta?: unknown;
-}
-type ArveaSelectFetchFn = (query: string) => Promise<ArveaSelectOption[]>;
-type ArveaSelectFilterFn = (query: string, option: ArveaSelectOption) => boolean;
-type ArveaSelectGroupBy = string | ((option: ArveaSelectOption) => string);
-interface ArveaSelectProps {
-    label?: string;
-    hideLabel?: boolean;
-    name?: string;
-    value?: string | string[];
-    placeholder?: string;
-    options?: ArveaSelectOption[];
-    disabled?: boolean;
-    required?: boolean;
-    invalid?: boolean;
-    validationHint?: string;
-    optionalLabel?: string;
-    searchable?: boolean;
-    multiple?: boolean;
-    clearable?: boolean;
-    loading?: boolean;
-    fetchOptions?: ArveaSelectFetchFn;
-    debounceMs?: number;
-    noResultsText?: string;
-    loadingText?: string;
-    maxTagCount?: number;
-    groupBy?: ArveaSelectGroupBy;
-    createable?: boolean;
-    filterFn?: ArveaSelectFilterFn;
-    open?: boolean;
-}
-
-interface OptionState {
-    selected: boolean;
-    active: boolean;
-}
-/**
- * @element arvea-select
- *
- * Select2-style combobox: searchable, multi-select, async, grouped, createable,
- * keyboard navigable, with custom item rendering.
- *
- * @fires arvea-change      { value, selectedOptions }
- * @fires arvea-select-open
- * @fires arvea-select-close
- * @fires arvea-search      { query }
- * @fires arvea-fetch-error { error, query }
- * @fires arvea-create      { label, value }
- * @fires arvea-clear
- */
-declare class ArveaSelect extends LitElement {
-    static styles: lit.CSSResult[];
-    static formAssociated: boolean;
-    label: string;
-    hideLabel: boolean;
-    name: string;
-    value: string | string[];
-    placeholder: string;
-    options: ArveaSelectOption[];
-    disabled: boolean;
-    required: boolean;
-    invalid: boolean;
-    validationHint: string;
-    optionalLabel: string;
-    /** Leading flag/image shown in the trigger (e.g. default country flag for the placeholder state). */
-    flagSrc: string;
-    searchable: boolean;
-    multiple: boolean;
-    clearable: boolean;
-    loading: boolean;
-    fetchOptions?: ArveaSelectFetchFn;
-    debounceMs: number;
-    noResultsText: string;
-    loadingText: string;
-    maxTagCount: number;
-    groupBy?: ArveaSelectGroupBy;
-    createable: boolean;
-    filterFn?: ArveaSelectFilterFn;
-    open: boolean;
-    size: 'sm' | 'md' | 'lg';
-    renderOption?: (option: ArveaSelectOption, state: OptionState) => TemplateResult;
-    private _query;
-    private _activeIndex;
-    private _asyncResults;
-    private _fetchError;
-    private _popupEl?;
-    private _popupSearchInput?;
-    private _searchInput?;
-    private _internals?;
-    private _debounceTimer?;
-    private _abort?;
-    private _onDocPointer;
-    private _onWinReflow;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changed: Map<string, unknown>): void;
-    get form(): HTMLFormElement | null;
-    get validity(): ValidityState | undefined;
-    get validationMessage(): string;
-    checkValidity(): boolean;
-    reportValidity(): boolean;
-    private get _valueArray();
-    private get _allOptions();
-    private get _filtered();
-    private get _groups();
-    private get _flatVisible();
-    private get _selectedOptions();
-    private _onTriggerPointer;
-    private _focusSearchSoon;
-    private _onKeydown;
-    private _onSearchInput;
-    private _scheduleFetch;
-    private _runFetch;
-    private _firstSelectable;
-    private _lastSelectable;
-    private _moveActive;
-    private _toggleOption;
-    private _createTag;
-    private _setValue;
-    private _syncFormState;
-    private _clear;
-    private _open;
-    private _close;
-    private _afterOpen;
-    private _flatParent;
-    private _findScrollBounds;
-    private _positionPopup;
-    render(): TemplateResult<1>;
-    private _renderTrigger;
-    private _renderFlag;
-    private _renderPopup;
-    private _renderGroup;
-    private _iconChevron;
-    private _iconX;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-select': ArveaSelect;
-    }
-}
-
 declare const arveaSelectStyles: lit.CSSResult[];
 
-/**
- * @element arvea-tag
- *
- * @prop {boolean} selected   - Renders selected styles
- * @prop {boolean} clickable  - Renders as a <button> and dispatches click
- * @prop {boolean} removable  - Renders a close button on the right
- * @prop {boolean} disabled
- *
- * @slot prefix  - Leading icon
- * @slot         - Default slot for tag text
- * @slot suffix  - Trailing icon
- *
- * @fires arvea-remove - When the remove button is clicked
- */
-declare class ArveaTag extends LitElement {
-    static styles: lit.CSSResult[];
-    selected: boolean;
-    clickable: boolean;
-    removable: boolean;
-    disabled: boolean;
-    private _onRemove;
-    private _renderInner;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-tag': ArveaTag;
-    }
-}
-
 declare const arveaTagStyles: lit.CSSResult[];
 
 interface ArveaTagProps {
@@ -4272,1985 +3550,87 @@ interface ArveaTagProps {
     removeButtonLabel?: string;
 }
 
-type ArveaSpinnerSize = 'sm' | 'md' | 'lg';
-interface ArveaSpinnerProps {
-    size?: ArveaSpinnerSize;
-    label?: string;
-}
-
-/**
- * @element arvea-spinner
- *
- * @prop {'sm'|'md'|'lg'} size  - Spinner size (default: 'md')
- * @prop {string}         label - Accessible loading label (default: 'Loading')
- */
-declare class ArveaSpinner extends LitElement {
-    static styles: lit.CSSResult[];
-    size: ArveaSpinnerSize;
-    label: string;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-spinner': ArveaSpinner;
-    }
-}
-
 declare const arveaSpinnerStyles: lit.CSSResult[];
 
-type ArveaTooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
-interface ArveaTooltipProps {
-    content?: string;
-    placement?: ArveaTooltipPlacement;
-    open?: boolean;
-    disabled?: boolean;
-    delay?: number;
-}
-
-/**
- * @element arvea-tooltip
- *
- * Wrap a trigger element with this component to display a tooltip on
- * hover / focus.
- *
- * @prop {string}                 content    - Tooltip text
- * @prop {'top'|'right'|'bottom'|'left'} placement - Default 'top'
- * @prop {boolean}                open       - Force open
- * @prop {boolean}                disabled   - Disables tooltip
- * @prop {number}                 delay      - Show delay in ms (default 100)
- *
- * @slot - The trigger element
- * @slot content - Rich content alternative to the `content` attribute
- */
-declare class ArveaTooltip extends LitElement {
-    static styles: lit.CSSResult[];
-    content: string;
-    placement: ArveaTooltipPlacement;
-    open: boolean;
-    disabled: boolean;
-    delay: number;
-    private _showTimer?;
-    private _hideTimer?;
-    private _id;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _show;
-    private _hide;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-tooltip': ArveaTooltip;
-    }
-}
-
 declare const arveaTooltipStyles: lit.CSSResult[];
 
-type ArveaCardVariant = 'default' | 'elevated' | 'outline';
-interface ArveaCardProps {
-    variant?: ArveaCardVariant;
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-    interactive?: boolean;
-}
-
-/**
- * @element arvea-card
- *
- * Generic container with three variants and four padding options.
- *
- * @prop {'default'|'elevated'|'outline'} variant
- * @prop {'none'|'sm'|'md'|'lg'}          padding
- * @prop {boolean}                        interactive  - hover/focus styles
- *
- * @slot header
- * @slot - main content
- * @slot footer
- */
-declare class ArveaCard extends LitElement {
-    static styles: lit.CSSResult[];
-    variant: ArveaCardVariant;
-    padding: 'none' | 'sm' | 'md' | 'lg';
-    interactive: boolean;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-card': ArveaCard;
-    }
-}
-
 declare const arveaCardStyles: lit.CSSResult[];
 
-/**
- * @element arvea-media-card
- *
- * Full-bleed image card with an uppercase label and a clickable arrow button.
- *
- * @prop {'sm'|'md'|'lg'|'xl'}              size           - Card height (default: md)
- * @prop {'sm'|'md'|'lg'|'full'}            radius         - Border-radius (default: md)
- * @prop {'none'|'light'|'medium'|'dark'}   overlay        - Gradient darkness (default: medium)
- * @prop {'bottom'|'top'}                   label-position - Where the label & arrow sit (default: bottom)
- * @prop {string}                           src            - Background image URL
- * @prop {string}                           label          - Category / title text (displayed uppercase)
- * @prop {string}                           href           - URL the arrow button navigates to
- * @prop {string}                           target         - Link target (default: _blank)
- *
- * @fires arvea-media-card-click - { href } fired when the arrow button is clicked
- */
-declare class ArveaMediaCard extends LitElement {
-    static styles: lit.CSSResult[];
-    src: string;
-    label: string;
-    href: string;
-    target: string;
-    size: 'sm' | 'md' | 'lg' | 'xl';
-    radius: 'sm' | 'md' | 'lg' | 'full';
-    overlay: 'none' | 'light' | 'medium' | 'dark';
-    labelPosition: 'bottom' | 'top';
-    private _navigate;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-media-card': ArveaMediaCard;
-    }
-}
-
 declare const arveaMediaCardStyles: lit.CSSResult[];
 
-/**
- * @element arvea-product-card
- *
- * E-commerce product card with image, add-to-cart button, name and price.
- *
- * @prop {string} src        - Product image URL
- * @prop {string} name       - Product name (displayed uppercase)
- * @prop {string} price      - Formatted price (e.g. "16,900")
- * @prop {string} currency   - Currency label shown after the price (e.g. "TND")
- * @prop {string} alt        - Alt text for the product image (defaults to name)
- * @prop {string} badge      - Optional badge text (e.g. "BIENTÔT DISPONIBLE")
- * @prop {string} badge-color - Badge background color (default: #e53935)
- *
- * @fires arvea-product-card-add - Fired when the cart button is clicked
- *
- * @csspart card          - The outer wrapper
- * @csspart image-wrapper - The image container
- * @csspart image         - The <img> element
- * @csspart badge         - The badge label
- * @csspart cart-btn      - The circular add-to-cart button
- * @csspart info          - The text section below the image
- * @csspart name          - The product name element
- * @csspart price         - The price element
- */
-declare class ArveaProductCard extends LitElement {
-    static styles: lit.CSSResult[];
-    src: string;
-    name: string;
-    price: string;
-    currency: string;
-    alt: string;
-    badge: string;
-    badgeColor: string;
-    private _onAdd;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-product-card': ArveaProductCard;
-    }
-}
-
 declare const arveaProductCardStyles: lit.CSSResult[];
 
-type ArveaActionButtonSize = 'default' | 'sm' | 'md' | 'lg';
-type ArveaActionButtonVariant = 'validate' | 'edit' | 'payment' | 'order' | 'price' | 'delete' | 'view' | 'pdf' | 'pause' | 'download' | 'upload' | 'copy' | 'print' | 'settings' | 'archive' | 'restore';
+declare const arveaActionButtonStyles: lit.CSSResult[];
 
-/**
- * @element arvea-action-button
- *
- * Icon action button with a configurable background color, icon color,
- * and a tooltip label that appears on hover.
- *
- * @prop {ArveaActionButtonVariant} variant  - Preset that sets icon + colors automatically
- * @prop {string}                   icon     - SVG markup (overrides variant icon)
- * @prop {string}                   label    - Tooltip text shown on hover (also used as aria-label)
- * @prop {string}                   bg-color - Background color (overrides variant color)
- * @prop {string}                   color    - Icon/foreground color (overrides variant color)
- * @prop {'sm'|'md'|'lg'}           size     - Button size (default: md)
- * @prop {boolean}                  disabled - Disables the button
- *
- * @fires arvea-action-click - Fired on click — detail: { label }
- *
- * @csspart button  - The <button> element
- * @csspart icon    - The icon wrapper
- * @csspart tooltip - The tooltip label
- */
-declare class ArveaActionButton extends LitElement {
-    static styles: lit.CSSResult[];
-    variant: ArveaActionButtonVariant | '';
-    icon: string;
-    label: string;
-    bgColor: string;
-    color: string;
-    size: ArveaActionButtonSize;
-    disabled: boolean;
-    private get _resolved();
-    private _onClick;
-    private get _buttonStyle();
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-action-button': ArveaActionButton;
-    }
-}
+declare const arveaAvatarStyles: lit.CSSResult[];
 
-declare const arveaActionButtonStyles: lit.CSSResult[];
+declare const arveaProgressBarStyles: lit.CSSResult[];
 
-type ArveaAvatarSize = 'sm' | 'md' | 'lg';
-type ArveaAvatarVariant = 'identity' | 'object';
-interface ArveaAvatarProps {
-    src?: string;
-    alt?: string;
-    initials?: string;
-    size?: ArveaAvatarSize;
-    variant?: ArveaAvatarVariant;
-}
+declare const arveaSkeletonStyles: lit.CSSResult[];
 
-/**
- * @element arvea-avatar
- *
- * @prop {string}                src      - Image URL
- * @prop {string}                alt      - Image alt text
- * @prop {string}                initials - Fallback initials (1-2 chars)
- * @prop {'sm'|'md'|'lg'}        size     - default 'md'
- * @prop {'identity'|'object'}   variant  - 'identity' = round, 'object' = square
- */
-declare class ArveaAvatar extends LitElement {
-    static styles: lit.CSSResult[];
-    src: string;
-    alt: string;
-    initials: string;
-    size: ArveaAvatarSize;
-    variant: ArveaAvatarVariant;
-    private _imageFailed;
-    private _onError;
-    private _formatInitials;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-avatar': ArveaAvatar;
-    }
-}
+declare const arveaSkeletonCardStyles: lit.CSSResult[];
 
-declare const arveaAvatarStyles: lit.CSSResult[];
+declare const arveaCarouselStyles: lit.CSSResult[];
 
-type ArveaProgressSize = 'sm' | 'md' | 'lg';
-interface ArveaProgressBarProps {
-    value?: number;
-    max?: number;
-    size?: ArveaProgressSize;
-    label?: string;
-    showValue?: boolean;
-    indeterminate?: boolean;
-}
+declare const arveaDialogStyles: lit.CSSResult[];
 
-/**
- * @element arvea-progress-bar
- *
- * @prop {number}  value         - current value (0..max)
- * @prop {number}  max           - max value (default 100)
- * @prop {'sm'|'md'|'lg'} size   - default 'md'
- * @prop {string}  label         - label shown above the bar
- * @prop {boolean} showValue     - show percentage on the right
- * @prop {boolean} indeterminate - looping animation, ignores value
- */
-declare class ArveaProgressBar extends LitElement {
-    static styles: lit.CSSResult[];
-    value: number;
-    max: number;
-    size: ArveaProgressSize;
-    label: string;
-    showValue: boolean;
-    indeterminate: boolean;
-    private get _percent();
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-progress-bar': ArveaProgressBar;
-    }
-}
+declare const arveaToastStyles: lit.CSSResult[];
 
-declare const arveaProgressBarStyles: lit.CSSResult[];
+declare const arveaTabsStyles: lit.CSSResult[];
 
-type ArveaSkeletonShape = 'rect' | 'circle' | 'text' | 'pill';
-interface ArveaSkeletonProps {
-    shape?: ArveaSkeletonShape;
-    width?: string;
-    height?: string;
-    radius?: string;
-    lines?: number;
-    loading?: boolean;
-}
+declare const arveaAccordionStyles: lit.CSSResult[];
+declare const arveaAccordionItemStyles: lit.CSSResult[];
 
-/**
- * @element arvea-skeleton
- *
- * A shimmer placeholder used while content is loading.
- *
- * @prop {'rect'|'circle'|'text'|'pill'} shape   - default 'rect'
- * @prop {string} width   - CSS width (e.g. '120px', '60%')
- * @prop {string} height  - CSS height
- * @prop {string} radius  - Custom border-radius
- * @prop {number} lines   - When >0, renders a stack of text lines
- * @prop {boolean} loading - When false, renders the default slot instead
- *
- * @slot - Real content rendered when loading=false
- *
- * @example
- *  <arvea-skeleton width="200px" height="16px"></arvea-skeleton>
- *  <arvea-skeleton shape="circle" width="40px" height="40px"></arvea-skeleton>
- *  <arvea-skeleton lines="3"></arvea-skeleton>
- */
-declare class ArveaSkeleton extends LitElement {
-    static styles: lit.CSSResult[];
-    shape: ArveaSkeletonShape;
-    width: string;
-    height: string;
-    radius: string;
-    lines: number;
-    loading: boolean;
-    private _hostStyle;
-    render(): lit_html.TemplateResult<1>;
+interface ArveaAccordionProps {
+    multiple?: boolean;
+    bordered?: boolean;
 }
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-skeleton': ArveaSkeleton;
-    }
+interface ArveaAccordionItemProps {
+    open?: boolean;
+    title?: string;
+    disabled?: boolean;
 }
 
-declare const arveaSkeletonStyles: lit.CSSResult[];
+declare const arveaAlertStyles: lit.CSSResult[];
 
-type ArveaSkeletonCardPreset = 'article' | 'media' | 'profile' | 'product' | 'list';
-type ArveaSkeletonCardVariant = 'default' | 'elevated' | 'outline';
-interface ArveaSkeletonCardProps {
-    preset?: ArveaSkeletonCardPreset;
-    variant?: ArveaSkeletonCardVariant;
-    lines?: number;
-    loading?: boolean;
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-}
-
-/**
- * @element arvea-skeleton-card
- *
- * A shimmering card placeholder with several common layout presets.
- * Renders slotted real content once `loading` is false.
- *
- * @prop {'article'|'media'|'profile'|'product'|'list'} preset  - default 'article'
- * @prop {'default'|'elevated'|'outline'}              variant - default 'default'
- * @prop {'none'|'sm'|'md'|'lg'}                       padding - default 'md'
- * @prop {number}  lines    - number of text lines (article preset)
- * @prop {boolean} loading  - when false, renders slotted content
- *
- * @slot - Real content rendered when loading=false
- *
- * @example
- *   <arvea-skeleton-card preset="media" ?loading=${isLoading}>
- *     <h3>Loaded!</h3><p>Real content here.</p>
- *   </arvea-skeleton-card>
- */
-declare class ArveaSkeletonCard extends LitElement {
-    static styles: lit.CSSResult[];
-    preset: ArveaSkeletonCardPreset;
-    variant: ArveaSkeletonCardVariant;
-    padding: 'none' | 'sm' | 'md' | 'lg';
-    lines: number;
-    loading: boolean;
-    private _article;
-    private _media;
-    private _profile;
-    private _product;
-    private _list;
-    private _renderPreset;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-skeleton-card': ArveaSkeletonCard;
-    }
-}
-
-declare const arveaSkeletonCardStyles: lit.CSSResult[];
-
-type ArveaCarouselArrowPosition = 'inside' | 'outside';
-interface ArveaCarouselProps {
-    index?: number;
-    slidesPerView?: number;
-    gap?: string;
-    loop?: boolean;
-    autoplay?: boolean;
-    interval?: number;
-    showArrows?: boolean;
-    showDots?: boolean;
-    arrowPosition?: ArveaCarouselArrowPosition;
-    ariaLabel?: string;
-}
-
-/**
- * @element arvea-carousel
- *
- * Slot any number of child elements as slides. The carousel handles
- * navigation (arrows, dots, keyboard), autoplay, looping, and pointer
- * swipe gestures.
- *
- * @prop {number}  index           - Active slide index (default: 0)
- * @prop {number}  slidesPerView   - Slides visible at once (default: 1)
- * @prop {string}  gap             - CSS gap between slides (default: '12px')
- * @prop {boolean} loop            - Loop from last to first and vice-versa
- * @prop {boolean} autoplay        - Auto-advance slides
- * @prop {number}  interval        - Autoplay interval in ms (default: 4000)
- * @prop {boolean} showArrows      - Show prev/next arrows (default: true)
- * @prop {boolean} showDots        - Show pagination dots (default: true)
- * @prop {'inside'|'outside'} arrowPosition - Arrow placement (default: 'inside')
- * @prop {string}  ariaLabel       - Accessible label for the carousel region
- *
- * @slot - Slides (any number of HTMLElement children)
- *
- * @fires arvea-change - When the active index changes (detail: { index })
- */
-declare class ArveaCarousel extends LitElement {
-    static styles: lit.CSSResult[];
-    index: number;
-    slidesPerView: number;
-    gap: string;
-    loop: boolean;
-    autoplay: boolean;
-    interval: number;
-    showArrows: boolean;
-    showDots: boolean;
-    arrowPosition: ArveaCarouselArrowPosition;
-    ariaLabel: string;
-    private _slideCount;
-    private _dragOffsetPx;
-    private _viewport;
-    private _timer?;
-    private _pointerId?;
-    private _dragStartX;
-    private _dragStartY;
-    private _isDragging;
-    private _dragAxis;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    updated(changed: PropertyValues): void;
-    private get _maxIndex();
-    private _onSlotChange;
-    /** Navigate to a specific index, clamping or looping as configured. */
-    goTo(i: number): void;
-    next(): void;
-    prev(): void;
-    private _stopTimer;
-    private _maybeStartTimer;
-    private _onKeyDown;
-    private _onPointerDown;
-    private _onPointerMove;
-    private _endDrag;
-    private _trackTransform;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-carousel': ArveaCarousel;
-    }
-}
-
-declare const arveaCarouselStyles: lit.CSSResult[];
-
-type ArveaDialogSize = 'sm' | 'md' | 'lg' | 'fullscreen';
-interface ArveaDialogProps {
-    open?: boolean;
-    title?: string;
-    description?: string;
-    size?: ArveaDialogSize;
-    closeOnOverlayClick?: boolean;
-    closeOnEsc?: boolean;
-    hideClose?: boolean;
-    preventScroll?: boolean;
-}
-
-/**
- * @element arvea-dialog
- *
- * Accessible modal dialog with overlay, focus trap, and Esc-to-close.
- *
- * @prop {boolean} open
- * @prop {string}  title
- * @prop {string}  description
- * @prop {'sm'|'md'|'lg'|'fullscreen'} size
- * @prop {boolean} closeOnOverlayClick - default true
- * @prop {boolean} closeOnEsc          - default true
- * @prop {boolean} hideClose           - hide the X button
- * @prop {boolean} preventScroll       - lock body scroll while open (default true)
- *
- * @slot header  - Overrides the default header (title + close)
- * @slot         - Main body content
- * @slot footer  - Footer with action buttons
- *
- * @fires arvea-open
- * @fires arvea-close
- */
-declare class ArveaDialog extends LitElement {
-    static styles: lit.CSSResult[];
-    open: boolean;
-    title: string;
-    description: string;
-    size: ArveaDialogSize;
-    closeOnOverlayClick: boolean;
-    closeOnEsc: boolean;
-    hideClose: boolean;
-    preventScroll: boolean;
-    private _dialog;
-    private _previouslyFocused;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changed: PropertyValues): void;
-    /** Public API: show the dialog. */
-    show(): void;
-    /** Public API: hide the dialog. */
-    hide(): void;
-    private _handleOpen;
-    private _handleClose;
-    private _restoreScroll;
-    private _onDocKeyDown;
-    private _trapFocus;
-    private _onOverlayClick;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-dialog': ArveaDialog;
-    }
-}
-
-declare const arveaDialogStyles: lit.CSSResult[];
-
-type ArveaToastVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
-type ArveaToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
-interface ArveaToastProps {
-    open?: boolean;
-    variant?: ArveaToastVariant;
-    message?: string;
-    duration?: number;
-    closable?: boolean;
-}
-interface ArveaToastOptions {
-    message: string;
-    variant?: ArveaToastVariant;
-    duration?: number;
-    closable?: boolean;
-}
-
-/**
- * @element arvea-toast
- *
- * Single toast notification. For multi-toast UX, use `arvea-toast-container`.
- *
- * @prop {boolean} open
- * @prop {'default'|'success'|'error'|'warning'|'info'} variant
- * @prop {string}  message
- * @prop {number}  duration - auto-dismiss in ms (0 = no auto-dismiss)
- * @prop {boolean} closable - shows the close button (default true)
- *
- * @slot - rich content alternative to `message`
- *
- * @fires arvea-open
- * @fires arvea-close
- */
-declare class ArveaToast extends LitElement {
-    static styles: lit.CSSResult[];
-    open: boolean;
-    variant: ArveaToastVariant;
-    message: string;
-    duration: number;
-    closable: boolean;
-    private _timer?;
-    show(): void;
-    hide(): void;
-    updated(changed: PropertyValues): void;
-    disconnectedCallback(): void;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-toast': ArveaToast;
-    }
-}
-
-/**
- * @element arvea-toast-container
- *
- * Container that stacks toasts in a fixed corner of the viewport.
- * Use the imperative `toast()` method (or static `ArveaToastContainer.notify()`)
- * to push new toasts.
- *
- * @prop {ArveaToastPosition} position - default 'top-right'
- * @prop {number}              max     - max simultaneous toasts (default 5)
- *
- * @example
- *   <arvea-toast-container id="toasts"></arvea-toast-container>
- *   document.getElementById('toasts').toast({ message: 'Saved!', variant: 'success' });
- */
-declare class ArveaToastContainer extends LitElement {
-    static styles: lit.CSSResult[];
-    position: ArveaToastPosition;
-    max: number;
-    private _toasts;
-    /** Push a new toast. Returns the toast id. */
-    toast(opts: ArveaToastOptions): number;
-    /** Convenience helpers. */
-    success(message: string, duration?: number): number;
-    error(message: string, duration?: number): number;
-    warning(message: string, duration?: number): number;
-    info(message: string, duration?: number): number;
-    /** Remove a specific toast by id. */
-    dismiss(id: number): void;
-    /** Clear all toasts. */
-    clear(): void;
-    private _onClose;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-toast-container': ArveaToastContainer;
-    }
-}
-
-declare const arveaToastStyles: lit.CSSResult[];
-
-type ArveaTabsVariant = 'underline' | 'pill';
-interface ArveaTabItem {
-    value: string;
-    label: string;
-    disabled?: boolean;
-}
-interface ArveaTabsProps {
-    value?: string;
-    items?: ArveaTabItem[];
-    variant?: ArveaTabsVariant;
-    fullWidth?: boolean;
-    ariaLabel?: string;
-}
-
-/**
- * @element arvea-tabs
- *
- * Tabs with two display variants:
- *   - 'underline' (default) — bottom border + animated indicator
- *   - 'pill'                — segmented control style
- *
- * Tabs can be provided via the `items` array OR via slotted panels
- * (`<div slot="panel" data-value="x" data-label="Label">…</div>`).
- *
- * @prop {string}           value      - Active tab value (controlled)
- * @prop {ArveaTabItem[]}   items      - Tab definitions (optional)
- * @prop {'underline'|'pill'} variant
- * @prop {boolean}          fullWidth
- * @prop {string}           ariaLabel
- *
- * @slot panel - One panel per tab; first matching data-value is shown
- *
- * @fires arvea-change - { value }
- */
-declare class ArveaTabs extends LitElement {
-    static styles: lit.CSSResult[];
-    value: string;
-    items: ArveaTabItem[];
-    variant: ArveaTabsVariant;
-    fullWidth: boolean;
-    ariaLabel: string;
-    private _slotItems;
-    private _indicatorStyle;
-    private _tablist;
-    private get _items();
-    connectedCallback(): void;
-    firstUpdated(): void;
-    updated(changed: PropertyValues): void;
-    private _onPanelsSlotChange;
-    private _syncPanels;
-    private _onTabClick;
-    private _onKeyDown;
-    private _updateIndicator;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-tabs': ArveaTabs;
-    }
-}
-
-declare const arveaTabsStyles: lit.CSSResult[];
-
-/**
- * @element arvea-accordion-item
- *
- * Single collapsible row. Place inside `<arvea-accordion>` (optional).
- *
- * @prop {boolean} open
- * @prop {string}  title
- * @prop {boolean} disabled
- *
- * @slot title  - Custom title (overrides `title` attr)
- * @slot        - Body content
- *
- * @fires arvea-toggle - { open }
- */
-declare class ArveaAccordionItem extends LitElement {
-    static styles: lit.CSSResult[];
-    open: boolean;
-    title: string;
-    disabled: boolean;
-    toggle(): void;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-accordion-item': ArveaAccordionItem;
-    }
-}
-
-/**
- * @element arvea-accordion
- *
- * Container for `<arvea-accordion-item>` elements. By default, opening
- * one item closes the others. Set `multiple` to allow multiple open items.
- *
- * @prop {boolean} multiple - Allow multiple open items
- * @prop {boolean} bordered - Render with a single rounded border
- *
- * @slot - One or more `<arvea-accordion-item>` elements
- */
-declare class ArveaAccordion extends LitElement {
-    static styles: lit.CSSResult[];
-    multiple: boolean;
-    bordered: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _onItemToggle;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-accordion': ArveaAccordion;
-    }
-}
-
-declare const arveaAccordionStyles: lit.CSSResult[];
-declare const arveaAccordionItemStyles: lit.CSSResult[];
-
-interface ArveaAccordionProps {
-    multiple?: boolean;
-    bordered?: boolean;
-}
-interface ArveaAccordionItemProps {
-    open?: boolean;
-    title?: string;
-    disabled?: boolean;
-}
-
-type ArveaAlertVariant = 'info' | 'success' | 'warning' | 'danger';
-interface ArveaAlertProps {
-    variant?: ArveaAlertVariant;
-    title?: string;
-    closable?: boolean;
-    hideIcon?: boolean;
-}
-
-/**
- * @element arvea-alert
- *
- * Inline notification with four variants. Use the default slot for body
- * content; `title` for the bold heading.
- *
- * @prop {'info'|'success'|'warning'|'danger'} variant - default 'info'
- * @prop {string}  title
- * @prop {boolean} closable - shows a close button (dismisses the alert)
- * @prop {boolean} hideIcon
- *
- * @slot - body content
- * @slot icon - override the default icon
- * @slot action - trailing action (button/link) placed before the close button
- *
- * @fires arvea-close
- */
-declare class ArveaAlert extends LitElement {
-    static styles: lit.CSSResult[];
-    variant: ArveaAlertVariant;
-    title: string;
-    closable: boolean;
-    hideIcon: boolean;
-    private _dismissed;
-    private _close;
-    render(): lit_html.TemplateResult<1> | typeof nothing;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-alert': ArveaAlert;
-    }
-}
-
-declare const arveaAlertStyles: lit.CSSResult[];
-
-type ArveaDividerOrientation = 'horizontal' | 'vertical';
-type ArveaDividerVariant = 'solid' | 'dashed' | 'dotted';
-type ArveaDividerEmphasis = 'subtle' | 'strong';
-type ArveaDividerAlign = 'start' | 'center' | 'end';
-interface ArveaDividerProps {
-    orientation?: ArveaDividerOrientation;
-    variant?: ArveaDividerVariant;
-    emphasis?: ArveaDividerEmphasis;
-    align?: ArveaDividerAlign;
-    text?: string;
-    spacing?: string;
-}
-
-/**
- * @element arvea-divider
- *
- * Visual separator. Use orientation="vertical" inside flex containers, or
- * pass `text` (or slot content) for a labeled horizontal divider.
- *
- * @prop {'horizontal'|'vertical'}      orientation - default 'horizontal'
- * @prop {'solid'|'dashed'|'dotted'}    variant
- * @prop {'subtle'|'strong'}            emphasis
- * @prop {'start'|'center'|'end'}       align       - text alignment
- * @prop {string}                       text        - optional label
- * @prop {string}                       spacing     - CSS margin override
- *
- * @slot - Alternative to the `text` attribute
- */
-declare class ArveaDivider extends LitElement {
-    static styles: lit.CSSResult[];
-    orientation: ArveaDividerOrientation;
-    variant: ArveaDividerVariant;
-    emphasis: ArveaDividerEmphasis;
-    align: ArveaDividerAlign;
-    text: string;
-    spacing: string;
-    connectedCallback(): void;
-    render(): lit_html.TemplateResult<1> | typeof nothing;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-divider': ArveaDivider;
-    }
-}
-
-declare const arveaDividerStyles: lit.CSSResult[];
-
-type ArveaFormFieldStatus = 'default' | 'invalid' | 'warning' | 'valid';
-interface ArveaFormFieldProps {
-    label?: string;
-    hint?: string;
-    error?: string;
-    required?: boolean;
-    optional?: boolean;
-    status?: ArveaFormFieldStatus;
-    htmlFor?: string;
-}
-
-/**
- * @element arvea-form-field
- *
- * Wraps a form control (input, textarea, select, etc.) with a label and hint/error message.
- *
- * @prop {string} label    - Label text shown above the control
- * @prop {string} hint     - Helper text shown below the control
- * @prop {string} error    - Error message (forces status='invalid' when present)
- * @prop {boolean} required - Mark the field as required (renders an asterisk)
- * @prop {boolean} optional - Render an "(optional)" suffix on the label
- * @prop {ArveaFormFieldStatus} status - 'default' | 'invalid' | 'warning' | 'valid'
- * @prop {string} htmlFor  - Associates the label with a control via id
- *
- * @slot default - Place a form control here (input, select, textarea, ...)
- */
-declare class ArveaFormField extends LitElement {
-    static styles: lit.CSSResult[];
-    label: string;
-    hint: string;
-    error: string;
-    required: boolean;
-    optional: boolean;
-    status: ArveaFormFieldStatus;
-    htmlFor: string;
-    private get _resolvedStatus();
-    private get _message();
-    willUpdate(): void;
-    private _syncInputState;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-form-field': ArveaFormField;
-    }
-}
+declare const arveaDividerStyles: lit.CSSResult[];
 
 declare const arveaFormFieldStyles: lit.CSSResult[];
 
-interface ArveaBreadcrumbItem {
-    label: string;
-    href?: string;
-    current?: boolean;
-}
-type ArveaBreadcrumbSeparator = 'chevron' | 'slash' | 'dot';
-interface ArveaBreadcrumbProps {
-    items?: ArveaBreadcrumbItem[];
-    separator?: ArveaBreadcrumbSeparator;
-    maxItems?: number;
-}
-
-/**
- * @element arvea-breadcrumb
- *
- * @prop {ArveaBreadcrumbItem[]} items - Crumbs to display
- * @prop {'chevron'|'slash'|'dot'} separator - Visual separator (default 'chevron')
- * @prop {number} maxItems - Collapse to ellipsis if items exceed this number (0 = never)
- *
- * @fires arvea-breadcrumb-navigate - { detail: { item, index } } when a non-current crumb is clicked
- */
-declare class ArveaBreadcrumb extends LitElement {
-    static styles: lit.CSSResult[];
-    items: ArveaBreadcrumbItem[];
-    separator: ArveaBreadcrumbSeparator;
-    maxItems: number;
-    private _renderSeparator;
-    private _onClick;
-    private _renderCrumb;
-    private _visibleItems;
-    render(): TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-breadcrumb': ArveaBreadcrumb;
-    }
-}
-
 declare const arveaBreadcrumbStyles: lit.CSSResult[];
 
-type ArveaPaginationSize = 'sm' | 'md' | 'lg';
-interface ArveaPaginationProps {
-    page?: number;
-    total?: number;
-    siblings?: number;
-    boundaries?: number;
-    size?: ArveaPaginationSize;
-    disabled?: boolean;
-    showFirstLast?: boolean;
-    pageSize?: number;
-    pageSizeOptions?: number[];
-    showJumpTo?: boolean;
-}
-
-/**
- * @element arvea-pagination
- *
- * @prop {number} page          - current page (1-based)
- * @prop {number} total         - total number of pages
- * @prop {number} siblings      - pages shown around current (default 1)
- * @prop {number} boundaries    - pages always shown at start/end (default 1)
- * @prop {ArveaPaginationSize} size - 'sm' | 'md' | 'lg'
- * @prop {boolean} disabled
- * @prop {boolean} showFirstLast - render first/last buttons
- * @prop {number} pageSize        - optional rows-per-page (renders a selector when pageSizeOptions provided)
- * @prop {number[]} pageSizeOptions - choices for the page-size selector
- * @prop {boolean} showJumpTo     - render a "Go to" input for direct page entry
- *
- * @fires arvea-page-change      - { detail: { page } }
- * @fires arvea-page-size-change - { detail: { pageSize } }
- */
-declare class ArveaPagination extends LitElement {
-    static styles: lit.CSSResult[];
-    page: number;
-    total: number;
-    siblings: number;
-    boundaries: number;
-    size: ArveaPaginationSize;
-    disabled: boolean;
-    showFirstLast: boolean;
-    pageSize?: number;
-    pageSizeOptions: number[];
-    showJumpTo: boolean;
-    private _go;
-    private _range;
-    private _onPageSizeChange;
-    private _onJumpKey;
-    private _arrow;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-pagination': ArveaPagination;
-    }
-}
-
 declare const arveaPaginationStyles: lit.CSSResult[];
 
-type ArveaDropdownPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
-interface ArveaDropdownItem {
-    id: string;
-    label: string;
-    value?: string;
-    flagSrc?: string;
-    icon?: string;
-    disabled?: boolean;
-    destructive?: boolean;
-    divider?: boolean;
-}
-interface ArveaDropdownMenuProps {
-    items?: ArveaDropdownItem[];
-    open?: boolean;
-    placement?: ArveaDropdownPlacement;
-    triggerLabel?: string;
-}
-
-/**
- * @element arvea-dropdown-menu
- *
- * @prop {ArveaDropdownItem[]} items         - Menu items (support flagSrc, value, divider, icon)
- * @prop {boolean}             open          - Controlled open state (reflected)
- * @prop {string}              value         - Currently selected item value (shows checkmark)
- * @prop {ArveaDropdownPlacement} placement  - 'bottom-start' (default), 'bottom-end', 'top-start', 'top-end'
- * @prop {string}              triggerLabel  - Text for default trigger; ignored when slot[name=trigger] is used
- * @prop {'click'|'hover'}     triggerMode   - How the dropdown opens (default 'click')
- *
- * @slot trigger - Custom trigger element (replaces default button)
- * @slot         - Custom items (alternative to .items property)
- *
- * @fires arvea-dropdown-select - { detail: { item } } on item click
- * @fires arvea-dropdown-open
- * @fires arvea-dropdown-close
- */
-declare class ArveaDropdownMenu extends LitElement {
-    static styles: lit.CSSResult[];
-    items: ArveaDropdownItem[];
-    open: boolean;
-    value: string;
-    placement: ArveaDropdownPlacement;
-    triggerLabel: string;
-    triggerMode: 'click' | 'hover';
-    searchable: boolean;
-    searchPlaceholder: string;
-    noResultsText: string;
-    private _hasTriggerSlot;
-    private _hasContentSlot;
-    private _query;
-    private _activeIndex;
-    private _searchInput?;
-    private _mouseLeaveTimer?;
-    private get _visibleItems();
-    private _focusableItems;
-    private _outsideHandler;
-    private _keyHandler;
-    private _onHostMouseEnter;
-    private _onHostMouseLeave;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _toggle;
-    private _openMenu;
-    private _close;
-    private _onSearchInput;
-    private _pick;
-    private _onTriggerSlotChange;
-    private _onContentSlotChange;
-    private _renderItems;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-dropdown-menu': ArveaDropdownMenu;
-    }
-}
-
 declare const arveaDropdownMenuStyles: lit.CSSResult[];
 
-type ArveaSearchSize = 'sm' | 'md' | 'lg';
-interface ArveaSearchSuggestion {
-    id: string;
-    label: string;
-    hint?: string;
-}
-interface ArveaSearchBarProps {
-    value?: string;
-    placeholder?: string;
-    size?: ArveaSearchSize;
-    disabled?: boolean;
-    loading?: boolean;
-    clearable?: boolean;
-    suggestions?: ArveaSearchSuggestion[];
-    debounce?: number;
-}
-
-/**
- * @element arvea-search-bar
- *
- * @prop {string}  value         - input value
- * @prop {string}  placeholder
- * @prop {ArveaSearchSize} size  - 'sm' | 'md' | 'lg'
- * @prop {boolean} disabled
- * @prop {boolean} loading       - show spinner instead of search icon
- * @prop {boolean} clearable     - show a clear (×) button when value is non-empty
- * @prop {ArveaSearchSuggestion[]} suggestions - autocomplete suggestions
- * @prop {number}  debounce      - ms before firing arvea-search-input (default 200)
- *
- * @fires arvea-search-input   - debounced input event, { detail: { value } }
- * @fires arvea-search-submit  - Enter pressed, { detail: { value } }
- * @fires arvea-search-select  - suggestion selected, { detail: { suggestion } }
- * @fires arvea-search-clear
- */
-declare class ArveaSearchBar extends LitElement {
-    static styles: lit.CSSResult[];
-    value: string;
-    placeholder: string;
-    size: ArveaSearchSize;
-    disabled: boolean;
-    loading: boolean;
-    clearable: boolean;
-    suggestions: ArveaSearchSuggestion[];
-    debounce: number;
-    private _activeIndex;
-    private _showSuggestions;
-    private _debounceTimer;
-    private _emitInput;
-    private _onInput;
-    private _onKey;
-    private _clear;
-    private _pick;
-    private _onBlur;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-search-bar': ArveaSearchBar;
-    }
-}
-
 declare const arveaSearchBarStyles: lit.CSSResult[];
 
-type ArveaRatingSize = 'sm' | 'md' | 'lg';
-interface ArveaRatingProps {
-    value?: number;
-    max?: number;
-    size?: ArveaRatingSize;
-    readonly?: boolean;
-    allowHalf?: boolean;
-    label?: string;
-}
-
-/**
- * @element arvea-rating
- *
- * @prop {number}  value      - current value (0..max)
- * @prop {number}  max        - max stars (default 5)
- * @prop {ArveaRatingSize} size - 'sm' | 'md' | 'lg'
- * @prop {boolean} readonly   - display-only mode
- * @prop {boolean} allowHalf  - allow half-star values in display
- * @prop {string}  label      - text shown next to the stars (e.g. "4.2/5")
- *
- * @fires arvea-rating-change - { detail: { value } }
- */
-declare class ArveaRating extends LitElement {
-    static styles: lit.CSSResult[];
-    value: number;
-    max: number;
-    size: ArveaRatingSize;
-    readonly: boolean;
-    allowHalf: boolean;
-    label: string;
-    score: string;
-    private _set;
-    private _onKey;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-rating': ArveaRating;
-    }
-}
-
 declare const arveaRatingStyles: lit.CSSResult[];
 
-type ArveaQuantitySize = 'sm' | 'md' | 'lg';
-interface ArveaQuantitySelectorProps {
-    value?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    size?: ArveaQuantitySize;
-    disabled?: boolean;
-}
-
-/**
- * @element arvea-quantity-selector
- *
- * @prop {number}  value     - current value
- * @prop {number}  min       - default 1
- * @prop {number}  max       - default Infinity
- * @prop {number}  step      - default 1
- * @prop {ArveaQuantitySize} size - 'sm' | 'md' | 'lg'
- * @prop {boolean} disabled
- *
- * @fires arvea-quantity-change - { detail: { value } }
- */
-declare class ArveaQuantitySelector extends LitElement {
-    static styles: lit.CSSResult[];
-    value: number;
-    min: number;
-    max: number;
-    step: number;
-    size: ArveaQuantitySize;
-    disabled: boolean;
-    private _set;
-    private _onInput;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-quantity-selector': ArveaQuantitySelector;
-    }
-}
-
 declare const arveaQuantitySelectorStyles: lit.CSSResult[];
 
-type ArveaStepperOrientation = 'horizontal' | 'vertical';
-interface ArveaStepperStep {
-    id: string;
-    label: string;
-    description?: string;
-}
-interface ArveaStepperProps {
-    steps?: ArveaStepperStep[];
-    active?: number;
-    orientation?: ArveaStepperOrientation;
-    clickable?: boolean;
-}
-
-/**
- * @element arvea-stepper
- *
- * @prop {ArveaStepperStep[]} steps - Step definitions
- * @prop {number} active - 0-based index of the active step
- * @prop {ArveaStepperOrientation} orientation - 'horizontal' (default) | 'vertical'
- * @prop {boolean} clickable - allow clicking complete/active steps to navigate
- *
- * @fires arvea-stepper-change - { detail: { active, step } }
- */
-declare class ArveaStepper extends LitElement {
-    static styles: lit.CSSResult[];
-    steps: ArveaStepperStep[];
-    active: number;
-    orientation: ArveaStepperOrientation;
-    clickable: boolean;
-    private _stateOf;
-    private _onStepClick;
-    private _renderCircle;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-stepper': ArveaStepper;
-    }
-}
-
 declare const arveaStepperStyles: lit.CSSResult[];
 
-type ArveaEmptyStateSize = 'sm' | 'md' | 'lg';
-interface ArveaEmptyStateProps {
-    icon?: string;
-    title?: string;
-    description?: string;
-    size?: ArveaEmptyStateSize;
-}
-
-/**
- * @element arvea-empty-state
- *
- * Placeholder block for empty lists, no-results, error pages, and the empty
- * state inside data tables.
- *
- * @prop {string} icon        - SVG string. Falls back to a generic illustration.
- * @prop {string} title       - Headline text
- * @prop {string} description - Helper sentence under the title
- * @prop {'sm'|'md'|'lg'} size
- *
- * @slot icon    - Custom icon element (overrides the `icon` prop)
- * @slot         - Default slot for replacing title/description with rich content
- * @slot actions - Buttons or links shown below the description
- */
-declare class ArveaEmptyState extends LitElement {
-    static styles: lit.CSSResult[];
-    icon?: string;
-    title: string;
-    description: string;
-    size: ArveaEmptyStateSize;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-empty-state': ArveaEmptyState;
-    }
-}
-
-type ArveaDataTableAlign = 'left' | 'center' | 'right';
-type ArveaDataTableSortDirection = 'asc' | 'desc' | null;
-type ArveaDataTableRowSelection = 'none' | 'single' | 'multiple';
-type ArveaDataTableFilterType = 'text' | 'select' | 'date';
-interface ArveaDataTableColumnFilter {
-    type: ArveaDataTableFilterType;
-    options?: ArveaSelectOption[];
-    placeholder?: string;
-}
-interface ArveaDataTableAction {
-    id: string;
-    label?: string;
-    variant?: ArveaActionButtonVariant;
-    icon?: string;
-    /** Overrides the variant's background color (mirrors arvea-action-button's bg-color prop). */
-    bgColor?: string;
-    /** Overrides the variant's icon/text color (mirrors arvea-action-button's color prop). */
-    color?: string;
-    disabled?: boolean;
-}
-interface ArveaDataTableColumn<T = Record<string, unknown>> {
-    key: string;
-    label: string;
-    sortable?: boolean;
-    align?: ArveaDataTableAlign;
-    width?: string;
-    minWidth?: number;
-    resizable?: boolean;
-    hideMobile?: boolean;
-    hideTablet?: boolean;
-    filter?: ArveaDataTableColumnFilter;
-    /** Renders `row[key]` as an image thumbnail, with a placeholder icon when empty. */
-    image?: boolean;
-    /** Renders a row of `arvea-action-button`s; clicks fire `arvea-table-action`. */
-    actions?: (row: T, index: number) => ArveaDataTableAction[];
-    render?: (row: T, index: number) => string | number | null | TemplateResult;
-}
-interface ArveaDataTableSort {
-    key: string;
-    direction: ArveaDataTableSortDirection;
-}
-interface ArveaDataTablePagination {
-    page: number;
-    pageSize: number;
-    total?: number;
-}
-type ArveaDataTableSize = 'sm' | 'md' | 'lg';
-type ArveaDataTableResponsive = 'scroll' | 'hide' | 'cards';
-interface ArveaDataTableProps<T = Record<string, unknown>> {
-    columns?: ArveaDataTableColumn<T>[];
-    rows?: T[];
-    loading?: boolean;
-    emptyText?: string;
-    rowKey?: string;
-    sort?: ArveaDataTableSort;
-    density?: 'compact' | 'normal';
-    size?: ArveaDataTableSize;
-    rowSelection?: ArveaDataTableRowSelection;
-    selectedKeys?: string[];
-    filterValues?: Record<string, unknown>;
-    resizableColumns?: boolean;
-    virtualized?: boolean;
-    estimatedRowHeight?: number;
-    pagination?: ArveaDataTablePagination | null;
-    stickyHeader?: boolean;
-    manualSort?: boolean;
-    manualPagination?: boolean;
-    striped?: boolean;
-    bordered?: boolean;
-    hoverable?: boolean;
-    noWrap?: boolean;
-    responsive?: ArveaDataTableResponsive;
-    globalFilter?: string;
-    caption?: string;
-    expandable?: boolean;
-    expandedKeys?: string[];
-    renderExpanded?: (row: T, index: number) => unknown;
-}
-
-type Row = Record<string, unknown>;
-/**
- * @element arvea-data-table
- *
- * @fires arvea-table-sort                - { key, direction }
- * @fires arvea-table-row-click           - { row, index }
- * @fires arvea-table-selection-change    - { selectedKeys, selectedRows }
- * @fires arvea-table-filter-change       - { filterValues }
- * @fires arvea-table-column-resize       - { key, width }
- * @fires arvea-table-page-change         - { page, pageSize }
- * @fires arvea-table-action              - { id, row, index }
- */
-declare class ArveaDataTable extends LitElement {
-    static styles: lit.CSSResult[];
-    columns: ArveaDataTableColumn[];
-    rows: Row[];
-    loading: boolean;
-    emptyText: string;
-    rowKey: string;
-    sort: ArveaDataTableSort | null;
-    density: 'compact' | 'normal';
-    rowSelection: ArveaDataTableRowSelection;
-    selectedKeys: string[];
-    filterValues: Record<string, unknown>;
-    resizableColumns: boolean;
-    virtualized: boolean;
-    estimatedRowHeight: number;
-    pagination: ArveaDataTablePagination | null;
-    pageSizeOptions: number[];
-    hideToolbar: boolean;
-    stickyHeader: boolean;
-    manualSort: boolean;
-    manualPagination: boolean;
-    size: ArveaDataTableSize;
-    striped: boolean;
-    bordered: boolean;
-    hoverable: boolean;
-    noWrap: boolean;
-    responsive: ArveaDataTableResponsive;
-    globalFilter: string;
-    caption: string;
-    expandable: boolean;
-    expandedKeys: string[];
-    renderExpanded?: (row: Row, index: number) => unknown;
-    private _columnWidths;
-    private _scrollTop;
-    private _viewportHeight;
-    private _scrollEl?;
-    private _resizeKey;
-    private _resizeStartX;
-    private _resizeStartW;
-    private get _activeFilters();
-    private _matchesFilters;
-    private _matchesGlobalFilter;
-    private get _filteredRows();
-    private _compare;
-    private get _sortedRows();
-    private get _paginatedRows();
-    private get _rowKeyValue();
-    private get _selectedSet();
-    private get _visibleKeys();
-    private get _headerSelectState();
-    private get _virtualizationActive();
-    connectedCallback(): void;
-    private _toggleSort;
-    private _onRowClick;
-    private _onAction;
-    private _toggleRow;
-    private _toggleAllVisible;
-    private _onFilterChange;
-    private _onPageChange;
-    private _onPageSizeChange;
-    private _onPageSizeSelectChange;
-    private _onResizeStart;
-    private _onResizeMove;
-    private _onResizeEnd;
-    private _alignClass;
-    private _colClass;
-    private _renderCell;
-    private _renderImageCell;
-    private _renderActionsCell;
-    private _sortIcon;
-    private _onScroll;
-    private _columnStyle;
-    render(): TemplateResult<1>;
-    private _renderHeaderCell;
-    private _renderFilterCell;
-    private _renderBody;
-    private _renderVirtualizedBody;
-    private _toggleExpand;
-    private _renderRow;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-data-table': ArveaDataTable;
-    }
-}
-
 declare const arveaDataTableStyles: lit.CSSResult[];
 
-interface ArveaLightboxItem {
-    src: string;
-    alt?: string;
-    caption?: string;
-}
-interface ArveaLightboxProps {
-    items?: ArveaLightboxItem[];
-    index?: number;
-    open?: boolean;
-    showThumbnails?: boolean;
-    showCounter?: boolean;
-}
-
-/**
- * @element arvea-lightbox
- *
- * @prop {ArveaLightboxItem[]} items - Media items
- * @prop {number}  index            - currently displayed item (0-based)
- * @prop {boolean} open             - controls visibility
- * @prop {boolean} showThumbnails   - show thumbnail strip
- * @prop {boolean} showCounter      - show "1 / N" counter
- *
- * @fires arvea-lightbox-change - { detail: { index, item } }
- * @fires arvea-lightbox-close
- */
-declare class ArveaLightbox extends LitElement {
-    static styles: lit.CSSResult[];
-    items: ArveaLightboxItem[];
-    index: number;
-    open: boolean;
-    showThumbnails: boolean;
-    showCounter: boolean;
-    private _keyHandler;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _go;
-    private _close;
-    private _onOverlayClick;
-    render(): lit_html.TemplateResult<1> | typeof nothing;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-lightbox': ArveaLightbox;
-    }
-}
-
 declare const arveaLightboxStyles: lit.CSSResult[];
 
-type TableResponsive = 'scroll' | 'hide' | 'cards';
-interface TableColumn {
-    key: string;
-    label: string;
-    visible?: boolean;
-    hideMobile?: boolean;
-    hideTablet?: boolean;
-}
-interface ArveaTableRow {
-    [key: string]: string;
-}
-interface ArveaTableProps {
-    columns?: TableColumn[];
-    rows?: ArveaTableRow[];
-    pageSize?: number;
-    responsive?: TableResponsive;
-}
-
-declare class ArveaTable extends LitElement {
-    static styles: lit.CSSResult[];
-    columns: TableColumn[];
-    rows: ArveaTableRow[];
-    pageSize: number;
-    responsive: TableResponsive;
-    emptyText: string;
-    private _page;
-    private get _pagedRows();
-    private _getColClass;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-table': ArveaTable;
-    }
-}
-
 declare const arveaTableStyles: lit.CSSResult[];
 
 declare const arveaEmptyStateStyles: lit.CSSResult[];
 
-type ArveaPopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
-type ArveaPopoverTrigger = 'click' | 'hover' | 'focus' | 'manual';
-interface ArveaPopoverProps {
-    open?: boolean;
-    placement?: ArveaPopoverPlacement;
-    offset?: number;
-    trigger?: ArveaPopoverTrigger;
-    disabled?: boolean;
-    matchTriggerWidth?: boolean;
-}
-
-/**
- * @element arvea-popover
- *
- * Anchored popover primitive. Renders an absolutely-positioned popup next to
- * a trigger element, with viewport-aware flipping and click-outside handling.
- * Used as the positioning foundation for tooltips, dropdowns, popconfirms,
- * date-pickers and selects.
- *
- * @prop {boolean} open
- * @prop {ArveaPopoverPlacement} placement
- * @prop {number} offset
- * @prop {ArveaPopoverTrigger} trigger
- * @prop {boolean} disabled
- * @prop {boolean} matchTriggerWidth
- *
- * @slot trigger - The element that triggers the popover
- * @slot         - Popover body content
- *
- * @fires arvea-popover-open
- * @fires arvea-popover-close
- */
-declare class ArveaPopover extends LitElement {
-    static styles: lit.CSSResult[];
-    open: boolean;
-    placement: ArveaPopoverPlacement;
-    offset: number;
-    trigger: ArveaPopoverTrigger;
-    disabled: boolean;
-    matchTriggerWidth: boolean;
-    private _triggerEl;
-    private _popupEl;
-    private _resolvedPlacement;
-    private _onScroll;
-    private _onResize;
-    private _onDocPointer;
-    private _onKey;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changed: Map<string, unknown>): void;
-    show(): void;
-    hide(): void;
-    toggle(): void;
-    private _show;
-    private _hide;
-    private _position;
-    private _flipIfNeeded;
-    private _onTriggerClick;
-    private _onTriggerEnter;
-    private _onTriggerLeave;
-    private _onTriggerFocusIn;
-    private _onTriggerFocusOut;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-popover': ArveaPopover;
-    }
-}
-
 declare const arveaPopoverStyles: lit.CSSResult[];
 
-type ArveaPopconfirmVariant = 'default' | 'destructive';
-interface ArveaPopconfirmProps {
-    title?: string;
-    description?: string;
-    confirmText?: string;
-    cancelText?: string;
-    variant?: ArveaPopconfirmVariant;
-    disabled?: boolean;
-    open?: boolean;
-}
-
-/**
- * @element arvea-popconfirm
- *
- * Inline "Are you sure?" popover for destructive or impactful actions. Uses
- * <arvea-popover> for positioning.
- *
- * @slot trigger - The element that triggers the confirmation (button, icon, etc.)
- *
- * @fires arvea-confirm
- * @fires arvea-cancel
- */
-declare class ArveaPopconfirm extends LitElement {
-    static styles: lit.CSSResult[];
-    title: string;
-    description: string;
-    confirmText: string;
-    cancelText: string;
-    variant: ArveaPopconfirmVariant;
-    disabled: boolean;
-    open: boolean;
-    private _popover?;
-    private _onConfirm;
-    private _onCancel;
-    private _onPopoverChange;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-popconfirm': ArveaPopconfirm;
-    }
-}
-
 declare const arveaPopconfirmStyles: lit.CSSResult[];
 
-type ArveaDrawerPlacement = 'left' | 'right' | 'top' | 'bottom';
-type ArveaDrawerSize = 'sm' | 'md' | 'lg' | 'full' | string;
-interface ArveaDrawerProps {
-    open?: boolean;
-    placement?: ArveaDrawerPlacement;
-    size?: ArveaDrawerSize;
-    title?: string;
-    closeOnOverlayClick?: boolean;
-    closeOnEsc?: boolean;
-    preventScroll?: boolean;
-    hideOverlay?: boolean;
-}
-
-/**
- * @element arvea-drawer
- *
- * Side-sliding panel for cart drawers, filter sidebars, settings, etc.
- * Companion to <arvea-dialog> for non-centered overlays.
- *
- * @slot header
- * @slot          - default body
- * @slot footer
- *
- * @fires arvea-drawer-open
- * @fires arvea-drawer-close
- */
-declare class ArveaDrawer extends LitElement {
-    static styles: lit.CSSResult[];
-    open: boolean;
-    placement: ArveaDrawerPlacement;
-    size: ArveaDrawerSize;
-    title: string;
-    closeOnOverlayClick: boolean;
-    closeOnEsc: boolean;
-    preventScroll: boolean;
-    hideOverlay: boolean;
-    private _previouslyFocused;
-    private _onKey;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changed: Map<string, unknown>): void;
-    show(): void;
-    close(): void;
-    toggle(): void;
-    private _focusableElements;
-    private _focusFirst;
-    private _trapFocus;
-    private _onOverlayClick;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-drawer': ArveaDrawer;
-    }
-}
-
 declare const arveaDrawerStyles: lit.CSSResult[];
 
-type ArveaSegmentedControlSize = 'sm' | 'md' | 'lg';
-interface ArveaSegmentedControlItem {
-    value: string;
-    label: string;
-    icon?: string;
-    disabled?: boolean;
-}
-interface ArveaSegmentedControlProps {
-    items?: ArveaSegmentedControlItem[];
-    value?: string;
-    size?: ArveaSegmentedControlSize;
-    disabled?: boolean;
-    fullWidth?: boolean;
-}
-
-/**
- * @element arvea-segmented-control
- *
- * Pill-style segmented selector. Useful as a single-choice alternative to
- * radio groups (view-mode toggles, sort selectors).
- *
- * @fires arvea-segmented-change - { value }
- */
-declare class ArveaSegmentedControl extends LitElement {
-    static styles: lit.CSSResult[];
-    items: ArveaSegmentedControlItem[];
-    value: string;
-    size: ArveaSegmentedControlSize;
-    disabled: boolean;
-    fullWidth: boolean;
-    private _select;
-    private _onKey;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-segmented-control': ArveaSegmentedControl;
-    }
-}
-
 declare const arveaSegmentedControlStyles: lit.CSSResult[];
 
-type ArveaTagValidator = (tag: string) => boolean | string;
-interface ArveaTagsInputProps {
-    value?: string[];
-    placeholder?: string;
-    maxTags?: number;
-    allowDuplicates?: boolean;
-    separator?: string | RegExp;
-    validateTag?: ArveaTagValidator;
-    disabled?: boolean;
-    label?: string;
-    suggestions?: string[];
-    invalid?: boolean;
-    validationHint?: string;
-}
-
-/**
- * @element arvea-tags-input
- *
- * Multi-tag entry input. Typed values are committed as chips on Enter or on
- * any of the configured separator characters. Supports optional autocomplete
- * suggestions, max-tags limit, duplicate prevention and per-tag validation.
- *
- * @fires arvea-tags-change { value: string[] }
- * @fires arvea-tag-add     { tag: string }
- * @fires arvea-tag-remove  { tag: string }
- */
-declare class ArveaTagsInput extends LitElement {
-    static styles: lit.CSSResult[];
-    value: string[];
-    placeholder: string;
-    maxTags?: number;
-    allowDuplicates: boolean;
-    separator: string | RegExp;
-    validateTag?: ArveaTagValidator;
-    disabled: boolean;
-    label: string;
-    suggestions: string[];
-    invalid: boolean;
-    validationHint: string;
-    private _query;
-    private _activeSuggestion;
-    private _errorMessage;
-    private _input?;
-    private get _suggestions();
-    private _commit;
-    private _remove;
-    private _emitChange;
-    private _onInput;
-    private _onKeydown;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-tags-input': ArveaTagsInput;
-    }
-}
-
 declare const arveaTagsInputStyles: lit.CSSResult[];
 
-type ArveaOtpType = 'numeric' | 'alphanumeric';
-interface ArveaOtpInputProps {
-    length?: number;
-    value?: string;
-    type?: ArveaOtpType;
-    mask?: boolean;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    invalid?: boolean;
-    label?: string;
-}
-
-/**
- * @element arvea-otp-input
- *
- * Segmented one-time-code / PIN input. Auto-advances cells, supports paste,
- * backspace navigation, arrow keys, masking, and a configurable character
- * class (numeric / alphanumeric).
- *
- * @fires arvea-otp-input    { value }
- * @fires arvea-otp-complete { value } (only when all cells filled)
- */
-declare class ArveaOtpInput extends LitElement {
-    static styles: lit.CSSResult[];
-    length: number;
-    value: string;
-    type: ArveaOtpType;
-    mask: boolean;
-    autoFocus: boolean;
-    disabled: boolean;
-    invalid: boolean;
-    label: string;
-    private _cells;
-    private get _allowedRegex();
-    private get _digits();
-    firstUpdated(): void;
-    private _setChar;
-    private _onInput;
-    private _onKey;
-    private _onPaste;
-    private _cellChar;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-otp-input': ArveaOtpInput;
-    }
-}
-
 declare const arveaOtpInputStyles: lit.CSSResult[];
 
-/**
- * @element arvea-file-upload
- *
- * Drop-zone + click-to-browse file input. Supports type filtering, size and
- * count limits, image previews, and externally-fed progress.
- *
- * @fires arvea-files-change     { files: File[] }
- * @fires arvea-file-rejected    { file, reason }
- * @fires arvea-existing-remove  fired when the existingImageUrl preview is removed
- */
-declare class ArveaFileUpload extends LitElement {
-    static styles: lit.CSSResult[];
-    accept?: string;
-    multiple: boolean;
-    maxSize?: number;
-    maxFiles?: number;
-    disabled: boolean;
-    label: string;
-    description: string;
-    files: File[];
-    showPreview: boolean;
-    progress: Record<string, number>;
-    existingImageUrl?: string;
-    private _dragActive;
-    private _previews;
-    private _input?;
-    disconnectedCallback(): void;
-    private _accepts;
-    private _reject;
-    private _processFiles;
-    private _refreshPreviews;
-    private _onSelect;
-    private _onDrop;
-    private _onDragOver;
-    private _onDragLeave;
-    private _remove;
-    private _open;
-    private _zoomEl;
-    private _openZoom;
-    private _replaceFile;
-    private _closeZoom;
-    private _onZoomKey;
-    private _singleImagePreview;
-    private _removeExisting;
-    private _boxPreview;
-    render(): lit_html.TemplateResult<1>;
-    private _renderBoxImage;
-    private _renderFile;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-file-upload': ArveaFileUpload;
-    }
-}
-
 declare const arveaFileUploadStyles: lit.CSSResult[];
 
 type ArveaFileRejectReason = 'max-size' | 'max-files' | 'type' | 'disabled';
@@ -6272,274 +3652,26 @@ interface ArveaFileUploadProps {
     existingImageUrl?: string;
 }
 
-type ArveaImageFit = 'cover' | 'contain' | 'fill' | 'none';
+declare const arveaDatePickerStyles: lit.CSSResult[];
 
-/**
- * @element arvea-image
- *
- * Displays an image with an optional click-to-zoom lightbox.
- *
- * @prop {string}          src      - Image URL
- * @prop {string}          alt      - Alt text
- * @prop {string}          width    - CSS width of the image (e.g. "320px", "100%")
- * @prop {string}          height   - CSS height of the image (e.g. "200px")
- * @prop {ArveaImageFit}   fit      - object-fit value (cover | contain | fill | none)
- * @prop {string}          radius   - Border radius (e.g. "8px", "50%")
- * @prop {boolean}         zoomable - Enable click-to-zoom lightbox (default true)
- * @prop {string}          caption  - Optional caption shown below the image
- */
-declare class ArveaImage extends LitElement {
-    static styles: lit.CSSResult[];
-    src: string;
-    alt: string;
-    width: string;
-    height: string;
-    fit: ArveaImageFit;
-    radius: string;
-    zoomable: boolean;
-    caption: string;
-    private _lightboxEl;
-    disconnectedCallback(): void;
-    private _openLightbox;
-    private _closeLightbox;
-    private _onKey;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-image': ArveaImage;
-    }
-}
+declare const arveaTimeSelectStyles: lit.CSSResult[];
 
-type ArveaDatePickerMode = 'single' | 'range';
-interface ArveaDateRange {
-    from?: string;
-    to?: string;
-}
-type ArveaDatePickerValue = string | ArveaDateRange;
-interface ArveaDatePickerProps {
-    value?: ArveaDatePickerValue;
-    mode?: ArveaDatePickerMode;
+interface ArveaTimeSelectProps {
+    value?: string;
+    showSeconds?: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
     min?: string;
     max?: string;
     disabled?: boolean;
     required?: boolean;
     invalid?: boolean;
-    locale?: string;
-    firstDayOfWeek?: number;
-    format?: string;
-    placeholder?: string;
     label?: string;
     hideLabel?: boolean;
     validationHint?: string;
-    disabledDates?: (date: Date) => boolean;
-}
-
-/**
- * @element arvea-date-picker
- *
- * Single-date or range date picker. ISO-8601 (YYYY-MM-DD) strings on the wire,
- * localized labels in the calendar via Intl.
- *
- * @fires arvea-date-change { value }
- */
-declare class ArveaDatePicker extends LitElement {
-    static styles: lit.CSSResult[];
-    label: string;
-    hideLabel: boolean;
-    value?: ArveaDatePickerValue;
-    mode: ArveaDatePickerMode;
-    min?: string;
-    max?: string;
-    disabled: boolean;
-    required: boolean;
-    invalid: boolean;
-    locale?: string;
-    firstDayOfWeek: number;
-    format?: string;
-    placeholder: string;
-    validationHint: string;
-    disabledDates?: (d: Date) => boolean;
-    open: boolean;
-    closeOnSelect: boolean;
-    private _viewMonth;
-    private _viewLevel;
-    private _rangeAnchor;
-    private _hoverDate;
-    private _popup?;
-    private _onDocPointer;
-    private _onWinResize;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changed: Map<string, unknown>): void;
-    private _refDate;
-    private _open;
-    private _close;
-    private _positionPopup;
-    private get _localeFormatter();
-    private _formatValue;
-    private _isDisabled;
-    private _isMonthDisabled;
-    private _isYearDisabled;
-    private _selected;
-    private _pick;
-    private _emit;
-    private _headerLabel;
-    private _yearGridStart;
-    private _navPrev;
-    private _navNext;
-    private _headerLabelClick;
-    private _renderHeader;
-    private _renderDays;
-    private _renderMonths;
-    private _renderYears;
-    private _renderCalendar;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-date-picker': ArveaDatePicker;
-    }
-}
-
-declare const arveaDatePickerStyles: lit.CSSResult[];
-
-interface ArveaTreeNode {
-    key: string;
-    label: string;
-    children?: ArveaTreeNode[];
-    isLeaf?: boolean;
-    disabled?: boolean;
-    icon?: string;
-}
-type ArveaTreeSelection = 'none' | 'single' | 'multiple';
-interface ArveaTreeProps {
-    nodes?: ArveaTreeNode[];
-    expandedKeys?: string[];
-    selectedKeys?: string[];
-    selectable?: ArveaTreeSelection;
-    checkable?: boolean;
-    loadChildren?: (node: ArveaTreeNode) => Promise<ArveaTreeNode[]>;
-    disabled?: boolean;
-    showLine?: boolean;
-    checkedKeys?: string[];
-}
-
-/**
- * @element arvea-tree
- *
- * Collapsible tree with optional checkboxes and async children loading.
- *
- * @fires arvea-tree-expand  { key, expanded }
- * @fires arvea-tree-select  { selectedKeys, node }
- * @fires arvea-tree-check   { checkedKeys, node }
- */
-declare class ArveaTree extends LitElement {
-    static styles: lit.CSSResult[];
-    nodes: ArveaTreeNode[];
-    expandedKeys: string[];
-    selectedKeys: string[];
-    checkedKeys: string[];
-    selectable: ArveaTreeSelection;
-    checkable: boolean;
-    loadChildren?: (node: ArveaTreeNode) => Promise<ArveaTreeNode[]>;
-    disabled: boolean;
-    showLine: boolean;
-    private _loadingKeys;
-    private _loadedChildren;
-    private _expandedSet;
-    private _selectedSet;
-    private _checkedSet;
-    willUpdate(): void;
-    private _hasChildren;
-    private _childrenOf;
-    private _toggleExpand;
-    private _select;
-    private _flattenChildKeys;
-    private _checkState;
-    private _toggleCheck;
-    private _renderNode;
-    render(): TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-tree': ArveaTree;
-    }
 }
 
 declare const arveaTreeStyles: lit.CSSResult[];
 
-interface ArveaSidebarItem {
-    id: string;
-    label: string;
-    icon?: string;
-    iconVariant?: 'outline' | 'filled';
-    badge?: string;
-    badgeVariant?: 'new' | 'warning' | 'default';
-    children?: ArveaSidebarItem[];
-    disabled?: boolean;
-}
-interface ArveaSidebarSection {
-    title?: string;
-    items: ArveaSidebarItem[];
-}
-interface ArveaSidebarProps {
-    logoSrc?: string;
-    title?: string;
-    items?: ArveaSidebarItem[];
-    sections?: ArveaSidebarSection[];
-}
-
-/**
- * @element arvea-sidebar
- *
- * @prop {string}             logo-src - URL of the logo image shown in the teal header
- * @prop {string}             title    - Section title shown above nav items (e.g. "ADMIN")
- * @prop {ArveaSidebarItem[]} items    - Flat array of nav items (each may have children)
- *
- * @slot logo    - Custom logo content (overrides logo-src)
- * @slot actions - Right side of the header (e.g. settings icon)
- * @slot user    - User profile card shown below the header, above the nav items (hidden while collapsed)
- *
- * @prop {string}             active-id - Externally-controlled active item id (syncs highlight + auto-expands its group)
- *
- * @fires arvea-sidebar-select - { detail: { item: ArveaSidebarItem } }
- * @fires arvea-sidebar-toggle - { detail: { collapsed: boolean } }
- *
- * @cssprop --sidebar-width           - Sidebar width when open (default 300px)
- * @cssprop --sidebar-width-collapsed - Sidebar width when closed, icons only (default 72px)
- * @cssprop --sidebar-logo-height     - Logo image height (default 28px)
- * @cssprop --sidebar-logo-max-width  - Logo image max-width (default 120px)
- */
-declare class ArveaSidebar extends LitElement {
-    static styles: lit.CSSResult[];
-    logoSrc: string;
-    title: string;
-    items: ArveaSidebarItem[];
-    sections: ArveaSidebarSection[];
-    collapsed: boolean;
-    activeId: string;
-    private _activeId;
-    private _expanded;
-    private _hasLogoSlot;
-    private _hasUserSlot;
-    willUpdate(changed: Map<string, unknown>): void;
-    private _expandGroupContaining;
-    private _toggle;
-    private _toggleCollapsed;
-    private _onNavItemClick;
-    private _select;
-    private _onLogoSlotChange;
-    private _onUserSlotChange;
-    private _renderBadge;
-    private _renderSubItem;
-    private _renderItem;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'arvea-sidebar': ArveaSidebar;
-    }
-}
-
-export { type Accordion, type AccordionBody, type AccordionBodyLine, type AccordionBodyMax, type AccordionChevron, type AccordionHeader, type AccordionHeaderBg, type AccordionTitle, type Action, type ActionBtn, type ActionBtnArchive, type ActionBtnCopy, type ActionBtnDelete, type ActionBtnDownload, type ActionBtnEdit, type ActionBtnOrder, type ActionBtnPause, type ActionBtnPayment, type ActionBtnPdf, type ActionBtnPrice, type ActionBtnPrint, type ActionBtnRestore, type ActionBtnSettings, type ActionBtnUpload, type ActionBtnValidate, type ActionBtnView, type Alert, type AlertBody, type AlertClose, type AlertCloseHover, type AlertDanger, type AlertInfo, type AlertSuccess, type AlertTitle, type AlertWarning, ArveaAccordion, ArveaAccordionItem, type ArveaAccordionItemProps, type ArveaAccordionProps, ArveaActionButton, type ArveaActionButtonSize, ArveaAlert, type ArveaAlertProps, type ArveaAlertVariant, ArveaAvatar, type ArveaAvatarProps, type ArveaAvatarSize, type ArveaAvatarVariant, ArveaBadge, type ArveaBadgeProps, ArveaBreadcrumb, type ArveaBreadcrumbItem, type ArveaBreadcrumbProps, type ArveaBreadcrumbSeparator, ArveaButton, type ArveaButtonProps, type ArveaButtonSize, ArveaCard, type ArveaCardProps, type ArveaCardVariant, ArveaCarousel, type ArveaCarouselArrowPosition, type ArveaCarouselProps, ArveaCheckbox, type ArveaCheckboxProps, ArveaDataTable, type ArveaDataTableAlign, type ArveaDataTableColumn, type ArveaDataTableProps, type ArveaDataTableSort, type ArveaDataTableSortDirection, ArveaDatePicker, type ArveaDatePickerMode, type ArveaDatePickerProps, type ArveaDatePickerValue, type ArveaDateRange, ArveaDialog, type ArveaDialogProps, type ArveaDialogSize, ArveaDivider, type ArveaDividerAlign, type ArveaDividerEmphasis, type ArveaDividerOrientation, type ArveaDividerProps, type ArveaDividerVariant, ArveaDrawer, type ArveaDrawerPlacement, type ArveaDrawerProps, type ArveaDrawerSize, type ArveaDropdownItem, ArveaDropdownMenu, type ArveaDropdownMenuProps, type ArveaDropdownPlacement, ArveaEmptyState, type ArveaEmptyStateProps, type ArveaEmptyStateSize, type ArveaFileRejectReason, type ArveaFileRejection, ArveaFileUpload, type ArveaFileUploadProps, ArveaFormField, type ArveaFormFieldProps, type ArveaFormFieldStatus, ArveaIcon, type ArveaIconProps, ArveaImage, type ArveaImageFit, ArveaInput, type ArveaInputProps, type ArveaInputTextAlign, type ArveaInputType, ArveaLightbox, type ArveaLightboxItem, type ArveaLightboxProps, ArveaMediaCard, ArveaOtpInput, type ArveaOtpInputProps, type ArveaOtpType, ArveaPagination, type ArveaPaginationProps, type ArveaPaginationSize, type ArveaPhoneChangeDetail, ArveaPhoneNumber, type ArveaPhoneNumberProps, ArveaPopconfirm, type ArveaPopconfirmProps, type ArveaPopconfirmVariant, ArveaPopover, type ArveaPopoverPlacement, type ArveaPopoverProps, type ArveaPopoverTrigger, ArveaProductCard, ArveaProgressBar, type ArveaProgressBarProps, type ArveaProgressSize, ArveaQuantitySelector, type ArveaQuantitySelectorProps, type ArveaQuantitySize, ArveaRadio, type ArveaRadioProps, ArveaRating, type ArveaRatingProps, type ArveaRatingSize, ArveaSearchBar, type ArveaSearchBarProps, type ArveaSearchSize, type ArveaSearchSuggestion, ArveaSegmentedControl, type ArveaSegmentedControlItem, type ArveaSegmentedControlProps, type ArveaSegmentedControlSize, ArveaSelect, type ArveaSelectOption, type ArveaSelectProps, ArveaSidebar, type ArveaSidebarItem, type ArveaSidebarProps, type ArveaSidebarSection, ArveaSkeleton, ArveaSkeletonCard, type ArveaSkeletonCardPreset, type ArveaSkeletonCardProps, type ArveaSkeletonCardVariant, type ArveaSkeletonProps, type ArveaSkeletonShape, ArveaSlider, type ArveaSliderProps, ArveaSpinner, type ArveaSpinnerProps, type ArveaSpinnerSize, ArveaStepper, type ArveaStepperOrientation, type ArveaStepperProps, type ArveaStepperStep, type ArveaTabItem, ArveaTable, type ArveaTableProps, type ArveaTableRow, ArveaTabs, type ArveaTabsProps, type ArveaTabsVariant, ArveaTag, type ArveaTagProps, type ArveaTagValidator, ArveaTagsInput, type ArveaTagsInputProps, ArveaTextarea, type ArveaTextareaProps, ArveaToast, ArveaToastContainer, type ArveaToastOptions, type ArveaToastPosition, type ArveaToastProps, type ArveaToastVariant, ArveaToggle, type ArveaToggleProps, ArveaTooltip, type ArveaTooltipPlacement, type ArveaTooltipProps, ArveaTree, type ArveaTreeNode, type ArveaTreeProps, type ArveaTreeSelection, type Avatar, type AvatarBg, type AvatarBorder, type AvatarBorderRadius, type AvatarFont, type AvatarLetter, type AvatarSize, type AvatarText, type Badge, type BadgeActive, type BadgeError, type BadgeFont, type BadgeInactive, type BadgeInfo, type BadgeLabel, type BadgeLabelDefault, type BadgeLabelDestructive, type BadgeLabelFont, type BadgeLabelLine, type BadgeLabelOutline, type BadgeLabelSecondary, type BadgeLine, type BadgePending, type BadgeSuccess, type BadgeVariant, type BadgeWarning, type Breadcrumb, type BreadcrumbColor, type BreadcrumbFont, type BreadcrumbSeparator, type Button, type ButtonDanger, type ButtonDangerBg, type ButtonDefault, type ButtonDefaultBg, type ButtonHeight, type ButtonLink, type ButtonOutline, type ButtonOutlineBg, type ButtonPadding, type ButtonSecondary, type ButtonSecondaryBg, type ButtonSize, type ButtonText, type ButtonTextLink, type ButtonVariant, COUNTRIES, type Card, type CardShadow, type Carousel, type CarouselArrow, type CarouselArrowBg, type CarouselArrowDisabled, type CarouselDot, type CarouselDotBg, type CarouselDotRow, type CarouselDotSize, type Checkbox, type CheckboxCheck, type CheckboxChecked, type CheckboxDisabled, type CheckboxUnchecked, type Colors, type ColorsArvea, type ColorsSlate, type Datepicker, type DatepickerCell, type DatepickerRange, type DatepickerSelected, type DatepickerToday, type Dialog, type DialogBody, type DialogClose, type DialogCloseHover, type DialogMax, type DialogOverlay, type DialogTitle, type Divider, type DividerColor, type DividerText, type Drawer, type DrawerOverlay, type Dropdown, type DropdownItem, type DropdownItemBg, type DropdownItemBgDestructive, type DropdownItemColor, type DropdownMax, type DropdownMin, type DropdownShadow, type DropdownTrigger, type DropdownTriggerBg, type Font, type FontSize, type FontWeight, type Input, type InputBg, type InputBorder, type InputFont, type InputHint, type InputHintColor, type InputLabel, type InputPadding, type InputShadow, type Lightbox, type LightboxButton, type LightboxOverlay, type LightboxText, type LightboxThumb, type LightboxThumbBorder, type Loader, type LoaderColor, type LoaderColorSubtle, type Otp, type OtpCell, type OtpCellFocus, type Pagination, type PaginationBg, type PaginationBorder, type PaginationColor, type PaginationFont, type PaginationShadow, type PaginationSize, type PhoneCountry, type Popover, type Progress, type ProgressFill, type ProgressHeight, type ProgressLabel, type ProgressTrack, type Qty, type QtyButton, type QtyButtonBg, type QtyButtonSize, type QtyInput, type QtyInputWidth, type QtyShadow, type Radio, type RadioChecked, type RadioDisabled, type RadioDot, type RadioLabel, type RadioUnchecked, type Rating, type RatingColor, type RatingLabel, type RatingSize, type Searchbar, type SearchbarBg, type SearchbarBorder, type SearchbarHeight, type SearchbarPadding, type SearchbarShadow, type SearchbarSuggestion, type SearchbarSuggestionBg, type Segmented, type SegmentedThumb, type SegmentedTrack, type Select, type SelectBg, type SelectBorder, type SelectChevron, type SelectFont, type SelectOption, type SelectOptionActive, type SelectOptionHover, type SelectOptionSelected, type SelectPadding, type SelectPopup, type SelectTag, type Skeleton, type SkeletonPulse, type SkeletonRadius, type Slider, type SliderDisabled, type SliderLabel, type SliderThumb, type SliderThumbBorder, type SliderThumbShadow, type SliderTick, type SliderTrack, type SliderTrackFilled, type SliderValue, type Spacing, type Spacing0, type Spacing1, type Spacing2, type Spacing3, type Spinner, type SpinnerBorder, type SpinnerSize, type SpinnerTrack, type Stepper, type StepperCircle, type StepperCircleBg, type StepperCircleBorder, type StepperCircleColor, type StepperConnector, type StepperConnectorBg, type StepperDescription, type StepperLabel, type StepperLabelColor, type StepperShadow, type Table, type TableCell, type TableCellPadding, type TableColumn, type TableEmpty, type TableFilter, type TableFilterRow, type TableHeader, type TableResizer, type TableRow, type TableRowBg, type TableRowHover, type TableRowSelected, type TableSort, type Tabs, type TabsDisabled, type TabsIndicator, type TabsList, type TabsPill, type TabsPillBg, type TabsPillText, type TabsTab, type TabsTabColor, type TabsTabFont, type Tag, type TagBg, type TagBorder, type TagFont, type TagRemove, type TagRemoveColor, type TagRemoveHover, type TagText, type Toast, type ToastError, type ToastInfo, type ToastMax, type ToastMin, type ToastSuccess, type ToastWarning, type Toggle, type ToggleChecked, type ToggleThumb, type ToggleUnchecked, type Tooltip, type TooltipArrow, type TooltipFont, type TooltipMax, type Tree, type TreeLine, type TreeRow, type TreeRowHover, type TreeRowSelected, type Upload, type UploadBg, type UploadBorder, accordion, accordionBg, accordionBody, accordionBodyColor, accordionBodyLine, accordionBodyLineHeight, accordionBodyMax, accordionBodyMaxHeight, accordionBodyPadding, accordionBodySize, accordionBorder, accordionChevron, accordionChevronColor, accordionHeader, accordionHeaderBg, accordionHeaderBgHover, accordionHeaderPadding, accordionHeaderRadius, accordionRadius, accordionTitle, accordionTitleColor, accordionTitleSize, accordionTitleWeight, accordionTransition, action, actionBtn, actionBtnArchive, actionBtnArchiveBg, actionBtnCopy, actionBtnCopyBg, actionBtnDelete, actionBtnDeleteBg, actionBtnDownload, actionBtnDownloadBg, actionBtnEdit, actionBtnEditBg, actionBtnFg, actionBtnOrder, actionBtnOrderBg, actionBtnPause, actionBtnPauseBg, actionBtnPayment, actionBtnPaymentBg, actionBtnPdf, actionBtnPdfBg, actionBtnPrice, actionBtnPriceBg, actionBtnPrint, actionBtnPrintBg, actionBtnRestore, actionBtnRestoreBg, actionBtnSettings, actionBtnSettingsBg, actionBtnUpload, actionBtnUploadBg, actionBtnValidate, actionBtnValidateBg, actionBtnView, actionBtnViewBg, alert, alertBody, alertBodySize, alertClose, alertCloseHover, alertCloseHoverBg, alertCloseOpacity, alertCloseSize, alertDanger, alertDangerBg, alertDangerBorder, alertDangerIcon, alertDangerText, alertGap, alertInfo, alertInfoBg, alertInfoBorder, alertInfoIcon, alertInfoText, alertPadding, alertRadius, alertSuccess, alertSuccessBg, alertSuccessBorder, alertSuccessIcon, alertSuccessText, alertTitle, alertTitleSize, alertTitleWeight, alertTransition, alertWarning, alertWarningBg, alertWarningBorder, alertWarningIcon, alertWarningText, archiveFilledIcon, archiveOutlineIcon, arrowRightFilledIcon, arrowRightOutlineIcon, arveaAccordionItemStyles, arveaAccordionStyles, arveaActionButtonStyles, arveaAlertStyles, arveaAvatarStyles, arveaBadgeStyles, arveaBreadcrumbStyles, arveaButtonStyles, arveaCardStyles, arveaCarouselStyles, arveaCheckboxStyles, arveaDataTableStyles, arveaDatePickerStyles, arveaDialogStyles, arveaDividerStyles, arveaDrawerStyles, arveaDropdownMenuStyles, arveaEmptyStateStyles, arveaFileUploadStyles, arveaFormFieldStyles, arveaIconStyles, arveaInputStyles, arveaLightboxStyles, arveaMediaCardStyles, arveaOtpInputStyles, arveaPaginationStyles, arveaPhoneNumberStyles, arveaPopconfirmStyles, arveaPopoverStyles, arveaProductCardStyles, arveaProgressBarStyles, arveaQuantitySelectorStyles, arveaRadioStyles, arveaRatingStyles, arveaSearchBarStyles, arveaSegmentedControlStyles, arveaSelectStyles, arveaSkeletonCardStyles, arveaSkeletonStyles, arveaSliderStyles, arveaSpinnerStyles, arveaStepperStyles, arveaTableStyles, arveaTabsStyles, arveaTagStyles, arveaTagsInputStyles, arveaTextareaStyles, arveaToastStyles, arveaToggleStyles, arveaTooltipStyles, arveaTreeStyles, avatar, avatarBg, avatarBgIdentity, avatarBgObject, avatarBorder, avatarBorderRadius, avatarBorderRadiusIdentity, avatarBorderRadiusObject, avatarFont, avatarFontLg, avatarFontMd, avatarFontSm, avatarFontWeight, avatarLetter, avatarLetterSpacing, avatarSize, avatarSizeLg, avatarSizeMd, avatarSizeSm, avatarText, avatarTextIdentity, avatarTextObject, badge, badgeActive, badgeActiveBg, badgeActiveIcon, badgeActiveText, badgeError, badgeErrorBg, badgeErrorIcon, badgeErrorText, badgeFont, badgeFontSize, badgeFontWeight, badgeGap, badgeHeight, badgeInactive, badgeInactiveBg, badgeInactiveIcon, badgeInactiveText, badgeInfo, badgeInfoBg, badgeInfoIcon, badgeInfoText, badgeLabel, badgeLabelDefault, badgeLabelDefaultBg, badgeLabelDefaultBorder, badgeLabelDefaultText, badgeLabelDestructive, badgeLabelDestructiveBg, badgeLabelDestructiveBorder, badgeLabelDestructiveText, badgeLabelFont, badgeLabelFontSize, badgeLabelFontWeight, badgeLabelGap, badgeLabelHeight, badgeLabelLine, badgeLabelLineHeight, badgeLabelOutline, badgeLabelOutlineBg, badgeLabelOutlineBorder, badgeLabelOutlineText, badgeLabelPadding, badgeLabelRadius, badgeLabelSecondary, badgeLabelSecondaryBg, badgeLabelSecondaryBorder, badgeLabelSecondaryText, badgeLine, badgeLineHeight, badgePadding, badgePending, badgePendingBg, badgePendingIcon, badgePendingText, badgeRadius, badgeSuccess, badgeSuccessBg, badgeSuccessIcon, badgeSuccessText, badgeWarning, badgeWarningBg, badgeWarningIcon, badgeWarningText, bellFilledIcon, bellOutlineIcon, breadcrumb, breadcrumbColor, breadcrumbColorCurrent, breadcrumbColorHover, breadcrumbFont, breadcrumbFontSize, breadcrumbGap, breadcrumbSeparator, breadcrumbSeparatorColor, button, buttonDanger, buttonDangerBg, buttonDangerBgHover, buttonDefault, buttonDefaultBg, buttonDefaultBgDisabled, buttonDefaultBgHover, buttonGap, buttonHeight, buttonHeightDefault, buttonHeightLg, buttonHeightSm, buttonLink, buttonLinkBg, buttonOutline, buttonOutlineBg, buttonOutlineBgHover, buttonOutlineBorder, buttonOutlineShadow, buttonPadding, buttonPaddingDefault, buttonPaddingIcon, buttonPaddingLg, buttonPaddingSm, buttonRadius, buttonSecondary, buttonSecondaryBg, buttonSecondaryBgHover, buttonSize, buttonSizeIcon, buttonText, buttonTextDanger, buttonTextDefault, buttonTextDisabled, buttonTextLink, buttonTextLinkHover, buttonTextOutline, buttonTextSecondary, card, cardBg, cardBorder, cardPadding, cardRadius, cardShadow, cardShadowElevated, carousel, carouselArrow, carouselArrowBg, carouselArrowBgHover, carouselArrowBorder, carouselArrowColor, carouselArrowDisabled, carouselArrowDisabledOpacity, carouselArrowOffset, carouselArrowShadow, carouselArrowSize, carouselDot, carouselDotBg, carouselDotBgActive, carouselDotGap, carouselDotRow, carouselDotRowMargin, carouselDotSize, carouselDotSizeActive, carouselGap, carouselRadius, carouselTransition, checkFilledIcon, checkOutlineIcon, checkbox, checkboxBorder, checkboxCheck, checkboxCheckColor, checkboxCheckSize, checkboxChecked, checkboxCheckedBg, checkboxDisabled, checkboxDisabledOpacity, checkboxRadius, checkboxSize, checkboxUnchecked, checkboxUncheckedBg, chevronDownFilledIcon, chevronDownOutlineIcon, chevronRightFilledIcon, chevronRightOutlineIcon, clipboardFilledIcon, clipboardOutlineIcon, colors, colorsArvea, colorsArvea100, colorsArvea200, colorsArvea300, colorsArvea400, colorsArvea50, colorsArvea500, colorsArvea600, colorsArvea700, colorsArvea800, colorsArvea900, colorsArvea950, colorsSlate, colorsSlate100, colorsSlate200, colorsSlate300, colorsSlate400, colorsSlate50, colorsSlate500, colorsSlate600, colorsSlate700, colorsSlate800, colorsSlate900, colorsSlate950, datepicker, datepickerCell, datepickerCellRadius, datepickerCellSize, datepickerRange, datepickerRangeBg, datepickerSelected, datepickerSelectedBg, datepickerToday, datepickerTodayRing, dialog, dialogBg, dialogBody, dialogBodyColor, dialogClose, dialogCloseColor, dialogCloseHover, dialogCloseHoverBg, dialogMax, dialogMaxWidth, dialogOverlay, dialogOverlayBg, dialogPadding, dialogRadius, dialogShadow, dialogTitle, dialogTitleColor, dialogTitleSize, dialogTitleWeight, divider, dividerColor, dividerColorStrong, dividerSpacing, dividerText, dividerTextColor, dividerTextPadding, dividerTextSize, dividerThickness, drawer, drawerBg, drawerOverlay, drawerOverlayBg, drawerShadow, drawerTransition, dropdown, dropdownBg, dropdownBorder, dropdownDivider, dropdownItem, dropdownItemBg, dropdownItemBgDestructive, dropdownItemBgDestructiveHover, dropdownItemBgHover, dropdownItemColor, dropdownItemColorDestructive, dropdownItemColorDisabled, dropdownItemPadding, dropdownMax, dropdownMaxWidth, dropdownMin, dropdownMinWidth, dropdownPadding, dropdownRadius, dropdownShadow, dropdownShadowFocus, dropdownTrigger, dropdownTriggerBg, dropdownTriggerBgHover, dropdownTriggerBorder, dropdownTriggerColor, eyeFilledIcon, eyeOutlineIcon, eyeSlashFilledIcon, eyeSlashOutlineIcon, fileFilledIcon, fileOutlineIcon, fileTextFilledIcon, fileTextOutlineIcon, findCountry, fingerprintFilledIcon, fingerprintOutlineIcon, flagFilledIcon, flagOutlineIcon, flagUrl, font, fontFamily, fontSize, fontSize2xl, fontSize3xl, fontSize4xl, fontSize5xl, fontSizeBase, fontSizeLg, fontSizeSm, fontSizeXl, fontSizeXs, fontWeight, fontWeightMedium, fontWeightRegular, fontWeightSemibold, giftFilledIcon, giftOutlineIcon, globeFilledIcon, globeOutlineIcon, googleFilledIcon, googleOutlineIcon, gridFilledIcon, gridOutlineIcon, homeFilledIcon, homeOutlineIcon, idCardFilledIcon, idCardOutlineIcon, input, inputBg, inputBgDisabled, inputBorder, inputBorderFocus, inputBorderHover, inputBorderInvalid, inputBorderWarning, inputFont, inputFontSize, inputHeight, inputHint, inputHintColor, inputHintColorInvalid, inputHintColorValid, inputHintColorWarning, inputHintSize, inputLabel, inputLabelColor, inputLabelSize, inputLabelWeight, inputPadding, inputPaddingX, inputPaddingY, inputPlaceholder, inputRadius, inputShadow, inputShadowFocus, inputText, layersFilledIcon, layersOutlineIcon, layoutBottomFilledIcon, layoutBottomOutlineIcon, lightbox, lightboxButton, lightboxButtonBg, lightboxButtonColor, lightboxOverlay, lightboxOverlayBg, lightboxRadius, lightboxShadow, lightboxText, lightboxTextColor, lightboxThumb, lightboxThumbBorder, lightboxThumbBorderActive, loader, loaderColor, loaderColorDanger, loaderColorDefault, loaderColorOutline, loaderColorSecondary, loaderColorSubtle, loaderColorSubtleDanger, loaderColorSubtleDefault, loaderColorSubtleOutline, loaderColorSubtleSecondary, lockFilledIcon, lockOutlineIcon, logOutFilledIcon, logOutOutlineIcon, mailFilledIcon, mailOutlineIcon, mapFilledIcon, mapOutlineIcon, mapPinFilledIcon, mapPinOutlineIcon, otp, otpCell, otpCellBorder, otpCellFocus, otpCellFocusRing, otpCellGap, otpCellSize, packageFilledIcon, packageOutlineIcon, pagination, paginationBg, paginationBgActive, paginationBgHover, paginationBorder, paginationBorderActive, paginationBorderHover, paginationColor, paginationColorActive, paginationFont, paginationFontSize, paginationGap, paginationRadius, paginationShadow, paginationShadowFocus, paginationSize, paginationSizeLg, paginationSizeMd, paginationSizeSm, plusFilledIcon, plusOutlineIcon, popover, popoverBg, popoverBorder, popoverRadius, popoverShadow, popoverZ, progress, progressFill, progressFillBg, progressHeight, progressHeightLg, progressHeightMd, progressHeightSm, progressLabel, progressLabelColor, progressLabelSize, progressRadius, progressTrack, progressTrackBg, qty, qtyBg, qtyBorder, qtyButton, qtyButtonBg, qtyButtonBgHover, qtyButtonColor, qtyButtonSize, qtyButtonSizeLg, qtyButtonSizeMd, qtyButtonSizeSm, qtyInput, qtyInputColor, qtyInputWidth, qtyInputWidthLg, qtyInputWidthMd, qtyInputWidthSm, qtyRadius, qtyShadow, qtyShadowFocus, radio, radioBorder, radioChecked, radioCheckedBg, radioDisabled, radioDisabledOpacity, radioDot, radioDotColor, radioDotSize, radioGap, radioLabel, radioLabelColor, radioLabelSize, radioLabelWeight, radioRadius, radioSize, radioUnchecked, radioUncheckedBg, rating, ratingColor, ratingColorEmpty, ratingColorFilled, ratingGap, ratingLabel, ratingLabelColor, ratingSize, ratingSizeLg, ratingSizeMd, ratingSizeSm, refreshCwFilledIcon, refreshCwOutlineIcon, resolveCountry, searchFilledIcon, searchOutlineIcon, searchbar, searchbarBg, searchbarBgDisabled, searchbarBorder, searchbarBorderFocus, searchbarBorderHover, searchbarColor, searchbarHeight, searchbarHeightLg, searchbarHeightMd, searchbarHeightSm, searchbarIcon, searchbarPadding, searchbarPaddingX, searchbarPlaceholder, searchbarRadius, searchbarShadow, searchbarShadowFocus, searchbarSuggestion, searchbarSuggestionBg, searchbarSuggestionBgHover, segmented, segmentedThumb, segmentedThumbBg, segmentedThumbShadow, segmentedTrack, segmentedTrackBg, select, selectBg, selectBgDisabled, selectBorder, selectBorderFocus, selectBorderInvalid, selectChevron, selectChevronColor, selectFont, selectFontSize, selectHeight, selectOption, selectOptionActive, selectOptionActiveBg, selectOptionHover, selectOptionHoverBg, selectOptionSelected, selectOptionSelectedBg, selectOptionSelectedFg, selectPadding, selectPaddingX, selectPaddingY, selectPlaceholder, selectPopup, selectPopupBg, selectPopupBorder, selectPopupRadius, selectPopupShadow, selectPopupZ, selectRadius, selectTag, selectTagBg, selectTagFg, selectTagRadius, selectText, setting02FilledIcon, setting02OutlineIcon, settingsFilledIcon, settingsOutlineIcon, shieldFilledIcon, shieldOutlineIcon, shoppingBagFilledIcon, shoppingBagOutlineIcon, shoppingCartFilledIcon, shoppingCartOutlineIcon, skeleton, skeletonBg, skeletonDuration, skeletonHighlight, skeletonPulse, skeletonPulseWidth, skeletonRadius, skeletonRadiusLg, skeletonRadiusSm, slider, sliderDisabled, sliderDisabledOpacity, sliderLabel, sliderLabelColor, sliderLabelSize, sliderLabelWeight, sliderThumb, sliderThumbBg, sliderThumbBorder, sliderThumbBorderWidth, sliderThumbShadow, sliderThumbShadowFocus, sliderThumbSize, sliderTick, sliderTickColor, sliderTickSize, sliderTrack, sliderTrackBg, sliderTrackFilled, sliderTrackFilledBg, sliderTrackHeight, sliderTrackRadius, sliderValue, sliderValueColor, sliderValueSize, spacing, spacing0, spacing05, spacing1, spacing10, spacing11, spacing12, spacing14, spacing15, spacing16, spacing2, spacing20, spacing24, spacing25, spacing28, spacing3, spacing32, spacing35, spacing36, spacing4, spacing40, spacing44, spacing48, spacing5, spacing52, spacing56, spacing6, spacing60, spacing64, spacing7, spacing72, spacing8, spacing80, spacing9, spacing96, spacingPx, spinner, spinnerBorder, spinnerBorderLg, spinnerBorderMd, spinnerBorderSm, spinnerColor, spinnerSize, spinnerSizeLg, spinnerSizeMd, spinnerSizeSm, spinnerTrack, spinnerTrackColor, stepper, stepperCircle, stepperCircleBg, stepperCircleBgActive, stepperCircleBgComplete, stepperCircleBorder, stepperCircleBorderActive, stepperCircleBorderComplete, stepperCircleColor, stepperCircleColorActive, stepperCircleColorComplete, stepperCircleSize, stepperConnector, stepperConnectorBg, stepperConnectorBgComplete, stepperDescription, stepperDescriptionColor, stepperLabel, stepperLabelColor, stepperLabelColorActive, stepperShadow, stepperShadowActive, table, tableBg, tableBorder, tableCell, tableCellColor, tableCellPadding, tableCellPaddingX, tableCellPaddingY, tableEmpty, tableEmptyColor, tableFilter, tableFilterRow, tableFilterRowBg, tableHeader, tableHeaderBg, tableHeaderColor, tableRadius, tableResizer, tableResizerColor, tableRow, tableRowBg, tableRowBgHover, tableRowBorder, tableRowHover, tableRowHoverBg, tableRowSelected, tableRowSelectedBg, tableSort, tableSortActive, tabs, tabsDisabled, tabsDisabledOpacity, tabsIndicator, tabsIndicatorColor, tabsIndicatorHeight, tabsList, tabsListBorder, tabsPill, tabsPillBg, tabsPillBgActive, tabsPillText, tabsPillTextActive, tabsTab, tabsTabColor, tabsTabColorActive, tabsTabColorHover, tabsTabFont, tabsTabFontSize, tabsTabFontWeight, tabsTabPadding, tabsTabRadius, tag, tagBg, tagBgHover, tagBgSelected, tagBorder, tagBorderSelected, tagFilledIcon, tagFont, tagFontSize, tagFontWeight, tagGap, tagHeight, tagOutlineIcon, tagPadding, tagRadius, tagRemove, tagRemoveColor, tagRemoveColorSelected, tagRemoveHover, tagRemoveHoverBg, tagText, tagTextSelected, ticketFilledIcon, ticketOutlineIcon, toast, toastBg, toastError, toastErrorBg, toastGap, toastInfo, toastInfoBg, toastMax, toastMaxWidth, toastMin, toastMinWidth, toastPadding, toastRadius, toastShadow, toastSuccess, toastSuccessBg, toastText, toastWarning, toastWarningBg, toggle, toggleChecked, toggleCheckedBg, toggleHeight, togglePadding, toggleRadius, toggleThumb, toggleThumbBg, toggleThumbSize, toggleUnchecked, toggleUncheckedBg, toggleWidth, tooltip, tooltipArrow, tooltipArrowSize, tooltipBg, tooltipFont, tooltipFontSize, tooltipFontWeight, tooltipMax, tooltipMaxWidth, tooltipOffset, tooltipPadding, tooltipRadius, tooltipText, tree, treeIndent, treeLine, treeLineColor, treeRow, treeRowHover, treeRowHoverBg, treeRowSelected, treeRowSelectedBg, truckFilledIcon, truckOutlineIcon, upload, uploadBg, uploadBgActive, uploadBorder, uploadBorderActive, userFilledIcon, userOutlineIcon, wifi02FilledIcon, wifi02OutlineIcon, zapFilledIcon, zapOutlineIcon };
+export { type Accordion, type AccordionBody, type AccordionBodyLine, type AccordionBodyMax, type AccordionChevron, type AccordionHeader, type AccordionHeaderBg, type AccordionTitle, type Action, type ActionBtn, type ActionBtnArchive, type ActionBtnCopy, type ActionBtnDelete, type ActionBtnDownload, type ActionBtnEdit, type ActionBtnOrder, type ActionBtnPause, type ActionBtnPayment, type ActionBtnPdf, type ActionBtnPrice, type ActionBtnPrint, type ActionBtnRestore, type ActionBtnSettings, type ActionBtnUpload, type ActionBtnValidate, type ActionBtnView, type Alert, type AlertBody, type AlertClose, type AlertCloseHover, type AlertDanger, type AlertInfo, type AlertSuccess, type AlertTitle, type AlertWarning, type ArveaAccordionItemProps, type ArveaAccordionProps, type ArveaCheckboxProps, type ArveaFileRejectReason, type ArveaFileRejection, type ArveaFileUploadProps, type ArveaIconProps, type ArveaPhoneChangeDetail, type ArveaPhoneNumberProps, type ArveaRadioProps, type ArveaSliderProps, type ArveaTagProps, type ArveaTextareaProps, type ArveaTimeSelectProps, type ArveaToggleProps, type Avatar, type AvatarBg, type AvatarBorder, type AvatarBorderRadius, type AvatarFont, type AvatarLetter, type AvatarSize, type AvatarText, type Badge, type BadgeActive, type BadgeError, type BadgeFont, type BadgeInactive, type BadgeInfo, type BadgeLabel, type BadgeLabelDefault, type BadgeLabelDestructive, type BadgeLabelFont, type BadgeLabelLine, type BadgeLabelOutline, type BadgeLabelSecondary, type BadgeLine, type BadgePending, type BadgeSuccess, type BadgeWarning, type Breadcrumb, type BreadcrumbColor, type BreadcrumbFont, type BreadcrumbSeparator, type Button, type ButtonDanger, type ButtonDangerBg, type ButtonDefault, type ButtonDefaultBg, type ButtonHeight, type ButtonLink, type ButtonOutline, type ButtonOutlineBg, type ButtonPadding, type ButtonSecondary, type ButtonSecondaryBg, type ButtonSize, type ButtonText, type ButtonTextLink, type Card, type CardShadow, type Carousel, type CarouselArrow, type CarouselArrowBg, type CarouselArrowDisabled, type CarouselDot, type CarouselDotBg, type CarouselDotRow, type CarouselDotSize, type Checkbox, type CheckboxCheck, type CheckboxChecked, type CheckboxDisabled, type CheckboxUnchecked, type Colors, type ColorsArvea, type ColorsSlate, type Datepicker, type DatepickerCell, type DatepickerRange, type DatepickerSelected, type DatepickerToday, type Dialog, type DialogBody, type DialogClose, type DialogCloseHover, type DialogMax, type DialogOverlay, type DialogTitle, type Divider, type DividerColor, type DividerText, type Drawer, type DrawerOverlay, type Dropdown, type DropdownItem, type DropdownItemBg, type DropdownItemBgDestructive, type DropdownItemColor, type DropdownMax, type DropdownMin, type DropdownShadow, type DropdownTrigger, type DropdownTriggerBg, type Font, type FontSize, type FontWeight, type Input, type InputBg, type InputBorder, type InputFont, type InputHint, type InputHintColor, type InputLabel, type InputPadding, type InputShadow, type Lightbox, type LightboxButton, type LightboxOverlay, type LightboxText, type LightboxThumb, type LightboxThumbBorder, type Loader, type LoaderColor, type LoaderColorSubtle, type Otp, type OtpCell, type OtpCellFocus, type Pagination, type PaginationBg, type PaginationBorder, type PaginationColor, type PaginationFont, type PaginationShadow, type PaginationSize, PhoneCountry, type Popover, type Progress, type ProgressFill, type ProgressHeight, type ProgressLabel, type ProgressTrack, type Qty, type QtyButton, type QtyButtonBg, type QtyButtonSize, type QtyInput, type QtyInputWidth, type QtyShadow, type Radio, type RadioChecked, type RadioDisabled, type RadioDot, type RadioLabel, type RadioUnchecked, type Rating, type RatingColor, type RatingLabel, type RatingSize, type Searchbar, type SearchbarBg, type SearchbarBorder, type SearchbarHeight, type SearchbarPadding, type SearchbarShadow, type SearchbarSuggestion, type SearchbarSuggestionBg, type Segmented, type SegmentedThumb, type SegmentedTrack, type Select, type SelectBg, type SelectBorder, type SelectChevron, type SelectFont, type SelectOption, type SelectOptionActive, type SelectOptionHover, type SelectOptionSelected, type SelectPadding, type SelectPopup, type SelectTag, type Skeleton, type SkeletonPulse, type SkeletonRadius, type Slider, type SliderDisabled, type SliderLabel, type SliderThumb, type SliderThumbBorder, type SliderThumbShadow, type SliderTick, type SliderTrack, type SliderTrackFilled, type SliderValue, type Spacing, type Spacing0, type Spacing1, type Spacing2, type Spacing3, type Spinner, type SpinnerBorder, type SpinnerSize, type SpinnerTrack, type Stepper, type StepperCircle, type StepperCircleBg, type StepperCircleBorder, type StepperCircleColor, type StepperConnector, type StepperConnectorBg, type StepperDescription, type StepperLabel, type StepperLabelColor, type StepperShadow, type Table, type TableCell, type TableCellPadding, type TableEmpty, type TableFilter, type TableFilterRow, type TableHeader, type TableResizer, type TableRow, type TableRowBg, type TableRowHover, type TableRowSelected, type TableSort, type Tabs, type TabsDisabled, type TabsIndicator, type TabsList, type TabsPill, type TabsPillBg, type TabsPillText, type TabsTab, type TabsTabColor, type TabsTabFont, type Tag, type TagBg, type TagBorder, type TagFont, type TagRemove, type TagRemoveColor, type TagRemoveHover, type TagText, type Toast, type ToastError, type ToastInfo, type ToastMax, type ToastMin, type ToastSuccess, type ToastWarning, type Toggle, type ToggleChecked, type ToggleThumb, type ToggleUnchecked, type Tooltip, type TooltipArrow, type TooltipFont, type TooltipMax, type Tree, type TreeLine, type TreeRow, type TreeRowHover, type TreeRowSelected, type Upload, type UploadBg, type UploadBorder, accordion, accordionBg, accordionBody, accordionBodyColor, accordionBodyLine, accordionBodyLineHeight, accordionBodyMax, accordionBodyMaxHeight, accordionBodyPadding, accordionBodySize, accordionBorder, accordionChevron, accordionChevronColor, accordionHeader, accordionHeaderBg, accordionHeaderBgHover, accordionHeaderPadding, accordionHeaderRadius, accordionRadius, accordionTitle, accordionTitleColor, accordionTitleSize, accordionTitleWeight, accordionTransition, action, actionBtn, actionBtnArchive, actionBtnArchiveBg, actionBtnCopy, actionBtnCopyBg, actionBtnDelete, actionBtnDeleteBg, actionBtnDownload, actionBtnDownloadBg, actionBtnEdit, actionBtnEditBg, actionBtnFg, actionBtnOrder, actionBtnOrderBg, actionBtnPause, actionBtnPauseBg, actionBtnPayment, actionBtnPaymentBg, actionBtnPdf, actionBtnPdfBg, actionBtnPrice, actionBtnPriceBg, actionBtnPrint, actionBtnPrintBg, actionBtnRestore, actionBtnRestoreBg, actionBtnSettings, actionBtnSettingsBg, actionBtnUpload, actionBtnUploadBg, actionBtnValidate, actionBtnValidateBg, actionBtnView, actionBtnViewBg, alert, alertBody, alertBodySize, alertClose, alertCloseHover, alertCloseHoverBg, alertCloseOpacity, alertCloseSize, alertDanger, alertDangerBg, alertDangerBorder, alertDangerIcon, alertDangerText, alertGap, alertInfo, alertInfoBg, alertInfoBorder, alertInfoIcon, alertInfoText, alertPadding, alertRadius, alertSuccess, alertSuccessBg, alertSuccessBorder, alertSuccessIcon, alertSuccessText, alertTitle, alertTitleSize, alertTitleWeight, alertTransition, alertWarning, alertWarningBg, alertWarningBorder, alertWarningIcon, alertWarningText, archiveFilledIcon, archiveOutlineIcon, arrowRightFilledIcon, arrowRightOutlineIcon, arveaAccordionItemStyles, arveaAccordionStyles, arveaActionButtonStyles, arveaAlertStyles, arveaAvatarStyles, arveaBadgeStyles, arveaBreadcrumbStyles, arveaButtonStyles, arveaCardStyles, arveaCarouselStyles, arveaCheckboxStyles, arveaDataTableStyles, arveaDatePickerStyles, arveaDialogStyles, arveaDividerStyles, arveaDrawerStyles, arveaDropdownMenuStyles, arveaEmptyStateStyles, arveaFileUploadStyles, arveaFormFieldStyles, arveaIconStyles, arveaInputStyles, arveaLightboxStyles, arveaMediaCardStyles, arveaOtpInputStyles, arveaPaginationStyles, arveaPhoneNumberStyles, arveaPopconfirmStyles, arveaPopoverStyles, arveaProductCardStyles, arveaProgressBarStyles, arveaQuantitySelectorStyles, arveaRadioStyles, arveaRatingStyles, arveaSearchBarStyles, arveaSegmentedControlStyles, arveaSelectStyles, arveaSkeletonCardStyles, arveaSkeletonStyles, arveaSliderStyles, arveaSpinnerStyles, arveaStepperStyles, arveaTableStyles, arveaTabsStyles, arveaTagStyles, arveaTagsInputStyles, arveaTextareaStyles, arveaTimeSelectStyles, arveaToastStyles, arveaToggleStyles, arveaTooltipStyles, arveaTreeStyles, avatar, avatarBg, avatarBgIdentity, avatarBgObject, avatarBorder, avatarBorderRadius, avatarBorderRadiusIdentity, avatarBorderRadiusObject, avatarFont, avatarFontLg, avatarFontMd, avatarFontSm, avatarFontWeight, avatarLetter, avatarLetterSpacing, avatarSize, avatarSizeLg, avatarSizeMd, avatarSizeSm, avatarText, avatarTextIdentity, avatarTextObject, badge, badgeActive, badgeActiveBg, badgeActiveIcon, badgeActiveText, badgeError, badgeErrorBg, badgeErrorIcon, badgeErrorText, badgeFont, badgeFontSize, badgeFontWeight, badgeGap, badgeHeight, badgeInactive, badgeInactiveBg, badgeInactiveIcon, badgeInactiveText, badgeInfo, badgeInfoBg, badgeInfoIcon, badgeInfoText, badgeLabel, badgeLabelDefault, badgeLabelDefaultBg, badgeLabelDefaultBorder, badgeLabelDefaultText, badgeLabelDestructive, badgeLabelDestructiveBg, badgeLabelDestructiveBorder, badgeLabelDestructiveText, badgeLabelFont, badgeLabelFontSize, badgeLabelFontWeight, badgeLabelGap, badgeLabelHeight, badgeLabelLine, badgeLabelLineHeight, badgeLabelOutline, badgeLabelOutlineBg, badgeLabelOutlineBorder, badgeLabelOutlineText, badgeLabelPadding, badgeLabelRadius, badgeLabelSecondary, badgeLabelSecondaryBg, badgeLabelSecondaryBorder, badgeLabelSecondaryText, badgeLine, badgeLineHeight, badgePadding, badgePending, badgePendingBg, badgePendingIcon, badgePendingText, badgeRadius, badgeSuccess, badgeSuccessBg, badgeSuccessIcon, badgeSuccessText, badgeWarning, badgeWarningBg, badgeWarningIcon, badgeWarningText, bellFilledIcon, bellOutlineIcon, breadcrumb, breadcrumbColor, breadcrumbColorCurrent, breadcrumbColorHover, breadcrumbFont, breadcrumbFontSize, breadcrumbGap, breadcrumbSeparator, breadcrumbSeparatorColor, button, buttonDanger, buttonDangerBg, buttonDangerBgHover, buttonDefault, buttonDefaultBg, buttonDefaultBgDisabled, buttonDefaultBgHover, buttonGap, buttonHeight, buttonHeightDefault, buttonHeightLg, buttonHeightSm, buttonLink, buttonLinkBg, buttonOutline, buttonOutlineBg, buttonOutlineBgHover, buttonOutlineBorder, buttonOutlineShadow, buttonPadding, buttonPaddingDefault, buttonPaddingIcon, buttonPaddingLg, buttonPaddingSm, buttonRadius, buttonSecondary, buttonSecondaryBg, buttonSecondaryBgHover, buttonSize, buttonSizeIcon, buttonText, buttonTextDanger, buttonTextDefault, buttonTextDisabled, buttonTextLink, buttonTextLinkHover, buttonTextOutline, buttonTextSecondary, card, cardBg, cardBorder, cardPadding, cardRadius, cardShadow, cardShadowElevated, carousel, carouselArrow, carouselArrowBg, carouselArrowBgHover, carouselArrowBorder, carouselArrowColor, carouselArrowDisabled, carouselArrowDisabledOpacity, carouselArrowOffset, carouselArrowShadow, carouselArrowSize, carouselDot, carouselDotBg, carouselDotBgActive, carouselDotGap, carouselDotRow, carouselDotRowMargin, carouselDotSize, carouselDotSizeActive, carouselGap, carouselRadius, carouselTransition, checkFilledIcon, checkOutlineIcon, checkbox, checkboxBorder, checkboxCheck, checkboxCheckColor, checkboxCheckSize, checkboxChecked, checkboxCheckedBg, checkboxDisabled, checkboxDisabledOpacity, checkboxRadius, checkboxSize, checkboxUnchecked, checkboxUncheckedBg, chevronDownFilledIcon, chevronDownOutlineIcon, chevronRightFilledIcon, chevronRightOutlineIcon, clipboardFilledIcon, clipboardOutlineIcon, colors, colorsArvea, colorsArvea100, colorsArvea200, colorsArvea300, colorsArvea400, colorsArvea50, colorsArvea500, colorsArvea600, colorsArvea700, colorsArvea800, colorsArvea900, colorsArvea950, colorsSlate, colorsSlate100, colorsSlate200, colorsSlate300, colorsSlate400, colorsSlate50, colorsSlate500, colorsSlate600, colorsSlate700, colorsSlate800, colorsSlate900, colorsSlate950, datepicker, datepickerCell, datepickerCellRadius, datepickerCellSize, datepickerRange, datepickerRangeBg, datepickerSelected, datepickerSelectedBg, datepickerToday, datepickerTodayRing, dialog, dialogBg, dialogBody, dialogBodyColor, dialogClose, dialogCloseColor, dialogCloseHover, dialogCloseHoverBg, dialogMax, dialogMaxWidth, dialogOverlay, dialogOverlayBg, dialogPadding, dialogRadius, dialogShadow, dialogTitle, dialogTitleColor, dialogTitleSize, dialogTitleWeight, divider, dividerColor, dividerColorStrong, dividerSpacing, dividerText, dividerTextColor, dividerTextPadding, dividerTextSize, dividerThickness, drawer, drawerBg, drawerOverlay, drawerOverlayBg, drawerShadow, drawerTransition, dropdown, dropdownBg, dropdownBorder, dropdownDivider, dropdownItem, dropdownItemBg, dropdownItemBgDestructive, dropdownItemBgDestructiveHover, dropdownItemBgHover, dropdownItemColor, dropdownItemColorDestructive, dropdownItemColorDisabled, dropdownItemPadding, dropdownMax, dropdownMaxWidth, dropdownMin, dropdownMinWidth, dropdownPadding, dropdownRadius, dropdownShadow, dropdownShadowFocus, dropdownTrigger, dropdownTriggerBg, dropdownTriggerBgHover, dropdownTriggerBorder, dropdownTriggerColor, eyeFilledIcon, eyeOutlineIcon, eyeSlashFilledIcon, eyeSlashOutlineIcon, fileFilledIcon, fileOutlineIcon, fileTextFilledIcon, fileTextOutlineIcon, fingerprintFilledIcon, fingerprintOutlineIcon, flagFilledIcon, flagOutlineIcon, font, fontFamily, fontSize, fontSize2xl, fontSize3xl, fontSize4xl, fontSize5xl, fontSizeBase, fontSizeLg, fontSizeSm, fontSizeXl, fontSizeXs, fontWeight, fontWeightMedium, fontWeightRegular, fontWeightSemibold, giftFilledIcon, giftOutlineIcon, globeFilledIcon, globeOutlineIcon, googleFilledIcon, googleOutlineIcon, gridFilledIcon, gridOutlineIcon, homeFilledIcon, homeOutlineIcon, idCardFilledIcon, idCardOutlineIcon, input, inputBg, inputBgDisabled, inputBorder, inputBorderFocus, inputBorderHover, inputBorderInvalid, inputBorderWarning, inputFont, inputFontSize, inputHeight, inputHint, inputHintColor, inputHintColorInvalid, inputHintColorValid, inputHintColorWarning, inputHintSize, inputLabel, inputLabelColor, inputLabelSize, inputLabelWeight, inputPadding, inputPaddingX, inputPaddingY, inputPlaceholder, inputRadius, inputShadow, inputShadowFocus, inputText, layersFilledIcon, layersOutlineIcon, layoutBottomFilledIcon, layoutBottomOutlineIcon, lightbox, lightboxButton, lightboxButtonBg, lightboxButtonColor, lightboxOverlay, lightboxOverlayBg, lightboxRadius, lightboxShadow, lightboxText, lightboxTextColor, lightboxThumb, lightboxThumbBorder, lightboxThumbBorderActive, loader, loaderColor, loaderColorDanger, loaderColorDefault, loaderColorOutline, loaderColorSecondary, loaderColorSubtle, loaderColorSubtleDanger, loaderColorSubtleDefault, loaderColorSubtleOutline, loaderColorSubtleSecondary, lockFilledIcon, lockOutlineIcon, logOutFilledIcon, logOutOutlineIcon, mailFilledIcon, mailOutlineIcon, mapFilledIcon, mapOutlineIcon, mapPinFilledIcon, mapPinOutlineIcon, otp, otpCell, otpCellBorder, otpCellFocus, otpCellFocusRing, otpCellGap, otpCellSize, packageFilledIcon, packageOutlineIcon, pagination, paginationBg, paginationBgActive, paginationBgHover, paginationBorder, paginationBorderActive, paginationBorderHover, paginationColor, paginationColorActive, paginationFont, paginationFontSize, paginationGap, paginationRadius, paginationShadow, paginationShadowFocus, paginationSize, paginationSizeLg, paginationSizeMd, paginationSizeSm, plusFilledIcon, plusOutlineIcon, popover, popoverBg, popoverBorder, popoverRadius, popoverShadow, popoverZ, progress, progressFill, progressFillBg, progressHeight, progressHeightLg, progressHeightMd, progressHeightSm, progressLabel, progressLabelColor, progressLabelSize, progressRadius, progressTrack, progressTrackBg, qty, qtyBg, qtyBorder, qtyButton, qtyButtonBg, qtyButtonBgHover, qtyButtonColor, qtyButtonSize, qtyButtonSizeLg, qtyButtonSizeMd, qtyButtonSizeSm, qtyInput, qtyInputColor, qtyInputWidth, qtyInputWidthLg, qtyInputWidthMd, qtyInputWidthSm, qtyRadius, qtyShadow, qtyShadowFocus, radio, radioBorder, radioChecked, radioCheckedBg, radioDisabled, radioDisabledOpacity, radioDot, radioDotColor, radioDotSize, radioGap, radioLabel, radioLabelColor, radioLabelSize, radioLabelWeight, radioRadius, radioSize, radioUnchecked, radioUncheckedBg, rating, ratingColor, ratingColorEmpty, ratingColorFilled, ratingGap, ratingLabel, ratingLabelColor, ratingSize, ratingSizeLg, ratingSizeMd, ratingSizeSm, refreshCwFilledIcon, refreshCwOutlineIcon, searchFilledIcon, searchOutlineIcon, searchbar, searchbarBg, searchbarBgDisabled, searchbarBorder, searchbarBorderFocus, searchbarBorderHover, searchbarColor, searchbarHeight, searchbarHeightLg, searchbarHeightMd, searchbarHeightSm, searchbarIcon, searchbarPadding, searchbarPaddingX, searchbarPlaceholder, searchbarRadius, searchbarShadow, searchbarShadowFocus, searchbarSuggestion, searchbarSuggestionBg, searchbarSuggestionBgHover, segmented, segmentedThumb, segmentedThumbBg, segmentedThumbShadow, segmentedTrack, segmentedTrackBg, select, selectBg, selectBgDisabled, selectBorder, selectBorderFocus, selectBorderInvalid, selectChevron, selectChevronColor, selectFont, selectFontSize, selectHeight, selectOption, selectOptionActive, selectOptionActiveBg, selectOptionHover, selectOptionHoverBg, selectOptionSelected, selectOptionSelectedBg, selectOptionSelectedFg, selectPadding, selectPaddingX, selectPaddingY, selectPlaceholder, selectPopup, selectPopupBg, selectPopupBorder, selectPopupRadius, selectPopupShadow, selectPopupZ, selectRadius, selectTag, selectTagBg, selectTagFg, selectTagRadius, selectText, setting02FilledIcon, setting02OutlineIcon, settingsFilledIcon, settingsOutlineIcon, shieldFilledIcon, shieldOutlineIcon, shoppingBagFilledIcon, shoppingBagOutlineIcon, shoppingCartFilledIcon, shoppingCartOutlineIcon, skeleton, skeletonBg, skeletonDuration, skeletonHighlight, skeletonPulse, skeletonPulseWidth, skeletonRadius, skeletonRadiusLg, skeletonRadiusSm, slider, sliderDisabled, sliderDisabledOpacity, sliderLabel, sliderLabelColor, sliderLabelSize, sliderLabelWeight, sliderThumb, sliderThumbBg, sliderThumbBorder, sliderThumbBorderWidth, sliderThumbShadow, sliderThumbShadowFocus, sliderThumbSize, sliderTick, sliderTickColor, sliderTickSize, sliderTrack, sliderTrackBg, sliderTrackFilled, sliderTrackFilledBg, sliderTrackHeight, sliderTrackRadius, sliderValue, sliderValueColor, sliderValueSize, spacing, spacing0, spacing05, spacing1, spacing10, spacing11, spacing12, spacing14, spacing15, spacing16, spacing2, spacing20, spacing24, spacing25, spacing28, spacing3, spacing32, spacing35, spacing36, spacing4, spacing40, spacing44, spacing48, spacing5, spacing52, spacing56, spacing6, spacing60, spacing64, spacing7, spacing72, spacing8, spacing80, spacing9, spacing96, spacingPx, spinner, spinnerBorder, spinnerBorderLg, spinnerBorderMd, spinnerBorderSm, spinnerColor, spinnerSize, spinnerSizeLg, spinnerSizeMd, spinnerSizeSm, spinnerTrack, spinnerTrackColor, stepper, stepperCircle, stepperCircleBg, stepperCircleBgActive, stepperCircleBgComplete, stepperCircleBorder, stepperCircleBorderActive, stepperCircleBorderComplete, stepperCircleColor, stepperCircleColorActive, stepperCircleColorComplete, stepperCircleSize, stepperConnector, stepperConnectorBg, stepperConnectorBgComplete, stepperDescription, stepperDescriptionColor, stepperLabel, stepperLabelColor, stepperLabelColorActive, stepperShadow, stepperShadowActive, table, tableBg, tableBorder, tableCell, tableCellColor, tableCellPadding, tableCellPaddingX, tableCellPaddingY, tableEmpty, tableEmptyColor, tableFilter, tableFilterRow, tableFilterRowBg, tableHeader, tableHeaderBg, tableHeaderColor, tableRadius, tableResizer, tableResizerColor, tableRow, tableRowBg, tableRowBgHover, tableRowBorder, tableRowHover, tableRowHoverBg, tableRowSelected, tableRowSelectedBg, tableSort, tableSortActive, tabs, tabsDisabled, tabsDisabledOpacity, tabsIndicator, tabsIndicatorColor, tabsIndicatorHeight, tabsList, tabsListBorder, tabsPill, tabsPillBg, tabsPillBgActive, tabsPillText, tabsPillTextActive, tabsTab, tabsTabColor, tabsTabColorActive, tabsTabColorHover, tabsTabFont, tabsTabFontSize, tabsTabFontWeight, tabsTabPadding, tabsTabRadius, tag, tagBg, tagBgHover, tagBgSelected, tagBorder, tagBorderSelected, tagFilledIcon, tagFont, tagFontSize, tagFontWeight, tagGap, tagHeight, tagOutlineIcon, tagPadding, tagRadius, tagRemove, tagRemoveColor, tagRemoveColorSelected, tagRemoveHover, tagRemoveHoverBg, tagText, tagTextSelected, ticketFilledIcon, ticketOutlineIcon, toast, toastBg, toastError, toastErrorBg, toastGap, toastInfo, toastInfoBg, toastMax, toastMaxWidth, toastMin, toastMinWidth, toastPadding, toastRadius, toastShadow, toastSuccess, toastSuccessBg, toastText, toastWarning, toastWarningBg, toggle, toggleChecked, toggleCheckedBg, toggleHeight, togglePadding, toggleRadius, toggleThumb, toggleThumbBg, toggleThumbSize, toggleUnchecked, toggleUncheckedBg, toggleWidth, tooltip, tooltipArrow, tooltipArrowSize, tooltipBg, tooltipFont, tooltipFontSize, tooltipFontWeight, tooltipMax, tooltipMaxWidth, tooltipOffset, tooltipPadding, tooltipRadius, tooltipText, tree, treeIndent, treeLine, treeLineColor, treeRow, treeRowHover, treeRowHoverBg, treeRowSelected, treeRowSelectedBg, truckFilledIcon, truckOutlineIcon, upload, uploadBg, uploadBgActive, uploadBorder, uploadBorderActive, userFilledIcon, userOutlineIcon, wifi02FilledIcon, wifi02OutlineIcon, zapFilledIcon, zapOutlineIcon };