mochi-island-ui 1.3.0 → 2.0.0

package/dist/components/grid/MochiGrid.cjs

@@ -0,0 +1 @@
+var e=require("./MochiGrid.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/grid/MochiGrid.js

@@ -0,0 +1,4 @@
+import e from "./MochiGrid.vue_vue_type_script_setup_true_lang.js";
+// src/components/grid/MochiGrid.vue
+var t = e;
+export { t as default };

package/dist/components/grid/MochiGrid.module.cjs

@@ -0,0 +1 @@
+var e=`_root_b9jgs_5`,t=`_item_b9jgs_12`,n={root:e,item:t};exports.default=n,exports.item=t,exports.root=e;

package/dist/components/grid/MochiGrid.module.js

@@ -0,0 +1,6 @@
+// src/components/grid/MochiGrid.module.css
+var e = "_root_b9jgs_5", t = "_item_b9jgs_12", n = {
+	root: e,
+	item: t
+};
+export { n as default, t as item, e as root };

package/dist/components/grid/MochiGrid.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    cols?: number;
+    gap?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gap: number;
+    cols: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/grid/MochiGrid.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("./MochiGrid.module.cjs");let t=require("vue");var n=(0,t.defineComponent)({name:`MochiGrid`,__name:`MochiGrid`,props:{cols:{default:12},gap:{default:12}},setup(n){return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)((0,t.unref)(e.default).root),style:(0,t.normalizeStyle)({"--grid-cols":n.cols,"--grid-gap":`${n.gap}px`})},[(0,t.renderSlot)(r.$slots,`default`)],6))}});exports.default=n;

package/dist/components/grid/MochiGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+import e from "./MochiGrid.module.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+// src/components/grid/MochiGrid.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	name: "MochiGrid",
+	__name: "MochiGrid",
+	props: {
+		cols: { default: 12 },
+		gap: { default: 12 }
+	},
+	setup(n) {
+		return (c, l) => (a(), t("div", {
+			class: r(s(e).root),
+			style: i({
+				"--grid-cols": n.cols,
+				"--grid-gap": `${n.gap}px`
+			})
+		}, [o(c.$slots, "default")], 6));
+	}
+});
+export { c as default };

package/dist/components/grid/MochiGridItem.cjs

@@ -0,0 +1 @@
+var e=require("./MochiGridItem.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/grid/MochiGridItem.js

@@ -0,0 +1,4 @@
+import e from "./MochiGridItem.vue_vue_type_script_setup_true_lang.js";
+// src/components/grid/MochiGridItem.vue
+var t = e;
+export { t as default };

package/dist/components/grid/MochiGridItem.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    span?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    span: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/grid/MochiGridItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("./MochiGrid.module.cjs");let t=require("vue");var n=[`data-sm`,`data-md`,`data-lg`],r=(0,t.defineComponent)({name:`MochiGridItem`,__name:`MochiGridItem`,props:{span:{default:12},sm:{},md:{},lg:{}},setup(r){return(i,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)((0,t.unref)(e.default).item),"data-sm":r.sm??void 0,"data-md":r.md??void 0,"data-lg":r.lg??void 0,style:(0,t.normalizeStyle)({"--span":r.span,"--sm":r.sm,"--md":r.md,"--lg":r.lg})},[(0,t.renderSlot)(i.$slots,`default`)],14,n))}});exports.default=r;

package/dist/components/grid/MochiGridItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import e from "./MochiGrid.module.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a, renderSlot as o, unref as s } from "vue";
+// src/components/grid/MochiGridItem.vue?vue&type=script&setup=true&lang.ts
+var c = [
+	"data-sm",
+	"data-md",
+	"data-lg"
+], l = /*@__PURE__*/ n({
+	name: "MochiGridItem",
+	__name: "MochiGridItem",
+	props: {
+		span: { default: 12 },
+		sm: {},
+		md: {},
+		lg: {}
+	},
+	setup(n) {
+		return (l, u) => (a(), t("div", {
+			class: r(s(e).item),
+			"data-sm": n.sm ?? void 0,
+			"data-md": n.md ?? void 0,
+			"data-lg": n.lg ?? void 0,
+			style: i({
+				"--span": n.span,
+				"--sm": n.sm,
+				"--md": n.md,
+				"--lg": n.lg
+			})
+		}, [o(l.$slots, "default")], 14, c));
+	}
+});
+export { l as default };

