@profitliga/ui 1.2.89 → 2.0.0

package/dist/components/v2/InputSelect/InputSelect.vue.d.ts

@@ -0,0 +1,389 @@
+import { InputSelectOption, InputSelectProps } from './InputSelect.types';
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, ShallowRef, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ComponentCustomProperties, DefineComponent, PublicProps } from 'vue';
+import { InputType, InputSize, InputNativeType, InputMode, InputProps } from '..';
+import { OnCleanup } from '@vue/reactivity';
+import { TBreakpoints } from '../../../types/global.types';
+type __VLS_Props = InputSelectProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+    'selected'?: string | undefined;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+        support?(_: {}): any;
+    };
+    refs: {
+        inputRef: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | undefined;
+                readonly type?: InputType | undefined;
+                readonly size?: InputSize | undefined;
+                readonly nativeType?: InputNativeType | undefined;
+                readonly label?: string | undefined;
+                readonly ariaLabel?: string | undefined;
+                readonly supportText?: string | undefined;
+                readonly errorMessage?: string | undefined;
+                readonly error?: boolean | undefined;
+                readonly placeholder?: string | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly required?: boolean | undefined;
+                readonly maxlength?: number | undefined;
+                readonly showCount?: boolean | undefined;
+                readonly rows?: number | undefined;
+                readonly name?: string | undefined;
+                readonly autocomplete?: string | undefined;
+                readonly inputmode?: InputMode | undefined;
+                readonly id?: string | undefined;
+                readonly testId?: string | undefined;
+                readonly onInput?: ((event: Event) => any) | undefined;
+                readonly onClear?: (() => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                readonly onChange?: ((event: Event) => any) | undefined;
+                readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                readonly onEnter?: ((event: KeyboardEvent) => any) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                fieldRef: HTMLInputElement;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "input", event: Event) => void) & ((event: "clear") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "change", event: Event) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "enter", event: KeyboardEvent) => void);
+            $el: any;
+            $options: ComponentOptionsBase<Readonly<{
+                modelValue?: string;
+            } & InputProps> & Readonly<{
+                onInput?: ((event: Event) => any) | undefined;
+                onClear?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                onBlur?: ((event: FocusEvent) => any) | undefined;
+                onChange?: ((event: Event) => any) | undefined;
+                onFocus?: ((event: FocusEvent) => any) | undefined;
+                onEnter?: ((event: KeyboardEvent) => any) | undefined;
+            }>, {
+                el: Readonly< ShallowRef<HTMLInputElement | HTMLTextAreaElement | null>>;
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+                select: () => void | undefined;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                input: (event: Event) => any;
+                clear: () => any;
+                "update:modelValue": (value: string) => any;
+                blur: (event: FocusEvent) => any;
+                change: (event: Event) => any;
+                focus: (event: FocusEvent) => any;
+                enter: (event: KeyboardEvent) => any;
+            }, string, {
+                type: InputType;
+                label: string;
+                size: InputSize;
+                placeholder: string;
+                disabled: boolean;
+                required: boolean;
+                id: string;
+                error: boolean;
+                readonly: boolean;
+                name: string;
+                rows: number;
+                errorMessage: string;
+                maxlength: number;
+                autocomplete: string;
+                inputmode: InputMode;
+                ariaLabel: string;
+                testId: string;
+                nativeType: InputNativeType;
+                supportText: string;
+                showCount: boolean;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{
+            type: InputType;
+            label: string;
+            size: InputSize;
+            placeholder: string;
+            disabled: boolean;
+            required: boolean;
+            id: string;
+            error: boolean;
+            readonly: boolean;
+            name: string;
+            rows: number;
+            errorMessage: string;
+            maxlength: number;
+            autocomplete: string;
+            inputmode: InputMode;
+            ariaLabel: string;
+            testId: string;
+            nativeType: InputNativeType;
+            supportText: string;
+            showCount: boolean;
+        }> & Omit<Readonly<{
+            modelValue?: string;
+        } & InputProps> & Readonly<{
+            onInput?: ((event: Event) => any) | undefined;
+            onClear?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onChange?: ((event: Event) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onEnter?: ((event: KeyboardEvent) => any) | undefined;
+        }>, "el" | "select" | "blur" | "focus" | ("type" | "label" | "size" | "placeholder" | "disabled" | "required" | "id" | "error" | "readonly" | "name" | "rows" | "errorMessage" | "maxlength" | "autocomplete" | "inputmode" | "ariaLabel" | "testId" | "nativeType" | "supportText" | "showCount")> & {
+            el: HTMLInputElement | HTMLTextAreaElement | null;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void | undefined;
+        } & {} & ComponentCustomProperties & {} & {
+            $slots: {
+                label?(_: {}): any;
+                'control-start'?(_: {}): any;
+                prefix?(_: {}): any;
+                suffix?(_: {}): any;
+                support?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    input: (event: Event) => any;
+    clear: () => any;
+    "update:modelValue": (value: string) => any;
+    select: (option: InputSelectOption) => any;
+    blur: (event: FocusEvent) => any;
+    change: (event: Event) => any;
+    focus: (event: FocusEvent) => any;
+    "update:selected": (value: string | undefined) => any;
+    enter: (event: KeyboardEvent) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onInput?: ((event: Event) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSelect?: ((option: InputSelectOption) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:selected"?: ((value: string | undefined) => any) | undefined;
+    onEnter?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    label: string;
+    size: InputSize;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    id: string;
+    breakpointMobile: TBreakpoints;
+    error: boolean;
+    readonly: boolean;
+    name: string;
+    rows: number;
+    errorMessage: string;
+    maxlength: number;
+    autocomplete: string;
+    inputmode: InputMode;
+    options: InputSelectOption[];
+    ariaLabel: string;
+    testId: string;
+    nativeType: InputNativeType;
+    supportText: string;
+    showCount: boolean;
+    selectPlaceholder: string;
+    selectLabel: string;
+    dropdownWidth: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    inputRef: ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | undefined;
+            readonly type?: InputType | undefined;
+            readonly size?: InputSize | undefined;
+            readonly nativeType?: InputNativeType | undefined;
+            readonly label?: string | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly supportText?: string | undefined;
+            readonly errorMessage?: string | undefined;
+            readonly error?: boolean | undefined;
+            readonly placeholder?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly required?: boolean | undefined;
+            readonly maxlength?: number | undefined;
+            readonly showCount?: boolean | undefined;
+            readonly rows?: number | undefined;
+            readonly name?: string | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly inputmode?: InputMode | undefined;
+            readonly id?: string | undefined;
+            readonly testId?: string | undefined;
+            readonly onInput?: ((event: Event) => any) | undefined;
+            readonly onClear?: (() => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+            readonly onChange?: ((event: Event) => any) | undefined;
+            readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+            readonly onEnter?: ((event: KeyboardEvent) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            fieldRef: HTMLInputElement;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "input", event: Event) => void) & ((event: "clear") => void) & ((event: "update:modelValue", value: string) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "change", event: Event) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "enter", event: KeyboardEvent) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<{
+            modelValue?: string;
+        } & InputProps> & Readonly<{
+            onInput?: ((event: Event) => any) | undefined;
+            onClear?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onChange?: ((event: Event) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onEnter?: ((event: KeyboardEvent) => any) | undefined;
+        }>, {
+            el: Readonly< ShallowRef<HTMLInputElement | HTMLTextAreaElement | null>>;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void | undefined;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            input: (event: Event) => any;
+            clear: () => any;
+            "update:modelValue": (value: string) => any;
+            blur: (event: FocusEvent) => any;
+            change: (event: Event) => any;
+            focus: (event: FocusEvent) => any;
+            enter: (event: KeyboardEvent) => any;
+        }, string, {
+            type: InputType;
+            label: string;
+            size: InputSize;
+            placeholder: string;
+            disabled: boolean;
+            required: boolean;
+            id: string;
+            error: boolean;
+            readonly: boolean;
+            name: string;
+            rows: number;
+            errorMessage: string;
+            maxlength: number;
+            autocomplete: string;
+            inputmode: InputMode;
+            ariaLabel: string;
+            testId: string;
+            nativeType: InputNativeType;
+            supportText: string;
+            showCount: boolean;
+        }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{
+        type: InputType;
+        label: string;
+        size: InputSize;
+        placeholder: string;
+        disabled: boolean;
+        required: boolean;
+        id: string;
+        error: boolean;
+        readonly: boolean;
+        name: string;
+        rows: number;
+        errorMessage: string;
+        maxlength: number;
+        autocomplete: string;
+        inputmode: InputMode;
+        ariaLabel: string;
+        testId: string;
+        nativeType: InputNativeType;
+        supportText: string;
+        showCount: boolean;
+    }> & Omit<Readonly<{
+        modelValue?: string;
+    } & InputProps> & Readonly<{
+        onInput?: ((event: Event) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onEnter?: ((event: KeyboardEvent) => any) | undefined;
+    }>, "el" | "select" | "blur" | "focus" | ("type" | "label" | "size" | "placeholder" | "disabled" | "required" | "id" | "error" | "readonly" | "name" | "rows" | "errorMessage" | "maxlength" | "autocomplete" | "inputmode" | "ariaLabel" | "testId" | "nativeType" | "supportText" | "showCount")> & {
+        el: HTMLInputElement | HTMLTextAreaElement | null;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        select: () => void | undefined;
+    } & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            label?(_: {}): any;
+            'control-start'?(_: {}): any;
+            prefix?(_: {}): any;
+            suffix?(_: {}): any;
+            support?(_: {}): any;
+        };
+    }) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/v2/InputSelect/InputSelect.vue.js

@@ -0,0 +1,121 @@
+import { defineComponent as $, useModel as p, useTemplateRef as M, computed as n, openBlock as h, createBlock as B, unref as L, mergeProps as P, createSlots as W, withCtx as a, createVNode as g, renderSlot as i, mergeModels as m } from "vue";
+import { useElementSize as C } from "@vueuse/core";
+import I from "../Input/Input.vue.js";
+import S from "./InputSelectChip.vue.js";
+const R = 234, F = /* @__PURE__ */ $({
+  inheritAttrs: !1,
+  __name: "InputSelect",
+  props: /* @__PURE__ */ m({
+    options: { default: () => [] },
+    selectPlaceholder: { default: "Label" },
+    selectLabel: { default: void 0 },
+    dropdownWidth: { default: void 0 },
+    breakpointMobile: { default: "sm" },
+    size: { default: "default" },
+    nativeType: { default: "text" },
+    label: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    supportText: { default: void 0 },
+    errorMessage: { default: void 0 },
+    error: { type: Boolean, default: !1 },
+    placeholder: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    maxlength: { default: void 0 },
+    showCount: { type: Boolean, default: void 0 },
+    rows: { default: 1 },
+    name: { default: void 0 },
+    autocomplete: { default: void 0 },
+    inputmode: { default: void 0 },
+    id: { default: void 0 },
+    testId: { default: void 0 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {},
+    selected: {
+      default: void 0
+    },
+    selectedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ m(["input", "change", "focus", "blur", "enter", "clear", "select"], ["update:modelValue", "update:selected"]),
+  setup(o, { emit: b }) {
+    const s = o, d = b, u = p(o, "modelValue"), r = p(o, "selected"), f = M("inputRef"), v = n(() => f.value?.$el), { width: c } = C(v), y = n(
+      () => s.dropdownWidth ?? (Math.round(c.value) || R)
+    ), k = n(
+      () => s.selectLabel ?? s.selectPlaceholder
+    ), V = n(() => {
+      const {
+        options: t,
+        selectPlaceholder: e,
+        selectLabel: l,
+        dropdownWidth: T,
+        breakpointMobile: x,
+        ...w
+      } = s;
+      return w;
+    });
+    return (t, e) => (h(), B(L(I), P({
+      ref_key: "inputRef",
+      ref: f,
+      modelValue: u.value,
+      "onUpdate:modelValue": e[2] || (e[2] = (l) => u.value = l),
+      type: "clearable"
+    }, { ...V.value, ...t.$attrs }, {
+      onInput: e[3] || (e[3] = (l) => d("input", l)),
+      onChange: e[4] || (e[4] = (l) => d("change", l)),
+      onFocus: e[5] || (e[5] = (l) => d("focus", l)),
+      onBlur: e[6] || (e[6] = (l) => d("blur", l)),
+      onEnter: e[7] || (e[7] = (l) => d("enter", l)),
+      onClear: e[8] || (e[8] = (l) => d("clear"))
+    }), W({
+      "control-start": a(() => [
+        g(S, {
+          modelValue: r.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (l) => r.value = l),
+          options: o.options,
+          width: y.value,
+          placeholder: o.selectPlaceholder,
+          label: k.value,
+          disabled: o.disabled || o.readonly,
+          "breakpoint-mobile": o.breakpointMobile,
+          "test-id": o.testId,
+          onSelect: e[1] || (e[1] = (l) => d("select", l))
+        }, null, 8, ["modelValue", "options", "width", "placeholder", "label", "disabled", "breakpoint-mobile", "test-id"])
+      ]),
+      _: 2
+    }, [
+      t.$slots.label ? {
+        name: "label",
+        fn: a(() => [
+          i(t.$slots, "label")
+        ]),
+        key: "0"
+      } : void 0,
+      t.$slots.prefix ? {
+        name: "prefix",
+        fn: a(() => [
+          i(t.$slots, "prefix")
+        ]),
+        key: "1"
+      } : void 0,
+      t.$slots.suffix ? {
+        name: "suffix",
+        fn: a(() => [
+          i(t.$slots, "suffix")
+        ]),
+        key: "2"
+      } : void 0,
+      t.$slots.support ? {
+        name: "support",
+        fn: a(() => [
+          i(t.$slots, "support")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1040, ["modelValue"]));
+  }
+});
+export {
+  F as default
+};

package/dist/components/v2/InputSelect/InputSelect.vue2.js

@@ -0,0 +1,4 @@
+import f from "./InputSelect.vue.js";
+export {
+  f as default
+};

package/dist/components/v2/InputSelect/InputSelectChip.css

@@ -0,0 +1 @@
+.input-chip[data-v-7ffc00f6]{flex-shrink:0;align-self:stretch;display:flex}.input-chip[data-v-7ffc00f6] .popover-trigger{align-items:stretch;display:flex}.input-chip__button[data-v-7ffc00f6]{padding:.5rem var(--field-chip-padding-x);font:inherit;font-weight:500;font-size:var(--field-chip-font-size);white-space:nowrap;color:var(--theme-primary-600);background-color:var(--theme-primary-75);cursor:pointer;transition:color var(--animation-duration-fast) ease, background-color var(--animation-duration-fast) ease;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.25rem;line-height:1rem;display:flex}.input-chip__button[data-v-7ffc00f6]:hover:not(:disabled){background-color:var(--theme-primary-200)}.input-chip__button[data-v-7ffc00f6]:focus-visible{outline:.125rem solid var(--theme-primary-500);outline-offset:-.125rem}.input-chip__button[data-v-7ffc00f6]:disabled{cursor:not-allowed;color:var(--theme-neutral-300);background-color:var(--theme-neutral-surface-disabled)}.input-chip__label[data-v-7ffc00f6]{text-overflow:ellipsis;overflow:hidden}.input-chip__arrow[data-v-7ffc00f6]{width:var(--field-chip-icon-size);height:var(--field-chip-icon-size);flex-shrink:0}.input-chip-list[data-v-7ffc00f6]{outline:none;flex-direction:column;gap:.5rem;padding:.5rem;display:flex}.input-chip-list__option[data-v-7ffc00f6]{width:100%;min-height:2rem;font:inherit;text-align:left;color:var(--theme-neutral-text-title);cursor:pointer;transition:background-color var(--animation-duration-fast) ease;background-color:#0000;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:400;line-height:1.25rem;display:flex}.input-chip-list__option[data-v-7ffc00f6]:hover:not(.input-chip-list__option--disabled),.input-chip-list__option--active[data-v-7ffc00f6]{background-color:var(--theme-secondary-50)}.input-chip-list__option--disabled[data-v-7ffc00f6]{cursor:not-allowed;opacity:.5}.input-chip-list__label[data-v-7ffc00f6]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}

package/dist/components/v2/InputSelect/InputSelectChip.vue.d.ts

@@ -0,0 +1,33 @@
+import { TBreakpoints } from '../../../types/global.types';
+import { InputSelectOption } from './InputSelect.types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface Props {
+    options: InputSelectOption[];
+    /** Ширина выпадающего списка — приходит от поля, чтобы совпасть с ним */
+    width: number;
+    /** Подпись чипа, пока ничего не выбрано */
+    placeholder: string;
+    /** Доступное имя чипа и списка */
+    label: string;
+    disabled?: boolean;
+    breakpointMobile?: TBreakpoints;
+    testId?: string;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: string | undefined;
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+    select: (option: InputSelectOption) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    onSelect?: ((option: InputSelectOption) => any) | undefined;
+}>, {
+    disabled: boolean;
+    breakpointMobile: TBreakpoints;
+    testId: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    listRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/v2/InputSelect/InputSelectChip.vue.js

@@ -0,0 +1,8 @@
+import './InputSelectChip.css';
+import t from "./InputSelectChip.vue2.js";
+/* empty css                     */
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-7ffc00f6"]]);
+export {
+  c as default
+};