@ecoma-io/loom 0.4.0 → 0.5.0

package/dist/packages/primitives/tree-view/src/context.d.ts

@@ -0,0 +1,39 @@
+import type { ComputedRef, InjectionKey } from "vue";
+import type { TreeNode } from "./TreeView.vue";
+/**
+ * What a row needs to know about itself, resolved by the tree that owns the
+ * state. The node component stays presentational: it computes nothing about
+ * expandability, selection or focus and renders what it is handed.
+ */
+export interface TreeViewNodeState {
+    /** The row can open and close — it has children to show. */
+    expandable: boolean;
+    /** The row is open, so its subtree is in the DOM beneath it. */
+    expanded: boolean;
+    /** The row is one of the chosen ones. */
+    selected: boolean;
+    /** The row's children are being fetched by `loadChildren` right now. */
+    busy: boolean;
+    /** The row, or the whole tree it stands in, is unavailable. */
+    disabled: boolean;
+    /** The row holds the roving tab stop — the one row Tab reaches. */
+    focusable: boolean;
+}
+/**
+ * The seam between the tree (which owns every bit of state and the keyboard)
+ * and its rows. Provided once by the tree and injected at every depth, which
+ * is what lets the recursion be a plain SFC: events go up through these
+ * handlers, state comes down through these getters, and neither side carries
+ * the other's props through N levels of re-emission.
+ */
+export interface TreeViewContext {
+    stateFor(node: TreeNode): TreeViewNodeState;
+    childrenOf(node: TreeNode): TreeNode[];
+    /** The localised string shown while a row's children are being fetched. */
+    loadingText: ComputedRef<string>;
+    onRowFocus(node: TreeNode): void;
+    onRowActivate(node: TreeNode): void;
+    onChevronActivate(node: TreeNode): void;
+}
+export declare const TREE_VIEW_CONTEXT: InjectionKey<TreeViewContext>;
+//# sourceMappingURL=context.d.ts.map

package/dist/packages/primitives/tree-view/src/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/tree-view/src/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,UAAU,EAAE,OAAO,CAAC;IACpB,gEAAgE;IAChE,QAAQ,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,IAAI,EAAE,OAAO,CAAC;IACd,+DAA+D;IAC/D,QAAQ,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,iBAAiB,CAAC;IAC5C,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,EAAE,CAAC;IACvC,2EAA2E;IAC3E,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;IACpC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,iBAAiB,EAAE,YAAY,CAAC,eAAe,CAA4B,CAAC"}

package/dist/packages/primitives/tree-view/src/context.js

@@ -0,0 +1,6 @@
+//#region packages/primitives/tree-view/src/context.ts
+var TREE_VIEW_CONTEXT = Symbol("loom.tree-view");
+//#endregion
+export { TREE_VIEW_CONTEXT };
+
+//# sourceMappingURL=context.js.map

package/dist/packages/primitives/tree-view/src/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../../packages/primitives/tree-view/src/context.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from \"vue\";\nimport type { TreeNode } from \"./TreeView.vue\";\n\n/**\n * What a row needs to know about itself, resolved by the tree that owns the\n * state. The node component stays presentational: it computes nothing about\n * expandability, selection or focus and renders what it is handed.\n */\nexport interface TreeViewNodeState {\n  /** The row can open and close — it has children to show. */\n  expandable: boolean;\n  /** The row is open, so its subtree is in the DOM beneath it. */\n  expanded: boolean;\n  /** The row is one of the chosen ones. */\n  selected: boolean;\n  /** The row's children are being fetched by `loadChildren` right now. */\n  busy: boolean;\n  /** The row, or the whole tree it stands in, is unavailable. */\n  disabled: boolean;\n  /** The row holds the roving tab stop — the one row Tab reaches. */\n  focusable: boolean;\n}\n\n/**\n * The seam between the tree (which owns every bit of state and the keyboard)\n * and its rows. Provided once by the tree and injected at every depth, which\n * is what lets the recursion be a plain SFC: events go up through these\n * handlers, state comes down through these getters, and neither side carries\n * the other's props through N levels of re-emission.\n */\nexport interface TreeViewContext {\n  stateFor(node: TreeNode): TreeViewNodeState;\n  childrenOf(node: TreeNode): TreeNode[];\n  /** The localised string shown while a row's children are being fetched. */\n  loadingText: ComputedRef<string>;\n  onRowFocus(node: TreeNode): void;\n  onRowActivate(node: TreeNode): void;\n  onChevronActivate(node: TreeNode): void;\n}\n\nexport const TREE_VIEW_CONTEXT: InjectionKey<TreeViewContext> = Symbol(\"loom.tree-view\");\n"],"mappings":";AAwCA,IAAa,oBAAmD,OAAO,gBAAgB"}

package/dist/packages/primitives/tree-view/src/index.d.ts

@@ -0,0 +1,4 @@
+export { default, TREE_VIEW_LABELS } from "./TreeView.vue";
+export type { TreeNode, TreeViewSelectionMode } from "./TreeView.vue";
+export type { TreeViewLabels } from "../../../labels/src/index";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/tree-view/src/index.js

