sard 1.0.1 → 1.0.3

package/components/timeline/timeline.js

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

package/components/toast/index.css

@@ -1 +1 @@
-:root{--s-toast-top:10%;--s-toast-bottom:10%;--s-toast-font-size:var(--s-font-size);--s-toast-width:120px;--s-toast-min-height-not-text:var(--s-toast-width);--s-toast-padding-x:var(--s-size);--s-toast-padding-y:var(--s-size);--s-toast-radius:var(--s-border-radius-lg);--s-toast-color:var(--s-white);--s-toast-bg:var(--s-overlay-illegible);--s-toast-text-max-width:80%;--s-toast-text-padding-y:10px;--s-toast-icon-margin-bottom:var(--s-size-xs);--s-toast-icon-size:36px;--s-toast-icon-loading-size:30px;--s-toast-title-font-size:var(--s-toast-font-size)}.s-toast{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--s-toast-padding-y) var(--s-toast-padding-x);border-radius:var(--s-toast-radius);background:var(--s-toast-bg);touch-action:none}.s-toast__popup{width:max-content;max-width:var(--s-toast-text-max-width)}.s-toast__popup--top{top:var(--s-toast-top);bottom:auto}.s-toast__popup--bottom{top:auto;bottom:var(--s-toast-bottom)}.s-toast__icon{display:flex;justify-content:center;align-items:center;width:var(--s-toast-icon-size);height:var(--s-toast-icon-size);margin-bottom:var(--s-toast-icon-margin-bottom);text-align:center;font-size:var(--s-toast-icon-size);color:var(--s-toast-color)}.s-toast__icon:is(.is-loading){font-size:var(--s-toast-icon-loading-size)}.s-toast__title{font-size:var(--s-toast-title-font-size);line-height:var(--s-line-height-normal);text-align:center;color:var(--s-toast-color)}.s-toast:is(.is-text){padding-top:var(--s-toast-text-padding-y);padding-bottom:var(--s-toast-text-padding-y);word-break:break-all}.s-toast:not(.is-text){width:var(--s-toast-width);min-height:var(--s-toast-min-height-not-text)}
+:root{--s-toast-top:10%;--s-toast-bottom:10%;--s-toast-font-size:var(--s-font-size);--s-toast-width:120px;--s-toast-min-height-icon-only:var(--s-toast-width);--s-toast-padding-x:var(--s-size);--s-toast-padding-y:var(--s-size);--s-toast-border-radius:var(--s-border-radius-lg);--s-toast-color:var(--s-white);--s-toast-bg:var(--s-overlay-illegible);--s-toast-text-max-width:80%;--s-toast-text-padding-y:10px;--s-toast-icon-margin-bottom:var(--s-size-xs);--s-toast-icon-size:36px;--s-toast-icon-loading-size:30px;--s-toast-title-font-size:var(--s-toast-font-size)}.s-toast{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--s-toast-padding-y) var(--s-toast-padding-x);border-radius:var(--s-toast-border-radius);background:var(--s-toast-bg);touch-action:none}.s-toast__popup{width:max-content;max-width:var(--s-toast-text-max-width)}.s-toast__popup--top{top:var(--s-toast-top);bottom:auto}.s-toast__popup--bottom{top:auto;bottom:var(--s-toast-bottom)}.s-toast__icon{display:flex;justify-content:center;align-items:center;width:var(--s-toast-icon-size);height:var(--s-toast-icon-size);margin-bottom:var(--s-toast-icon-margin-bottom);text-align:center;font-size:var(--s-toast-icon-size);color:var(--s-toast-color)}.s-toast__icon:is(.is-loading){font-size:var(--s-toast-icon-loading-size)}.s-toast__title{font-size:var(--s-toast-title-font-size);line-height:var(--s-line-height-normal);text-align:center;color:var(--s-toast-color)}.s-toast:is(.is-text){padding-top:var(--s-toast-text-padding-y);padding-bottom:var(--s-toast-text-padding-y);word-break:break-all}.s-toast:not(.is-text){width:var(--s-toast-width);min-height:var(--s-toast-min-height-icon-only)}

package/components/toast/index.js

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

package/components/toast/toast.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 loading_default from "../loading/loading.js";
 import { defaultToastProps } from "./common.js";

package/components/tree/index.css

