@dxtmisha/constructor 0.30.1 → 0.39.5

package/dist/constructors/Button/Button.d.ts

@@ -0,0 +1,51 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrClass, ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { LabelInclude } from '../../classes/LabelInclude';
+import { EnabledInclude } from '../../classes/EnabledInclude';
+import { IconTrailingInclude } from '../Icon';
+import { ProgressInclude } from '../Progress';
+import { RippleInclude } from '../Ripple';
+import { SkeletonInclude } from '../Skeleton';
+import { EventClickInclude } from '../../classes/EventClickInclude';
+import { AriaList } from '../../types/ariaTypes';
+import { ButtonComponents, ButtonEmits, ButtonSlots } from './types';
+import { ButtonPropsBasic } from './props';
+/**
+ * Button
+ */
+export declare class Button {
+    protected readonly props: ButtonPropsBasic;
+    protected readonly refs: ToRefs<ButtonPropsBasic>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<ButtonComponents, ButtonPropsBasic> | undefined;
+    protected readonly slots?: ButtonSlots | undefined;
+    protected readonly emits?: ConstrEmit<ButtonEmits> | undefined;
+    readonly label: LabelInclude;
+    readonly enabled: EnabledInclude;
+    readonly icon: IconTrailingInclude;
+    readonly progress: ProgressInclude;
+    readonly ripple: RippleInclude;
+    readonly skeleton: SkeletonInclude;
+    readonly event: EventClickInclude;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     * @param element input element/ элемент ввода
+     * @param classDesign design name/ название дизайна
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param slots object for working with slots/ объект для работы со слотами
+     * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     */
+    constructor(props: ButtonPropsBasic, refs: ToRefs<ButtonPropsBasic>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<ButtonComponents, ButtonPropsBasic> | undefined, slots?: ButtonSlots | undefined, emits?: ConstrEmit<ButtonEmits> | undefined);
+    /** values for the class/ значения для класса */
+    readonly classes: ComputedRef<ConstrClass>;
+    /**
+     * list of aria properties for the button component/
+     * список aria свойств для компонента Button
+     */
+    readonly aria: ComputedRef<AriaList>;
+}

package/dist/constructors/Button/ButtonDesign.d.ts

@@ -0,0 +1,42 @@
+import { VNode } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract } from '@dxtmisha/functional';
+import { Button } from './Button';
+import { ButtonPropsBasic } from './props';
+import { ButtonClasses, ButtonComponents, ButtonEmits, ButtonExpose, ButtonSlots } from './types';
+/**
+ * ButtonDesign
+ */
+export declare class ButtonDesign<COMP extends ButtonComponents, EXPOSE extends ButtonExpose, CLASSES extends ButtonClasses, P extends ButtonPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, ButtonEmits, EXPOSE, ButtonSlots, CLASSES, P> {
+    protected readonly item: Button;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, ButtonEmits, P>);
+    /**
+     * Initialization of all the necessary properties for work
+     *
+     * Инициализация всех необходимых свойств для работы.
+     */
+    protected initExpose(): EXPOSE;
+    /**
+     * Improvement of the obtained list of classes.
+     *
+     * Доработка полученного списка классов.
+     */
+    protected initClasses(): Partial<CLASSES>;
+    /**
+     * Refinement of the received list of styles.
+     *
+     * Доработка полученного списка стилей.
+     */
+    protected initStyles(): ConstrStyles;
+    /**
+     * A method for rendering.
+     *
+     * Метод для рендеринга.
+     */
+    protected initRender(): VNode;
+}

package/dist/constructors/Button/ButtonInclude.d.ts

