@oiij/chrome-tabs 0.0.13 → 0.0.14

package/dist/TabItem.js

@@ -0,0 +1,90 @@
+import { tabsItemCssName } from "./cssr.js";
+import LineMdLoadingTwotoneLoop_default from "./icons/LineMdLoadingTwotoneLoop.js";
+import RiCloseLine_default from "./icons/RiCloseLine.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, normalizeClass, normalizeStyle, openBlock, resolveDynamicComponent, unref, withModifiers } from "vue";
+
+//#region src/TabItem.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "TabItem",
+	props: {
+		label: { type: [String, Function] },
+		icon: { type: Function },
+		closable: { type: [Boolean, Function] },
+		disabled: { type: [Boolean, Function] },
+		loading: { type: [Boolean, Function] },
+		loadingIcon: { type: Function },
+		onClick: { type: Function },
+		onContextMenu: { type: Function },
+		onClose: { type: Function },
+		class: {},
+		style: {},
+		activeIndex: { default: 0 },
+		itemIndex: {},
+		itemKey: {},
+		iconSize: { default: 20 }
+	},
+	emits: [
+		"itemClick",
+		"itemContextmenu",
+		"itemClose"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const showLine = computed(() => __props.activeIndex !== __props.itemIndex && __props.activeIndex - 1 !== __props.itemIndex);
+		const active = computed(() => __props.activeIndex === __props.itemIndex);
+		const defaultContent = computed(() => typeof __props.label === "string" ? h("span", { class: `${tabsItemCssName}__label` }, __props.label) : __props.label(__props.itemKey, __props.itemIndex));
+		const defaultLoadingIcon = computed(() => __props.loadingIcon?.(__props.itemKey, __props.itemIndex) ?? h(LineMdLoadingTwotoneLoop_default));
+		function handleClick(ev) {
+			ev.stopPropagation();
+			emit("itemClick", ev);
+			__props.onClick?.(__props.itemKey, __props.itemIndex, ev);
+		}
+		function handleContextMenu(ev) {
+			emit("itemContextmenu", ev);
+			__props.onContextMenu?.(__props.itemKey, __props.itemIndex, ev);
+		}
+		function handleClose(ev) {
+			emit("itemClose");
+			__props.onClose?.(__props.itemKey, __props.itemIndex, ev);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass([unref(tabsItemCssName), {
+					[`${unref(tabsItemCssName)}--active`]: active.value,
+					[`${unref(tabsItemCssName)}--disabled`]: typeof __props.disabled === "function" ? __props.disabled(__props.itemKey, __props.itemIndex) : __props.disabled
+				}]),
+				onClick: handleClick,
+				onContextmenu: handleContextMenu
+			}, [
+				createElementVNode("div", { class: normalizeClass([`${unref(tabsItemCssName)}__content`]) }, [
+					createElementVNode("div", {
+						class: normalizeClass([`${unref(tabsItemCssName)}__icon`]),
+						style: normalizeStyle({ fontSize: `${__props.iconSize}px` })
+					}, [(openBlock(), createBlock(resolveDynamicComponent(typeof __props.loading === "function" ? __props.loading(__props.itemKey, __props.itemIndex) : __props.loading ? defaultLoadingIcon.value : __props.icon?.(__props.itemKey, __props.itemIndex) ?? void 0)))], 6),
+					createElementVNode("div", { class: normalizeClass([`${unref(tabsItemCssName)}__slot`]) }, [(openBlock(), createBlock(resolveDynamicComponent(defaultContent.value)))], 2),
+					(typeof __props.closable === "function" ? __props.closable(__props.itemKey, __props.itemIndex) : __props.closable) ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass([`${unref(tabsItemCssName)}__close`]),
+						onClick: withModifiers(handleClose, ["stop"])
+					}, [createVNode(RiCloseLine_default)], 2)) : createCommentVNode("v-if", true)
+				], 2),
+				createElementVNode("div", { class: normalizeClass([`${unref(tabsItemCssName)}__background`]) }, [
+					_cache[0] || (_cache[0] = createElementVNode("svg", {
+						width: "10",
+						height: "10"
+					}, [createElementVNode("path", { d: "M 0 10 A 10 10 0 0 0 10 0 L 10 10 Z" })], -1)),
+					createElementVNode("div", { class: normalizeClass([`${unref(tabsItemCssName)}__block`]) }, null, 2),
+					_cache[1] || (_cache[1] = createElementVNode("svg", {
+						width: "10",
+						height: "10"
+					}, [createElementVNode("path", { d: "M 0 0 A 10 10 0 0 0 10 10 L 0 10 Z" })], -1))
+				], 2),
+				createElementVNode("div", { class: normalizeClass([`${unref(tabsItemCssName)}__line`, showLine.value ? `${unref(tabsItemCssName)}__line--show` : ""]) }, null, 2)
+			], 34);
+		};
+	}
+});
+var TabItem_default = _sfc_main;
+
+//#endregion
+export { TabItem_default as default };

