aeico-components 0.1.1

package/dist/types/dropdown/dropdown.d.ts

@@ -0,0 +1,84 @@
+import AeicoComponent from '../aeico-component';
+import type { InferProps } from 'aeico';
+import type { DropdownPlacement } from './defines';
+import './dropdown-item';
+/**
+ * Dropdown component — renders a floating menu panel anchored to a trigger slot.
+ *
+ * The trigger is provided via `slot="trigger"` (typically an `<ae-button>`).
+ * Menu items are provided as `<ae-dropdown-item>` default-slot children.
+ *
+ * Emits:
+ * - `open`   — when the panel opens
+ * - `close`  — when the panel closes
+ * - `select` — `{ detail: { value, label } }` when a menu item is clicked
+ *
+ * @example
+ * ```html
+ * <ae-dropdown>
+ *   <ae-button slot="trigger">Actions</ae-button>
+ *   <ae-dropdown-item value="edit" icon="edit">Edit</ae-dropdown-item>
+ *   <ae-dropdown-item value="delete" danger icon="trash">Delete</ae-dropdown-item>
+ * </ae-dropdown>
+ * ```
+ *
+ * @example
+ * ```html
+ * <!-- Inside ae-navbar -->
+ * <ae-navbar>
+ *   <a slot="brand" href="/">MyApp</a>
+ *   <ae-dropdown slot="end">
+ *     <ae-button slot="trigger" variant="outlined" size="sm">User</ae-button>
+ *     <ae-dropdown-item href="/profile" icon="user">Profile</ae-dropdown-item>
+ *     <ae-dropdown-item value="logout" danger>Sign out</ae-dropdown-item>
+ *   </ae-dropdown>
+ * </ae-navbar>
+ * ```
+ */
+declare class Dropdown extends AeicoComponent {
+    static tagName: string;
+    protected static styles: string[];
+    /**
+     * Position of the panel relative to the trigger.
+     * Defaults to `'bottom-start'` (left-aligned, below trigger).
+     */
+    accessor placement: DropdownPlacement;
+    /**
+     * Whether the dropdown panel is visible. Reflects as the `open` attribute.
+     * Can be used for controlled open/close state.
+     */
+    accessor open: boolean;
+    /**
+     * When `true` (default), clicking a menu item automatically closes the panel.
+     */
+    accessor closeOnSelect: boolean;
+    /** Disables the trigger and prevents opening. */
+    accessor disabled: boolean;
+    /**
+     * Optional label text. When set, `ae-dropdown` renders its own trigger button
+     * in the shadow DOM (no `slot="trigger"` needed). Inherits `--ae-navbar-link-*`
+     * CSS variables so it automatically matches navbar link styles.
+     */
+    accessor label: string;
+    private _outsideClickHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Opens the dropdown panel. */
+    show(): void;
+    /** Closes the dropdown panel. */
+    hide(): void;
+    /** Toggles the dropdown panel open/closed. */
+    toggle(): void;
+    private _closePanel;
+    private _handleTriggerClick;
+    private _handleItemSelect;
+    private _handleKeydown;
+    protected render(): import("aeico-view").RenderResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ae-dropdown': Dropdown;
+    }
+}
+export default Dropdown;
+export type DropdownProps = InferProps<typeof Dropdown>;

package/dist/types/dropdown/index.d.ts

@@ -0,0 +1,7 @@
+export { default } from './dropdown';
+export { default as DropdownItem } from './dropdown-item';
+export { default as DropdownButton } from './dropdown-button';
+export type { DropdownProps } from './dropdown';
+export type { DropdownItemProps } from './dropdown-item';
+export type { DropdownButtonProps } from './dropdown-button';
+export type { DropdownPlacement } from './defines';

package/dist/types/icon/defines.d.ts

@@ -0,0 +1,10 @@
+export type IconSize = '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | number;
+export type IconColor = 'default' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+export interface IconDefinition {
+    path: string;
+    viewBox?: string;
+    stroke?: boolean;
+    strokeWidth?: number;
+}
+export declare const defaultViewBox = "0 0 24 24";
+export type IconRegistryData = Record<string, string | IconDefinition>;

