sard 1.0.1 → 1.0.2

package/README.md

@@ -61,7 +61,7 @@ git clone https://github.com/sutras/sard.git
 ### 安装依赖
 
 ```bash
-npm install
+pnpm install
 ```
 
 ### 运行开发环境
@@ -125,8 +125,8 @@ npm run publish
 6. 给提交打标签 `npm run tag`
 7. 生成 changelog `npm run changelog`
 8. 暂存、提交 changelog `git commit -a -m 'chore: changelog'`
-9. 打包组件库 `npm run build`
-10. 发布到 npm `npm run publish`
+9. 打包组件库 `npm run build:sard`
+10. 发布到 npm `npm run publish:sard`
 11. 推送代码和标签 `npm run push`
 12. 打包文档 `npm run build:site`
 13. 部署文档 `npm run deploy`

package/all-components.js

@@ -47,6 +47,7 @@ import { FormItemPlain, FormPlain } from "./components/form-plain/index.js";
 import { Grid, GridItem } from "./components/grid/index.js";
 import { Image } from "./components/image/index.js";
 import { Indexes, IndexesAnchor, IndexesNav } from "./components/indexes/index.js";
+import { InfiniteList } from "./components/infinite-list/index.js";
 import { Input } from "./components/input/index.js";
 import { Keyboard } from "./components/keyboard/index.js";
 import { KeyboardPopout } from "./components/keyboard-popout/index.js";
@@ -118,7 +119,6 @@ import { Tree, TreeBranch, TreeNode } from "./components/tree/index.js";
 import { Upload, UploadPreview } from "./components/upload/index.js";
 import { Waterfall, WaterfallItem, WaterfallLoad } from "./components/waterfall/index.js";
 import { Watermark } from "./components/watermark/index.js";
-import "./components/index.js";
 //#region packages/sard/all-components.ts
 var all_components_default = {
 	Accordion,
@@ -185,6 +185,7 @@ var all_components_default = {
 	Indexes,
 	IndexesAnchor,
 	IndexesNav,
+	InfiniteList,
 	Input,
 	Keyboard,
 	KeyboardPopout,

package/components/accordion/accordion-item.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { isNullish } from "../../utils/is.js";
-import "../../utils/index.js";
 import { accordionContextKey } from "./common.js";
 import collapse_default from "../collapse/collapse.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";

package/components/accordion/accordion.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { accordionContextKey, defaultAccordionProps } from "./common.js";
 import { computed, createElementBlock, defineComponent, mergeDefaults, normalizeClass, openBlock, provide, reactive, ref, renderSlot, toRef, watch } from "vue";
 //#region packages/sard/components/accordion/accordion.vue

package/components/accordion/index.js

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

package/components/action-sheet/action-sheet-item.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import loading_default from "../loading/loading.js";
 import { useActionSheetItem } from "./context.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
@@ -7,10 +6,6 @@ import { Fragment, computed, createCommentVNode, createElementBlock, createEleme
 var action_sheet_item_default = /*@__PURE__*/ defineComponent({
 	__name: "action-sheet-item",
 	props: {
-		name: {
-			type: String,
-			required: false
-		},
 		label: {
 			type: String,
 			required: false
@@ -63,7 +58,7 @@ var action_sheet_item_default = /*@__PURE__*/ defineComponent({
 				]),
 				style: normalizeStyle(itemStyle.value),
 				onClick
-			}, [!props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", { class: normalizeClass(unref(bem).e("item-name")) }, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label || props.name), 1)])], 2), props.description || slots.description ? (openBlock(), createElementBlock("div", {
+			}, [!props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", { class: normalizeClass(unref(bem).e("item-label")) }, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])], 2), props.description || slots.description ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(unref(bem).e("item-description"))
 			}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 2)) : createCommentVNode("v-if", true)], 64))], 64)) : (openBlock(), createElementBlock("div", {

package/components/action-sheet/action-sheet.js

@@ -1,7 +1,6 @@
 import { createBem } from "../../utils/bem.js";
 import { isFunction } from "../../utils/is.js";
 import { noop } from "../../utils/utils.js";
-import "../../utils/index.js";
 import popup_default from "../popup/popup.js";
 import { useActionSheet } from "./context.js";
 import action_sheet_item_default from "./action-sheet-item.js";

package/components/action-sheet/common.d.ts

@@ -38,7 +38,6 @@ export interface ActionSheetSlots {
 export interface ActionSheetExpose {
 }
 export interface ActionSheetItemProps {
-    name?: string;
     label?: string;
     value?: any;
     description?: string;

package/components/action-sheet/context.js

@@ -1,5 +1,4 @@
 import { reactiveComputed } from "../../use/reactiveComputed.js";
-import "../../use/index.js";
 import { inject, onMounted, onUnmounted, provide, ref, useAttrs } from "vue";
 //#region packages/sard/components/action-sheet/context.ts
 const actionSheetContextKey = Symbol("ActionSheetContext");

package/components/action-sheet/index.css

@@ -1 +1 @@
-.s-action-sheet{padding-bottom:var(--s-safe-bottom);border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background:var(--s-bg-color-elevated);touch-action:none}.s-action-sheet__description{position:relative;padding:var(--s-size);font-size:var(--s-font-size);text-align:center;color:var(--s-text-color-tertiary)}.s-action-sheet__description: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-action-sheet__gap{height:var(--s-size-xs);background:var(--s-fill-color-fourth)}.s-action-sheet__item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:var(--s-content-height-lg);padding:var(--s-content-padding);cursor:pointer}.s-action-sheet__item:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-border-color);transform-origin:top center}.s-action-sheet__item:is(.is-disabled){color:var(--s-text-color-disabled)}.s-action-sheet__item:is(.is-disabled,.is-loading){cursor:not-allowed}.s-action-sheet__item:not(.is-disabled,.is-loading):active{background:var(--s-bg-color-active)}.s-action-sheet__item-name{font-size:var(--s-font-size-lg)}.s-action-sheet__item-description{margin-top:var(--s-size-2xs);font-size:var(--s-font-size-sm);color:var(--s-text-color-tertiary)}.s-action-sheet__loading{display:flex;font-size:var(--s-size-lg);color:var(--s-text-color-fourth)}.s-action-sheet__cancel{display:flex;justify-content:center;align-items:center;min-height:var(--s-content-height-lg);padding:var(--s-content-padding);font-size:var(--s-font-size-lg);cursor:pointer}.s-action-sheet__cancel:active{background:var(--s-bg-color-active)}.s-action-sheet--headless .s-action-sheet__item:first-child{border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl)}
+:root{--s-action-sheet-border-radius:var(--s-border-radius-xl);--s-action-sheet-border-color:var(--s-border-color);--s-action-sheet-bg:var(--s-bg-color-elevated);--s-action-sheet-bg-active:var(--s-bg-color-active);--s-action-sheet-description-padding:var(--s-size);--s-action-sheet-description-font-size:var(--s-font-size);--s-action-sheet-description-color:var(--s-text-color-tertiary);--s-action-sheet-gap-height:var(--s-size-xs);--s-action-sheet-gap-bg:var(--s-fill-color-fourth);--s-action-sheet-item-min-height:var(--s-content-height-lg);--s-action-sheet-item-padding:var(--s-content-padding);--s-action-sheet-item-color-disabled:var(--s-text-color-disabled);--s-action-sheet-item-label-font-size:var(--s-font-size-lg);--s-action-sheet-item-label-line-height:var(--s-line-height-normal);--s-action-sheet-item-label-color:var(--s-text-color-primary);--s-action-sheet-item-description-margin-top:var(--s-size-2xs);--s-action-sheet-item-description-font-size:var(--s-font-size-sm);--s-action-sheet-item-description-line-height:var(--s-line-height-normal);--s-action-sheet-item-description-color:var(--s-text-color-tertiary);--s-action-sheet-loading-font-size:var(--s-size-lg);--s-action-sheet-loading-color:var(--s-text-color-fourth);--s-action-sheet-cancel-min-height:var(--s-content-height-lg);--s-action-sheet-cancel-padding:var(--s-content-padding);--s-action-sheet-cancel-font-size:var(--s-font-size-lg);--s-action-sheet-cancel-line-height:var(--s-line-height-normal);--s-action-sheet-cancel-color:var(--s-text-color-primary)}.s-action-sheet{padding-bottom:var(--s-safe-bottom);border-top-left-radius:var(--s-action-sheet-border-radius);border-top-right-radius:var(--s-action-sheet-border-radius);background:var(--s-action-sheet-bg);touch-action:none}.s-action-sheet__description{position:relative;padding:var(--s-action-sheet-description-padding);font-size:var(--s-action-sheet-description-font-size);text-align:center;color:var(--s-action-sheet-description-color)}.s-action-sheet__description: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-action-sheet-border-color);transform-origin:bottom center}.s-action-sheet__gap{height:var(--s-action-sheet-gap-height);background:var(--s-action-sheet-gap-bg)}.s-action-sheet__item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:var(--s-action-sheet-item-min-height);padding:var(--s-action-sheet-item-padding);cursor:pointer}.s-action-sheet__item:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-action-sheet-border-color);transform-origin:top center}.s-action-sheet__item:is(.is-disabled) .s-action-sheet__item-label{color:var(--s-action-sheet-item-color-disabled)}.s-action-sheet__item:is(.is-disabled,.is-loading){cursor:not-allowed}.s-action-sheet__item:not(.is-disabled,.is-loading):active{background:var(--s-action-sheet-bg-active)}.s-action-sheet__item-label{font-size:var(--s-action-sheet-item-label-font-size);line-height:var(--s-action-sheet-item-label-line-height);color:var(--s-action-sheet-item-label-color)}.s-action-sheet__item-description{margin-top:var(--s-action-sheet-item-description-margin-top);font-size:var(--s-action-sheet-item-description-font-size);line-height:var(--s-action-sheet-item-description-line-height);color:var(--s-action-sheet-item-description-color)}.s-action-sheet__loading{display:flex;font-size:var(--s-action-sheet-loading-font-size);color:var(--s-action-sheet-loading-color)}.s-action-sheet__cancel{display:flex;justify-content:center;align-items:center;min-height:var(--s-action-sheet-cancel-min-height);padding:var(--s-action-sheet-cancel-padding);font-size:var(--s-action-sheet-cancel-font-size);line-height:var(--s-action-sheet-cancel-line-height);color:var(--s-action-sheet-cancel-color);cursor:pointer}.s-action-sheet__cancel:active{background:var(--s-action-sheet-bg-active)}.s-action-sheet--headless .s-action-sheet__item:first-child{border-top-left-radius:var(--s-action-sheet-border-radius);border-top-right-radius:var(--s-action-sheet-border-radius)}