@@ -0,0 +1,3 @@
+import { TREE_VIEW_LABELS } from "./TreeView.vue_vue_type_script_setup_true_lang.js";
+import TreeView_default from "./TreeView.js";
+export { TREE_VIEW_LABELS, TreeView_default as default };

package/dist/packages/primitives/visually-hidden/src/VisuallyHidden.js

@@ -0,0 +1,7 @@
+import VisuallyHidden_vue_vue_type_script_setup_true_lang_default from "./VisuallyHidden.vue_vue_type_script_setup_true_lang.js";
+//#region packages/primitives/visually-hidden/src/VisuallyHidden.vue
+var VisuallyHidden_default = VisuallyHidden_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { VisuallyHidden_default as default };
+
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/packages/primitives/visually-hidden/src/VisuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","names":[],"sources":["../../../../../packages/primitives/visually-hidden/src/VisuallyHidden.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Which element tag carries the visually-hidden content. */\nexport type VisuallyHiddenElement = \"span\" | \"div\";\n</script>\n\n<script setup lang=\"ts\">\n/**\n * VisuallyHidden — content assistive technology reads that the page never\n * paints. The clip technique: a 1×1 box pulled out of flow and clipped to\n * nothing, which keeps the content in the accessibility tree and reachable\n * by in-page find. Deliberately not `display: none`, which would remove it\n * from screen readers too, and never focusable in its own right — if the\n * content should take focus, the caller puts a focusable element in the\n * slot and this wrapper stays inert.\n */\nwithDefaults(\n  defineProps<{\n    /** `span` keeps the markup valid inside phrasing content — labels, buttons, paragraphs. `div` when the hidden content is a block of its own. */\n    as?: VisuallyHiddenElement;\n  }>(),\n  { as: \"span\" },\n);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)] [clip-path:inset(50%)]\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}

package/dist/packages/primitives/visually-hidden/src/VisuallyHidden.vue.d.ts