package/dist/types/icon/icon.d.ts

@@ -0,0 +1,21 @@
+import type { InferProps, Props } from 'aeico';
+import AeicoComponent from '../aeico-component';
+import type { IconSize, IconColor } from './defines';
+declare class Icon extends AeicoComponent {
+    static tagName: string;
+    static props: Props;
+    name?: string;
+    size?: IconSize;
+    color?: IconColor;
+    stroke?: boolean;
+    strokeWidth?: number;
+    protected static styles: string[];
+    protected render(): import("aeico-view").RenderResult | undefined;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ae-icon': Icon;
+    }
+}
+export default Icon;
+export type IconProps = InferProps<typeof Icon>;

package/dist/types/icon/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Icon } from './icon';
+export type { IconProps } from './icon';
+export { default as IconRegistry } from './registry';
+export type { IconSize, IconColor, IconDefinition, IconRegistryData } from './defines';

package/dist/types/icon/registry.d.ts

@@ -0,0 +1,8 @@
+import { IconDefinition, IconRegistryData } from './defines';
+declare class IconRegistry {
+    private static _icons;
+    static add(icons: IconRegistryData): void;
+    static get(name: string): IconDefinition | undefined;
+    static has(name: string): boolean;
+}
+export default IconRegistry;

package/dist/types/icon-button/icon-button.d.ts

@@ -0,0 +1,32 @@
+import type { InferProps, Props } from 'aeico';
+import AeicoComponent from '../aeico-component';
+import type { IconColor } from '../icon/defines';
+import '../button/button';
+import '../icon/icon';
+export type IconButtonVariant = 'filled' | 'outlined' | 'subtle' | 'text';
+export type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * @deprecated Use `<ae-button>` with an `<ae-icon>` slot instead.
+ *
+ * ```html
+ * <ae-button color="primary"><ae-icon name="star"></ae-icon></ae-button>
+ * ```
+ */
+declare class IconButton extends AeicoComponent {
+    static tagName: string;
+    static props: Props;
+    icon?: string;
+    size?: IconButtonSize;
+    color?: IconColor;
+    variant?: IconButtonVariant;
+    disabled?: boolean;
+    protected static styles: string[];
+    protected render(): import("aeico-view").RenderResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ae-icon-button': IconButton;
+    }
+}
+export default IconButton;
+export type IconButtonProps = InferProps<typeof IconButton>;

package/dist/types/icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as IconButton } from './icon-button';
+export type { IconButtonProps, IconButtonVariant, IconButtonSize } from './icon-button';

