@thestarweb/ui 1.7.1 → 2.0.0-beta.2

package/dist/components/data/tree/tree-raw.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,104 @@
+import e from "./tree-item.vue.js";
+import { Fragment as t, computed as n, createBlock as r, createElementBlock as i, defineComponent as a, mergeModels as o, normalizeClass as s, openBlock as c, renderList as l, useModel as u } from "vue";
+// src/components/data/tree/tree-raw.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ a({
+	__name: "tree-raw",
+	props: /*@__PURE__*/ o({
+		tree: {},
+		size: {},
+		highlightCurrent: { type: Boolean },
+		currentKey: {},
+		labelRender: { type: Function },
+		shouldItemShow: { type: Function },
+		showCheckbox: { type: Boolean },
+		showCheckboxMode: { default: "default" },
+		itemHandle: { default: "expend" }
+	}, {
+		"expend-key": {},
+		"expend-keyModifiers": {}
+	}),
+	emits: /*@__PURE__*/ o([
+		"item-click",
+		"expend",
+		"check-change"
+	], ["update:expend-key"]),
+	setup(a, { emit: o }) {
+		let d = u(a, "expend-key"), f = n(() => new Set(d.value)), p = o;
+		function m(e) {
+			let t = f.value.has(e.itemKey);
+			t ? d.value = d.value.filter((t) => t !== e.itemKey) : d.value = [...d.value || [], e.itemKey], p("expend", !t, e);
+		}
+		function h(e) {
+			let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = !e.checked.value;
+			switch (a.showCheckboxMode) {
+				case "default":
+					if (r) {
+						let i = e;
+						for (; i.parent && i.parent.children.every((e) => e === i || e.checked.value === r);) i = i.parent;
+						function a(e) {
+							(e.checked || e.indeterminate) && e.children?.forEach((e) => {
+								e.selfChecked && n.add(e), a(e);
+							});
+						}
+						a(i), t.add(i);
+					} else {
+						let r = e;
+						for (; r.checked.value && (r.selfChecked.value && n.add(r), r.parent);) r.parent.children.forEach((e) => {
+							e !== r && !r.selfChecked.value && t.add(e);
+						}), r = r.parent;
+					}
+					break;
+				case "leafOnly":
+					let i = r ? t : n;
+					function a(e) {
+						e.checked.value !== r && (e.children || i.add(e), e.children?.forEach((e) => {
+							a(e);
+						}));
+					}
+					a(e);
+					break;
+				case "raw": (r ? t : n).add(e);
+			}
+			p("check-change", {
+				add: t,
+				remove: n
+			});
+		}
+		function g(e) {
+			switch (a.itemHandle) {
+				case "check":
+					h(e);
+					break;
+				case "expend": m(e);
+			}
+			p("item-click", e);
+		}
+		return (n, o) => (c(), i("div", { class: s([
+			"star-ui",
+			"su-tree",
+			"star-ui-tree",
+			{ "star-ui-tree-highlight-current": a.highlightCurrent }
+		]) }, [(c(!0), i(t, null, l(a.tree, (t, n) => (c(), r(e, {
+			key: t.itemKey,
+			size: a.size,
+			item: t,
+			"current-key": a.currentKey,
+			expendKey: f.value,
+			"label-render": a.labelRender,
+			"should-item-show": a.shouldItemShow,
+			"show-checkbox": a.showCheckbox,
+			onExpend: m,
+			onCheck: h,
+			onItemClick: g
+		}, null, 8, [
+			"size",
+			"item",
+			"current-key",
+			"expendKey",
+			"label-render",
+			"should-item-show",
+			"show-checkbox"
+		]))), 128))], 2));
+	}
+});
+export { d as default };

package/dist/components/data/tree/tree.vue.js

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

