@ecoma-io/loom 0.2.0 → 0.3.0

package/dist/packages/labels/src/labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labels.js","names":[],"sources":["../../../../packages/labels/src/labels.ts"],"sourcesContent":["import { computed, inject, provide, type ComputedRef, type InjectionKey } from \"vue\";\nimport { optional } from \"@ecoma-io/loom-core\";\nimport type { LoomLabels } from \"./label-registry\";\n\n/**\n * A message the component cannot write on its own, because it depends on a\n * value only the render knows — a page number, a file name, a count.\n *\n * **The argument is one object, and every member is a raw value: a `number`, a\n * `Date`, a `File`. Never a string Loom has already formatted.** That is the\n * entire pluralisation answer, and it is why this library ships no\n * pluralisation engine and takes no i18n dependency. \"3 unread\" has one form in\n * Vietnamese, two in English, three in Russian and six in Arabic, and no\n * placeholder syntax Loom could invent would carry that. Loom hands over the\n * facts and receives a finished string; selecting the plural category, shaping\n * the digits and ordering the sentence all happen in the consumer's own\n * `Intl.PluralRules`, `Intl.NumberFormat`, vue-i18n, or hand-written `if`.\n *\n * Hand over the number and a consumer can reach `Intl.NumberFormat` for Eastern\n * Arabic digits. Hand over `\"3\"` and they cannot: the decision was already made,\n * in English, inside a component that had no business making it.\n *\n * One object rather than positional parameters, for two reasons. A bare\n * `(4, 12)` in a consumer's locale file says nothing about what either number\n * is. And a fact added later is a new key an existing override simply ignores,\n * where a new positional parameter would silently re-order every call site.\n *\n * There is deliberately no third kind. A message is a `string` or it is one of\n * these; a `string | (() => string)` union was considered and rejected, because\n * the reactivity it exists to buy is already bought by `provideLoomLabels`\n * taking a getter — and it would put a `resolve()` call around every binding in\n * every component for the rest of the library's life.\n */\nexport type LabelOf<Args extends object> = (args: Args) => string;\n\n/**\n * What a consumer may pass for one component's bag: any subset of it.\n *\n * **This, not the bag interface itself, is the type a consumer annotates their\n * own object with.** A bag typed `PaginationLabels` must answer every key, so a\n * key added in a later release breaks that consumer's build; a bag typed\n * `LabelOverrides<PaginationLabels>` does not, which is what makes growing the\n * vocabulary a `feat` rather than a `feat!`.\n *\n * `T[K] | undefined` rather than a plain `Partial<T>`, because\n * `exactOptionalPropertyTypes` is on: under it `Partial<T>` rejects an\n * explicitly-`undefined` value, and an explicit `undefined` is exactly what a\n * consumer's own conditional expression produces when its condition is unmet.\n * It has to mean \"no opinion\", never \"blank this out\" — the same distinction\n * `./props.ts` exists to explain, arriving one layer in.\n */\nexport type LabelOverrides<T extends object> = {\n  readonly [K in keyof T]?: T[K] | undefined;\n};\n\n/**\n * A whole vocabulary, as a host supplies it: any subset of any slot.\n *\n * Both levels are partial and both are checked. A misspelled slot and a\n * misspelled key inside a slot are each a compile error — on a fresh object\n * literal, which is the caveat the localisation guide documents and the reason\n * it tells a consumer to write `satisfies LoomLabelOverrides` on a bag they\n * hoist to a module.\n */\nexport type LoomLabelOverrides = {\n  readonly [K in keyof LoomLabels]?: LabelOverrides<LoomLabels[K]> | undefined;\n};\n\n/** The shape both merge steps work in, once the slot's identity has been checked. */\ntype AnyBag = Record<string, unknown>;\n\n/**\n * A `Symbol`, and not exported from `src/index.ts`, for the reason\n * `./field-context.ts` gives about its own: a consumer pinned to the key is\n * pinned to a shape that moves. `provideLoomLabels` is the supported way in.\n */\nconst LOOM_LABELS: InjectionKey<ComputedRef<LoomLabelOverrides>> = Symbol(\"loom.labels\");\n\nfunction mergeVocabularies(\n  outer: LoomLabelOverrides,\n  inner: LoomLabelOverrides,\n): LoomLabelOverrides {\n  const merged = { ...outer } as AnyBag;\n  const patches = inner as AnyBag;\n  for (const slot of Object.keys(patches)) {\n    const patch = patches[slot] as AnyBag | undefined;\n    if (patch === undefined) continue;\n    // Per key inside the slot as well as per slot: a nested provider changing\n    // one string must not blank the rest of that slot back to English.\n    merged[slot] = { ...((merged[slot] ?? {}) as AnyBag), ...optional(patch) };\n  }\n  return merged;\n}\n\n/**\n * Declare a host's vocabulary once, from the `setup` of its root component —\n * the same place, and for the same reason, as `applyLoomIconDefaults`. It\n * resolves to Vue's `provide()`, so called from a plain entry module it\n * silently provides nothing and every component keeps its English.\n *\n * A **getter**, not a value, for the reason `./attrs.ts` takes `useAttrs()`\n * rather than a snapshot: the getter runs inside the `computed` that\n * `useLabels` returns, which runs inside the render effect, so a host whose bag\n * reads `t(\"pager.next\")` tracks their locale ref and every Loom component\n * repaints on a language switch with no work here at all. Snapshot the bag\n * instead and the first language renders correctly and every switch after it\n * does nothing — a failure with no error and no warning.\n *\n * **A nested call merges into the bag above it rather than replacing it**, and\n * that is a deliberate divergence from `./field-context.ts`, which documents\n * the opposite and hand-merges the single key that needs it. Vue resolves\n * `inject` wholesale to the nearest provider, so without this a host wrapping\n * one dialog in a second `provideLoomLabels` to change one string would lose\n * every other string in the application back to English. Hand-merging is right\n * for two wrappers and one key; it does not scale to a vocabulary this size at\n * an unknown depth.\n */\nexport function provideLoomLabels(source: () => LoomLabelOverrides): void {\n  const outer = inject(LOOM_LABELS, undefined);\n  provide(\n    LOOM_LABELS,\n    computed(() => (outer === undefined ? source() : mergeVocabularies(outer.value, source()))),\n  );\n}\n\n/**\n * Resolve one component's slot: **own prop, then the host's vocabulary, then\n * the component's own English** — key by key, never whole-object.\n *\n * Key by key is the whole point. A host providing `{ pagination: { next: \"Sau\" } }`\n * keeps English for the other seven rather than rendering a row of unnamed\n * buttons, and an instance overriding its own `nav` does not discard the host's\n * other six. `optional()` is what makes each spread purely additive: it drops\n * the `undefined`-valued keys, so an absent override cannot blank a present\n * default. Same function, same reasoning, as the attribute spread in\n * `./field-context.ts`.\n *\n * The prop beating the provider is not a preference. A page with two paginations\n * that need different names has no other way out, and an application-wide\n * vocabulary that could not be corrected per instance would force a host to\n * choose between localising and naming.\n *\n * `defaults` arrives from the component rather than from a central English\n * bundle, and that is what bounds the cost of the seam: a consumer importing\n * only `Button` ships no label bytes at all, and one importing `Pagination`\n * ships `Pagination`'s. A central `en` object would always ship whole.\n *\n * The result is typed from `defaults` rather than from `LoomLabels[K]`, with\n * the registry entry as a constraint on it. Structurally that is the same\n * check — a bag that does not match its registered slot does not compile — but\n * it keeps the resolved type nameable from the module that declared it.\n */\nexport function useLabels<K extends keyof LoomLabels, T extends LoomLabels[K]>(\n  slot: K,\n  defaults: T,\n  own?: () => LabelOverrides<T> | undefined,\n): ComputedRef<LoomLabels[K]> {\n  const provided = inject(LOOM_LABELS, undefined);\n  // Read inside the `computed`, never above it: that is what puts the host's\n  // getter and this component's props inside the render effect, and it is the\n  // one line that decides whether a language switch repaints.\n  //\n  // `Object.assign` rather than an object spread, and that is a type-level\n  // choice rather than a stylistic one: spreading a generic `LoomLabels[K]`\n  // widens it to an index signature that no longer satisfies the return type,\n  // where `Object.assign` composes an intersection that does.\n  return computed(() =>\n    Object.assign({}, defaults, optional(provided?.value[slot] ?? {}), optional(own?.() ?? {})),\n  );\n}\n"],"mappings":";;;;;;;;;AA4EA,IAAM,cAA6D,OAAO,aAAa;AAEvF,SAAS,kBACP,OACA,OACoB;CACpB,MAAM,SAAS,EAAE,GAAG,MAAM;CAC1B,MAAM,UAAU;CAChB,KAAK,MAAM,QAAQ,OAAO,KAAK,OAAO,GAAG;EACvC,MAAM,QAAQ,QAAQ;EACtB,IAAI,UAAU,KAAA,GAAW;EAGzB,OAAO,QAAQ;GAAE,GAAK,OAAO,SAAS,CAAC;GAAe,GAAG,SAAS,KAAK;EAAE;CAC3E;CACA,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,kBAAkB,QAAwC;CACxE,MAAM,QAAQ,OAAO,aAAa,KAAA,CAAS;CAC3C,QACE,aACA,eAAgB,UAAU,KAAA,IAAY,OAAO,IAAI,kBAAkB,MAAM,OAAO,OAAO,CAAC,CAAE,CAC5F;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,UACd,MACA,UACA,KAC4B;CAC5B,MAAM,WAAW,OAAO,aAAa,KAAA,CAAS;CAS9C,OAAO,eACL,OAAO,OAAO,CAAC,GAAG,UAAU,SAAS,UAAU,MAAM,SAAS,CAAC,CAAC,GAAG,SAAS,MAAM,KAAK,CAAC,CAAC,CAAC,CAC5F;AACF"}

