sard 1.0.1 → 1.0.2

package/components/load-more/useLoadMore.js

@@ -1,5 +1,4 @@
 import { useIntersectionObserver } from "../../use/useIntersectionObserver.js";
-import "../../use/index.js";
 import { computed, ref, toValue, watch } from "vue";
 //#region packages/sard/components/load-more/useLoadMore.ts
 /**
@@ -19,20 +18,22 @@ function useLoadMore(options) {
 		status.value = "loading";
 		currentPage.value = page;
 		return currentPromise = options.request(page, isRefreshing.value).then((loaded) => {
+			isRefreshing.value = false;
 			status.value = loaded ? "complete" : "incomplete";
 			if (!loaded) setTimeout(() => {
 				if (status.value === "incomplete" && isIntersecting.value) onLoadMore();
 			}, 30);
 		}).catch(() => {
-			status.value = "error";
-		}).finally(() => {
 			isRefreshing.value = false;
+			status.value = "error";
 		});
 	};
 	const refresh = async () => {
 		if (!disabled.value) {
-			if (status.value !== "loading") isRefreshing.value = true;
-			return loadMoreFetch(1);
+			if (status.value !== "loading") {
+				isRefreshing.value = true;
+				return loadMoreFetch(1);
+			}
 		}
 	};
 	const onLoadMore = () => {
@@ -52,7 +53,9 @@ function useLoadMore(options) {
 		status,
 		isIntersecting
 	], () => {
-		if (!disabled.value && status.value === "incomplete" && isIntersecting.value) loadMoreFetch(firstTime ? currentPage.value + 1 : currentPage.value);
+		setTimeout(() => {
+			if (!disabled.value && status.value === "incomplete" && isIntersecting.value) loadMoreFetch(firstTime ? currentPage.value + 1 : currentPage.value);
+		}, 30);
 	});
 	return {
 		status,

package/components/loading/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import loading_default from "./loading.js";
 //#region packages/sard/components/loading/index.ts
 const Loading = enhanceComponent(loading_default);

package/components/loading/loading.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { isRenderVisible } from "../../utils/utils.js";
-import "../../utils/index.js";
 import { defaultLoadingProps } from "./common.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, useSlots } from "vue";
 //#region packages/sard/components/loading/loading.vue

package/components/marquee/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import marquee_default from "./marquee.js";
 //#region packages/sard/components/marquee/index.ts
 const Marquee = enhanceComponent(marquee_default);

package/components/marquee/marquee.js

@@ -1,8 +1,6 @@
 import { createBem } from "../../utils/bem.js";
 import { throttle } from "../../utils/utils.js";
 import { useResizeObserver } from "../../use/useResizeObserver.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import { defaultMarqueeProps } from "./common.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, useTemplateRef } from "vue";
 //#region packages/sard/components/marquee/marquee.vue

package/components/menu/context.js

@@ -1,5 +1,4 @@
 import { reactiveComputed } from "../../use/reactiveComputed.js";
-import "../../use/index.js";
 import { computed, inject, onMounted, onUnmounted, provide, reactive, toRef, useAttrs } from "vue";
 //#region packages/sard/components/menu/context.ts
 const menuContextKey = Symbol("menuContext");

package/components/menu/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import menu_default from "./menu.js";
 import menu_item_default from "./menu-item.js";
 //#region packages/sard/components/menu/index.ts

package/components/menu/menu-item.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { useMenuItem } from "./context.js";
 import { computed, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, onBeforeMount, onBeforeUpdate, openBlock, ref, renderSlot, toDisplayString, unref, useSlots } from "vue";
 //#region packages/sard/components/menu/menu-item.vue

package/components/menu/menu.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { defaultMenuProps } from "./common.js";
 import { useMenu } from "./context.js";
 import { computed, createElementBlock, defineComponent, mergeDefaults, normalizeClass, openBlock, renderSlot } from "vue";

package/components/motion/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import motion_default from "./motion.js";
 import { useMotioning } from "./useMotioning.js";
 //#region packages/sard/components/motion/index.ts

package/components/motion/motion.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { defaultMotionProps } from "./common.js";
 import { Transition, computed, createBlock, defineComponent, mergeDefaults, openBlock, renderSlot, withCtx } from "vue";
 //#region packages/sard/components/motion/motion.vue

package/components/navbar/index.css

@@ -1 +1 @@
-:root{--s-navbar-height:var(--s-content-height);--s-navbar-bg:var(--s-bg-color-container);--s-navbar-z-index:var(--s-z-index-secondary);--s-navbar-title-max-width:60%;--s-navbar-title-font-size:var(--s-font-size-lg);--s-navbar-title-color:var(--s-text-color-emphasis);--s-navbar-back-color:var(--s-text-color-secondary);--s-navbar-item-padding-x:var(--s-size-xs);--s-navbar-item-gap:var(--s-size-2xs);--s-navbar-item-font-size:var(--s-font-size-lg);--s-navbar-item-icon-size:var(--s-size-lg);--s-navbar-item-color:var(--s-color-primary);--s-navbar-item-opacity-active:var(--s-opacity-active);--s-navbar-start-gap:var(--s-size-2xs);--s-navbar-end-gap:var(--s-size-2xs)}.s-navbar{background:var(--s-navbar-bg)}.s-navbar--fixed{position:fixed;top:0;left:0;width:100%;z-index:var(--s-navbar-z-index)}.s-navbar__divider{margin:0 !important}.s-navbar__wrapper{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;height:var(--s-navbar-height)}.s-navbar__content{display:flex;align-items:center;justify-content:center;height:100%;flex:1;overflow:hidden}.s-navbar__title{display:block;width:100%;max-width:var(--s-navbar-title-max-width);font-size:var(--s-navbar-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center;color:var(--s-navbar-title-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-navbar__start,.s-navbar__end{position:absolute;top:0;bottom:0;z-index:2;flex:none;align-items:stretch;height:100%}.s-navbar__start{inset-inline-start:0;padding-inline-start:var(--s-navbar-start-gap)}.s-navbar__end{inset-inline-end:0;padding-inline-end:var(--s-navbar-end-gap)}.s-navbar--custom .s-navbar__content{flex-direction:column;align-items:stretch}.s-navbar--flow .s-navbar__title{max-width:100%;text-align:start}.s-navbar--flow .s-navbar__start,.s-navbar--flow .s-navbar__end{position:relative}.s-navbar__item{display:inline-flex;align-items:center;justify-content:center;height:100%;gap:var(--s-navbar-item-gap);padding:0 var(--s-navbar-item-padding-x);font-size:var(--s-navbar-item-font-size);color:var(--s-navbar-item-color);cursor:pointer;line-height:1}.s-navbar__item:active{opacity:var(--s-navbar-item-opacity-active)}.s-navbar__item .s-navbar__item-icon{font-size:var(--s-navbar-item-icon-size)}.s-navbar__item:is(.is-back){color:var(--s-navbar-back-color)}:root[dir=rtl] .s-navbar__item:is(.is-back) .s-navbar__item-icon{transform:rotateY(180deg)}.s-navbar--reverse{flex-direction:row-reverse}
+:root{--s-navbar-height:var(--s-content-height);--s-navbar-bg:var(--s-bg-color-container);--s-navbar-z-index:var(--s-z-index-secondary);--s-navbar-title-max-width:60%;--s-navbar-title-font-size:var(--s-font-size-lg);--s-navbar-title-color:var(--s-text-color-emphasis);--s-navbar-back-color:var(--s-text-color-secondary);--s-navbar-item-padding-x:var(--s-size-xs);--s-navbar-item-gap:var(--s-size-2xs);--s-navbar-item-font-size:var(--s-font-size-lg);--s-navbar-item-icon-size:var(--s-size-lg);--s-navbar-item-color:var(--s-color-primary);--s-navbar-item-opacity-active:var(--s-opacity-active);--s-navbar-start-gap:var(--s-size-2xs);--s-navbar-end-gap:var(--s-size-2xs)}.s-navbar{background:var(--s-navbar-bg)}.s-navbar--fixed{position:fixed;top:0;left:0;width:100%;z-index:var(--s-navbar-z-index)}.s-navbar__wrapper{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;height:var(--s-navbar-height)}.s-navbar__wrapper:is(.is-divider)::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:bottom center}.s-navbar__content{display:flex;align-items:center;justify-content:center;height:100%;flex:1;overflow:hidden}.s-navbar__title{display:block;width:100%;max-width:var(--s-navbar-title-max-width);font-size:var(--s-navbar-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center;color:var(--s-navbar-title-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-navbar__start,.s-navbar__end{position:absolute;top:0;bottom:0;z-index:2;flex:none;align-items:stretch;height:100%}.s-navbar__start{inset-inline-start:0;padding-inline-start:var(--s-navbar-start-gap)}.s-navbar__end{inset-inline-end:0;padding-inline-end:var(--s-navbar-end-gap)}.s-navbar--custom .s-navbar__content{flex-direction:column;align-items:stretch}.s-navbar--flow .s-navbar__title{max-width:100%;text-align:start}.s-navbar--flow .s-navbar__start,.s-navbar--flow .s-navbar__end{position:relative}.s-navbar__item{display:inline-flex;align-items:center;justify-content:center;height:100%;gap:var(--s-navbar-item-gap);padding:0 var(--s-navbar-item-padding-x);font-size:var(--s-navbar-item-font-size);color:var(--s-navbar-item-color);cursor:pointer;line-height:1}.s-navbar__item:active{opacity:var(--s-navbar-item-opacity-active)}.s-navbar__item .s-navbar__item-icon{font-size:var(--s-navbar-item-icon-size)}.s-navbar__item:is(.is-back){color:var(--s-navbar-back-color)}:root[dir=rtl] .s-navbar__item:is(.is-back) .s-navbar__item-icon{transform:rotateY(180deg)}.s-navbar--reverse{flex-direction:row-reverse}

package/components/navbar/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import navbar_item_default from "./navbar-item.js";
 import navbar_default from "./navbar.js";
 //#region packages/sard/components/navbar/index.ts

package/components/navbar/navbar-item.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, useSlots } from "vue";
 //#region packages/sard/components/navbar/navbar-item.vue
 var navbar_item_default = /*@__PURE__*/ defineComponent({

package/components/navbar/navbar.js

@@ -1,7 +1,5 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { windowInfo } from "../config/windowInfo.js";
-import divider_default from "../divider/divider.js";
 import navbar_item_default from "./navbar-item.js";
 import status_bar_default from "../status-bar/status-bar.js";
 import navbar_pit_default from "../navbar-pit/navbar-pit.js";
@@ -65,32 +63,25 @@ var navbar_default = /*@__PURE__*/ defineComponent({
 			];
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", mergeProps(_ctx.$attrs, { class: navbarClass.value }), [
-				__props.statusBar ? (openBlock(), createBlock(status_bar_default, { key: 0 })) : createCommentVNode("v-if", true),
-				createElementVNode("div", { class: normalizeClass(unref(bem).e("wrapper")) }, [
-					slots.start || __props.showBack ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						class: normalizeClass(unref(bem).e("start"))
-					}, [__props.showBack ? (openBlock(), createBlock(navbar_item_default, {
-						key: 0,
-						class: normalizeClass(unref(bem).is("back")),
-						onClick: onBack
-					}, {
-						icon: withCtx(() => [createVNode(unref(Left))]),
-						default: withCtx(() => [createTextVNode(" " + toDisplayString(__props.backText), 1)]),
-						_: 1
-					}, 8, ["class"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "start")], 2)) : createCommentVNode("v-if", true),
-					createElementVNode("div", { class: normalizeClass(unref(bem).e("content")) }, [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", { class: normalizeClass(unref(bem).e("title")) }, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)])], 2),
-					slots.end ? (openBlock(), createElementBlock("div", {
-						key: 1,
-						class: normalizeClass(unref(bem).e("end"))
-					}, [renderSlot(_ctx.$slots, "end")], 2)) : createCommentVNode("v-if", true)
-				], 2),
-				__props.showDivider ? (openBlock(), createBlock(divider_default, {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", mergeProps(_ctx.$attrs, { class: navbarClass.value }), [__props.statusBar ? (openBlock(), createBlock(status_bar_default, { key: 0 })) : createCommentVNode("v-if", true), createElementVNode("div", { class: normalizeClass([unref(bem).e("wrapper"), unref(bem).is("divider", __props.showDivider)]) }, [
+				slots.start || __props.showBack ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(bem).e("start"))
+				}, [__props.showBack ? (openBlock(), createBlock(navbar_item_default, {
+					key: 0,
+					class: normalizeClass(unref(bem).is("back")),
+					onClick: onBack
+				}, {
+					icon: withCtx(() => [createVNode(unref(Left))]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(__props.backText), 1)]),
+					_: 1
+				}, 8, ["class"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "start")], 2)) : createCommentVNode("v-if", true),
+				createElementVNode("div", { class: normalizeClass(unref(bem).e("content")) }, [renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", { class: normalizeClass(unref(bem).e("title")) }, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)])], 2),
+				slots.end ? (openBlock(), createElementBlock("div", {
 					key: 1,
-					class: normalizeClass(unref(bem).e("divider"))
-				}, null, 8, ["class"])) : createCommentVNode("v-if", true)
-			], 16), __props.fixed ? (openBlock(), createBlock(navbar_pit_default, {
+					class: normalizeClass(unref(bem).e("end"))
+				}, [renderSlot(_ctx.$slots, "end")], 2)) : createCommentVNode("v-if", true)
+			], 2)], 16), __props.fixed ? (openBlock(), createBlock(navbar_pit_default, {
 				key: 0,
 				"status-bar": __props.statusBar
 			}, null, 8, ["status-bar"])) : createCommentVNode("v-if", true)], 64);