package/dist/types/index.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Components module exports
+ *
+ * All Aeico Web Components are available here for on-demand registration.
+ * Import only the components you need to keep your bundle size small.
+ *
+ * @example
+ * ```typescript
+ * import { SelectField, RangeField, Button } from 'aeico/components'
+ *
+ * // Manually register components
+ * SelectField.register()
+ * RangeField.register()
+ * Button.register()
+ *
+ * // Or use with custom names
+ * SelectField.register('my-select')
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Use the static create method for programmatic creation
+ * import { Button } from 'aeico/components'
+ *
+ * const button = Button.create({
+ *   variant: 'primary',
+ *   size: 'md'
+ * })
+ * button.textContent = 'Click me'
+ * document.body.appendChild(button)
+ * ```
+ */
+export { default as TextInput } from './text-input';
+export { default as Select } from './select';
+export { default as Slider } from './slider';
+export { default as Checkbox } from './checkbox';
+export { default as RadioGroup } from './radio-group';
+export { Radio } from './radio-group';
+export { default as Switch } from './switch';
+export { default as Breadcrumb, BreadcrumbItem } from './breadcrumb';
+export { default as Button } from './button';
+export { default as Dropdown, DropdownItem, DropdownButton } from './dropdown';
+export { default as ButtonGroup } from './button-group';
+export { default as Badge } from './badge';
+export { default as Tag } from './tag';
+export { default as Alert } from './alert';
+export { default as Dialog } from './dialog';
+export { default as Icon } from './icon/icon';
+export { default as IconRegistry } from './icon/registry';
+export { default as IconButton } from './icon-button';
+export { Tabs, Tab, TabPanel } from './tabs';
+export { default as Divider } from './divider';
+export { default as Card } from './card';
+export { default as Navbar } from './navbar';
+export { default as Detail } from './detail';
+export type { SelectProps, SelectOption, SelectOptions, SelectOptionValue } from './select';
+export type { SliderProps, SliderOption, SliderOptions, SliderOptionValue } from './slider';
+export type { CheckboxProps, CheckboxVariant } from './checkbox';
+export type { RadioGroupProps, RadioGroupMode, RadioGroupOption, RadioGroupOptions, } from './radio-group';
+export type { RadioProps } from './radio-group';
+export type { SwitchProps } from './switch';
+export type { TextInputProps } from './text-input';
+export type { ButtonProps, ButtonColor, ButtonSize, ButtonVariant } from './button';
+export type { ButtonGroupProps } from './button-group';
+export type { AlertProps, AlertColor, AlertSize, AlertVariant } from './alert';
+export type { BadgeProps, BadgeColor, BadgeSize, BadgeVariant } from './badge';
+export type { TagProps, TagColor, TagSize, TagVariant } from './tag';
+export type { DialogProps } from './dialog';
+export type { IconProps, IconSize, IconColor, IconDefinition, IconRegistryData } from './icon';
+export type { IconButtonProps, IconButtonVariant, IconButtonSize } from './icon-button';
+export type { DividerProps } from './divider';
+export type { CardProps, CardVariant, CardColor } from './card';
+export type { NavbarProps, NavbarColor, NavbarAppearance } from './navbar';
+export type { DetailProps, DetailVariant, DetailColor } from './detail';

package/dist/types/navbar/defines.d.ts

@@ -0,0 +1,2 @@
+export type NavbarColor = 'default' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
+export type NavbarAppearance = 'text' | 'block';

package/dist/types/navbar/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as Navbar } from './navbar';
+export type { NavbarProps } from './navbar';
+export type { NavbarColor, NavbarAppearance } from './defines';

package/dist/types/navbar/navbar.d.ts

@@ -0,0 +1,73 @@
+import type { InferProps } from 'aeico';
+import AeicoComponent from '../aeico-component';
+import type { NavbarColor, NavbarAppearance } from './defines';
+/**
+ * Navbar Component
+ *
+ * A sticky top navigation bar with three slot regions and built-in
+ * mobile hamburger collapse.
+ *
+ * Slots:
+ * - `brand`  — leftmost area, typically a logo or site name link
+ * - `start`  — main navigation links / dropdowns
+ * - `end`    — right-side actions (login button, avatar, etc.)
+ *
+ * Slotted `<a>` elements receive default link styling controlled via
+ * CSS custom properties. Mark the active link with `aria-current="page"`.
+ *
+ * @example
+ * ```html
+ * <ae-navbar color="primary" appearance="block">
+ *   <a slot="brand" href="/">MyApp</a>
+ *   <a slot="start" href="/" aria-current="page">Home</a>
+ *   <a slot="start" href="/docs">Docs</a>
+ *   <ae-button slot="end" size="sm" variant="outlined">Sign in</ae-button>
+ * </ae-navbar>
+ * ```
+ *
+ * @example
+ * ```css
+ * /* Custom height and transparent background *\/
+ * ae-navbar {
+ *   --ae-navbar-height: 4rem;
+ *   --ae-navbar-bg: transparent;
+ *   --ae-navbar-border-width: 0;
+ *   --ae-navbar-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
+ * }
+ * ```
+ */
+declare class Navbar extends AeicoComponent {
+    static tagName: string;
+    protected static styles: string[];
+    /** Background color using the design-system color token set. */
+    accessor color: NavbarColor | undefined;
+    /** When true (default), the navbar sticks to the top of the viewport while scrolling. Set to false to let it scroll with the page. */
+    accessor sticky: boolean;
+    /**
+     * Hover style preset for slotted `<a>` links.
+     * - `text`  — only the font color changes on hover (default)
+     * - `block` — a subtle filled background block appears on hover
+     *
+     * Fine-tune further with `--ae-navbar-link-hover-color` /
+     * `--ae-navbar-link-hover-bg` CSS variables.
+     */
+    accessor appearance: NavbarAppearance;
+    /** Whether the mobile menu is expanded. Reflects as the `open` attribute. */
+    accessor open: boolean;
+    private _outsideClickHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Toggle the mobile menu open/closed. */
+    toggleMenu(): void;
+    private _handleInnerClick;
+    private _toggleMenu;
+    private _closeMenu;
+    protected render(): import("aeico-view").RenderResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ae-navbar': Navbar;
+    }
+}
+export default Navbar;
+export type NavbarProps = InferProps<typeof Navbar>;

