@ecoma-io/loom 0.4.0 → 0.6.0

package/dist/layouts/desktop-app-shell/src/DesktopAppShell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import { optional } from "../../../core/src/props.js";
+import "../../../core/src/index.js";
+import TitleBar_default from "../../../patterns/title-bar/src/TitleBar.js";
+import "../../../patterns/title-bar/src/index.js";
+import { createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region packages/layouts/desktop-app-shell/src/DesktopAppShell.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-dvh flex-col" };
+var _hoisted_2 = { class: "flex min-h-0 flex-1 flex-col md:flex-row" };
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = { class: "min-w-1/2 grow-[999] overflow-y-auto bg-background px-4 sm:px-6 3xl:px-8" };
+var DesktopAppShell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "DesktopAppShell",
+	props: {
+		appName: {},
+		title: { default: "" },
+		menus: { default: () => [] },
+		isMaximized: {
+			type: Boolean,
+			default: false
+		},
+		platform: { default: "windows" },
+		windowControlsLabels: {},
+		sidebarWidth: { default: "md" },
+		sidebarAriaLabel: { default: "Sidebar" }
+	},
+	emits: [
+		"select",
+		"minimize",
+		"maximize",
+		"close"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const SIDEBAR_WIDTH = {
+			sm: "12rem",
+			md: "16rem",
+			lg: "20rem"
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(TitleBar_default), mergeProps({
+				"app-name": __props.appName,
+				title: __props.title,
+				menus: __props.menus,
+				"is-maximized": __props.isMaximized,
+				platform: __props.platform
+			}, unref(optional)({ windowControlsLabels: __props.windowControlsLabels }), {
+				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event)),
+				onMinimize: _cache[1] || (_cache[1] = ($event) => emit("minimize")),
+				onMaximize: _cache[2] || (_cache[2] = ($event) => emit("maximize")),
+				onClose: _cache[3] || (_cache[3] = ($event) => emit("close"))
+			}), createSlots({ _: 2 }, [_ctx.$slots.brandIcon ? {
+				name: "brandIcon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "brandIcon")]),
+				key: "0"
+			} : void 0, _ctx.$slots.brandMark ? {
+				name: "brandMark",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "brandMark")]),
+				key: "1"
+			} : void 0]), 1040, [
+				"app-name",
+				"title",
+				"menus",
+				"is-maximized",
+				"platform"
+			]), createElementVNode("div", _hoisted_2, [createElementVNode("aside", {
+				"aria-label": __props.sidebarAriaLabel,
+				class: "shrink-1 bg-sunken md:shrink-0 md:grow-0",
+				style: normalizeStyle({ flexBasis: SIDEBAR_WIDTH[__props.sidebarWidth] })
+			}, [renderSlot(_ctx.$slots, "sidebar")], 12, _hoisted_3), createElementVNode("main", _hoisted_4, [renderSlot(_ctx.$slots, "default")])])]);
+		};
+	}
+});
+//#endregion
+export { DesktopAppShell_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DesktopAppShell.vue_vue_type_script_setup_true_lang.js.map

package/dist/layouts/desktop-app-shell/src/DesktopAppShell.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopAppShell.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../packages/layouts/desktop-app-shell/src/DesktopAppShell.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * DesktopAppShell — the ready-made layout a desktop (Electron/Tauri) app\n * reaches for. It composes TitleBar, a sidebar, and a content area into a\n * single root so the host never hand-tunes the flex relationship between\n * window chrome and application body.\n *\n * The sidebar sits on the sunken plane (`bg-sunken`). The rail+main row is\n * `flex-col` below the `md` media query and `md:flex-row` above it — the\n * collapse is a literal breakpoint switch, not an intrinsic wrap, so it lands\n * at the viewport's 768px whatever either pane holds. The rail's width is\n * never negotiated either: `sidebarWidth` fixes its basis below the switch\n * (12/16/20rem) and `md:shrink-0 md:grow-0` settles it above. SidebarNav has\n * no viewport behaviour for the shell to mirror — its icon-only mode is a\n * prop the host sets, not a width the nav measures.\n *\n * Content sits on `bg-background` with gutters that step open at `sm` and\n * `3xl`, matching the same step scale AppHeader uses — a 16px gutter beside a\n * 1920px canvas reads as an accident.\n *\n * Every TitleBar event is re-emitted so the host wires its own window bridge;\n * the shell itself owns no IPC.\n */\nimport type { MenubarMenu } from \"@ecoma-io/loom-menubar\";\nimport type { WindowPlatform } from \"@ecoma-io/loom-window-controls\";\n</script>\n\n<script setup lang=\"ts\">\nimport TitleBar from \"@ecoma-io/loom-title-bar\";\nimport { type WindowControlsLabels } from \"@ecoma-io/loom-window-controls\";\nimport { optional } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** The host app's brand name — passed through to TitleBar, which has no identity of its own. */\n    appName: string;\n    /** Centered subtitle — usually the open project / composition. Passed through to TitleBar. */\n    title?: string;\n    /** Top-level menus for the TitleBar's Menubar. Omit for a menu-less app. */\n    menus?: MenubarMenu[];\n    /** Whether the window is maximized — controls the TitleBar's middle window-control glyph. */\n    isMaximized?: boolean;\n    /**\n     * The desktop platform the window runs on. Passed through to TitleBar, which\n     * adjusts layout for native traffic-lights on macOS. The host decides —\n     * Loom never sniffs the OS at runtime.\n     */\n    platform?: WindowPlatform;\n    /** Names for the window-control buttons, as any subset of `WindowControlsLabels`. */\n    windowControlsLabels?: WindowControlsLabels;\n    /** Sidebar rail width. Maps to 12/16/20 rem — the three widths SidebarNav's label/labelless\n     *  modes were measured against. */\n    sidebarWidth?: \"sm\" | \"md\" | \"lg\";\n    /** Accessible name for the sidebar's `<aside>` landmark. */\n    sidebarAriaLabel?: string;\n  }>(),\n  {\n    title: \"\",\n    menus: () => [],\n    isMaximized: false,\n    platform: \"windows\",\n    sidebarWidth: \"md\",\n    sidebarAriaLabel: \"Sidebar\",\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"select\", command: string): void;\n  (e: \"minimize\"): void;\n  (e: \"maximize\"): void;\n  (e: \"close\"): void;\n}>();\n\nconst SIDEBAR_WIDTH = {\n  sm: \"12rem\",\n  md: \"16rem\",\n  lg: \"20rem\",\n} as const;\n</script>\n\n<template>\n  <div class=\"flex h-dvh flex-col\">\n    <TitleBar\n      :app-name=\"appName\"\n      :title=\"title\"\n      :menus=\"menus\"\n      :is-maximized=\"isMaximized\"\n      :platform=\"platform\"\n      v-bind=\"optional({ windowControlsLabels })\"\n      @select=\"emit('select', $event)\"\n      @minimize=\"emit('minimize')\"\n      @maximize=\"emit('maximize')\"\n      @close=\"emit('close')\"\n    >\n      <template v-if=\"$slots.brandIcon\" #brandIcon>\n        <!-- @slot Brand icon — forwarded to TitleBar's own brandIcon slot. -->\n        <slot name=\"brandIcon\" />\n      </template>\n      <template v-if=\"$slots.brandMark\" #brandMark>\n        <!-- @slot Brand mark — forwarded to TitleBar's own brandMark slot. -->\n        <slot name=\"brandMark\" />\n      </template>\n    </TitleBar>\n\n    <div class=\"flex min-h-0 flex-1 flex-col md:flex-row\">\n      <aside\n        :aria-label=\"sidebarAriaLabel\"\n        class=\"shrink-1 bg-sunken md:shrink-0 md:grow-0\"\n        :style=\"{ flexBasis: SIDEBAR_WIDTH[sidebarWidth] }\"\n      >\n        <!-- @slot Sidebar navigation content — typically SidebarNav. Sits on the sunken plane. -->\n        <slot name=\"sidebar\" />\n      </aside>\n\n      <main class=\"min-w-1/2 grow-[999] overflow-y-auto bg-background px-4 sm:px-6 3xl:px-8\">\n        <!-- @slot Main content area. Sits on the background plane with stepped gutters. -->\n        <slot />\n      </main>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkEA,MAAM,OAAO;EAOb,MAAM,gBAAgB;GACpB,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;;GAIE,OAAA,UAAA,GAAA,mBAsCM,OAtCN,YAsCM,CArCJ,YAoBW,MAAA,gBAAA,GApBX,WAoBW;IAnBR,YAAU,QAAA;IACV,OAAO,QAAA;IACP,OAAO,QAAA;IACP,gBAAc,QAAA;IACd,UAAU,QAAA;GACH,GAAA,MAAA,QAAA,CAAQ,CAAA,EAAA,sBAAG,QAAA,qBAAoB,CAAA,GAAA;IACtC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,MAAM;IAC7B,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;IACd,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;IACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;GAEIA,CAAAA,GAAAA,YAAAA,EAAAA,GAAAA,EAAAA,GAAAA,CAAAA,KAAAA,OAAO,YAAA;IAAY,MAAA;IAEjC,IAAA,cAAyB,CAAzB,WAAyB,KAAA,QAAA,WAAA,CAAA,CAAA;;GAEXA,IAAAA,KAAAA,GAAAA,KAAAA,OAAO,YAAA;IAAY,MAAA;IAEjC,IAAA,cAAyB,CAAzB,WAAyB,KAAA,QAAA,WAAA,CAAA,CAAA;;;;;;;;GAI7B,CAAA,GAAA,mBAcM,OAdN,YAcM,CAbJ,mBAOQ,SAAA;IANL,cAAY,QAAA;IACb,OAAM;IACL,OAAK,eAAA,EAAA,WAAe,cAAc,QAAA,cAAY,CAAA;GAG/C,GAAA,CAAA,WAAuB,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA,GAGzB,mBAGO,QAHP,YAGO,CADL,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/layouts/form-layout/src/FormLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.js","names":[],"sources":["../../../../packages/layouts/form-layout/src/FormLayout.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * FormLayout — a centered form page with constrained width for readability.\n *\n * Forms are narrower than general content: a line length comfortable for reading\n * prose is already wider than the labels and inputs a form needs. FormLayout\n * enforces that cap so the host never ships a form that stretches across an\n * ultrawide monitor. The `maxWidth` prop maps to named steps rather than a pixel\n * value, so the host names intent and the layout owns the geometry.\n *\n * The `#actions` slot flows with the content rather than being sticky, because a\n * submit button that stays pinned while the user scrolls is a button that gets\n * clicked before the form is filled. The gap between content and actions is a\n * fixed `mt-8` — a visual separator is the layout's responsibility, and a wider\n * gap than Stack's `lg` step is warranted to make the boundary unmistakable.\n *\n * The header slot is full-width, above the centered content, so a page title or\n * breadcrumb never competes for horizontal space with the constrained form.\n * Gutters widen at wider breakpoints so ultrawide viewports add whitespace rails\n * rather than stretching the form.\n */\nexport type FormLayoutMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nconst maxWidthClass: Record<FormLayoutMaxWidth, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-lg\",\n  xl: \"max-w-xl\",\n} as const;\n\nexport { maxWidthClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Max-width for the form column. Forms should be narrower than general content. */\n    maxWidth?: FormLayoutMaxWidth;\n  }>(),\n  { maxWidth: \"md\" },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      The header is full-width, above the centered form content, so a page\n      title or breadcrumb never competes for horizontal space.\n    -->\n    <header v-if=\"$slots.header\" :class=\"cn('px-4 sm:px-6 3xl:px-8')\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      The content area fills available vertical space and centres the form\n      horizontally. `max-w-md` (default) keeps labels and inputs at a\n      comfortable width — wider than that and the eye has to travel too far\n      between label and input. Gutters widen at wider breakpoints so\n      ultrawide viewports add whitespace rails rather than stretching lines.\n    -->\n    <div :class=\"cn('mx-auto w-full flex-1 px-4 sm:px-6 3xl:px-8', maxWidthClass[maxWidth])\">\n      <slot />\n\n      <!--\n        The actions slot is separated from the form content by a wider gap\n        than Stack's lg step, so the boundary between \"fill in\" and \"submit\"\n        is unmistakable. It flows with the content rather than being sticky,\n        because a submit button pinned to the viewport is a button clicked\n        before the form is filled.\n      -->\n      <div v-if=\"$slots.actions\" :class=\"cn('mt-8')\">\n        <slot name=\"actions\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/layouts/form-layout/src/FormLayout.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../packages/layouts/form-layout/src/FormLayout.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * FormLayout — a centered form page with constrained width for readability.\n *\n * Forms are narrower than general content: a line length comfortable for reading\n * prose is already wider than the labels and inputs a form needs. FormLayout\n * enforces that cap so the host never ships a form that stretches across an\n * ultrawide monitor. The `maxWidth` prop maps to named steps rather than a pixel\n * value, so the host names intent and the layout owns the geometry.\n *\n * The `#actions` slot flows with the content rather than being sticky, because a\n * submit button that stays pinned while the user scrolls is a button that gets\n * clicked before the form is filled. The gap between content and actions is a\n * fixed `mt-8` — a visual separator is the layout's responsibility, and a wider\n * gap than Stack's `lg` step is warranted to make the boundary unmistakable.\n *\n * The header slot is full-width, above the centered content, so a page title or\n * breadcrumb never competes for horizontal space with the constrained form.\n * Gutters widen at wider breakpoints so ultrawide viewports add whitespace rails\n * rather than stretching the form.\n */\nexport type FormLayoutMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nconst maxWidthClass: Record<FormLayoutMaxWidth, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-lg\",\n  xl: \"max-w-xl\",\n} as const;\n\nexport { maxWidthClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Max-width for the form column. Forms should be narrower than general content. */\n    maxWidth?: FormLayoutMaxWidth;\n  }>(),\n  { maxWidth: \"md\" },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      The header is full-width, above the centered form content, so a page\n      title or breadcrumb never competes for horizontal space.\n    -->\n    <header v-if=\"$slots.header\" :class=\"cn('px-4 sm:px-6 3xl:px-8')\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      The content area fills available vertical space and centres the form\n      horizontally. `max-w-md` (default) keeps labels and inputs at a\n      comfortable width — wider than that and the eye has to travel too far\n      between label and input. Gutters widen at wider breakpoints so\n      ultrawide viewports add whitespace rails rather than stretching lines.\n    -->\n    <div :class=\"cn('mx-auto w-full flex-1 px-4 sm:px-6 3xl:px-8', maxWidthClass[maxWidth])\">\n      <slot />\n\n      <!--\n        The actions slot is separated from the form content by a wider gap\n        than Stack's lg step, so the boundary between \"fill in\" and \"submit\"\n        is unmistakable. It flows with the content rather than being sticky,\n        because a submit button pinned to the viewport is a button clicked\n        before the form is filled.\n      -->\n      <div v-if=\"$slots.actions\" :class=\"cn('mt-8')\">\n        <slot name=\"actions\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;AAuBA,IAAM,gBAAoD;CACxD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;GAkBE,OAAA,UAAA,GAAA,mBA8BM,OAAA,EA9BA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA,EAAA,GAAA,CAKCA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA;;IAFqB,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,uBAAA,CAAA;GACrC,GAAA,CAAA,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAUxB,mBAaM,OAAA,EAbA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,+CAAgD,cAAc,QAAA,SAAQ,CAAA,EAAA,GAAA,CACnF,WAAQ,KAAA,QAAA,SAAA,GASGA,KAAAA,OAAO,WAAlB,UAAA,GAAA,mBAEM,OAAA;;IAFsB,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,MAAA,CAAA;GACnC,GAAA,CAAA,WAAuB,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/layouts/master-detail/src/MasterDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetail.js","names":[],"sources":["../../../../packages/layouts/master-detail/src/MasterDetail.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * MasterDetail — a master list panel and a detail panel side by side.\n *\n * The master/detail pattern is the layout that list-driven applications reach\n * for: a selectable list on one side, its content on the other. Mail clients,\n * file browsers, and settings pages all share this structure.\n *\n * The intrinsic collapse from the Split composition primitive is reused directly\n * — `flex-wrap` plus a `min-width: 50%` guard on the detail panel — so the\n * layout derives its own breakpoint from the container's width rather than a\n * viewport media query. Below the collapse width the panels stack vertically;\n * the master list sits above the detail area.\n *\n * The master panel does not shrink (`flex-shrink: 0`), unlike the AppShell\n * sidebar, because a master list whose column widths change under compression\n * is harder to scan than one that holds its shape and lets the detail panel\n * absorb the squeeze. The detail panel scrolls independently so long lists of\n * content never push the master list off-screen.\n */\nexport type MasterDetailMinMasterWidth = string;\n\nexport type MasterDetailGap = \"sm\" | \"md\" | \"lg\" | \"none\";\n\nconst gapClass: Record<Exclude<MasterDetailGap, \"none\">, string> = {\n  sm: \"gap-2 sm:gap-3\",\n  md: \"gap-3 sm:gap-4\",\n  lg: \"gap-4 sm:gap-6\",\n} as const;\n\nexport { gapClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Minimum width for the master panel (e.g. \"14rem\"). The detail area takes the rest. */\n    minMasterWidth?: MasterDetailMinMasterWidth;\n    /** Gap between master and detail panels. Tightens one notch below sm. */\n    gap?: MasterDetailGap;\n  }>(),\n  { minMasterWidth: \"14rem\", gap: \"none\" },\n);\n</script>\n\n<template>\n  <!--\n    `flex-wrap: wrap` is the intrinsic collapse mechanism. When the detail\n    panel cannot honour its `min-width: 50%`, both panels wrap to full-width —\n    the master list sits above the detail area. No media query; the layout\n    derives its own breakpoint from the container's width.\n  -->\n  <div\n    :class=\"cn('flex h-full', gap !== 'none' ? gapClass[gap] : undefined)\"\n    :style=\"{ flexWrap: 'wrap' }\"\n  >\n    <!--\n      The master panel holds a fixed basis and does not grow or shrink. It sits\n      on the sunken elevation so the detail area reads as the work surface\n      lifted above navigation chrome.\n    -->\n    <div\n      :style=\"{\n        flexBasis: minMasterWidth,\n        flexGrow: 0,\n        flexShrink: 0,\n      }\"\n      :class=\"cn('bg-sunken w-full')\"\n    >\n      <slot name=\"master\" />\n    </div>\n\n    <!--\n      The detail panel takes all remaining space (`flex-grow: 999`) when the\n      container is wide enough. Its `min-width: 50%` triggers wrapping below\n      tablet-like widths. It scrolls independently so long content never pushes\n      the master list off-screen. Gutters widen at wider breakpoints so\n      ultrawide viewports add whitespace rails rather than stretching lines.\n    -->\n    <div\n      :style=\"{\n        flexBasis: 0,\n        flexGrow: 999,\n        flexShrink: 1,\n        minWidth: '50%',\n      }\"\n      :class=\"cn('bg-background overflow-y-auto px-4 sm:px-6 3xl:px-8')\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/layouts/master-detail/src/MasterDetail.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetail.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../packages/layouts/master-detail/src/MasterDetail.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * MasterDetail — a master list panel and a detail panel side by side.\n *\n * The master/detail pattern is the layout that list-driven applications reach\n * for: a selectable list on one side, its content on the other. Mail clients,\n * file browsers, and settings pages all share this structure.\n *\n * The intrinsic collapse from the Split composition primitive is reused directly\n * — `flex-wrap` plus a `min-width: 50%` guard on the detail panel — so the\n * layout derives its own breakpoint from the container's width rather than a\n * viewport media query. Below the collapse width the panels stack vertically;\n * the master list sits above the detail area.\n *\n * The master panel does not shrink (`flex-shrink: 0`), unlike the AppShell\n * sidebar, because a master list whose column widths change under compression\n * is harder to scan than one that holds its shape and lets the detail panel\n * absorb the squeeze. The detail panel scrolls independently so long lists of\n * content never push the master list off-screen.\n */\nexport type MasterDetailMinMasterWidth = string;\n\nexport type MasterDetailGap = \"sm\" | \"md\" | \"lg\" | \"none\";\n\nconst gapClass: Record<Exclude<MasterDetailGap, \"none\">, string> = {\n  sm: \"gap-2 sm:gap-3\",\n  md: \"gap-3 sm:gap-4\",\n  lg: \"gap-4 sm:gap-6\",\n} as const;\n\nexport { gapClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Minimum width for the master panel (e.g. \"14rem\"). The detail area takes the rest. */\n    minMasterWidth?: MasterDetailMinMasterWidth;\n    /** Gap between master and detail panels. Tightens one notch below sm. */\n    gap?: MasterDetailGap;\n  }>(),\n  { minMasterWidth: \"14rem\", gap: \"none\" },\n);\n</script>\n\n<template>\n  <!--\n    `flex-wrap: wrap` is the intrinsic collapse mechanism. When the detail\n    panel cannot honour its `min-width: 50%`, both panels wrap to full-width —\n    the master list sits above the detail area. No media query; the layout\n    derives its own breakpoint from the container's width.\n  -->\n  <div\n    :class=\"cn('flex h-full', gap !== 'none' ? gapClass[gap] : undefined)\"\n    :style=\"{ flexWrap: 'wrap' }\"\n  >\n    <!--\n      The master panel holds a fixed basis and does not grow or shrink. It sits\n      on the sunken elevation so the detail area reads as the work surface\n      lifted above navigation chrome.\n    -->\n    <div\n      :style=\"{\n        flexBasis: minMasterWidth,\n        flexGrow: 0,\n        flexShrink: 0,\n      }\"\n      :class=\"cn('bg-sunken w-full')\"\n    >\n      <slot name=\"master\" />\n    </div>\n\n    <!--\n      The detail panel takes all remaining space (`flex-grow: 999`) when the\n      container is wide enough. Its `min-width: 50%` triggers wrapping below\n      tablet-like widths. It scrolls independently so long content never pushes\n      the master list off-screen. Gutters widen at wider breakpoints so\n      ultrawide viewports add whitespace rails rather than stretching lines.\n    -->\n    <div\n      :style=\"{\n        flexBasis: 0,\n        flexGrow: 999,\n        flexShrink: 1,\n        minWidth: '50%',\n      }\"\n      :class=\"cn('bg-background overflow-y-auto px-4 sm:px-6 3xl:px-8')\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;AAwBA,IAAM,WAA6D;CACjE,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;GA0BE,OAAA,UAAA,GAAA,mBAsCM,OAAA;IArCH,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,eAAgB,QAAA,QAAG,SAAc,SAAS,QAAA,OAAO,KAAA,CAAS,CAAA;IACnE,OAAO,EAAA,UAAA,OAAA;GAOR,GAAA,CAAA,mBASM,OAAA;IARH,OAAK,eAAA;KAAuB,WAAA,QAAA;;;;IAK5B,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,kBAAA,CAAA;GAEV,GAAA,CAAA,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA,GAUxB,mBAUM,OAAA;IATH,OAAO;;;;;IAKP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,qDAAA,CAAA;GAEV,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/layouts/reading/src/Reading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reading.js","names":[],"sources":["../../../../packages/layouts/reading/src/Reading.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Whether the layout carries horizontal gutters that widen at wider breakpoints. */\nexport type ReadingGutter = boolean;\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Whether to add horizontal gutters that widen at wider breakpoints. */\n    gutter?: ReadingGutter;\n  }>(),\n  { gutter: true },\n);\n</script>\n\n<template>\n  <!--\n    Reading — a long-form reading layout that caps the content area at a\n    comfortable line length (~65ch). The header and footer span full-width\n    (site chrome, navigation, copyright), while only the reading content is\n    constrained to `max-w-prose` — the width that research identifies as the\n    fastest for sustained reading. Extra viewport on ultrawide monitors goes\n    to intentional whitespace, never to stretching lines.\n\n    The content wrapper is always prose-width with no prop: this layout exists\n    to enforce that cap. A reading layout that can go full-width is not a\n    reading layout. The `gutter` prop controls horizontal padding, not width.\n  -->\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <header v-if=\"$slots.header\" :class=\"cn(gutter ? 'px-4 sm:px-6 3xl:px-8' : undefined)\">\n      <slot name=\"header\" />\n    </header>\n\n    <div\n      :class=\"\n        cn(\n          'mx-auto w-full max-w-prose flex-1',\n          gutter ? 'px-4 sm:px-6 3xl:px-8' : undefined,\n          'py-8 sm:py-12',\n        )\n      \"\n    >\n      <slot />\n    </div>\n\n    <footer v-if=\"$slots.footer\" :class=\"cn(gutter ? 'px-4 sm:px-6 3xl:px-8' : undefined)\">\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n"],"mappings":""}

package/dist/layouts/reading/src/Reading.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reading.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../packages/layouts/reading/src/Reading.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Whether the layout carries horizontal gutters that widen at wider breakpoints. */\nexport type ReadingGutter = boolean;\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Whether to add horizontal gutters that widen at wider breakpoints. */\n    gutter?: ReadingGutter;\n  }>(),\n  { gutter: true },\n);\n</script>\n\n<template>\n  <!--\n    Reading — a long-form reading layout that caps the content area at a\n    comfortable line length (~65ch). The header and footer span full-width\n    (site chrome, navigation, copyright), while only the reading content is\n    constrained to `max-w-prose` — the width that research identifies as the\n    fastest for sustained reading. Extra viewport on ultrawide monitors goes\n    to intentional whitespace, never to stretching lines.\n\n    The content wrapper is always prose-width with no prop: this layout exists\n    to enforce that cap. A reading layout that can go full-width is not a\n    reading layout. The `gutter` prop controls horizontal padding, not width.\n  -->\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <header v-if=\"$slots.header\" :class=\"cn(gutter ? 'px-4 sm:px-6 3xl:px-8' : undefined)\">\n      <slot name=\"header\" />\n    </header>\n\n    <div\n      :class=\"\n        cn(\n          'mx-auto w-full max-w-prose flex-1',\n          gutter ? 'px-4 sm:px-6 3xl:px-8' : undefined,\n          'py-8 sm:py-12',\n        )\n      \"\n    >\n      <slot />\n    </div>\n\n    <footer v-if=\"$slots.footer\" :class=\"cn(gutter ? 'px-4 sm:px-6 3xl:px-8' : undefined)\">\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;GA8BE,OAAA,UAAA,GAAA,mBAoBM,OAAA,EApBA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA,EAAA,GAAA;IACCA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA;;KAFqB,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,QAAA,SAAM,0BAA6B,KAAA,CAAS,CAAA;IAClF,GAAA,CAAA,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAGxB,mBAUM,OAAA,EATH,OAAK,eAAW,MAAA,EAAA,CAAE,CAAA,qCAA2D,QAAA,SAAM,0BAA6B,KAAA,GAAA,eAAA,CAAA,EAAA,GAAA,CAQjH,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;IAGIA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA;;KAFqB,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,QAAA,SAAM,0BAA6B,KAAA,CAAS,CAAA;IAClF,GAAA,CAAA,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/layouts/settings/src/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","names":[],"sources":["../../../../packages/layouts/settings/src/Settings.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Settings — a settings/preferences page layout: navigation sidebar + content\n * sections.\n *\n * The layout uses the same intrinsic flex-wrap collapse as the Sidebar\n * composition primitive. The nav panel gets a fixed flex-basis and the content\n * area gets `flex-grow: 999`, so when the container cannot fit the content's\n * `min-width: 50%`, the pair wraps onto separate lines — the nav keeps its\n * declared width on the line above the content. No media query, no JavaScript\n * — the layout derives its own breakpoint from the container's width.\n *\n * The nav panel recedes into the sunken elevation layer so the content reads as\n * the work surface. The content area scrolls independently so long settings\n * pages stay navigable without the nav scrolling out of view.\n */\nexport type SettingsNavWidth = string;\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Width for the navigation panel (e.g. \"12rem\"). */\n    navWidth?: SettingsNavWidth;\n  }>(),\n  { navWidth: \"12rem\" },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      The header is full-width and above the nav+content row, so a title bar\n      or breadcrumb never competes for horizontal space with the nav panel.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      `flex-wrap: wrap` is the intrinsic collapse mechanism. When the content\n      panel can't fit its `min-width: 50%`, the pair wraps onto separate lines\n      — the nav keeps its declared `navWidth` on the line above the content,\n      and the content takes the whole next line. No media query; the layout\n      derives its own breakpoint from the container's width.\n    -->\n    <div :class=\"cn('flex flex-1 flex-row')\" :style=\"{ flexWrap: 'wrap' }\">\n      <!--\n        The nav panel: fixed-basis, no growth, no shrink. It does not yield\n        width to the content area and never compresses — when the container\n        is too narrow for both, it wraps to its own line at this declared\n        width rather than shrinking. Sunken elevation marks it as chrome,\n        not work surface.\n      -->\n      <nav\n        :style=\"{\n          flexBasis: navWidth,\n          flexGrow: 0,\n          flexShrink: 0,\n        }\"\n        :class=\"cn('bg-sunken w-full p-2')\"\n      >\n        <slot name=\"nav\" />\n      </nav>\n\n      <!--\n        The content area takes all remaining space (`flex-grow: 999`) when the\n        container is wide enough. Its `min-width: 50%` triggers wrapping below\n        tablet-like widths. It scrolls independently so long settings pages\n        stay navigable without the nav scrolling out of view. Gutters widen at\n        wider breakpoints so ultrawide viewports add whitespace rails rather\n        than stretching lines.\n      -->\n      <div\n        :style=\"{\n          flexBasis: 0,\n          flexGrow: 999,\n          flexShrink: 1,\n          minWidth: '50%',\n        }\"\n        :class=\"cn('bg-background min-w-0 flex-1 overflow-y-auto px-4 sm:px-6 3xl:px-8')\"\n      >\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/layouts/settings/src/Settings.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../packages/layouts/settings/src/Settings.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Settings — a settings/preferences page layout: navigation sidebar + content\n * sections.\n *\n * The layout uses the same intrinsic flex-wrap collapse as the Sidebar\n * composition primitive. The nav panel gets a fixed flex-basis and the content\n * area gets `flex-grow: 999`, so when the container cannot fit the content's\n * `min-width: 50%`, the pair wraps onto separate lines — the nav keeps its\n * declared width on the line above the content. No media query, no JavaScript\n * — the layout derives its own breakpoint from the container's width.\n *\n * The nav panel recedes into the sunken elevation layer so the content reads as\n * the work surface. The content area scrolls independently so long settings\n * pages stay navigable without the nav scrolling out of view.\n */\nexport type SettingsNavWidth = string;\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Width for the navigation panel (e.g. \"12rem\"). */\n    navWidth?: SettingsNavWidth;\n  }>(),\n  { navWidth: \"12rem\" },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      The header is full-width and above the nav+content row, so a title bar\n      or breadcrumb never competes for horizontal space with the nav panel.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      `flex-wrap: wrap` is the intrinsic collapse mechanism. When the content\n      panel can't fit its `min-width: 50%`, the pair wraps onto separate lines\n      — the nav keeps its declared `navWidth` on the line above the content,\n      and the content takes the whole next line. No media query; the layout\n      derives its own breakpoint from the container's width.\n    -->\n    <div :class=\"cn('flex flex-1 flex-row')\" :style=\"{ flexWrap: 'wrap' }\">\n      <!--\n        The nav panel: fixed-basis, no growth, no shrink. It does not yield\n        width to the content area and never compresses — when the container\n        is too narrow for both, it wraps to its own line at this declared\n        width rather than shrinking. Sunken elevation marks it as chrome,\n        not work surface.\n      -->\n      <nav\n        :style=\"{\n          flexBasis: navWidth,\n          flexGrow: 0,\n          flexShrink: 0,\n        }\"\n        :class=\"cn('bg-sunken w-full p-2')\"\n      >\n        <slot name=\"nav\" />\n      </nav>\n\n      <!--\n        The content area takes all remaining space (`flex-grow: 999`) when the\n        container is wide enough. Its `min-width: 50%` triggers wrapping below\n        tablet-like widths. It scrolls independently so long settings pages\n        stay navigable without the nav scrolling out of view. Gutters widen at\n        wider breakpoints so ultrawide viewports add whitespace rails rather\n        than stretching lines.\n      -->\n      <div\n        :style=\"{\n          flexBasis: 0,\n          flexGrow: 999,\n          flexShrink: 1,\n          minWidth: '50%',\n        }\"\n        :class=\"cn('bg-background min-w-0 flex-1 overflow-y-auto px-4 sm:px-6 3xl:px-8')\"\n      >\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;GAgCE,OAAA,UAAA,GAAA,mBAuDM,OAAA,EAvDA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA,EAAA,GAAA,CAKCA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA,YAAA,CADP,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAUxB,mBAsCM,OAAA;IAtCA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,sBAAA,CAAA;IAA2B,OAAO,EAAA,UAAA,OAAA;GAQ/C,GAAA,CAAA,mBASM,OAAA;IARH,OAAK,eAAA;KAAyB,WAAA,QAAA;;;;IAK9B,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,sBAAA,CAAA;GAEV,GAAA,CAAA,WAAmB,KAAA,QAAA,KAAA,CAAA,GAAA,CAAA,GAWrB,mBAUM,OAAA;IATH,OAAO;;;;;IAKP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,oEAAA,CAAA;GAEV,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/layouts/split-layout/src/SplitLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.js","names":[],"sources":["../../../../packages/layouts/split-layout/src/SplitLayout.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * SplitLayout — full-page two-panel layout with intrinsic collapse.\n *\n * A SplitLayout extends the Split composition primitive's intrinsic collapse\n * into a full-page application shell: a side panel and a main content area,\n * with an optional full-width header above. It is the layout a two-column\n * application reaches for — a settings page with a nav rail, a documentation\n * site with a sidebar, a chat interface with a contact list.\n *\n * The intrinsic collapse from the Split composition primitive is reused\n * directly — `flex-wrap` plus a `min-width: 50%` guard on the content panel —\n * so the layout derives its own breakpoint from the container's width rather\n * than a viewport media query. Below the collapse width the panels stack\n * vertically; the side panel sits above the content when `side` is `\"left\"`,\n * below it when `side` is `\"right\"`.\n *\n * The header slot spans the full width, above the split row, so an application\n * header bar stays visible regardless of collapse state. Both panels carry\n * gutters that widen at wider breakpoints, so ultrawide viewports add\n * whitespace rails rather than stretching lines of text.\n */\nexport type SplitLayoutGap = \"sm\" | \"md\" | \"lg\" | \"none\";\n\nconst gapClass: Record<Exclude<SplitLayoutGap, \"none\">, string> = {\n  sm: \"gap-2 sm:gap-3\",\n  md: \"gap-3 sm:gap-4\",\n  lg: \"gap-4 sm:gap-6\",\n} as const;\n\nexport { gapClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Which side the primary panel sits on. Controls stacking order when collapsed: \"left\" stacks the side panel above, \"right\" stacks it below. */\n    side?: \"left\" | \"right\";\n    /** Minimum width for the side panel (e.g. \"16rem\"). The content area takes the rest. */\n    minSideWidth?: string;\n    /** Gap between panels. Tightens one notch below sm (except \"none\"). */\n    gap?: SplitLayoutGap;\n  }>(),\n  { side: \"left\", minSideWidth: \"16rem\", gap: \"none\" },\n);\n</script>\n\n<template>\n  <!--\n    The root is a full-height column so the header can span the top while the\n    split row fills the rest. `min-h-dvh` makes the layout at least one\n    viewport tall even when content is short, so the side panel background\n    fills the screen rather than stopping at the content's natural height.\n  -->\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      The header spans the full width, above the split row. It is not sticky\n      here — that is the host's decision, because whether an application\n      header pins depends on the content below it.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      `flex-wrap: wrap` is the intrinsic collapse mechanism. When the content\n      panel cannot honour its `min-width: 50%`, both panels wrap to full-width\n      — the side panel stacks above or below the content depending on `side`.\n      No media query; the layout derives its own breakpoint from the\n      container's width.\n    -->\n    <div\n      :class=\"cn('flex flex-1 flex-row', gap !== 'none' ? gapClass[gap] : undefined)\"\n      :style=\"{ flexWrap: 'wrap' }\"\n    >\n      <!--\n        Document order follows `side`, so screen-reader order matches the\n        visual one and the wrapped stack never contradicts the row: content\n        first when `side=\"right\"` (stack: content above, panel below), side\n        first when `side=\"left\"`. flex-row (never reverse) plus this ordering\n        is what makes the wrap produce content-above-panel for `side=\"right\"`.\n      -->\n      <template v-if=\"side === 'right'\">\n        <!-- Content: takes all remaining space (flex-grow: 999); its\n             min-width: 50% triggers wrapping below tablet-like widths. Scrolls\n             independently so long content never pushes the panel off-screen. -->\n        <div\n          :style=\"{\n            flexBasis: 0,\n            flexGrow: 999,\n            flexShrink: 1,\n            minWidth: '50%',\n          }\"\n          :class=\"cn('bg-background overflow-y-auto px-4 sm:px-6 3xl:px-8')\"\n        >\n          <slot />\n        </div>\n        <!-- The side panel holds a fixed basis and does not grow; the sunken\n             elevation makes the content read as the work surface above\n             navigation chrome. -->\n        <div\n          :style=\"{\n            flexBasis: minSideWidth,\n            flexGrow: 0,\n            flexShrink: 0,\n            minWidth: minSideWidth,\n          }\"\n          :class=\"cn('bg-sunken w-full px-4 sm:px-6 3xl:px-8')\"\n        >\n          <slot name=\"side\" />\n        </div>\n      </template>\n      <template v-else>\n        <!-- The side panel holds a fixed basis and does not grow; the sunken\n             elevation makes the content read as the work surface above\n             navigation chrome. -->\n        <div\n          :style=\"{\n            flexBasis: minSideWidth,\n            flexGrow: 0,\n            flexShrink: 0,\n            minWidth: minSideWidth,\n          }\"\n          :class=\"cn('bg-sunken w-full px-4 sm:px-6 3xl:px-8')\"\n        >\n          <slot name=\"side\" />\n        </div>\n        <!-- Content: takes all remaining space (flex-grow: 999); its\n             min-width: 50% triggers wrapping below tablet-like widths. Scrolls\n             independently so long content never pushes the panel off-screen. -->\n        <div\n          :style=\"{\n            flexBasis: 0,\n            flexGrow: 999,\n            flexShrink: 1,\n            minWidth: '50%',\n          }\"\n          :class=\"cn('bg-background overflow-y-auto px-4 sm:px-6 3xl:px-8')\"\n        >\n          <slot />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/layouts/split-layout/src/SplitLayout.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,62 @@
+import { cn } from "../../../core/src/cn.js";
+import "../../../core/src/index.js";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+//#region packages/layouts/split-layout/src/SplitLayout.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { key: 0 };
+var gapClass = {
+	sm: "gap-2 sm:gap-3",
+	md: "gap-3 sm:gap-4",
+	lg: "gap-4 sm:gap-6"
+};
+var SplitLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "SplitLayout",
+	props: {
+		side: { default: "left" },
+		minSideWidth: { default: "16rem" },
+		gap: { default: "none" }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("min-h-dvh flex flex-col")) }, [_ctx.$slots.header ? (openBlock(), createElementBlock("header", _hoisted_1, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("", true), createElementVNode("div", {
+				class: normalizeClass(unref(cn)("flex flex-1 flex-row", __props.gap !== "none" ? gapClass[__props.gap] : void 0)),
+				style: { flexWrap: "wrap" }
+			}, [__props.side === "right" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", {
+				style: {
+					flexBasis: 0,
+					flexGrow: 999,
+					flexShrink: 1,
+					minWidth: "50%"
+				},
+				class: normalizeClass(unref(cn)("bg-background overflow-y-auto px-4 sm:px-6 3xl:px-8"))
+			}, [renderSlot(_ctx.$slots, "default")], 2), createElementVNode("div", {
+				style: normalizeStyle({
+					flexBasis: __props.minSideWidth,
+					flexGrow: 0,
+					flexShrink: 0,
+					minWidth: __props.minSideWidth
+				}),
+				class: normalizeClass(unref(cn)("bg-sunken w-full px-4 sm:px-6 3xl:px-8"))
+			}, [renderSlot(_ctx.$slots, "side")], 6)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", {
+				style: normalizeStyle({
+					flexBasis: __props.minSideWidth,
+					flexGrow: 0,
+					flexShrink: 0,
+					minWidth: __props.minSideWidth
+				}),
+				class: normalizeClass(unref(cn)("bg-sunken w-full px-4 sm:px-6 3xl:px-8"))
+			}, [renderSlot(_ctx.$slots, "side")], 6), createElementVNode("div", {
+				style: {
+					flexBasis: 0,
+					flexGrow: 999,
+					flexShrink: 1,
+					minWidth: "50%"
+				},
+				class: normalizeClass(unref(cn)("bg-background overflow-y-auto px-4 sm:px-6 3xl:px-8"))
+			}, [renderSlot(_ctx.$slots, "default")], 2)], 64))], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { SplitLayout_vue_vue_type_script_setup_true_lang_default as default, gapClass };
+
+//# sourceMappingURL=SplitLayout.vue_vue_type_script_setup_true_lang.js.map