package/components/navbar-pit/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import navbar_pit_default from "./navbar-pit.js";
 //#region packages/sard/components/navbar-pit/index.ts
 const NavbarPit = enhanceComponent(navbar_pit_default);

package/components/navbar-pit/navbar-pit.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import status_bar_default from "../status-bar/status-bar.js";
 import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
 //#region packages/sard/components/navbar-pit/navbar-pit.vue

package/components/notice-bar/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import notice_bar_default from "./notice-bar.js";
 //#region packages/sard/components/notice-bar/index.ts
 const NoticeBar = enhanceComponent(notice_bar_default);

package/components/notice-bar/notice-bar.js

@@ -1,8 +1,6 @@
 import { createBem } from "../../utils/bem.js";
 import { throttle } from "../../utils/utils.js";
 import { useResizeObserver } from "../../use/useResizeObserver.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import { defaultNoticeBarProps } from "./common.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, useTemplateRef } from "vue";
 import { Close, Right, VolumeUp } from "@sard/icons";

package/components/notify/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import notify_default from "./notify.js";
 import { createNotify, notify } from "./imperative.js";
 //#region packages/sard/components/notify/index.ts

package/components/notify/notify.js

@@ -1,7 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { useTimeout } from "../../use/useTimeout.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import popup_default from "../popup/popup.js";
 import status_bar_default from "../status-bar/status-bar.js";
 import { defaultNotifyProps } from "./common.js";