package/dist/components/data/tree/tree.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,60 @@
+import { getTreeLabelRender as e, toTree as t } from "./utils.js";
+import n from "./tree-raw.vue.js";
+import { computed as r, createBlock as i, defineComponent as a, mergeModels as o, openBlock as s, useModel as c, useSlots as l } from "vue";
+// src/components/data/tree/tree.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ a({
+	__name: "tree",
+	props: /*@__PURE__*/ o({
+		size: { default: "medium" },
+		treeData: {},
+		itemKey: { type: Function },
+		label: { type: Function },
+		children: { type: Function },
+		highlightCurrent: { type: Boolean },
+		itemClick: {},
+		shouldItemShow: { type: Function },
+		showCheckbox: { type: Boolean },
+		showCheckboxMode: { default: "default" }
+	}, {
+		"current-key": {},
+		"current-keyModifiers": {},
+		"expend-key": {},
+		"expend-keyModifiers": {},
+		"checked-key": {},
+		"checked-keyModifiers": {}
+	}),
+	emits: /*@__PURE__*/ o(["item-click", "expend"], [
+		"update:current-key",
+		"update:expend-key",
+		"update:checked-key"
+	]),
+	setup(a, { emit: o }) {
+		let u = c(a, "current-key"), d = c(a, "expend-key"), f = c(a, "checked-key"), p = r(() => new Set(f.value)), m = l(), h = r(() => (t) => (m.default || e(a.label))(t)), g = r(() => t(a.treeData, a.itemKey, a.children, a.showCheckboxMode, (e) => p.value.has(e.itemKey))), _ = o;
+		function v(e) {
+			u.value = e.itemKey, _("item-click", e);
+		}
+		return (e, t) => (s(), i(n, {
+			tree: g.value.tree,
+			size: a.size,
+			"current-key": u.value,
+			"highlight-current": a.highlightCurrent,
+			"label-render": h.value,
+			"show-checkbox": a.showCheckbox,
+			"should-item-show": a.shouldItemShow,
+			"expend-key": d.value,
+			"onUpdate:expendKey": t[0] ||= (e) => d.value = e,
+			onItemClick: v,
+			onExpend: t[1] ||= (e, t) => _("expend", e, t.item)
+		}, null, 8, [
+			"tree",
+			"size",
+			"current-key",
+			"highlight-current",
+			"label-render",
+			"show-checkbox",
+			"should-item-show",
+			"expend-key"
+		]));
+	}
+});
+export { u as default };

package/dist/components/data/tree/utils.js

@@ -0,0 +1,66 @@
+import { getObjectKeyFn as e } from "../../../utils/index.js";
+import { computed as t } from "vue";
+// src/components/data/tree/utils.ts
+function n(e, n, r, i = "default", s) {
+	let c = a(n), l = o(r), u = /* @__PURE__ */ new Map();
+	function d(e, n = null, r = [], a = []) {
+		return e.map((e, o) => {
+			let f = [...r, o], p = [...a, e], m = {
+				item: e,
+				index: o,
+				indexes: f,
+				items: p,
+				itemKey: void 0,
+				parent: n,
+				selfChecked: t(() => s(m)),
+				checked: t(() => m.selfChecked.value || i === "leafOnly" && g.value.hasChecked && !g.value.hasUnChecked || i == "default" && m.parent?.checked.value || !1),
+				indeterminate: t(() => g.value.hasChecked && g.value.hasUnChecked)
+			};
+			m.itemKey = c(e, m), u.set(m.itemKey, m);
+			let h = l(e, m);
+			h && (m.children = d(h, m, f, p));
+			let g = t(() => {
+				let e = !1, t = !1;
+				return m.children?.forEach((n) => {
+					n.checked.value ? e = !0 : t = !0;
+				}), {
+					hasChecked: e,
+					hasUnChecked: t
+				};
+			});
+			return Object.freeze(m);
+		});
+	}
+	return {
+		map: u,
+		tree: d(e)
+	};
+}
+function r(e, t, n, i = [], a = []) {
+	return e?.some((e, o) => {
+		let s = [...i, o], c = [...a, e], l = {
+			item: e,
+			index: o,
+			indexes: s,
+			items: c
+		};
+		return n(l) || (t ? r(t(l), t, n, s, c) : !1);
+	});
+}
+function i(e, t, n) {
+	return r(e, typeof t == "function" ? ({ item: e }) => t(e) : ({ item: e }) => e[t || "children"], n);
+}
+function a(t) {
+	return e(t) || ((e, { indexes: t }) => t.join("."));
+}
+function o(e) {
+	switch (typeof e) {
+		case "string": return (t) => t[e];
+		case "function": return e;
+	}
+	return (e) => e.children;
+}
+function s(e) {
+	return typeof e == "function" ? e : ({ item: t }) => t[e || "label"];
+}
+export { o as getChildrenFn, a as getTreeKeyFn, s as getTreeLabelRender, n as toTree, i as traverseTree };