package/dist/components/grid/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./MochiGrid.cjs"),t=require("./MochiGridItem.cjs");exports.MochiGrid=e.default,exports.MochiGridItem=t.default;

package/dist/components/grid/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MochiGrid } from './MochiGrid.vue';
+export { default as MochiGridItem } from './MochiGridItem.vue';

package/dist/components/grid/index.js

@@ -0,0 +1,3 @@
+import e from "./MochiGrid.js";
+import t from "./MochiGridItem.js";
+export { e as MochiGrid, t as MochiGridItem };

package/dist/components/layout/MochiLayout.cjs

@@ -0,0 +1 @@
+var e=require("./MochiLayout.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/layout/MochiLayout.js

@@ -0,0 +1,4 @@
+import e from "./MochiLayout.vue_vue_type_script_setup_true_lang.js";
+// src/components/layout/MochiLayout.vue
+var t = e;
+export { t as default };

package/dist/components/layout/MochiLayout.module.cjs

@@ -0,0 +1 @@
+var e=`_root_jnq0u_6`,t=`_row_jnq0u_13`,n=`_header_jnq0u_19`,r=`_sticky_jnq0u_28`,i=`_sider_jnq0u_35`,a=`_siderBody_jnq0u_45`,o=`_collapsible_jnq0u_53`,s=`_siderToggle_jnq0u_66`,c=`_content_jnq0u_111`,l=`_footer_jnq0u_117`,u={root:e,row:t,header:n,sticky:r,sider:i,siderBody:a,collapsible:o,siderToggle:s,content:c,footer:l};exports.collapsible=o,exports.content=c,exports.default=u,exports.footer=l,exports.header=n,exports.root=e,exports.row=t,exports.sider=i,exports.siderBody=a,exports.siderToggle=s,exports.sticky=r;

package/dist/components/layout/MochiLayout.module.js

@@ -0,0 +1,14 @@
+// src/components/layout/MochiLayout.module.css
+var e = "_root_jnq0u_6", t = "_row_jnq0u_13", n = "_header_jnq0u_19", r = "_sticky_jnq0u_28", i = "_sider_jnq0u_35", a = "_siderBody_jnq0u_45", o = "_collapsible_jnq0u_53", s = "_siderToggle_jnq0u_66", c = "_content_jnq0u_111", l = "_footer_jnq0u_117", u = {
+	root: e,
+	row: t,
+	header: n,
+	sticky: r,
+	sider: i,
+	siderBody: a,
+	collapsible: o,
+	siderToggle: s,
+	content: c,
+	footer: l
+};
+export { o as collapsible, c as content, u as default, l as footer, n as header, e as root, t as row, i as sider, a as siderBody, s as siderToggle, r as sticky };

package/dist/components/layout/MochiLayout.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    hasSider?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+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_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/layout/MochiLayout.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("./MochiLayout.module.cjs");let t=require("vue");var n=(0,t.defineComponent)({name:`MochiLayout`,__name:`MochiLayout`,props:{hasSider:{type:Boolean}},setup(n){return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([(0,t.unref)(e.default).root,n.hasSider&&(0,t.unref)(e.default).row])},[(0,t.renderSlot)(r.$slots,`default`)],2))}});exports.default=n;

package/dist/components/layout/MochiLayout.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,12 @@
+import e from "./MochiLayout.module.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+// src/components/layout/MochiLayout.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ n({
+	name: "MochiLayout",
+	__name: "MochiLayout",
+	props: { hasSider: { type: Boolean } },
+	setup(n) {
+		return (s, c) => (i(), t("div", { class: r([o(e).root, n.hasSider && o(e).row]) }, [a(s.$slots, "default")], 2));
+	}
+});
+export { s as default };

package/dist/components/layout/MochiLayoutContent.cjs

@@ -0,0 +1 @@
+var e=require("./MochiLayoutContent.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/layout/MochiLayoutContent.js

@@ -0,0 +1,4 @@
+import e from "./MochiLayoutContent.vue_vue_type_script_setup_true_lang.js";
+// src/components/layout/MochiLayoutContent.vue
+var t = e;
+export { t as default };

package/dist/components/layout/MochiLayoutContent.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: 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: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/layout/MochiLayoutContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("./MochiLayout.module.cjs");let t=require("vue");var n=(0,t.defineComponent)({name:`MochiLayoutContent`,__name:`MochiLayoutContent`,setup(n){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`main`,{class:(0,t.normalizeClass)((0,t.unref)(e.default).content)},[(0,t.renderSlot)(n.$slots,`default`)],2))}});exports.default=n;