package/dist/Tabs.js

@@ -0,0 +1,131 @@
+import { tabsCssName, tabsCssr, tabsItemCssName } from "./cssr.js";
+import RiAddLine_default from "./icons/RiAddLine.js";
+import RiArrowDropDownLine_default from "./icons/RiArrowDropDownLine.js";
+import TabItem_default from "./TabItem.js";
+import { Fragment, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, unref, useTemplateRef, watch, withCtx } from "vue";
+import { useStyle } from "@oiij/css-render";
+import { useScrollView } from "@oiij/use";
+import { colord } from "colord";
+
+//#region src/Tabs.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "Tabs",
+	props: {
+		value: {},
+		colors: {},
+		dropdown: { type: Boolean },
+		addable: { type: Boolean },
+		options: {},
+		loadingValue: {},
+		iconSize: {},
+		contentClass: {},
+		contentStyle: {}
+	},
+	emits: [
+		"update:value",
+		"click",
+		"contextmenu",
+		"close",
+		"add"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		useStyle("n-chrome-tabs", tabsCssr());
+		const activeIndex = computed(() => __props.value ? __props.options?.findIndex((f) => f.key === __props.value) : 0);
+		const { scrollToView } = useScrollView(useTemplateRef("scroll-ref"), {
+			activeClassName: `.${tabsItemCssName}--active`,
+			direction: "horizontal"
+		});
+		watch(() => __props.value, () => {
+			scrollToView();
+		}, { immediate: true });
+		const lightColors = computed(() => {
+			return {
+				background: "#F1F1F1",
+				active: "#fff",
+				primary: "rgba(0,0,0,.1)",
+				...__props.colors
+			};
+		});
+		const darkColors = computed(() => {
+			return {
+				background: colord(lightColors.value.background).darken(.8).toHex(),
+				active: colord(lightColors.value.active).darken(.8).toHex(),
+				primary: colord(lightColors.value.primary).darken(.3).toHex()
+			};
+		});
+		function onItemClick(key, index) {
+			emit("update:value", key);
+			emit("click", key, index);
+		}
+		function onItemContextMenu(key, index) {
+			emit("contextmenu", key, index);
+		}
+		function onItemClose(key, index) {
+			emit("close", key, index);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass([unref(tabsCssName)]),
+				style: normalizeStyle({
+					"--background-color": `${lightColors.value.background}`,
+					"--background-color-dark": `${darkColors.value.background}`,
+					"--active-background-color": `${lightColors.value.active}`,
+					"--active-background-color-dark": `${darkColors.value.active}`,
+					"--primary-color": `${lightColors.value.primary}`,
+					"--primary-color-dark": `${darkColors.value.primary}`
+				})
+			}, [
+				__props.dropdown ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass([`${unref(tabsCssName)}__icon`])
+				}, [createVNode(RiArrowDropDownLine_default)], 2)) : createCommentVNode("v-if", true),
+				renderSlot(_ctx.$slots, "prefix"),
+				createElementVNode("div", {
+					ref: "scroll-ref",
+					class: normalizeClass([`${unref(tabsCssName)}__content`, __props.contentClass]),
+					style: normalizeStyle(__props.contentStyle)
+				}, [createVNode(TransitionGroup, {
+					name: "group",
+					tag: "div",
+					class: normalizeClass([`${unref(tabsCssName)}__scroll`])
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, ({ key, ...item }, index) => {
+						return openBlock(), createBlock(TabItem_default, mergeProps({
+							key,
+							loading: __props.loadingValue === key
+						}, { ref_for: true }, item, {
+							"item-key": key,
+							"item-index": index,
+							"active-index": activeIndex.value,
+							"icon-size": __props.iconSize,
+							onItemClick: ($event) => onItemClick(key, index),
+							onItemContextmenu: ($event) => onItemContextMenu(key, index),
+							onItemClose: ($event) => onItemClose(key, index)
+						}), null, 16, [
+							"loading",
+							"item-key",
+							"item-index",
+							"active-index",
+							"icon-size",
+							"onItemClick",
+							"onItemContextmenu",
+							"onItemClose"
+						]);
+					}), 128))]),
+					_: 1
+				}, 8, ["class"])], 6),
+				renderSlot(_ctx.$slots, "suffix"),
+				__props.addable ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass([`${unref(tabsCssName)}__icon`]),
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("add"))
+				}, [createVNode(RiAddLine_default)], 2)) : createCommentVNode("v-if", true)
+			], 6);
+		};
+	}
+});
+var Tabs_default = _sfc_main;
+
+//#endregion
+export { Tabs_default as default };