package/dist/components/form/checkbox/checkbox.vue.js

@@ -0,0 +1,5 @@
+import e from "./checkbox.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                             */
+// src/components/form/checkbox/checkbox.vue
+var t = e;
+export { t as default };

package/dist/components/form/checkbox/checkbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,50 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, mergeModels as r, normalizeClass as i, openBlock as a, renderSlot as o, useModel as s, useTemplateRef as c } from "vue";
+// src/components/form/checkbox/checkbox.vue?vue&type=script&setup=true&lang.ts
+var l = ["checked", "disabled"], u = /*@__PURE__*/ n({
+	__name: "checkbox",
+	props: /*@__PURE__*/ r({
+		size: { default: "medium" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let r = s(n, "modelValue"), u = c("input");
+		return (s, c) => (a(), e("label", { class: i([
+			"star-ui",
+			"star-ui-checkbox",
+			"su-checkbox",
+			`star-ui-size-${n.size}`,
+			{ disabled: n.disabled }
+		]) }, [
+			t("input", {
+				ref: "input",
+				checked: r.value,
+				type: "checkbox",
+				disabled: n.disabled,
+				onChangeCapture: c[0] ||= (e) => {
+					n.disabled || (r.value = u.value.checked), u.value.checked = r.value;
+				}
+			}, null, 40, l),
+			t("span", { class: i([
+				"star-ui",
+				"star-ui-checkbox--inner",
+				{ "star-ui-checkbox--inne-indeterminate": n.indeterminate }
+			]) }, null, 2),
+			o(s.$slots, "default")
+		], 2));
+	}
+});
+export { u as default };

package/dist/components/form/input/input.vue.js

@@ -0,0 +1,5 @@
+import e from "./input.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                          */
+// src/components/form/input/input.vue
+var t = e;
+export { t as default };

package/dist/components/form/input/input.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, mergeModels as r, normalizeClass as i, openBlock as a, useModel as o, vModelText as s, withDirectives as c } from "vue";
+// src/components/form/input/input.vue?vue&type=script&setup=true&lang.ts
+var l = ["name", "disabled"], u = /*@__PURE__*/ n({
+	__name: "input",
+	props: /*@__PURE__*/ r({
+		name: {},
+		disabled: { type: Boolean },
+		size: { default: "medium" }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let r = o(n, "modelValue", { set(e) {
+			return n.disabled ? r.value : e;
+		} });
+		return (o, u) => (a(), e("div", { class: i([
+			"star-ui",
+			"su-input",
+			"star-ui-input",
+			`star-ui-size-${n.size}`,
+			{ disabled: n.disabled }
+		]) }, [c(t("input", {
+			type: "text",
+			ref: "input",
+			"onUpdate:modelValue": u[0] ||= (e) => r.value = e,
+			name: n.name,
+			class: i(["star-ui", "star-ui-input--inner"]),
+			disabled: n.disabled
+		}, null, 8, l), [[s, r.value]])], 2));
+	}
+});
+export { u as default };

package/dist/components/form/select/select.vue.js

@@ -0,0 +1,5 @@
+import e from "./select.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                           */
+// src/components/form/select/select.vue
+var t = e;
+export { t as default };

package/dist/components/form/select/select.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,146 @@
+import e from "../../data/popover/popover.vue.js";
+import { getTreeLabelRender as t, toTree as n, traverseTree as r } from "../../data/tree/utils.js";
+import i from "../../../icons/arrow-down.svg_component.js";
+import a from "../../data/tree/tree-raw.vue.js";
+import o from "../../data/tag/tag.vue.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, mergeProps as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onMounted as x, openBlock as S, ref as C, renderList as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, useModel as O, useTemplateRef as k, vModelText as A, watch as j, withCtx as M, withDirectives as N } from "vue";
+// src/components/form/select/select.vue?vue&type=script&setup=true&lang.ts
+var P = { class: "star-ui-select--content" }, F = {
+	key: 2,
+	class: "star-ui-placeholder"
+}, I = { class: "star-ui-select--append" }, L = /*@__PURE__*/ h({
+	__name: "select",
+	props: /*@__PURE__*/ g({
+		size: { default: "medium" },
+		disabled: { type: Boolean },
+		label: { type: Function },
+		itemKey: { type: Function },
+		value: { type: Function },
+		isValueEqual: {
+			type: Function,
+			default: (e, t) => e === t
+		},
+		children: { type: Function },
+		options: {},
+		multiple: { default: !1 },
+		placeholder: { default: "Select..." },
+		filterable: {
+			type: Boolean,
+			default: !0
+		},
+		treeCheckboxMode: { default: "default" }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {},
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:open", "update:modelValue"],
+	setup(h) {
+		let g = O(h, "open"), L = O(h, "modelValue"), R = c(() => Array.isArray(L.value) ? L.value : L.value ? [L.value] : []), z = c(() => h.value ? typeof h.value == "function" ? ({ item: e }) => h.value(e) : ({ item: e }) => e[h.value] : (e) => e.itemKey), B = c(() => n(h.options, h.itemKey, h.children, h.treeCheckboxMode, (e) => R.value.some((t) => h.isValueEqual(z.value(e), t)))), V = c(() => t(h.label || "label")), H = c(() => {
+			let e = [];
+			return B.value.map.forEach((t) => {
+				t.selfChecked.value && e.push(t);
+			}), e;
+		}), U = k("button"), W = C(0);
+		x(() => {
+			W.value = U.value.offsetWidth;
+		});
+		let G = C("");
+		j(g, (e) => {
+			e || (G.value = "");
+		});
+		let K = c(() => {
+			if (!G.value) return null;
+			let e = /* @__PURE__ */ new Set();
+			return r(h.options, h.children || (() => void 0), (t) => {
+				let n = V.value(t);
+				typeof n == "string" && n.includes(G.value) && t.items.forEach((t) => e.add(t));
+			}), e;
+		});
+		function q({ item: e }) {
+			return !K.value || K.value.has(e);
+		}
+		function J(e) {
+			h.multiple === !1 && (L.value = z.value(e), g.value = !1);
+		}
+		function Y({ add: e, remove: t }) {
+			if (h.multiple !== !1) {
+				let n = [], r = [];
+				e.forEach((e) => n.push(z.value(e))), t.forEach((e) => r.push(z.value(e))), L.value = [...(L.value || []).filter((e) => !r.some((t) => h.isValueEqual(e, t))), ...n];
+			}
+		}
+		return (t, n) => (S(), l(e, {
+			placement: "bottom",
+			trigger: "none",
+			"teleport-to": "body",
+			visible: g.value,
+			"onUpdate:visible": n[4] ||= (e) => g.value = e,
+			"keep-render": "visible"
+		}, {
+			reference: M(() => [f("div", {
+				ref: "button",
+				class: v([
+					"star-ui",
+					"star-ui-select",
+					"su-select",
+					`star-ui-select--${h.multiple === !1 ? "single" : "multiple"}`,
+					`star-ui-size-${h.size}`,
+					{
+						disabled: h.disabled,
+						"star-ui-select--open": g.value
+					}
+				]),
+				onClick: n[2] ||= (e) => !h.disabled && (g.value = !0)
+			}, [f("div", P, [G.value ? (S(), d(s, { key: 0 }, [p("​")], 64)) : H.value.length > 0 ? (S(), d(s, { key: 1 }, [h.multiple === !1 ? (S(), l(T(V.value), y(_({ key: 1 }, H.value[0])), null, 16)) : (S(!0), d(s, { key: 0 }, w(H.value, (e) => (S(), l(D(o), {
+				class: "star-ui-select--multiple-tag",
+				size: h.size,
+				theme: "info"
+			}, {
+				default: M(() => [(S(), l(T(V.value), _({ ref_for: !0 }, e), null, 16))]),
+				_: 2
+			}, 1032, ["size"]))), 256))], 64)) : (S(), d("div", F, E(h.placeholder), 1)), h.filterable ? N((S(), d("input", {
+				key: 3,
+				"onUpdate:modelValue": n[0] ||= (e) => G.value = e,
+				class: "star-ui-select--filter",
+				onFocus: n[1] ||= (e) => !h.disabled && (g.value = !0)
+			}, null, 544)), [[A, G.value]]) : u("", !0)]), f("div", I, [m(D(i), { class: "star-ui-icon star-ui-select--dropdown-icon" })])], 2)]),
+			default: M(() => [f("div", {
+				class: v([
+					"star-ui",
+					"star-ui-select--dropdown",
+					`star-ui-select--${h.multiple === !1 ? "single" : "multiple"}`,
+					`star-ui-select--${h.children ? "tree" : "list"}`
+				]),
+				style: b({ width: W.value ? `${W.value}px` : "" })
+			}, [m(a, {
+				tree: B.value.tree,
+				size: h.size,
+				"label-render": V.value,
+				"current-key": H.value[0]?.itemKey,
+				"should-item-show": q,
+				"highlight-current": h.multiple === !1,
+				"show-checkbox": h.multiple !== !1,
+				"show-checkbox-mode": h.treeCheckboxMode,
+				"item-handle": h.multiple === !1 ? "none" : "check",
+				onItemClick: J,
+				onCheckChange: Y,
+				"onUpdate:currentKey": n[3] ||= () => {}
+			}, null, 8, [
+				"tree",
+				"size",
+				"label-render",
+				"current-key",
+				"highlight-current",
+				"show-checkbox",
+				"show-checkbox-mode",
+				"item-handle"
+			])], 6)]),
+			_: 1
+		}, 8, ["visible"]));
+	}
+});
+export { L as default };

package/dist/components/form/slider/slider.vue.js

@@ -0,0 +1,5 @@
+import e from "./slider.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                           */
+// src/components/form/slider/slider.vue
+var t = e;
+export { t as default };

package/dist/components/form/slider/slider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeModels as i, nextTick as a, normalizeClass as o, normalizeStyle as s, openBlock as c, ref as l, useModel as u, useTemplateRef as d, watch as f } from "vue";
+// src/components/form/slider/slider.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ r({
+	__name: "slider",
+	props: /*@__PURE__*/ i({
+		min: { default: 0 },
+		max: { default: 100 },
+		size: { default: "medium" },
+		step: { default: 0 },
+		disabled: { type: Boolean }
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(r) {
+		let i = u(r, "modelValue"), p = d("bar"), m = l(!1), h = l(i.value);
+		f(i, () => {
+			m.value || (h.value = i.value);
+		}), f(() => r.disabled, () => {
+			m.value && (x(), h.value = i.value);
+		});
+		let g = e(() => (h.value - r.min) * 100 / (r.max - r.min));
+		function _(e) {
+			let { left: t, right: n, width: i } = p.value.getBoundingClientRect();
+			if (e.clientX < t) return r.min;
+			if (e.clientX > n) return r.max;
+			let a = r.min + (e.clientX - t) / i * (r.max - r.min);
+			return r.step && r.step > 0 && (a = Math.round((a - r.min) / r.step) * r.step), a;
+		}
+		function v(e) {
+			r.disabled || (i.value = _(e));
+		}
+		function y(e) {
+			r.disabled || (m.value = !0, window.addEventListener("mousemove", b), window.addEventListener("mouseup", S), window.addEventListener("blur", S));
+		}
+		function b(e) {
+			h.value = _(e);
+		}
+		function x() {
+			window.removeEventListener("mousemove", b), window.removeEventListener("mouseup", S), window.removeEventListener("blur", S), m.value = !1;
+		}
+		function S() {
+			x(), i.value = h.value, a(() => {
+				i.value !== h.value && (h.value = i.value);
+			});
+		}
+		return (e, i) => (c(), t("div", { class: o([
+			"star-ui",
+			"su-slider",
+			`star-ui-size-${r.size}`,
+			{
+				"su-slider-moving": m.value,
+				"su-slider-disabled": r.disabled
+			}
+		]) }, [n("div", {
+			ref: "bar",
+			class: "su-slider--inner-runway",
+			onClick: v
+		}, [n("div", {
+			class: "su-slider--inner-button-wrapper",
+			style: s({ left: `${g.value}%` }),
+			onMousedown: y
+		}, null, 36)], 512)], 2));
+	}
+});
+export { p as default };

package/dist/components/form/switch/switch.vue.js

@@ -0,0 +1,5 @@
+import e from "./switch.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                           */
+// src/components/form/switch/switch.vue
+var t = e;
+export { t as default };

package/dist/components/form/switch/switch.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, mergeModels as r, normalizeClass as i, openBlock as a, useModel as o, useTemplateRef as s } from "vue";
+// src/components/form/switch/switch.vue?vue&type=script&setup=true&lang.ts
+var c = [
+	"disabled",
+	"name",
+	"checked"
+], l = /*@__PURE__*/ n({
+	__name: "switch",
+	props: /*@__PURE__*/ r({
+		size: { default: "medium" },
+		name: {},
+		disabled: { type: Boolean }
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let r = o(n, "modelValue"), l = s("input");
+		return (o, s) => (a(), e("div", { class: i([
+			"star-ui",
+			"su-switch",
+			"star-ui-switch",
+			`star-ui-size-${n.size}`
+		]) }, [t("label", null, [t("input", {
+			disabled: n.disabled,
+			ref: "input",
+			type: "checkbox",
+			name: n.name,
+			checked: r.value,
+			onChangeCapture: s[0] ||= (e) => n.disabled ? l.value.checked = r.value : r.value = l.value.checked
+		}, null, 40, c), s[1] ||= t("div", null, [t("span")], -1)])], 2));
+	}
+});
+export { l as default };

package/dist/components/layout/layout/index.js

@@ -0,0 +1,9 @@
+import e from "./layout.vue.js";
+import t from "./layout-main.vue.js";
+import n from "./layout-dividing.vue.js";
+// src/components/layout/layout/index.ts
+var r = Object.assign(e, {
+	Main: t,
+	Dividing: n
+});
+export { r as Layout };

package/dist/components/layout/layout/layout-dividing.vue.js

@@ -0,0 +1,10 @@
+/* empty css                                                    */
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, openBlock as n } from "vue";
+// src/components/layout/layout/layout-dividing.vue
+var r = {}, i = { class: "star-ui su-layout-dividing" };
+function a(e, r) {
+	return n(), t("div", i);
+}
+var o = /*#__PURE__*/ e(r, [["render", a]]);
+export { o as default };

package/dist/components/layout/layout/layout-main.vue.js

@@ -0,0 +1,10 @@
+/* empty css                                                */
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, openBlock as n, renderSlot as r } from "vue";
+// src/components/layout/layout/layout-main.vue
+var i = {}, a = { class: "star-ui su-main star-ui-main" };
+function o(e, i) {
+	return n(), t("div", a, [r(e.$slots, "default")]);
+}
+var s = /*#__PURE__*/ e(i, [["render", o]]);
+export { s as default };

package/dist/components/layout/layout/layout.vue.js

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

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

@@ -0,0 +1,14 @@
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i } from "vue";
+// src/components/layout/layout/layout.vue?vue&type=script&setup=true&lang.ts
+var a = /*@__PURE__*/ t({
+	__name: "layout",
+	props: { direction: { default: "h" } },
+	setup(t) {
+		return (a, o) => (r(), e("div", { class: n([
+			"star-ui",
+			"su-layout",
+			`su-layout-${t.direction}`
+		]) }, [i(a.$slots, "default")], 2));
+	}
+});
+export { a as default };

package/dist/components/layout/page/Page.vue.js

@@ -0,0 +1,5 @@
+import e from "./Page.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                         */
+// src/components/layout/page/Page.vue
+var t = e;
+export { t as default };