@@ -0,0 +1,48 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrBind, DesignComponents, RefOrNormal } from '@dxtmisha/functional';
+import { ButtonComponentInclude, ButtonPropsInclude } from './basicTypes';
+import { ButtonPropsBasic } from './props';
+import { ItemList } from '@dxtmisha/functional-basic';
+/**
+ * ButtonInclude class provides functionality for conditionally rendering button components
+ * within other components. It manages the logic for determining when to display a button
+ * and configures the appropriate properties.
+ *
+ * Класс ButtonInclude предоставляет функциональность для условного рендеринга компонентов
+ * кнопки внутри других компонентов. Он управляет логикой определения необходимости
+ * отображения кнопки и настраивает соответствующие свойства.
+ *
+ * @template Props - Properties interface extending ButtonPropsInclude
+ */
+export declare class ButtonInclude<Props extends ButtonPropsInclude = ButtonPropsInclude> {
+    protected readonly props: Readonly<Props>;
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<ButtonComponentInclude, Props> | undefined;
+    protected readonly extra?: RefOrNormal<ConstrBind<ButtonPropsBasic>> | undefined;
+    protected readonly index?: string | undefined;
+    /**
+     * Constructor
+     * @param props input parameter/ входной параметр
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param extra additional parameter/ дополнительный параметр
+     * @param index index identifier/ идентификатор индекса
+     */
+    constructor(props: Readonly<Props>, className: string, components?: DesignComponents<ButtonComponentInclude, Props> | undefined, extra?: RefOrNormal<ConstrBind<ButtonPropsBasic>> | undefined, index?: string | undefined);
+    /**
+     * Computed bindings for the button/ Вычисляемые привязки для кнопки
+     */
+    readonly binds: ComputedRef<ConstrBind< ItemList>>;
+    /**
+     * Renders the button component with provided properties and configuration.
+     * Returns an array of VNode elements representing the rendered button, or an empty
+     * array if the component cannot be rendered.
+     *
+     * Обрисовывает компонент кнопки с предоставленными свойствами и конфигурацией.
+     * Возвращает массив VNode элементов, представляющих отрисованную кнопку, или пустой
+     * массив, если компонент не может быть отрисованы.
+     *
+     * @param props additional properties/ дополнительные свойства
+     */
+    readonly render: (props?: RefOrNormal<ConstrBind<ButtonPropsBasic>>) => VNode[];
+}

package/dist/constructors/Button/basicTypes.d.ts

@@ -0,0 +1,8 @@
+import { ConstrBind } from '@dxtmisha/functional';
+import { ButtonPropsBasic } from './props';
+export type ButtonComponentInclude = {
+    button?: object;
+};
+export type ButtonPropsInclude<Button extends ButtonPropsBasic = ButtonPropsBasic> = {
+    buttonAttrs?: ConstrBind<Button>;
+};

package/dist/constructors/Button/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Button';
+export * from './ButtonDesign';
+export * from './ButtonInclude';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

package/dist/constructors/Button/props.d.ts

@@ -0,0 +1,37 @@
+import { IconPropsBasic, IconTrailingPropsInclude } from '../Icon';
+import { ProgressPropsBasic, ProgressPropsInclude } from '../Progress';
+import { SkeletonPropsInclude } from '../Skeleton';
+import { LabelProps } from '../../types/labelTypes';
+import { EnabledProps } from '../../types/enabledTypes';
+import { EventClickProps } from '../../types/eventClickTypes';
+import { AriaLabelPropsInclude } from '../../types/ariaTypes';
+export type ButtonPropsToken = {
+    focus?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    readonly?: boolean;
+    adaptive?: 'iconAlways' | 'block' | 'auto';
+    container?: boolean;
+    inverse?: boolean;
+    grid?: boolean;
+    textAlign?: 'left' | 'center' | 'right';
+};
+export type ButtonPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, Progress extends ProgressPropsBasic = ProgressPropsBasic> = LabelProps & EnabledProps & IconTrailingPropsInclude<Icon> & ProgressPropsInclude<Progress> & SkeletonPropsInclude & EventClickProps & AriaLabelPropsInclude & {
+    tag?: 'button' | 'a' | 'span' | string;
+    type?: 'button' | 'submit' | 'reset' | string;
+};
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type ButtonProps = ButtonPropsBasic & ButtonPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsButton: {
+    tag: string;
+    type: string;
+};

package/dist/constructors/Button/types.d.ts

@@ -0,0 +1,44 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { IconComponentInclude } from '../Icon';
+import { ProgressComponentInclude } from '../Progress';
+import { RippleComponentsInclude } from '../Ripple';
+import { EventClickEmits, EventClickExpose } from '../../types/eventClickTypes';
+import { LabelExpose, LabelSlots } from '../../types/labelTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type ButtonComponents = IconComponentInclude & ProgressComponentInclude & RippleComponentsInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type ButtonEmits = EventClickEmits;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface ButtonExpose extends LabelExpose, EventClickExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface ButtonSlots extends LabelSlots {
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type ButtonClasses = {
+    main: ConstrClass;
+    label: string;
+    icon: string;
+    trailing: string;
+    loading: string;
+};

package/dist/constructors/Cell/Cell.d.ts