package/dist/packages/layouts/app-shell/src/AppShell.js

@@ -0,0 +1,7 @@
+import AppShell_vue_vue_type_script_setup_true_lang_default, { sidebarWidthRem } from "./AppShell.vue_vue_type_script_setup_true_lang.js";
+//#region packages/layouts/app-shell/src/AppShell.vue
+var AppShell_default = AppShell_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AppShell_default as default, sidebarWidthRem };
+
+//# sourceMappingURL=AppShell.js.map

package/dist/packages/layouts/app-shell/src/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.js","names":[],"sources":["../../../../../packages/layouts/app-shell/src/AppShell.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * AppShell — the universal application shell.\n *\n * A sidebar, a header, and a content area that reflows from mobile to\n * ultrawide. This is the layout most SaaS-style applications need: a\n * navigation sidebar on the left, a top header bar, and a scrollable content\n * region that fills the remaining space.\n *\n * The sidebar collapses intrinsically — no media query, no JavaScript. The\n * flex-wrap technique from the Sidebar composition primitive makes both panels\n * go full-width the moment the content cannot honour its `min-width`, so the\n * layout derives its own breakpoint from the container's width. The sidebar\n * width prop maps to named steps (sm/md/lg) rather than a pixel value so the\n * host names intent and the shell owns the geometry.\n *\n * The header slot is sticky within the content area so it stays visible while\n * the content scrolls. On ultrawide viewports, the content's horizontal\n * gutters widen so the extra viewport becomes intentional whitespace rather\n * than stretching lines of text.\n */\nexport type AppShellSidebarWidth = \"sm\" | \"md\" | \"lg\";\n\nconst sidebarWidthRem: Record<AppShellSidebarWidth, string> = {\n  sm: \"12rem\",\n  md: \"16rem\",\n  lg: \"20rem\",\n} as const;\n\nexport { sidebarWidthRem };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Sidebar width step: sm (12rem), md (16rem, default), lg (20rem). */\n    sidebarWidth?: AppShellSidebarWidth;\n    /** Accessible name for the sidebar navigation landmark. */\n    sidebarAriaLabel?: string;\n  }>(),\n  { sidebarWidth: \"md\", sidebarAriaLabel: \"Navigation\" },\n);\n</script>\n\n<template>\n  <!--\n    `flex-wrap: wrap` is the intrinsic collapse mechanism. When the content\n    panel can't fit its `min-width: 50%`, both panels wrap to full-width —\n    the sidebar becomes a full-width section above the content. No media\n    query; the layout derives its own breakpoint from the container's width.\n  -->\n  <div :class=\"cn('flex h-full')\" :style=\"{ flexWrap: 'wrap' }\">\n    <!--\n      The sidebar is a fixed-basis flex child that does not grow or shrink.\n      flexShrink: 0 prevents the sidebar from compressing when the container\n      narrows — instead, the content panel's min-width: 50% forces flex-wrap,\n      and both panels stack at full width. This matches MasterDetail and\n      SplitLayout, whose side panels also refuse to shrink.\n    -->\n    <aside\n      :aria-label=\"sidebarAriaLabel\"\n      :style=\"{\n        flexBasis: sidebarWidthRem[sidebarWidth],\n        flexGrow: 0,\n        flexShrink: 0,\n      }\"\n      :class=\"cn('bg-sunken w-full')\"\n    >\n      <slot name=\"sidebar\" />\n    </aside>\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. The header is sticky so it stays visible while the\n      content scrolls. Gutters widen at wider breakpoints so ultrawide\n      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 flex min-w-0 flex-col')\"\n    >\n      <header v-if=\"$slots.header\" :class=\"cn('sticky top-0 z-20')\">\n        <slot name=\"header\" />\n      </header>\n\n      <div :class=\"cn('flex-1 overflow-y-auto px-4 sm:px-6 3xl:px-8')\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/packages/layouts/app-shell/src/AppShell.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/app-shell/src/AppShell.vue"],"names":[],"mappings":"AAyGA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,QAAA,MAAM,eAAe,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAIhD,CAAC;AAEX,OAAO,EAAE,eAAe,EAAE,CAAC;wBACN,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,uEAAuE;mBACxD,oBAAoB;IACnC,2DAA2D;uBACxC,MAAM;;IAHzB,uEAAuE;mBACxD,oBAAoB;IACnC,2DAA2D;uBACxC,MAAM;;kBAFV,oBAAoB;sBAEhB,MAAM;;cAiEf,CAAC,KAAK,IAAgB,KAAK,GAAG;;aAC/B,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,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/layouts/app-shell/src/AppShell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { cn } from "../../../core/src/cn.js";
+import "../../../core/src/index.js";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+//#region packages/layouts/app-shell/src/AppShell.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var sidebarWidthRem = {
+	sm: "12rem",
+	md: "16rem",
+	lg: "20rem"
+};
+var AppShell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "AppShell",
+	props: {
+		sidebarWidth: { default: "md" },
+		sidebarAriaLabel: { default: "Navigation" }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(cn)("flex h-full")),
+				style: { flexWrap: "wrap" }
+			}, [createElementVNode("aside", {
+				"aria-label": __props.sidebarAriaLabel,
+				style: normalizeStyle({
+					flexBasis: sidebarWidthRem[__props.sidebarWidth],
+					flexGrow: 0,
+					flexShrink: 0
+				}),
+				class: normalizeClass(unref(cn)("bg-sunken w-full"))
+			}, [renderSlot(_ctx.$slots, "sidebar")], 14, _hoisted_1), createElementVNode("div", {
+				style: {
+					flexBasis: 0,
+					flexGrow: 999,
+					flexShrink: 1,
+					minWidth: "50%"
+				},
+				class: normalizeClass(unref(cn)("bg-background flex min-w-0 flex-col"))
+			}, [_ctx.$slots.header ? (openBlock(), createElementBlock("header", {
+				key: 0,
+				class: normalizeClass(unref(cn)("sticky top-0 z-20"))
+			}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(cn)("flex-1 overflow-y-auto px-4 sm:px-6 3xl:px-8")) }, [renderSlot(_ctx.$slots, "default")], 2)], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { AppShell_vue_vue_type_script_setup_true_lang_default as default, sidebarWidthRem };
+
+//# sourceMappingURL=AppShell.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/layouts/app-shell/src/AppShell.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../packages/layouts/app-shell/src/AppShell.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * AppShell — the universal application shell.\n *\n * A sidebar, a header, and a content area that reflows from mobile to\n * ultrawide. This is the layout most SaaS-style applications need: a\n * navigation sidebar on the left, a top header bar, and a scrollable content\n * region that fills the remaining space.\n *\n * The sidebar collapses intrinsically — no media query, no JavaScript. The\n * flex-wrap technique from the Sidebar composition primitive makes both panels\n * go full-width the moment the content cannot honour its `min-width`, so the\n * layout derives its own breakpoint from the container's width. The sidebar\n * width prop maps to named steps (sm/md/lg) rather than a pixel value so the\n * host names intent and the shell owns the geometry.\n *\n * The header slot is sticky within the content area so it stays visible while\n * the content scrolls. On ultrawide viewports, the content's horizontal\n * gutters widen so the extra viewport becomes intentional whitespace rather\n * than stretching lines of text.\n */\nexport type AppShellSidebarWidth = \"sm\" | \"md\" | \"lg\";\n\nconst sidebarWidthRem: Record<AppShellSidebarWidth, string> = {\n  sm: \"12rem\",\n  md: \"16rem\",\n  lg: \"20rem\",\n} as const;\n\nexport { sidebarWidthRem };\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Sidebar width step: sm (12rem), md (16rem, default), lg (20rem). */\n    sidebarWidth?: AppShellSidebarWidth;\n    /** Accessible name for the sidebar navigation landmark. */\n    sidebarAriaLabel?: string;\n  }>(),\n  { sidebarWidth: \"md\", sidebarAriaLabel: \"Navigation\" },\n);\n</script>\n\n<template>\n  <!--\n    `flex-wrap: wrap` is the intrinsic collapse mechanism. When the content\n    panel can't fit its `min-width: 50%`, both panels wrap to full-width —\n    the sidebar becomes a full-width section above the content. No media\n    query; the layout derives its own breakpoint from the container's width.\n  -->\n  <div :class=\"cn('flex h-full')\" :style=\"{ flexWrap: 'wrap' }\">\n    <!--\n      The sidebar is a fixed-basis flex child that does not grow or shrink.\n      flexShrink: 0 prevents the sidebar from compressing when the container\n      narrows — instead, the content panel's min-width: 50% forces flex-wrap,\n      and both panels stack at full width. This matches MasterDetail and\n      SplitLayout, whose side panels also refuse to shrink.\n    -->\n    <aside\n      :aria-label=\"sidebarAriaLabel\"\n      :style=\"{\n        flexBasis: sidebarWidthRem[sidebarWidth],\n        flexGrow: 0,\n        flexShrink: 0,\n      }\"\n      :class=\"cn('bg-sunken w-full')\"\n    >\n      <slot name=\"sidebar\" />\n    </aside>\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. The header is sticky so it stays visible while the\n      content scrolls. Gutters widen at wider breakpoints so ultrawide\n      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 flex min-w-0 flex-col')\"\n    >\n      <header v-if=\"$slots.header\" :class=\"cn('sticky top-0 z-20')\">\n        <slot name=\"header\" />\n      </header>\n\n      <div :class=\"cn('flex-1 overflow-y-auto px-4 sm:px-6 3xl:px-8')\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;AAuBA,IAAM,kBAAwD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;GA0BE,OAAA,UAAA,GAAA,mBA4CM,OAAA;IA5CA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,aAAA,CAAA;IAAkB,OAAO,EAAA,UAAA,OAAA;GAQtC,GAAA,CAAA,mBAUQ,SAAA;IATL,cAAY,QAAA;IACZ,OAAK,eAAA;KAAuB,WAAA,gBAAgB,QAAA;;;;IAK5C,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,kBAAA,CAAA;GAEV,GAAA,CAAA,WAAuB,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA,GAUzB,mBAgBM,OAAA;IAfH,OAAO;;;;;IAKP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,qCAAA,CAAA;GAEIA,GAAAA,CAAAA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA;;IAFqB,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,mBAAA,CAAA;GACrC,GAAA,CAAA,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAGxB,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,8CAAA,CAAA,EAAA,GAAA,CACb,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/packages/layouts/app-shell/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./AppShell.vue";
+export type { AppShellSidebarWidth } from "./AppShell.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/layouts/app-shell/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/app-shell/src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/packages/layouts/app-shell/src/index.js

@@ -0,0 +1,2 @@
+import AppShell_default from "./AppShell.js";
+export { AppShell_default as default };

package/dist/packages/layouts/centered/src/Centered.js

@@ -0,0 +1,7 @@
+import Centered_vue_vue_type_script_setup_true_lang_default, { maxWidthClass } from "./Centered.vue_vue_type_script_setup_true_lang.js";
+//#region packages/layouts/centered/src/Centered.vue
+var Centered_default = Centered_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Centered_default as default, maxWidthClass };
+
+//# sourceMappingURL=Centered.js.map