package/dist/layouts/split-layout/src/SplitLayout.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../packages/layouts/split-layout/src/SplitLayout.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * SplitLayout — full-page two-panel layout with intrinsic collapse.\n *\n * A SplitLayout extends the Split composition primitive's intrinsic collapse\n * into a full-page application shell: a side panel and a main content area,\n * with an optional full-width header above. It is the layout a two-column\n * application reaches for — a settings page with a nav rail, a documentation\n * site with a sidebar, a chat interface with a contact list.\n *\n * The intrinsic collapse from the Split composition primitive is reused\n * directly — `flex-wrap` plus a `min-width: 50%` guard on the content panel —\n * so the layout derives its own breakpoint from the container's width rather\n * than a viewport media query. Below the collapse width the panels stack\n * vertically; the side panel sits above the content when `side` is `\"left\"`,\n * below it when `side` is `\"right\"`.\n *\n * The header slot spans the full width, above the split row, so an application\n * header bar stays visible regardless of collapse state. Both panels carry\n * gutters that widen at wider breakpoints, so ultrawide viewports add\n * whitespace rails rather than stretching lines of text.\n */\nexport type SplitLayoutGap = \"sm\" | \"md\" | \"lg\" | \"none\";\n\nconst gapClass: Record<Exclude<SplitLayoutGap, \"none\">, string> = {\n  sm: \"gap-2 sm:gap-3\",\n  md: \"gap-3 sm:gap-4\",\n  lg: \"gap-4 sm:gap-6\",\n} as const;\n\nexport { gapClass };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Which side the primary panel sits on. Controls stacking order when collapsed: \"left\" stacks the side panel above, \"right\" stacks it below. */\n    side?: \"left\" | \"right\";\n    /** Minimum width for the side panel (e.g. \"16rem\"). The content area takes the rest. */\n    minSideWidth?: string;\n    /** Gap between panels. Tightens one notch below sm (except \"none\"). */\n    gap?: SplitLayoutGap;\n  }>(),\n  { side: \"left\", minSideWidth: \"16rem\", gap: \"none\" },\n);\n</script>\n\n<template>\n  <!--\n    The root is a full-height column so the header can span the top while the\n    split row fills the rest. `min-h-dvh` makes the layout at least one\n    viewport tall even when content is short, so the side panel background\n    fills the screen rather than stopping at the content's natural height.\n  -->\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      The header spans the full width, above the split row. It is not sticky\n      here — that is the host's decision, because whether an application\n      header pins depends on the content below it.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      `flex-wrap: wrap` is the intrinsic collapse mechanism. When the content\n      panel cannot honour its `min-width: 50%`, both panels wrap to full-width\n      — the side panel stacks above or below the content depending on `side`.\n      No media query; the layout derives its own breakpoint from the\n      container's width.\n    -->\n    <div\n      :class=\"cn('flex flex-1 flex-row', gap !== 'none' ? gapClass[gap] : undefined)\"\n      :style=\"{ flexWrap: 'wrap' }\"\n    >\n      <!--\n        Document order follows `side`, so screen-reader order matches the\n        visual one and the wrapped stack never contradicts the row: content\n        first when `side=\"right\"` (stack: content above, panel below), side\n        first when `side=\"left\"`. flex-row (never reverse) plus this ordering\n        is what makes the wrap produce content-above-panel for `side=\"right\"`.\n      -->\n      <template v-if=\"side === 'right'\">\n        <!-- Content: takes all remaining space (flex-grow: 999); its\n             min-width: 50% triggers wrapping below tablet-like widths. Scrolls\n             independently so long content never pushes the panel off-screen. -->\n        <div\n          :style=\"{\n            flexBasis: 0,\n            flexGrow: 999,\n            flexShrink: 1,\n            minWidth: '50%',\n          }\"\n          :class=\"cn('bg-background overflow-y-auto px-4 sm:px-6 3xl:px-8')\"\n        >\n          <slot />\n        </div>\n        <!-- The side panel holds a fixed basis and does not grow; the sunken\n             elevation makes the content read as the work surface above\n             navigation chrome. -->\n        <div\n          :style=\"{\n            flexBasis: minSideWidth,\n            flexGrow: 0,\n            flexShrink: 0,\n            minWidth: minSideWidth,\n          }\"\n          :class=\"cn('bg-sunken w-full px-4 sm:px-6 3xl:px-8')\"\n        >\n          <slot name=\"side\" />\n        </div>\n      </template>\n      <template v-else>\n        <!-- The side panel holds a fixed basis and does not grow; the sunken\n             elevation makes the content read as the work surface above\n             navigation chrome. -->\n        <div\n          :style=\"{\n            flexBasis: minSideWidth,\n            flexGrow: 0,\n            flexShrink: 0,\n            minWidth: minSideWidth,\n          }\"\n          :class=\"cn('bg-sunken w-full px-4 sm:px-6 3xl:px-8')\"\n        >\n          <slot name=\"side\" />\n        </div>\n        <!-- Content: takes all remaining space (flex-grow: 999); its\n             min-width: 50% triggers wrapping below tablet-like widths. Scrolls\n             independently so long content never pushes the panel off-screen. -->\n        <div\n          :style=\"{\n            flexBasis: 0,\n            flexGrow: 999,\n            flexShrink: 1,\n            minWidth: '50%',\n          }\"\n          :class=\"cn('bg-background overflow-y-auto px-4 sm:px-6 3xl:px-8')\"\n        >\n          <slot />\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;AAwBA,IAAM,WAA4D;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;;GA4BE,OAAA,UAAA,GAAA,mBAyFM,OAAA,EAzFA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA,EAAA,GAAA,CAMCA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA,YAAA,CADP,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAUxB,mBAuEM,OAAA;IAtEH,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,wBAAyB,QAAA,QAAG,SAAc,SAAS,QAAA,OAAO,KAAA,CAAS,CAAA;IAC5E,OAAO,EAAA,UAAA,OAAA;GASQ,GAAA,CAAA,QAAA,SAAI,WAApB,UAAA,GAAA,mBA6BW,UAAA,EAAA,KAAA,EAAA,GAAA,CAzBT,mBAUM,OAAA;IATH,OAAO;;;;;IAKP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,qDAAA,CAAA;GAEV,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,GAKV,mBAUM,OAAA;IATH,OAAK,eAAA;KAA2B,WAAA,QAAA;;;KAAwF,UAAA,QAAA;;IAMxH,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,wCAAA,CAAA;GAEV,GAAA,CAAA,WAAoB,KAAA,QAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA,MAGxB,UAAA,GAAA,mBA6BW,UAAA,EAAA,KAAA,EAAA,GAAA,CAzBT,mBAUM,OAAA;IATH,OAAK,eAAA;KAA2B,WAAA,QAAA;;;KAAwF,UAAA,QAAA;;IAMxH,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,wCAAA,CAAA;GAEV,GAAA,CAAA,WAAoB,KAAA,QAAA,MAAA,CAAA,GAAA,CAAA,GAKtB,mBAUM,OAAA;IATH,OAAO;;;;;IAKP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,qDAAA,CAAA;GAEV,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/packages/composition/dashboard-grid/src/DashboardGrid.vue.d.ts