package/components/overlay/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import overlay_default from "./overlay.js";
 //#region packages/sard/components/overlay/index.ts
 const Overlay = enhanceComponent(overlay_default);

package/components/overlay/overlay.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { defaultOverlayProps } from "./common.js";
 import motion_default from "../motion/motion.js";
 import { computed, createBlock, createElementVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, vShow, withCtx, withDirectives, withModifiers } from "vue";

package/components/pagination/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import pagination_default from "./pagination.js";
 //#region packages/sard/components/pagination/index.ts
 const Pagination = enhanceComponent(pagination_default);

package/components/pagination/pagination.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { clamp } from "../../utils/number.js";
-import "../../utils/index.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
 import { defaultPaginationProps, getPageRange } from "./common.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeDefaults, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, watch } from "vue";

package/components/password-input/index.css

@@ -1 +1 @@
-:root{--s-password-input-gap:10px;--s-password-input-border-color:var(--s-border-color);--s-password-input-radius:var(--s-border-radius);--s-password-input-border-color-active:var(--s-color-primary);--s-password-input-height:var(--s-content-height-lg);--s-password-input-ciphertext-size:10px;--s-password-input-ciphertext-bg:var(--s-text-color-primary);--s-password-input-plaintext-font-size:20px;--s-password-input-cursor-width:1px;--s-password-input-cursor-height:20px;--s-password-input-cursor-color:var(--s-text-color-primary)}.s-password-input{position:relative;display:flex;align-items:center;justify-content:center;height:var(--s-password-input-height);gap:var(--s-password-input-gap);-webkit-user-select:none;user-select:none}.s-password-input__item{position:relative;display:flex;align-items:center;justify-content:center;flex:1;height:100%}.s-password-input__plaintext{font-size:var(--s-password-input-plaintext-font-size)}.s-password-input__ciphertext{width:var(--s-password-input-ciphertext-size);height:var(--s-password-input-ciphertext-size);border-radius:var(--s-border-radius-full);background:var(--s-password-input-ciphertext-bg)}.s-password-input__cursor{width:var(--s-password-input-cursor-width);height:var(--s-password-input-cursor-height);background:var(--s-password-input-cursor-color);animation:1s s-password-input-cursor-flicker infinite}@keyframes s-password-input-cursor-flicker{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.s-password-input__input-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;overflow:hidden}.s-password-input__input{position:absolute;top:0;left:-100%;width:200%;height:100%;margin:0;padding:0;border:0;opacity:0}.s-password-input--bordered .s-password-input__item{border-radius:var(--s-password-input-radius)}.s-password-input--bordered .s-password-input__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-color:var(--s-password-input-border-color);border-radius:calc(var(--s-password-input-radius)*2)}.s-password-input--underlined .s-password-input__item::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-password-input-border-color);transform-origin:bottom center}.s-password-input--tight-bordered .s-password-input__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-color:var(--s-password-input-border-color);border-inline-start-color:rgba(0,0,0,0)}.s-password-input--tight-bordered .s-password-input__item:first-child::after{border-inline-start-color:var(--s-password-input-border-color)}.s-password-input--bordered .s-password-input__item--active::after,.s-password-input--underlined .s-password-input__item--active::after,.s-password-input--tight-bordered .s-password-input__item--active::after{border-color:var(--s-password-input-border-color-active)}.s-password-input--tight-bordered .s-password-input__item--active:first-child::after{border-inline-start-color:var(--s-password-input-border-color-active)}.s-password-input--disabled{color:var(--s-text-color-disabled)}.s-password-input--disabled .s-password-input__item{background:var(--s-bg-color-disabled)}.s-password-input--disabled .s-password-input__ciphertext{background:var(--s-text-color-disabled)}
+:root{--s-password-input-gap:10px;--s-password-input-border-color:var(--s-border-color);--s-password-input-border-radius:var(--s-border-radius);--s-password-input-border-color-active:var(--s-color-primary);--s-password-input-height:var(--s-content-height-lg);--s-password-input-ciphertext-size:10px;--s-password-input-ciphertext-bg:var(--s-text-color-primary);--s-password-input-plaintext-font-size:20px;--s-password-input-cursor-width:1px;--s-password-input-cursor-height:20px;--s-password-input-cursor-color:var(--s-text-color-primary)}.s-password-input{position:relative;display:flex;align-items:center;justify-content:center;height:var(--s-password-input-height);gap:var(--s-password-input-gap);-webkit-user-select:none;user-select:none}.s-password-input__item{position:relative;display:flex;align-items:center;justify-content:center;flex:1;height:100%}.s-password-input__plaintext{font-size:var(--s-password-input-plaintext-font-size)}.s-password-input__ciphertext{width:var(--s-password-input-ciphertext-size);height:var(--s-password-input-ciphertext-size);border-radius:var(--s-border-radius-full);background:var(--s-password-input-ciphertext-bg)}.s-password-input__cursor{width:var(--s-password-input-cursor-width);height:var(--s-password-input-cursor-height);background:var(--s-password-input-cursor-color);animation:1s s-password-input-cursor-flicker infinite}@keyframes s-password-input-cursor-flicker{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.s-password-input__input-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;overflow:hidden}.s-password-input__input{position:absolute;top:0;left:-100%;width:200%;height:100%;margin:0;padding:0;border:0;opacity:0}.s-password-input--bordered .s-password-input__item{border-radius:var(--s-password-input-border-radius)}.s-password-input--bordered .s-password-input__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-color:var(--s-password-input-border-color);border-radius:calc(var(--s-password-input-border-radius)*2)}.s-password-input--underlined .s-password-input__item::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-password-input-border-color);transform-origin:bottom center}.s-password-input--tight-bordered .s-password-input__item::after{position:absolute;top:0;left:0;z-index:1;width:200%;height:200%;border:var(--s-border-width) var(--s-border-style) rgba(0,0,0,0);transform:scale(0.5);transform-origin:0 0;pointer-events:none;touch-action:none;content:"";border-color:var(--s-password-input-border-color);border-inline-start-color:rgba(0,0,0,0)}.s-password-input--tight-bordered .s-password-input__item:first-child::after{border-inline-start-color:var(--s-password-input-border-color)}.s-password-input--bordered .s-password-input__item--active::after,.s-password-input--underlined .s-password-input__item--active::after,.s-password-input--tight-bordered .s-password-input__item--active::after{border-color:var(--s-password-input-border-color-active)}.s-password-input--tight-bordered .s-password-input__item--active:first-child::after{border-inline-start-color:var(--s-password-input-border-color-active)}.s-password-input--disabled{color:var(--s-text-color-disabled)}.s-password-input--disabled .s-password-input__item{background:var(--s-bg-color-disabled)}.s-password-input--disabled .s-password-input__ciphertext{background:var(--s-text-color-disabled)}