package/dist/packages/layouts/centered/src/Centered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Centered.js","names":[],"sources":["../../../../../packages/layouts/centered/src/Centered.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Centered — a full-page layout with a centered content column.\n *\n * The simplest application shell: a header, a centered content column with a\n * max-width constraint, and a footer. On ultra-wide monitors the extra viewport\n * goes to intentional whitespace — lines of text stay readable rather than\n * stretching to fill the screen.\n *\n * The header and footer are NOT centered or max-width constrained: they span\n * the full viewport width. Only the default content slot is wrapped in the\n * Center composition primitive's centering logic (mx-auto, max-width, gutters).\n * This design lets navigation bars and status strips go edge-to-edge while the\n * main content stays comfortably readable.\n *\n * For pages that need only centered content without the page-level shell (no\n * header/footer, no min-height), use the Center composition primitive directly.\n */\nexport type CenteredMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"prose\";\n\nconst maxWidthClass: Record<CenteredMaxWidth, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-lg\",\n  xl: \"max-w-xl\",\n  prose: \"max-w-prose\",\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 centered column. Names readable intent rather than pixel values. */\n    maxWidth?: CenteredMaxWidth;\n    /** Whether to add horizontal gutters that widen at wider breakpoints. */\n    gutter?: boolean;\n  }>(),\n  { maxWidth: \"lg\", gutter: true },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      Header and footer are full-width — they are NOT inside the centered\n      wrapper. Navigation bars, status strips, and similar chrome need to span\n      the viewport edge-to-edge.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      Only the content is centered with a max-width constraint. Gutters step up\n      at `sm` and `3xl`: narrow viewports need less margin because the viewport\n      itself is margin, and ultra-wide viewports need more so the gap between\n      content and screen edge stays proportional.\n    -->\n    <div\n      :class=\"\n        cn(\n          'mx-auto w-full flex-1',\n          maxWidthClass[maxWidth],\n          gutter ? 'px-4 sm:px-6 3xl:px-8' : undefined,\n        )\n      \"\n    >\n      <slot />\n    </div>\n\n    <footer v-if=\"$slots.footer\">\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n"],"mappings":""}