package/dist/types/radio-group/defines.d.ts

@@ -0,0 +1,6 @@
+export type RadioGroupMode = 'default' | 'button' | 'button-group' | 'segmented';
+export type RadioGroupOption = string | number | {
+    label: string;
+    value: string | number;
+};
+export type RadioGroupOptions = RadioGroupOption[];

package/dist/types/radio-group/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as RadioGroup } from './radio-group';
+export type { RadioGroupProps } from './radio-group';
+export type { RadioGroupMode, RadioGroupOption, RadioGroupOptions } from './defines';
+export { default as Radio } from './radio';
+export type { RadioProps } from './radio';

package/dist/types/radio-group/radio-group.d.ts

@@ -0,0 +1,41 @@
+import AeicoField from '../aeico-field';
+import type { InferProps, Props } from 'aeico';
+import type { ButtonColor, ButtonVariant, ButtonSize } from '../button';
+import type { RadioGroupMode, RadioGroupOptions } from './defines';
+declare class RadioGroup extends AeicoField {
+    protected fieldElement: HTMLInputElement | null;
+    private _slotEl;
+    private _slotOptions;
+    private static _instanceCount;
+    private readonly _groupName;
+    static tagName: string;
+    static props: Props;
+    options?: RadioGroupOptions;
+    mode?: RadioGroupMode;
+    color?: ButtonColor;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    allowEmpty?: boolean;
+    protected static styles: string[];
+    constructor();
+    private _optLabel;
+    private _optValue;
+    private _allOptions;
+    private _onSlotChange;
+    private _boundOnRadioClick;
+    private _boundOnButtonClick;
+    protected getValue(): string;
+    protected writeValue(_value: any): void;
+    protected onReset(): void;
+    protected onClear(): void;
+    render(): import("aeico-view").RenderResult;
+    private _renderRadio;
+    private _renderButtons;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ae-radio-group': RadioGroup;
+    }
+}
+export default RadioGroup;
+export type RadioGroupProps = InferProps<typeof RadioGroup>;

package/dist/types/radio-group/radio.d.ts

@@ -0,0 +1,47 @@
+import AeicoComponent from '../aeico-component';
+import type { InferProps, Props } from 'aeico';
+/**
+ * AeRadio — structured option element for ae-radio-group.
+ *
+ * Replaces the native `<option>` approach with a custom element that is
+ * fully extensible.  Current surface:
+ *   - `value`    — option value submitted / matched against radio-group value
+ *   - `disabled` — disables this individual option (independent of the group)
+ *   - Light DOM  — label content; can be plain text or rich HTML (icons, etc.)
+ *
+ * This element has **no shadow DOM** — it is a pure data / content carrier.
+ * ae-radio-group reads its properties and light-DOM content, then renders
+ * the appropriate UI (radio input, button, segmented pill, …).
+ *
+ * @example Plain text options
+ * ```html
+ * <ae-radio-group mode="button" color="primary" value="a">
+ *   <ae-radio value="a">Option A</ae-radio>
+ *   <ae-radio value="b">Option B</ae-radio>
+ *   <ae-radio value="c" disabled>Option C</ae-radio>
+ * </ae-radio-group>
+ * ```
+ *
+ * @example Rich content options (icons)
+ * ```html
+ * <ae-radio-group mode="button" color="primary" value="list">
+ *   <ae-radio value="list"><ae-icon name="list"></ae-icon> List</ae-radio>
+ *   <ae-radio value="grid"><ae-icon name="grid"></ae-icon> Grid</ae-radio>
+ * </ae-radio-group>
+ * ```
+ */
+declare class Radio extends AeicoComponent {
+    static tagName: string;
+    /** No shadow DOM — this element is a transparent data/content carrier. */
+    static useShadowDOM: boolean;
+    static props: Props;
+    value: string;
+    disabled?: boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ae-radio': Radio;
+    }
+}
+export default Radio;
+export type RadioProps = InferProps<typeof Radio>;