package/dist/components/layout/MochiLayoutContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,11 @@
+import e from "./MochiLayout.module.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+// src/components/layout/MochiLayoutContent.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ n({
+	name: "MochiLayoutContent",
+	__name: "MochiLayoutContent",
+	setup(n) {
+		return (n, s) => (i(), t("main", { class: r(o(e).content) }, [a(n.$slots, "default")], 2));
+	}
+});
+export { s as default };

package/dist/components/layout/MochiLayoutFooter.cjs

@@ -0,0 +1 @@
+var e=require("./MochiLayoutFooter.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/layout/MochiLayoutFooter.js

@@ -0,0 +1,4 @@
+import e from "./MochiLayoutFooter.vue_vue_type_script_setup_true_lang.js";
+// src/components/layout/MochiLayoutFooter.vue
+var t = e;
+export { t as default };

package/dist/components/layout/MochiLayoutFooter.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: 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: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/layout/MochiLayoutFooter.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("./MochiLayout.module.cjs");let t=require("vue");var n=(0,t.defineComponent)({name:`MochiLayoutFooter`,__name:`MochiLayoutFooter`,setup(n){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`footer`,{class:(0,t.normalizeClass)((0,t.unref)(e.default).footer)},[(0,t.renderSlot)(n.$slots,`default`)],2))}});exports.default=n;

package/dist/components/layout/MochiLayoutFooter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,11 @@
+import e from "./MochiLayout.module.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+// src/components/layout/MochiLayoutFooter.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ n({
+	name: "MochiLayoutFooter",
+	__name: "MochiLayoutFooter",
+	setup(n) {
+		return (n, s) => (i(), t("footer", { class: r(o(e).footer) }, [a(n.$slots, "default")], 2));
+	}
+});
+export { s as default };

package/dist/components/layout/MochiLayoutHeader.cjs

@@ -0,0 +1 @@
+var e=require("./MochiLayoutHeader.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/layout/MochiLayoutHeader.js

@@ -0,0 +1,4 @@
+import e from "./MochiLayoutHeader.vue_vue_type_script_setup_true_lang.js";
+// src/components/layout/MochiLayoutHeader.vue
+var t = e;
+export { t as default };

package/dist/components/layout/MochiLayoutHeader.vue.d.ts

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    sticky?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    sticky: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/layout/MochiLayoutHeader.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("./MochiLayout.module.cjs");let t=require("vue");var n=(0,t.defineComponent)({name:`MochiLayoutHeader`,__name:`MochiLayoutHeader`,props:{sticky:{type:Boolean,default:!0}},setup(n){return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`header`,{class:(0,t.normalizeClass)([(0,t.unref)(e.default).header,n.sticky&&(0,t.unref)(e.default).sticky])},[(0,t.renderSlot)(r.$slots,`default`)],2))}});exports.default=n;

package/dist/components/layout/MochiLayoutHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,15 @@
+import e from "./MochiLayout.module.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+// src/components/layout/MochiLayoutHeader.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ n({
+	name: "MochiLayoutHeader",
+	__name: "MochiLayoutHeader",
+	props: { sticky: {
+		type: Boolean,
+		default: !0
+	} },
+	setup(n) {
+		return (s, c) => (i(), t("header", { class: r([o(e).header, n.sticky && o(e).sticky]) }, [a(s.$slots, "default")], 2));
+	}
+});
+export { s as default };

package/dist/components/layout/MochiLayoutSider.cjs

@@ -0,0 +1 @@
+var e=require("./MochiLayoutSider.vue_vue_type_script_setup_true_lang.cjs").default;exports.default=e;

package/dist/components/layout/MochiLayoutSider.js

@@ -0,0 +1,4 @@
+import e from "./MochiLayoutSider.vue_vue_type_script_setup_true_lang.js";
+// src/components/layout/MochiLayoutSider.vue
+var t = e;
+export { t as default };