package/dist/packages/layouts/centered/src/Centered.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Centered.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/centered/src/Centered.vue"],"names":[],"mappings":"AAqFA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC;AAEnE,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAM1C,CAAC;AAEX,OAAO,EAAE,aAAa,EAAE,CAAC;wBACJ,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,yFAAyF;eAC9E,gBAAgB;IAC3B,yEAAyE;aAChE,OAAO;;IAHhB,yFAAyF;eAC9E,gBAAgB;IAC3B,yEAAyE;aAChE,OAAO;;cAFL,gBAAgB;YAElB,OAAO;;aAuDP,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,CAAC,KAAK,IAAgB,KAAK,GAAG;;aAC/B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUvC,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/layouts/centered/src/Centered.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,36 @@
+import { cn } from "../../../core/src/cn.js";
+import "../../../core/src/index.js";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region packages/layouts/centered/src/Centered.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { key: 0 };
+var _hoisted_2 = { key: 1 };
+var maxWidthClass = {
+	sm: "max-w-sm",
+	md: "max-w-md",
+	lg: "max-w-lg",
+	xl: "max-w-xl",
+	prose: "max-w-prose"
+};
+var Centered_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Centered",
+	props: {
+		maxWidth: { default: "lg" },
+		gutter: {
+			type: Boolean,
+			default: true
+		}
+	},
+	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)("mx-auto w-full flex-1", maxWidthClass[__props.maxWidth], __props.gutter ? "px-4 sm:px-6 3xl:px-8" : void 0)) }, [renderSlot(_ctx.$slots, "default")], 2),
+				_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_2, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { Centered_vue_vue_type_script_setup_true_lang_default as default, maxWidthClass };
+
+//# sourceMappingURL=Centered.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/layouts/centered/src/Centered.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Centered.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../packages/layouts/centered/src/Centered.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Centered — a full-page layout with a centered content column.\n *\n * The simplest application shell: a header, a centered content column with a\n * max-width constraint, and a footer. On ultra-wide monitors the extra viewport\n * goes to intentional whitespace — lines of text stay readable rather than\n * stretching to fill the screen.\n *\n * The header and footer are NOT centered or max-width constrained: they span\n * the full viewport width. Only the default content slot is wrapped in the\n * Center composition primitive's centering logic (mx-auto, max-width, gutters).\n * This design lets navigation bars and status strips go edge-to-edge while the\n * main content stays comfortably readable.\n *\n * For pages that need only centered content without the page-level shell (no\n * header/footer, no min-height), use the Center composition primitive directly.\n */\nexport type CenteredMaxWidth = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"prose\";\n\nconst maxWidthClass: Record<CenteredMaxWidth, string> = {\n  sm: \"max-w-sm\",\n  md: \"max-w-md\",\n  lg: \"max-w-lg\",\n  xl: \"max-w-xl\",\n  prose: \"max-w-prose\",\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 centered column. Names readable intent rather than pixel values. */\n    maxWidth?: CenteredMaxWidth;\n    /** Whether to add horizontal gutters that widen at wider breakpoints. */\n    gutter?: boolean;\n  }>(),\n  { maxWidth: \"lg\", gutter: true },\n);\n</script>\n\n<template>\n  <div :class=\"cn('min-h-dvh flex flex-col')\">\n    <!--\n      Header and footer are full-width — they are NOT inside the centered\n      wrapper. Navigation bars, status strips, and similar chrome need to span\n      the viewport edge-to-edge.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      Only the content is centered with a max-width constraint. Gutters step up\n      at `sm` and `3xl`: narrow viewports need less margin because the viewport\n      itself is margin, and ultra-wide viewports need more so the gap between\n      content and screen edge stays proportional.\n    -->\n    <div\n      :class=\"\n        cn(\n          'mx-auto w-full flex-1',\n          maxWidthClass[maxWidth],\n          gutter ? 'px-4 sm:px-6 3xl:px-8' : undefined,\n        )\n      \"\n    >\n      <slot />\n    </div>\n\n    <footer v-if=\"$slots.footer\">\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n"],"mappings":";;;;;;AAoBA,IAAM,gBAAkD;CACtD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;AACT;;;;;;;;;;;;GAoBE,OAAA,UAAA,GAAA,mBA+BM,OAAA,EA/BA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA,EAAA,GAAA;IAMCA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA,YAAA,CADP,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IASxB,mBAUM,OAAA,EATH,OAAK,eAAW,MAAA,EAAA,CAAE,CAAA,yBAA+C,cAAc,QAAA,WAAqB,QAAA,SAAM,0BAA6B,KAAA,CAAA,CAAA,EAAA,GAAA,CAQxI,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;IAGIA,KAAAA,OAAO,UAArB,UAAA,GAAA,mBAES,UAAA,YAAA,CADP,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/packages/layouts/centered/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./Centered.vue";
+export type { CenteredMaxWidth } from "./Centered.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/layouts/centered/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/centered/src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/packages/layouts/centered/src/index.js