@@ -0,0 +1,26 @@
+/** The gutter step — the same scale Stack's gap steps mirror. */
+export type DashboardGridGap = "sm" | "md" | "lg";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Narrowest a tile may get before the grid drops to fewer columns. Any valid CSS length (e.g. "14rem"). */
+    minTileWidth?: string;
+    /** Row/column gap step — mirrors Surface's `pad` scale at `sm` and up (sm 12px · md 16px · lg 24px); each step drops one notch below `sm`. */
+    gap?: "sm" | "md" | "lg";
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Narrowest a tile may get before the grid drops to fewer columns. Any valid CSS length (e.g. "14rem"). */
+    minTileWidth?: string;
+    /** Row/column gap step — mirrors Surface's `pad` scale at `sm` and up (sm 12px · md 16px · lg 24px); each step drops one notch below `sm`. */
+    gap?: "sm" | "md" | "lg";
+}> & Readonly<{}>, {
+    gap: "sm" | "md" | "lg";
+    minTileWidth: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=DashboardGrid.vue.d.ts.map

package/dist/packages/composition/dashboard-grid/src/DashboardGrid.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardGrid.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/composition/dashboard-grid/src/DashboardGrid.vue"],"names":[],"mappings":"AA4DA,iEAAiE;AACjE,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;wBAC7B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAqBd,4GAA4G;mBAC7F,MAAM;IACrB,8IAA8I;UACxI,IAAI,GAAG,IAAI,GAAG,IAAI;;IAHxB,4GAA4G;mBAC7F,MAAM;IACrB,8IAA8I;UACxI,IAAI,GAAG,IAAI,GAAG,IAAI;;SAAlB,IAAI,GAAG,IAAI,GAAG,IAAI;kBAFT,MAAM;;cAiDX,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/composition/dashboard-grid/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/composition/dashboard-grid/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/packages/composition/sidebar/src/Sidebar.vue.d.ts

@@ -40,6 +40,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     sideWidth: string;
     contentMin: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    side?: (props: {}) => any;
+} & {
     side?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;

package/dist/packages/composition/sidebar/src/Sidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/composition/sidebar/src/Sidebar.vue"],"names":[],"mappings":"AAuFA;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;wBACtB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,kFAAkF;WAC3E,WAAW;IAClB,iFAAiF;gBACrE,MAAM;IAClB,yGAAyG;iBAC5F,MAAM;IACnB,oEAAoE;UAC9D,OAAO;;IAPb,kFAAkF;WAC3E,WAAW;IAClB,iFAAiF;gBACrE,MAAM;IAClB,yGAAyG;iBAC5F,MAAM;IACnB,oEAAoE;UAC9D,OAAO;;SAAP,OAAO;UANN,WAAW;eAEN,MAAM;gBAEL,MAAM;;WA2DZ,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC3B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/composition/sidebar/src/Sidebar.vue"],"names":[],"mappings":"AAoHA;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;wBACtB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,kFAAkF;WAC3E,WAAW;IAClB,iFAAiF;gBACrE,MAAM;IAClB,yGAAyG;iBAC5F,MAAM;IACnB,oEAAoE;UAC9D,OAAO;;IAPb,kFAAkF;WAC3E,WAAW;IAClB,iFAAiF;gBACrE,MAAM;IAClB,yGAAyG;iBAC5F,MAAM;IACnB,oEAAoE;UAC9D,OAAO;;SAAP,OAAO;UANN,WAAW;eAEN,MAAM;gBAEL,MAAM;;cA4ET,CAAC,KAAK,IAAgB,KAAK,GAAG;;WACjC,CAAC,KAAK,IAAgB,KAAK,GAAG;;WAC9B,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC3B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/composition/split/src/Split.vue.d.ts

@@ -1,10 +1,10 @@
 /**
  * Split — two-panel layout with intrinsic collapse.
  *
- * A flex row that places a side panel and a content area side by side above
- * a `collapseAt` width, and stacks them vertically below it. The side panel
- * gets a fixed minimum width; the content area grows to fill the remaining
- * space.
+ * A flex row that places a side panel and a content area side by side, and
+ * stacks them vertically once the container is too narrow for both. The side
+ * panel gets a fixed minimum width; the content area grows to fill the
+ * remaining space.
  *
  * This is the Every Layout "Sidebar" pattern, simplified for the common
  * two-panel case. The intrinsic collapse — panels stack when the container is
@@ -12,9 +12,9 @@
  * a sidebar-narrowed workspace and full-bleed on an ultra-wide monitor.
  *
  * A Split is a component, not a hand-rolled flex row with a media query,
- * because the collapse width is a layout decision the call site should name
- * rather than compute, and the stacking order (side above or below) is an
- * intent the `side` prop expresses.
+ * because the wrap-and-floor technique is non-obvious and easy to get wrong,
+ * and the stacking order (side above or below) is an intent the `side` prop
+ * expresses.
  */
 export type SplitSide = "left" | "right";
 export type SplitGap = "sm" | "md" | "lg" | "none";
@@ -25,8 +25,6 @@ export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     /** The side the panel sits on. Controls stacking order when collapsed: "left" stacks the panel above, "right" stacks it below. */
     side?: SplitSide;
-    /** Below this CSS width the two panels stack vertically instead of sitting side by side. Default: `"48rem"`. */
-    collapseAt?: string;
     /** Minimum width for the side panel (e.g. "16rem"). The content area takes the rest. */
     minSideWidth?: string;
     /** Gap between the two panels. Tightens one notch below `sm` (except "none"). */
@@ -34,8 +32,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /** The side the panel sits on. Controls stacking order when collapsed: "left" stacks the panel above, "right" stacks it below. */
     side?: SplitSide;
-    /** Below this CSS width the two panels stack vertically instead of sitting side by side. Default: `"48rem"`. */
-    collapseAt?: string;
     /** Minimum width for the side panel (e.g. "16rem"). The content area takes the rest. */
     minSideWidth?: string;
     /** Gap between the two panels. Tightens one notch below `sm` (except "none"). */
@@ -43,9 +39,12 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{}>, {
     gap: SplitGap;
     side: SplitSide;
-    collapseAt: string;
     minSideWidth: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    side?: (props: {}) => any;
+} & {
     side?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;

package/dist/packages/composition/split/src/Split.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Split.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/composition/split/src/Split.vue"],"names":[],"mappings":"AAuGA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEnD,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,MAAM,CAI9C,CAAC;AAEX,OAAO,EAAE,QAAQ,EAAE,CAAC;wBACC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,kIAAkI;WAC3H,SAAS;IAChB,gHAAgH;iBACnG,MAAM;IACnB,wFAAwF;mBACzE,MAAM;IACrB,iFAAiF;UAC3E,QAAQ;;IAPd,kIAAkI;WAC3H,SAAS;IAChB,gHAAgH;iBACnG,MAAM;IACnB,wFAAwF;mBACzE,MAAM;IACrB,iFAAiF;UAC3E,QAAQ;;SAAR,QAAQ;UANP,SAAS;gBAEH,MAAM;kBAEJ,MAAM;;WA+Dd,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC3B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Split.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/composition/split/src/Split.vue"],"names":[],"mappings":"AAwIA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEnD,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE,MAAM,CAI9C,CAAC;AAEX,OAAO,EAAE,QAAQ,EAAE,CAAC;wBACC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,kIAAkI;WAC3H,SAAS;IAChB,wFAAwF;mBACzE,MAAM;IACrB,iFAAiF;UAC3E,QAAQ;;IALd,kIAAkI;WAC3H,SAAS;IAChB,wFAAwF;mBACzE,MAAM;IACrB,iFAAiF;UAC3E,QAAQ;;SAAR,QAAQ;UAJP,SAAS;kBAED,MAAM;;cAiFX,CAAC,KAAK,IAAgB,KAAK,GAAG;;WACjC,CAAC,KAAK,IAAgB,KAAK,GAAG;;WAC9B,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC3B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}