package/components/action-sheet/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import action_sheet_item_default from "./action-sheet-item.js";
 import action_sheet_default from "./action-sheet.js";
 import { actionSheet, createActionSheet } from "./imperative.js";

package/components/alert/alert.js

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

package/components/alert/index.css

@@ -1 +1 @@
-.s-alert{display:flex;align-items:center;padding:var(--s-content-padding);font-size:var(--s-font-size);border-radius:var(--s-border-radius)}.s-alert--primary{color:var(--s-color-primary);background:rgba(var(--s-color-primary-rgb), var(--s-opacity-theme-bg))}.s-alert--success{color:var(--s-color-success);background:rgba(var(--s-color-success-rgb), var(--s-opacity-theme-bg))}.s-alert--warning{color:var(--s-color-warning);background:rgba(var(--s-color-warning-rgb), var(--s-opacity-theme-bg))}.s-alert--danger{color:var(--s-color-danger);background:rgba(var(--s-color-danger-rgb), var(--s-opacity-theme-bg))}.s-alert__icon{margin-inline-end:var(--s-size-xs);line-height:1}.s-alert__content{flex:1;overflow:hidden}.s-alert__close{font-size:var(--s-font-size);padding:var(--s-size-xs);margin:calc(var(--s-size-xs)*-1);margin-inline-start:0;cursor:pointer}.s-alert--square{border-radius:0}
+:root{--s-alert-padding:var(--s-content-padding);--s-alert-font-size:var(--s-font-size);--s-alert-border-radius:var(--s-border-radius);--s-alert-icon-margin-end:var(--s-size-xs);--s-alert-close-font-size:var(--s-font-size);--s-alert-close-padding:var(--s-size-xs)}.s-alert{display:flex;align-items:center;padding:var(--s-alert-padding);font-size:var(--s-alert-font-size);border-radius:var(--s-alert-border-radius)}.s-alert--primary{color:var(--s-color-primary);background:rgba(var(--s-color-primary-rgb), var(--s-opacity-theme-bg))}.s-alert--success{color:var(--s-color-success);background:rgba(var(--s-color-success-rgb), var(--s-opacity-theme-bg))}.s-alert--warning{color:var(--s-color-warning);background:rgba(var(--s-color-warning-rgb), var(--s-opacity-theme-bg))}.s-alert--danger{color:var(--s-color-danger);background:rgba(var(--s-color-danger-rgb), var(--s-opacity-theme-bg))}.s-alert__icon{margin-inline-end:var(--s-alert-icon-margin-end);line-height:1}.s-alert__content{flex:1;overflow:hidden}.s-alert__close{font-size:var(--s-alert-close-font-size);padding:var(--s-alert-close-padding);margin:calc(var(--s-alert-close-padding)*-1);margin-inline-start:0;cursor:pointer}.s-alert--square{border-radius:0}