package/dist/components/layout/MochiLayoutSider.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    width?: number;
+    collapsible?: boolean;
+};
+type __VLS_ModelProps = {
+    'collapsed'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    width: number;
+    collapsible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/layout/MochiLayoutSider.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const e=require("./MochiLayout.module.cjs");let t=require("vue");var n=[`data-collapsed`],r=[`aria-expanded`,`aria-label`],i=(0,t.defineComponent)({name:`MochiLayoutSider`,__name:`MochiLayoutSider`,props:(0,t.mergeModels)({width:{default:208},collapsible:{type:Boolean,default:!1}},{collapsed:{type:Boolean,default:!1},collapsedModifiers:{}}),emits:[`update:collapsed`],setup(i){let a=(0,t.useModel)(i,`collapsed`);return(o,s)=>((0,t.openBlock)(),(0,t.createElementBlock)(`aside`,{class:(0,t.normalizeClass)([(0,t.unref)(e.default).sider,i.collapsible&&(0,t.unref)(e.default).collapsible]),"data-collapsed":a.value||void 0,style:(0,t.normalizeStyle)({"--sider-w":`${i.width}px`})},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)((0,t.unref)(e.default).siderBody)},[(0,t.renderSlot)(o.$slots,`default`)],2),i.collapsible?((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{key:0,class:(0,t.normalizeClass)((0,t.unref)(e.default).siderToggle),type:`button`,"aria-expanded":!a.value,"aria-label":a.value?`展开侧栏`:`收起侧栏`,onClick:s[0]||=e=>a.value=!a.value},[...s[1]||=[(0,t.createElementVNode)(`svg`,{viewBox:`0 0 10 10`,"aria-hidden":`true`,focusable:`false`},[(0,t.createElementVNode)(`path`,{d:`M6.5 2 L3.5 5 L6.5 8`})],-1)]],10,r)):(0,t.createCommentVNode)(``,!0)],14,n))}});exports.default=i;

package/dist/components/layout/MochiLayoutSider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import e from "./MochiLayout.module.js";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderSlot as l, unref as u, useModel as d } from "vue";
+// src/components/layout/MochiLayoutSider.vue?vue&type=script&setup=true&lang.ts
+var f = ["data-collapsed"], p = ["aria-expanded", "aria-label"], m = /*@__PURE__*/ i({
+	name: "MochiLayoutSider",
+	__name: "MochiLayoutSider",
+	props: /*@__PURE__*/ a({
+		width: { default: 208 },
+		collapsible: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		collapsed: {
+			type: Boolean,
+			default: !1
+		},
+		collapsedModifiers: {}
+	}),
+	emits: ["update:collapsed"],
+	setup(i) {
+		let a = d(i, "collapsed");
+		return (d, m) => (c(), n("aside", {
+			class: o([u(e).sider, i.collapsible && u(e).collapsible]),
+			"data-collapsed": a.value || void 0,
+			style: s({ "--sider-w": `${i.width}px` })
+		}, [r("div", { class: o(u(e).siderBody) }, [l(d.$slots, "default")], 2), i.collapsible ? (c(), n("button", {
+			key: 0,
+			class: o(u(e).siderToggle),
+			type: "button",
+			"aria-expanded": !a.value,
+			"aria-label": a.value ? "展开侧栏" : "收起侧栏",
+			onClick: m[0] ||= (e) => a.value = !a.value
+		}, [...m[1] ||= [r("svg", {
+			viewBox: "0 0 10 10",
+			"aria-hidden": "true",
+			focusable: "false"
+		}, [r("path", { d: "M6.5 2 L3.5 5 L6.5 8" })], -1)]], 10, p)) : t("", !0)], 14, f));
+	}
+});
+export { m as default };

package/dist/components/layout/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./MochiLayout.cjs"),t=require("./MochiLayoutHeader.cjs"),n=require("./MochiLayoutSider.cjs"),r=require("./MochiLayoutContent.cjs"),i=require("./MochiLayoutFooter.cjs");exports.MochiLayout=e.default,exports.MochiLayoutContent=r.default,exports.MochiLayoutFooter=i.default,exports.MochiLayoutHeader=t.default,exports.MochiLayoutSider=n.default;

package/dist/components/layout/index.d.ts

@@ -0,0 +1,5 @@
+export { default as MochiLayout } from './MochiLayout.vue';
+export { default as MochiLayoutHeader } from './MochiLayoutHeader.vue';
+export { default as MochiLayoutSider } from './MochiLayoutSider.vue';
+export { default as MochiLayoutContent } from './MochiLayoutContent.vue';
+export { default as MochiLayoutFooter } from './MochiLayoutFooter.vue';

package/dist/components/layout/index.js