@@ -0,0 +1,66 @@
+import { Ref, ToRefs, ComputedRef } from 'vue';
+import { ConstrClass, ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { LabelInclude } from '../../classes/LabelInclude';
+import { CaptionInclude } from '../../classes/CaptionInclude';
+import { DescriptionInclude } from '../../classes/DescriptionInclude';
+import { EnabledInclude } from '../../classes/EnabledInclude';
+import { IconTrailingInclude } from '../Icon';
+import { ProgressInclude } from '../Progress';
+import { RippleInclude } from '../Ripple';
+import { SkeletonInclude } from '../Skeleton';
+import { EventClickInclude } from '../../classes/EventClickInclude';
+import { CellComponents, CellEmits, CellSlots } from './types';
+import { CellProps } from './props';
+import { CellClassesSub } from './basicTypes';
+/**
+ * Cell
+ */
+export declare class Cell {
+    protected readonly props: CellProps;
+    protected readonly refs: ToRefs<CellProps>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<CellComponents, CellProps> | undefined;
+    protected readonly slots?: CellSlots | undefined;
+    protected readonly emits?: ConstrEmit<CellEmits> | undefined;
+    readonly progress: ProgressInclude;
+    readonly skeleton: SkeletonInclude;
+    readonly label: LabelInclude;
+    readonly description: DescriptionInclude;
+    readonly caption: CaptionInclude;
+    readonly enabled: EnabledInclude;
+    readonly icon: IconTrailingInclude;
+    readonly ripple: RippleInclude;
+    readonly event: EventClickInclude;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     * @param element input element/ элемент ввода
+     * @param classDesign design name/ название дизайна
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param slots object for working with slots/ объект для работы со слотами
+     * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     */
+    constructor(props: CellProps, refs: ToRefs<CellProps>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<CellComponents, CellProps> | undefined, slots?: CellSlots | undefined, emits?: ConstrEmit<CellEmits> | undefined);
+    /**
+     * Computed CSS classes for the cell component.
+     *
+     * Вычисляемые CSS классы для компонента ячейки.
+     */
+    readonly classes: ComputedRef<ConstrClass>;
+    /**
+     * Computed role for the cell component.
+     *
+     * Вычисляемая роль для компонента ячейки.
+     */
+    readonly role: ComputedRef<string | undefined>;
+    /**
+     * Returns a list of sub-element CSS classes for the cell component.
+     *
+     * Возвращает список CSS классов для под-элементов компонента ячейки.
+     */
+    getClassesSub(): CellClassesSub;
+}

package/dist/constructors/Cell/CellDesign.d.ts

@@ -0,0 +1,123 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrOptions, ConstrStyles, DesignConstructorAbstract, ConstrClass } from '@dxtmisha/functional';
+import { Cell } from './Cell';
+import { CellPropsBasic } from './props';
+import { CellClasses, CellComponents, CellEmits, CellExpose, CellSlots } from './types';
+import { RoleType, AriaTrueOrFalse, EventClickValue } from '../../library';
+import { NumberOrString } from '@dxtmisha/functional-basic';
+/**
+ * CellDesign
+ */
+export declare class CellDesign<COMP extends CellComponents, EXPOSE extends CellExpose, CLASSES extends CellClasses, P extends CellPropsBasic> extends DesignConstructorAbstract<HTMLDivElement, COMP, CellEmits, EXPOSE, CellSlots, CLASSES, P> {
+    protected readonly item: Cell;
+    /**
+     * Constructor
+     * @param name class name/ название класса
+     * @param props properties/ свойства
+     * @param options list of additional parameters/ список дополнительных параметров
+     */
+    constructor(name: string, props: Readonly<P>, options?: ConstrOptions<COMP, CellEmits, P>);
+    /**
+     * Initialization of all the necessary properties for work
+     *
+     * Инициализация всех необходимых свойств для работы.
+     */
+    protected initExpose(): EXPOSE;
+    /**
+     * Improvement of the obtained list of classes.
+     *
+     * Доработка полученного списка классов.
+     */
+    protected initClasses(): Partial<CLASSES>;
+    /**
+     * Refinement of the received list of styles.
+     *
+     * Доработка полученного списка стилей.
+     */
+    protected initStyles(): ConstrStyles;
+    /**
+     * A method for rendering.
+     *
+     * Метод для рендеринга.
+     */
+    protected initRender(): VNode;
+    /**
+     * Generates text elements.
+     *
+     * Генерирует элементы текста.
+     */
+    protected renderContext: () => VNode[];
+    /**
+     * Generates a slot for elements on the right.
+     *
+     * Генерирует слот для элементов справа.
+     */
+    protected renderTrailing: () => VNode[];
+    /**
+     * Generates a slot for elements on the right.
+     *
+     * Генерирует слот для элементов справа.
+     */
+    protected renderBody: () => VNode[];
+    /**
+     * Props for the main element.
+     *
+     * Свойства для главного элемента.
+     */
+    protected readonly propsMain: ComputedRef<{
+        id?: string;
+        role?: RoleType;
+        tabindex?: NumberOrString;
+        'aria-activedescendant'?: string;
+        'aria-atomic'?: AriaTrueOrFalse;
+        'aria-autocomplete'?: "none" | "inline" | "list" | "both";
+        'aria-busy'?: AriaTrueOrFalse;
+        'aria-checked'?: AriaTrueOrFalse | "mixed";
+        'aria-colcount'?: number;
+        'aria-colindex'?: number;
+        'aria-colspan'?: number;
+        'aria-controls'?: string;
+        'aria-current'?: AriaTrueOrFalse | "page" | "step" | "location" | "date" | "time";
+        'aria-describedby'?: string;
+        'aria-details'?: string;
+        'aria-disabled'?: AriaTrueOrFalse;
+        'aria-errormessage'?: string;
+        'aria-expanded'?: AriaTrueOrFalse;
+        'aria-flowto'?: string;
+        'aria-grabbed'?: AriaTrueOrFalse;
+        'aria-haspopup'?: AriaTrueOrFalse | "dialog" | "menu" | "listbox" | "tree" | "grid";
+        'aria-hidden'?: AriaTrueOrFalse;
+        'aria-invalid'?: AriaTrueOrFalse | "grammar" | "spelling";
+        'aria-keyshortcuts'?: string;
+        'aria-label'?: string;
+        'aria-labelledby'?: string;
+        'aria-level'?: number;
+        'aria-live'?: "off" | "polite" | "assertive";
+        'aria-modal'?: AriaTrueOrFalse;
+        'aria-multiline'?: AriaTrueOrFalse;
+        'aria-multiselectable'?: AriaTrueOrFalse;
+        'aria-orientation'?: "horizontal" | "vertical" | "undefined";
+        'aria-owns'?: string;
+        'aria-placeholder'?: string;
+        'aria-posinset'?: number;
+        'aria-pressed'?: AriaTrueOrFalse | "mixed";
+        'aria-readonly'?: AriaTrueOrFalse;
+        'aria-relevant'?: "additions" | "removals" | "text" | "all" | string;
+        'aria-required'?: AriaTrueOrFalse;
+        'aria-roledescription'?: string;
+        'aria-rowcount'?: number;
+        'aria-rowindex'?: number;
+        'aria-rowspan'?: number;
+        'aria-selected'?: AriaTrueOrFalse;
+        'aria-setsize'?: number;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other";
+        'aria-valuemax'?: string | number;
+        'aria-valuemin'?: string | number;
+        'aria-valuenow'?: string | number;
+        'aria-valuetext'?: string;
+        class: ConstrClass | undefined;
+        'data-value': P["value"] | undefined;
+        'data-divider': string | undefined;
+        onClick: (event: MouseEvent, options?: EventClickValue) => void;
+    }>;
+}