package/components/alert/index.js

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

package/components/avatar/avatar-group.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { avatarGroupContextKey, defaultAvatarGroupProps } from "./common.js";
 import { createElementBlock, defineComponent, mergeDefaults, normalizeClass, openBlock, provide, reactive, renderSlot, toRef, unref } from "vue";
 //#region packages/sard/components/avatar/avatar-group.vue

package/components/avatar/avatar.js

@@ -1,5 +1,4 @@
 import { createBem, cssVar, cssVarName } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { avatarGroupContextKey, defaultAvatarProps } from "./common.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, inject, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref } from "vue";
 import { Person } from "@sard/icons";

package/components/avatar/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import avatar_default from "./avatar.js";
 import avatar_group_default from "./avatar-group.js";
 //#region packages/sard/components/avatar/index.ts

package/components/back-top/back-top.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { defaultBackTopProps } from "./common.js";
 import { computed, createElementBlock, createVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
 import { Backtop } from "@sard/icons";

package/components/back-top/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import back_top_default from "./back-top.js";
 import { usePageBackTop } from "./usePageBackTop.js";
 import { useElementBackTop } from "./useElementBackTop.js";

package/components/back-top/useElementBackTop.js

@@ -1,5 +1,4 @@
 import { useElementScroll } from "../../use/useElementScroll.js";
-import "../../use/index.js";
 import { ref } from "vue";
 //#region packages/sard/components/back-top/useElementBackTop.ts
 function useElementBackTop(el) {

package/components/back-top/usePageBackTop.js

@@ -1,5 +1,4 @@
 import { usePageScroll } from "../../use/usePageScroll.js";
-import "../../use/index.js";
 import { ref } from "vue";
 //#region packages/sard/components/back-top/usePageBackTop.ts
 function usePageBackTop(behavior = "smooth") {

package/components/badge/badge.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { defaultBadgeProps } from "./common.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
 //#region packages/sard/components/badge/badge.vue

package/components/badge/index.js

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

package/components/barcode/barcode.js

@@ -1,7 +1,6 @@
 import { createBem } from "../../utils/bem.js";
 import { barcode, calculateBarcodeLayout } from "../../utils/barcode.js";
 import { measureTextWidth } from "../../utils/canvas.js";
-import "../../utils/index.js";
 import { defaultBarcodeProps } from "./common.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeDefaults, nextTick, normalizeClass, normalizeStyle, openBlock, ref, useTemplateRef, watch } from "vue";
 //#region packages/sard/components/barcode/barcode.vue

package/components/barcode/index.js

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

package/components/button/button.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import loading_default from "../loading/loading.js";
 import { useFormContext } from "../form/common.js";
 import { defaultButtonProps } from "./common.js";

package/components/button/index.js

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

package/components/calendar/calendar-month.js

@@ -1,5 +1,4 @@
 import { getDaysBeforeFirstDay, getDaysInMonth, getNextMonthHeadDays, getPrevMonthTailDays, toDateNumber } from "../../utils/date.js";
-import "../../utils/index.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString } from "vue";
 //#region packages/sard/components/calendar/calendar-month.vue
 const _hoisted_1 = ["onClick"];
@@ -161,12 +160,12 @@ var calendar_month_default = /*@__PURE__*/ defineComponent({
 				}, [
 					item.day.top ? (openBlock(), createElementBlock("div", {
 						key: 0,
-						class: normalizeClass(__props.bem.e("top"))
+						class: normalizeClass(__props.bem.e("day-top"))
 					}, toDisplayString(item.day.top), 3)) : createCommentVNode("v-if", true),
 					createTextVNode(" " + toDisplayString(item.day.text) + " ", 1),
 					item.day.bottom ? (openBlock(), createElementBlock("div", {
 						key: 1,
-						class: normalizeClass(__props.bem.e("bottom"))
+						class: normalizeClass(__props.bem.e("day-bottom"))
 					}, toDisplayString(item.day.bottom), 3)) : createCommentVNode("v-if", true)
 				], 14, _hoisted_1);
 			}), 128)), createElementVNode("div", { class: normalizeClass(__props.bem.e("mark")) }, toDisplayString(__props.month + 1), 3)], 2)], 2);

package/components/calendar/calendar.js