@@ -0,0 +1,6 @@
+import e from "./MochiLayout.js";
+import t from "./MochiLayoutHeader.js";
+import n from "./MochiLayoutSider.js";
+import r from "./MochiLayoutContent.js";
+import i from "./MochiLayoutFooter.js";
+export { e as MochiLayout, r as MochiLayoutContent, i as MochiLayoutFooter, t as MochiLayoutHeader, n as MochiLayoutSider };

package/dist/components/segmented/MochiSegmented.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const e=require("./MochiSegmented.module.cjs");let t=require("vue");var n=[`aria-label`],r=[`id`,`aria-checked`,`disabled`,`onClick`],i=(0,t.defineComponent)({name:`MochiSegmented`,__name:`MochiSegmented`,props:(0,t.mergeModels)({options:{},label:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(i){let a=(0,t.useModel)(i,`modelValue`),o=(0,t.useId)(),s=(0,t.ref)(),c=(0,t.ref)({left:0,width:0});function l(){let e=s.value?.querySelector(`[aria-checked="true"]`);e&&(c.value={left:e.offsetLeft,width:e.offsetWidth})}(0,t.onMounted)(()=>{l(),window.addEventListener(`resize`,l)}),(0,t.onBeforeUnmount)(()=>window.removeEventListener(`resize`,l)),(0,t.watch)(a,()=>(0,t.nextTick)(l));function u(e,t){let n=t.filter(e=>!e.disabled);if(!n.length)return;let r=n[(n.findIndex(e=>e.value===a.value)+e+n.length)%n.length];r&&(a.value=r.value)}return(l,d)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`rootEl`,ref:s,class:(0,t.normalizeClass)((0,t.unref)(e.default).root),role:`radiogroup`,"aria-label":i.label},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)((0,t.unref)(e.default).indicator),style:(0,t.normalizeStyle)({transform:`translateX(${c.value.left}px)`,width:`${c.value.width}px`}),"aria-hidden":`true`},null,6),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(i.options,n=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{id:`${(0,t.unref)(o)}-${n.value}`,key:n.value,class:(0,t.normalizeClass)((0,t.unref)(e.default).item),type:`button`,role:`radio`,"aria-checked":a.value===n.value,disabled:n.disabled,onClick:e=>a.value=n.value,onKeydown:[d[0]||=(0,t.withKeys)((0,t.withModifiers)(e=>u(-1,i.options),[`prevent`]),[`left`]),d[1]||=(0,t.withKeys)((0,t.withModifiers)(e=>u(1,i.options),[`prevent`]),[`right`])]},(0,t.toDisplayString)(n.label),43,r))),128))],10,n))}});exports.default=i;
+const e=require("./MochiSegmented.module.cjs");let t=require("vue");var n=[`aria-label`],r=[`id`,`aria-checked`,`disabled`,`onClick`],i=(0,t.defineComponent)({name:`MochiSegmented`,__name:`MochiSegmented`,props:(0,t.mergeModels)({options:{},label:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(i){let a=(0,t.useModel)(i,`modelValue`),o=(0,t.useId)(),s=(0,t.ref)(),c=(0,t.ref)({left:0,width:0}),l;function u(){let e=s.value?.querySelector(`[aria-checked="true"]`);e&&(c.value={left:e.offsetLeft,width:e.offsetWidth})}(0,t.onMounted)(()=>{u(),typeof ResizeObserver==`function`&&s.value&&(l=new ResizeObserver(()=>u()),l.observe(s.value)),window.addEventListener(`resize`,u)}),(0,t.onBeforeUnmount)(()=>{l?.disconnect(),window.removeEventListener(`resize`,u)}),(0,t.watch)(a,()=>(0,t.nextTick)(u));function d(e,t){let n=t.filter(e=>!e.disabled);if(!n.length)return;let r=n[(n.findIndex(e=>e.value===a.value)+e+n.length)%n.length];r&&(a.value=r.value)}return(l,u)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`rootEl`,ref:s,class:(0,t.normalizeClass)((0,t.unref)(e.default).root),role:`radiogroup`,"aria-label":i.label},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)((0,t.unref)(e.default).indicator),style:(0,t.normalizeStyle)({transform:`translateX(${c.value.left}px)`,width:`${c.value.width}px`}),"aria-hidden":`true`},null,6),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(i.options,n=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{id:`${(0,t.unref)(o)}-${n.value}`,key:n.value,class:(0,t.normalizeClass)((0,t.unref)(e.default).item),type:`button`,role:`radio`,"aria-checked":a.value===n.value,disabled:n.disabled,onClick:e=>a.value=n.value,onKeydown:[u[0]||=(0,t.withKeys)((0,t.withModifiers)(e=>d(-1,i.options),[`prevent`]),[`left`]),u[1]||=(0,t.withKeys)((0,t.withModifiers)(e=>d(1,i.options),[`prevent`]),[`right`])]},(0,t.toDisplayString)(n.label),43,r))),128))],10,n))}});exports.default=i;

