@thestarweb/ui 2.0.0-beta.1 → 2.0.0-beta.2

package/dist/components/other/menu/menu-h/{index.vue_vue_type_script_setup_true_lang.mjs → index.vue_vue_type_script_setup_true_lang.js}

@@ -1,5 +1,5 @@
-import e from "./menu-h-item.vue.mjs";
-import { Fragment as t, createBlock as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, renderList as l, renderSlot as u, withCtx as d } from "D:/sweb/star-ui/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import e from "./menu-h-item.vue.js";
+import { Fragment as t, createBlock as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, renderList as l, renderSlot as u, withCtx as d } from "vue";
 // src/components/other/menu/menu-h/index.vue?vue&type=script&setup=true&lang.ts
 var f = { class: /*@__PURE__*/ s([
 	"star-ui",

package/dist/components/other/menu/menu-h/{menu-h-item.vue.mjs → menu-h-item.vue.js}

@@ -1,5 +1,5 @@
-import e from "./menu-h-item.vue_vue_type_script_setup_true_lang.mjs";
-/* empty css                                                 */
+import e from "./menu-h-item.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                */
 // src/components/other/menu/menu-h/menu-h-item.vue
 var t = e;
 export { t as default };

package/dist/components/other/menu/menu-h/{menu-h-item.vue_vue_type_script_setup_true_lang.mjs → menu-h-item.vue_vue_type_script_setup_true_lang.js}

@@ -1,4 +1,4 @@
-import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeClass as s, normalizeProps as c, openBlock as l, renderList as u, renderSlot as d, resolveComponent as f, withCtx as p } from "D:/sweb/star-ui/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeClass as s, normalizeProps as c, openBlock as l, renderList as u, renderSlot as d, resolveComponent as f, withCtx as p } from "vue";
 // src/components/other/menu/menu-h/menu-h-item.vue?vue&type=script&setup=true&lang.ts
 var m = { class: "star-ui star-ui-menu--item-box star-ui-menu-h--item-box" }, h = /*@__PURE__*/ i({
 	__name: "menu-h-item",

package/dist/components/other/menu/menu-v/{index.vue.mjs → index.vue.js}

@@ -1,4 +1,4 @@
-import e from "./index.vue_vue_type_script_setup_true_lang.mjs";
+import e from "./index.vue_vue_type_script_setup_true_lang.js";
 // src/components/other/menu/menu-v/index.vue
 var t = e;
 export { t as default };

package/dist/components/other/menu/menu-v/{index.vue_vue_type_script_setup_true_lang.mjs → index.vue_vue_type_script_setup_true_lang.js}

@@ -1,6 +1,5 @@
-import e from "../../../../icons/home.svg_component.mjs";
-import "../../../../icons/index.mjs";
-import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, shallowRef as p, toDisplayString as m, unref as h } from "D:/sweb/star-ui/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import e from "../../../../icons/home.svg_component.js";
+import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderList as d, renderSlot as f, shallowRef as p, toDisplayString as m, unref as h } from "vue";
 // src/components/other/menu/menu-v/index.vue?vue&type=script&setup=true&lang.ts
 var g = { class: /*@__PURE__*/ l([
 	"star-ui",

package/dist/context/{is-mobile.mjs → is-mobile.js}

@@ -1,4 +1,4 @@
-import { computed as e, inject as t, provide as n } from "D:/sweb/star-ui/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import { computed as e, inject as t, provide as n } from "vue";
 // src/context/is-mobile.ts
 var r = Symbol("SuViewCtrlInjectKeyIsMobile");
 function i() {

package/dist/icons/{arrow-down.svg_component.mjs → arrow-down.svg_component.js}

@@ -1,4 +1,4 @@
-import { createElementBlock as e, createElementVNode as t, openBlock as n } from "D:/sweb/star-ui/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import { createElementBlock as e, createElementVNode as t, openBlock as n } from "vue";
 // src/icons/arrow-down.svg?component
 var r = {
 	viewBox: "0 0 1024 1024",

package/dist/icons/{arrow-right.svg_component.mjs → arrow-right.svg_component.js}

@@ -1,4 +1,4 @@
-import { createElementBlock as e, createElementVNode as t, openBlock as n } from "D:/sweb/star-ui/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import { createElementBlock as e, createElementVNode as t, openBlock as n } from "vue";
 // src/icons/arrow-right.svg?component
 var r = {
 	viewBox: "0 0 1024 1024",

package/dist/icons/{home.svg_component.mjs → home.svg_component.js}

@@ -1,4 +1,4 @@
-import { createElementBlock as e, createElementVNode as t, openBlock as n } from "D:/sweb/star-ui/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import { createElementBlock as e, createElementVNode as t, openBlock as n } from "vue";
 // src/icons/home.svg?component
 var r = {
 	viewBox: "0 0 1024 1024",

package/dist/icons/{menu.svg_component.mjs → menu.svg_component.js}

@@ -1,4 +1,4 @@
-import { createElementBlock as e, createElementVNode as t, openBlock as n } from "D:/sweb/star-ui/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import { createElementBlock as e, createElementVNode as t, openBlock as n } from "vue";
 // src/icons/menu.svg?component
 var r = {
 	viewBox: "0 0 1024 1024",

package/dist/index.js

@@ -0,0 +1,19 @@
+/* empty css                */
+import e from "./components/base/button/button.vue.js";
+import t from "./components/data/card/card.vue.js";
+import n from "./components/data/table/table.vue.js";
+import r from "./components/form/input/input.vue.js";
+import { SuViewCtrlInjectKeyIsMobile as i, provideIsMobile as a, useIsMobile as o } from "./context/is-mobile.js";
+import s from "./components/data/popover/popover.vue.js";
+import c from "./components/form/select/select.vue.js";
+import l from "./components/form/switch/switch.vue.js";
+import u from "./components/form/slider/slider.vue.js";
+import d from "./components/form/checkbox/checkbox.vue.js";
+import f from "./components/data/tree/tree.vue.js";
+import p from "./components/data/tag/tag.vue.js";
+import m from "./components/data/pagination/pagination.vue.js";
+import h from "./components/other/menu/index.vue.js";
+import g from "./components/other/calendar/calendar.vue.js";
+import _ from "./components/layout/page/Page.vue.js";
+import { Layout as v } from "./components/layout/layout/index.js";
+export { e as Button, g as Calender, t as Card, d as CheckBox, r as Input, v as Layout, h as Menu, _ as Page, m as Pagination, s as Popover, c as Select, u as Slider, i as SuViewCtrlInjectKeyIsMobile, l as Switch, n as Table, p as Tag, f as Tree, a as provideIsMobile, o as useIsMobile };

package/dist/style.css

@@ -1,2 +1,2 @@
-@layer star-ui-base{:root{--star-ui-background-color-primary:#fff;--star-ui-background-color-dark:#0c0440;--star-ui-primary-color:#0c81ff;--star-ui-primary-inner-text-color:#fff;--star-ui-success-color:#67c23a;--star-ui-success-inner-text-color:#fff;--star-ui-warning-color:#e6a23c;--star-ui-warning-inner-text-color:#fff;--star-ui-danger-color:#f56c6c;--star-ui-danger-inner-text-color:#fff;--star-ui-info-color:#909399;--star-ui-info-inner-text-color:#fff;--star-ui-disabled-color:#c0c4cc;--star-ui-text-color-primary:#222;--star-ui-text-color-label:#555;--star-ui-text-color-weak:#555;--star-ui-text-color-placeholder:#c0c4cc;--star-ui-text-color-in-dark:#fff;--star-ui-border-color-base:#e8eaec;--star-ui-border-color-bold:#a1a8af;--star-ui-border-radius-base:5px;--star-ui-mask-color:#00000080;--star-ui-table-head-color:#f8f8f9;--star-ui-line-color:#8af;--star-ui-regular-text-color:#606266;--star-ui-line-width:1px;--star-ui-input-border-color:#666;--star-ui-input-medium-font-size:16px;--star-ui-input-small-font-size:14px;--star-ui-input-mini-font-size:12px;--star-ui-input-default-width:280px;--star-ui-default-padding:5px}.dark-mode{--star-ui-background-color:#555}}@layer star-ui-common{.star-ui{box-sizing:border-box;margin:0;padding:0;position:relative}.star-ui-icon{fill:currentColor;vertical-align:middle;width:1em;height:1em}.star-ui-container{padding:var(--star-ui-default-padding)}.star-ui-placeholder{color:var(--star-ui-text-color-placeholder)}}@layer star-ui-size{.star-ui-size-medium{--font-size:var(--star-ui-input-medium-font-size);font-size:var(--font-size);--line-height:calc(var(--star-ui-input-medium-font-size) + 2px);line-height:var(--line-height);--padding:var(--star-ui-default-padding);padding:var(--padding);--border-radius:var(--star-ui-border-radius-base);border-radius:var(--border-radius);border:1px solid #0000}.star-ui-size-small{--font-size:var(--star-ui-input-small-font-size);font-size:var(--font-size);--line-height:calc(var(--star-ui-input-small-font-size) + 2px);line-height:var(--line-height);--padding:calc(var(--star-ui-default-padding) / 2);padding:var(--padding);--border-radius:var(--star-ui-border-radius-base);border-radius:var(--border-radius);border:1px solid #0000}.star-ui-size-mini{--font-size:var(--star-ui-input-mini-font-size);font-size:var(--font-size);--line-height:calc(var(--star-ui-input-mini-font-size) + 2px);line-height:var(--line-height);--padding:calc(var(--star-ui-default-padding) / 2);padding:var(--padding);--border-radius:var(--star-ui-border-radius-base);border-radius:var(--border-radius);border:1px solid #0000}}@layer star-ui-color{.star-ui-color-text-default{--bg-color:transparent;--text-color:var(--star-ui-text-color-primary)}.star-ui-color-text-primary{--bg-color:transparent;--text-color:var(--star-ui-primary-color)}.star-ui-color-text-success{--bg-color:transparent;--text-color:var(--star-ui-success-color)}.star-ui-bcolor-text-warning{--bg-color:transparent;--text-color:var(--star-ui-warning-color)}.star-ui-color-text-danger{--bg-color:transparent;--text-color:var(--star-ui-danger-color)}.star-ui-color-text-info{--bg-color:transparent;--text-color:var(--star-ui-info-color)}.star-ui-color-bg-default{--bg-color:transparent;--text-color:var(--star-ui-text-color-primary)}.star-ui-color-bg-primary{--bg-color:var(--star-ui-primary-color);--text-color:var(--star-ui-primary-inner-text-color)}.star-ui-color-bg-success{--bg-color:var(--star-ui-success-color);--text-color:var(--star-ui-success-inner-text-color)}.star-ui-color-bg-warning{--bg-color:var(--star-ui-warning-color);--text-color:var(--star-ui-warning-inner-text-color)}.star-ui-color-bg-danger{--bg-color:var(--star-ui-danger-color);--text-color:var(--star-ui-danger-inner-text-color)}.star-ui-color-bg-info{--bg-color:var(--star-ui-info-color);--text-color:var(--star-ui-info-inner-text-color)}.star-ui-block-theme-apply-bg{background-color:var(--bg-color)}.star-ui-block-theme-apply-text{color:var(--text-color)}}.star-ui-button{cursor:pointer;--main-color:var(--star-ui-background-color-primary);--button-bg-color:var(--bg-color);--button-text-color:var(--text-color);--button-border-color:var(--bg-color,var(--star-ui-border-color-bold));background:var(--button-bg-color);color:var(--button-text-color);border-color:var(--button-border-color)}.star-ui-button.star-ui-color-bg-default{--button-border-color:var(--star-ui-border-color-bold)}.star-ui-button:hover{background-color:hsl(from var(--button-bg-color) h calc(1.1 * s) calc(.95 * l) / alpha);color:hsl(from var(--button-text-color) h calc(1.1 * s) calc(.95 * l) / alpha);border-color:hsl(from var(--button-border-color) h calc(1.1 * s) calc(.95 * l) / alpha)}.star-ui-button:active{background-color:hsl(from var(--button-bg-color) h calc(1.2 * s) l / alpha);color:hsl(from var(--button-text-color) h calc(1.2 * s) l / alpha);border-color:hsl(from var(--button-border-color) h calc(1.2 * s) calc(.9 * l) / alpha)}.star-ui-button[disabled]{background-color:color-mix(in srgb, var(--button-bg-color), var(--star-ui-disabled-color));color:color-mix(in srgb, var(--button-text-color), var(--star-ui-disabled-color));border-color:color-mix(in srgb, var(--button-border-color), var(--star-ui-disabled-color));cursor:not-allowed}.star-ui-card{border:1px solid var(--star-ui-border-color-base);border-radius:var(--star-ui-border-radius-base);flex-direction:column;display:flex}.star-ui-card--inner-head{flex-direction:row;display:flex}.star-ui-card--inner-title{flex-grow:1}.star-ui-card--inner-button-collapsible{border:1px solid var(--star-ui-primary-color);border-radius:50%;width:0;height:0;margin:2px;padding:10px;display:inline-block}.star-ui-card--inner-button-collapsible:after{content:" ";border-color:var(--star-ui-primary-color);border-style:solid;border-left-width:5px;border-left-color:#0000;border-right-width:5px;border-right-color:#0000;width:0;height:0;padding:0;transition:border-top-width .5s,border-bottom-width .5s;position:absolute;top:8px;left:5px}.star-ui-card--inner-button-collapsible.hidden:after{border-top-width:0;border-bottom-width:5px}.star-ui-card--inner-button-collapsible.show:after{border-top-width:5px;border-bottom-width:0}.star-ui-card--inner-body{flex-grow:1;transition:height .5s;overflow:hidden}.star-ui-card--inner-body-inner{overflow:auto}.star-ui-table{width:100%}.star-ui-table--inner-thead{background-color:var(--star-ui-table-head-color)}.star-ui-table--inner-tr{border-bottom:1px solid #e8eaec}.star-ui-input{width:var(--star-ui-input-default-width);color:var(--star-ui-regular-text-color);border-color:var(--star-ui-border-color-base);--bg-color:transparent;background-color:var(--bg-color);flex-direction:row;display:inline-flex;overflow:hidden}.star-ui-input:hover,.star-ui-input:focus-within{border-color:var(--star-ui-primary-color)}.star-ui-input--inner,.star-ui-input--inner:hover,.star-ui-input--inner:active,.star-ui-input--inner:focus{color:unset;background:unset;width:100%;font-size:inherit;line-height:inherit;border-width:0;outline:none;flex:1;margin:0}.star-ui-input.disabled{border-color:var(--star-ui-border-color-base);background-color:color-mix(var(--bg-color), var(--star-ui-disabled-color));cursor:not-allowed}.star-ui-input.disabled .star-ui-input--inner{cursor:not-allowed}.star-ui-popper{--backgraund-color:var(--star-ui-background-color-primary);--border-color:var(--star-ui-border-color-bold);transition:all .2s;position:absolute}.star-ui-popper--position-fixed{position:fixed}.star-ui-popper.hidden{pointer-events:none;opacity:0}.star-ui-popper.visible{opacity:1}.star-ui-popper.pc:before{content:"";pointer-events:none;border:4px solid #0000;position:absolute}.star-ui-popper.pc.placement-x-before:before{border-left-color:var(--border-color);left:100%}.star-ui-popper.pc.placement-x-start:before{left:calc(var(--reference-width,10px) / 2);transform:translate(-50%)}.star-ui-popper.pc.placement-x-center:before{left:50%;transform:translate(-50%)}.star-ui-popper.pc.placement-x-end:before{right:calc(var(--reference-width,10px) / 2);transform:translate(50%)}.star-ui-popper.pc.placement-x-after:before{border-right-color:var(--border-color);right:100%}.star-ui-popper.pc.placement-y-before:before{border-top-color:var(--border-color);top:100%}.star-ui-popper.pc.placement-y-start:before{top:calc(var(--reference-height,10px) / 2);transform:translateY(-50%)}.star-ui-popper.pc.placement-y-center:before{top:50%;transform:translateY(-50%)}.star-ui-popper.pc.placement-y-end:before{bottom:calc(var(--reference-height,10px) / 2);transform:translateY(50%)}.star-ui-popper.pc.placement-y-after:before{border-bottom-color:var(--border-color);bottom:100%}.star-ui-popper-box{border-radius:var(--star-ui-border-radius-base);background:var(--backgraund-color);border:1px solid var(--border-color)}.star-ui-popper.mobile .star-ui-popper-box{border-bottom-right-radius:0;border-bottom-left-radius:0;transition:all .2s;position:fixed;bottom:0;left:0;right:0}.star-ui-popper.mobile.hidden .star-ui-popper-box{transform:translateY(100%)}.star-ui-popper.mobile.visible .star-ui-popper-box{transform:translateY(0)}.star-ui-popper-background{background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.star-ui-checkbox{cursor:pointer;gap:var(--star-ui-default-padding);align-items:center;display:inline-flex}.star-ui-checkbox>input{display:none}.star-ui-checkbox--inner{--unchecked-background-color:transparent;--checked-background-color:var(--star-ui-primary-color);--checked-icon-color:var(--star-ui-background-color-primary);border-radius:inherit;border:inherit;border-color:var(--star-ui-border-color-base);--bg-color:var(--unchecked-background-color);background-color:var(--bg-color);width:1em;height:1em;display:inline-block;position:relative}input:checked+.star-ui-checkbox--inner,.star-ui-checkbox--inne-indeterminate{--bg-color:var(--checked-background-color)}.star-ui-checkbox--inner:after{content:"";border:0 solid var(--checked-icon-color);display:inline-block;position:absolute;top:50%;left:50%}input:checked+.star-ui-checkbox--inner:after{border-bottom-width:2px;border-left-width:2px;width:.5em;height:.15em;transform:translate(-50%,-70%)rotate(-45deg)}.star-ui-checkbox--inne-indeterminate:after{border-bottom-width:2px;width:.6em;height:0;transform:translate(-50%,-50%)}.star-ui-checkbox.disabled{cursor:not-allowed}.star-ui-checkbox.disabled .star-ui-checkbox--inner{background-color:color-mix(var(--bg-color), var(--star-ui-disabled-color))}.star-ui-switch{--active-color:var(--star-ui-primary-color);border-color:#0000;width:2.8em;display:inline-block;position:relative}.star-ui-switch:before{content:"​"}.star-ui-switch label{height:100%;display:contents}.star-ui-switch input{display:none}.star-ui-switch div{border:1px solid var(--star-ui-border-color-base);cursor:pointer;--current-color:transparent;background-color:var(--current-color);border-radius:1em;width:100%;height:80%;transition:all .2s;display:inline-block;position:absolute;top:10%}.star-ui-switch div span{--padding:2px;height:calc(100% - 2 * calc(var(--padding) + 1px));top:var(--padding);left:var(--padding);aspect-ratio:1;border:solid 1px var(--star-ui-border-color-base);background:var(--star-ui-background-color-primary);border-radius:50%;transition:all .2s;display:inline-block;position:absolute}.star-ui-switch input:checked+div{--current-color:var(--active-color)}.star-ui-switch input:checked+div span{transform:translateX(calc(2.8em - var(--padding) * 2 - 2px - 100%))}.star-ui-switch input:disabled+div{background-color:color-mix(in srgb, var(--current-color), var(--star-ui-disabled-color));cursor:not-allowed}.su-slider{padding:calc(var(--star-ui-input-medium-font-size));-webkit-user-select:none;user-select:none}.su-slider--inner-runway{background-color:var(--star-ui-border-color-bold);cursor:pointer;border-radius:100px;height:4px}.su-slider--inner-button-wrapper{width:var(--star-ui-input-medium-font-size);height:var(--star-ui-input-medium-font-size);border:1px solid var(--star-ui-border-color-base);margin-left:calc(2px - var(--star-ui-input-medium-font-size) / 2);top:calc(2px - var(--star-ui-input-medium-font-size) / 2);cursor:pointer;background-color:var(--star-ui-background-color-primary);border-radius:50%;display:inline-block;position:relative}.su-slider .su-slider--inner-button-wrapper:hover,.su-slider.su-slider-moving .su-slider--inner-button-wrapper{transform:scale(1.2)}.su-slider-disabled .su-slider--inner-runway,.su-slider-disabled .su-slider--inner-button-wrapper{cursor:not-allowed}.su-slider-disabled .su-slider--inner-button-wrapper:hover{transform:scale(1)}.su-slider-disabled .su-slider--inner-button-wrapper{background-color:color-mix(in srgb, var(--star-ui-background-color-primary), var(--star-ui-disabled-color))}.star-ui-tree-item-label{flex-direction:row;display:flex}.star-ui-tree-item-label>div{cursor:pointer;flex:1 1 0}.star-ui-tree-item-child{margin-left:1em}.star-ui-tree-expand-button{font-size:inherit;cursor:pointer;width:1em;height:100%;transition:all .2s;display:inline-block;transform:rotate(0)}.star-ui-tree-expand-button.expend{transform:rotate(90deg)}.star-ui-tree-expand-button.no-child{opacity:0;cursor:initial;pointer-events:none}.star-ui-tree--checkbox{margin-right:.2em;padding:0}.star-ui-tree-highlight-current .star-ui-tree-current{background-color:var(--star-ui-primary-color)}.star-ui-tag{display:inline-block}.star-ui-select{width:var(--star-ui-input-default-width);color:var(--star-ui-regular-text-color);border-color:var(--star-ui-border-color-base);--bg-color:transparent;background-color:var(--bg-color);cursor:pointer;flex-direction:row;display:inline-flex;position:relative;overflow:hidden}.star-ui-select--multiple-tag{border:0;margin:-2px 0;padding:2px 5px}.star-ui-select:hover,.star-ui-select--open{border-color:var(--star-ui-primary-color)}.star-ui-select.disabled{border-color:var(--star-ui-border-color-base);background-color:color-mix(var(--bg-color), var(--star-ui-disabled-color));cursor:not-allowed}.star-ui-select--append{align-items:center;display:inline-flex}.star-ui-select--dropdown-icon{transition:all .2s;transform:rotate(0)}.star-ui-select--open .star-ui-select--dropdown-icon{transform:rotate(180deg)}.star-ui-select--dropdown{max-height:200px;padding:var(--star-ui-default-padding);overflow:auto}.star-ui-select--dropdown.star-ui-select--list .star-ui-tree-expand-button{display:none}.star-ui-select--dropdown.star-ui-select--single .star-ui-tree-item-label:hover{background-color:var(--star-ui-primary-color)}.star-ui-select--content{gap:var(--padding);flex-wrap:wrap;flex:1 1 0;display:flex;position:relative}.star-ui-select--filter{background-color:#0000;border:none;outline:none;width:100%;position:absolute;top:0;left:0}.star-ui-menu-h--item-box{height:100%;padding:0;transition:background-color .5s;position:relative;overflow:visible}.star-ui-menu-h--item-box:hover{background-color:#80808066}.star-ui-menu-h--item{flex-direction:row;justify-content:center;align-items:center;height:100%;padding:8px;display:flex}.star-ui-menu-h--child-box{background-color:var(--star-ui-background-color);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute}:hover>.star-ui-menu-h--child-box{opacity:1;pointer-events:auto;display:block}.star-ui-menu-h--child-box-right{top:0;left:100%}.star-ui-menu-h--child-box-left{top:0;right:100%}.star-ui-menu-h--child-box-bottom{top:100%;left:0}.star-ui-menu-h--child-box{border:solid 1px var(--star-ui-line-color)}.star-ui-menu-h--child-box>.star-ui-menu-h--item-box>.star-ui-menu-h--item{border-bottom:solid 1px var(--star-ui-line-color)}.star-ui-menu-h--child-box>.star-ui-menu-h--item-box:last-child>.star-ui-menu-h--item{border-bottom-width:0}.star-ui-menu-h{white-space:nowrap;flex-direction:row;padding:0;display:flex;position:relative;overflow:visible}.star-ui-menu-h>.star-ui-menu-h--item-box>.star-ui-menu-h--item a{border:2px solid #0000;padding:2px;line-height:2;transition:border .5s}.star-ui-menu-h>.star-ui-menu-h--item-box:hover>.star-ui-menu-h--item a{border-bottom-color:var(--star-ui-base-color)}.star-ui-menu a{color:inherit;text-decoration:none}.star-ui-calendar{text-align:center;border:1px solid #e8eaec;display:inline-block}.star-ui-calendar--ctrl{flex-direction:row;display:flex}.star-ui-calendar--ctrl>*{cursor:pointer;padding:5px}.star-ui-calendar--display-month{cursor:default;flex:1 0 auto}.star-ui-calendar--display-month>span{cursor:pointer}.star-ui-calendar th,.star-ui-calendar td{padding:5px 0}.star-ui-calendar--inner-head{background-color:var(--star-ui-table-head-color)}.star-ui-calendar--inner-cell{border:1px solid #e8eaec;width:42px}.star-ui-calendar--inner-cell.star-ui-calendar--Sat,.star-ui-calendar--inner-cell.star-ui-calendar--Sun{color:red}.star-ui-calendar--inner-cell.star-ui-calendar--previous,.star-ui-calendar--inner-cell.star-ui-calendar--next{opacity:.5}.star-ui-calendar--select{background-color:inherit;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.star-ui-calendar--select-body{flex-grow:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);align-items:center;display:grid}.star-ui-calendar--select-body>*{cursor:pointer}.star-ui-calendar--select-body>:hover{color:var(--star-ui-base-color)}.star-ui-calendar--select-ctrl{flex-direction:row;justify-content:space-between;align-items:center;height:20%;display:flex}.star-ui-calendar--select-ctrl>*{cursor:pointer;padding:0 15px}.star-ui-calendar .now-sel{color:var(--star-ui-primary-color);font-weight:700}.su-page{flex-direction:column;width:100%;height:100%;margin:0;padding:0;display:flex}.su-page--header{color:#e6eaf0;background:#000;flex-direction:row;align-items:center;display:flex}.su-page--header>h1{padding:0 20px;font-size:20px;line-height:22px}.su-page--menu-box{z-index:999999;flex:1;height:100%}.su-page--menu-box .star-ui-menu-h--child-box{color:var(--star-ui-text-color-primary)}.su-page--menu-box .su-menu{height:100%}.su-page--mobile-menu-open{margin-left:15px;font-size:20px}.su-page--mobile-menu-box{background-color:#80808080;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.su-page--mobile-menu-close{pointer-events:none;opacity:0}.su-page--mobile-menu-box .star-ui-menu-v{background-color:var(--star-ui-background-color-primary);border-right:solid 1px var(--star-ui-line-color);width:80%;height:100%;margin-left:0;transition:margin-left .5s}.su-page--mobile-menu-close .star-ui-menu-v{margin-left:-100%}.su-page--main{flex:1;overflow:auto}.su-layout{width:100%;height:100%;padding:0;display:flex;overflow:hidden}.su-layout-h{flex-direction:row}.su-layout-v{flex-direction:column}.su-layout>*{flex:none}.star-ui-main{flex:1 1 0}.su-layout-dividing{background-color:var(--star-ui-border-color-base);flex:0 0 1px}
+@layer star-ui-base{:root{--star-ui-background-color-primary:#fff;--star-ui-background-color-dark:#0c0440;--star-ui-primary-color:#0c81ff;--star-ui-primary-inner-text-color:#fff;--star-ui-success-color:#67c23a;--star-ui-success-inner-text-color:#fff;--star-ui-warning-color:#e6a23c;--star-ui-warning-inner-text-color:#fff;--star-ui-danger-color:#f56c6c;--star-ui-danger-inner-text-color:#fff;--star-ui-info-color:#909399;--star-ui-info-inner-text-color:#fff;--star-ui-disabled-color:#c0c4cc;--star-ui-text-color-primary:#222;--star-ui-text-color-label:#555;--star-ui-text-color-weak:#555;--star-ui-text-color-placeholder:#c0c4cc;--star-ui-text-color-in-dark:#fff;--star-ui-border-color-base:#e8eaec;--star-ui-border-color-bold:#a1a8af;--star-ui-border-radius-base:5px;--star-ui-mask-color:#00000080;--star-ui-table-head-color:#f8f8f9;--star-ui-line-color:#8af;--star-ui-regular-text-color:#606266;--star-ui-line-width:1px;--star-ui-input-border-color:#666;--star-ui-input-medium-font-size:16px;--star-ui-input-small-font-size:14px;--star-ui-input-mini-font-size:12px;--star-ui-input-default-width:280px;--star-ui-default-padding:5px}.dark-mode{--star-ui-background-color:#555}}@layer star-ui-common{.star-ui{box-sizing:border-box;margin:0;padding:0;position:relative}.star-ui-icon{fill:currentColor;vertical-align:middle;width:1em;height:1em}.star-ui-container{padding:var(--star-ui-default-padding)}.star-ui-placeholder{color:var(--star-ui-text-color-placeholder)}}@layer star-ui-size{.star-ui-size-medium{--font-size:var(--star-ui-input-medium-font-size);font-size:var(--font-size);--line-height:calc(var(--star-ui-input-medium-font-size) + 2px);line-height:var(--line-height);--padding:var(--star-ui-default-padding);padding:var(--padding);--border-radius:var(--star-ui-border-radius-base);border-radius:var(--border-radius);border:1px solid #0000}.star-ui-size-small{--font-size:var(--star-ui-input-small-font-size);font-size:var(--font-size);--line-height:calc(var(--star-ui-input-small-font-size) + 2px);line-height:var(--line-height);--padding:calc(var(--star-ui-default-padding) / 2);padding:var(--padding);--border-radius:var(--star-ui-border-radius-base);border-radius:var(--border-radius);border:1px solid #0000}.star-ui-size-mini{--font-size:var(--star-ui-input-mini-font-size);font-size:var(--font-size);--line-height:calc(var(--star-ui-input-mini-font-size) + 2px);line-height:var(--line-height);--padding:calc(var(--star-ui-default-padding) / 2);padding:var(--padding);--border-radius:var(--star-ui-border-radius-base);border-radius:var(--border-radius);border:1px solid #0000}}@layer star-ui-color{.star-ui-color-text-default{--bg-color:transparent;--text-color:var(--star-ui-text-color-primary)}.star-ui-color-text-primary{--bg-color:transparent;--text-color:var(--star-ui-primary-color)}.star-ui-color-text-success{--bg-color:transparent;--text-color:var(--star-ui-success-color)}.star-ui-bcolor-text-warning{--bg-color:transparent;--text-color:var(--star-ui-warning-color)}.star-ui-color-text-danger{--bg-color:transparent;--text-color:var(--star-ui-danger-color)}.star-ui-color-text-info{--bg-color:transparent;--text-color:var(--star-ui-info-color)}.star-ui-color-bg-default{--bg-color:transparent;--text-color:var(--star-ui-text-color-primary)}.star-ui-color-bg-primary{--bg-color:var(--star-ui-primary-color);--text-color:var(--star-ui-primary-inner-text-color)}.star-ui-color-bg-success{--bg-color:var(--star-ui-success-color);--text-color:var(--star-ui-success-inner-text-color)}.star-ui-color-bg-warning{--bg-color:var(--star-ui-warning-color);--text-color:var(--star-ui-warning-inner-text-color)}.star-ui-color-bg-danger{--bg-color:var(--star-ui-danger-color);--text-color:var(--star-ui-danger-inner-text-color)}.star-ui-color-bg-info{--bg-color:var(--star-ui-info-color);--text-color:var(--star-ui-info-inner-text-color)}.star-ui-block-theme-apply-bg{background-color:var(--bg-color)}.star-ui-block-theme-apply-text{color:var(--text-color)}}.star-ui-button{cursor:pointer;--main-color:var(--star-ui-background-color-primary);--button-bg-color:var(--bg-color);--button-text-color:var(--text-color);--button-border-color:var(--bg-color,var(--star-ui-border-color-bold));background:var(--button-bg-color);color:var(--button-text-color);border-color:var(--button-border-color);text-align:center}a.star-ui-button{text-decoration:none}.star-ui-button.star-ui-color-bg-default{--button-border-color:var(--star-ui-border-color-bold)}.star-ui-button:hover{background-color:hsl(from var(--button-bg-color) h calc(1.1 * s) calc(.95 * l) / alpha);color:hsl(from var(--button-text-color) h calc(1.1 * s) calc(.95 * l) / alpha);border-color:hsl(from var(--button-border-color) h calc(1.1 * s) calc(.95 * l) / alpha)}.star-ui-button:active{background-color:hsl(from var(--button-bg-color) h calc(1.2 * s) l / alpha);color:hsl(from var(--button-text-color) h calc(1.2 * s) l / alpha);border-color:hsl(from var(--button-border-color) h calc(1.2 * s) calc(.9 * l) / alpha)}.star-ui-button[disabled]{background-color:color-mix(in srgb, var(--button-bg-color), var(--star-ui-disabled-color));color:color-mix(in srgb, var(--button-text-color), var(--star-ui-disabled-color));border-color:color-mix(in srgb, var(--button-border-color), var(--star-ui-disabled-color));cursor:not-allowed}.star-ui-card{border:1px solid var(--star-ui-border-color-base);border-radius:var(--star-ui-border-radius-base);flex-direction:column;display:flex}.star-ui-card--inner-head{flex-direction:row;display:flex}.star-ui-card--inner-title{flex-grow:1}.star-ui-card--inner-button-collapsible{border:1px solid var(--star-ui-primary-color);border-radius:50%;width:0;height:0;margin:2px;padding:10px;display:inline-block}.star-ui-card--inner-button-collapsible:after{content:" ";border-color:var(--star-ui-primary-color);border-style:solid;border-left-width:5px;border-left-color:#0000;border-right-width:5px;border-right-color:#0000;width:0;height:0;padding:0;transition:border-top-width .5s,border-bottom-width .5s;position:absolute;top:8px;left:5px}.star-ui-card--inner-button-collapsible.hidden:after{border-top-width:0;border-bottom-width:5px}.star-ui-card--inner-button-collapsible.show:after{border-top-width:5px;border-bottom-width:0}.star-ui-card--inner-body{flex-grow:1;transition:height .5s;overflow:hidden}.star-ui-card--inner-body-inner{overflow:auto}.star-ui-table{width:100%}.star-ui-table--inner-thead{background-color:var(--star-ui-table-head-color)}.star-ui-table--inner-tr{border-bottom:1px solid #e8eaec}.star-ui-input{width:var(--star-ui-input-default-width);color:var(--star-ui-regular-text-color);border-color:var(--star-ui-border-color-base);--bg-color:transparent;background-color:var(--bg-color);flex-direction:row;display:inline-flex;overflow:hidden}.star-ui-input:hover,.star-ui-input:focus-within{border-color:var(--star-ui-primary-color)}.star-ui-input--inner,.star-ui-input--inner:hover,.star-ui-input--inner:active,.star-ui-input--inner:focus{color:unset;background:unset;width:100%;font-size:inherit;line-height:inherit;border-width:0;outline:none;flex:1;margin:0}.star-ui-input.disabled{border-color:var(--star-ui-border-color-base);background-color:color-mix(var(--bg-color), var(--star-ui-disabled-color));cursor:not-allowed}.star-ui-input.disabled .star-ui-input--inner{cursor:not-allowed}.star-ui-popper{--backgraund-color:var(--star-ui-background-color-primary);--border-color:var(--star-ui-border-color-bold);transition:all .2s;position:absolute}.star-ui-popper--position-fixed{position:fixed}.star-ui-popper.hidden{pointer-events:none;opacity:0}.star-ui-popper.visible{opacity:1}.star-ui-popper.pc:before{content:"";pointer-events:none;border:4px solid #0000;position:absolute}.star-ui-popper.pc.placement-x-before:before{border-left-color:var(--border-color);left:100%}.star-ui-popper.pc.placement-x-start:before{left:calc(var(--reference-width,10px) / 2);transform:translate(-50%)}.star-ui-popper.pc.placement-x-center:before{left:50%;transform:translate(-50%)}.star-ui-popper.pc.placement-x-end:before{right:calc(var(--reference-width,10px) / 2);transform:translate(50%)}.star-ui-popper.pc.placement-x-after:before{border-right-color:var(--border-color);right:100%}.star-ui-popper.pc.placement-y-before:before{border-top-color:var(--border-color);top:100%}.star-ui-popper.pc.placement-y-start:before{top:calc(var(--reference-height,10px) / 2);transform:translateY(-50%)}.star-ui-popper.pc.placement-y-center:before{top:50%;transform:translateY(-50%)}.star-ui-popper.pc.placement-y-end:before{bottom:calc(var(--reference-height,10px) / 2);transform:translateY(50%)}.star-ui-popper.pc.placement-y-after:before{border-bottom-color:var(--border-color);bottom:100%}.star-ui-popper-box{border-radius:var(--star-ui-border-radius-base);background:var(--backgraund-color);border:1px solid var(--border-color)}.star-ui-popper.mobile .star-ui-popper-box{border-bottom-right-radius:0;border-bottom-left-radius:0;transition:all .2s;position:fixed;bottom:0;left:0;right:0}.star-ui-popper.mobile.hidden .star-ui-popper-box{transform:translateY(100%)}.star-ui-popper.mobile.visible .star-ui-popper-box{transform:translateY(0)}.star-ui-popper-background{background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.star-ui-checkbox{cursor:pointer;gap:var(--star-ui-default-padding);align-items:center;display:inline-flex}.star-ui-checkbox>input{display:none}.star-ui-checkbox--inner{--unchecked-background-color:transparent;--checked-background-color:var(--star-ui-primary-color);--checked-icon-color:var(--star-ui-background-color-primary);border-radius:inherit;border:inherit;border-color:var(--star-ui-border-color-base);--bg-color:var(--unchecked-background-color);background-color:var(--bg-color);width:1em;height:1em;display:inline-block;position:relative}input:checked+.star-ui-checkbox--inner,.star-ui-checkbox--inne-indeterminate{--bg-color:var(--checked-background-color)}.star-ui-checkbox--inner:after{content:"";border:0 solid var(--checked-icon-color);display:inline-block;position:absolute;top:50%;left:50%}input:checked+.star-ui-checkbox--inner:after{border-bottom-width:2px;border-left-width:2px;width:.5em;height:.15em;transform:translate(-50%,-70%)rotate(-45deg)}.star-ui-checkbox--inne-indeterminate:after{border-bottom-width:2px;width:.6em;height:0;transform:translate(-50%,-50%)}.star-ui-checkbox.disabled{cursor:not-allowed}.star-ui-checkbox.disabled .star-ui-checkbox--inner{background-color:color-mix(var(--bg-color), var(--star-ui-disabled-color))}.star-ui-tree-item-label{flex-direction:row;display:flex}.star-ui-tree-item-label>div{cursor:pointer;flex:1 1 0}.star-ui-tree-item-child{margin-left:1em}.star-ui-tree-expand-button{font-size:inherit;cursor:pointer;width:1em;height:100%;transition:all .2s;display:inline-block;transform:rotate(0)}.star-ui-tree-expand-button.expend{transform:rotate(90deg)}.star-ui-tree-expand-button.no-child{opacity:0;cursor:initial;pointer-events:none}.star-ui-tree--checkbox{margin-right:.2em;padding:0}.star-ui-tree-highlight-current .star-ui-tree-current{background-color:var(--star-ui-primary-color)}.star-ui-tag{display:inline-block}.star-ui-select{width:var(--star-ui-input-default-width);color:var(--star-ui-regular-text-color);border-color:var(--star-ui-border-color-base);--bg-color:transparent;background-color:var(--bg-color);cursor:pointer;flex-direction:row;display:inline-flex;position:relative;overflow:hidden}.star-ui-select--multiple-tag{border:0;margin:-2px 0;padding:2px 5px}.star-ui-select:hover,.star-ui-select--open{border-color:var(--star-ui-primary-color)}.star-ui-select.disabled{border-color:var(--star-ui-border-color-base);background-color:color-mix(var(--bg-color), var(--star-ui-disabled-color));cursor:not-allowed}.star-ui-select--append{align-items:center;display:inline-flex}.star-ui-select--dropdown-icon{transition:all .2s;transform:rotate(0)}.star-ui-select--open .star-ui-select--dropdown-icon{transform:rotate(180deg)}.star-ui-select--dropdown{max-height:200px;padding:var(--star-ui-default-padding);overflow:auto}.star-ui-select--dropdown.star-ui-select--list .star-ui-tree-expand-button{display:none}.star-ui-select--dropdown.star-ui-select--single .star-ui-tree-item-label:hover{background-color:var(--star-ui-primary-color)}.star-ui-select--content{gap:var(--padding);flex-wrap:wrap;flex:1 1 0;display:flex;position:relative}.star-ui-select--filter{background-color:#0000;border:none;outline:none;width:100%;position:absolute;top:0;left:0}.star-ui-switch{--active-color:var(--star-ui-primary-color);border-color:#0000;width:2.8em;display:inline-block;position:relative}.star-ui-switch:before{content:"​"}.star-ui-switch label{height:100%;display:contents}.star-ui-switch input{display:none}.star-ui-switch div{border:1px solid var(--star-ui-border-color-base);cursor:pointer;--current-color:transparent;background-color:var(--current-color);border-radius:1em;width:100%;height:80%;transition:all .2s;display:inline-block;position:absolute;top:10%}.star-ui-switch div span{--padding:2px;height:calc(100% - 2 * calc(var(--padding) + 1px));top:var(--padding);left:var(--padding);aspect-ratio:1;border:solid 1px var(--star-ui-border-color-base);background:var(--star-ui-background-color-primary);border-radius:50%;transition:all .2s;display:inline-block;position:absolute}.star-ui-switch input:checked+div{--current-color:var(--active-color)}.star-ui-switch input:checked+div span{transform:translateX(calc(2.8em - var(--padding) * 2 - 2px - 100%))}.star-ui-switch input:disabled+div{background-color:color-mix(in srgb, var(--current-color), var(--star-ui-disabled-color));cursor:not-allowed}.su-slider{padding:calc(var(--star-ui-input-medium-font-size));-webkit-user-select:none;user-select:none}.su-slider--inner-runway{background-color:var(--star-ui-border-color-bold);cursor:pointer;border-radius:100px;height:4px}.su-slider--inner-button-wrapper{width:var(--star-ui-input-medium-font-size);height:var(--star-ui-input-medium-font-size);border:1px solid var(--star-ui-border-color-base);margin-left:calc(2px - var(--star-ui-input-medium-font-size) / 2);top:calc(2px - var(--star-ui-input-medium-font-size) / 2);cursor:pointer;background-color:var(--star-ui-background-color-primary);border-radius:50%;display:inline-block;position:relative}.su-slider .su-slider--inner-button-wrapper:hover,.su-slider.su-slider-moving .su-slider--inner-button-wrapper{transform:scale(1.2)}.su-slider-disabled .su-slider--inner-runway,.su-slider-disabled .su-slider--inner-button-wrapper{cursor:not-allowed}.su-slider-disabled .su-slider--inner-button-wrapper:hover{transform:scale(1)}.su-slider-disabled .su-slider--inner-button-wrapper{background-color:color-mix(in srgb, var(--star-ui-background-color-primary), var(--star-ui-disabled-color))}.star-ui-pagination{gap:var(--star-ui-default-padding);flex-direction:row;display:flex}.star-ui-pagination--button{width:2em}.star-ui-menu-h--item-box{height:100%;padding:0;transition:background-color .5s;position:relative;overflow:visible}.star-ui-menu-h--item-box:hover{background-color:#80808066}.star-ui-menu-h--item{flex-direction:row;justify-content:center;align-items:center;height:100%;padding:8px;display:flex}.star-ui-menu-h--child-box{background-color:var(--star-ui-background-color);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute}:hover>.star-ui-menu-h--child-box{opacity:1;pointer-events:auto;display:block}.star-ui-menu-h--child-box-right{top:0;left:100%}.star-ui-menu-h--child-box-left{top:0;right:100%}.star-ui-menu-h--child-box-bottom{top:100%;left:0}.star-ui-menu-h--child-box{border:solid 1px var(--star-ui-line-color)}.star-ui-menu-h--child-box>.star-ui-menu-h--item-box>.star-ui-menu-h--item{border-bottom:solid 1px var(--star-ui-line-color)}.star-ui-menu-h--child-box>.star-ui-menu-h--item-box:last-child>.star-ui-menu-h--item{border-bottom-width:0}.star-ui-menu-h{white-space:nowrap;flex-direction:row;padding:0;display:flex;position:relative;overflow:visible}.star-ui-menu-h>.star-ui-menu-h--item-box>.star-ui-menu-h--item a{border:2px solid #0000;padding:2px;line-height:2;transition:border .5s}.star-ui-menu-h>.star-ui-menu-h--item-box:hover>.star-ui-menu-h--item a{border-bottom-color:var(--star-ui-base-color)}.star-ui-menu a{color:inherit;text-decoration:none}.star-ui-calendar{text-align:center;border:1px solid #e8eaec;display:inline-block}.star-ui-calendar--ctrl{flex-direction:row;display:flex}.star-ui-calendar--ctrl>*{cursor:pointer;padding:5px}.star-ui-calendar--display-month{cursor:default;flex:1 0 auto}.star-ui-calendar--display-month>span{cursor:pointer}.star-ui-calendar th,.star-ui-calendar td{padding:5px 0}.star-ui-calendar--inner-head{background-color:var(--star-ui-table-head-color)}.star-ui-calendar--inner-cell{border:1px solid #e8eaec;width:42px}.star-ui-calendar--inner-cell.star-ui-calendar--Sat,.star-ui-calendar--inner-cell.star-ui-calendar--Sun{color:red}.star-ui-calendar--inner-cell.star-ui-calendar--previous,.star-ui-calendar--inner-cell.star-ui-calendar--next{opacity:.5}.star-ui-calendar--select{background-color:inherit;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.star-ui-calendar--select-body{flex-grow:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);align-items:center;display:grid}.star-ui-calendar--select-body>*{cursor:pointer}.star-ui-calendar--select-body>:hover{color:var(--star-ui-base-color)}.star-ui-calendar--select-ctrl{flex-direction:row;justify-content:space-between;align-items:center;height:20%;display:flex}.star-ui-calendar--select-ctrl>*{cursor:pointer;padding:0 15px}.star-ui-calendar .now-sel{color:var(--star-ui-primary-color);font-weight:700}.su-page{flex-direction:column;width:100%;height:100%;margin:0;padding:0;display:flex}.su-page--header{color:#e6eaf0;background:#000;flex-direction:row;align-items:center;display:flex}.su-page--header>h1{padding:0 20px;font-size:20px;line-height:22px}.su-page--menu-box{z-index:999999;flex:1;height:100%}.su-page--menu-box .star-ui-menu-h--child-box{color:var(--star-ui-text-color-primary)}.su-page--menu-box .su-menu{height:100%}.su-page--mobile-menu-open{margin-left:15px;font-size:20px}.su-page--mobile-menu-box{background-color:#80808080;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.su-page--mobile-menu-close{pointer-events:none;opacity:0}.su-page--mobile-menu-box .star-ui-menu-v{background-color:var(--star-ui-background-color-primary);border-right:solid 1px var(--star-ui-line-color);width:80%;height:100%;margin-left:0;transition:margin-left .5s}.su-page--mobile-menu-close .star-ui-menu-v{margin-left:-100%}.su-page--main{flex:1;overflow:auto}.su-layout{width:100%;height:100%;padding:0;display:flex;overflow:hidden}.su-layout-h{flex-direction:row}.su-layout-v{flex-direction:column}.su-layout>*{flex:none}.star-ui-main{flex:1 1 0}.su-layout-dividing{background-color:var(--star-ui-border-color-base);flex:0 0 1px}
 /*$vite$:1*/

package/dist/utils/{index.mjs → index.js}

@@ -1,4 +1,4 @@
-import { getNewIndex as e } from "./z-index.mjs";
+import { getNewIndex as e } from "./z-index.js";
 // src/utils/index.ts
 function t(e) {
 	switch (typeof e) {

package/package.json

@@ -1,14 +1,19 @@
 {
 	"name": "@thestarweb/ui",
-	"version": "2.0.0-beta.1",
+	"version": "2.0.0-beta.2",
 	"private": false,
 	"scripts": {
 		"build": "vite build && vue-tsc"
 	},
+	"sideEffects": false,
+	"type": "module",
 	"main": "dist/index.mjs",
 	"types": "types/src/index.d.ts",
 	"exports": {
-		".": "./dist/index.mjs",
+		".": {
+			"import": "./dist/index.mjs",
+			"types": "./types/src/index.d.ts"
+		},
 		"./style.css": "./dist/style.css"
 	},
 	"dependencies": {

package/types/src/components/base/button/button.vue.d.ts

@@ -1,8 +1,9 @@
-import { Size, ThemeColor } from "../../../types";
+import { Size, ThemeColor } from "../../../types.js";
 type __VLS_Props = {
     size?: Size;
     theme?: "default" | ThemeColor;
     disabled?: boolean;
+    href?: string;
 };
 declare const __VLS_template: () => {
     __VLS_Slots: {
@@ -10,7 +11,7 @@ declare const __VLS_template: () => {
     };
 };
 type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/base/button/example/base.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/base/index.d.ts

@@ -1 +1 @@
-export * from "./button";
+export * from "./button/index.js";

package/types/src/components/data/card/card.vue.d.ts

@@ -17,11 +17,11 @@ declare const __VLS_template: () => {
     };
 };
 type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     "update:isCollapse": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:isCollapse"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/data/index.d.ts

@@ -1,5 +1,6 @@
-export * from "./card";
-export * from "./table";
-export * from "./tree";
-export * from "./popover";
-export * from "./tag";
+export * from "./card/index.js";
+export * from "./table/index.js";
+export * from "./tree/index.js";
+export * from "./popover/index.js";
+export * from "./tag/index.js";
+export * from "./pagination/index.js";

package/types/src/components/data/pagination/example/base.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/data/pagination/pagination.vue.d.ts

@@ -1,20 +1,21 @@
-import { Size } from "../../../types";
+import { Size } from "../../../types.js";
 type __VLS_Props = {
     total: number;
     size?: Size;
     pagerCont?: number;
+    url?: string | ((page: number, pageSize: number) => string);
 };
 type __VLS_ModelProps = {
     "pageSize": number;
     "page": number;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     "update:pageSize": (value: number) => any;
     "update:page": (value: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:pageSize"?: ((value: number) => any) | undefined;
     "onUpdate:page"?: ((value: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/data/popover/example/base.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/data/popover/popover.vue.d.ts

@@ -1,4 +1,4 @@
-import { Placement } from "./type";
+import { Placement } from "./type.js";
 type __VLS_Props = {
     referenceElement?: Element | {
         value: Element;
@@ -21,14 +21,14 @@ type __VLS_ModelProps = {
     "visible"?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     "update:visible": (value: any) => any;
 } & {
     "out-click": (ev: MouseEvent) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onOut-click"?: ((ev: MouseEvent) => any) | undefined;
     "onUpdate:visible"?: ((value: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/data/popover/utils.d.ts

@@ -1,4 +1,4 @@
-import { Placement } from "./type";
+import { Placement } from "./type.js";
 export declare const placementHandleFn: {
     before(refBox: any, selfBox: any, offsetBox: any, margin: number, d1: "top" | "left", d2: "height" | "width"): string;
     start(refBox: any, selfBox: any, offsetBox: any, margin: number, d1: "top" | "left", d2: "height" | "width"): string;

package/types/src/components/data/table/example/base.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/data/table/example/render.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/data/table/table.vue.d.ts

@@ -1,5 +1,5 @@
-import { TableColumn } from "./types";
-import { ObjectKeyProp } from "../../../utils";
+import { TableColumn } from "./types.js";
+import { ObjectKeyProp } from "../../../utils/index.js";
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<{
         data: T[];

package/types/src/components/data/tag/example/base.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/data/tag/tag.vue.d.ts

@@ -1,4 +1,4 @@
-import { Size, ThemeColor } from "../../../types";
+import { Size, ThemeColor } from "../../../types.js";
 type __VLS_Props = {
     size?: Size;
     theme?: ThemeColor;
@@ -9,7 +9,7 @@ declare const __VLS_template: () => {
     };
 };
 type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/data/tree/example/base.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/data/tree/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Tree } from "./tree.vue";
-export type { TreeProp, TreeItemContext } from "./type";
+export type { TreeProp, TreeItemContext } from "./type.js";

package/types/src/components/data/tree/tree-item.vue.d.ts

@@ -1,5 +1,5 @@
-import { Size } from "../../../types";
-import { Tree } from "./type";
+import { Size } from "../../../types.js";
+import { Tree } from "./type.js";
 declare const __VLS_export: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<{
         item: Tree<T>;

package/types/src/components/data/tree/tree-raw.vue.d.ts

@@ -1,5 +1,5 @@
-import { Size } from "../../../types";
-import { TreeCheckboxMode, Tree } from "./type";
+import { Size } from "../../../types.js";
+import { TreeCheckboxMode, Tree } from "./type.js";
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<({
         tree: Tree<T>[];

package/types/src/components/data/tree/tree.vue.d.ts

@@ -1,4 +1,4 @@
-import { TreeItemContextWithKey, TreeProp } from "./type";
+import { TreeItemContextWithKey, TreeProp } from "./type.js";
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<(TreeProp<T> & {
         currentKey?: string | number;

package/types/src/components/data/tree/type.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef } from "vue";
-import { Size } from "../../../types";
-import { ObjectKeyProp, StringOrNumberValueKey } from "../../../utils";
+import { Size } from "../../../types.js";
+import { ObjectKeyProp, StringOrNumberValueKey } from "../../../utils/index.js";
 export type TreeCheckboxMode = "default" | "leafOnly" | "raw";
 export interface TreeItemContext<T> {
     item: T;

package/types/src/components/data/tree/utils.d.ts

@@ -1,4 +1,4 @@
-import { Tree, TreeItemContext, TreeItemContextWithKey, TreeProp } from "./type";
+import { Tree, TreeItemContext, TreeItemContextWithKey, TreeProp } from "./type.js";
 export declare function toTree<T>(raw: T[], itemKey: TreeProp<T>["itemKey"], children: TreeProp<T>["children"], checkMode: TreeProp<T>["showCheckboxMode"], isItemChecked: (context: Tree<T>) => boolean): {
     map: Map<string | number, Tree<T>>;
     tree: Tree<T>[];

package/types/src/components/form/checkbox/checkbox.vue.d.ts

@@ -1,4 +1,4 @@
-import { Size } from "../../../types";
+import { Size } from "../../../types.js";
 type __VLS_Props = {
     size?: Size;
     disabled?: boolean;
@@ -17,11 +17,11 @@ declare const __VLS_template: () => {
     };
 };
 type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/form/checkbox/example/base.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/form/checkbox/example/group.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/form/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./input";
-export * from "./select";
-export * from "./switch";
-export * from "./slider";
-export * from "./checkbox";
+export * from "./input/index.js";
+export * from "./select/index.js";
+export * from "./switch/index.js";
+export * from "./slider/index.js";
+export * from "./checkbox/index.js";

package/types/src/components/form/input/example/base.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/form/input/input.vue.d.ts

@@ -1,4 +1,4 @@
-import { Size } from "../../../types";
+import { Size } from "../../../types.js";
 type __VLS_Props = {
     name?: string;
     disabled?: boolean;
@@ -8,10 +8,10 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/form/select/example/base.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/form/select/example/tree-select.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/types/src/components/form/select/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Select } from "./select.vue";
-export type { SelectProp } from "./types";
+export type { SelectProp } from "./types.js";

package/types/src/components/form/select/select.vue.d.ts

@@ -1,4 +1,4 @@
-import { SelectProp } from "./types";
+import { SelectProp } from "./types.js";
 declare const __VLS_export: <T, V, M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<(SelectProp<T, V, M> & {
         open?: boolean;

package/types/src/components/form/select/types.d.ts

@@ -1,5 +1,5 @@
-import { Size } from "../../../types";
-import { TreeCheckboxMode, TreeProp } from "../../data/tree/type";
+import { Size } from "../../../types.js";
+import { TreeCheckboxMode, TreeProp } from "../../data/tree/type.js";
 export type ValueKey<T, V> = {
     [k in keyof T]: T[k] extends V ? k : never;
 }[keyof T];