package/dist/Tabs.vue.d.ts

@@ -1,63 +1,60 @@
-import { TabItemKey } from './index';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-    };
-    refs: {
-        'scroll-ref': HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
+import { TabItemKey, TabsOption } from "./index.js";
+import * as vue0 from "vue";
+
+//#region src/Tabs.vue.d.ts
+declare var __VLS_6: {}, __VLS_23: {};
+type __VLS_Slots = {} & {
+  prefix?: (props: typeof __VLS_6) => any;
+} & {
+  suffix?: (props: typeof __VLS_23) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    value?: TabItemKey;
-    colors?: {
-        active?: string;
-        primary?: string;
-        background?: string;
-    };
-    dropdown?: boolean;
-    addable?: boolean;
-    options?: import('.').TabsOption[];
-    loadingValue?: TabItemKey;
-    iconSize?: number;
-    contentClass?: string;
-    contentStyle?: import('vue').CSSProperties | string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    close: (v: TabItemKey, index: number) => any;
-    click: (v: TabItemKey, index: number) => any;
-    contextmenu: (v: TabItemKey, index: number) => any;
-    add: () => any;
-    "update:value": (v?: TabItemKey | null | undefined) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    value?: TabItemKey;
-    colors?: {
-        active?: string;
-        primary?: string;
-        background?: string;
-    };
-    dropdown?: boolean;
-    addable?: boolean;
-    options?: import('.').TabsOption[];
-    loadingValue?: TabItemKey;
-    iconSize?: number;
-    contentClass?: string;
-    contentStyle?: import('vue').CSSProperties | string;
+declare const __VLS_base: vue0.DefineComponent<{
+  value?: TabItemKey;
+  colors?: {
+    active?: string;
+    primary?: string;
+    background?: string;
+  };
+  dropdown?: boolean;
+  addable?: boolean;
+  options?: TabsOption[];
+  loadingValue?: TabItemKey;
+  iconSize?: number;
+  contentClass?: string;
+  contentStyle?: vue0.CSSProperties | string;
+}, {}, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {} & {
+  click: (v: TabItemKey, index: number) => any;
+  close: (v: TabItemKey, index: number) => any;
+  contextmenu: (v: TabItemKey, index: number) => any;
+  "update:value": (v?: TabItemKey | null | undefined) => any;
+  add: () => any;
+}, string, vue0.PublicProps, Readonly<{
+  value?: TabItemKey;
+  colors?: {
+    active?: string;
+    primary?: string;
+    background?: string;
+  };
+  dropdown?: boolean;
+  addable?: boolean;
+  options?: TabsOption[];
+  loadingValue?: TabItemKey;
+  iconSize?: number;
+  contentClass?: string;
+  contentStyle?: vue0.CSSProperties | string;
 }> & Readonly<{
-    onClose?: ((v: TabItemKey, index: number) => any) | undefined;
-    onClick?: ((v: TabItemKey, index: number) => any) | undefined;
-    onContextmenu?: ((v: TabItemKey, index: number) => any) | undefined;
-    onAdd?: (() => any) | undefined;
-    "onUpdate:value"?: ((v?: TabItemKey | null | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    'scroll-ref': HTMLDivElement;
-}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+  onClick?: ((v: TabItemKey, index: number) => any) | undefined;
+  onClose?: ((v: TabItemKey, index: number) => any) | undefined;
+  onContextmenu?: ((v: TabItemKey, index: number) => any) | undefined;
+  "onUpdate:value"?: ((v?: TabItemKey | null | undefined) => any) | undefined;
+  onAdd?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, vue0.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
 };
+//#endregion
+export { _default };

package/dist/_virtual/_/plugin-vue/export-helper.js

@@ -0,0 +1,9 @@
+//#region \0/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+
+//#endregion
+export { export_helper_default as default };

package/dist/cssr.js

@@ -0,0 +1,152 @@
+import { useBem } from "@oiij/css-render";
+
+//#region src/cssr.ts
+const { cssr, plugin, namespace } = useBem();
+const { c, cB, cE, cM, cNotM } = {
+	...cssr,
+	...plugin
+};
+const tabsCssName = `${namespace}-chrome-tabs`;
+const tabsItemCssName = `${namespace}-chrome-tabs-item`;
+const transition = "all .2s cubic-bezier(.4, 0, .2, 1)";
+function tabsCssr() {
+	return c([
+		cB("chrome-tabs", {
+			display: "flex",
+			width: "100%",
+			height: "40px",
+			padding: "0 10px",
+			alignItems: "center",
+			backgroundColor: "var(--background-color)",
+			color: "var(--background-color-dark)"
+		}, [
+			c("div", { boxSizing: "border-box" }),
+			c(".group-move, .group-enter-active, .group-leave-active", { transition }),
+			c(".group-enter-from, .group-leave-to", { opacity: 0 }),
+			c(".group-leave-active", {}),
+			cE("prefix", {}),
+			cE("icon", {
+				width: "28px",
+				height: "28px",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				padding: "5px",
+				borderRadius: "10px",
+				backgroundColor: "var(--active-background-color)",
+				transition
+			}, [c("svg", {
+				width: "100%",
+				height: "100%",
+				fill: "currentColor"
+			}), c("&:hover", { backgroundColor: "var(--primary-color)" })]),
+			cE("content", {
+				flex: "1",
+				height: "100%",
+				minWidth: 0,
+				overflow: "hidden",
+				marginLeft: "-6px",
+				padding: "0 10px"
+			}),
+			cE("scroll", {
+				position: "relative",
+				display: "flex",
+				alignItems: "center",
+				height: "100%"
+			}, [cE("icon", {
+				marginLeft: "5px",
+				borderRadius: "50%",
+				backgroundColor: "transparent",
+				flexShrink: 0
+			}, [c("&:hover", { backgroundColor: "var(--primary-color)" })])]),
+			cE("suffix", {})
+		]),
+		cB("chrome-tabs-item", {
+			position: "relative",
+			margin: "0 -5px",
+			height: "100%",
+			flexShrink: 0,
+			cursor: "default",
+			userSelect: "none",
+			padding: "6px 15px 0px 15px"
+		}, [
+			cM("disabled", {
+				cursor: "not-allowed",
+				pointerEvents: "none",
+				opacity: .5,
+				filter: "grayscale(0.5)"
+			}),
+			cM("active", [cE("background", { opacity: 1 })]),
+			cNotM("active", [c("&:hover", {}, [cE("content", { backgroundColor: "var(--primary-color)" })])]),
+			c("&::first-child", { marginLeft: "0 !important" }),
+			c("&::last-child", { marginRight: "0 !important" }),
+			cE("content", {
+				position: "relative",
+				zIndex: 1,
+				height: "28px",
+				display: "flex",
+				alignItems: "center",
+				gap: "5px",
+				borderRadius: "10px",
+				padding: "0 10px",
+				transition
+			}),
+			cE("slot", {}),
+			cE("icon", { lineHeight: 1 }, [c("svg", {
+				width: "1.2em",
+				height: "1.2em",
+				fill: "currentColor"
+			})]),
+			cE("close", {
+				width: "16px",
+				height: "16px",
+				padding: "2px",
+				display: "flex",
+				alignItems: "center",
+				justifyContent: "center",
+				borderRadius: "50%",
+				transition
+			}, [c("&:hover", { backgroundColor: "rgba(0,0,0,0.1)" }), c("svg", {
+				width: "100%",
+				height: "100%",
+				fill: "currentColor"
+			})]),
+			cE("background", {
+				position: "absolute",
+				opacity: 0,
+				left: 0,
+				bottom: 0,
+				zIndex: 0,
+				height: "34px",
+				width: "100%",
+				display: "flex",
+				alignItems: "flex-end",
+				transition
+			}, [cE("block", {
+				height: "100%",
+				flex: 1,
+				minWidth: 0,
+				borderRadius: "10px 10px 0 0",
+				backgroundColor: "var(--active-background-color)"
+			}), c("svg", { fill: "var(--active-background-color)" })]),
+			cE("line", {
+				position: "absolute",
+				bottom: "12px",
+				right: "4px",
+				height: "16px",
+				width: "2px",
+				borderRadius: "1px",
+				transition,
+				backgroundColor: "var(--primary-color)",
+				opacity: 0
+			}, [cM("show", { opacity: 1 })])
+		]),
+		c(".dark", [cB("chrome-tabs", {
+			backgroundColor: "var(--background-color-dark)",
+			color: "var(--background-color)"
+		}, [cE("icon", { backgroundColor: "var(--active-background-color-dark)" }, [c("&:hover", { backgroundColor: "var(--primary-color-dark)" })])]), cB("chrome-tabs-item", {}, [cNotM("active", [c("&:hover", {}, [cE("content", { backgroundColor: "var(--primary-color-dark)" })])]), cE("background", {}, [cE("block", { backgroundColor: "var(--active-background-color-dark)" }), c("svg", { fill: "var(--active-background-color-dark)" })])])])
+	]);
+}
+
+//#endregion
+export { tabsCssName, tabsCssr, tabsItemCssName };

package/dist/icons/LineMdLoadingTwotoneLoop.js

@@ -0,0 +1,18 @@
+import export_helper_default from "../_virtual/_/plugin-vue/export-helper.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, openBlock } from "vue";
+
+//#region src/icons/LineMdLoadingTwotoneLoop.vue
+const _sfc_main = { name: "LineMdLoadingTwotoneLoop" };
+const _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [createCommentVNode(" Icon from Material Line Icons by Vjacheslav Trushkin - https://github.com/cyberalien/line-md/blob/master/license.txt "), _cache[0] || (_cache[0] = createStaticVNode("<g fill=\"none\" stroke=\"#757575\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-dasharray=\"16\" stroke-dashoffset=\"16\" d=\"M12 3c4.97 0 9 4.03 9 9\"><animate fill=\"freeze\" attributeName=\"stroke-dashoffset\" dur=\"0.3s\" values=\"16;0\"></animate><animateTransform attributeName=\"transform\" dur=\"1.5s\" repeatCount=\"indefinite\" type=\"rotate\" values=\"0 12 12;360 12 12\"></animateTransform></path><path stroke-dasharray=\"64\" stroke-dashoffset=\"64\" stroke-opacity=\".3\" d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z\"><animate fill=\"freeze\" attributeName=\"stroke-dashoffset\" dur=\"1.2s\" values=\"64;0\"></animate></path></g>", 1))]);
+}
+var LineMdLoadingTwotoneLoop_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
+
+//#endregion
+export { LineMdLoadingTwotoneLoop_default as default };

package/dist/icons/RiAddLine.js

@@ -0,0 +1,21 @@
+import export_helper_default from "../_virtual/_/plugin-vue/export-helper.js";
+import { createCommentVNode, createElementBlock, createElementVNode, openBlock } from "vue";
+
+//#region src/icons/RiAddLine.vue
+const _sfc_main = { name: "RiAddLine" };
+const _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [createCommentVNode(" Icon from Remix Icon by Remix Design - https://github.com/Remix-Design/RemixIcon/blob/master/License "), _cache[0] || (_cache[0] = createElementVNode("path", {
+		fill: "#757575",
+		d: "M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z"
+	}, null, -1))]);
+}
+var RiAddLine_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
+
+//#endregion
+export { RiAddLine_default as default };