package/dist/components/segmented/MochiSegmented.vue_vue_type_script_setup_true_lang.js

@@ -21,8 +21,8 @@ var x = ["aria-label"], S = [
 		let a = _(i, "modelValue"), C = g(), w = f(), T = f({
 			left: 0,
 			width: 0
-		});
-		function E() {
+		}), E;
+		function D() {
 			let e = w.value?.querySelector("[aria-checked=\"true\"]");
 			e && (T.value = {
 				left: e.offsetLeft,
@@ -30,9 +30,11 @@ var x = ["aria-label"], S = [
 			});
 		}
 		u(() => {
-			E(), window.addEventListener("resize", E);
-		}), l(() => window.removeEventListener("resize", E)), v(a, () => o(E));
-		function D(e, t) {
+			D(), typeof ResizeObserver == "function" && w.value && (E = new ResizeObserver(() => D()), E.observe(w.value)), window.addEventListener("resize", D);
+		}), l(() => {
+			E?.disconnect(), window.removeEventListener("resize", D);
+		}), v(a, () => o(D));
+		function O(e, t) {
 			let n = t.filter((e) => !e.disabled);
 			if (!n.length) return;
 			let r = n[(n.findIndex((e) => e.value === a.value) + e + n.length) % n.length];
@@ -60,7 +62,7 @@ var x = ["aria-label"], S = [
 			"aria-checked": a.value === t.value,
 			disabled: t.disabled,
 			onClick: (e) => a.value = t.value,
-			onKeydown: [l[0] ||= y(b((e) => D(-1, i.options), ["prevent"]), ["left"]), l[1] ||= y(b((e) => D(1, i.options), ["prevent"]), ["right"])]
+			onKeydown: [l[0] ||= y(b((e) => O(-1, i.options), ["prevent"]), ["left"]), l[1] ||= y(b((e) => O(1, i.options), ["prevent"]), ["right"])]
 		}, m(t.label), 43, S))), 128))], 10, x));
 	}
 });