@@ -1 +1 @@
-:root{--s-tree-border-color:var(--s-border-color);--s-tree-bg:var(--s-bg-color-container);--s-tree-loading-size:var(--s-font-size);--s-tree-loading-color:var(--s-text-color-fourth);--s-tree-loading-margin-y:10px;--s-tree-node-height:var(--s-content-height-sm);--s-tree-node-padding-x:var(--s-content-padding-x);--s-tree-node-padding-y:var(--s-content-padding-y);--s-tree-node-bg:var(--s-bg-color-container);--s-tree-node-bg-active:var(--s-bg-color-active);--s-tree-node-box-shadow-dragging:var(--s-box-shadow-secondary);--s-tree-node-loading-margin-end:var(--s-size-xs);--s-tree-toolbar-margin-end:-12px;--s-tree-indent-width:var(--s-size-xl);--s-tree-arrow-padding-x:var(--s-size-sm);--s-tree-arrow-font-size:var(--s-font-size-sm);--s-tree-arrow-color:var(--s-text-color-tertiary);--s-tree-selection-padding-x:var(--s-size-sm);--s-tree-edit-padding-x:var(--s-size-sm);--s-tree-edit-font-size:18px;--s-tree-edit-color:var(--s-text-color-fourth);--s-tree-edit-opacity-active:var(--s-opacity-active);--s-tree-level-btn-padding-x:var(--s-size-sm);--s-tree-level-btn-font-size:18px;--s-tree-level-btn-color:var(--s-text-color-fourth);--s-tree-level-btn-opacity-active:var(--s-opacity-active);--s-tree-drag-padding-x:var(--s-size-sm);--s-tree-drag-font-size:18px;--s-tree-drag-color:var(--s-text-color-fourth);--s-tree-drag-opacity-active:var(--s-opacity-active)}.s-tree{position:relative;display:flex;flex-direction:column;background:var(--s-tree-bg);transition:height var(--s-duration)}.s-tree__input-wrapper{padding:0 var(--s-dialog-body-padding-x) var(--s-dialog-body-padding-y)}.s-tree__input-text{text-align:center}.s-tree__load-status{display:flex;justify-content:center;align-items:center;margin:var(--s-tree-loading-margin-y) 0;font-size:var(--s-tree-loading-size);color:var(--s-tree-loading-color)}.s-tree__error{cursor:pointer}.s-tree__node{position:relative;display:flex;width:100%;min-height:var(--s-tree-node-height);align-items:center;padding:var(--s-tree-node-padding-y) var(--s-tree-node-padding-x);background:var(--s-tree-node-bg)}.s-tree__node::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-tree-border-color);transform-origin:bottom center}.s-tree__node--active{background:var(--s-tree-node-bg-active)}.s-tree__node--draggable{position:absolute;top:0;inset-inline-start:0;height:var(--s-tree-node-height);transition:transform var(--s-duration),opacity var(--s-duration)}.s-tree__node--dragging{z-index:1;box-shadow:var(--s-tree-node-box-shadow-dragging);transition:none}.s-tree__node--truncated .s-tree__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-tree__node--disallowed .s-tree__drag{visibility:hidden}.s-tree__arrow{margin-top:calc(var(--s-tree-node-padding-y)*-1);margin-inline-end:0;margin-bottom:calc(var(--s-tree-node-padding-y)*-1);margin-inline-start:calc(var(--s-tree-arrow-padding-x)*-1);padding:var(--s-tree-node-padding-y) var(--s-tree-arrow-padding-x);font-size:var(--s-tree-arrow-font-size);color:var(--s-tree-arrow-color);transition:transform var(--s-duration)}.s-tree__arrow--expanded{transform:rotate(-90deg)}.s-tree__arrow--is-leaf{visibility:hidden}:root[dir=rtl] .s-tree__arrow--expanded{transform:rotate(90deg)}:root[dir=rtl] .s-tree__arrow-icon{transform:rotateY(180deg)}.s-tree__loading{margin-inline-end:var(--s-tree-node-loading-margin-end);font-size:var(--s-tree-loading-size);color:var(--s-tree-loading-color)}.s-tree__selection{margin-top:calc(var(--s-tree-node-padding-y)*-1);margin-inline-end:0;margin-bottom:calc(var(--s-tree-node-padding-y)*-1);margin-inline-start:calc(var(--s-tree-selection-padding-x)*-1);padding:var(--s-tree-node-padding-y) var(--s-tree-selection-padding-x);cursor:pointer}.s-tree__selection--disabled{cursor:not-allowed}.s-tree__title{flex:1;min-width:0;line-height:var(--s-line-height-snug)}.s-tree__toolbar{display:flex;margin-inline-start:auto;margin-inline-end:var(--s-tree-toolbar-margin-end)}.s-tree__edit{margin:calc(var(--s-tree-node-padding-y)*-1) 0;padding:var(--s-tree-node-padding-y) var(--s-tree-edit-padding-x);font-size:var(--s-tree-edit-font-size);color:var(--s-tree-edit-color);cursor:pointer}.s-tree__edit:active{opacity:var(--s-tree-edit-opacity-active)}.s-tree__drag{position:relative;display:flex;align-items:center;margin:calc(var(--s-tree-node-padding-y)*-1) 0;padding:var(--s-tree-node-padding-y) var(--s-tree-drag-padding-x);font-size:var(--s-tree-drag-font-size);line-height:var(--s-line-height-none);color:var(--s-tree-drag-color);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.s-tree__drag:active{opacity:var(--s-tree-drag-opacity-active)}.s-tree__level-btn{position:absolute;top:50%;inset-inline-start:0;display:flex;flex-direction:column;font-size:var(--s-tree-arrow-padding-x);transform:translateY(-50%) scale(0.8)}:root[dir=rtl] .s-tree__level-btn-icon{transform:rotateY(180deg)}
+:root{--s-tree-border-color:var(--s-border-color);--s-tree-bg:var(--s-bg-color-container);--s-tree-loading-size:var(--s-font-size);--s-tree-loading-color:var(--s-text-color-fourth);--s-tree-loading-margin-y:10px;--s-tree-node-height:var(--s-content-height-sm);--s-tree-node-padding-x:var(--s-content-padding-x);--s-tree-node-padding-y:var(--s-content-padding-y);--s-tree-node-bg:var(--s-bg-color-container);--s-tree-node-bg-active:var(--s-bg-color-active);--s-tree-node-box-shadow-dragging:var(--s-box-shadow-secondary);--s-tree-node-loading-margin-end:var(--s-size-xs);--s-tree-toolbar-margin-end:-12px;--s-tree-indent-width:var(--s-size-xl);--s-tree-arrow-padding-x:var(--s-size-sm);--s-tree-arrow-font-size:var(--s-font-size-sm);--s-tree-arrow-color:var(--s-text-color-tertiary);--s-tree-selection-padding-x:var(--s-size-sm);--s-tree-edit-padding-x:var(--s-size-sm);--s-tree-edit-font-size:18px;--s-tree-edit-color:var(--s-text-color-fourth);--s-tree-edit-opacity-active:var(--s-opacity-active);--s-tree-level-btn-padding-x:var(--s-size-sm);--s-tree-level-btn-font-size:18px;--s-tree-level-btn-color:var(--s-text-color-fourth);--s-tree-level-btn-opacity-active:var(--s-opacity-active);--s-tree-drag-padding-x:var(--s-size-sm);--s-tree-drag-font-size:18px;--s-tree-drag-color:var(--s-text-color-fourth);--s-tree-drag-opacity-active:var(--s-opacity-active)}.s-tree{position:relative;display:flex;flex-direction:column;background:var(--s-tree-bg);transition:height var(--s-duration)}.s-tree__input-wrapper{padding:0 var(--s-dialog-body-padding-x) var(--s-dialog-body-padding-y)}.s-tree__input-text{text-align:center}.s-tree__status{display:flex;justify-content:center;align-items:center;margin:var(--s-tree-loading-margin-y) 0;font-size:var(--s-tree-loading-size);color:var(--s-tree-loading-color)}.s-tree__error{cursor:pointer}.s-tree__node{position:relative;display:flex;width:100%;min-height:var(--s-tree-node-height);align-items:center;padding:var(--s-tree-node-padding-y) var(--s-tree-node-padding-x);background:var(--s-tree-node-bg)}.s-tree__node::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-tree-border-color);transform-origin:bottom center}.s-tree__node--active{background:var(--s-tree-node-bg-active)}.s-tree__node--draggable{position:absolute;top:0;inset-inline-start:0;height:var(--s-tree-node-height);transition:transform var(--s-duration),opacity var(--s-duration)}.s-tree__node--dragging{z-index:1;box-shadow:var(--s-tree-node-box-shadow-dragging);transition:none}.s-tree__node--truncated .s-tree__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-tree__node--disallowed .s-tree__drag{visibility:hidden}.s-tree__arrow{margin-top:calc(var(--s-tree-node-padding-y)*-1);margin-inline-end:0;margin-bottom:calc(var(--s-tree-node-padding-y)*-1);margin-inline-start:calc(var(--s-tree-arrow-padding-x)*-1);padding:var(--s-tree-node-padding-y) var(--s-tree-arrow-padding-x);font-size:var(--s-tree-arrow-font-size);color:var(--s-tree-arrow-color);transition:transform var(--s-duration)}.s-tree__arrow--expanded{transform:rotate(-90deg)}.s-tree__arrow--is-leaf{visibility:hidden}:root[dir=rtl] .s-tree__arrow--expanded{transform:rotate(90deg)}:root[dir=rtl] .s-tree__arrow-icon{transform:rotateY(180deg)}.s-tree__loading{margin-inline-end:var(--s-tree-node-loading-margin-end);font-size:var(--s-tree-loading-size);color:var(--s-tree-loading-color)}.s-tree__selection{margin-top:calc(var(--s-tree-node-padding-y)*-1);margin-inline-end:0;margin-bottom:calc(var(--s-tree-node-padding-y)*-1);margin-inline-start:calc(var(--s-tree-selection-padding-x)*-1);padding:var(--s-tree-node-padding-y) var(--s-tree-selection-padding-x);cursor:pointer}.s-tree__selection--disabled{cursor:not-allowed}.s-tree__title{flex:1;min-width:0;line-height:var(--s-line-height-snug)}.s-tree__toolbar{display:flex;margin-inline-start:auto;margin-inline-end:var(--s-tree-toolbar-margin-end)}.s-tree__edit{margin:calc(var(--s-tree-node-padding-y)*-1) 0;padding:var(--s-tree-node-padding-y) var(--s-tree-edit-padding-x);font-size:var(--s-tree-edit-font-size);color:var(--s-tree-edit-color);cursor:pointer}.s-tree__edit:active{opacity:var(--s-tree-edit-opacity-active)}.s-tree__drag{position:relative;display:flex;align-items:center;margin:calc(var(--s-tree-node-padding-y)*-1) 0;padding:var(--s-tree-node-padding-y) var(--s-tree-drag-padding-x);font-size:var(--s-tree-drag-font-size);line-height:var(--s-line-height-none);color:var(--s-tree-drag-color);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.s-tree__drag:active{opacity:var(--s-tree-drag-opacity-active)}.s-tree__level-btn{position:absolute;top:50%;inset-inline-start:0;display:flex;flex-direction:column;font-size:var(--s-tree-arrow-padding-x);transform:translateY(-50%) scale(0.8)}:root[dir=rtl] .s-tree__level-btn-icon{transform:rotateY(180deg)}

package/components/tree/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import tree_node_default from "./tree-node.js";
 import tree_default from "./tree.js";
 import tree_branch_default from "./tree-branch.js";

package/components/tree/tree-node.js

@@ -4,9 +4,7 @@ import { getNodeLevel, walkDescendant } from "../../utils/tree.js";
 import { usePointerDown } from "../../use/usePointerDown.js";
 import { useSimulatedClick } from "../../use/useSimulatedClick.js";
 import { useSimulatedPress } from "../../use/useSimulatedPress.js";
-import "../../use/index.js";
 import { withResolvers } from "../../utils/polyfill.js";
-import "../../utils/index.js";
 import collapse_default from "../collapse/collapse.js";
 import loading_default from "../loading/loading.js";
 import checkbox_default from "../checkbox/checkbox.js";

package/components/tree/tree.js

@@ -2,8 +2,6 @@ import { createBem, cssVar } from "../../utils/bem.js";
 import { uniqid } from "../../utils/string.js";
 import { getTreeCheckedKeys, getTreeHalfCheckedKeys, initializeCheckNodes, setCheckedRecursively, updateAncestorsChecked, walkAncestor, walkDescendant, walkNodes } from "../../utils/tree.js";
 import { useRtl } from "../../use/useRtl.js";
-import "../../use/index.js";
-import "../../utils/index.js";
 import loading_default from "../loading/loading.js";
 import { useTranslateWithPrefix } from "../../locale/index.js";
 import input_default from "../input/input.js";
@@ -578,7 +576,7 @@ var tree_default = /*@__PURE__*/ defineComponent({
 					style: treeStyle.value
 				}), [__props.lazy && !!__props.load && (loadStatus.value !== "loaded" || treeData.value.length === 0) ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					class: normalizeClass(unref(bem).e("load-status"))
+					class: normalizeClass(unref(bem).e("status"))
 				}, [loadStatus.value === "loading" ? (openBlock(), createBlock(loading_default, { key: 0 })) : loadStatus.value === "error" ? (openBlock(), createElementBlock("span", {
 					key: 1,
 					class: normalizeClass(unref(bem).e("error")),

package/components/upload/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import upload_preview_default from "./upload-preview.js";
 import upload_default from "./upload.js";
 //#region packages/sard/components/upload/index.ts

package/components/upload/upload-preview.js

@@ -1,6 +1,5 @@
 import { createBem } from "../../utils/bem.js";
 import { isImageFile, isImageUrl, isVideoFile, isVideoUrl } from "../../utils/file.js";
-import "../../utils/index.js";
 import loading_default from "../loading/loading.js";
 import { defaultUploadPreviewProps } from "./common.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeDefaults, normalizeClass, openBlock, ref, toDisplayString, unref, useTemplateRef, withModifiers } from "vue";

package/components/upload/upload.js

@@ -2,7 +2,6 @@ import { createBem } from "../../utils/bem.js";
 import { chooseFile, isImageFile, isImageUrl } from "../../utils/file.js";
 import { isFunction } from "../../utils/is.js";
 import { toArray } from "../../utils/array.js";
-import "../../utils/index.js";
 import { useFormContext, useFormItemContext } from "../form/common.js";
 import { previewImage } from "../preview-image/imperative.js";
 import { defaultUploadProps } from "./common.js";

package/components/waterfall/index.js

@@ -1,5 +1,4 @@
 import { enhanceComponent } from "../../utils/component.js";
-import "../../utils/index.js";
 import waterfall_default from "./waterfall.js";
 import waterfall_item_default from "./waterfall-item.js";
 import waterfall_load_default from "./waterfall-load.js";

package/components/waterfall/test/SimulatedImage.js

@@ -1,8 +1,6 @@
 import { cssVar } from "../../../utils/bem.js";
 import { random } from "../../../utils/number.js";
 import { useTimeout } from "../../../use/useTimeout.js";
-import "../../../use/index.js";
-import "../../../utils/index.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, normalizeStyle, onMounted, openBlock, ref, toDisplayString, unref } from "vue";
 //#region packages/sard/components/waterfall/test/SimulatedImage.vue
 var SimulatedImage_default = /*@__PURE__*/ defineComponent({

package/components/waterfall/waterfall-item.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 { waterfallContextKey } from "./common.js";
 import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, reactive, ref, renderSlot, unref, useTemplateRef, watch } from "vue";
 //#region packages/sard/components/waterfall/waterfall-item.vue

package/components/waterfall/waterfall-load.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 { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, unref } from "vue";
 //#region packages/sard/components/waterfall/waterfall-load.vue
 var waterfall_load_default = /*@__PURE__*/ defineComponent({

package/components/waterfall/waterfall.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 { defaultWaterfallProps, waterfallContextKey } from "./common.js";
 import { computed, createElementBlock, defineComponent, mergeDefaults, nextTick, normalizeClass, normalizeStyle, openBlock, provide, reactive, ref, renderSlot, useTemplateRef, watch } from "vue";
 //#region packages/sard/components/waterfall/waterfall.vue

package/components/watermark/index.js

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

package/components/watermark/watermark.js

@@ -2,7 +2,6 @@ import { createBem } from "../../utils/bem.js";
 import { imageDataToDataURL, loadImage } from "../../utils/file.js";
 import { toArray } from "../../utils/array.js";
 import { getRotatedRect } from "../../utils/geometry.js";
-import "../../utils/index.js";
 import { defaultWatermarkFont, defaultWatermarkProps } from "./common.js";
 import { computed, createElementBlock, defineComponent, mergeDefaults, normalizeClass, normalizeStyle, openBlock, ref, shallowRef, watch } from "vue";
 //#region packages/sard/components/watermark/watermark.vue

package/global.d.ts

@@ -64,6 +64,7 @@ declare module 'vue' {
     SImage: typeof import('./components/image/image').default
     SIndexes: typeof import('./components/indexes/indexes').default
     SIndexesAnchor: typeof import('./components/indexes/indexes-anchor').default
+    SInfiniteList: typeof import('./components/infinite-list/infinite-list').default
     SInput: typeof import('./components/input/input').default
     SKeyboard: typeof import('./components/keyboard/keyboard').default
     SKeyboardPopout: typeof import('./components/keyboard-popout/keyboard-popout').default