package/components/password-input/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import password_input_default from "./password-input.js";
 //#region packages/sard/components/password-input/index.ts
 const PasswordInput = enhanceComponent(password_input_default);

package/components/password-input/password-input.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { isNullish } from "../../utils/is.js";
-import "../../utils/index.js";
 import { useFormContext, useFormItemContext } from "../form/common.js";
 import { defaultPasswordInputProps } from "./common.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeDefaults, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, toDisplayString, unref, useTemplateRef, watch } from "vue";

package/components/picker/index.css

@@ -1 +1 @@
-:root{--s-picker-item-font-size:var(--s-font-size-lg);--s-picker-item-color:var(--s-text-color-primary)}.s-picker__item{line-height:var(--s-picker-view-indicator-height);font-size:var(--s-picker-item-font-size);color:var(--s-picker-item-color);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.s-picker__item{line-height:var(--s-picker-view-indicator-height);font-size:var(--s-picker-view-font-size);color:var(--s-picker-view-color);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

package/components/picker/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import picker_default from "./picker.js";
 //#region packages/sard/components/picker/index.ts
 const Picker = enhanceComponent(picker_default);

package/components/picker/picker.js

@@ -4,8 +4,6 @@ import { isEmptyBinding } from "../../utils/utils.js";
 import { nestedToMulti } from "../../utils/object.js";
 import { arrayEqual, toArray } from "../../utils/array.js";
 import { useOptionKeys } from "../../use/useOptionKeys.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import { defaultPickerProps, getCascaderValidIndexes, getColumnsType, getIndexesByValue, getMaySingleValueByOptions, getOptionsByIndexes } from "./common.js";
 import picker_view_default from "../picker-view/picker-view.js";
 import picker_view_column_default from "../picker-view/picker-view-column.js";

package/components/picker-input/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import picker_input_default from "./picker-input.js";
 //#region packages/sard/components/picker-input/index.ts
 const PickerInput = enhanceComponent(picker_input_default);

package/components/picker-input/picker-input.js

@@ -2,8 +2,6 @@ import { isEmptyArray } from "../../utils/is.js";
 import { isEmptyBinding } from "../../utils/utils.js";
 import { toArray } from "../../utils/array.js";
 import { useOptionKeys } from "../../use/useOptionKeys.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import { getIndexesByValue, getOptionsByIndexes } from "../picker/common.js";
 import popout_input_default from "../popout-input/popout-input.js";
 import { partitionPopoutInputProps, usePopoutInput } from "../popout-input/usePopoutInput.js";

package/components/picker-popout/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import picker_popout_default from "./picker-popout.js";
 //#region packages/sard/components/picker-popout/index.ts
 const PickerPopout = enhanceComponent(picker_popout_default);

package/components/picker-popout/picker-popout.js

@@ -1,8 +1,6 @@
 import { isEmptyArray } from "../../utils/is.js";
 import { isEmptyBinding } from "../../utils/utils.js";
 import { useOptionKeys } from "../../use/useOptionKeys.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import popout_default from "../popout/popout.js";
 import { getInitialValue } from "../picker/common.js";
 import picker_default from "../picker/picker.js";

package/components/picker-view/index.css

@@ -1 +1 @@
-:root{--s-picker-view-height:240px;--s-picker-item-font-size:var(--s-font-size-lg);--s-picker-item-color:var(--s-text-color-primary);--s-picker-view-indicator-height:var(--s-content-height-lg);--s-picker-view-indicator-border-color:var(--s-border-color);--s-picker-view-mask-bg-image:linear-gradient(to bottom, rgba(var(--s-bg-color-elevated-rgb), 0.95), rgba(var(--s-bg-color-elevated-rgb), 0.6)),linear-gradient(to top, rgba(var(--s-bg-color-elevated-rgb), 0.95), rgba(var(--s-bg-color-elevated-rgb), 0.6))}.s-picker-view{height:var(--s-picker-view-height);-webkit-user-select:none;user-select:none;touch-action:none}.s-picker-view__wrapper{display:flex;position:relative;overflow:hidden;height:100%}.s-picker-view-column{flex:1;position:relative;height:100%;overflow:hidden}.s-picker-view-column__group{height:100%;overflow:hidden}.s-picker-view-column__indicator,.s-picker-view-column__mask{position:absolute;left:0;width:100%;z-index:3;pointer-events:none}.s-picker-view-column__mask{top:0;height:100%;margin:0 auto;background-image:var(--s-picker-view-mask-bg-image);background-position:top,bottom;background-size:100% 102px;background-repeat:no-repeat;transform:translateZ(0)}.s-picker-view-column__indicator{height:var(--s-picker-view-indicator-height);top:50%;transform:translateY(-50%)}.s-picker-view-column__indicator::before,.s-picker-view-column__indicator::after{content:" ";position:absolute;left:0;right:0;height:1px}.s-picker-view-column__indicator::before{top:0;border-top:1px solid var(--s-picker-view-indicator-border-color);transform-origin:0 0;transform:scaleY(0.5)}.s-picker-view-column__indicator::after{bottom:0;border-bottom:1px solid var(--s-picker-view-indicator-border-color);transform-origin:0 100%;transform:scaleY(0.5)}.s-picker-view-column__content{position:absolute;top:0;left:0;width:100%;will-change:transform;padding:102px 0;cursor:pointer}.s-picker-view-column__content>*{height:var(--picker-view-indicator-height);overflow:hidden}
+:root{--s-picker-view-height:240px;--s-picker-view-font-size:var(--s-font-size-lg);--s-picker-view-color:var(--s-text-color-primary);--s-picker-view-indicator-height:var(--s-content-height-lg);--s-picker-view-indicator-border-color:var(--s-border-color);--s-picker-view-mask-bg-image:linear-gradient(to bottom, rgba(var(--s-bg-color-elevated-rgb), 0.95), rgba(var(--s-bg-color-elevated-rgb), 0.6)),linear-gradient(to top, rgba(var(--s-bg-color-elevated-rgb), 0.95), rgba(var(--s-bg-color-elevated-rgb), 0.6))}.s-picker-view{height:var(--s-picker-view-height);-webkit-user-select:none;user-select:none;touch-action:none}.s-picker-view__wrapper{display:flex;position:relative;overflow:hidden;height:100%}.s-picker-view-column{flex:1;position:relative;height:100%;overflow:hidden}.s-picker-view-column__group{height:100%;overflow:hidden}.s-picker-view-column__indicator,.s-picker-view-column__mask{position:absolute;left:0;width:100%;z-index:3;pointer-events:none}.s-picker-view-column__mask{top:0;height:100%;margin:0 auto;background-image:var(--s-picker-view-mask-bg-image);background-position:top,bottom;background-size:100% 102px;background-repeat:no-repeat;transform:translateZ(0)}.s-picker-view-column__indicator{height:var(--s-picker-view-indicator-height);top:50%;transform:translateY(-50%)}.s-picker-view-column__indicator::before,.s-picker-view-column__indicator::after{content:" ";position:absolute;left:0;right:0;height:1px}.s-picker-view-column__indicator::before{top:0;border-top:1px solid var(--s-picker-view-indicator-border-color);transform-origin:0 0;transform:scaleY(0.5)}.s-picker-view-column__indicator::after{bottom:0;border-bottom:1px solid var(--s-picker-view-indicator-border-color);transform-origin:0 100%;transform:scaleY(0.5)}.s-picker-view-column__content{position:absolute;top:0;left:0;width:100%;will-change:transform;padding:102px 0;cursor:pointer}.s-picker-view-column__content>*{height:var(--picker-view-indicator-height);overflow:hidden}

package/components/picker-view/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import picker_view_default from "./picker-view.js";
 import picker_view_column_default from "./picker-view-column.js";
 //#region packages/sard/components/picker-view/index.ts

package/components/picker-view/picker-view-column.js

@@ -5,9 +5,7 @@ import { Friction } from "../../utils/scroller/Friction.js";
 import { Spring } from "../../utils/scroller/Spring.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
 import { useResizeObserver } from "../../use/useResizeObserver.js";
-import "../../use/index.js";
 import { useScroller } from "../../utils/scroller/useScroller.js";
-import "../../utils/index.js";
 import { pickerViewContextKey } from "./common.js";
 import { computed, createVNode, getCurrentInstance, inject, nextTick, onMounted, ref, useTemplateRef, watch } from "vue";
 //#region packages/sard/components/picker-view/picker-view-column.tsx

package/components/picker-view/picker-view.js

@@ -2,8 +2,6 @@ import { createBem } from "../../utils/bem.js";
 import { flatVNode } from "../../utils/vnode.js";
 import { defineSetupFnComponent } from "../../utils/component.js";
 import { useResizeObserver } from "../../use/useResizeObserver.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import { pickerViewContextKey, pickerViewProps } from "./common.js";
 import { computed, createVNode, provide, reactive, ref, toRef, useTemplateRef, watch } from "vue";
 //#region packages/sard/components/picker-view/picker-view.tsx

package/components/popout/index.css

@@ -1 +1 @@
-:root{--s-popout-border-radius:var(--s-border-radius-xl);--s-popout-bg:var(--s-bg-color-elevated);--s-popout-close-padding:var(--s-size);--s-popout-close-font-size:var(--s-font-size-lg);--s-popout-close-color:var(--s-text-color-secondary);--s-popout-header-compact-height:var(--s-content-height);--s-popout-header-loose-height:var(--s-content-height);--s-popout-header-loose-padding-x:60px;--s-popout-title-font-size:var(--s-font-size-lg);--s-popout-title-color:var(--s-text-color-emphasis);--s-popout-footer-gap-y:var(--s-content-padding-y);--s-popout-footer-gap-x:var(--s-content-padding-x);--s-popout-button-gap:var(--s-size)}.s-popout{max-height:100%;padding-bottom:var(--s-safe-bottom);border-top-left-radius:var(--s-popout-border-radius);border-top-right-radius:var(--s-popout-border-radius);background:var(--s-popout-bg)}.s-popout--divided{box-shadow:var(--s-box-shadow)}.s-popout__header{position:relative;display:flex;align-items:center}.s-popout__header--compact{height:var(--s-popout-header-compact-height)}.s-popout__header--loose{height:var(--s-popout-header-loose-height);padding-inline-start:var(--s-popout-header-loose-padding-x);padding-inline-end:var(--s-popout-header-loose-padding-x)}.s-popout__button-wrap{position:relative;display:flex;flex-direction:column;z-index:1;height:100%}.s-popout__button-wrap--end{margin-inline-start:auto}.s-popout__title{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;width:70%;height:100%;margin-inline-start:auto;margin-inline-end:auto;text-align:center;font-size:var(--s-popout-title-font-size);font-weight:var(--s-font-weight-bold);color:var(--s-popout-title-color);overflow:hidden}.s-popout__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-popout__close{position:absolute;top:0;inset-inline-end:0;height:100%;border-width:0;font-size:var(--s-popout-close-font-size);color:var(--s-popout-close-color)}.s-popout__footer{display:flex;align-items:center;gap:var(--s-popout-button-gap);padding:var(--s-popout-footer-gap-y) var(--s-popout-footer-gap-x)}.s-popout__footer-button{flex:1 1 0}
+:root{--s-popout-border-radius:var(--s-border-radius-xl);--s-popout-bg:var(--s-bg-color-elevated);--s-popout-close-padding:var(--s-size);--s-popout-close-font-size:var(--s-font-size-lg);--s-popout-close-color:var(--s-text-color-secondary);--s-popout-header-compact-height:var(--s-content-height);--s-popout-header-loose-height:var(--s-content-height);--s-popout-header-loose-padding-x:60px;--s-popout-title-font-size:var(--s-font-size-lg);--s-popout-title-color:var(--s-text-color-emphasis);--s-popout-footer-padding-y:var(--s-content-padding-y);--s-popout-footer-padding-x:var(--s-content-padding-x);--s-popout-button-gap:var(--s-size)}.s-popout{max-height:100%;padding-bottom:var(--s-safe-bottom);border-top-left-radius:var(--s-popout-border-radius);border-top-right-radius:var(--s-popout-border-radius);background:var(--s-popout-bg)}.s-popout--divided{box-shadow:var(--s-box-shadow)}.s-popout__header{position:relative;display:flex;align-items:center}.s-popout__header--compact{height:var(--s-popout-header-compact-height)}.s-popout__header--loose{height:var(--s-popout-header-loose-height);padding-inline-start:var(--s-popout-header-loose-padding-x);padding-inline-end:var(--s-popout-header-loose-padding-x)}.s-popout__button-wrap{position:relative;display:flex;flex-direction:column;z-index:1;height:100%}.s-popout__button-wrap--end{margin-inline-start:auto}.s-popout__title{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;width:70%;height:100%;margin-inline-start:auto;margin-inline-end:auto;text-align:center;font-size:var(--s-popout-title-font-size);font-weight:var(--s-font-weight-bold);color:var(--s-popout-title-color);overflow:hidden}.s-popout__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-popout__close{position:absolute;top:0;inset-inline-end:0;height:100%;border-width:0;font-size:var(--s-popout-close-font-size);color:var(--s-popout-close-color)}.s-popout__footer{display:flex;align-items:center;gap:var(--s-popout-button-gap);padding:var(--s-popout-footer-padding-y) var(--s-popout-footer-padding-x)}.s-popout__footer-button{flex:1 1 0}

package/components/popout/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import popout_default from "./popout.js";
 import { omitFormPopoutProps, useFormPopout } from "./useFormPopout.js";
 //#region packages/sard/components/popout/index.ts

package/components/popout/popout.js

@@ -2,7 +2,6 @@ import { createBem } from "../../utils/bem.js";
 import { isBoolean, isFunction } from "../../utils/is.js";
 import { noop } from "../../utils/utils.js";
 import { usePopupVisibleHookProvide } from "../popup/common.js";
-import "../../utils/index.js";
 import popup_default from "../popup/popup.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
 import button_default from "../button/button.js";

package/components/popout/useFormPopout.js

@@ -1,5 +1,4 @@
 import { omit } from "../../utils/object.js";
-import "../../utils/index.js";
 import { useFormItemContext } from "../form/common.js";
 import { computed, ref, useModel, watch } from "vue";
 //#region packages/sard/components/popout/useFormPopout.ts

package/components/popout-input/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import popout_input_default from "./popout-input.js";
 import { partitionPopoutInputProps, usePopoutInput } from "./usePopoutInput.js";
 //#region packages/sard/components/popout-input/index.ts

package/components/popout-input/popout-input.js

@@ -1,7 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import loading_default from "../loading/loading.js";
 import { useFormContext } from "../form/common.js";
 import input_default from "../input/input.js";

package/components/popout-input/usePopoutInput.js

@@ -1,5 +1,4 @@
 import { partition } from "../../utils/object.js";
-import "../../utils/index.js";
 import { computed, ref, useModel, watch } from "vue";
 //#region packages/sard/components/popout-input/usePopoutInput.ts
 const popoutInputKeys = [

package/components/popover/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import popover_default from "./popover.js";
 //#region packages/sard/components/popover/index.ts
 const Popover = enhanceComponent(popover_default);

package/components/popover/popover.js

@@ -3,8 +3,6 @@ import { OnlyChild } from "../../utils/vnode.js";
 import { useZIndex } from "../../use/useZIndex.js";
 import { usePopper } from "../../use/usePopper.js";
 import { useClickOutside } from "../../use/useClickOutside.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import motion_default from "../motion/motion.js";
 import { defaultPopoverProps } from "./common.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeDefaults, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, shallowRef, unref, useAttrs, useModel, useSlots, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";

package/components/popup/index.js

@@ -1,6 +1,5 @@
 import { enhanceComponent } from "../../utils/component.js";
 import { useInPopup, usePopupEnter, usePopupVisibleHookProvide } from "./common.js";
-import "../../utils/index.js";
 import popup_default from "./popup.js";
 //#region packages/sard/components/popup/index.ts
 const Popup = enhanceComponent(popup_default);

package/components/popup/popup.js

@@ -2,8 +2,6 @@ import { createBem } from "../../utils/bem.js";
 import { useZIndex } from "../../use/useZIndex.js";
 import { defaultPopupProps, mapEffectMotion, usePopupVisibleHookProvide } from "./common.js";
 import { useLockScroll } from "../../use/useLockScroll.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import motion_default from "../motion/motion.js";
 import overlay_default from "../overlay/overlay.js";
 import { Teleport, computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeDefaults, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, vShow, withCtx, withDirectives } from "vue";

package/components/preview-image/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import preview_image_default from "./preview-image.js";
 import { createPreviewImage, previewImage } from "./imperative.js";
 //#region packages/sard/components/preview-image/index.ts

package/components/preview-image/preview-image-item.js

@@ -5,8 +5,6 @@ import { createInertialAnimate } from "../../utils/inertialAnimate.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
 import { useSimulatedDblClick } from "../../use/useSimulatedDblClick.js";
 import { useDragPinch } from "../../use/useDragPinch.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import { previewImageContextKey } from "./common.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, unref, watch, withModifiers } from "vue";
 //#region packages/sard/components/preview-image/preview-image-item.vue

package/components/preview-image/preview-image.js

@@ -3,8 +3,6 @@ import { clamp } from "../../utils/number.js";
 import { useTimeout } from "../../use/useTimeout.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
 import { useInitialVelocity } from "../../use/useInitialVelocity.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import popup_default from "../popup/popup.js";
 import { defaultPreviewImageProps, previewImageContextKey } from "./common.js";
 import swiper_default from "../swiper/swiper.js";

package/components/progress-bar/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import progress_bar_default from "./progress-bar.js";
 //#region packages/sard/components/progress-bar/index.ts
 const ProgressBar = enhanceComponent(progress_bar_default);

package/components/progress-bar/progress-bar.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { defaultProgressBarProps } from "./common.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref } from "vue";
 import { CheckCircleFill, WarningFill, XCircleFill } from "@sard/icons";

package/components/progress-circle/index.css

@@ -1 +1 @@
-:root{--s-progress-circle-size:100px;--s-progress-circle-track-color:var(--s-fill-color-secondary);--s-progress-circle-fill-color:var(--s-color-primary);--s-progress-circle-text-font-size:var(--s-font-size);--s-progress-circle-status-font-size:18px;--s-progress-circle-color-success:var(--s-color-success);--s-progress-circle-color-warning:var(--s-color-warning);--s-progress-circle-color-error:var(--s-color-danger)}.s-progress-circle{position:relative;display:inline-flex;justify-content:center;align-items:center;width:var(--s-progress-circle-size);height:var(--s-progress-circle-size)}.s-progress-circle__graph{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.s-progress-circle__track{stroke:var(--s-progress-circle-track-color)}.s-progress-circle__fill{stroke:var(--s-progress-circle-fill-color);transition:stroke-dasharray var(--s-duration) ease}.s-progress-circle__text{font-size:var(--s-progress-circle-text-font-size)}.s-progress-circle__status{font-size:var(--s-progress-circle-status-font-size)}.s-progress-circle--success .s-progress-circle__fill{stroke:var(--s-progress-circle-color-success)}.s-progress-circle--success .s-progress-circle__status{color:var(--s-progress-circle-color-success)}.s-progress-circle--warning .s-progress-circle__fill{stroke:var(--s-progress-circle-color-warning)}.s-progress-circle--warning .s-progress-circle__status{color:var(--s-progress-circle-color-warning)}.s-progress-circle--error .s-progress-circle__fill{stroke:var(--s-progress-circle-color-error)}.s-progress-circle--error .s-progress-circle__status{color:var(--s-progress-circle-color-error)}
+:root{--s-progress-circle-size:100px;--s-progress-circle-track-bg:var(--s-fill-color-secondary);--s-progress-circle-fill-bg:var(--s-color-primary);--s-progress-circle-text-font-size:var(--s-font-size);--s-progress-circle-status-font-size:18px;--s-progress-circle-color-success:var(--s-color-success);--s-progress-circle-color-warning:var(--s-color-warning);--s-progress-circle-color-error:var(--s-color-danger)}.s-progress-circle{position:relative;display:inline-flex;justify-content:center;align-items:center;width:var(--s-progress-circle-size);height:var(--s-progress-circle-size)}.s-progress-circle__graph{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.s-progress-circle__track{stroke:var(--s-progress-circle-track-bg)}.s-progress-circle__fill{stroke:var(--s-progress-circle-fill-bg);transition:stroke-dasharray var(--s-duration) ease}.s-progress-circle__text{font-size:var(--s-progress-circle-text-font-size)}.s-progress-circle__status{font-size:var(--s-progress-circle-status-font-size)}.s-progress-circle--success .s-progress-circle__fill{stroke:var(--s-progress-circle-color-success)}.s-progress-circle--success .s-progress-circle__status{color:var(--s-progress-circle-color-success)}.s-progress-circle--warning .s-progress-circle__fill{stroke:var(--s-progress-circle-color-warning)}.s-progress-circle--warning .s-progress-circle__status{color:var(--s-progress-circle-color-warning)}.s-progress-circle--error .s-progress-circle__fill{stroke:var(--s-progress-circle-color-error)}.s-progress-circle--error .s-progress-circle__status{color:var(--s-progress-circle-color-error)}

package/components/progress-circle/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import progress_circle_default from "./progress-circle.js";
 //#region packages/sard/components/progress-circle/index.ts
 const ProgressCircle = enhanceComponent(progress_circle_default);

package/components/progress-circle/progress-circle.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { defaultProgressCircleProps } from "./common.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref } from "vue";
 import { CheckCircleFill, WarningFill, XCircleFill } from "@sard/icons";