package/dist/components/tabs/MochiTabs.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const e=require("./MochiTabs.module.cjs");let t=require("vue");var n=[`aria-label`],r=[`id`,`aria-selected`,`aria-controls`,`tabindex`,`disabled`,`onClick`],i=[`id`,`aria-labelledby`],a=(0,t.defineComponent)({name:`MochiTabs`,__name:`MochiTabs`,props:(0,t.mergeModels)({items:{},label:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(a){let o=a,s=(0,t.useModel)(a,`modelValue`),c=(0,t.useId)(),l=(0,t.ref)(),u=(0,t.ref)({left:0,width:0});function d(){let e=l.value,t=e?.querySelector(`[aria-selected="true"]`);e&&t&&(u.value={left:t.offsetLeft,width:t.offsetWidth})}(0,t.onMounted)(()=>{d(),window.addEventListener(`resize`,d)}),(0,t.onBeforeUnmount)(()=>window.removeEventListener(`resize`,d)),(0,t.watch)(s,()=>(0,t.nextTick)(d));let f=(0,t.computed)(()=>o.items.filter(e=>!e.disabled));function p(e){let t=f.value;if(!t.length)return;let n=t[(t.findIndex(e=>e.key===s.value)+e+t.length)%t.length];n&&(s.value=n.key)}function m(e){if(e.key===`ArrowRight`)p(1);else if(e.key===`ArrowLeft`)p(-1);else if(e.key===`Home`){let e=f.value[0];e&&(s.value=e.key)}else return;e.preventDefault()}return(o,d)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)((0,t.unref)(e.default).root)},[(0,t.createElementVNode)(`div`,{ref_key:`listEl`,ref:l,class:(0,t.normalizeClass)((0,t.unref)(e.default).list),role:`tablist`,"aria-label":a.label},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)((0,t.unref)(e.default).indicator),style:(0,t.normalizeStyle)({transform:`translateX(${u.value.left}px)`,width:`${u.value.width}px`}),"aria-hidden":`true`},null,6),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,n=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{id:`${(0,t.unref)(c)}-tab-${n.key}`,key:n.key,class:(0,t.normalizeClass)((0,t.unref)(e.default).tab),type:`button`,role:`tab`,"aria-selected":s.value===n.key,"aria-controls":`${(0,t.unref)(c)}-panel-${n.key}`,tabindex:s.value===n.key?0:-1,disabled:n.disabled,onClick:e=>s.value=n.key,onKeydown:m},(0,t.toDisplayString)(n.label),43,r))),128))],10,n),(0,t.createElementVNode)(`div`,{id:`${(0,t.unref)(c)}-panel-${s.value}`,class:(0,t.normalizeClass)((0,t.unref)(e.default).panel),role:`tabpanel`,"aria-labelledby":`${(0,t.unref)(c)}-tab-${s.value}`,tabindex:`0`},[(0,t.createVNode)(t.Transition,{"enter-active-class":(0,t.unref)(e.default).panelIn},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:s.value,class:(0,t.normalizeClass)((0,t.unref)(e.default).panelBody)},[(0,t.renderSlot)(o.$slots,s.value)],2))]),_:3},8,[`enter-active-class`])],10,i)],2))}});exports.default=a;
+const e=require("./MochiTabs.module.cjs");let t=require("vue");var n=[`aria-label`],r=[`id`,`aria-selected`,`aria-controls`,`tabindex`,`disabled`,`onClick`],i=[`id`,`aria-labelledby`],a=(0,t.defineComponent)({name:`MochiTabs`,__name:`MochiTabs`,props:(0,t.mergeModels)({items:{},label:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(a){let o=a,s=(0,t.useModel)(a,`modelValue`),c=(0,t.useId)(),l=(0,t.ref)(),u=(0,t.ref)({left:0,width:0}),d;function f(){let e=l.value,t=e?.querySelector(`[aria-selected="true"]`);e&&t&&(u.value={left:t.offsetLeft,width:t.offsetWidth})}(0,t.onMounted)(()=>{f(),typeof ResizeObserver==`function`&&l.value&&(d=new ResizeObserver(()=>f()),d.observe(l.value)),window.addEventListener(`resize`,f)}),(0,t.onBeforeUnmount)(()=>{d?.disconnect(),window.removeEventListener(`resize`,f)}),(0,t.watch)(s,()=>(0,t.nextTick)(f));let p=(0,t.computed)(()=>o.items.filter(e=>!e.disabled));function m(e){let t=p.value;if(!t.length)return;let n=t[(t.findIndex(e=>e.key===s.value)+e+t.length)%t.length];n&&(s.value=n.key)}function h(e){if(e.key===`ArrowRight`)m(1);else if(e.key===`ArrowLeft`)m(-1);else if(e.key===`Home`){let e=p.value[0];e&&(s.value=e.key)}else return;e.preventDefault()}return(o,d)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)((0,t.unref)(e.default).root)},[(0,t.createElementVNode)(`div`,{ref_key:`listEl`,ref:l,class:(0,t.normalizeClass)((0,t.unref)(e.default).list),role:`tablist`,"aria-label":a.label},[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)((0,t.unref)(e.default).indicator),style:(0,t.normalizeStyle)({transform:`translateX(${u.value.left}px)`,width:`${u.value.width}px`}),"aria-hidden":`true`},null,6),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.items,n=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{id:`${(0,t.unref)(c)}-tab-${n.key}`,key:n.key,class:(0,t.normalizeClass)((0,t.unref)(e.default).tab),type:`button`,role:`tab`,"aria-selected":s.value===n.key,"aria-controls":`${(0,t.unref)(c)}-panel-${n.key}`,tabindex:s.value===n.key?0:-1,disabled:n.disabled,onClick:e=>s.value=n.key,onKeydown:h},(0,t.toDisplayString)(n.label),43,r))),128))],10,n),(0,t.createElementVNode)(`div`,{id:`${(0,t.unref)(c)}-panel-${s.value}`,class:(0,t.normalizeClass)((0,t.unref)(e.default).panel),role:`tabpanel`,"aria-labelledby":`${(0,t.unref)(c)}-tab-${s.value}`,tabindex:`0`},[(0,t.createVNode)(t.Transition,{"enter-active-class":(0,t.unref)(e.default).panelIn},{default:(0,t.withCtx)(()=>[((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:s.value,class:(0,t.normalizeClass)((0,t.unref)(e.default).panelBody)},[(0,t.renderSlot)(o.$slots,s.value)],2))]),_:3},8,[`enter-active-class`])],10,i)],2))}});exports.default=a;

