@ironsource/shared-ui 1.4.2-rc.5 → 1.4.2-test.0

package/components/checkbox/Checkbox.vue.d.ts

@@ -1,44 +1,56 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    isChecked: boolean;
-    isIndeterminate?: boolean;
-    disabled?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    label?: string;
-}>, {
-    size: string;
-    label: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    isChecked: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    isIndeterminate: {
+        type: import("vue").PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:isChecked": (value: boolean) => void;
-} & {
     click: (event: MouseEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    isChecked: boolean;
-    isIndeterminate?: boolean;
-    disabled?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    label?: string;
-}>, {
-    size: string;
-    label: string;
-}>>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    isChecked: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    isIndeterminate: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & {
     onClick?: (event: MouseEvent) => any;
     "onUpdate:isChecked"?: (value: boolean) => any;
 }, {
-    size: 'sm' | 'md' | 'lg';
+    size: "sm" | "md" | "lg";
     label: string;
+}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/checkbox/Checkbox.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./Checkbox.vue.vue2.js";
+/* empty css                   */import f from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const m = /* @__PURE__ */ f(o, [["__scopeId", "data-v-af8ff01f"]]);
+export {
+  m as default
+};

package/components/checkbox/Checkbox.vue.vue2.js

@@ -0,0 +1,85 @@
+import { defineComponent as F, ref as b, computed as r, openBlock as o, createElementBlock as S, normalizeClass as N, createElementVNode as u, mergeProps as $, unref as c, createVNode as g, withCtx as p, createBlock as i, createCommentVNode as l, renderSlot as w, createTextVNode as E, toDisplayString as T, pushScopeId as D, popScopeId as P } from "vue";
+/* empty css                              */import R from "../typography/Text.vue.vue.js";
+import U from "../icon/Icon.vue.vue.js";
+import j from "./icons/unchecked.vue.vue.js";
+import q from "./icons/checked.vue.vue.js";
+import A from "./icons/indeterminate.vue.vue.js";
+import G from "../../composables/useIsFocusVisible.vue.js";
+import { useId as H } from "../../composables/useId.vue.js";
+const J = (e) => (D("data-v-af8ff01f"), e = e(), P(), e), K = { class: "checkboxes" }, L = ["disabled", "checked", ".indeterminate"], M = /* @__PURE__ */ J(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), ce = /* @__PURE__ */ F({
+  __name: "Checkbox",
+  props: {
+    isChecked: { type: Boolean },
+    isIndeterminate: { type: Boolean },
+    disabled: { type: Boolean },
+    size: { default: "md" },
+    label: { default: "" }
+  },
+  emits: ["update:isChecked", "click"],
+  setup(e, { emit: m }) {
+    const s = e, x = b(null), k = `checkbox-${H().value}`, {
+      isFocusVisibleRef: f,
+      onFocus: C,
+      onBlur: I
+    } = G(), n = b(!1), v = (t) => {
+      C(t), f.value === !0 && (n.value = !0);
+    }, B = (t) => {
+      I(t), f.value === !1 && (n.value = !1);
+    }, a = r(() => !s.isChecked && s.isIndeterminate), d = r(() => s.isChecked), V = r(() => !d.value && !s.isIndeterminate), y = (t) => {
+      m("update:isChecked", t.target.checked);
+    };
+    return (t, h) => (o(), S("label", {
+      for: k,
+      class: N([[e.size, { "focus-visible": n.value, disabled: e.disabled }], "checkbox"])
+    }, [
+      u("span", K, [
+        u("input", $(t.$attrs, {
+          id: k,
+          ref: x.value,
+          disabled: e.disabled,
+          checked: c(d),
+          class: "input",
+          ".indeterminate": c(a),
+          type: "checkbox",
+          onBlur: B,
+          onFocus: v,
+          onClick: h[0] || (h[0] = (z) => m("click", z)),
+          onInput: y
+        }), null, 16, L),
+        M,
+        g(c(U), { "font-size": e.size }, {
+          default: p(() => [
+            c(d) ? (o(), i(q, {
+              key: 0,
+              class: "checkbox-icon checked"
+            })) : l("", !0),
+            c(a) ? (o(), i(A, {
+              key: 1,
+              class: "checkbox-icon indeterminate"
+            })) : l("", !0),
+            c(V) && !c(a) ? (o(), i(j, {
+              key: 2,
+              class: "checkbox-icon unchecked"
+            })) : l("", !0)
+          ]),
+          _: 1
+        }, 8, ["font-size"])
+      ]),
+      e.label || t.$slots.default ? (o(), i(c(R), {
+        key: 0,
+        size: e.size,
+        class: "checkbox-text"
+      }, {
+        default: p(() => [
+          w(t.$slots, "default", {}, () => [
+            E(T(e.label), 1)
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["size"])) : l("", !0)
+    ], 2));
+  }
+});
+export {
+  ce as default
+};

package/components/checkbox/icons/checked.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/checkbox/icons/checked.vue.vue.js

@@ -0,0 +1,27 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
+import n from "../../../_virtual/_plugin-vue_export-helper.vue.js";
+const l = {}, r = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, c = /* @__PURE__ */ e("rect", {
+  width: "16",
+  height: "16",
+  rx: "4",
+  fill: "currentColor"
+}, null, -1), i = /* @__PURE__ */ e("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M7.10356 11.8625L12.8536 6.46499C13.0488 6.28171 13.0488 5.98452 12.8536 5.80124L12.1465 5.13748C11.9512 4.95417 11.6346 4.95417 11.4393 5.13748L6.75 9.53936L4.56066 7.48422C4.36541 7.30093 4.04881 7.30093 3.85353 7.48422L3.14644 8.14797C2.95119 8.33125 2.95119 8.62844 3.14644 8.81172L6.39644 11.8625C6.59172 12.0458 6.90828 12.0458 7.10356 11.8625Z",
+  fill: "white"
+}, null, -1), s = [
+  c,
+  i
+];
+function _(d, h) {
+  return t(), o("svg", r, s);
+}
+const p = /* @__PURE__ */ n(l, [["render", _]]);
+export {
+  p as default
+};

package/components/checkbox/icons/indeterminate.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/checkbox/icons/indeterminate.vue.vue.js

@@ -0,0 +1,28 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
+import n from "../../../_virtual/_plugin-vue_export-helper.vue.js";
+const r = {}, c = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, i = /* @__PURE__ */ e("rect", {
+  width: "16",
+  height: "16",
+  rx: "4",
+  fill: "currentColor"
+}, null, -1), l = /* @__PURE__ */ e("rect", {
+  x: "4",
+  y: "7",
+  width: "8",
+  height: "2",
+  fill: "white"
+}, null, -1), s = [
+  i,
+  l
+];
+function _(h, d) {
+  return t(), o("svg", c, s);
+}
+const w = /* @__PURE__ */ n(r, [["render", _]]);
+export {
+  w as default
+};

package/components/checkbox/icons/unchecked.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/checkbox/icons/unchecked.vue.vue.js

@@ -0,0 +1,24 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+import r from "../../../_virtual/_plugin-vue_export-helper.vue.js";
+const c = {}, n = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, s = /* @__PURE__ */ o("rect", {
+  x: "1",
+  y: "1",
+  width: "14",
+  height: "14",
+  rx: "3",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, null, -1), _ = [
+  s
+];
+function i(l, d) {
+  return e(), t("svg", n, _);
+}
+const m = /* @__PURE__ */ r(c, [["render", i]]);
+export {
+  m as default
+};

package/components/checkbox/index.d.ts

@@ -1,37 +1,127 @@
-declare const CheckboxTypes: () => import("vue").DefineComponent<{
+declare const CheckboxTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "sm" | "md" | "lg";
+            label: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md" | "lg">;
+                default: string;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            isChecked: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            isIndeterminate: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            onClick?: (event: MouseEvent) => any;
+            "onUpdate:isChecked"?: (value: boolean) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "label">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "click", event: MouseEvent) => void) & ((event: "update:isChecked", value: boolean) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<"sm" | "md" | "lg">;
+                default: string;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            isChecked: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            isIndeterminate: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            onClick?: (event: MouseEvent) => any;
+            "onUpdate:isChecked"?: (value: boolean) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:isChecked": (value: boolean) => void;
+            click: (event: MouseEvent) => void;
+        }, string, {
+            size: "sm" | "md" | "lg";
+            label: string;
+        }, {}, string> & {
+            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: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<"sm" | "md" | "lg">;
+            default: string;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        isChecked: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        isIndeterminate: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>> & {
+        onClick?: (event: MouseEvent) => any;
+        "onUpdate:isChecked"?: (value: boolean) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg">;
-    } & {
+        type: import("vue").PropType<"sm" | "md" | "lg">;
         default: string;
     };
     label: {
         type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    isChecked: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
-    isIndeterminate: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:isChecked": (value: boolean) => void;
-} & {
-    click: (event: MouseEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"md" | "sm" | "lg">;
-    } & {
-        default: string;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     disabled: {
@@ -47,9 +137,16 @@ declare const CheckboxTypes: () => import("vue").DefineComponent<{
 }>> & {
     onClick?: (event: MouseEvent) => any;
     "onUpdate:isChecked"?: (value: boolean) => any;
-}, {
-    size: "md" | "sm" | "lg";
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:isChecked": (value: boolean) => void;
+    click: (event: MouseEvent) => void;
+}, string, {
+    size: "sm" | "md" | "lg";
     label: string;
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}))[];
 export { default as Checkbox } from './Checkbox.vue';
 export { CheckboxTypes };

package/components/checkbox/index.vue.js

@@ -1,6 +1,6 @@
-import Checkbox from './Checkbox.vue.js';
-export { default as Checkbox } from './Checkbox.vue.js';
-
-const CheckboxTypes = () => [Checkbox];
-
-export { CheckboxTypes };
+import o from "./Checkbox.vue.vue.js";
+const c = () => [o];
+export {
+  o as Checkbox,
+  c as CheckboxTypes
+};

package/components/chip/Chip.vue.d.ts

@@ -1,43 +1,52 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selected?: boolean;
-    clearable?: boolean;
-    prefix?: string;
-    disabled?: boolean;
-}>, {
-    selected: boolean;
-    clearable: boolean;
-    prefix: any;
-    disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "cleared"[], "cleared", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    selected?: boolean;
-    clearable?: boolean;
-    prefix?: string;
-    disabled?: boolean;
-}>, {
-    selected: boolean;
-    clearable: boolean;
-    prefix: any;
-    disabled: boolean;
-}>>> & {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    prefix: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "cleared"[], "cleared", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    prefix: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    selected: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
     onCleared?: (...args: any[]) => any;
 }, {
+    prefix: string;
     disabled: boolean;
     selected: boolean;
     clearable: boolean;
-    prefix: string;
+}>, {
+    "icon-start"?(_: {}): any;
+    default?(_: {}): any;
+    "icon-end"?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
-        default: D[K];
-    } : P[K];
-};

package/components/chip/Chip.vue.vue.js

@@ -0,0 +1,6 @@
+import o from "./Chip.vue.vue2.js";
+/* empty css               */import t from "../../_virtual/_plugin-vue_export-helper.vue.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29659885"]]);
+export {
+  _ as default
+};

package/components/chip/Chip.vue.vue2.js

@@ -0,0 +1,54 @@
+import { defineComponent as c, openBlock as o, createElementBlock as s, normalizeClass as d, renderSlot as l, createCommentVNode as a, createElementVNode as r, toDisplayString as u, createVNode as f, unref as m } from "vue";
+import p from "../icon/Icon.vue.vue.js";
+const b = ["disabled"], y = {
+  key: 0,
+  class: "icon icon--start"
+}, h = {
+  key: 0,
+  class: "prefix"
+}, k = {
+  key: 1,
+  class: "icon icon--end"
+}, v = /* @__PURE__ */ c({
+  __name: "Chip",
+  props: {
+    selected: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    prefix: { default: null },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["cleared"],
+  setup(t, { emit: n }) {
+    const i = (e) => {
+      e.stopPropagation(), n("cleared");
+    };
+    return (e, B) => (o(), s("button", {
+      class: d(["chip-container", { selected: t.selected, disabled: t.disabled }]),
+      disabled: t.disabled
+    }, [
+      e.$slots["icon-start"] ? (o(), s("span", y, [
+        l(e.$slots, "icon-start", {}, void 0, !0)
+      ])) : a("", !0),
+      r("span", null, [
+        t.prefix ? (o(), s("span", h, u(t.prefix) + ":", 1)) : a("", !0),
+        l(e.$slots, "default", {}, void 0, !0)
+      ]),
+      e.$slots["icon-end"] ? (o(), s("span", k, [
+        l(e.$slots, "icon-end", {}, void 0, !0)
+      ])) : a("", !0),
+      t.clearable ? (o(), s("button", {
+        key: 2,
+        class: "clear-icon",
+        onClick: i
+      }, [
+        f(m(p), {
+          name: "close",
+          "font-size": "sm"
+        })
+      ])) : a("", !0)
+    ], 10, b));
+  }
+});
+export {
+  v as default
+};