package/dist/types/select/defines.d.ts

@@ -0,0 +1,8 @@
+export type SelectOptionValue = string | number;
+export type SelectOption = {
+    label: string;
+    value: SelectOptionValue;
+};
+export type SelectOptions = SelectOptionValue[] | SelectOption[];
+export type SelectPosition = 'top' | 'bottom' | 'left' | 'right';
+export type SelectMultiValue = SelectOptionValue[];

package/dist/types/select/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as Select } from './select';
+export type { SelectProps } from './select';
+export { default as SelectOption } from './select-option';
+export type { SelectOptionProps } from './select-option';
+export type { SelectOptionValue, SelectOptions, SelectPosition } from './defines';

package/dist/types/select/select-option.d.ts

@@ -0,0 +1,20 @@
+import AeicoComponent from '../aeico-component';
+import type { InferProps } from 'aeico';
+declare class SelectOption extends AeicoComponent {
+    static tagName: string;
+    accessor value: string | undefined;
+    accessor label: string | undefined;
+    accessor disabled: boolean;
+    accessor selected: boolean | undefined;
+    protected static styles: string[];
+    connectedCallback(): void;
+    private _handleClick;
+    render(): import("aeico-view").RenderResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ae-select-option': SelectOption;
+    }
+}
+export default SelectOption;
+export type SelectOptionProps = InferProps<typeof SelectOption>;

package/dist/types/select/select.d.ts

@@ -0,0 +1,60 @@
+import AeicoField from '../aeico-field';
+import type { InferProps } from 'aeico';
+import type { SelectOptionValue, SelectOptions, SelectPosition, SelectMultiValue } from './defines';
+import '../tag/tag';
+/**
+ * Select component supporting single and multi-select modes, with options provided via both props and slots.
+ * - `options` prop accepts an array of strings or objects with `value` and `label` for programmatic options.
+ * - Slot content allows for declarative options using `<ae-select-option>` elements.
+ * @example
+ * <ae-select placeholder="Choose an option" position="bottom">
+ *   <ae-select-option value="1" label="Option 1">Option 1</ae-select-option>
+ *   <ae-select-option value="2" label="Option 2">Option 2</ae-select-option>
+ * </ae-select>
+ *
+ */
+declare class Select extends AeicoField<SelectOptionValue | SelectMultiValue> {
+    protected fieldElement: null;
+    private _isOpen;
+    private _triggerEl;
+    private _dropdownEl;
+    private _slotEl;
+    private _slotOptionData;
+    private _selectedListEl;
+    static tagName: string;
+    accessor _expanded: boolean;
+    accessor options: SelectOptions | undefined;
+    accessor position: SelectPosition | undefined;
+    accessor placeholder: string | undefined;
+    accessor multiple: boolean;
+    accessor expandable: boolean;
+    value: SelectOptionValue | SelectMultiValue | undefined;
+    defaultValue: SelectOptionValue | SelectMultiValue | undefined;
+    protected static styles: string[];
+    protected writeValue(_value: SelectOptionValue | SelectMultiValue): void;
+    protected getValue(): any;
+    private _getMultiValues;
+    protected onDisabledChanged(_newValue: boolean): void;
+    protected onUpdated(_changedProps: Map<string, unknown>): void;
+    private _findLabel;
+    private _onSlotChange;
+    private _toggleDropdown;
+    private _openDropdown;
+    private _closeDropdown;
+    private _syncOpenState;
+    private readonly _handleOutsideClick;
+    private readonly _handleOptionSelect;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _syncSlotOptionsSelected;
+    render(): import("aeico-view").RenderResult;
+    private _renderProgrammaticOptions;
+    private _isSelectOption;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ae-select': Select;
+    }
+}
+export default Select;
+export type SelectProps = InferProps<typeof Select>;