@@ -0,0 +1,2 @@
+import Centered_default from "./Centered.js";
+export { Centered_default as default };

package/dist/packages/layouts/dashboard/src/Dashboard.js

@@ -0,0 +1,7 @@
+import Dashboard_vue_vue_type_script_setup_true_lang_default, { gapClass } from "./Dashboard.vue_vue_type_script_setup_true_lang.js";
+//#region packages/layouts/dashboard/src/Dashboard.vue
+var Dashboard_default = Dashboard_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Dashboard_default as default, gapClass };
+
+//# sourceMappingURL=Dashboard.js.map

package/dist/packages/layouts/dashboard/src/Dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.js","names":[],"sources":["../../../../../packages/layouts/dashboard/src/Dashboard.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Dashboard — a dashboard shell: optional sidebar + auto-reflowing tile grid\n * for panels, with an optional aside for supplementary metrics on ultrawide\n * viewports.\n *\n * The layout composes three composition patterns into a single responsive\n * shell. The innermost is the auto-fit grid from DashboardGrid/Grid: the tile\n * column count derives from the container's own width, so the same grid\n * reflows inside a sidebar-narrowed workspace and full-bleed on an ultra-wide\n * monitor, with zero Tailwind breakpoints authored here or at the call site.\n *\n * The sidebar and aside use the Every Layout \"Sidebar\" flex-wrap technique:\n * each panel gets a fixed flex-basis and the grid area gets `flex-grow: 999`,\n * so when the container cannot fit the content's minimum, both panels wrap to\n * full-width and the sidebar or aside stacks above the grid instead of sitting\n * beside it. No media query, no JavaScript — the layout derives its own\n * breakpoints from the container's width.\n *\n * The `#aside` slot is gated behind a `2xl` breakpoint because supplementary\n * metrics are a luxury that only wide desktops can afford: the aside is hidden\n * below that width and the grid takes the full width, preventing a cramped\n * two-panel layout where neither panel has room to breathe.\n *\n * The header slot is full-width, above the sidebar+grid row, so a top\n * navigation bar or title row never competes for horizontal space with the\n * sidebar.\n */\nexport type DashboardMinTileWidth = string;\n\nconst gapClass: Record<string, 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    /** Narrowest a tile may get before the grid drops to fewer columns. */\n    minTileWidth?: DashboardMinTileWidth;\n    /** Grid gap step. Tightens one notch below sm. */\n    gap?: \"sm\" | \"md\" | \"lg\";\n  }>(),\n  { minTileWidth: \"16rem\", gap: \"md\" },\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 sidebar+grid row, so a\n      navigation bar or title row never competes for horizontal space.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      The sidebar+grid row uses flex-wrap. The sidebar gets a fixed\n      flex-basis (~16rem) and the grid area gets `flex-grow: 999`, so\n      when the container is too narrow both panels wrap to full-width —\n      the sidebar stacks above the grid. No media query; the layout\n      derives its own breakpoint from the container's width.\n    -->\n    <div\n      :style=\"{ flexWrap: 'wrap' }\"\n      :class=\"cn('flex flex-1', $slots.sidebar ? 'flex-row' : undefined)\"\n    >\n      <!--\n        The sidebar panel. Fixed-basis, no growth — it recedes into the\n        sunken elevation layer when present, matching the AppShell pattern.\n      -->\n      <aside\n        v-if=\"$slots.sidebar\"\n        :style=\"{\n          flexBasis: '16rem',\n          flexGrow: 0,\n          flexShrink: 1,\n        }\"\n        :class=\"cn('bg-sunken w-full')\"\n      >\n        <slot name=\"sidebar\" />\n      </aside>\n\n      <!--\n        The main area: the auto-fit tile grid + an optional aside for\n        supplementary metrics on ultrawide viewports.\n\n        `flex-grow: 999` ensures this area takes all remaining space\n        when the container is wide enough. Its `min-width: 50%` triggers\n        wrapping below tablet-like widths, making the sidebar stack above.\n\n        Gutters widen at wider breakpoints so ultrawide viewports add\n        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('flex min-w-0 flex-col')\"\n      >\n        <div\n          :class=\"\n            cn(\n              'flex-1 px-4 sm:px-6 3xl:px-8',\n              $slots.aside ? 'flex flex-row 2xl:flex-row max-2xl:flex-col' : undefined,\n            )\n          \"\n          :style=\"$slots.aside ? { flexWrap: 'wrap' } : undefined\"\n        >\n          <!--\n            The tile grid. `auto-fit` + `minmax` recomputes the column\n            count from the container's own width — it reflows inside a\n            sidebar-narrowed workspace and full-bleed on an ultra-wide\n            monitor, with zero Tailwind breakpoints authored here. The\n            `minmax` lower bound is wrapped in `min(100%, …)` so a tile\n            never forces horizontal overflow on a container narrower than\n            `minTileWidth` itself.\n          -->\n          <div\n            :class=\"\n              cn('grid', gapClass[gap], $slots.aside ? 'flex-grow-[999] flex-shrink-1' : undefined)\n            \"\n            :style=\"{\n              gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${minTileWidth}), 1fr))`,\n              ...($slots.aside ? { flexBasis: 0, minWidth: '60%' } : {}),\n            }\"\n          >\n            <slot />\n          </div>\n\n          <!--\n            The aside slot: supplementary metrics/info panels visible only\n            on wide desktops (from `2xl` breakpoint). Uses the same\n            flex-wrap Sidebar pattern: the aside gets a fixed basis and\n            the grid area grows to fill the remaining space. Below `2xl`,\n            the aside is hidden entirely — metrics are a luxury that only\n            wide desktops can afford.\n          -->\n          <aside\n            v-if=\"$slots.aside\"\n            :style=\"{\n              flexBasis: '14rem',\n              flexGrow: 0,\n              flexShrink: 1,\n            }\"\n            :class=\"cn('hidden w-full 2xl:block')\"\n          >\n            <slot name=\"aside\" />\n          </aside>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/packages/layouts/dashboard/src/Dashboard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/dashboard/src/Dashboard.vue"],"names":[],"mappings":"AA0KA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI3B,CAAC;AAEX,OAAO,EAAE,QAAQ,EAAE,CAAC;wBACC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,uEAAuE;mBACxD,qBAAqB;IACpC,kDAAkD;UAC5C,IAAI,GAAG,IAAI,GAAG,IAAI;;IAHxB,uEAAuE;mBACxD,qBAAqB;IACpC,kDAAkD;UAC5C,IAAI,GAAG,IAAI,GAAG,IAAI;;SAAlB,IAAI,GAAG,IAAI,GAAG,IAAI;kBAFT,qBAAqB;;aAiG3B,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAgB,KAAK,GAAG;;YAChC,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUtC,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/layouts/dashboard/src/Dashboard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,65 @@
+import { cn } from "../../../core/src/cn.js";
+import "../../../core/src/index.js";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+//#region packages/layouts/dashboard/src/Dashboard.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 Dashboard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Dashboard",
+	props: {
+		minTileWidth: { default: "16rem" },
+		gap: { default: "md" }
+	},
+	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", {
+				style: { flexWrap: "wrap" },
+				class: normalizeClass(unref(cn)("flex flex-1", _ctx.$slots.sidebar ? "flex-row" : void 0))
+			}, [_ctx.$slots.sidebar ? (openBlock(), createElementBlock("aside", {
+				key: 0,
+				style: {
+					flexBasis: "16rem",
+					flexGrow: 0,
+					flexShrink: 1
+				},
+				class: normalizeClass(unref(cn)("bg-sunken w-full"))
+			}, [renderSlot(_ctx.$slots, "sidebar")], 2)) : createCommentVNode("", true), createElementVNode("div", {
+				style: {
+					flexBasis: 0,
+					flexGrow: 999,
+					flexShrink: 1,
+					minWidth: "50%"
+				},
+				class: normalizeClass(unref(cn)("flex min-w-0 flex-col"))
+			}, [createElementVNode("div", {
+				class: normalizeClass(unref(cn)("flex-1 px-4 sm:px-6 3xl:px-8", _ctx.$slots.aside ? "flex flex-row 2xl:flex-row max-2xl:flex-col" : void 0)),
+				style: normalizeStyle(_ctx.$slots.aside ? { flexWrap: "wrap" } : void 0)
+			}, [createElementVNode("div", {
+				class: normalizeClass(unref(cn)("grid", gapClass[__props.gap], _ctx.$slots.aside ? "flex-grow-[999] flex-shrink-1" : void 0)),
+				style: normalizeStyle({
+					gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${__props.minTileWidth}), 1fr))`,
+					..._ctx.$slots.aside ? {
+						flexBasis: 0,
+						minWidth: "60%"
+					} : {}
+				})
+			}, [renderSlot(_ctx.$slots, "default")], 6), _ctx.$slots.aside ? (openBlock(), createElementBlock("aside", {
+				key: 0,
+				style: {
+					flexBasis: "14rem",
+					flexGrow: 0,
+					flexShrink: 1
+				},
+				class: normalizeClass(unref(cn)("hidden w-full 2xl:block"))
+			}, [renderSlot(_ctx.$slots, "aside")], 2)) : createCommentVNode("", true)], 6)], 2)], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { Dashboard_vue_vue_type_script_setup_true_lang_default as default, gapClass };
+
+//# sourceMappingURL=Dashboard.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/layouts/dashboard/src/Dashboard.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../packages/layouts/dashboard/src/Dashboard.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Dashboard — a dashboard shell: optional sidebar + auto-reflowing tile grid\n * for panels, with an optional aside for supplementary metrics on ultrawide\n * viewports.\n *\n * The layout composes three composition patterns into a single responsive\n * shell. The innermost is the auto-fit grid from DashboardGrid/Grid: the tile\n * column count derives from the container's own width, so the same grid\n * reflows inside a sidebar-narrowed workspace and full-bleed on an ultra-wide\n * monitor, with zero Tailwind breakpoints authored here or at the call site.\n *\n * The sidebar and aside use the Every Layout \"Sidebar\" flex-wrap technique:\n * each panel gets a fixed flex-basis and the grid area gets `flex-grow: 999`,\n * so when the container cannot fit the content's minimum, both panels wrap to\n * full-width and the sidebar or aside stacks above the grid instead of sitting\n * beside it. No media query, no JavaScript — the layout derives its own\n * breakpoints from the container's width.\n *\n * The `#aside` slot is gated behind a `2xl` breakpoint because supplementary\n * metrics are a luxury that only wide desktops can afford: the aside is hidden\n * below that width and the grid takes the full width, preventing a cramped\n * two-panel layout where neither panel has room to breathe.\n *\n * The header slot is full-width, above the sidebar+grid row, so a top\n * navigation bar or title row never competes for horizontal space with the\n * sidebar.\n */\nexport type DashboardMinTileWidth = string;\n\nconst gapClass: Record<string, 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    /** Narrowest a tile may get before the grid drops to fewer columns. */\n    minTileWidth?: DashboardMinTileWidth;\n    /** Grid gap step. Tightens one notch below sm. */\n    gap?: \"sm\" | \"md\" | \"lg\";\n  }>(),\n  { minTileWidth: \"16rem\", gap: \"md\" },\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 sidebar+grid row, so a\n      navigation bar or title row never competes for horizontal space.\n    -->\n    <header v-if=\"$slots.header\">\n      <slot name=\"header\" />\n    </header>\n\n    <!--\n      The sidebar+grid row uses flex-wrap. The sidebar gets a fixed\n      flex-basis (~16rem) and the grid area gets `flex-grow: 999`, so\n      when the container is too narrow both panels wrap to full-width —\n      the sidebar stacks above the grid. No media query; the layout\n      derives its own breakpoint from the container's width.\n    -->\n    <div\n      :style=\"{ flexWrap: 'wrap' }\"\n      :class=\"cn('flex flex-1', $slots.sidebar ? 'flex-row' : undefined)\"\n    >\n      <!--\n        The sidebar panel. Fixed-basis, no growth — it recedes into the\n        sunken elevation layer when present, matching the AppShell pattern.\n      -->\n      <aside\n        v-if=\"$slots.sidebar\"\n        :style=\"{\n          flexBasis: '16rem',\n          flexGrow: 0,\n          flexShrink: 1,\n        }\"\n        :class=\"cn('bg-sunken w-full')\"\n      >\n        <slot name=\"sidebar\" />\n      </aside>\n\n      <!--\n        The main area: the auto-fit tile grid + an optional aside for\n        supplementary metrics on ultrawide viewports.\n\n        `flex-grow: 999` ensures this area takes all remaining space\n        when the container is wide enough. Its `min-width: 50%` triggers\n        wrapping below tablet-like widths, making the sidebar stack above.\n\n        Gutters widen at wider breakpoints so ultrawide viewports add\n        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('flex min-w-0 flex-col')\"\n      >\n        <div\n          :class=\"\n            cn(\n              'flex-1 px-4 sm:px-6 3xl:px-8',\n              $slots.aside ? 'flex flex-row 2xl:flex-row max-2xl:flex-col' : undefined,\n            )\n          \"\n          :style=\"$slots.aside ? { flexWrap: 'wrap' } : undefined\"\n        >\n          <!--\n            The tile grid. `auto-fit` + `minmax` recomputes the column\n            count from the container's own width — it reflows inside a\n            sidebar-narrowed workspace and full-bleed on an ultra-wide\n            monitor, with zero Tailwind breakpoints authored here. The\n            `minmax` lower bound is wrapped in `min(100%, …)` so a tile\n            never forces horizontal overflow on a container narrower than\n            `minTileWidth` itself.\n          -->\n          <div\n            :class=\"\n              cn('grid', gapClass[gap], $slots.aside ? 'flex-grow-[999] flex-shrink-1' : undefined)\n            \"\n            :style=\"{\n              gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${minTileWidth}), 1fr))`,\n              ...($slots.aside ? { flexBasis: 0, minWidth: '60%' } : {}),\n            }\"\n          >\n            <slot />\n          </div>\n\n          <!--\n            The aside slot: supplementary metrics/info panels visible only\n            on wide desktops (from `2xl` breakpoint). Uses the same\n            flex-wrap Sidebar pattern: the aside gets a fixed basis and\n            the grid area grows to fill the remaining space. Below `2xl`,\n            the aside is hidden entirely — metrics are a luxury that only\n            wide desktops can afford.\n          -->\n          <aside\n            v-if=\"$slots.aside\"\n            :style=\"{\n              flexBasis: '14rem',\n              flexGrow: 0,\n              flexShrink: 1,\n            }\"\n            :class=\"cn('hidden w-full 2xl:block')\"\n          >\n            <slot name=\"aside\" />\n          </aside>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;AA8BA,IAAM,WAAmC;CACvC,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;GAoBE,OAAA,UAAA,GAAA,mBA4GM,OAAA,EA5GA,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,mBA2FM,OAAA;IA1FH,OAAO,EAAA,UAAA,OAAA;IACP,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,eAAgBA,KAAAA,OAAO,UAAO,aAAgB,KAAA,CAAS,CAAA;GAOzDA,GAAAA,CAAAA,KAAAA,OAAO,WADf,UAAA,GAAA,mBAUQ,SAAA;;IARL,OAAO;;;;IAIP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,kBAAA,CAAA;GAEV,GAAA,CAAA,WAAuB,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAczB,mBA2DM,OAAA;IA1DH,OAAO;;;;;IAKP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,uBAAA,CAAA;GAEV,GAAA,CAAA,mBAiDM,OAAA;IAhDH,OAAK,eAAe,MAAA,EAAA,CAAE,CAAA,gCAA8DA,KAAAA,OAAO,QAAK,gDAAmD,KAAA,CAAA,CAAA;IAMnJ,OAAK,eAAEA,KAAAA,OAAO,QAAK,EAAA,UAAA,OAAA,IAA0B,KAAA,CAAS;GAWvD,GAAA,CAAA,mBAUM,OAAA;IATH,OAAK,eAAiB,MAAA,EAAA,CAAE,CAAA,QAAS,SAAS,QAAA,MAAMA,KAAAA,OAAO,QAAK,kCAAqC,KAAA,CAAS,CAAA;IAG1G,OAAK,eAAA;KAA4E,qBAAA,qCAAA,QAAA,aAAY;KAA8BA,GAAAA,KAAAA,OAAO,QAAK;MAAA,WAAA;MAAA,UAAA;KAAA,IAAA,CAAA;;GAKxI,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,GAYFA,KAAAA,OAAO,SADf,UAAA,GAAA,mBAUQ,SAAA;;IARL,OAAO;;;;IAIP;IACA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,yBAAA,CAAA;GAEV,GAAA,CAAA,WAAqB,KAAA,QAAA,OAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/packages/layouts/dashboard/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./Dashboard.vue";
+export type { DashboardMinTileWidth } from "./Dashboard.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/layouts/dashboard/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/dashboard/src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/packages/layouts/dashboard/src/index.js

@@ -0,0 +1,2 @@
+import Dashboard_default from "./Dashboard.js";
+export { Dashboard_default as default };

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

@@ -0,0 +1,7 @@
+import FormLayout_vue_vue_type_script_setup_true_lang_default, { maxWidthClass } from "./FormLayout.vue_vue_type_script_setup_true_lang.js";
+//#region packages/layouts/form-layout/src/FormLayout.vue
+var FormLayout_default = FormLayout_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { FormLayout_default as default, maxWidthClass };
+
+//# sourceMappingURL=FormLayout.js.map

package/dist/packages/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/packages/layouts/form-layout/src/FormLayout.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/form-layout/src/FormLayout.vue"],"names":[],"mappings":"AAoFA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3D,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAK5C,CAAC;AAEX,OAAO,EAAE,aAAa,EAAE,CAAC;wBACJ,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,oFAAoF;eACzE,kBAAkB;;IAD7B,oFAAoF;eACzE,kBAAkB;;cAAlB,kBAAkB;;aAmDpB,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,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/layouts/form-layout/src/FormLayout.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { cn } from "../../../core/src/cn.js";
+import "../../../core/src/index.js";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region packages/layouts/form-layout/src/FormLayout.vue?vue&type=script&setup=true&lang.ts
+var maxWidthClass = {
+	sm: "max-w-sm",
+	md: "max-w-md",
+	lg: "max-w-lg",
+	xl: "max-w-xl"
+};
+var FormLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "FormLayout",
+	props: { maxWidth: { default: "md" } },
+	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", {
+				key: 0,
+				class: normalizeClass(unref(cn)("px-4 sm:px-6 3xl:px-8"))
+			}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(cn)("mx-auto w-full flex-1 px-4 sm:px-6 3xl:px-8", maxWidthClass[__props.maxWidth])) }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(unref(cn)("mt-8"))
+			}, [renderSlot(_ctx.$slots, "actions")], 2)) : createCommentVNode("", true)], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { FormLayout_vue_vue_type_script_setup_true_lang_default as default, maxWidthClass };
+
+//# sourceMappingURL=FormLayout.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/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/packages/layouts/form-layout/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./FormLayout.vue";
+export type { FormLayoutMaxWidth } from "./FormLayout.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/layouts/form-layout/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/form-layout/src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/packages/layouts/form-layout/src/index.js

