yc-design-vue 1.7.3 → 1.7.5

package/es/Image/ImagePreviewToolbar.vue2.js

@@ -4,12 +4,12 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue.js";
-import _sfc_main$1 from "../_shared/icons/IconOriginSize.vue.js";
-import _sfc_main$4 from "../_shared/icons/IconRotateLeft.vue.js";
-import _sfc_main$5 from "../_shared/icons/IconRotateRight.vue.js";
-import _sfc_main$3 from "../_shared/icons/IconZoomIn.vue.js";
-import _sfc_main$2 from "../_shared/icons/IconZoomOut.vue.js";
+import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue2.js";
+import _sfc_main$1 from "../_shared/icons/IconOriginSize.vue2.js";
+import _sfc_main$4 from "../_shared/icons/IconRotateLeft.vue2.js";
+import _sfc_main$5 from "../_shared/icons/IconRotateRight.vue2.js";
+import _sfc_main$3 from "../_shared/icons/IconZoomIn.vue2.js";
+import _sfc_main$2 from "../_shared/icons/IconZoomOut.vue2.js";
 import ImagePreviewAction from "./ImagePreviewAction.vue.js";
 const _hoisted_1 = {
   key: 0,

package/es/Layout/LayoutSider.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./LayoutSider.vue2.js";
 /* empty css                 */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const LayoutSider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-acb17cdf"]]);
+const LayoutSider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-226ee3ae"]]);
 export {
   LayoutSider as default
 };

package/es/Layout/LayoutSider.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent, useCssVars, computed, toRefs, ref, createBlock, createElementBlock, openBlock, unref, normalizeClass, withCtx, createElementVNode, createCommentVNode, renderSlot, createVNode } from "vue";
+import { defineComponent, toRefs, ref, computed, createBlock, createElementBlock, openBlock, unref, normalizeClass, withCtx, createElementVNode, createCommentVNode, renderSlot, createVNode, normalizeStyle } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx, mediaQueryHandler } from "../_shared/utils/dom.js";
+import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
@@ -11,7 +11,8 @@ const _hoisted_1 = { class: "yc-layout-sider-children" };
 const _hoisted_2 = { class: "yc-layout-sider-children" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
-    name: "LayoutSider"
+    name: "LayoutSider",
+    inheritAttrs: false
   },
   __name: "LayoutSider",
   props: {
@@ -30,23 +31,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:collapsed", "collapse", "breakpoint"],
   setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "bcd881b8": computedWidth.value,
-      "718992b8": collapsedWidth.value
-    }));
     const props = __props;
     const emits = __emit;
     const {
       collapsible,
       breakpoint,
       hideTrigger,
-      width: _width,
-      collapsedWidth: _collapsedWidth
+      collapsedWidth,
+      width: _width
     } = toRefs(props);
     const { theme, computedCollapsed } = useSiderContext().provide(props, emits);
     const asideWidth = ref(_width.value);
-    const computedWidth = computed(() => valueToPx(asideWidth.value));
-    const collapsedWidth = computed(() => valueToPx(_collapsedWidth.value));
     const showTrigger = computed(() => {
       return !hideTrigger.value && collapsible.value;
     });
@@ -54,18 +49,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!collapsible.value) return;
       const value = !computedCollapsed.value;
       computedCollapsed.value = value;
-      asideWidth.value = value ? _collapsedWidth.value : _width.value;
+      asideWidth.value = value ? collapsedWidth.value : _width.value;
       emits("collapse", value, "clickTrigger");
     };
     mediaQueryHandler((_, order, i) => {
       if (!collapsible.value || !breakpoint.value) return;
       const value = i <= order[breakpoint.value];
       computedCollapsed.value = value;
-      asideWidth.value = value ? _collapsedWidth.value : _width.value;
+      asideWidth.value = value ? collapsedWidth.value : _width.value;
       emits("collapse", value, "responsive");
       emits("breakpoint", value);
     });
     return (_ctx, _cache) => {
+      var _a;
       return _ctx.resizeDirections.length ? (openBlock(), createBlock(unref(ResizeBox), {
         key: 0,
         width: asideWidth.value,
@@ -74,6 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([
           "yc-layout-sider",
           `yc-layout-sider-${unref(theme)}`,
+          _ctx.$attrs.class,
           {
             "yc-layout-sider-has-trigger": showTrigger.value
           }
@@ -102,11 +99,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "yc-layout-sider",
           "yc-layout-sider-translation",
           `yc-layout-sider-${unref(theme)}`,
+          _ctx.$attrs.class,
           {
-            "yc-layout-sider-collapsed": unref(computedCollapsed),
             "yc-layout-sider-has-trigger": showTrigger.value
           }
-        ])
+        ]),
+        style: normalizeStyle({
+          ..._ctx.$attrs.style || {},
+          width: unref(computedCollapsed) ? unref(valueToPx)(unref(collapsedWidth)) : ((_a = _ctx.$attrs.style) == null ? void 0 : _a.width) || unref(valueToPx)(asideWidth.value)
+        })
       }, [
         createElementVNode("div", _hoisted_2, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -122,7 +123,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["rotate"])
           ], true)
         ])) : createCommentVNode("", true)
-      ], 2));
+      ], 6));
     };
   }
 });

package/es/Menu/Menu.vue.d.ts

@@ -5,7 +5,7 @@ declare function __VLS_template(): {
     refs: {
         menuRef: HTMLDivElement;
     };
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<MenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -44,7 +44,7 @@ declare const __VLS_component: import('vue').DefineComponent<MenuProps, {}, {},
     autoScrollIntoView: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     menuRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/Menu/Menu.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./Menu.vue2.js";
 /* empty css          */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-990f2e81"]]);
+const _Menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fb059e13"]]);
 export {
   _Menu as default
 };

package/es/Menu/Menu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, unref, ref, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, renderSlot, createBlock } from "vue";
+import { defineComponent, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, createBlock } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { mediaQueryHandler } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
@@ -10,7 +10,8 @@ import useMenuContext from "./hooks/useContext.js";
 import MenuEllipsis from "./MenuEllipsis.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
-    name: "Menu"
+    name: "Menu",
+    inheritAttrs: false
   },
   __name: "Menu",
   props: {
@@ -41,9 +42,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:selectedKeys", "update:openKeys", "update:collapsed", "collapse", "menu-item-click", "sub-menu-click"],
   setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "72e354a7": unref(collapsedWidth)
-    }));
     const props = __props;
     const emits = __emit;
     const menuRef = ref();
@@ -60,15 +58,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("collapse", value, "responsive");
     });
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([
           "yc-menu",
           `yc-menu-mode-${_ctx.mode}`,
           `yc-menu-${unref(theme)}`,
+          _ctx.$attrs.class,
           {
             "yc-menu-collapsed": unref(computedCollapsed) && _ctx.mode != "horizontal"
           }
-        ])
+        ]),
+        style: normalizeStyle({
+          ..._ctx.$attrs.style || {},
+          width: unref(computedCollapsed) ? unref(collapsedWidth) : (_a = _ctx.$attrs.style) == null ? void 0 : _a.width
+        })
       }, [
         createElementVNode("div", {
           class: "yc-menu-inner",
@@ -85,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           !unref(computedCollapsed) ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 })) : (openBlock(), createBlock(unref(_sfc_main$2), { key: 1 }))
         ])) : createCommentVNode("", true)
-      ], 2);
+      ], 6);
     };
   }
 });

package/es/Menu/index.css