package/dist/types/slider/defines.d.ts

@@ -0,0 +1,31 @@
+export type SliderOptionValue = string | number;
+export type SliderOption = {
+    label: string;
+    value: SliderOptionValue;
+};
+export type SliderOptions = SliderOptionValue[] | SliderOption[];
+export type NormalizedOption = {
+    label: string;
+    value: string;
+    rangeValue: number;
+};
+/**
+ * A single mark on the slider track.
+ * - `number` — mark at that numeric position, no label
+ * - `{ value, label? }` — mark at `value` with optional label
+ *
+ * Marks are purely visual; they do NOT constrain snapping.
+ * The slider still snaps according to `step` / `options`.
+ * Marks outside [min, max] are silently ignored.
+ */
+export type MarkItem = number | {
+    value: number;
+    label?: string;
+};
+/**
+ * The `marks` prop accepts:
+ * - `true`  — auto-generate marks (at option positions, or min+max in free mode)
+ * - `MarkItem[]` — custom marks at the given positions
+ * - `false` / omitted — no marks
+ */
+export type SliderMarks = boolean | MarkItem[];

package/dist/types/slider/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as Slider } from './slider';
+export type { SliderProps } from './slider';
+export type { SliderOptionValue, SliderOption, SliderOptions } from './defines';

package/dist/types/slider/slider.d.ts

@@ -0,0 +1,45 @@
+import AeicoField from '../aeico-field';
+import type { InferProps } from 'aeico';
+import type { SliderMarks, SliderOptions } from './defines';
+declare class Slider extends AeicoField {
+    protected fieldElement: HTMLInputElement | null;
+    private _valueLabel;
+    private _numberInput;
+    private _boundOnRangeInput;
+    private _boundOnNumberInput;
+    static tagName: string;
+    accessor options: SliderOptions;
+    accessor percentage: boolean;
+    accessor min: number;
+    accessor max: number;
+    accessor step: number;
+    accessor editable: boolean;
+    accessor tracked: boolean;
+    accessor marks: SliderMarks | undefined;
+    protected static styles: string[];
+    constructor();
+    private _normalizeOptions;
+    private _getRangeAttrs;
+    private _toRangeValue;
+    private _fromRangeValue;
+    private _displayLabel;
+    private _maxValueLabelWidth;
+    private _updateTrackFill;
+    private _getMarksData;
+    protected writeValue(value: string): void;
+    protected getValue(): string;
+    render(): import("aeico-view").RenderResult;
+    private _onRangeInput;
+    private _onNumberInput;
+    clear(options?: {
+        silent?: boolean;
+    }): void;
+    private _isSliderOption;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ae-slider': Slider;
+    }
+}
+export default Slider;
+export type SliderProps = InferProps<typeof Slider>;

package/dist/types/switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as Switch } from './switch';
+export type { SwitchProps } from './switch';

package/dist/types/switch/switch.d.ts

@@ -0,0 +1,35 @@
+import AeicoField from '../aeico-field';
+import type { InferProps, Props } from 'aeico';
+declare class Switch extends AeicoField {
+    protected fieldElement: HTMLInputElement | null;
+    static tagName: string;
+    static props: Props;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    protected static styles: string[];
+    protected getValue(): boolean;
+    protected writeValue(checked: boolean): void;
+    protected getEventPayload(checked: boolean, oldChecked: boolean, action: any): {
+        checked: boolean;
+        oldChecked: boolean;
+        action: any;
+    };
+    protected setValue(checked: boolean, options?: {
+        silent?: boolean;
+        action?: any;
+    }): void;
+    reset(checked?: boolean, options?: {
+        silent?: boolean;
+    }): void;
+    clear(options?: {
+        silent?: boolean;
+    }): void;
+    render(): import("aeico-view").RenderResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ae-switch': Switch;
+    }
+}
+export default Switch;
+export type SwitchProps = InferProps<typeof Switch>;

package/dist/types/tabs/defines.d.ts

@@ -0,0 +1 @@
+export type TabActiveIndex = number;