@@ -0,0 +1,21 @@
+/** Which element tag carries the visually-hidden content. */
+export type VisuallyHiddenElement = "span" | "div";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** `span` keeps the markup valid inside phrasing content — labels, buttons, paragraphs. `div` when the hidden content is a block of its own. */
+    as?: VisuallyHiddenElement;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** `span` keeps the markup valid inside phrasing content — labels, buttons, paragraphs. `div` when the hidden content is a block of its own. */
+    as?: VisuallyHiddenElement;
+}> & Readonly<{}>, {
+    as: VisuallyHiddenElement;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VisuallyHidden.vue.d.ts.map

package/dist/packages/primitives/visually-hidden/src/VisuallyHidden.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/visually-hidden/src/VisuallyHidden.vue"],"names":[],"mappings":"AAoCA,6DAA6D;AAC7D,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,KAAK,CAAC;wBAC9B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAWd,gJAAgJ;SAC3I,qBAAqB;;IAD1B,gJAAgJ;SAC3I,qBAAqB;;QAArB,qBAAqB;;cAiDhB,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/primitives/visually-hidden/src/VisuallyHidden.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { createBlock, defineComponent, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
+//#region packages/primitives/visually-hidden/src/VisuallyHidden.vue?vue&type=script&setup=true&lang.ts
+var VisuallyHidden_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "VisuallyHidden",
+	props: { as: { default: "span" } },
+	setup(__props) {
+		/**
+		* VisuallyHidden — content assistive technology reads that the page never
+		* paints. The clip technique: a 1×1 box pulled out of flow and clipped to
+		* nothing, which keeps the content in the accessibility tree and reachable
+		* by in-page find. Deliberately not `display: none`, which would remove it
+		* from screen readers too, and never focusable in its own right — if the
+		* content should take focus, the caller puts a focusable element in the
+		* slot and this wrapper stays inert.
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), { class: "absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)] [clip-path:inset(50%)]" }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { VisuallyHidden_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=VisuallyHidden.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/primitives/visually-hidden/src/VisuallyHidden.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../packages/primitives/visually-hidden/src/VisuallyHidden.vue"],"sourcesContent":["<script lang=\"ts\">\n/** Which element tag carries the visually-hidden content. */\nexport type VisuallyHiddenElement = \"span\" | \"div\";\n</script>\n\n<script setup lang=\"ts\">\n/**\n * VisuallyHidden — content assistive technology reads that the page never\n * paints. The clip technique: a 1×1 box pulled out of flow and clipped to\n * nothing, which keeps the content in the accessibility tree and reachable\n * by in-page find. Deliberately not `display: none`, which would remove it\n * from screen readers too, and never focusable in its own right — if the\n * content should take focus, the caller puts a focusable element in the\n * slot and this wrapper stays inert.\n */\nwithDefaults(\n  defineProps<{\n    /** `span` keeps the markup valid inside phrasing content — labels, buttons, paragraphs. `div` when the hidden content is a block of its own. */\n    as?: VisuallyHiddenElement;\n  }>(),\n  { as: \"span\" },\n);\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"absolute -m-px h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)] [clip-path:inset(50%)]\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;GAyBE,OAAA,UAAA,GAAA,YAKY,wBAJL,QAAA,EAAE,GAAA,EACP,OAAM,sHAAqH,GAAA;IAE3H,SAAA,cAAQ,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/packages/primitives/visually-hidden/src/index.d.ts

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

package/dist/packages/primitives/visually-hidden/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/visually-hidden/src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/packages/primitives/visually-hidden/src/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecoma-io/loom",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Opinionated UI system and composition library for cross-platform web applications.",
   "keywords": [
     "design-system",
@@ -62,7 +62,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "packageManager": "pnpm@11.20.0",
+  "packageManager": "pnpm@11.25.0",
   "engines": {
     "node": ">=24",
     "pnpm": ">=11"
@@ -71,9 +71,9 @@
     "prepare": "lefthook install",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
-    "lint": "eslint . --cache --cache-strategy content --cache-location node_modules/.cache/eslint --max-warnings 0 && node tools/check-component-artifacts.ts && node --experimental-strip-types tools/check-architecture.ts && pnpm lattice:check && pnpm check-skills",
-    "lattice:check": "lattice check",
-    "lattice:mutations": "node --experimental-strip-types tools/check-lattice-mutations.ts",
+    "lint": "eslint . --cache --cache-strategy content --cache-location node_modules/.cache/eslint --max-warnings 0 && node tools/check-component-artifacts.ts && node tools/check-template-artifacts.ts && node --experimental-strip-types tools/check-architecture.ts && pnpm archkeep:check && pnpm check-skills",
+    "archkeep:check": "archkeep check",
+    "archkeep:mutations": "node --experimental-strip-types tools/check-archkeep-mutations.ts",
     "sync-skills": "node --experimental-strip-types tools/sync-skills.ts",
     "check-skills": "node --experimental-strip-types tools/check-skills.ts",
     "typecheck": "vue-tsc --noEmit --incremental --tsBuildInfoFile node_modules/.cache/typecheck.tsbuildinfo",
@@ -91,49 +91,50 @@
     "moon": "MOON_CONCURRENCY=${MOON_CONCURRENCY:-4} exec moon"
   },
   "devDependencies": {
-    "@axe-core/playwright": "^4.12.1",
-    "@commitlint/cli": "^21.2.1",
-    "@commitlint/config-conventional": "^21.2.0",
-    "@ecoma-io/lattice": "0.11.1",
+    "@axe-core/playwright": "^4.13.0",
+    "@commitlint/cli": "^21.2.2",
+    "@commitlint/config-conventional": "^21.2.2",
+    "@ecoma-io/archkeep": "0.24.0",
     "@eslint/js": "^10.0.1",
-    "@moonrepo/cli": "^2.4.6",
+    "@moonrepo/cli": "^2.5.4",
     "@playwright/test": "^1.62.1",
     "@tailwindcss/vite": "^4.3.3",
-    "@types/node": "^26.1.2",
+    "@types/node": "^26.4.1",
     "@vitejs/plugin-vue": "^6.0.8",
-    "@vitest/coverage-v8": "^4.1.10",
-    "@vitest/eslint-plugin": "^1.6.26",
-    "@vue/test-utils": "^2.4.11",
-    "@vue/typescript-plugin": "3.3.9",
-    "eslint": "^10.8.0",
+    "@vitest/coverage-v8": "^5.0.0",
+    "@vitest/eslint-plugin": "^1.6.27",
+    "@vue/test-utils": "^2.5.0",
+    "@vue/typescript-plugin": "3.3.11",
+    "axe-core": "~4.13.0",
+    "eslint": "^10.9.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-playwright": "^2.11.0",
     "eslint-plugin-vue": "^10.10.0",
-    "eslint-plugin-vuejs-accessibility": "^2.5.0",
+    "eslint-plugin-vuejs-accessibility": "^2.6.0",
     "fast-check": "^4.9.0",
-    "globals": "^17.9.0",
+    "globals": "^17.12.0",
     "gsap": "^3.15.0",
     "jsdom": "^30.0.1",
-    "lefthook": "^2.1.10",
+    "lefthook": "^2.1.12",
     "prettier": "^3.9.6",
     "tailwindcss": "^4.3.3",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.66.0",
-    "vite": "^8.2.0",
+    "typescript-eslint": "^8.69.0",
+    "vite": "^8.2.2",
     "vitepress": "^1.6.4",
-    "vitest": "^4.1.10",
-    "vue": "^3.5.40",
+    "vitest": "^5.0.0",
+    "vue": "^3.5.42",
     "vue-docgen-api": "^4.79.2",
     "vue-eslint-parser": "^10.4.1",
-    "vue-tsc": "^3.3.9",
-    "wrangler": "^4.118.0"
+    "vue-tsc": "^3.3.11",
+    "wrangler": "^4.129.0"
   },
   "dependencies": {
-    "@internationalized/date": "^3.12.3",
-    "@lucide/vue": "^1.28.0",
+    "@internationalized/date": "^3.12.4",
+    "@lucide/vue": "^1.40.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "reka-ui": "^2.10.1",
+    "reka-ui": "^2.10.4",
     "tailwind-merge": "^3.6.0"
   },
   "peerDependencies": {