package/dist/components/tabs/MochiTabs.vue_vue_type_script_setup_true_lang.js

@@ -23,8 +23,8 @@ var w = ["aria-label"], T = [
 		let c = s, D = x(s, "modelValue"), O = b(), k = h(), A = h({
 			left: 0,
 			width: 0
-		});
-		function j() {
+		}), j;
+		function M() {
 			let e = k.value, t = e?.querySelector("[aria-selected=\"true\"]");
 			e && t && (A.value = {
 				left: t.offsetLeft,
@@ -32,20 +32,22 @@ var w = ["aria-label"], T = [
 			});
 		}
 		p(() => {
-			j(), window.addEventListener("resize", j);
-		}), f(() => window.removeEventListener("resize", j)), S(D, () => l(j));
-		let M = r(() => c.items.filter((e) => !e.disabled));
-		function N(e) {
-			let t = M.value;
+			M(), typeof ResizeObserver == "function" && k.value && (j = new ResizeObserver(() => M()), j.observe(k.value)), window.addEventListener("resize", M);
+		}), f(() => {
+			j?.disconnect(), window.removeEventListener("resize", M);
+		}), S(D, () => l(M));
+		let N = r(() => c.items.filter((e) => !e.disabled));
+		function P(e) {
+			let t = N.value;
 			if (!t.length) return;
 			let n = t[(t.findIndex((e) => e.key === D.value) + e + t.length) % t.length];
 			n && (D.value = n.key);
 		}
-		function P(e) {
-			if (e.key === "ArrowRight") N(1);
-			else if (e.key === "ArrowLeft") N(-1);
+		function F(e) {
+			if (e.key === "ArrowRight") P(1);
+			else if (e.key === "ArrowLeft") P(-1);
 			else if (e.key === "Home") {
-				let e = M.value[0];
+				let e = N.value[0];
 				e && (D.value = e.key);
 			} else return;
 			e.preventDefault();
@@ -74,7 +76,7 @@ var w = ["aria-label"], T = [
 			tabindex: D.value === t.key ? 0 : -1,
 			disabled: t.disabled,
 			onClick: (e) => D.value = t.key,
-			onKeydown: P
+			onKeydown: F
 		}, v(t.label), 43, T))), 128))], 10, w), a("div", {
 			id: `${y(O)}-panel-${D.value}`,
 			class: u(y(e).panel),

package/dist/global.d.ts

@@ -34,11 +34,18 @@ declare module 'vue' {
       MochiEmpty: typeof import('mochi-island-ui')['MochiEmpty'];
       MochiForm: typeof import('mochi-island-ui')['MochiForm'];
       MochiFormItem: typeof import('mochi-island-ui')['MochiFormItem'];
+      MochiGrid: typeof import('mochi-island-ui')['MochiGrid'];
+      MochiGridItem: typeof import('mochi-island-ui')['MochiGridItem'];
       MochiIcon: typeof import('mochi-island-ui')['MochiIcon'];
       MochiImage: typeof import('mochi-island-ui')['MochiImage'];
       MochiInput: typeof import('mochi-island-ui')['MochiInput'];
       MochiInputNumber: typeof import('mochi-island-ui')['MochiInputNumber'];
       MochiKbd: typeof import('mochi-island-ui')['MochiKbd'];
+      MochiLayout: typeof import('mochi-island-ui')['MochiLayout'];
+      MochiLayoutContent: typeof import('mochi-island-ui')['MochiLayoutContent'];
+      MochiLayoutFooter: typeof import('mochi-island-ui')['MochiLayoutFooter'];
+      MochiLayoutHeader: typeof import('mochi-island-ui')['MochiLayoutHeader'];
+      MochiLayoutSider: typeof import('mochi-island-ui')['MochiLayoutSider'];
       MochiLink: typeof import('mochi-island-ui')['MochiLink'];
       MochiList: typeof import('mochi-island-ui')['MochiList'];
       MochiLoadMore: typeof import('mochi-island-ui')['MochiLoadMore'];