package/dist/icons/RiArrowDropDownLine.js

@@ -0,0 +1,21 @@
+import export_helper_default from "../_virtual/_/plugin-vue/export-helper.js";
+import { createCommentVNode, createElementBlock, createElementVNode, openBlock } from "vue";
+
+//#region src/icons/RiArrowDropDownLine.vue
+const _sfc_main = { name: "RiArrowDropDownLine" };
+const _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [createCommentVNode(" Icon from Remix Icon by Remix Design - https://github.com/Remix-Design/RemixIcon/blob/master/License "), _cache[0] || (_cache[0] = createElementVNode("path", {
+		fill: "#757575",
+		d: "m12 15l-4.243-4.242l1.415-1.414L12 12.172l2.828-2.828l1.415 1.414z"
+	}, null, -1))]);
+}
+var RiArrowDropDownLine_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
+
+//#endregion
+export { RiArrowDropDownLine_default as default };

package/dist/icons/RiCloseLine.js

@@ -0,0 +1,21 @@
+import export_helper_default from "../_virtual/_/plugin-vue/export-helper.js";
+import { createCommentVNode, createElementBlock, createElementVNode, openBlock } from "vue";
+
+//#region src/icons/RiCloseLine.vue
+const _sfc_main = { name: "RiCloseLine" };
+const _hoisted_1 = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [createCommentVNode(" Icon from Remix Icon by Remix Design - https://github.com/Remix-Design/RemixIcon/blob/master/License "), _cache[0] || (_cache[0] = createElementVNode("path", {
+		fill: "#757575",
+		d: "m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"
+	}, null, -1))]);
+}
+var RiCloseLine_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
+
+//#endregion
+export { RiCloseLine_default as default };