@@ -0,0 +1,2 @@
+import FormLayout_default from "./FormLayout.js";
+export { FormLayout_default as default };

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

@@ -0,0 +1,7 @@
+import MasterDetail_vue_vue_type_script_setup_true_lang_default, { gapClass } from "./MasterDetail.vue_vue_type_script_setup_true_lang.js";
+//#region packages/layouts/master-detail/src/MasterDetail.vue
+var MasterDetail_default = MasterDetail_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MasterDetail_default as default, gapClass };
+
+//# sourceMappingURL=MasterDetail.js.map

package/dist/packages/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/packages/layouts/master-detail/src/MasterDetail.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetail.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/master-detail/src/MasterDetail.vue"],"names":[],"mappings":"AAoGA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE1D,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,eAAe,EAAE,MAAM,CAAC,EAAE,MAAM,CAIrD,CAAC;AAEX,OAAO,EAAE,QAAQ,EAAE,CAAC;wBACC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,yFAAyF;qBACxE,0BAA0B;IAC3C,yEAAyE;UACnE,eAAe;;IAHrB,yFAAyF;qBACxE,0BAA0B;IAC3C,yEAAyE;UACnE,eAAe;;SAAf,eAAe;oBAFJ,0BAA0B;;aAwDlC,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,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/layouts/master-detail/src/MasterDetail.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+import { cn } from "../../../core/src/cn.js";
+import "../../../core/src/index.js";
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+//#region packages/layouts/master-detail/src/MasterDetail.vue?vue&type=script&setup=true&lang.ts
+var gapClass = {
+	sm: "gap-2 sm:gap-3",
+	md: "gap-3 sm:gap-4",
+	lg: "gap-4 sm:gap-6"
+};
+var MasterDetail_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "MasterDetail",
+	props: {
+		minMasterWidth: { default: "14rem" },
+		gap: { default: "none" }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(cn)("flex h-full", __props.gap !== "none" ? gapClass[__props.gap] : void 0)),
+				style: { flexWrap: "wrap" }
+			}, [createElementVNode("div", {
+				style: normalizeStyle({
+					flexBasis: __props.minMasterWidth,
+					flexGrow: 0,
+					flexShrink: 0
+				}),
+				class: normalizeClass(unref(cn)("bg-sunken w-full"))
+			}, [renderSlot(_ctx.$slots, "master")], 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)], 2);
+		};
+	}
+});
+//#endregion
+export { MasterDetail_vue_vue_type_script_setup_true_lang_default as default, gapClass };
+
+//# sourceMappingURL=MasterDetail.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/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/packages/layouts/master-detail/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./MasterDetail.vue";
+export type { MasterDetailMinMasterWidth, MasterDetailGap } from "./MasterDetail.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/layouts/master-detail/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/master-detail/src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,YAAY,EAAE,0BAA0B,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/packages/layouts/master-detail/src/index.js