@@ -3,8 +3,6 @@ import { formatDate, getNextMonthDate, getPrevMonthDate, minmaxDate, parseDate,
 import { toArray } from "../../utils/array.js";
 import { useScrollSide } from "../../use/useScrollSide.js";
 import { useInPopup } from "../popup/common.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
 import button_default from "../button/button.js";
 import { defaultCalendarProps, getMaxDate, getMinDate, sortDates, weeksIndex } from "./common.js";

package/components/calendar/index.css

@@ -1 +1 @@
-:root{--s-calendar-day-height:50px}.s-calendar{overflow:hidden}.s-calendar--no-scroll{touch-action:pan-x}.s-calendar__header{position:relative;z-index:1}.s-calendar__header::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-calendar__toolbar{display:flex;justify-content:center;align-items:center}.s-calendar__prev-month,.s-calendar__next-month{font-size:16px}:root[dir=rtl] .s-calendar__prev-month,:root[dir=rtl] .s-calendar__next-month{transform:rotateY(180deg)}.s-calendar__week{display:flex;align-items:center}.s-calendar__week-item{display:flex;justify-content:center;align-items:center;flex:1;height:var(--s-size-2xl);font-size:var(--s-font-size)}.s-calendar__body{position:relative}.s-calendar--several .s-calendar__body{height:360px;position:relative}.s-calendar--several .s-calendar__body::before,.s-calendar--several .s-calendar__body::after{content:"";position:absolute;left:0;right:0;z-index:10;height:10px;overflow:hidden;box-shadow:none;touch-action:none;pointer-events:none;transition:box-shadow var(--s-duration)}.s-calendar--several .s-calendar__body::before{top:0}.s-calendar--several .s-calendar__body::after{bottom:0}.s-calendar--several .s-calendar__body--none::before,.s-calendar--several .s-calendar__body--end::before{box-shadow:var(--s-box-shadow-top)}.s-calendar--several .s-calendar__body--none::after,.s-calendar--several .s-calendar__body--start::after{box-shadow:var(--s-box-shadow-bottom)}.s-calendar--several .s-calendar__scroll{height:100%;overflow-x:hidden;overflow-y:auto}.s-calendar__month{position:relative;padding:var(--s-size-2xs)}.s-calendar__days{display:flex;flex-wrap:wrap;row-gap:var(--s-size-2xs);column-gap:0}.s-calendar__month-title{display:flex;justify-content:center;align-items:center;height:44px;font-size:var(--s-font-size);font-weight:var(--s-font-weight-bold)}.s-calendar__mark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:160px;color:var(--s-fill-color-fourth);pointer-events:none}.s-calendar__day{position:relative;z-index:1;width:14.2857142857%;height:var(--s-calendar-day-height);display:flex;justify-content:center;align-items:center;font-size:var(--s-font-size);line-height:var(--s-calendar-day-height);cursor:pointer}.s-calendar__day--today{font-weight:var(--s-font-weight-bold)}.s-calendar__day--disabled{color:var(--s-text-color-disabled);cursor:not-allowed}.s-calendar__day--selected,.s-calendar__day--same{border-radius:var(--s-border-radius);color:var(--s-white);background:var(--s-color-primary)}.s-calendar__day--start,.s-calendar__day--end{color:var(--s-white);background:var(--s-color-primary)}:root:not([dir=rtl]) .s-calendar__day--start{border-top-left-radius:var(--s-border-radius);border-bottom-left-radius:var(--s-border-radius)}:root[dir=rtl] .s-calendar__day--start{border-top-right-radius:var(--s-border-radius);border-bottom-right-radius:var(--s-border-radius)}:root:not([dir=rtl]) .s-calendar__day--end{border-top-right-radius:var(--s-border-radius);border-bottom-right-radius:var(--s-border-radius)}:root[dir=rtl] .s-calendar__day--end{border-top-left-radius:var(--s-border-radius);border-bottom-left-radius:var(--s-border-radius)}.s-calendar__day--middle{color:var(--s-color-primary);background:rgba(var(--s-color-primary-rgb), var(--s-opacity-theme-bg))}.s-calendar__top,.s-calendar__bottom{position:absolute;left:0;right:0;z-index:1;display:flex;justify-content:center;align-items:center;font-size:var(--s-font-size-xs);line-height:var(--s-line-height-tight)}.s-calendar__top{top:var(--s-size-2xs)}.s-calendar__bottom{bottom:var(--s-size-2xs)}
+:root{--s-calendar-week-item-height:var(--s-size-2xl);--s-calendar-week-item-font-size:var(--s-font-size);--s-calendar-week-item-color:var(--s-text-color-primary);--s-calendar-month-padding:var(--s-size-2xs);--s-calendar-month-title-height:var(--s-content-height);--s-calendar-month-title-font-size:var(--s-font-size);--s-calendar-month-title-font-weight:var(--s-font-weight-bold);--s-calendar-month-title-color:var(--s-text-color-primary);--s-calendar-days-row-gap:var(--s-size-2xs);--s-calendar-days-column-gap:0;--s-calendar-day-height:50px;--s-calendar-day-font-size:var(--s-font-size);--s-calendar-day-border-radius:var(--s-border-radius);--s-calendar-day-color-selected:var(--s-white);--s-calendar-day-color-middle:var(--s-color-primary);--s-calendar-day-color-disabled:var(--s-text-color-disabled);--s-calendar-day-bg-selected:var(--s-color-primary);--s-calendar-day-bg-middle:rgba(var(--s-color-primary-rgb), var(--s-opacity-theme-bg));--s-calendar-day-top-top:var(--s-size-2xs);--s-calendar-day-top-font-size:var(--s-font-size-xs);--s-calendar-day-top-line-height:var(--s-line-height-tight);--s-calendar-day-bottom-bottom:var(--s-size-2xs);--s-calendar-day-bottom-font-size:var(--s-font-size-xs);--s-calendar-day-bottom-line-height:var(--s-line-height-tight);--s-calendar-mark-font-size:160px;--s-calendar-mark-color:var(--s-fill-color-fourth)}.s-calendar{overflow:hidden}.s-calendar--no-scroll{touch-action:pan-x}.s-calendar__header{position:relative;z-index:1}.s-calendar__header::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-calendar__toolbar{display:flex;justify-content:center;align-items:center}.s-calendar__prev-month,.s-calendar__next-month{font-size:16px}:root[dir=rtl] .s-calendar__prev-month,:root[dir=rtl] .s-calendar__next-month{transform:rotateY(180deg)}.s-calendar__week{display:flex;align-items:center}.s-calendar__week-item{display:flex;justify-content:center;align-items:center;flex:1;height:var(--s-calendar-week-item-height);font-size:var(--s-calendar-week-item-font-size);color:var(--s-calendar-week-item-color)}.s-calendar__body{position:relative}.s-calendar--several .s-calendar__body{height:360px;position:relative}.s-calendar--several .s-calendar__body::before,.s-calendar--several .s-calendar__body::after{content:"";position:absolute;left:0;right:0;z-index:10;height:10px;overflow:hidden;box-shadow:none;touch-action:none;pointer-events:none;transition:box-shadow var(--s-duration)}.s-calendar--several .s-calendar__body::before{top:0}.s-calendar--several .s-calendar__body::after{bottom:0}.s-calendar--several .s-calendar__body--none::before,.s-calendar--several .s-calendar__body--end::before{box-shadow:var(--s-box-shadow-top)}.s-calendar--several .s-calendar__body--none::after,.s-calendar--several .s-calendar__body--start::after{box-shadow:var(--s-box-shadow-bottom)}.s-calendar--several .s-calendar__scroll{height:100%;overflow-x:hidden;overflow-y:auto}.s-calendar__month{position:relative;padding:var(--s-calendar-month-padding)}.s-calendar__month-title{display:flex;justify-content:center;align-items:center;height:var(--s-calendar-month-title-height);font-size:var(--s-calendar-month-title-font-size);font-weight:var(--s-calendar-month-title-font-weight);color:var(--s-calendar-month-title-color)}.s-calendar__days{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:var(--s-calendar-days-row-gap);column-gap:var(--s-calendar-days-column-gap)}.s-calendar__day{position:relative;z-index:1;height:var(--s-calendar-day-height);display:flex;justify-content:center;align-items:center;font-size:var(--s-calendar-day-font-size);line-height:var(--s-calendar-day-height);cursor:pointer}.s-calendar__day--today{font-weight:var(--s-font-weight-bold)}.s-calendar__day--disabled{color:var(--s-calendar-day-color-disabled);cursor:not-allowed}.s-calendar__day--selected,.s-calendar__day--same{border-radius:var(--s-calendar-day-border-radius);color:var(--s-calendar-day-color-selected);background:var(--s-calendar-day-bg-selected)}.s-calendar__day--start,.s-calendar__day--end{color:var(--s-calendar-day-color-selected);background:var(--s-calendar-day-bg-selected)}:root:not([dir=rtl]) .s-calendar__day--start{border-top-left-radius:var(--s-calendar-day-border-radius);border-bottom-left-radius:var(--s-calendar-day-border-radius)}:root[dir=rtl] .s-calendar__day--start{border-top-right-radius:var(--s-calendar-day-border-radius);border-bottom-right-radius:var(--s-calendar-day-border-radius)}:root:not([dir=rtl]) .s-calendar__day--end{border-top-right-radius:var(--s-calendar-day-border-radius);border-bottom-right-radius:var(--s-calendar-day-border-radius)}:root[dir=rtl] .s-calendar__day--end{border-top-left-radius:var(--s-calendar-day-border-radius);border-bottom-left-radius:var(--s-calendar-day-border-radius)}.s-calendar__day--middle{color:var(--s-calendar-day-color-middle);background:var(--s-calendar-day-bg-middle)}.s-calendar__day-top,.s-calendar__day-bottom{position:absolute;left:0;right:0;z-index:1;display:flex;justify-content:center;align-items:center}.s-calendar__day-top{top:var(--s-calendar-day-top-top);font-size:var(--s-calendar-day-top-font-size);line-height:var(--s-calendar-day-top-line-height)}.s-calendar__day-bottom{bottom:var(--s-calendar-day-bottom-bottom);font-size:var(--s-calendar-day-bottom-font-size);line-height:var(--s-calendar-day-bottom-line-height)}.s-calendar__mark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:var(--s-calendar-mark-font-size);color:var(--s-calendar-mark-color);pointer-events:none}