@@ -1 +1 @@
-.yc-menu-inline{display:flex;flex-direction:column;gap:4px}.yc-menu-inline .yc-menu-inline-content{display:flex;flex-direction:column;gap:4px}.yc-menu{position:relative;transition:width .2s cubic-bezier(.34, .69, .1, 1)}.yc-menu .yc-menu-inner{overflow:auto;padding:4px 8px;display:flex}.yc-menu .yc-menu-collapse-button{cursor:pointer;position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:2px;font-size:14px;display:flex;align-items:center;justify-content:center}.yc-menu-mode-vertical .yc-menu-inner{height:100%;flex-direction:column;gap:4px}.yc-menu-mode-horizontal .yc-menu-inner{position:relative;overflow:hidden;min-height:58px;width:100%;padding:14px 20px 14px 32px;display:flex;align-items:center;gap:12px}.yc-menu-mode-horizontal .yc-menu-inner:deep(.yc-menu-inline){flex-shrink:0}.yc-menu-light{background-color:#fff}.yc-menu-light .yc-menu-collapse-button{color:#86909c;background-color:#f7f8fa}.yc-menu-light .yc-menu-collapse-button:hover{background-color:#e5e6eb}.yc-menu-dark{background-color:#232324}.yc-menu-dark .yc-menu-collapse-button{color:#fff;background-color:#165dff}.yc-menu-dark .yc-menu-collapse-button:hover{background-color:#0e42d2}.yc-menu-item{cursor:pointer;flex-shrink:0;padding:0 12px;border-radius:2px;min-height:40px;line-height:40px;font-size:14px;transition:color .2s cubic-bezier(0, 0, 1, 1);display:flex;justify-content:center;align-items:center}.yc-menu-item .yc-menu-icon{line-height:1;margin-right:16px;color:#86909c}.yc-menu-item .yc-menu-item-title{flex-shrink:0;flex:1}.yc-menu-item .yc-menu-suffix-icon{margin-left:16px}.yc-menu-item-collapsed .yc-menu-icon{margin-right:0}.yc-menu-item-mode-horizontal{flex-shrink:0;position:relative}.yc-menu-item-mode-horizontal .yc-menu-item{min-height:30px;line-height:30px}.yc-menu-item-mode-horizontal .yc-menu-item .yc-menu-icon-suffix{margin-left:6px}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected::after{content:'';position:absolute;left:12px;right:12px;bottom:-14px;height:3px;background-color:#165dff}.yc-menu-item-ellipsis{position:absolute;top:50%;transform:translateY(-50%)}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled){color:#4e5969}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:#f2f3f5}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:#f2f3f5}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-light .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:#c9cdd4}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled){color:#c9cdd4}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:rgba(255,255,255,0.04)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:rgba(255,255,255,0.04)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-dark .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:#4e5969}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-group{display:flex;flex-direction:column;gap:4px}.yc-menu-group .yc-menu-group-title{max-width:100%;padding:0 12px;line-height:40px;font-size:14px;color:var(--color-text-3);font-weight:400}
+.yc-menu-inline{display:flex;flex-direction:column;gap:4px}.yc-menu-inline .yc-menu-inline-content{display:flex;flex-direction:column;gap:4px}.yc-menu{position:relative;transition:width .2s cubic-bezier(.34, .69, .1, 1)}.yc-menu .yc-menu-inner{overflow:auto;padding:4px 8px;display:flex}.yc-menu .yc-menu-collapse-button{cursor:pointer;position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:2px;font-size:14px;display:flex;align-items:center;justify-content:center}.yc-menu-mode-vertical .yc-menu-inner{height:100%;flex-direction:column;gap:4px}.yc-menu-mode-horizontal .yc-menu-inner{position:relative;overflow:hidden;min-height:58px;width:100%;padding:14px 20px 14px 32px;display:flex;align-items:center;gap:12px}.yc-menu-mode-horizontal .yc-menu-inner:deep(.yc-menu-inline){flex-shrink:0}.yc-menu-collapsed .yc-menu-inner{padding:4px}.yc-menu-light{background-color:#fff}.yc-menu-light .yc-menu-collapse-button{color:#86909c;background-color:#f7f8fa}.yc-menu-light .yc-menu-collapse-button:hover{background-color:#e5e6eb}.yc-menu-dark{background-color:#232324}.yc-menu-dark .yc-menu-collapse-button{color:#fff;background-color:#165dff}.yc-menu-dark .yc-menu-collapse-button:hover{background-color:#0e42d2}.yc-menu-item{cursor:pointer;flex-shrink:0;padding:0 12px;border-radius:2px;min-height:40px;line-height:40px;font-size:14px;transition:color .2s cubic-bezier(0, 0, 1, 1);display:flex;justify-content:center;align-items:center}.yc-menu-item .yc-menu-icon{line-height:1;margin-right:16px;color:#86909c}.yc-menu-item .yc-menu-item-title{flex-shrink:0;flex:1}.yc-menu-item .yc-menu-suffix-icon{margin-left:16px}.yc-menu-item-collapsed .yc-menu-icon{margin-right:0}.yc-menu-item-mode-horizontal{flex-shrink:0;position:relative}.yc-menu-item-mode-horizontal .yc-menu-item{min-height:30px;line-height:30px}.yc-menu-item-mode-horizontal .yc-menu-item .yc-menu-icon-suffix{margin-left:6px}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-mode-horizontal .yc-menu-item.yc-menu-item-selected::after{content:'';position:absolute;left:12px;right:12px;bottom:-14px;height:3px;background-color:#165dff}.yc-menu-item-ellipsis{position:absolute;top:50%;transform:translateY(-50%)}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled){color:#4e5969}.yc-menu-item-light .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:#f2f3f5}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:#f2f3f5}.yc-menu-item-light .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-light .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:#c9cdd4}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled){color:#c9cdd4}.yc-menu-item-dark .yc-menu-item:not(.yc-menu-item-disabled):hover{background-color:rgba(255,255,255,0.04)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected{font-weight:500;color:rgb(var(--primary-6));background-color:rgba(255,255,255,0.04)}.yc-menu-item-dark .yc-menu-item.yc-menu-item-selected .yc-menu-icon{color:rgb(var(--primary-6))}.yc-menu-item-dark .yc-menu-item.yc-menu-item-disabled{cursor:not-allowed;color:#4e5969}.yc-menu-inline-header .yc-menu-item.yc-menu-item-selected{background-color:transparent}.yc-menu-group{display:flex;flex-direction:column;gap:4px}.yc-menu-group .yc-menu-group-title{max-width:100%;padding:0 12px;line-height:40px;font-size:14px;color:var(--color-text-3);font-weight:400}

package/es/Menu/index.d.ts

@@ -45,7 +45,7 @@ declare const Menu: {
         autoScrollIntoView: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         menuRef: HTMLDivElement;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/es/Message/MessageList.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./MessageList.vue2.js";
 /* empty css                 */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _MessageList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10428b71"]]);
+const _MessageList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f1dc1ff"]]);
 export {
   _MessageList as default
 };

package/es/Modal/index.css

@@ -1 +1 @@
-.yc-modal-container{overflow:hidden;position:fixed;height:100%;width:100%;left:0;top:0}.yc-modal-container .yc-modal-mask{position:absolute;height:100%;width:100%;background-color:var(--color-mask-bg)}.yc-modal-container .yc-modal-wrapper{position:absolute;height:100%;width:100%;overflow:auto}.yc-modal-container .yc-modal-wrapper .yc-modal{position:absolute;border-radius:4px;background-color:var(--color-bg-3);line-height:1.5715;display:flex;flex-direction:column}.yc-modal-container .yc-modal-wrapper .yc-modal.yc-modal-fullscreen{height:100%}.yc-modal-container .yc-modal-wrapper .yc-modal.yc-modal-fullscreen .yc-modal-body{flex:1}.yc-modal-container .yc-modal-wrapper .yc-modal.yc-modal-draggable .yc-modal-header{cursor:move;user-select:none}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-footer,.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-body,.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header,.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-title,.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-close-button{flex-shrink:0}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header{height:48px;width:100%;padding:0 20px;border-bottom:1px solid var(--color-neutral-3);display:flex;align-items:center}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header .yc-modal-title{flex:1}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header .yc-modal-title span{font-size:16px;font-weight:500;color:var(--color-text-1)}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header .yc-modal-title.title-align-center{text-align:center}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header .yc-modal-close-button{margin-left:-12px}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-body{padding:24px 20px;color:var(--color-text-1);font-size:14px;line-height:1.5715}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-footer{height:64px;width:100%;padding:16px 20px;border-top:1px solid var(--color-neutral-3);display:flex;justify-content:flex-end;align-items:center;gap:12px}.yc-modal-position-absolute{position:absolute}.yc-modal-simple .yc-modal-wrapper .yc-modal{width:400px;padding:24px 32px 32px}.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-header,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-footer,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-body{height:unset;padding:0;border:none}.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-header.yc-modal-header,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-footer.yc-modal-header,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-body.yc-modal-header{margin-bottom:24px}.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-header.yc-modal-footer,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-footer.yc-modal-footer,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-body.yc-modal-footer{margin-top:24px;justify-content:center}
+.yc-modal-container{overflow:hidden;position:fixed;height:100%;width:100%;left:0;top:0}.yc-modal-container .yc-modal-mask{position:absolute;height:100%;width:100%;background-color:var(--color-mask-bg)}.yc-modal-container .yc-modal-wrapper{position:absolute;height:100%;width:100%;overflow:auto}.yc-modal-container .yc-modal-wrapper .yc-modal{position:absolute;border-radius:4px;background-color:var(--color-bg-3);line-height:1.5715;display:flex;flex-direction:column}.yc-modal-container .yc-modal-wrapper .yc-modal.yc-modal-fullscreen{height:100%}.yc-modal-container .yc-modal-wrapper .yc-modal.yc-modal-fullscreen .yc-modal-body{flex:1}.yc-modal-container .yc-modal-wrapper .yc-modal.yc-modal-draggable .yc-modal-header{cursor:move;user-select:none}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-footer,.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-body,.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header,.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-title,.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-close-button{flex-shrink:0}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header{height:48px;width:100%;padding:0 20px;border-bottom:1px solid var(--color-neutral-3);display:flex;align-items:center}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header .yc-modal-title{flex:1}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header .yc-modal-title span{font-size:16px;font-weight:500;color:var(--color-text-1)}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header .yc-modal-title.title-align-center{text-align:center}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-header .yc-modal-close-button{margin-left:-12px}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-body{padding:24px 20px;color:var(--color-text-1);font-size:14px;line-height:1.5715}.yc-modal-container .yc-modal-wrapper .yc-modal .yc-modal-footer{height:64px;width:100%;padding:16px 20px;border-top:1px solid var(--color-neutral-3);display:flex;justify-content:flex-end;align-items:center;gap:12px}.yc-modal-position-absolute{position:absolute}.yc-modal-simple .yc-modal-wrapper .yc-modal{width:400px;padding:24px 32px 32px}.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-header,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-footer,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-body{height:unset;padding:0;border:none}.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-header.yc-modal-header,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-footer.yc-modal-header,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-body.yc-modal-header{margin-bottom:24px}.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-header.yc-modal-footer,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-footer.yc-modal-footer,.yc-modal-simple .yc-modal-wrapper .yc-modal .yc-modal-body.yc-modal-footer{margin-top:24px;justify-content:center}.yc-service-modal .yc-modal-header .yc-modal-title{display:flex;justify-content:center;gap:6px}.yc-service-modal .yc-modal-header .yc-modal-title .yc-modal-title-icon{display:flex;align-items:center;font-size:18px}.yc-service-modal .yc-modal-header .yc-modal-title .yc-modal-title-content{flex-shrink:0;overflow:hidden}.yc-service-modal .yc-modal-body .yc-modal-body-content{width:100%;line-height:26px;color:var(--color-text-2);font-family:'PingFang SC';font-size:16px;font-weight:400}.yc-service-modal-info .yc-modal-title-icon{color:rgb(var(--primary-6))}.yc-service-modal-success .yc-modal-title-icon{color:rgb(var(--success-6))}.yc-service-modal-warning .yc-modal-title-icon{color:rgb(var(--warning-6))}.yc-service-modal-error .yc-modal-title-icon{color:rgb(var(--danger-6))}.yc-service-modal-confirm .yc-modal-title-icon{color:rgb(var(--warning-6))}

package/es/Scrollbar/index.css

@@ -1 +1 @@
-.yc-scrollbar{position:relative;overflow:hidden}.yc-scrollbar:hover .yc-scrollbar-track .yc-scrollbar-thumb-bar{opacity:1}.yc-scrollbar .yc-scrollbar-container{overflow:auto}.yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{height:fit-content;width:fit-content;min-width:100%}.yc-scrollbar:not(.yc-scrollbar-real) .yc-scrollbar-container::-webkit-scrollbar{width:0;height:0}.yc-scrollbar-both-track::before{z-index:10;position:absolute;right:0;bottom:0;content:'';width:15px;height:15px;background-color:var(--color-neutral-1);border-right:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-vertical-track .yc-scrollbar-container{padding-right:15px}.yc-scrollbar-vertical-track:deep(.yc-scrollbar-track-direction-vertical){background-color:var(--color-neutral-1);border-left:1px solid var(--color-neutral-3);border-right:1px solid var(--color-neutral-3)}.yc-scrollbar-horizontal-track .yc-scrollbar-container{padding-bottom:15px}.yc-scrollbar-horizontal-track:deep(.yc-scrollbar-track-direction-horizontal){background-color:var(--color-neutral-1);border-top:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-track{z-index:1001;position:absolute}.yc-scrollbar-track .yc-scrollbar-thumb{position:absolute;display:flex;justify-content:center;align-items:center}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar{user-select:none;border-radius:5px;background-color:var(--color-neutral-4);opacity:0;transition:opacity .2s ease}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar:hover{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-dragging{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-hover{opacity:1}.yc-scrollbar-track-direction-vertical{width:15px;top:0;bottom:0;right:0;display:flex;justify-content:center}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical{width:100%}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical .yc-scrollbar-thumb-bar{height:100%;width:9px}.yc-scrollbar-track-direction-horizontal{height:15px;left:0;right:0;bottom:0;display:flex;align-items:center}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal{height:100%}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal .yc-scrollbar-thumb-bar{width:100%;height:9px}
+.yc-scrollbar{position:relative;overflow:hidden}.yc-scrollbar:hover .yc-scrollbar-track .yc-scrollbar-thumb-bar{opacity:1}.yc-scrollbar .yc-scrollbar-container{overflow:auto}.yc-scrollbar .yc-scrollbar-container .yc-scrollbar-content{height:fit-content;width:fit-content;min-width:100%}.yc-scrollbar:not(.yc-scrollbar-real) .yc-scrollbar-container::-webkit-scrollbar{width:0;height:0}.yc-scrollbar-both-track::before{z-index:10;position:absolute;right:0;bottom:0;content:'';width:15px;height:15px;background-color:var(--color-neutral-1);border-right:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-vertical-track .yc-scrollbar-container{padding-right:15px}.yc-scrollbar-vertical-track:deep(.yc-scrollbar-track-direction-vertical){background-color:var(--color-neutral-1);border-left:1px solid var(--color-neutral-3);border-right:1px solid var(--color-neutral-3)}.yc-scrollbar-horizontal-track .yc-scrollbar-container{padding-bottom:15px}.yc-scrollbar-horizontal-track:deep(.yc-scrollbar-track-direction-horizontal){background-color:var(--color-neutral-1);border-top:1px solid var(--color-neutral-3);border-bottom:1px solid var(--color-neutral-3)}.yc-scrollbar-track{z-index:11;position:absolute}.yc-scrollbar-track .yc-scrollbar-thumb{position:absolute;display:flex;justify-content:center;align-items:center}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar{user-select:none;border-radius:5px;background-color:var(--color-neutral-4);opacity:0;transition:opacity .2s ease}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar:hover{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-dragging{background-color:var(--color-neutral-6);opacity:.8}.yc-scrollbar-track .yc-scrollbar-thumb .yc-scrollbar-thumb-bar.yc-scrollbar-thumb-bar-hover{opacity:1}.yc-scrollbar-track-direction-vertical{width:15px;top:0;bottom:0;right:0;display:flex;justify-content:center}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical{width:100%}.yc-scrollbar-track-direction-vertical .yc-scrollbar-thumb-direction-vertical .yc-scrollbar-thumb-bar{height:100%;width:9px}.yc-scrollbar-track-direction-horizontal{height:15px;left:0;right:0;bottom:0;display:flex;align-items:center}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal{height:100%}.yc-scrollbar-track-direction-horizontal .yc-scrollbar-thumb-direction-horizontal .yc-scrollbar-thumb-bar{width:100%;height:9px}

package/es/Switch/index.css

@@ -1 +1 @@
-.yc-switch{cursor:pointer;position:relative;padding:0;outline:none;border:none;border-radius:20px;vertical-align:middle;transition:background-color .2s cubic-bezier(.34, .69, .1, 1)}.yc-switch .yc-switch-handle{z-index:1;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;transition:all .2s cubic-bezier(.34, .69, .1, 1);display:flex;align-items:center;justify-content:center}.yc-switch .yc-switch-handle .yc-switch-handle-icon{font-size:inherit;display:flex;align-items:center;justify-content:center}.yc-switch .yc-switch-handle .yc-switch-handle-icon .yc-spin{font-size:inherit;color:inherit}.yc-switch .yc-switch-text{position:absolute;font-size:12px}.yc-switch .yc-switch-placeholder{visibility:hidden;font-size:12px;margin:0 8px 0 26px}.yc-switch-unchecked:not(.yc-switch-shape-line),.yc-switch-unchecked.yc-switch-shape-line::after{background-color:var(--color-fill-4)}.yc-switch-unchecked .yc-switch-handle{background-color:var(--color-bg-white);color:var(--color-neutral-3)}.yc-switch-unchecked .yc-switch-text{left:26px;color:var(--color-white)}.yc-switch-checked:not(.yc-switch-shape-line),.yc-switch-checked.yc-switch-shape-line::after{background-color:rgb(var(--primary-6))}.yc-switch-checked .yc-switch-handle{background-color:var(--color-bg-white);color:rgb(var(--primary-6))}.yc-switch-checked .yc-switch-text{left:8px;color:var(--color-white)}.yc-switch-checked .yc-switch-placeholder{margin:0 26px 0 8px}.yc-switch-loading.yc-switch-unchecked:not(.yc-switch-shape-line),.yc-switch-disabled.yc-switch-unchecked:not(.yc-switch-shape-line),.yc-switch-loading.yc-switch-unchecked.yc-switch-shape-line::after,.yc-switch-disabled.yc-switch-unchecked.yc-switch-shape-line::after{background-color:var(--color-fill-2)}.yc-switch-loading.yc-switch-unchecked .yc-switch-handle,.yc-switch-disabled.yc-switch-unchecked .yc-switch-handle{color:var(--color-neutral-3)}.yc-switch-loading.yc-switch-unchecked .yc-switch-text,.yc-switch-disabled.yc-switch-unchecked .yc-switch-text{color:var(--color-white)}.yc-switch-loading.yc-switch-checked:not(.yc-switch-shape-line),.yc-switch-disabled.yc-switch-checked:not(.yc-switch-shape-line),.yc-switch-loading.yc-switch-checked.yc-switch-shape-line::after,.yc-switch-disabled.yc-switch-checked.yc-switch-shape-line::after{background-color:var(--color-primary-light-3)}.yc-switch-loading.yc-switch-checked .yc-switch-handle,.yc-switch-disabled.yc-switch-checked .yc-switch-handle{color:var(--color-primary-light-3)}.yc-switch-loading.yc-switch-checked .yc-switch-text,.yc-switch-disabled.yc-switch-checked .yc-switch-text{color:var(--color-primary-light-1)}body[yc-design-theme='dark'] .yc-switch-loading.yc-switch-checked .yc-switch-text,body[yc-design-theme='dark'] .yc-switch-disabled.yc-switch-checked .yc-switch-text{color:var(--color-white)}.yc-switch-disabled{cursor:not-allowed}.yc-switch-size-small{min-width:28px;height:16px;line-height:16px}.yc-switch-size-small .yc-switch-handle{left:2px;width:12px;height:12px;font-size:8px}.yc-switch-size-small.yc-switch-checked .yc-switch-handle{left:calc(100% - 14px)}.yc-switch-size-small.yc-switch-shape-line{min-width:28px;height:16px;line-height:16px}.yc-switch-size-small.yc-switch-shape-line .yc-switch-handle{width:16px;height:16px}.yc-switch-size-small.yc-switch-shape-line.yc-switch-checked .yc-switch-handle{left:calc(100% - 16px)}.yc-switch-size-medium{min-width:40px;height:24px;line-height:24px}.yc-switch-size-medium .yc-switch-handle{left:4px;width:16px;height:16px;font-size:12px}.yc-switch-size-medium.yc-switch-checked .yc-switch-handle{left:calc(100% - 20px)}.yc-switch-size-medium.yc-switch-shape-line{min-width:36px;overflow:unset}.yc-switch-size-medium.yc-switch-shape-line .yc-switch-handle{left:0;width:20px;height:20px}.yc-switch-size-medium.yc-switch-shape-line.yc-switch-checked .yc-switch-handle{left:calc(100% - 20px)}.yc-switch-shape-line{background:transparent}.yc-switch-shape-line::after{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:3px}.yc-switch-shape-line .yc-switch-handle{box-shadow:0 1px 3px var(--color-neutral-6)}.yc-switch-shape-round{border-radius:2px}.yc-switch-shape-round .yc-switch-handle{border-radius:2px}
+.yc-switch{cursor:pointer;position:relative;padding:0;background-color:var(--switch-background);outline:none;border:none;border-radius:20px;vertical-align:middle;transition:background-color .2s cubic-bezier(.34, .69, .1, 1)}.yc-switch::after{background-color:var(--switch-background)}.yc-switch .yc-switch-handle{z-index:1;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;transition:all .2s cubic-bezier(.34, .69, .1, 1);display:flex;align-items:center;justify-content:center}.yc-switch .yc-switch-handle .yc-switch-handle-icon{font-size:inherit;display:flex;align-items:center;justify-content:center}.yc-switch .yc-switch-handle .yc-switch-handle-icon .yc-spin{font-size:inherit;color:inherit}.yc-switch .yc-switch-text{position:absolute;font-size:12px}.yc-switch .yc-switch-placeholder{visibility:hidden;font-size:12px;margin:0 8px 0 26px}.yc-switch-unchecked .yc-switch-handle{background-color:var(--color-bg-white);color:var(--color-neutral-3)}.yc-switch-unchecked .yc-switch-text{left:26px;color:var(--color-white)}.yc-switch-checked .yc-switch-handle{background-color:var(--color-bg-white);color:rgb(var(--primary-6))}.yc-switch-checked .yc-switch-text{left:8px;color:var(--color-white)}.yc-switch-checked .yc-switch-placeholder{margin:0 26px 0 8px}.yc-switch-loading.yc-switch-unchecked:not(.yc-switch-shape-line),.yc-switch-disabled.yc-switch-unchecked:not(.yc-switch-shape-line),.yc-switch-loading.yc-switch-unchecked.yc-switch-shape-line::after,.yc-switch-disabled.yc-switch-unchecked.yc-switch-shape-line::after{background-color:var(--color-fill-2)}.yc-switch-loading.yc-switch-unchecked .yc-switch-handle,.yc-switch-disabled.yc-switch-unchecked .yc-switch-handle{color:var(--color-neutral-3)}.yc-switch-loading.yc-switch-unchecked .yc-switch-text,.yc-switch-disabled.yc-switch-unchecked .yc-switch-text{color:var(--color-white)}.yc-switch-loading.yc-switch-checked:not(.yc-switch-shape-line),.yc-switch-disabled.yc-switch-checked:not(.yc-switch-shape-line),.yc-switch-loading.yc-switch-checked.yc-switch-shape-line::after,.yc-switch-disabled.yc-switch-checked.yc-switch-shape-line::after{background-color:var(--color-primary-light-3)}.yc-switch-loading.yc-switch-checked .yc-switch-handle,.yc-switch-disabled.yc-switch-checked .yc-switch-handle{color:var(--color-primary-light-3)}.yc-switch-loading.yc-switch-checked .yc-switch-text,.yc-switch-disabled.yc-switch-checked .yc-switch-text{color:var(--color-primary-light-1)}body[yc-design-theme='dark'] .yc-switch-loading.yc-switch-checked .yc-switch-text,body[yc-design-theme='dark'] .yc-switch-disabled.yc-switch-checked .yc-switch-text{color:var(--color-white)}.yc-switch-disabled{cursor:not-allowed}.yc-switch-size-small{min-width:28px;height:16px;line-height:16px}.yc-switch-size-small .yc-switch-handle{left:2px;width:12px;height:12px;font-size:8px}.yc-switch-size-small.yc-switch-checked .yc-switch-handle{left:calc(100% - 14px)}.yc-switch-size-small.yc-switch-shape-line{min-width:28px;height:16px;line-height:16px}.yc-switch-size-small.yc-switch-shape-line .yc-switch-handle{width:16px;height:16px}.yc-switch-size-small.yc-switch-shape-line.yc-switch-checked .yc-switch-handle{left:calc(100% - 16px)}.yc-switch-size-medium{min-width:40px;height:24px;line-height:24px}.yc-switch-size-medium .yc-switch-handle{left:4px;width:16px;height:16px;font-size:12px}.yc-switch-size-medium.yc-switch-checked .yc-switch-handle{left:calc(100% - 20px)}.yc-switch-size-medium.yc-switch-shape-line{min-width:36px;overflow:unset}.yc-switch-size-medium.yc-switch-shape-line .yc-switch-handle{left:0;width:20px;height:20px}.yc-switch-size-medium.yc-switch-shape-line.yc-switch-checked .yc-switch-handle{left:calc(100% - 20px)}.yc-switch-shape-line{background:transparent}.yc-switch-shape-line::after{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6px;border-radius:3px}.yc-switch-shape-line .yc-switch-handle{box-shadow:0 1px 3px var(--color-neutral-6)}.yc-switch-shape-round{border-radius:2px}.yc-switch-shape-round .yc-switch-handle{border-radius:2px}

package/es/Switch/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6bac3df6"]]);
+const _Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f66f082"]]);
 export {
   _Switch as default
 };

package/es/Switch/index.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, computed, useSlots, toRefs, ref, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, useSlots, toRefs, computed, ref, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import { isBoolean } from "../_shared/utils/is.js";
@@ -31,8 +31,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     size: { default: void 0 },
     checkedValue: { type: [String, Number, Boolean], default: true },
     uncheckedValue: { type: [String, Number, Boolean], default: false },
-    checkedColor: { default: "rgba(22, 93, 255)" },
-    uncheckedColor: { default: "rgb(201, 205, 212)" },
+    checkedColor: { default: "rgb(var(--primary-6))" },
+    uncheckedColor: { default: "var(--color-fill-4)" },
     checkedText: { default: "" },
     uncheckedText: { default: "" },
     beforeChange: { type: Function, default: () => {
@@ -41,9 +41,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "66db34d3": background.value
-    }));
     const slots = useSlots();
     const props = __props;
     const emits = __emit;
@@ -121,6 +118,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "yc-switch-disabled": unref(disabled)
           }
         ]),
+        style: normalizeStyle({
+          "--switch-background": background.value
+        }),
         "aria-checked": compuedChecked.value,
         role: "switch",
         onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("focus", $event)),
@@ -145,7 +145,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(compuedChecked.value ? unref(checkedText) : unref(uncheckedText)), 1)
           ], true)
         ])) : createCommentVNode("", true)