package/dist/constructors/Cell/basicTypes.d.ts

@@ -0,0 +1,33 @@
+import { LabelAlternativeSlots } from '../../types/labelTypes';
+import { DescriptionSlots } from '../../types/descriptionTypes';
+import { CaptionSlots } from '../../types/captionTypes';
+/**
+ * CSS class names for Cell sub-elements/
+ * Имена CSS классов для под-элементов Cell
+ */
+export type CellClassesSub = {
+    /** Label element class/ Класс элемента метки */
+    label: string;
+    /** Description element class/ Класс элемента описания */
+    description: string;
+    /** Caption element class/ Класс элемента подписи */
+    caption: string;
+    /** Trailing element class/ Класс завершающего элемента */
+    trailing: string;
+};
+/**
+ * Component map for including Cell/
+ * Карта компонентов для подключения Cell
+ */
+export type CellComponentInclude = {
+    /** Cell component key/ Ключ компонента Cell */
+    cell: object;
+};
+/**
+ * Type describing available slots/
+ * Тип, описывающий доступные слоты
+ */
+export interface CellSlotsInclude extends LabelAlternativeSlots, DescriptionSlots, CaptionSlots {
+    trailing?(props: CellClassesSub): any;
+    body?(props: CellClassesSub): any;
+}

package/dist/constructors/Cell/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Cell';
+export * from './CellDesign';
+export * from './props';
+export * from './types';
+export * from './basicTypes';

package/dist/constructors/Cell/props.d.ts

@@ -0,0 +1,40 @@
+import { LabelProps } from '../../types/labelTypes';
+import { DescriptionProps } from '../../types/descriptionTypes';
+import { CaptionProps } from '../../types/captionTypes';
+import { EnabledProps } from '../../types/enabledTypes';
+import { SkeletonPropsInclude } from '../Skeleton';
+import { EventClickProps } from '../../types/eventClickTypes';
+import { IconPropsBasic, IconTrailingPropsInclude } from '../Icon';
+import { ProgressPropsBasic, ProgressPropsInclude } from '../Progress';
+import { AriaRolePropsInclude } from '../../types/ariaTypes';
+export type CellPropsToken = {
+    focus?: boolean;
+    selected?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    dynamic?: boolean;
+    dynamicHover?: boolean;
+    divider?: boolean;
+    dividerLabel?: 'always' | 'none';
+    iconTop?: boolean;
+};
+export type CellPropsBasic<Icon extends IconPropsBasic = IconPropsBasic, Progress extends ProgressPropsBasic = ProgressPropsBasic> = LabelProps & DescriptionProps & CaptionProps & EnabledProps & IconTrailingPropsInclude<Icon> & ProgressPropsInclude<Progress> & SkeletonPropsInclude & EventClickProps & AriaRolePropsInclude & {
+    tag?: string;
+    divider?: boolean;
+    dynamic?: boolean;
+};
+/**
+ * Type describing incoming properties.
+ *
+ * Тип, описывающий входящие свойства.
+ */
+export type CellProps = CellPropsBasic & CellPropsToken;
+/**
+ * Default value for property.
+ *
+ * Значение по умолчанию для свойства.
+ */
+export declare const defaultsCell: {
+    divider: boolean;
+    tag: string;
+};

package/dist/constructors/Cell/types.d.ts

@@ -0,0 +1,54 @@
+import { ConstrClass } from '@dxtmisha/functional';
+import { IconComponentInclude } from '../Icon';
+import { ProgressComponentInclude } from '../Progress';
+import { RippleComponentsInclude } from '../Ripple';
+import { EventClickEmits, EventClickExpose } from '../../types/eventClickTypes';
+import { LabelExpose, LabelSlots } from '../../types/labelTypes';
+import { DescriptionExpose, DescriptionSlots } from '../../types/descriptionTypes';
+import { CaptionSlots } from '../../types/captionTypes';
+import { CellClassesSub } from './basicTypes';
+/**
+ * Interface for describing which components need to be connected for work.
+ *
+ * Интерфейс для описания, какие компоненты надо подключить для работы.
+ */
+export type CellComponents = IconComponentInclude & ProgressComponentInclude & RippleComponentsInclude;
+/**
+ * Type describing available events.
+ *
+ * Тип, описывающий доступные события.
+ */
+export type CellEmits = EventClickEmits;
+/**
+ * Type describing available properties.
+ *
+ * Тип, описывающий доступные свойства.
+ */
+export interface CellExpose extends LabelExpose, DescriptionExpose, EventClickExpose {
+}
+/**
+ * Type describing available slots.
+ *
+ * Тип, описывающий доступные слоты.
+ */
+export interface CellSlots extends LabelSlots, DescriptionSlots, CaptionSlots {
+    trailing?(props: CellClassesSub): any;
+    body?(props: CellClassesSub): any;
+}
+/**
+ * Type describing subclasses.
+ *
+ * Тип, описывающий подклассы.
+ */
+export type CellClasses = {
+    main: ConstrClass;
+    context: string;
+    contextTrailing: string;
+    label: string;
+    description: string;
+    caption: string;
+    icon: string;
+    trailing: string;
+    body: string;
+    loading: string;
+};

package/dist/constructors/Chip/Chip.d.ts

@@ -0,0 +1,29 @@
+import { Ref, ToRefs } from 'vue';
+import { ConstrEmit, DesignComp } from '@dxtmisha/functional';
+import { ChipComponents, ChipEmits, ChipSlots } from './types';
+import { ChipPropsBasic } from './props';
+/**
+ * Chip
+ */
+export declare class Chip {
+    protected readonly props: ChipPropsBasic;
+    protected readonly refs: ToRefs<ChipPropsBasic>;
+    protected readonly element: Ref<HTMLElement | undefined>;
+    protected readonly classDesign: string;
+    protected readonly className: string;
+    protected readonly components?: DesignComp<ChipComponents, ChipPropsBasic> | undefined;
+    protected readonly slots?: ChipSlots | undefined;
+    protected readonly emits?: ConstrEmit<ChipEmits> | undefined;
+    /**
+     * Constructor
+     * @param props input data/ входные данные
+     * @param refs input data in the form of reactive elements/ входные данные в виде реактивных элементов
+     * @param element input element/ элемент ввода
+     * @param classDesign design name/ название дизайна
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param slots object for working with slots/ объект для работы со слотами
+     * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+     */
+    constructor(props: ChipPropsBasic, refs: ToRefs<ChipPropsBasic>, element: Ref<HTMLElement | undefined>, classDesign: string, className: string, components?: DesignComp<ChipComponents, ChipPropsBasic> | undefined, slots?: ChipSlots | undefined, emits?: ConstrEmit<ChipEmits> | undefined);
+}

package/dist/constructors/Chip/ChipDesign.d.ts

@@ -0,0 +1,8 @@
+import { ButtonDesign } from '../Button';
+import { ChipPropsBasic } from './props';
+import { ChipClasses, ChipComponents, ChipExpose } from './types';
+/**
+ * ChipDesign
+ */
+export declare class ChipDesign<COMP extends ChipComponents, EXPOSE extends ChipExpose, CLASSES extends ChipClasses, P extends ChipPropsBasic> extends ButtonDesign<COMP, EXPOSE, CLASSES, P> {
+}

package/dist/constructors/Chip/ChipInclude.d.ts

@@ -0,0 +1,48 @@
+import { VNode, ComputedRef } from 'vue';
+import { ConstrBind, DesignComponents, RefOrNormal } from '@dxtmisha/functional';
+import { ChipComponentInclude, ChipPropsInclude } from './basicTypes';
+import { ChipPropsBasic } from './props';
+import { ItemList } from '@dxtmisha/functional-basic';
+/**
+ * ChipInclude class provides functionality for conditionally rendering chip components
+ * within other components. It manages the logic for determining when to display a chip
+ * and configures the appropriate properties.
+ *
+ * Класс ChipInclude предоставляет функциональность для условного рендеринга компонентов
+ * чипа внутри других компонентов. Он управляет логикой определения необходимости
+ * отображения чипа и настраивает соответствующие свойства.
+ *
+ * @template Props - Properties interface extending ChipPropsInclude
+ */
+export declare class ChipInclude<Props extends ChipPropsInclude = ChipPropsInclude> {
+    protected readonly props: Readonly<Props>;
+    protected readonly className: string;
+    protected readonly components?: DesignComponents<ChipComponentInclude, Props> | undefined;
+    protected readonly extra?: RefOrNormal<ConstrBind<ChipPropsBasic>> | undefined;
+    protected readonly index?: string | undefined;
+    /**
+     * Constructor
+     * @param props input parameter/ входной параметр
+     * @param className class name/ название класса
+     * @param components object for working with components/ объект для работы с компонентами
+     * @param extra additional parameter/ дополнительный параметр
+     * @param index index identifier/ идентификатор индекса
+     */
+    constructor(props: Readonly<Props>, className: string, components?: DesignComponents<ChipComponentInclude, Props> | undefined, extra?: RefOrNormal<ConstrBind<ChipPropsBasic>> | undefined, index?: string | undefined);
+    /**
+     * Computed bindings for the chip/ Вычисляемые привязки для чипа
+     */
+    readonly binds: ComputedRef<ConstrBind< ItemList>>;
+    /**
+     * Renders the chip component with provided properties and configuration.
+     * Returns an array of VNode elements representing the rendered chip, or an empty
+     * array if the component cannot be rendered.
+     *
+     * Отрисовывает компонент чипа с предоставленными свойствами и конфигурацией.
+     * Возвращает массив VNode элементов, представляющих отрисованный чип, или пустой
+     * массив, если компонент не может быть отрисован.
+     *
+     * @param props additional properties/ дополнительные свойства
+     */
+    readonly render: (props?: RefOrNormal<ConstrBind<ChipPropsBasic>>) => VNode[];
+}