@@ -0,0 +1,2 @@
+import MasterDetail_default from "./MasterDetail.js";
+export { MasterDetail_default as default };

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

@@ -0,0 +1,7 @@
+import Reading_vue_vue_type_script_setup_true_lang_default from "./Reading.vue_vue_type_script_setup_true_lang.js";
+//#region packages/layouts/reading/src/Reading.vue
+var Reading_default = Reading_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Reading_default as default };
+
+//# sourceMappingURL=Reading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Reading.js","names":[],"sources":["../../../../../packages/layouts/reading/src/Reading.vue"],"sourcesContent":["<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?: boolean;\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/packages/layouts/reading/src/Reading.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reading.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/reading/src/Reading.vue"],"names":[],"mappings":"AAoDA,KAAK,WAAW,GAAG;IACf,yEAAyE;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAqDJ,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU;YA/DH,OAAO;6EAkElB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,30 @@
+import { cn } from "../../../core/src/cn.js";
+import "../../../core/src/index.js";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region packages/layouts/reading/src/Reading.vue?vue&type=script&setup=true&lang.ts
+var Reading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Reading",
+	props: { gutter: {
+		type: Boolean,
+		default: true
+	} },
+	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", {
+					key: 0,
+					class: normalizeClass(unref(cn)(__props.gutter ? "px-4 sm:px-6 3xl:px-8" : void 0))
+				}, [renderSlot(_ctx.$slots, "header")], 2)) : createCommentVNode("", true),
+				createElementVNode("div", { class: normalizeClass(unref(cn)("mx-auto w-full max-w-prose flex-1", __props.gutter ? "px-4 sm:px-6 3xl:px-8" : void 0, "py-8 sm:py-12")) }, [renderSlot(_ctx.$slots, "default")], 2),
+				_ctx.$slots.footer ? (openBlock(), createElementBlock("footer", {
+					key: 1,
+					class: normalizeClass(unref(cn)(__props.gutter ? "px-4 sm:px-6 3xl:px-8" : void 0))
+				}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { Reading_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Reading.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/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 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?: boolean;\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":";;;;;;;;;;;;GAyBE,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/packages/layouts/reading/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Reading.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/layouts/reading/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/reading/src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/packages/layouts/reading/src/index.js

@@ -0,0 +1,2 @@
+import Reading_default from "./Reading.js";
+export { Reading_default as default };