package/components/calendar/index.js

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

package/components/calendar-input/calendar-input.js

@@ -1,6 +1,5 @@
 import { formatDate, parseDate } from "../../utils/date.js";
 import { isString } from "../../utils/is.js";
-import "../../utils/index.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
 import popout_input_default from "../popout-input/popout-input.js";
 import calendar_popout_default from "../calendar-popout/calendar-popout.js";

package/components/calendar-input/index.js

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

package/components/calendar-popout/index.js

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

package/components/card/card.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { isVisibleEmpty } from "../../utils/utils.js";
-import "../../utils/index.js";
 import collapse_default from "../collapse/collapse.js";
 import button_default from "../button/button.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";

package/components/card/index.css

@@ -1 +1 @@
-:root{--s-card-border-radius:var(--s-border-radius-lg);--s-card-bg:var(--s-bg-color-container);--s-card-bg-active:var(--s-bg-color-active);--s-card-icon-padding-y:var(--s-size-sm);--s-card-icon-padding-x:var(--s-size);--s-card-header-padding-y:var(--s-size-sm);--s-card-header-padding-x:var(--s-size);--s-card-title-font-size:var(--s-font-size-lg);--s-card-body-padding-y:var(--s-size-sm);--s-card-body-padding-x:var(--s-size);--s-card-footer-padding-y:var(--s-size-sm);--s-card-footer-padding-x:var(--s-size);--s-card-border-color:var(--s-border-color);--s-card-border-style:var(--s-border-style);--s-card-border-width:var(--s-border-width);--s-card-border-left:0px;--s-card-border-right:0px}.s-card{display:flex;background:var(--s-card-bg);border-radius:var(--s-card-border-radius)}.s-card--hover{cursor:pointer}.s-card--hover:active{background:var(--s-card-bg-active)}.s-card__icon{flex:none;padding:var(--s-card-icon-padding-y) var(--s-card-icon-padding-x)}.s-card__content{flex:1;min-width:0}.s-card__header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--s-card-header-padding-y) var(--s-card-header-padding-x)}.s-card__header::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-card-header-border-width, var(--s-card-border-width)) var(--s-card-header-border-style, var(--s-card-border-style)) var(--s-card-header-border-color, var(--s-card-border-color));transform-origin:bottom center;inset-inline-start:var(--s-card-border-left);inset-inline-end:var(--s-card-border-right)}.s-card__title{font-size:var(--s-card-title-font-size);line-height:var(--s-line-height-snug);flex:1;min-width:0}.s-card__extra{display:flex;align-items:center}.s-card__body{padding:var(--s-card-body-padding-y) var(--s-card-body-padding-x)}.s-card__footer{position:relative;padding:var(--s-card-footer-padding-y) var(--s-card-footer-padding-x)}.s-card__footer::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-card-footer-border-width, var(--s-card-border-width)) var(--s-card-footer-border-style, var(--s-card-border-style)) var(--s-card-footer-border-color, var(--s-card-border-color));transform-origin:top center;inset-inline-start:var(--s-card-border-left);inset-inline-end:var(--s-card-border-right)}.s-card--head-borderless .s-card__header::after,.s-card--collapsed .s-card__header::after{display:none}.s-card--foot-borderless .s-card__footer::before{display:none}.s-card:is(.has-icon) .s-card__header,.s-card:is(.has-icon) .s-card__body,.s-card:is(.has-icon) .s-card__footer{padding-inline-start:0}.s-card:is(.has-icon){--s-card-border-right:var(--s-card-header-padding-x)}
+:root{--s-card-border-radius:var(--s-border-radius-lg);--s-card-bg:var(--s-bg-color-container);--s-card-bg-active:var(--s-bg-color-active);--s-card-icon-padding-y:var(--s-size-sm);--s-card-icon-padding-x:var(--s-size);--s-card-header-padding-y:var(--s-size-sm);--s-card-header-padding-x:var(--s-size);--s-card-title-font-size:var(--s-font-size-lg);--s-card-body-padding-y:var(--s-size-sm);--s-card-body-padding-x:var(--s-size);--s-card-footer-padding-y:var(--s-size-sm);--s-card-footer-padding-x:var(--s-size);--s-card-border-color:var(--s-border-color);--s-card-border-style:var(--s-border-style);--s-card-border-width:var(--s-border-width);--s-card-border-left:0px;--s-card-border-right:0px;--s-card-header-border-color:var(--s-card-border-color);--s-card-header-border-style:var(--s-card-border-style);--s-card-header-border-width:var(--s-card-border-width);--s-card-footer-border-color:var(--s-card-border-color);--s-card-footer-border-style:var(--s-card-border-style);--s-card-footer-border-width:var(--s-card-border-width)}.s-card{display:flex;background:var(--s-card-bg);border-radius:var(--s-card-border-radius)}.s-card--hover{cursor:pointer}.s-card--hover:active{background:var(--s-card-bg-active)}.s-card__icon{flex:none;padding:var(--s-card-icon-padding-y) var(--s-card-icon-padding-x)}.s-card__content{flex:1;min-width:0}.s-card__header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--s-card-header-padding-y) var(--s-card-header-padding-x)}.s-card__header::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-card-header-border-width, var(--s-card-border-width)) var(--s-card-header-border-style, var(--s-card-border-style)) var(--s-card-header-border-color, var(--s-card-border-color));transform-origin:bottom center;inset-inline-start:var(--s-card-border-left);inset-inline-end:var(--s-card-border-right)}.s-card__title{font-size:var(--s-card-title-font-size);line-height:var(--s-line-height-snug);flex:1;min-width:0}.s-card__extra{display:flex;align-items:center}.s-card__body{padding:var(--s-card-body-padding-y) var(--s-card-body-padding-x)}.s-card__footer{position:relative;padding:var(--s-card-footer-padding-y) var(--s-card-footer-padding-x)}.s-card__footer::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-card-footer-border-width, var(--s-card-border-width)) var(--s-card-footer-border-style, var(--s-card-border-style)) var(--s-card-footer-border-color, var(--s-card-border-color));transform-origin:top center;inset-inline-start:var(--s-card-border-left);inset-inline-end:var(--s-card-border-right)}.s-card--head-borderless .s-card__header::after,.s-card--collapsed .s-card__header::after{display:none}.s-card--foot-borderless .s-card__footer::before{display:none}.s-card:is(.has-icon) .s-card__header,.s-card:is(.has-icon) .s-card__body,.s-card:is(.has-icon) .s-card__footer{padding-inline-start:0}.s-card:is(.has-icon){--s-card-border-right:var(--s-card-header-padding-x)}