-      ], 42, _hoisted_1);
+      ], 46, _hoisted_1);
     };
   }
 });

package/es/Tabs/TabButton.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./TabButton.vue2.js";
 /* empty css               */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const TabButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1989807a"]]);
+const TabButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-285ccf64"]]);
 export {
   TabButton as default
 };

package/es/Tabs/index.css

@@ -1 +1 @@
-.yc-tabs{position:relative;overflow:hidden;width:100%;display:flex}.yc-tabs .yc-tabs-nav{position:relative;overflow:hidden;display:flex;align-items:center}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab.yc-tabs-nav-tab-scroll{flex:1;overflow:hidden}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{position:relative;transition:transform .2s cubic-bezier(.34, .69, .1, 1);display:flex;align-items:center}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list::-webkit-scrollbar{display:none}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{position:absolute;background-color:rgb(var(--primary-6));border-radius:2px}.yc-tabs .yc-tabs-nav .yc-tabs-nav-extra{height:100%;display:flex;align-items:center}.yc-tabs .yc-tabs-content{overflow:hidden}.yc-tabs .yc-tabs-content .yc-tabs-content-list{display:flex}.yc-tabs .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{flex-shrink:0}.yc-tabs-justify{height:100%}.yc-tabs-animation .yc-tabs-content-list{transition:all .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-horizontal{flex-direction:column}.yc-tabs-horizontal .yc-tabs-nav{width:100%}.yc-tabs-horizontal .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{bottom:0;height:2px;transition:left .2s cubic-bezier(.34, .69, .1, 1),width .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-horizontal .yc-tabs-content{width:100%;padding-top:16px}.yc-tabs-horizontal .yc-tabs-content .yc-tabs-content-list{width:100%}.yc-tabs-horizontal .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{width:100%}.yc-tabs-vertical:not(.yc-tabs-type-card):not(.yc-tabs-type-card-gutter) .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{gap:12px}.yc-tabs-vertical .yc-tabs-nav{height:100%;flex-direction:column}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab{height:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{flex-direction:column}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-tab{width:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-tab .yc-tabs-tab-title{width:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{right:0;width:2px;transition:top .2s cubic-bezier(.34, .69, .1, 1),height .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-vertical .yc-tabs-content{flex:1;height:100%;padding-left:16px}.yc-tabs-vertical .yc-tabs-content .yc-tabs-content-list{height:100%;flex-direction:column}.yc-tabs-vertical .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{height:100%}.yc-tabs-right{flex-direction:row-reverse}.yc-tabs-right .yc-tabs-nav::before{left:0;right:unset}.yc-tabs-right .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{left:0;right:unset}.yc-tabs-right .yc-tabs-content{padding-left:0;padding-right:16px}.yc-tabs-bottom{flex-direction:column-reverse}.yc-tabs-bottom .yc-tabs-nav::before{top:0}.yc-tabs-bottom .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{top:0;bottom:unset}.yc-tabs-bottom .yc-tabs-content{padding-right:0;padding-bottom:16px}.yc-tabs-type-card.yc-tabs-horizontal .yc-tabs-nav::before,.yc-tabs-type-card-gutter.yc-tabs-horizontal .yc-tabs-nav::before,.yc-tabs-type-line.yc-tabs-horizontal .yc-tabs-nav::before{content:'';position:absolute;right:0;bottom:0;left:0;display:block;height:1px;background-color:var(--color-neutral-3)}.yc-tabs-type-card.yc-tabs-vertical .yc-tabs-nav::before,.yc-tabs-type-card-gutter.yc-tabs-vertical .yc-tabs-nav::before,.yc-tabs-type-line.yc-tabs-vertical .yc-tabs-nav::before{content:'';position:absolute;top:0;bottom:0;right:0;width:1px;background-color:var(--color-neutral-3)}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content{border:1px solid var(--color-neutral-3);border-top:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content{border-top:1px solid var(--color-neutral-3);border-bottom:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right{border-right:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content{border:1px solid var(--color-neutral-3);border-left:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right{border-right:none}.yc-tabs-type-card-gutter .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{gap:4px}.yc-tabs-type-capsule .yc-tabs-nav{justify-content:flex-end}.yc-tabs-type-capsule .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{flex:unset;padding:3px;background-color:var(--color-fill-2);border-radius:2px;line-height:1;gap:3px}.yc-tabs-tab{flex-shrink:0;position:relative;cursor:pointer;outline:none;background-color:transparent;color:var(--color-text-2);line-height:1.5715;display:flex;align-items:center;gap:8px}.yc-tabs-tab .yc-tabs-tab-title{position:relative;padding:1px 0}.yc-tabs-tab.yc-tabs-tab-active{color:rgb(var(--primary-6));font-weight:500}.yc-tabs-tab-type-line,.yc-tabs-tab-type-text{margin:0 16px;transition:color .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-line .yc-tabs-tab-title::after,.yc-tabs-tab-type-text .yc-tabs-tab-title::after{content:'';z-index:-1;position:absolute;top:0;right:-8px;bottom:0;left:-8px;background-color:transparent;border-radius:2px;opacity:1;transition:background-color .2s cubic-bezier(0, 0, 1, 1),opacity .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-line:not(.yc-tabs-tab-active):not(.yc-tabs-tab-disabled):hover .yc-tabs-tab-title::after,.yc-tabs-tab-type-text:not(.yc-tabs-tab-active):not(.yc-tabs-tab-disabled):hover .yc-tabs-tab-title::after{background-color:var(--color-fill-2)}.yc-tabs-tab-type-line.yc-tabs-tab-type-text,.yc-tabs-tab-type-text.yc-tabs-tab-type-text{margin:0 9px;padding:5px 0}.yc-tabs-tab-type-line.yc-tabs-tab-type-text:not(:first-child)::before,.yc-tabs-tab-type-text.yc-tabs-tab-type-text:not(:first-child)::before{content:'';position:absolute;top:50%;left:-9px;width:2px;height:12px;background-color:var(--color-fill-3);transform:translateY(-50%)}.yc-tabs-tab-type-line.yc-tabs-tab-type-text .yc-tabs-tab-title,.yc-tabs-tab-type-text.yc-tabs-tab-type-text .yc-tabs-tab-title{position:relative;padding-left:9px;padding-right:9px}.yc-tabs-tab-type-line.yc-tabs-tab-type-text .yc-tabs-tab-title::after,.yc-tabs-tab-type-text.yc-tabs-tab-type-text .yc-tabs-tab-title::after{left:0;top:0;right:0;bottom:0}.yc-tabs-tab-type-line.yc-tabs-tab-type-line.yc-tabs-tab-vertical,.yc-tabs-tab-type-text.yc-tabs-tab-type-line.yc-tabs-tab-vertical{margin:0;padding:0 20px}.yc-tabs-tab-type-line.yc-tabs-tab-no-padding,.yc-tabs-tab-type-text.yc-tabs-tab-no-padding{margin-left:0}.yc-tabs-tab-type-line.yc-tabs-tab-no-padding.yc-tabs-tab-type-text,.yc-tabs-tab-type-text.yc-tabs-tab-no-padding.yc-tabs-tab-type-text{margin-left:0}.yc-tabs-tab-type-card,.yc-tabs-tab-type-card-gutter{padding:0 16px;border:1px solid var(--color-neutral-3);transition:padding .2s cubic-bezier(0, 0, 1, 1),color .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-card.yc-tabs-tab:not(.yc-tabs-tab-disabled):not(.yc-tabs-tab-active):hover,.yc-tabs-tab-type-card-gutter.yc-tabs-tab:not(.yc-tabs-tab-disabled):not(.yc-tabs-tab-active):hover{background-color:var(--color-fill-3)}.yc-tabs-tab-type-card.yc-tabs-tab-type-card-gutter,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-type-card-gutter{background-color:var(--color-fill-1);border-radius:2px 2px 0 0}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:not(:first-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:not(:first-child){border-left:none}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:first-child,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:first-child{border-top-left-radius:2px}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:last-child,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:last-child{border-top-right-radius:2px}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-active,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-active{background-color:transparent;border-bottom-color:var(--color-bg-2)}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-active.yc-tabs-tab-bottom,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-active.yc-tabs-tab-bottom{border-top-color:var(--color-bg-2);border-bottom-color:var(--color-neutral-3)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical{border-bottom:none}.yc-tabs-tab-type-card.yc-tabs-tab-vertical:not(:last-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical:not(:last-child){border-bottom:1px solid var(--color-neutral-3)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-type-card:not(:first-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-type-card:not(:first-child){border-top:none}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-active,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-active{background-color:transparent;border-right-color:var(--color-bg-2)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-active.yc-tabs-tab-right,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-active.yc-tabs-tab-right{border-right-color:var(--color-neutral-3);border-left-color:var(--color-bg-2)}.yc-tabs-tab-type-rounded{margin:0 6px;padding:0 16px;border-radius:32px}.yc-tabs-tab-type-rounded:not(.yc-tabs-tab-disabled):hover{background-color:var(--color-fill-2)}.yc-tabs-tab-type-rounded.yc-tabs-tab-active{background-color:var(--color-fill-2)}.yc-tabs-tab-type-capsule{padding:0 10px}.yc-tabs-tab-type-capsule:not(.yc-tabs-tab-disabled):hover{background-color:var(--color-bg-2)}.yc-tabs-tab-type-capsule.yc-tabs-tab-active{background-color:var(--color-bg-2)}.yc-tabs-tab-size-mini.yc-tabs-tab-type-line{font-size:12px;padding-top:6px;padding-bottom:6px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-card{font-size:12px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-card-gutter{font-size:12px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-capsule{font-size:12px;line-height:18px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-rounded{font-size:12px;padding-top:3px;padding-bottom:3px}.yc-tabs-tab-size-small.yc-tabs-tab-type-line{font-size:14px;padding-top:6px;padding-bottom:6px}.yc-tabs-tab-size-small.yc-tabs-tab-type-card{font-size:14px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-small.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-small.yc-tabs-tab-type-capsule{font-size:14px;line-height:22px}.yc-tabs-tab-size-small.yc-tabs-tab-type-rounded{font-size:14px;padding-top:3px;padding-bottom:3px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-line{font-size:14px;padding-top:8px;padding-bottom:8px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-card{font-size:14px;padding-top:4px;padding-bottom:4px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:4px;padding-bottom:4px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-capsule{font-size:14px;line-height:26px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-rounded{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-line{font-size:14px;padding-top:10px;padding-bottom:10px}.yc-tabs-tab-size-large.yc-tabs-tab-type-card{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-capsule{font-size:14px;line-height:30px}.yc-tabs-tab-size-large.yc-tabs-tab-type-rounded{font-size:14px;padding-top:7px;padding-bottom:7px}.yc-tabs-tab-disabled{cursor:not-allowed;background-color:transparent;color:var(--color-text-4)}.yc-tabs-tab-disabled.yc-tabs-tab-active{color:var(--color-primary-light-3)}
+.yc-tabs{position:relative;overflow:hidden;width:100%;display:flex}.yc-tabs .yc-tabs-nav{position:relative;overflow:hidden;display:flex;align-items:center}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab.yc-tabs-nav-tab-scroll{flex:1;overflow:hidden}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{position:relative;transition:transform .2s cubic-bezier(.34, .69, .1, 1);display:flex;align-items:center}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list::-webkit-scrollbar{display:none}.yc-tabs .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{position:absolute;background-color:rgb(var(--primary-6));border-radius:2px}.yc-tabs .yc-tabs-nav .yc-tabs-nav-extra{height:100%;display:flex;align-items:center}.yc-tabs .yc-tabs-content{overflow:hidden}.yc-tabs .yc-tabs-content .yc-tabs-content-list{display:flex}.yc-tabs .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{flex-shrink:0}.yc-tabs-justify{height:100%}.yc-tabs-animation .yc-tabs-content-list{transition:all .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-horizontal{flex-direction:column}.yc-tabs-horizontal .yc-tabs-nav{width:100%}.yc-tabs-horizontal .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{bottom:0;height:2px;transition:left .2s cubic-bezier(.34, .69, .1, 1),width .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-horizontal .yc-tabs-content{width:100%;padding-top:16px}.yc-tabs-horizontal .yc-tabs-content .yc-tabs-content-list{width:100%}.yc-tabs-horizontal .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{width:100%}.yc-tabs-vertical:not(.yc-tabs-type-card):not(.yc-tabs-type-card-gutter) .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{gap:12px}.yc-tabs-vertical .yc-tabs-nav{height:100%;flex-direction:column}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab{height:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{flex-direction:column}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-tab{width:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-tab .yc-tabs-tab-title{width:100%}.yc-tabs-vertical .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{right:0;width:2px;transition:top .2s cubic-bezier(.34, .69, .1, 1),height .2s cubic-bezier(.34, .69, .1, 1)}.yc-tabs-vertical .yc-tabs-content{flex:1;height:100%;padding-left:16px}.yc-tabs-vertical .yc-tabs-content .yc-tabs-content-list{height:100%;flex-direction:column}.yc-tabs-vertical .yc-tabs-content .yc-tabs-content-list .yc-tabs-content-item{height:100%}.yc-tabs-right{flex-direction:row-reverse}.yc-tabs-right .yc-tabs-nav::before{left:0;right:unset}.yc-tabs-right .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{left:0;right:unset}.yc-tabs-right .yc-tabs-content{padding-left:0;padding-right:16px}.yc-tabs-bottom{flex-direction:column-reverse}.yc-tabs-bottom .yc-tabs-nav::before{top:0}.yc-tabs-bottom .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list .yc-tabs-nav-ink{top:0;bottom:unset}.yc-tabs-bottom .yc-tabs-content{padding-right:0;padding-bottom:16px}.yc-tabs-type-card.yc-tabs-horizontal .yc-tabs-nav::before,.yc-tabs-type-card-gutter.yc-tabs-horizontal .yc-tabs-nav::before,.yc-tabs-type-line.yc-tabs-horizontal .yc-tabs-nav::before{content:'';position:absolute;right:0;bottom:0;left:0;display:block;height:1px;background-color:var(--color-neutral-3)}.yc-tabs-type-card.yc-tabs-vertical .yc-tabs-nav::before,.yc-tabs-type-card-gutter.yc-tabs-vertical .yc-tabs-nav::before,.yc-tabs-type-line.yc-tabs-vertical .yc-tabs-nav::before{content:'';position:absolute;top:0;bottom:0;right:0;width:1px;background-color:var(--color-neutral-3)}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-horizontal .yc-tabs-content{border:1px solid var(--color-neutral-3);border-top:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-horizontal.yc-tabs-bottom .yc-tabs-content{border-top:1px solid var(--color-neutral-3);border-bottom:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical.yc-tabs-right{border-right:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content{border:1px solid var(--color-neutral-3);border-left:none}.yc-tabs-type-card:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right,.yc-tabs-type-card-gutter:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right,.yc-tabs-type-line:not(.yc-tabs-type-line).yc-tabs-vertical .yc-tabs-content.yc-tabs-right{border-right:none}.yc-tabs-type-card-gutter .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{gap:4px}.yc-tabs-type-capsule .yc-tabs-nav{justify-content:flex-end}.yc-tabs-type-capsule .yc-tabs-nav .yc-tabs-nav-tab .yc-tabs-nav-tab-list{flex:unset;padding:3px;background-color:var(--color-fill-2);border-radius:2px;line-height:1;gap:3px}.yc-tabs-tab{flex-shrink:0;position:relative;cursor:pointer;outline:none;background-color:transparent;color:var(--color-text-2);line-height:1.5715;display:flex;align-items:center;gap:8px}.yc-tabs-tab .yc-tabs-tab-title{position:relative;padding:1px 0}.yc-tabs-tab.yc-tabs-tab-active{color:rgb(var(--primary-6));font-weight:500}.yc-tabs-tab-type-line,.yc-tabs-tab-type-text{margin:0 16px;transition:color .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-line .yc-tabs-tab-title::after,.yc-tabs-tab-type-text .yc-tabs-tab-title::after{content:'';z-index:-1;position:absolute;top:0;right:-8px;bottom:0;left:-8px;background-color:transparent;border-radius:2px;opacity:1;transition:background-color .2s cubic-bezier(0, 0, 1, 1),opacity .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-line:not(.yc-tabs-tab-active):not(.yc-tabs-tab-disabled):hover .yc-tabs-tab-title::after,.yc-tabs-tab-type-text:not(.yc-tabs-tab-active):not(.yc-tabs-tab-disabled):hover .yc-tabs-tab-title::after{background-color:var(--color-fill-2)}.yc-tabs-tab-type-line.yc-tabs-tab-type-text,.yc-tabs-tab-type-text.yc-tabs-tab-type-text{margin:0 9px;padding:5px 0}.yc-tabs-tab-type-line.yc-tabs-tab-type-text:not(:first-child)::before,.yc-tabs-tab-type-text.yc-tabs-tab-type-text:not(:first-child)::before{content:'';position:absolute;top:50%;left:-9px;width:2px;height:12px;background-color:var(--color-fill-3);transform:translateY(-50%)}.yc-tabs-tab-type-line.yc-tabs-tab-type-text .yc-tabs-tab-title,.yc-tabs-tab-type-text.yc-tabs-tab-type-text .yc-tabs-tab-title{position:relative;padding-left:9px;padding-right:9px}.yc-tabs-tab-type-line.yc-tabs-tab-type-text .yc-tabs-tab-title::after,.yc-tabs-tab-type-text.yc-tabs-tab-type-text .yc-tabs-tab-title::after{left:0;top:0;right:0;bottom:0}.yc-tabs-tab-type-line.yc-tabs-tab-type-line.yc-tabs-tab-vertical,.yc-tabs-tab-type-text.yc-tabs-tab-type-line.yc-tabs-tab-vertical{margin:0;padding:0 20px}.yc-tabs-tab-type-line.yc-tabs-tab-no-padding,.yc-tabs-tab-type-text.yc-tabs-tab-no-padding{margin-left:0}.yc-tabs-tab-type-line.yc-tabs-tab-no-padding.yc-tabs-tab-type-text,.yc-tabs-tab-type-text.yc-tabs-tab-no-padding.yc-tabs-tab-type-text{margin-left:0}.yc-tabs-tab-type-card,.yc-tabs-tab-type-card-gutter{padding:0 16px;border:1px solid var(--color-neutral-3);transition:padding .2s cubic-bezier(0, 0, 1, 1),color .2s cubic-bezier(0, 0, 1, 1)}.yc-tabs-tab-type-card.yc-tabs-tab:not(.yc-tabs-tab-disabled):not(.yc-tabs-tab-active):hover,.yc-tabs-tab-type-card-gutter.yc-tabs-tab:not(.yc-tabs-tab-disabled):not(.yc-tabs-tab-active):hover{background-color:var(--color-fill-3)}.yc-tabs-tab-type-card.yc-tabs-tab-type-card-gutter,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-type-card-gutter{background-color:var(--color-fill-1);border-radius:2px 2px 0 0}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:not(:first-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:not(:first-child){border-left:none}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:first-child,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:first-child{border-top-left-radius:2px}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:last-child,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-type-card:last-child{border-top-right-radius:2px}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-active,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-active{background-color:transparent;border-bottom-color:var(--color-bg-2)}.yc-tabs-tab-type-card.yc-tabs-tab-horizontal.yc-tabs-tab-active.yc-tabs-tab-bottom,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-horizontal.yc-tabs-tab-active.yc-tabs-tab-bottom{border-top-color:var(--color-bg-2);border-bottom-color:var(--color-neutral-3)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical{border-bottom:none}.yc-tabs-tab-type-card.yc-tabs-tab-vertical:not(:last-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical:not(:last-child){border-bottom:1px solid var(--color-neutral-3)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-type-card:not(:first-child),.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-type-card:not(:first-child){border-top:none}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-active,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-active{background-color:transparent;border-right-color:var(--color-bg-2)}.yc-tabs-tab-type-card.yc-tabs-tab-vertical.yc-tabs-tab-active.yc-tabs-tab-right,.yc-tabs-tab-type-card-gutter.yc-tabs-tab-vertical.yc-tabs-tab-active.yc-tabs-tab-right{border-right-color:var(--color-neutral-3);border-left-color:var(--color-bg-2)}.yc-tabs-tab-type-rounded{margin:0 6px;padding:0 16px;border-radius:32px}.yc-tabs-tab-type-rounded:not(.yc-tabs-tab-disabled):hover{background-color:var(--color-fill-2)}.yc-tabs-tab-type-rounded.yc-tabs-tab-active{background-color:var(--color-fill-2)}.yc-tabs-tab-type-capsule{padding:0 10px}.yc-tabs-tab-type-capsule:not(.yc-tabs-tab-disabled):hover{background-color:var(--color-bg-2)}.yc-tabs-tab-type-capsule.yc-tabs-tab-active{background-color:var(--color-bg-2)}.yc-tabs-tab-size-mini.yc-tabs-tab-type-line{font-size:12px;padding-top:6px;padding-bottom:6px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-card{font-size:12px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-card-gutter{font-size:12px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-capsule{font-size:12px;line-height:18px}.yc-tabs-tab-size-mini.yc-tabs-tab-type-rounded{font-size:12px;padding-top:3px;padding-bottom:3px}.yc-tabs-tab-size-small.yc-tabs-tab-type-line{font-size:14px;padding-top:6px;padding-bottom:6px}.yc-tabs-tab-size-small.yc-tabs-tab-type-card{font-size:14px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-small.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:1px;padding-bottom:1px}.yc-tabs-tab-size-small.yc-tabs-tab-type-capsule{font-size:14px;line-height:22px}.yc-tabs-tab-size-small.yc-tabs-tab-type-rounded{font-size:14px;padding-top:3px;padding-bottom:3px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-line{font-size:14px;padding-top:8px;padding-bottom:8px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-card{font-size:14px;padding-top:4px;padding-bottom:4px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:4px;padding-bottom:4px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-capsule{font-size:14px;line-height:26px}.yc-tabs-tab-size-medium.yc-tabs-tab-type-rounded{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-line{font-size:14px;padding-top:10px;padding-bottom:10px}.yc-tabs-tab-size-large.yc-tabs-tab-type-card{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-card-gutter{font-size:14px;padding-top:5px;padding-bottom:5px}.yc-tabs-tab-size-large.yc-tabs-tab-type-capsule{font-size:14px;line-height:30px}.yc-tabs-tab-size-large.yc-tabs-tab-type-rounded{font-size:14px;padding-top:7px;padding-bottom:7px}.yc-tabs-tab-disabled{cursor:not-allowed;background-color:transparent;color:var(--color-text-4)}.yc-tabs-tab-disabled.yc-tabs-tab-active{color:var(--color-primary-light-3)}.yc-icon-button{color:inherit}.yc-icon-button.yc-tabs-nav-button-left{margin:0 6px 0 10px}.yc-icon-button.yc-tabs-nav-button-right{margin:0 10px 0 6px}.yc-icon-button.yc-tabs-nav-button-up{margin-bottom:10px}.yc-icon-button.yc-tabs-nav-button-down{margin-top:10px}.yc-icon-button.yc-tabs-tab-close-button{user-select:none;color:inherit}.yc-icon-button.yc-tabs-nav-add-button{padding:0 8px}

package/es/Typography/TypographyBase.vue2.js

@@ -5,8 +5,8 @@ import { getDomText, sleep } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import _sfc_main$3 from "../_shared/icons/IconCopy.vue2.js";
-import _sfc_main$1 from "../_shared/icons/IconEdit.vue2.js";
+import _sfc_main$3 from "../_shared/icons/IconCopy.vue.js";
+import _sfc_main$1 from "../_shared/icons/IconEdit.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";
 import useControlValue from "../_shared/utils/control.js";
 import Input from "../Input/index.js";

package/es/_shared/components/IconButton.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./IconButton.vue3.js";
 /* empty css                */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0cd1d9af"]]);
+const IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd36f367"]]);
 export {
   IconButton as default
 };

package/es/_shared/components/IconButton.vue3.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, computed, toRefs, createElementBlock, openBlock, normalizeClass, renderSlot, createVNode, unref } from "vue";
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, unref } from "vue";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../utils/dom.js";
 import "../utils/time.js";
@@ -15,9 +15,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     preventFocus: { type: Boolean, default: true }
   },
   setup(__props) {
-    useCssVars((_ctx) => ({
-      "0c78ee6d": hoverSize.value
-    }));
     const props = __props;
     const { hoverSize: _hoverSize } = toRefs(props);
     const hoverSize = computed(() => valueToPx(_hoverSize.value));
@@ -30,12 +27,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "yc-icon-button-hoverable": _ctx.hoverable
           }
         ]),
+        style: normalizeStyle({
+          "--icon-btn-size": hoverSize.value
+        }),
         onMousedown: _cache[0] || (_cache[0] = (e) => _ctx.preventFocus && e.preventDefault())
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           createVNode(unref(_sfc_main$1), { size: _ctx.size }, null, 8, ["size"])
         ], true)
-      ], 34);
+      ], 38);
     };
   }
 });

package/es/_shared/icons/IconCopy.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconCopy.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconCopy",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconCopy.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconCopy",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconCopy.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconEdit.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconEdit.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconEdit",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconEdit.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconEdit",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "m30.48 19.038 5.733-5.734a1 1 0 0 0 0-1.414l-5.586-5.586a1 1 0 0 0-1.414 0l-5.734 5.734m7 7L15.763 33.754a1 1 0 0 1-.59.286l-6.048.708a1 1 0 0 1-1.113-1.069l.477-6.31a1 1 0 0 1 .29-.631l14.7-14.7m7 7-7-7M6 42h36" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconEdit.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconFullScreen.vue.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconFullScreen",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M42 17V9a1 1 0 0 0-1-1h-8M6 17V9a1 1 0 0 1 1-1h8m27 23v8a1 1 0 0 1-1 1h-8M6 31v8a1 1 0 0 0 1 1h8" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconFullScreen.vue2.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconFullScreen.vue2.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconFullScreen.vue.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconFullScreen",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M42 17V9a1 1 0 0 0-1-1h-8M6 17V9a1 1 0 0 1 1-1h8m27 23v8a1 1 0 0 1-1 1h-8M6 31v8a1 1 0 0 0 1 1h8" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };