@ecoma-io/loom 0.2.0 → 0.3.0

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

@@ -0,0 +1,7 @@
+import Settings_vue_vue_type_script_setup_true_lang_default from "./Settings.vue_vue_type_script_setup_true_lang.js";
+//#region packages/layouts/settings/src/Settings.vue
+var Settings_default = Settings_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Settings_default as default };
+
+//# sourceMappingURL=Settings.js.map

package/dist/packages/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%`, both panels wrap to full-width — the nav stacks above the\n * content. No media query, no JavaScript — the layout derives its own\n * 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%`, both panels wrap to full-width —\n      the nav becomes a full-width section above the content. No media query;\n      the layout 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 — when the container is too narrow, it wraps\n        to full-width instead of compressing. Sunken elevation marks it as\n        chrome, 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/packages/layouts/settings/src/Settings.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/settings/src/Settings.vue"],"names":[],"mappings":"AA6FA;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC;wBACjB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,qDAAqD;eAC1C,gBAAgB;;IAD3B,qDAAqD;eAC1C,gBAAgB;;cAAhB,gBAAgB;;aA8DlB,CAAC,KAAK,IAAgB,KAAK,GAAG;;UACjC,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC1B,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/settings/src/Settings.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, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+//#region packages/layouts/settings/src/Settings.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { key: 0 };
+var Settings_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Settings",
+	props: { navWidth: { default: "12rem" } },
+	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")),
+				style: { flexWrap: "wrap" }
+			}, [createElementVNode("nav", {
+				style: normalizeStyle({
+					flexBasis: __props.navWidth,
+					flexGrow: 0,
+					flexShrink: 0
+				}),
+				class: normalizeClass(unref(cn)("bg-sunken w-full p-2"))
+			}, [renderSlot(_ctx.$slots, "nav")], 6), createElementVNode("div", {
+				style: {
+					flexBasis: 0,
+					flexGrow: 999,
+					flexShrink: 1,
+					minWidth: "50%"
+				},
+				class: normalizeClass(unref(cn)("bg-background min-w-0 flex-1 overflow-y-auto px-4 sm:px-6 3xl:px-8"))
+			}, [renderSlot(_ctx.$slots, "default")], 2)], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { Settings_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Settings.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/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%`, both panels wrap to full-width — the nav stacks above the\n * content. No media query, no JavaScript — the layout derives its own\n * 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%`, both panels wrap to full-width —\n      the nav becomes a full-width section above the content. No media query;\n      the layout 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 — when the container is too narrow, it wraps\n        to full-width instead of compressing. Sunken elevation marks it as\n        chrome, 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,mBAqDM,OAAA,EArDA,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,GASxB,mBAqCM,OAAA;IArCA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,sBAAA,CAAA;IAA2B,OAAO,EAAA,UAAA,OAAA;GAO/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/packages/layouts/settings/src/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/settings/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/settings/src/index.js

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

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

@@ -0,0 +1,7 @@
+import SplitLayout_vue_vue_type_script_setup_true_lang_default, { gapClass } from "./SplitLayout.vue_vue_type_script_setup_true_lang.js";
+//#region packages/layouts/split-layout/src/SplitLayout.vue
+var SplitLayout_default = SplitLayout_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SplitLayout_default as default, gapClass };
+
+//# sourceMappingURL=SplitLayout.js.map

package/dist/packages/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 SplitLayoutCollapseAt = string;\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    /** Below this CSS width the two panels stack vertically instead of sitting side by side. Default: `\"48rem\"`. */\n    collapseAt?: SplitLayoutCollapseAt;\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\", collapseAt: \"48rem\", 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=\"\n        cn(\n          'flex flex-1',\n          side === 'right' ? 'flex-row-reverse' : 'flex-row',\n          gap !== 'none' ? gapClass[gap] : undefined,\n        )\n      \"\n      :style=\"{ flexWrap: 'wrap' }\"\n    >\n      <!--\n        The side panel holds a fixed basis and does not grow. It sits on the\n        sunken elevation so the content area reads as the work surface lifted\n        above navigation chrome. Gutters widen at wider breakpoints.\n      -->\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\n      <!--\n        The content 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\n        pushes the side panel 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  </div>\n</template>\n"],"mappings":""}

package/dist/packages/layouts/split-layout/src/SplitLayout.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/split-layout/src/SplitLayout.vue"],"names":[],"mappings":"AAmIA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEzD,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,EAAE,MAAM,CAIpD,CAAC;AAEX,OAAO,EAAE,QAAQ,EAAE,CAAC;wBACC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,iJAAiJ;WAC1I,MAAM,GAAG,OAAO;IACvB,gHAAgH;iBACnG,qBAAqB;IAClC,wFAAwF;mBACzE,MAAM;IACrB,uEAAuE;UACjE,cAAc;;IAPpB,iJAAiJ;WAC1I,MAAM,GAAG,OAAO;IACvB,gHAAgH;iBACnG,qBAAqB;IAClC,wFAAwF;mBACzE,MAAM;IACrB,uEAAuE;UACjE,cAAc;;SAAd,cAAc;UANb,MAAM,GAAG,OAAO;gBAEV,qBAAqB;kBAEnB,MAAM;;aAwEZ,CAAC,KAAK,IAAgB,KAAK,GAAG;;WAChC,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/layouts/split-layout/src/SplitLayout.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+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/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" },
+		collapseAt: { default: "48rem" },
+		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", __props.side === "right" ? "flex-row-reverse" : "flex-row", __props.gap !== "none" ? gapClass[__props.gap] : void 0)),
+				style: { flexWrap: "wrap" }
+			}, [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)], 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/packages/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 SplitLayoutCollapseAt = string;\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    /** Below this CSS width the two panels stack vertically instead of sitting side by side. Default: `\"48rem\"`. */\n    collapseAt?: SplitLayoutCollapseAt;\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\", collapseAt: \"48rem\", 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=\"\n        cn(\n          'flex flex-1',\n          side === 'right' ? 'flex-row-reverse' : 'flex-row',\n          gap !== 'none' ? gapClass[gap] : undefined,\n        )\n      \"\n      :style=\"{ flexWrap: 'wrap' }\"\n    >\n      <!--\n        The side panel holds a fixed basis and does not grow. It sits on the\n        sunken elevation so the content area reads as the work surface lifted\n        above navigation chrome. Gutters widen at wider breakpoints.\n      -->\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\n      <!--\n        The content 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\n        pushes the side panel 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  </div>\n</template>\n"],"mappings":";;;;;AA0BA,IAAM,WAA4D;CAChE,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;;;GA8BE,OAAA,UAAA,GAAA,mBA+DM,OAAA,EA/DA,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,mBA6CM,OAAA;IA5CH,OAAK,eAAW,MAAA,EAAA,CAAE,CAAA,eAAqC,QAAA,SAAI,UAAA,qBAAA,YAA0D,QAAA,QAAG,SAAc,SAAS,QAAA,OAAO,KAAA,CAAA,CAAA;IAOtJ,OAAO,EAAA,UAAA,OAAA;GAOR,GAAA,CAAA,mBAUM,OAAA;IATH,OAAK,eAAA;KAAyB,WAAA,QAAA;;;KAAkF,UAAA,QAAA;;IAMhH,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,wCAAA,CAAA;GAEV,GAAA,CAAA,WAAoB,KAAA,QAAA,MAAA,CAAA,GAAA,CAAA,GAUtB,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,CAAA,GAAA,CAAA"}

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

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

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

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

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

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

package/dist/packages/loom/src/a11y.d.ts

@@ -0,0 +1,2 @@
+export { WCAG_TAGS } from "@ecoma-io/loom-core";
+//# sourceMappingURL=a11y.d.ts.map

package/dist/packages/loom/src/a11y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../../../packages/loom/src/a11y.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/packages/loom/src/index.d.ts

@@ -0,0 +1,175 @@
+export { cn } from "@ecoma-io/loom-core";
+export { optional } from "@ecoma-io/loom-core";
+export { useSplitAttrs } from "@ecoma-io/loom-core";
+export { LIST_STAGGER_CAP, LIST_STAGGER_STEP_MS, listStaggerDelay } from "@ecoma-io/loom-core";
+export { WCAG_TAGS } from "@ecoma-io/loom-core";
+export { useTheme, themeScript } from "@ecoma-io/loom-core";
+export type { ThemePreference, ResolvedTheme } from "@ecoma-io/loom-core";
+export { applyLoomIconDefaults } from "@ecoma-io/loom-core";
+export { provideLoomLabels, useLabels } from "@ecoma-io/loom-labels";
+export type { LabelOf, LabelOverrides, LoomLabelOverrides } from "@ecoma-io/loom-labels";
+export type { LoomLabels } from "@ecoma-io/loom-labels";
+export { CALENDAR_PANEL_LABELS, DATE_SEGMENT_LABELS, RANGE_CELL_LABELS, TIME_SEGMENT_LABELS, } from "@ecoma-io/loom-labels";
+export type { CalendarPanelLabels, DateSegmentLabels, RangeCellLabels, RangeCellPart, TimeSegmentLabels, } from "@ecoma-io/loom-labels";
+export { COUNT_LABELS, warningWindow } from "@ecoma-io/loom-labels";
+export type { CountBand, CountLabels } from "@ecoma-io/loom-labels";
+export { provideFieldContext, useFieldControl, useOuterFieldContext } from "@ecoma-io/loom-labels";
+export type { FieldContext, FieldContextSource, FieldControl, FieldControlAttrs, FieldControlProps, } from "@ecoma-io/loom-labels";
+export { useAncestorDisabled } from "@ecoma-io/loom-labels";
+export { default as HoverCard } from "@ecoma-io/loom-hover-card";
+export type { HoverCardAlign, HoverCardSide } from "@ecoma-io/loom-hover-card";
+export { default as Progress, progressVariants, PROGRESS_LABELS } from "@ecoma-io/loom-progress";
+export type { ProgressLabels, ProgressSize } from "@ecoma-io/loom-progress";
+export { default as RadialProgress, radialProgressVariants, RADIAL_PROGRESS_LABELS, } from "@ecoma-io/loom-radial-progress";
+export type { RadialProgressLabels, RadialProgressSize, RadialProgressThickness, } from "@ecoma-io/loom-radial-progress";
+export { default as ScrollArea } from "@ecoma-io/loom-scroll-area";
+export type { ScrollAreaOrientation } from "@ecoma-io/loom-scroll-area";
+export { default as Separator } from "@ecoma-io/loom-separator";
+export type { SeparatorOrientation } from "@ecoma-io/loom-separator";
+export { default as Skeleton, skeletonVariants } from "@ecoma-io/loom-skeleton";
+export type { SkeletonVariant } from "@ecoma-io/loom-skeleton";
+export { default as Spinner, spinnerVariants } from "@ecoma-io/loom-spinner";
+export type { SpinnerSize } from "@ecoma-io/loom-spinner";
+export { default as Surface, surfaceVariants } from "@ecoma-io/loom-surface";
+export type { SurfaceElevation, SurfacePad } from "@ecoma-io/loom-surface";
+export { default as Accordion } from "@ecoma-io/loom-accordion";
+export type { AccordionGap, AccordionItem, AccordionType } from "@ecoma-io/loom-accordion";
+export { default as Avatar, avatarVariants } from "@ecoma-io/loom-avatar";
+export type { AvatarShape, AvatarSize, AvatarVariant } from "@ecoma-io/loom-avatar";
+export { default as Badge, badgeVariants } from "@ecoma-io/loom-badge";
+export type { BadgeVariant } from "@ecoma-io/loom-badge";
+export { default as Breadcrumb } from "@ecoma-io/loom-breadcrumb";
+export type { BreadcrumbItem, BreadcrumbSeparator } from "@ecoma-io/loom-breadcrumb";
+export { default as Button, buttonVariantClasses, buttonVariants } from "@ecoma-io/loom-button";
+export type { ButtonSize, ButtonVariant } from "@ecoma-io/loom-button";
+export { default as Chip, chipVariants } from "@ecoma-io/loom-chip";
+export type { ChipSize, ChipVariant } from "@ecoma-io/loom-chip";
+export { default as ContextMenu } from "@ecoma-io/loom-context-menu";
+export type { ContextMenuEntry } from "@ecoma-io/loom-context-menu";
+export { default as DropdownMenu } from "@ecoma-io/loom-dropdown-menu";
+export type { DropdownMenuEntry } from "@ecoma-io/loom-dropdown-menu";
+export { default as IconButton, iconButtonVariants } from "@ecoma-io/loom-icon-button";
+export type { IconButtonSize, IconButtonVariant } from "@ecoma-io/loom-icon-button";
+export { default as InlineError } from "@ecoma-io/loom-inline-error";
+export { default as Link, linkVariants } from "@ecoma-io/loom-link";
+export type { LinkVariant } from "@ecoma-io/loom-link";
+export { default as Menubar } from "@ecoma-io/loom-menubar";
+export type { MenubarItem, MenubarMenu } from "@ecoma-io/loom-menubar";
+export { default as Popover } from "@ecoma-io/loom-popover";
+export type { PopoverAlign, PopoverSide } from "@ecoma-io/loom-popover";
+export { default as SpeedDial } from "@ecoma-io/loom-speed-dial";
+export type { SpeedDialAction, SpeedDialDirection } from "@ecoma-io/loom-speed-dial";
+export { default as Tabs } from "@ecoma-io/loom-tabs";
+export type { TabItem } from "@ecoma-io/loom-tabs";
+export { default as Tooltip } from "@ecoma-io/loom-tooltip";
+export type { TooltipSide } from "@ecoma-io/loom-tooltip";
+export { default as AlertDialog, ALERT_DIALOG_LABELS } from "@ecoma-io/loom-alert-dialog";
+export type { AlertDialogLabels } from "@ecoma-io/loom-alert-dialog";
+export { default as AvatarGroup, AVATAR_GROUP_LABELS } from "@ecoma-io/loom-avatar-group";
+export type { AvatarGroupItem, AvatarGroupLabels, AvatarGroupSurface, } from "@ecoma-io/loom-avatar-group";
+export { default as Checkbox } from "@ecoma-io/loom-checkbox";
+export { default as ColorPicker, COLOR_PICKER_LABELS } from "@ecoma-io/loom-color-picker";
+export type { ColorPickerLabels } from "@ecoma-io/loom-color-picker";
+export { default as Combobox, comboboxVariants, COMBOBOX_LABELS } from "@ecoma-io/loom-combobox";
+export type { ComboboxLabels, ComboboxOption, ComboboxSize } from "@ecoma-io/loom-combobox";
+export { default as DatePicker } from "@ecoma-io/loom-date-picker";
+export type { DatePickerLabels } from "@ecoma-io/loom-date-picker";
+export { default as DateRangePicker, DATE_RANGE_LABELS } from "@ecoma-io/loom-date-range-picker";
+export type { DateRange, DateRangeLabels, DateRangePickerLabels, } from "@ecoma-io/loom-date-range-picker";
+export { default as DateTimePicker } from "@ecoma-io/loom-date-time-picker";
+export type { DateTimePickerLabels } from "@ecoma-io/loom-date-time-picker";
+export { default as DateTimeRangePicker, DATE_TIME_RANGE_LABELS, } from "@ecoma-io/loom-date-time-range-picker";
+export type { DateTimeRange, DateTimeRangeLabels, DateTimeRangePickerLabels, } from "@ecoma-io/loom-date-time-range-picker";
+export { default as Dialog, DIALOG_LABELS } from "@ecoma-io/loom-dialog";
+export type { DialogLabels, DialogSize } from "@ecoma-io/loom-dialog";
+export { default as Drawer, DRAWER_LABELS } from "@ecoma-io/loom-drawer";
+export type { DrawerLabels, DrawerSide, DrawerSize } from "@ecoma-io/loom-drawer";
+export { default as Editable, EDITABLE_LABELS } from "@ecoma-io/loom-editable";
+export type { EditableActivationMode, EditableLabels, EditableSubmitMode, } from "@ecoma-io/loom-editable";
+export { default as Field } from "@ecoma-io/loom-field";
+export { default as Fieldset } from "@ecoma-io/loom-fieldset";
+export { default as FileUpload, FILE_UPLOAD_LABELS } from "@ecoma-io/loom-file-upload";
+export type { FileUploadLabels, FileUploadRejectReason, FileUploadRejection, } from "@ecoma-io/loom-file-upload";
+export { default as Indicator, indicatorVariants, indicatorToneVariants, INDICATOR_LABELS, } from "@ecoma-io/loom-indicator";
+export type { IndicatorLabels, IndicatorVariant, IndicatorStatus, IndicatorPlacement, IndicatorTone, IndicatorSurface, } from "@ecoma-io/loom-indicator";
+export { default as NumberField, NUMBER_FIELD_LABELS } from "@ecoma-io/loom-number-field";
+export type { NumberFieldLabels } from "@ecoma-io/loom-number-field";
+export { default as OtpInput, OTP_INPUT_LABELS } from "@ecoma-io/loom-otp-input";
+export type { OtpInputLabels, OtpInputType } from "@ecoma-io/loom-otp-input";
+export { default as Pagination, paginationVariants, PAGINATION_LABELS, } from "@ecoma-io/loom-pagination";
+export type { PaginationLabels, PaginationVariant } from "@ecoma-io/loom-pagination";
+export { default as RadioGroup } from "@ecoma-io/loom-radio-group";
+export type { RadioOption } from "@ecoma-io/loom-radio-group";
+export { default as Rating, RATING_LABELS } from "@ecoma-io/loom-rating";
+export type { RatingLabels, RatingSize } from "@ecoma-io/loom-rating";
+export { default as SegmentedControl } from "@ecoma-io/loom-segmented-control";
+export type { SegmentedControlOption } from "@ecoma-io/loom-segmented-control";
+export { default as Select, selectVariants } from "@ecoma-io/loom-select";
+export type { SelectOption, SelectSize } from "@ecoma-io/loom-select";
+export { default as Slider } from "@ecoma-io/loom-slider";
+export { default as Stepper, STEPPER_LABELS } from "@ecoma-io/loom-stepper";
+export type { StepperLabels, StepperStep, StepperOrientation } from "@ecoma-io/loom-stepper";
+export { default as Switch } from "@ecoma-io/loom-switch";
+export { default as TagsInput, TAGS_INPUT_LABELS } from "@ecoma-io/loom-tags-input";
+export type { TagsInputLabels, TagsInputRejection, TagsInputRejectReason, } from "@ecoma-io/loom-tags-input";
+export { default as Textarea } from "@ecoma-io/loom-textarea";
+export type { TextareaLabels, TextareaResize } from "@ecoma-io/loom-textarea";
+export { default as TextField } from "@ecoma-io/loom-text-field";
+export type { TextFieldLabels, TextFieldSize, TextFieldType } from "@ecoma-io/loom-text-field";
+export { default as TimePicker } from "@ecoma-io/loom-time-picker";
+export type { TimePickerLabels } from "@ecoma-io/loom-time-picker";
+export { Toast, TOAST_LABELS } from "@ecoma-io/loom-toast";
+export type { ToastVariant, ToastLabels } from "@ecoma-io/loom-toast";
+export { default as WindowControls, WINDOW_CONTROLS_LABELS } from "@ecoma-io/loom-window-controls";
+export type { WindowPlatform, WindowControlsLabels } from "@ecoma-io/loom-window-controls";
+export { default as Center } from "@ecoma-io/loom-center";
+export type { CenterMaxWidth } from "@ecoma-io/loom-center";
+export { default as Frame } from "@ecoma-io/loom-frame";
+export type { FrameRatio } from "@ecoma-io/loom-frame";
+export { default as Grid } from "@ecoma-io/loom-grid";
+export type { GridGap } from "@ecoma-io/loom-grid";
+export { default as Inline } from "@ecoma-io/loom-inline";
+export type { InlineAlign, InlineGap } from "@ecoma-io/loom-inline";
+export { default as ScrollReel } from "@ecoma-io/loom-scroll-reel";
+export type { ScrollReelGap, ScrollReelSnap } from "@ecoma-io/loom-scroll-reel";
+export { default as Sidebar } from "@ecoma-io/loom-sidebar";
+export type { SidebarSide } from "@ecoma-io/loom-sidebar";
+export { default as Split } from "@ecoma-io/loom-split";
+export type { SplitGap, SplitSide } from "@ecoma-io/loom-split";
+export { default as Stack } from "@ecoma-io/loom-stack";
+export type { StackAlign, StackGap } from "@ecoma-io/loom-stack";
+export { default as AppShell } from "@ecoma-io/loom-app-shell";
+export type { AppShellSidebarWidth } from "@ecoma-io/loom-app-shell";
+export { default as Centered } from "@ecoma-io/loom-centered";
+export type { CenteredMaxWidth } from "@ecoma-io/loom-centered";
+export { default as Dashboard } from "@ecoma-io/loom-dashboard";
+export type { DashboardMinTileWidth } from "@ecoma-io/loom-dashboard";
+export { default as FormLayout } from "@ecoma-io/loom-form-layout";
+export type { FormLayoutMaxWidth } from "@ecoma-io/loom-form-layout";
+export { default as MasterDetail } from "@ecoma-io/loom-master-detail";
+export type { MasterDetailMinMasterWidth, MasterDetailGap } from "@ecoma-io/loom-master-detail";
+export { default as Reading } from "@ecoma-io/loom-reading";
+export { default as Settings } from "@ecoma-io/loom-settings";
+export type { SettingsNavWidth } from "@ecoma-io/loom-settings";
+export { default as SplitLayout } from "@ecoma-io/loom-split-layout";
+export type { SplitLayoutCollapseAt, SplitLayoutGap } from "@ecoma-io/loom-split-layout";
+export { default as AppHeader } from "@ecoma-io/loom-app-header";
+export { default as DashboardGrid } from "@ecoma-io/loom-dashboard-grid";
+export { default as DesktopAppShell } from "@ecoma-io/loom-desktop-app-shell";
+export { default as EmptyState } from "@ecoma-io/loom-empty-state";
+export { default as ErrorState } from "@ecoma-io/loom-error-state";
+export { default as FormActions } from "@ecoma-io/loom-form-actions";
+export type { FormActionsAlign } from "@ecoma-io/loom-form-actions";
+export { default as FormSection } from "@ecoma-io/loom-form-section";
+export type { FormSectionGap } from "@ecoma-io/loom-form-section";
+export { default as LoadingState } from "@ecoma-io/loom-loading-state";
+export { default as MetricCard } from "@ecoma-io/loom-metric-card";
+export type { MetricCardTrend } from "@ecoma-io/loom-metric-card";
+export { default as PageHeader } from "@ecoma-io/loom-page-header";
+export { default as RowActions } from "@ecoma-io/loom-row-actions";
+export { default as SidebarNav } from "@ecoma-io/loom-sidebar-nav";
+export type { SidebarNavItem, SidebarNavSection } from "@ecoma-io/loom-sidebar-nav";
+export { default as TitleBar } from "@ecoma-io/loom-title-bar";
+export { default as ToastStack } from "@ecoma-io/loom-toast-stack";
+export type { ToastStackItem } from "@ecoma-io/loom-toast-stack";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/loom/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/loom/src/index.ts"],"names":[],"mappings":"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"}

package/dist/packages/primitives/accordion/src/Accordion.js

@@ -0,0 +1,7 @@
+import Accordion_vue_vue_type_script_setup_true_lang_default from "./Accordion.vue_vue_type_script_setup_true_lang.js";
+//#region packages/primitives/accordion/src/Accordion.vue
+var Accordion_default = Accordion_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Accordion_default as default };
+
+//# sourceMappingURL=Accordion.js.map

package/dist/packages/primitives/accordion/src/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../../../packages/primitives/accordion/src/Accordion.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * One collapsible section of the accordion. The list is data rather than markup\n * because the primitive stays free of structure logic — toggling a section emits\n * its `value` and the host decides what that open state means.\n */\nexport interface AccordionItem {\n  /** Unique key for the item. */\n  value: string;\n  /** The heading text shown on the trigger. */\n  label: string;\n  /** Inert: announced as disabled, and toggling it does nothing. */\n  disabled?: boolean;\n}\n\n/**\n * Whether the accordion allows one open item or many. The members mirror Reka's\n * own `AccordionType`, and the template binding is what enforces that.\n */\nexport type AccordionType = \"single\" | \"multiple\";\n\n/**\n * Vertical gap between items, tightening below the `sm` breakpoint where the\n * accordion is more likely inside a narrow panel.\n */\nexport type AccordionGap = \"sm\" | \"md\" | \"lg\";\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  AccordionRoot,\n  AccordionItem as RekaAccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from \"reka-ui\";\nimport { ChevronDown } from \"@lucide/vue\";\nimport { cn } from \"@ecoma-io/loom-core\";\nimport { optional } from \"@ecoma-io/loom-core\";\n\n/**\n * Accordion — vertically stacked, expandable sections: each trigger reveals\n * its panel and collapses the rest (single mode) or lets several panels stay\n * open at once (multiple mode). Built on Reka UI's Accordion, which supplies\n * the `accordion`/`accordion-item`/`button`/`region` semantics and the\n * arrow-key navigation between triggers.\n *\n * Items are data rather than markup. A scoped default slot receives each item\n * so the host can render arbitrary content inside a panel — the primitive\n * owns the open/close mechanics and the trigger chrome, not what is inside the\n * panel.\n *\n * `collapsible` only matters in single mode: it governs whether the one open\n * item can be closed again. A non-collapsible single accordion always has\n * exactly one panel open. In multiple mode the prop is ignored — every item\n * can close independently.\n */\nwithDefaults(\n  defineProps<{\n    /** The sections, in order. Each needs a unique `value`. */\n    items: AccordionItem[];\n    /** Whether one or many items can be open at once. */\n    type?: AccordionType;\n    /** In single mode, whether the open item can be closed. Ignored in multiple mode. */\n    collapsible?: boolean;\n    /** Drive the open state from the host with `v-model`; omit it and the accordion owns its own state. */\n    modelValue?: string | string[] | undefined;\n    /** Vertical gap between items. */\n    gap?: AccordionGap;\n  }>(),\n  {\n    type: \"single\",\n    collapsible: true,\n    modelValue: undefined,\n    gap: \"md\",\n  },\n);\n\n// `modelValue: undefined` is load-bearing, not a redundant default — it is\n// what keeps the uncontrolled third state reachable past Vue's absent-Boolean\n// casting. `optional()` in the template is the other half; its docblock\n// carries the reasoning for both.\n\ndefineEmits<{ \"update:modelValue\": [value: string | string[]] }>();\n\nconst GAP_CLASSES: Record<AccordionGap, string> = {\n  sm: \"gap-1 sm:gap-2\",\n  md: \"gap-2 sm:gap-3\",\n  lg: \"gap-3 sm:gap-4\",\n};\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"type\"\n    :collapsible=\"collapsible\"\n    v-bind=\"optional({ modelValue })\"\n    :class=\"cn('flex flex-col', GAP_CLASSES[gap])\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <RekaAccordionItem\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled ?? false\"\n      class=\"border-b border-border last:border-b-0\"\n    >\n      <AccordionTrigger\n        :class=\"\n          cn(\n            'flex items-center justify-between w-full px-4 py-3 text-sm font-medium text-foreground transition-colors duration-fast ease-out hover:bg-subtle rounded-md',\n            // A disabled trigger must still be reachable by arrow key, so the\n            // pointer is silenced but the element stays in the tab order.\n            'data-[disabled]:pointer-events-none data-[disabled]:text-muted-foreground',\n          )\n        \"\n      >\n        {{ item.label }}\n        <!-- The chevron rotates 180deg when the item opens, matching the\n             `data-[state=open]` attribute Reka sets on the trigger. A\n             transition rather than an animation, because the rotation has no\n             entrance/exit split — it just flips. -->\n        <ChevronDown\n          class=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-fast ease-out data-[state=open]:rotate-180\"\n        />\n      </AccordionTrigger>\n      <!-- Scoped to the open/closed state, never unconditional. Reka's\n           Presence keeps closed content mounted until an animationend arrives,\n           and a mount-only animation never fires a second one — so an\n           unconditional animation class strands invisible content over the\n           page. Scoped, the closed element computes `animation-name: none` and\n           Presence unmounts it at once.\n\n           The rise/fall pair is the existing vocabulary — a height animation\n           keyed to Reka's `--reka-accordion-content-height` would need its own\n           keyframe and utility registration, which belongs in `global.css` and\n           `theme.css` rather than in a single component. -->\n      <AccordionContent\n        class=\"overflow-hidden data-[state=closed]:animate-fade-fall data-[state=open]:animate-fade-rise\"\n      >\n        <div class=\"px-4 pb-3 text-sm text-muted-foreground\">\n          <!-- @slot The content of each panel. Receives the item as a slot prop. -->\n          <slot :item=\"item\" :index=\"items.indexOf(item)\" />\n        </div>\n      </AccordionContent>\n    </RekaAccordionItem>\n  </AccordionRoot>\n</template>\n"],"mappings":""}

package/dist/packages/primitives/accordion/src/Accordion.vue.d.ts

@@ -0,0 +1,68 @@
+/**
+ * One collapsible section of the accordion. The list is data rather than markup
+ * because the primitive stays free of structure logic — toggling a section emits
+ * its `value` and the host decides what that open state means.
+ */
+export interface AccordionItem {
+    /** Unique key for the item. */
+    value: string;
+    /** The heading text shown on the trigger. */
+    label: string;
+    /** Inert: announced as disabled, and toggling it does nothing. */
+    disabled?: boolean;
+}
+/**
+ * Whether the accordion allows one open item or many. The members mirror Reka's
+ * own `AccordionType`, and the template binding is what enforces that.
+ */
+export type AccordionType = "single" | "multiple";
+/**
+ * Vertical gap between items, tightening below the `sm` breakpoint where the
+ * accordion is more likely inside a narrow panel.
+ */
+export type AccordionGap = "sm" | "md" | "lg";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The sections, in order. Each needs a unique `value`. */
+    items: AccordionItem[];
+    /** Whether one or many items can be open at once. */
+    type?: AccordionType;
+    /** In single mode, whether the open item can be closed. Ignored in multiple mode. */
+    collapsible?: boolean;
+    /** Drive the open state from the host with `v-model`; omit it and the accordion owns its own state. */
+    modelValue?: string | string[] | undefined;
+    /** Vertical gap between items. */
+    gap?: AccordionGap;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[]) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The sections, in order. Each needs a unique `value`. */
+    items: AccordionItem[];
+    /** Whether one or many items can be open at once. */
+    type?: AccordionType;
+    /** In single mode, whether the open item can be closed. Ignored in multiple mode. */
+    collapsible?: boolean;
+    /** Drive the open state from the host with `v-model`; omit it and the accordion owns its own state. */
+    modelValue?: string | string[] | undefined;
+    /** Vertical gap between items. */
+    gap?: AccordionGap;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | string[]) => any;
+}>, {
+    gap: AccordionGap;
+    type: AccordionType;
+    modelValue: string | string[] | undefined;
+    collapsible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {
+        item: AccordionItem;
+        index: number;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Accordion.vue.d.ts.map

package/dist/packages/primitives/accordion/src/Accordion.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/accordion/src/Accordion.vue"],"names":[],"mappings":"AAiKA;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;wBACzB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAmBd,2DAA2D;WACpD,aAAa,EAAE;IACtB,qDAAqD;WAC9C,aAAa;IACpB,qFAAqF;kBACvE,OAAO;IACrB,uGAAuG;iBAC1F,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;IAC1C,kCAAkC;UAC5B,YAAY;;;;IATlB,2DAA2D;WACpD,aAAa,EAAE;IACtB,qDAAqD;WAC9C,aAAa;IACpB,qFAAqF;kBACvE,OAAO;IACrB,uGAAuG;iBAC1F,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;IAC1C,kCAAkC;UAC5B,YAAY;;;;SAAZ,YAAY;UANX,aAAa;gBAIP,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;iBAF5B,OAAO;;cAwMX,CAAC,KAAK;;;KAAiB,KAAK,GAAG;EAWzC,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/primitives/accordion/src/Accordion.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,68 @@
+import { cn } from "../../../core/src/cn.js";
+import { optional } from "../../../core/src/props.js";
+import "../../../core/src/index.js";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { ChevronDown } from "@lucide/vue";
+import { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from "reka-ui";
+//#region packages/primitives/accordion/src/Accordion.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "px-4 pb-3 text-sm text-muted-foreground" };
+var Accordion_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Accordion",
+	props: {
+		items: {},
+		type: { default: "single" },
+		collapsible: {
+			type: Boolean,
+			default: true
+		},
+		modelValue: { default: void 0 },
+		gap: { default: "md" }
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const GAP_CLASSES = {
+			sm: "gap-1 sm:gap-2",
+			md: "gap-2 sm:gap-3",
+			lg: "gap-3 sm:gap-4"
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AccordionRoot), mergeProps({
+				type: __props.type,
+				collapsible: __props.collapsible
+			}, unref(optional)({ modelValue: __props.modelValue }), {
+				class: unref(cn)("flex flex-col", GAP_CLASSES[__props.gap]),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+			}), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+					return openBlock(), createBlock(unref(AccordionItem), {
+						key: item.value,
+						value: item.value,
+						disabled: item.disabled ?? false,
+						class: "border-b border-border last:border-b-0"
+					}, {
+						default: withCtx(() => [createVNode(unref(AccordionTrigger), { class: normalizeClass(unref(cn)("flex items-center justify-between w-full px-4 py-3 text-sm font-medium text-foreground transition-colors duration-fast ease-out hover:bg-subtle rounded-md", "data-[disabled]:pointer-events-none data-[disabled]:text-muted-foreground")) }, {
+							default: withCtx(() => [createTextVNode(toDisplayString(item.label) + " ", 1), createVNode(unref(ChevronDown), { class: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-fast ease-out data-[state=open]:rotate-180" })]),
+							_: 2
+						}, 1032, ["class"]), createVNode(unref(AccordionContent), { class: "overflow-hidden data-[state=closed]:animate-fade-fall data-[state=open]:animate-fade-rise" }, {
+							default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {
+								item,
+								index: __props.items.indexOf(item)
+							})])]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1032, ["value", "disabled"]);
+				}), 128))]),
+				_: 3
+			}, 16, [
+				"type",
+				"collapsible",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { Accordion_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Accordion.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/primitives/accordion/src/Accordion.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../packages/primitives/accordion/src/Accordion.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * One collapsible section of the accordion. The list is data rather than markup\n * because the primitive stays free of structure logic — toggling a section emits\n * its `value` and the host decides what that open state means.\n */\nexport interface AccordionItem {\n  /** Unique key for the item. */\n  value: string;\n  /** The heading text shown on the trigger. */\n  label: string;\n  /** Inert: announced as disabled, and toggling it does nothing. */\n  disabled?: boolean;\n}\n\n/**\n * Whether the accordion allows one open item or many. The members mirror Reka's\n * own `AccordionType`, and the template binding is what enforces that.\n */\nexport type AccordionType = \"single\" | \"multiple\";\n\n/**\n * Vertical gap between items, tightening below the `sm` breakpoint where the\n * accordion is more likely inside a narrow panel.\n */\nexport type AccordionGap = \"sm\" | \"md\" | \"lg\";\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  AccordionRoot,\n  AccordionItem as RekaAccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n} from \"reka-ui\";\nimport { ChevronDown } from \"@lucide/vue\";\nimport { cn } from \"@ecoma-io/loom-core\";\nimport { optional } from \"@ecoma-io/loom-core\";\n\n/**\n * Accordion — vertically stacked, expandable sections: each trigger reveals\n * its panel and collapses the rest (single mode) or lets several panels stay\n * open at once (multiple mode). Built on Reka UI's Accordion, which supplies\n * the `accordion`/`accordion-item`/`button`/`region` semantics and the\n * arrow-key navigation between triggers.\n *\n * Items are data rather than markup. A scoped default slot receives each item\n * so the host can render arbitrary content inside a panel — the primitive\n * owns the open/close mechanics and the trigger chrome, not what is inside the\n * panel.\n *\n * `collapsible` only matters in single mode: it governs whether the one open\n * item can be closed again. A non-collapsible single accordion always has\n * exactly one panel open. In multiple mode the prop is ignored — every item\n * can close independently.\n */\nwithDefaults(\n  defineProps<{\n    /** The sections, in order. Each needs a unique `value`. */\n    items: AccordionItem[];\n    /** Whether one or many items can be open at once. */\n    type?: AccordionType;\n    /** In single mode, whether the open item can be closed. Ignored in multiple mode. */\n    collapsible?: boolean;\n    /** Drive the open state from the host with `v-model`; omit it and the accordion owns its own state. */\n    modelValue?: string | string[] | undefined;\n    /** Vertical gap between items. */\n    gap?: AccordionGap;\n  }>(),\n  {\n    type: \"single\",\n    collapsible: true,\n    modelValue: undefined,\n    gap: \"md\",\n  },\n);\n\n// `modelValue: undefined` is load-bearing, not a redundant default — it is\n// what keeps the uncontrolled third state reachable past Vue's absent-Boolean\n// casting. `optional()` in the template is the other half; its docblock\n// carries the reasoning for both.\n\ndefineEmits<{ \"update:modelValue\": [value: string | string[]] }>();\n\nconst GAP_CLASSES: Record<AccordionGap, string> = {\n  sm: \"gap-1 sm:gap-2\",\n  md: \"gap-2 sm:gap-3\",\n  lg: \"gap-3 sm:gap-4\",\n};\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"type\"\n    :collapsible=\"collapsible\"\n    v-bind=\"optional({ modelValue })\"\n    :class=\"cn('flex flex-col', GAP_CLASSES[gap])\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <RekaAccordionItem\n      v-for=\"item in items\"\n      :key=\"item.value\"\n      :value=\"item.value\"\n      :disabled=\"item.disabled ?? false\"\n      class=\"border-b border-border last:border-b-0\"\n    >\n      <AccordionTrigger\n        :class=\"\n          cn(\n            'flex items-center justify-between w-full px-4 py-3 text-sm font-medium text-foreground transition-colors duration-fast ease-out hover:bg-subtle rounded-md',\n            // A disabled trigger must still be reachable by arrow key, so the\n            // pointer is silenced but the element stays in the tab order.\n            'data-[disabled]:pointer-events-none data-[disabled]:text-muted-foreground',\n          )\n        \"\n      >\n        {{ item.label }}\n        <!-- The chevron rotates 180deg when the item opens, matching the\n             `data-[state=open]` attribute Reka sets on the trigger. A\n             transition rather than an animation, because the rotation has no\n             entrance/exit split — it just flips. -->\n        <ChevronDown\n          class=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-fast ease-out data-[state=open]:rotate-180\"\n        />\n      </AccordionTrigger>\n      <!-- Scoped to the open/closed state, never unconditional. Reka's\n           Presence keeps closed content mounted until an animationend arrives,\n           and a mount-only animation never fires a second one — so an\n           unconditional animation class strands invisible content over the\n           page. Scoped, the closed element computes `animation-name: none` and\n           Presence unmounts it at once.\n\n           The rise/fall pair is the existing vocabulary — a height animation\n           keyed to Reka's `--reka-accordion-content-height` would need its own\n           keyframe and utility registration, which belongs in `global.css` and\n           `theme.css` rather than in a single component. -->\n      <AccordionContent\n        class=\"overflow-hidden data-[state=closed]:animate-fade-fall data-[state=open]:animate-fade-rise\"\n      >\n        <div class=\"px-4 pb-3 text-sm text-muted-foreground\">\n          <!-- @slot The content of each panel. Receives the item as a slot prop. -->\n          <slot :item=\"item\" :index=\"items.indexOf(item)\" />\n        </div>\n      </AccordionContent>\n    </RekaAccordionItem>\n  </AccordionRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoFA,MAAM,cAA4C;GAChD,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;;GAIE,OAAA,UAAA,GAAA,YAqDgB,MAAA,aAAA,GArDhB,WAqDgB;IApDb,MAAM,QAAA;IACN,aAAa,QAAA;GACN,GAAA,MAAA,QAAA,CAAQ,CAAA,EAAA,YAAG,QAAA,WAAU,CAAA,GAAA;IAC5B,OAAO,MAAA,EAAA,CAAE,CAAA,iBAAkB,YAAY,QAAA,IAAG;IAC1C,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,qBAAsB,MAAM;;IAGpD,SAAA,cAAqB,EADvB,UAAA,IAAA,GAAA,mBA6CoB,UAAA,MAAA,WA5CH,QAAA,QAAR,SAAI;KADb,OAAA,UAAA,GAAA,YA6CoB,MAAA,aAAA,GAAA;MA3CjB,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,UAAU,KAAK,YAAQ;MACxB,OAAM;;MAEN,SAAA,cAkBmB,CAlBnB,YAkBmB,MAAA,gBAAA,GAAA,EAjBhB,OAAK,eAAa,MAAA,EAAA,CAAE,CAAA,8JAAA,2EAAA,CAAA,EAAA,GAAA;OASrB,SAAA,cAAgB,CAAb,gBAAA,gBAAA,KAAK,KAAK,IAAG,KAKhB,CAAA,GAAA,YAEE,MAAA,WAAA,GAAA,EADA,OAAM,kHAAiH,CAAA,CAAA,CAAA;;MAc3H,GAAA,MAAA,CAAA,OAAA,CAAA,GAAA,YAOmB,MAAA,gBAAA,GAAA,EANjB,OAAM,4FAA2F,GAAA;OAEjG,SAAA,cAGM,CAHN,mBAGM,OAHN,YAGM,CADJ,WAAkD,KAAA,QAAA,WAAA;QAArC;QAAO,OAAO,QAAA,MAAM,QAAQ,IAAI"}

package/dist/packages/primitives/accordion/src/index.d.ts

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

package/dist/packages/primitives/accordion/src/index.d.ts.map

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

package/dist/packages/primitives/accordion/src/index.js

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