package/components/card/index.js

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

package/components/cascader/cascader.js

@@ -1,7 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { useOptionKeys } from "../../use/useOptionKeys.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import loading_default from "../loading/loading.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
 import tabs_default from "../tabs/tabs.js";
@@ -146,8 +144,8 @@ var cascader_default = /*@__PURE__*/ defineComponent({
 		const wrapperStyle = computed(() => {
 			return { "--x": `${-Number(currentTab.value) * 100}%` };
 		});
-		const loadStatusWrapperClass = computed(() => {
-			return [bem.e("load-status-wrapper"), bem.em("load-status-wrapper", "show", loadStatus.value !== "loaded" || treeData.value.length === 0)];
+		const statusWrapperClass = computed(() => {
+			return [bem.e("status-wrapper"), bem.em("status-wrapper", "show", loadStatus.value !== "loaded" || treeData.value.length === 0)];
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).b()) }, [
@@ -199,8 +197,8 @@ var cascader_default = /*@__PURE__*/ defineComponent({
 					}), 128))], 2)], 2);
 				}), 128))], 6), __props.lazy && !!__props.load ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					class: normalizeClass(loadStatusWrapperClass.value)
-				}, [createElementVNode("div", { class: normalizeClass(unref(bem).e("load-status")) }, [unref(loadStatus) === "loading" ? (openBlock(), createBlock(loading_default, {
+					class: normalizeClass(statusWrapperClass.value)
+				}, [createElementVNode("div", { class: normalizeClass(unref(bem).e("status")) }, [unref(loadStatus) === "loading" ? (openBlock(), createBlock(loading_default, {
 					key: 0,
 					class: normalizeClass(unref(bem).e("loading"))
 				}, null, 8, ["class"])) : unref(loadStatus) === "error" ? (openBlock(), createElementBlock("span", {

package/components/cascader/common.js

@@ -1,5 +1,4 @@
 import { isNullish } from "../../utils/is.js";
-import "../../utils/index.js";
 //#region packages/sard/components/cascader/common.ts
 const defaultCascaderProps = { options: () => [] };
 function getSelectedOptionsByValue(options, value, useOptionKeysReturn, multiple) {

package/components/cascader/index.css

@@ -1 +1 @@
-:root{--s-cascader-options-height:320px}.s-cascader__container{overflow:hidden}.s-cascader__wrapper{display:flex;flex-wrap:nowrap;width:100%;transition:transform var(--s-duration);transform:translate3d(var(--x), 0, 0)}:root[dir=rtl] .s-cascader__wrapper{transform:translate3d(calc(var(--x) * -1), 0, 0)}.s-cascader__pane{width:100%;flex:none}.s-cascader__options{width:100%;height:var(--s-cascader-options-height);overflow-x:hidden;overflow-y:auto}.s-cascader__option{display:flex;align-items:center;min-height:var(--s-content-height-sm);padding:var(--s-content-padding-y) var(--s-content-padding-x);cursor:pointer}.s-cascader__option:is(.is-selected){color:var(--s-color-primary);font-weight:var(--s-font-weight-bold)}.s-cascader__option:not(.is-selected) .s-cascader__option-icon{display:none}.s-cascader__option:is(.is-disabled){color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-cascader__option:not(.is-disabled):active{background:var(--s-bg-color-active)}.s-cascader__selection{display:flex;align-items:center;margin-top:calc(var(--s-content-padding-y)*-1);margin-bottom:calc(var(--s-content-padding-y)*-1);margin-inline-start:calc(var(--s-size-sm)*-1);padding:var(--s-content-padding-y) var(--s-size-sm);font-weight:normal;cursor:pointer}.s-cascader__option-loading{display:flex;align-items:center;margin-inline-end:var(--s-size-xs);font-size:var(--s-font-size);color:var(--s-ext-color-four)}.s-cascader__option-loading:not(.is-show){display:none}.s-cascader__option-label{font-size:var(--s-font-size);line-height:var(--s-line-height-relaxed)}.s-cascader__option-icon{margin-inline-start:auto}.s-cascader__load-status-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity var(--s-duration);pointer-events:none}.s-cascader__load-status-wrapper--show{opacity:1;pointer-events:auto}.s-cascader__load-status{font-size:var(--s-font-size);color:var(--s-text-color-fourth)}.s-cascader__error,.s-cascader__empty{cursor:pointer}.s-cascader__loading{font-size:var(--s-font-size-xl)}
+:root{--s-cascader-wrapper-duration:var(--s-duration);--s-cascader-options-height:320px;--s-cascader-option-min-height:var(--s-content-height-sm);--s-cascader-option-padding-y:var(--s-content-padding-y);--s-cascader-option-padding-x:var(--s-content-padding-x);--s-cascader-option-color-selected:var(--s-color-primary);--s-cascader-option-font-weight-selected:var(--s-font-weight-bold);--s-cascader-option-bg-active:var(--s-bg-color-active);--s-cascader-option-loading-margin-end:var(--s-size-xs);--s-cascader-option-loading-font-size:var(--s-font-size);--s-cascader-option-loading-color:var(--s-text-color-fourth);--s-cascader-option-label-font-size:var(--s-font-size);--s-cascader-option-label-line-height:var(--s-line-height-relaxed);--s-cascader-status-font-size:var(--s-font-size);--s-cascader-status-color:var(--s-text-color-fourth);--s-cascader-loading-font-size:var(--s-font-size-xl)}.s-cascader__container{overflow:hidden}.s-cascader__wrapper{display:flex;flex-wrap:nowrap;width:100%;transition:transform var(--s-cascader-wrapper-duration);transform:translate3d(var(--x), 0, 0)}:root[dir=rtl] .s-cascader__wrapper{transform:translate3d(calc(var(--x) * -1), 0, 0)}.s-cascader__pane{width:100%;flex:none}.s-cascader__options{width:100%;height:var(--s-cascader-options-height);overflow-x:hidden;overflow-y:auto}.s-cascader__option{display:flex;align-items:center;min-height:var(--s-cascader-option-min-height);padding:var(--s-cascader-option-padding-y) var(--s-cascader-option-padding-x);cursor:pointer}.s-cascader__option:is(.is-selected){color:var(--s-cascader-option-color-selected);font-weight:var(--s-cascader-option-font-weight-selected)}.s-cascader__option:not(.is-selected) .s-cascader__option-icon{display:none}.s-cascader__option:is(.is-disabled){color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-cascader__option:not(.is-disabled):active{background:var(--s-cascader-option-bg-active)}.s-cascader__selection{display:flex;align-items:center;margin-top:calc(var(--s-cascader-option-padding-y)*-1);margin-bottom:calc(var(--s-cascader-option-padding-y)*-1);margin-inline-start:calc(var(--s-size-sm)*-1);padding:var(--s-cascader-option-padding-y) var(--s-size-sm);font-weight:normal;cursor:pointer}.s-cascader__option-loading{display:flex;align-items:center;margin-inline-end:var(--s-cascader-option-loading-margin-end);font-size:var(--s-cascader-option-loading-font-size);color:var(--s-cascader-option-loading-color)}.s-cascader__option-loading:not(.is-show){display:none}.s-cascader__option-label{font-size:var(--s-cascader-option-label-font-size);line-height:var(--s-cascader-option-label-line-height)}.s-cascader__option-icon{margin-inline-start:auto}.s-cascader__status-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity var(--s-duration);pointer-events:none}.s-cascader__status-wrapper--show{opacity:1;pointer-events:auto}.s-cascader__status{font-size:var(--s-cascader-status-font-size);color:var(--s-cascader-status-color)}.s-cascader__error,.s-cascader__empty{cursor:pointer}.s-cascader__loading{font-size:var(--s-cascader-loading-font-size)}

package/components/cascader/index.js

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

package/components/cascader/useCascaderTree.js

@@ -1,6 +1,5 @@
 import { isNumber, isString } from "../../utils/is.js";
 import { setCheckedRecursively, walkAncestor, walkNodes } from "../../utils/tree.js";
-import "../../utils/index.js";
 import { cascaderOptionsContextKey } from "./common.js";
 import { computed, inject, reactive, ref, shallowRef, watch } from "vue";
 //#region packages/sard/components/cascader/useCascaderTree.ts

package/components/cascader-input/cascader-input.js

@@ -1,8 +1,6 @@
 import { isEmptyArray, isNullish } 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_input_default from "../popout-input/popout-input.js";
 import { partitionPopoutInputProps, usePopoutInput } from "../popout-input/usePopoutInput.js";
 import { cascaderOptionsContextKey, getSelectedOptionsByValue } from "../cascader/common.js";

package/components/cascader-input/index.js

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

package/components/cascader-popout/cascader-popout.js

@@ -1,5 +1,4 @@
 import { isEmptyBinding } from "../../utils/utils.js";
-import "../../utils/index.js";
 import popout_default from "../popout/popout.js";
 import { omitFormPopoutProps, useFormPopout } from "../popout/useFormPopout.js";
 import cascader_default from "../cascader/cascader.js";

package/components/cascader-popout/index.js

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

package/components/check-icon/check-icon.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
 import { Check, CheckCircleFill, CheckSquareFill, Dash, DashCircleFill, DashSquareFill, RecordCircle } from "@sard/icons";
 //#region packages/sard/components/check-icon/check-icon.vue

package/components/checkbox/checkbox-group.js

@@ -1,7 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { useOptionKeys } from "../../use/useOptionKeys.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import { useFormItemContext } from "../form/common.js";
 import { checkboxContextKey, defaultCheckboxGroupProps } from "./common.js";
 import checkbox_default from "./checkbox.js";

package/components/checkbox/checkbox.js

@@ -1,5 +1,4 @@
 import { createBem } from "../../utils/bem.js";
-import "../../utils/index.js";
 import { useFormContext, useFormItemContext } from "../form/common.js";
 import { checkboxContextKey, defaultCheckboxProps } from "./common.js";
 import check_icon_default from "../check-icon/check-icon.js";

package/components/checkbox/index.css

@@ -1 +1 @@
-:root{--s-checkbox-group-gap-x:var(--s-size-sm);--s-checkbox-group-gap-y:var(--s-size-xs);--s-checkbox-icon-font-size:20px;--s-checkbox-icon-color:var(--s-text-color-fourth);--s-checkbox-icon-color-checked:var(--s-color-primary);--s-checkbox-icon-color-disabled:var(--s-text-color-disabled);--s-checkbox-label-margin-start:var(--s-size-xs)}.s-checkbox{display:flex;align-items:center;cursor:pointer}.s-checkbox__icon{font-size:var(--s-checkbox-icon-font-size);line-height:var(--s-line-height-none);color:var(--s-checkbox-icon-color);transition:color var(--s-duration)}.s-checkbox__icon--checked,.s-checkbox__icon--indeterminate{color:var(--s-checkbox-icon-color-checked)}.s-checkbox__label{margin-inline-start:var(--s-checkbox-label-margin-start)}.s-checkbox--readonly{cursor:unset}.s-checkbox--disabled{cursor:var(--s-cursor-disabled)}.s-checkbox--disabled .s-checkbox__icon{color:var(--s-checkbox-icon-color-disabled)}.s-checkbox--disabled .s-checkbox__label{color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-checkbox-group{display:flex;row-gap:var(--s-checkbox-group-gap-y);column-gap:var(--s-checkbox-group-gap-x)}.s-checkbox-group--horizontal{flex-direction:row;flex-wrap:wrap}.s-checkbox-group--vertical{flex-direction:column}
+:root{--s-checkbox-group-column-gap:var(--s-size-sm);--s-checkbox-group-row-gap:var(--s-size-xs);--s-checkbox-icon-font-size:20px;--s-checkbox-icon-color:var(--s-text-color-fourth);--s-checkbox-icon-color-checked:var(--s-color-primary);--s-checkbox-icon-color-disabled:var(--s-text-color-disabled);--s-checkbox-label-margin-start:var(--s-size-xs)}.s-checkbox{display:flex;align-items:center;cursor:pointer}.s-checkbox__icon{font-size:var(--s-checkbox-icon-font-size);line-height:var(--s-line-height-none);color:var(--s-checkbox-icon-color);transition:color var(--s-duration)}.s-checkbox__icon--checked,.s-checkbox__icon--indeterminate{color:var(--s-checkbox-icon-color-checked)}.s-checkbox__label{margin-inline-start:var(--s-checkbox-label-margin-start)}.s-checkbox--readonly{cursor:unset}.s-checkbox--disabled{cursor:var(--s-cursor-disabled)}.s-checkbox--disabled .s-checkbox__icon{color:var(--s-checkbox-icon-color-disabled)}.s-checkbox--disabled .s-checkbox__label{color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-checkbox-group{display:flex;row-gap:var(--s-checkbox-group-row-gap);column-gap:var(--s-checkbox-group-column-gap)}.s-checkbox-group--horizontal{flex-direction:row;flex-wrap:wrap}.s-checkbox-group--vertical{flex-direction:column}

package/components/checkbox/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import checkbox_default from "./checkbox.js";
 import checkbox_group_default from "./checkbox-group.js";
 //#region packages/sard/components/checkbox/index.ts

package/components/checkbox-input/checkbox-input.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_input_default from "../popout-input/popout-input.js";
 import { partitionPopoutInputProps, usePopoutInput } from "../popout-input/usePopoutInput.js";
 import checkbox_popout_default from "../checkbox-popout/checkbox-popout.js";

package/components/checkbox-input/index.js

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

package/components/checkbox-popout/checkbox-popout.js

@@ -2,8 +2,6 @@ import { createBem } from "../../utils/bem.js";
 import { useScrollSide } from "../../use/useScrollSide.js";
 import { useIndeterminate } from "../../use/useIndeterminate.js";
 import { useOptionKeys } from "../../use/useOptionKeys.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import popout_default from "../popout/popout.js";
 import input_default from "../input/input.js";
 import { useFormPopout } from "../popout/useFormPopout.js";

package/components/checkbox-popout/index.css

@@ -1 +1 @@
-:root{--s-checkbox-popout-max-height:320px}.s-checkbox-popout__container{position:relative}.s-checkbox-popout__container::before,.s-checkbox-popout__container::after{content:"";position:absolute;left:0;right:0;z-index:10;height:10px;overflow:hidden;box-shadow:none;touch-action:none;pointer-events:none;transition:box-shadow var(--s-duration)}.s-checkbox-popout__container::before{top:0}.s-checkbox-popout__container::after{bottom:0}.s-checkbox-popout__container--none::before,.s-checkbox-popout__container--end::before{box-shadow:var(--s-box-shadow-top)}.s-checkbox-popout__container--none::after,.s-checkbox-popout__container--start::after{box-shadow:var(--s-box-shadow-bottom)}.s-checkbox-popout__scroll{overflow-x:hidden;overflow-y:auto;max-height:var(--s-checkbox-popout-max-height)}.s-checkbox-popout__scroll--searchable{height:var(--s-checkbox-popout-max-height)}.s-checkbox-popout__toolbar{display:flex;flex-direction:column;gap:var(--s-size-xs);padding:var(--s-size-xs) var(--s-size)}.s-checkbox-popout__check-all{display:flex;align-items:center;color:var(--s-text-color-tertiary);font-size:var(--s-font-size-sm)}
+:root{--s-checkbox-popout-max-height:320px;--s-checkbox-popout-toolbar-gap:var(--s-size-xs);--s-checkbox-popout-toolbar-padding:var(--s-size-xs) var(--s-size);--s-checkbox-popout-check-all-font-size:var(--s-font-size-sm);--s-checkbox-popout-check-all-color:var(--s-text-color-tertiary)}.s-checkbox-popout__container{position:relative}.s-checkbox-popout__container::before,.s-checkbox-popout__container::after{content:"";position:absolute;left:0;right:0;z-index:10;height:10px;overflow:hidden;box-shadow:none;touch-action:none;pointer-events:none;transition:box-shadow var(--s-duration)}.s-checkbox-popout__container::before{top:0}.s-checkbox-popout__container::after{bottom:0}.s-checkbox-popout__container--none::before,.s-checkbox-popout__container--end::before{box-shadow:var(--s-box-shadow-top)}.s-checkbox-popout__container--none::after,.s-checkbox-popout__container--start::after{box-shadow:var(--s-box-shadow-bottom)}.s-checkbox-popout__scroll{overflow-x:hidden;overflow-y:auto;max-height:var(--s-checkbox-popout-max-height)}.s-checkbox-popout__scroll--searchable{height:var(--s-checkbox-popout-max-height)}.s-checkbox-popout__toolbar{display:flex;flex-direction:column;gap:var(--s-checkbox-popout-toolbar-gap);padding:var(--s-checkbox-popout-toolbar-padding)}.s-checkbox-popout__check-all{display:flex;align-items:center;font-size:var(--s-checkbox-popout-check-all-font-size);color:var(--s-checkbox-popout-check-all-color)}

package/components/checkbox-popout/index.js

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

package/components/collapse/collapse.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { sleep } from "../../utils/utils.js";
-import "../../utils/index.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useTemplateRef, watch } from "vue";
 //#region packages/sard/components/collapse/collapse.vue
 var collapse_default = /*@__PURE__*/ defineComponent({

package/components/collapse/index.js

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