@ironsource/shared-ui 1.4.3 → 2.0.0-rc.1

package/components/dropdown/v4/DropdownV4.vue.d.ts

@@ -0,0 +1,223 @@
+import { Placement } from 'floating-vue';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: unknown | unknown[] | Record<string, unknown>;
+    placeholder?: string;
+    disabled?: boolean;
+    mandatory?: boolean;
+    helperText?: string;
+    searchPlaceholder?: string;
+    isOnTop?: boolean;
+    multi?: boolean;
+    title?: string;
+    inlineSearch?: boolean;
+    popperClass?: string;
+    noResultsText?: string;
+    loading?: boolean;
+    selected?: unknown | unknown[];
+    showSelectAll?: boolean;
+    defaultOpen?: boolean;
+    showButtonOnOpen?: boolean;
+    autoFocus?: boolean;
+    distance?: number;
+    isOpen?: boolean;
+    skidding?: number;
+    placement?: Placement;
+    clearable?: boolean;
+    error?: string;
+    size?: 'sm' | 'lg';
+    displayValue: (option: unknown) => string;
+    options: unknown[];
+    onSearch?: (option: any, term: string) => boolean;
+    theme?: string;
+    container?: string;
+    flip?: boolean;
+    keepOpen?: boolean;
+    autoSize?: boolean;
+    disableKeyboardEvents?: boolean;
+    multiOptionsPlaceholderPrefix?: string;
+    multiOptionsPlaceholderSuffix?: string;
+    testId?: string;
+    darkTheme?: boolean;
+    valueToCopy?: string;
+}>, {
+    multi: boolean;
+    searchPlaceholder: string;
+    title: string;
+    popperClass: string;
+    mandatory: boolean;
+    selected: any;
+    open: boolean;
+    showButtonOnOpen: boolean;
+    inlineSearch: boolean;
+    isOnTop: boolean;
+    distance: number;
+    skidding: number;
+    placement: string;
+    noResultsText: string;
+    autoFocus: boolean;
+    modelValue: any;
+    defaultOpen: boolean;
+    disabled: boolean;
+    placeholder: string;
+    size: string;
+    clearable: boolean;
+    onSearch: () => true;
+    helperText: string;
+    error: string;
+    theme: string;
+    container: string;
+    flip: boolean;
+    keepOpen: boolean;
+    autoSize: boolean;
+    disableKeyboardEvents: boolean;
+    multiOptionsPlaceholderPrefix: string;
+    multiOptionsPlaceholderSuffix: string;
+    testId: string;
+    darkTheme: boolean;
+    valueToCopy: string;
+}>, {
+    selectItem: (option: any, index?: number) => void;
+    scrollTo: (index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selected": (value: unknown) => void;
+} & {
+    "update:isOpen": (value: unknown) => void;
+} & {
+    closed: () => void;
+} & {
+    opened: () => void;
+} & {
+    apply: (value: unknown) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: unknown | unknown[] | Record<string, unknown>;
+    placeholder?: string;
+    disabled?: boolean;
+    mandatory?: boolean;
+    helperText?: string;
+    searchPlaceholder?: string;
+    isOnTop?: boolean;
+    multi?: boolean;
+    title?: string;
+    inlineSearch?: boolean;
+    popperClass?: string;
+    noResultsText?: string;
+    loading?: boolean;
+    selected?: unknown | unknown[];
+    showSelectAll?: boolean;
+    defaultOpen?: boolean;
+    showButtonOnOpen?: boolean;
+    autoFocus?: boolean;
+    distance?: number;
+    isOpen?: boolean;
+    skidding?: number;
+    placement?: Placement;
+    clearable?: boolean;
+    error?: string;
+    size?: 'sm' | 'lg';
+    displayValue: (option: unknown) => string;
+    options: unknown[];
+    onSearch?: (option: any, term: string) => boolean;
+    theme?: string;
+    container?: string;
+    flip?: boolean;
+    keepOpen?: boolean;
+    autoSize?: boolean;
+    disableKeyboardEvents?: boolean;
+    multiOptionsPlaceholderPrefix?: string;
+    multiOptionsPlaceholderSuffix?: string;
+    testId?: string;
+    darkTheme?: boolean;
+    valueToCopy?: string;
+}>, {
+    multi: boolean;
+    searchPlaceholder: string;
+    title: string;
+    popperClass: string;
+    mandatory: boolean;
+    selected: any;
+    open: boolean;
+    showButtonOnOpen: boolean;
+    inlineSearch: boolean;
+    isOnTop: boolean;
+    distance: number;
+    skidding: number;
+    placement: string;
+    noResultsText: string;
+    autoFocus: boolean;
+    modelValue: any;
+    defaultOpen: boolean;
+    disabled: boolean;
+    placeholder: string;
+    size: string;
+    clearable: boolean;
+    onSearch: () => true;
+    helperText: string;
+    error: string;
+    theme: string;
+    container: string;
+    flip: boolean;
+    keepOpen: boolean;
+    autoSize: boolean;
+    disableKeyboardEvents: boolean;
+    multiOptionsPlaceholderPrefix: string;
+    multiOptionsPlaceholderSuffix: string;
+    testId: string;
+    darkTheme: boolean;
+    valueToCopy: string;
+}>>> & {
+    "onUpdate:selected"?: (value: unknown) => any;
+    onApply?: (value: unknown) => any;
+    "onUpdate:isOpen"?: (value: unknown) => any;
+    onOpened?: () => any;
+    onClosed?: () => any;
+}, {
+    title: string;
+    theme: string;
+    size: 'sm' | 'lg';
+    testId: string;
+    error: string;
+    placement: Placement;
+    disabled: boolean;
+    selected: any;
+    modelValue: any;
+    placeholder: string;
+    multi: boolean;
+    searchPlaceholder: string;
+    popperClass: string;
+    mandatory: boolean;
+    showButtonOnOpen: boolean;
+    inlineSearch: boolean;
+    isOnTop: boolean;
+    distance: number;
+    skidding: number;
+    noResultsText: string;
+    autoFocus: boolean;
+    defaultOpen: boolean;
+    clearable: boolean;
+    onSearch: (option: any, term: string) => boolean;
+    helperText: string;
+    container: string;
+    flip: boolean;
+    keepOpen: boolean;
+    autoSize: boolean;
+    disableKeyboardEvents: boolean;
+    multiOptionsPlaceholderPrefix: string;
+    multiOptionsPlaceholderSuffix: string;
+    darkTheme: boolean;
+    valueToCopy: string;
+}>;
+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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/dropdown/v4/DropdownV4.vue.js

@@ -0,0 +1,408 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createVNode, withCtx, Transition, createTextVNode, toDisplayString, createCommentVNode, createBlock, isRef, mergeProps, withModifiers, Fragment, renderList, toRaw, pushScopeId, popScopeId } from 'vue';
+import Button from '../../button/v4/ButtonV4.vue.js';
+import Option from '../common/Option.vue.js';
+import Icon from '../../icon/Icon.vue.js';
+import Search from '../../search/v4/SearchV4.vue.js';
+import { DropdownTestIdModifiers } from '../../../testids/index.vue.js';
+/* empty css                                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../../typography/Text.vue.js';
+import { Dropdown as Dropdown$1 } from 'floating-vue';
+import { dropdownCommon } from '../common/Dropdown.common.vue.js';
+/* empty css                                                            *//* empty css                                                */
+import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css";
+const _withScopeId = (n) => (pushScopeId("data-v-2f0b1568"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["tabindex", "data-testid"];
+const _hoisted_2 = { style: { display: "flex", width: "100%" } };
+const _hoisted_3 = ["disabled", "aria-expanded", "aria-labelledby", "aria-disabled"];
+const _hoisted_4 = {
+  key: 0,
+  class: "image-slot"
+};
+const _hoisted_5 = { class: "angle-down" };
+const _hoisted_6 = { ref: "listRef" };
+const _hoisted_7 = {
+  key: 0,
+  class: "dropdown-title"
+};
+const _hoisted_8 = ["data-testid"];
+const _hoisted_9 = ["data-testid"];
+const _hoisted_10 = {
+  key: 0,
+  class: "no-result-container"
+};
+const _hoisted_11 = {
+  key: 1,
+  class: "loader"
+};
+const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
+  width: "100",
+  height: "100",
+  viewBox: "0 0 100 100"
+}, [
+  /* @__PURE__ */ createElementVNode("circle", {
+    cx: "50",
+    cy: "50",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "6",
+    r: "35",
+    "stroke-dasharray": "164.93361431346415 56.97787143782138"
+  }, [
+    /* @__PURE__ */ createElementVNode("animateTransform", {
+      attributeName: "transform",
+      type: "rotate",
+      repeatCount: "indefinite",
+      dur: "1s",
+      values: "0 50 50;360 50 50",
+      keyTimes: "0;1"
+    })
+  ])
+], -1));
+const _hoisted_13 = { key: 2 };
+const _hoisted_14 = ["aria-selected", "aria-disabled", "onClick"];
+const _hoisted_15 = {
+  key: 0,
+  class: "actions"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DropdownV4",
+  props: {
+    modelValue: { default: null },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: false },
+    mandatory: { type: Boolean, default: false },
+    helperText: { default: "" },
+    searchPlaceholder: { default: "" },
+    isOnTop: { type: Boolean, default: false },
+    multi: { type: Boolean, default: false },
+    title: { default: "" },
+    inlineSearch: { type: Boolean, default: false },
+    popperClass: { default: "" },
+    noResultsText: { default: "No results found" },
+    loading: { type: Boolean },
+    selected: { default: null },
+    showSelectAll: { type: Boolean },
+    defaultOpen: { type: Boolean, default: false },
+    showButtonOnOpen: { type: Boolean, default: true },
+    autoFocus: { type: Boolean, default: false },
+    distance: { default: 0 },
+    isOpen: { type: Boolean },
+    skidding: { default: 0 },
+    placement: { default: "bottom-start" },
+    clearable: { type: Boolean, default: false },
+    error: { default: "" },
+    size: { default: "lg" },
+    displayValue: null,
+    options: null,
+    onSearch: { type: Function, default: () => true },
+    theme: { default: "is-dropdown" },
+    container: { default: "body" },
+    flip: { type: Boolean, default: true },
+    keepOpen: { type: Boolean, default: false },
+    autoSize: { type: Boolean, default: false },
+    disableKeyboardEvents: { type: Boolean, default: false },
+    multiOptionsPlaceholderPrefix: { default: "" },
+    multiOptionsPlaceholderSuffix: { default: "" },
+    testId: { default: "" },
+    darkTheme: { type: Boolean, default: true },
+    valueToCopy: { default: "" }
+  },
+  emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const {
+      onKeydown,
+      location,
+      open,
+      toggleMenu,
+      onButtonKeydown,
+      displayedValue,
+      labelRef,
+      query,
+      containerProps,
+      calculateTableHeight,
+      wrapperProps,
+      filteredOptions,
+      allSelected,
+      isIndeterminate,
+      onSelectAll,
+      virtualOptions,
+      isSelected,
+      selectedOption,
+      onSelect,
+      activeIndex,
+      onCancel,
+      onApply,
+      scrollTo
+    } = dropdownCommon(props, emit);
+    const copyValue = () => {
+    };
+    expose({
+      selectItem: onSelect,
+      scrollTo
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref: "el",
+        class: normalizeClass(["dropdown", { "dropdown--disabled": __props.disabled }]),
+        tabindex: __props.disabled ? -1 : 0,
+        "data-testid": `${__props.testId}-${unref(DropdownTestIdModifiers).WRAPPER}`,
+        onKeydown: _cache[7] || (_cache[7] = (...args) => unref(onKeydown) && unref(onKeydown)(...args))
+      }, [
+        renderSlot(_ctx.$slots, "label", {}, void 0, true),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(Dropdown$1), {
+            theme: __props.theme,
+            "popper-class": [
+              __props.popperClass,
+              !__props.darkTheme ? "light-theme-v4" : "dark-theme-v4",
+              __props.autoSize ? "v-popper--theme-is-dropdown--auto-size" : null
+            ],
+            placement: __props.placement,
+            skidding: __props.isOnTop ? 0 : __props.skidding,
+            distance: __props.isOnTop ? -unref(location) : __props.distance,
+            flip: __props.flip,
+            triggers: [],
+            shown: !!unref(open),
+            "auto-hide": false,
+            container: __props.container,
+            "auto-size": __props.autoSize,
+            "data-testid": `${__props.testId}-${unref(DropdownTestIdModifiers).TRIGGER}`
+          }, {
+            popper: withCtx(() => [
+              createVNode(Transition, null, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_6, [
+                    __props.inlineSearch || __props.title ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                      __props.title ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: "dropdown-title__text",
+                        "data-testid": `${__props.testId}-${unref(DropdownTestIdModifiers).TITLE}`
+                      }, [
+                        createVNode(unref(Text), { strong: "" }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(__props.title), 1)
+                          ]),
+                          _: 1
+                        })
+                      ], 8, _hoisted_8)) : createCommentVNode("", true),
+                      __props.inlineSearch ? (openBlock(), createBlock(unref(Search), {
+                        key: 1,
+                        modelValue: unref(query),
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(query) ? query.value = $event : null),
+                        placeholder: __props.searchPlaceholder,
+                        class: "dropdown-title__search",
+                        variant: "transparent",
+                        size: "md",
+                        "test-id": `${__props.testId}-${unref(DropdownTestIdModifiers).SEARCH}`,
+                        onKeydown: unref(onKeydown)
+                      }, null, 8, ["modelValue", "placeholder", "test-id", "onKeydown"])) : createCommentVNode("", true)
+                    ])) : createCommentVNode("", true),
+                    unref(open) ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      class: "dropdown",
+                      onKeydown: _cache[6] || (_cache[6] = (...args) => unref(onKeydown) && unref(onKeydown)(...args))
+                    }, [
+                      renderSlot(_ctx.$slots, "input-list", { open: unref(open) }, void 0, true),
+                      createElementVNode("div", mergeProps(unref(containerProps), {
+                        class: ["list-container", { "list-container--multi": __props.multi }],
+                        style: { height: `${unref(calculateTableHeight)}rem` },
+                        "data-testid": `${__props.testId}-${unref(DropdownTestIdModifiers).LIST_CONTAINER}`
+                      }), [
+                        createElementVNode("ul", mergeProps(unref(wrapperProps), {
+                          role: "listbox",
+                          class: ["list", { "list--multi": __props.multi }]
+                        }), [
+                          !unref(filteredOptions).length && !__props.loading ? (openBlock(), createElementBlock("li", _hoisted_10, [
+                            createVNode(unref(Text), {
+                              size: "sm",
+                              class: "no-result"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(__props.noResultsText), 1)
+                              ]),
+                              _: 1
+                            })
+                          ])) : createCommentVNode("", true),
+                          __props.loading ? (openBlock(), createElementBlock("li", _hoisted_11, [
+                            createVNode(unref(Icon), {
+                              "font-size": "md",
+                              class: "loader-icon"
+                            }, {
+                              default: withCtx(() => [
+                                _hoisted_12
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(unref(Text), null, {
+                              default: withCtx(() => [
+                                createTextVNode("Loading...")
+                              ]),
+                              _: 1
+                            })
+                          ])) : createCommentVNode("", true),
+                          __props.showSelectAll ? (openBlock(), createElementBlock("li", _hoisted_13, [
+                            createVNode(Option, {
+                              "aria-selected": unref(allSelected),
+                              "aria-disabled": !!__props.disabled,
+                              "selected-prop": unref(allSelected),
+                              "is-indeterminate": unref(isIndeterminate),
+                              "select-all-option": "",
+                              onClick: _cache[5] || (_cache[5] = withModifiers(($event) => unref(onSelectAll)(), ["stop"]))
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode("Select all ")
+                              ]),
+                              _: 1
+                            }, 8, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
+                          ])) : createCommentVNode("", true),
+                          unref(virtualOptions).length && !__props.loading ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(unref(virtualOptions), ({ data, index }) => {
+                            return openBlock(), createElementBlock("li", {
+                              key: index,
+                              "aria-selected": unref(isSelected)(toRaw(unref(selectedOption)), data),
+                              "aria-disabled": !!__props.disabled,
+                              onClick: withModifiers(() => unref(onSelect)(data, index), ["stop"])
+                            }, [
+                              renderSlot(_ctx.$slots, "default", {
+                                option: data,
+                                selected: unref(isSelected)(toRaw(unref(selectedOption)), data),
+                                active: toRaw(unref(activeIndex)) === index
+                              }, void 0, true)
+                            ], 8, _hoisted_14);
+                          }), 128)) : createCommentVNode("", true)
+                        ], 16)
+                      ], 16, _hoisted_9),
+                      __props.multi ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                        createVNode(unref(Button), {
+                          ref: "cancel",
+                          size: "small",
+                          variant: "outlined",
+                          color: "default",
+                          "test-id": `${__props.testId}-${unref(DropdownTestIdModifiers).ACTION_CANCEL}`,
+                          onClick: unref(onCancel)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Cancel ")
+                          ]),
+                          _: 1
+                        }, 8, ["test-id", "onClick"]),
+                        createVNode(unref(Button), {
+                          ref: "apply",
+                          "data-testid": "mutli-apply",
+                          size: "small",
+                          class: "apply-button",
+                          "test-id": `${__props.testId}-${unref(DropdownTestIdModifiers).ACTION_APPLY}`,
+                          onClick: unref(onApply)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode("Apply ")
+                          ]),
+                          _: 1
+                        }, 8, ["test-id", "onClick"])
+                      ])) : createCommentVNode("", true)
+                    ], 32)) : createCommentVNode("", true)
+                  ], 512)
+                ]),
+                _: 3
+              })
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(["button__container", {
+                  "button__container--open": !!unref(open),
+                  [`button__container--${__props.size}`]: true,
+                  "button__container--disabled": __props.disabled
+                }])
+              }, [
+                _ctx.$slots.input ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  ref: "buttonRef",
+                  onClick: _cache[0] || (_cache[0] = ($event) => unref(toggleMenu)()),
+                  onKeydown: _cache[1] || (_cache[1] = (...args) => unref(onButtonKeydown) && unref(onButtonKeydown)(...args))
+                }, [
+                  renderSlot(_ctx.$slots, "input", {
+                    open: unref(open),
+                    value: unref(displayedValue),
+                    disabled: __props.disabled
+                  }, void 0, true)
+                ], 544)) : createCommentVNode("", true),
+                !_ctx.$slots.input ? (openBlock(), createElementBlock("button", {
+                  key: 1,
+                  ref: "buttonRef",
+                  disabled: __props.disabled,
+                  "aria-haspopup": true,
+                  "aria-expanded": !!unref(open),
+                  "aria-labelledby": unref(labelRef)?.id,
+                  "aria-disabled": __props.disabled,
+                  class: normalizeClass([{
+                    "button--open": !!unref(open),
+                    [`button--${__props.size}`]: true,
+                    "button--disabled": __props.disabled
+                  }, "button"]),
+                  onKeydown: _cache[2] || (_cache[2] = (...args) => unref(onButtonKeydown) && unref(onButtonKeydown)(...args)),
+                  onClick: _cache[3] || (_cache[3] = ($event) => unref(toggleMenu)())
+                }, [
+                  _ctx.$slots.image ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                    renderSlot(_ctx.$slots, "image", {}, void 0, true)
+                  ])) : createCommentVNode("", true),
+                  createVNode(unref(Text), {
+                    size: "sm",
+                    "is-truncated": ""
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(displayedValue)), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createElementVNode("div", _hoisted_5, [
+                    createVNode(unref(Icon), {
+                      name: "angle-down",
+                      "font-size": "sm"
+                    })
+                  ])
+                ], 42, _hoisted_3)) : createCommentVNode("", true)
+              ], 2)
+            ]),
+            _: 3
+          }, 8, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size", "data-testid"]),
+          createElementVNode("div", null, [
+            createVNode(unref(Button), {
+              color: "default",
+              onClick: copyValue
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Icon), { name: "lock" })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        !__props.error && __props.helperText ? (openBlock(), createBlock(unref(Text), {
+          key: 0,
+          size: "caption",
+          class: "helper-text",
+          "test-id": `${__props.testId}-${unref(DropdownTestIdModifiers).HELPER_TEXT}`
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.helperText), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"])) : createCommentVNode("", true),
+        __props.error ? (openBlock(), createBlock(unref(Text), {
+          key: 1,
+          size: "caption",
+          class: "helper-text helper-text--error",
+          "test-id": `${__props.testId}-${unref(DropdownTestIdModifiers).HELPER_TEXT_ERROR}`
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.error), 1)
+          ]),
+          _: 1
+        }, 8, ["test-id"])) : createCommentVNode("", true)
+      ], 42, _hoisted_1);
+    };
+  }
+});
+var Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f0b1568"]]);
+
+export { Dropdown as default };