@ecoma-io/loom 0.3.0 → 0.5.0

package/dist/packages/primitives/link/src/Link.vue_vue_type_script_setup_true_lang.js

@@ -22,11 +22,11 @@ var _hoisted_2 = {
 	"aria-hidden": "true",
 	focusable: "false"
 };
-var linkVariants = cva("inline-flex items-center gap-1 transition-colors duration-fast ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", {
+var linkVariants = cva("inline-flex items-center gap-1 transition-colors duration-fast ease-out focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo", {
 	variants: {
 		variant: {
 			default: "text-primary-text underline underline-offset-4 hover:text-primary-text/80",
-			muted: "text-muted-foreground hover:text-foreground",
+			muted: "text-muted-foreground underline underline-offset-4 hover:text-foreground",
 			accent: "text-accent-text underline underline-offset-4 hover:text-accent-text/80",
 			subtle: "text-foreground/80 hover:text-foreground underline underline-offset-4 decoration-border hover:decoration-foreground/50"
 		},
@@ -65,7 +65,7 @@ var Link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				class: normalizeClass(unref(cn)(unref(linkVariants)({
 					variant: __props.variant,
 					underline: __props.underline
-				}), "cursor-default pointer-events-none opacity-50", _ctx.$attrs.class)),
+				}), "cursor-default bg-muted text-muted-foreground pointer-events-none", _ctx.$attrs.class)),
 				"aria-disabled": "true"
 			}, [renderSlot(_ctx.$slots, "default")], 2)) : (openBlock(), createElementBlock("a", {
 				key: 1,

package/dist/packages/primitives/link/src/Link.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../packages/primitives/link/src/Link.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\n/** The visual emphasis assigned to a link. */\nexport type LinkVariant = \"default\" | \"muted\" | \"accent\" | \"subtle\";\n\nexport const linkVariants = cva(\n  \"inline-flex items-center gap-1 transition-colors duration-fast ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      variant: {\n        default: \"text-primary-text underline underline-offset-4 hover:text-primary-text/80\",\n        muted: \"text-muted-foreground hover:text-foreground\",\n        accent: \"text-accent-text underline underline-offset-4 hover:text-accent-text/80\",\n        subtle:\n          \"text-foreground/80 hover:text-foreground underline underline-offset-4 decoration-border hover:decoration-foreground/50\",\n      } satisfies Record<LinkVariant, string>,\n      underline: {\n        true: \"\",\n        false: \"no-underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      underline: true,\n    },\n  },\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Controls the link's visual emphasis. */\n    variant?: LinkVariant;\n    /** Draws an underline beneath the link label. */\n    underline?: boolean;\n    /** The destination the link navigates to. */\n    href: string;\n    /** Opens the destination in a new tab and marks it as an external link. */\n    external?: boolean;\n    /** Replaces the anchor with an unavailable, non-interactive span. */\n    disabled?: boolean;\n  }>(),\n  {\n    variant: \"default\",\n    underline: true,\n    external: false,\n    disabled: false,\n  },\n);\n</script>\n\n<template>\n  <span\n    v-if=\"disabled\"\n    :class=\"\n      cn(\n        linkVariants({ variant, underline }),\n        'cursor-default pointer-events-none opacity-50',\n        $attrs.class,\n      )\n    \"\n    aria-disabled=\"true\"\n  >\n    <slot />\n  </span>\n  <a\n    v-else\n    :href=\"href\"\n    :class=\"cn(linkVariants({ variant, underline }), $attrs.class)\"\n    :target=\"external ? '_blank' : undefined\"\n    :rel=\"external ? 'noopener noreferrer' : undefined\"\n  >\n    <slot />\n    <svg\n      v-if=\"external\"\n      class=\"h-3.5 w-3.5 shrink-0\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <path d=\"M7 17 17 7\" />\n      <path d=\"M7 7h10v10\" />\n    </svg>\n  </a>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAa,eAAe,IAC1B,oNACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OAAO;GACP,QAAQ;GACR,QACE;EACJ;EACA,WAAW;GACT,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,SAAS;EACT,WAAW;CACb;AACF,CACF;;;;;;;;;;;;;;;;;;;;;GA8BU,OAAA,QAAA,YADR,UAAA,GAAA,mBAYO,QAAA;;IAVJ,OAAK,eAAS,MAAA,EAAA,CAAE,CAAU,MAAA,YAAA,CAAY,CAAA;KAAA,SAAG,QAAA;KAAO,WAAE,QAAA;IAAS,CAAA,GAAA,iDAAsEA,KAAAA,OAAO,KAAA,CAAA;IAOzI,iBAAc;GAEd,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,MAEV,UAAA,GAAA,mBAyBI,KAAA;;IAvBD,MAAM,QAAA;IACN,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,MAAA,YAAA,CAAY,CAAA;KAAA,SAAG,QAAA;KAAO,WAAE,QAAA;IAAS,CAAA,GAAKA,KAAAA,OAAO,KAAK,CAAA;IAC5D,QAAQ,QAAA,WAAQ,WAAc,KAAA;IAC9B,KAAK,QAAA,WAAQ,wBAA2B,KAAA;GAEzC,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,GAEA,QAAA,YADR,UAAA,GAAA,mBAgBM,OAhBN,YAgBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFJ,mBAAuB,QAAA,EAAjB,GAAE,aAAY,GAAA,MAAA,EAAA,GACpB,mBAAuB,QAAA,EAAjB,GAAE,aAAY,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,IAAA,UAAA"}
+{"version":3,"file":"Link.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../packages/primitives/link/src/Link.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\n/** The visual emphasis assigned to a link. */\nexport type LinkVariant = \"default\" | \"muted\" | \"accent\" | \"subtle\";\n\nexport const linkVariants = cva(\n  \"inline-flex items-center gap-1 transition-colors duration-fast ease-out focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo\",\n  {\n    variants: {\n      variant: {\n        default: \"text-primary-text underline underline-offset-4 hover:text-primary-text/80\",\n        // Underlined like its siblings. WCAG 1.4.1 asks for a non-colour\n        // carrier and the underline is the one links have; `muted` used to be\n        // the variant that dropped it while keeping a hover colour change,\n        // which identified the link by hue alone.\n        muted: \"text-muted-foreground underline underline-offset-4 hover:text-foreground\",\n        accent: \"text-accent-text underline underline-offset-4 hover:text-accent-text/80\",\n        subtle:\n          \"text-foreground/80 hover:text-foreground underline underline-offset-4 decoration-border hover:decoration-foreground/50\",\n      } satisfies Record<LinkVariant, string>,\n      underline: {\n        true: \"\",\n        false: \"no-underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      underline: true,\n    },\n  },\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Controls the link's visual emphasis. */\n    variant?: LinkVariant;\n    /** Draws an underline beneath the link label. */\n    underline?: boolean;\n    /** The destination the link navigates to. */\n    href: string;\n    /** Opens the destination in a new tab and marks it as an external link. */\n    external?: boolean;\n    /** Replaces the anchor with an unavailable, non-interactive span. */\n    disabled?: boolean;\n  }>(),\n  {\n    variant: \"default\",\n    underline: true,\n    external: false,\n    disabled: false,\n  },\n);\n</script>\n\n<template>\n  <span\n    v-if=\"disabled\"\n    :class=\"\n      cn(\n        linkVariants({ variant, underline }),\n        // Drained, not dimmed — the same rule Button and Chip follow. The dim\n        // faded whatever hue the variant wore, taking the label's contrast\n        // down with it; a link has no fill to drain, so it takes the neutral\n        // well the transparent controls take, and `aria-disabled` carries the\n        // state rather than colour alone.\n        'cursor-default bg-muted text-muted-foreground pointer-events-none',\n        $attrs.class,\n      )\n    \"\n    aria-disabled=\"true\"\n  >\n    <slot />\n  </span>\n  <a\n    v-else\n    :href=\"href\"\n    :class=\"cn(linkVariants({ variant, underline }), $attrs.class)\"\n    :target=\"external ? '_blank' : undefined\"\n    :rel=\"external ? 'noopener noreferrer' : undefined\"\n  >\n    <slot />\n    <svg\n      v-if=\"external\"\n      class=\"h-3.5 w-3.5 shrink-0\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <path d=\"M7 17 17 7\" />\n      <path d=\"M7 7h10v10\" />\n    </svg>\n  </a>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAa,eAAe,IAC1B,uLACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GAKT,OAAO;GACP,QAAQ;GACR,QACE;EACJ;EACA,WAAW;GACT,MAAM;GACN,OAAO;EACT;CACF;CACA,iBAAiB;EACf,SAAS;EACT,WAAW;CACb;AACF,CACF;;;;;;;;;;;;;;;;;;;;;GA8BU,OAAA,QAAA,YADR,UAAA,GAAA,mBAiBO,QAAA;;IAfJ,OAAK,eAAS,MAAA,EAAA,CAAE,CAAU,MAAA,YAAA,CAAY,CAAA;KAAA,SAAG,QAAA;KAAO,WAAE,QAAA;IAAS,CAAA,GAAA,qEAA6bA,KAAAA,OAAO,KAAA,CAAA;IAYhgB,iBAAc;GAEd,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,MAEV,UAAA,GAAA,mBAyBI,KAAA;;IAvBD,MAAM,QAAA;IACN,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,MAAA,YAAA,CAAY,CAAA;KAAA,SAAG,QAAA;KAAO,WAAE,QAAA;IAAS,CAAA,GAAKA,KAAAA,OAAO,KAAK,CAAA;IAC5D,QAAQ,QAAA,WAAQ,WAAc,KAAA;IAC9B,KAAK,QAAA,WAAQ,wBAA2B,KAAA;GAEzC,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,GAEA,QAAA,YADR,UAAA,GAAA,mBAgBM,OAhBN,YAgBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFJ,mBAAuB,QAAA,EAAjB,GAAE,aAAY,GAAA,MAAA,EAAA,GACpB,mBAAuB,QAAA,EAAjB,GAAE,aAAY,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/packages/primitives/list/src/List.js

@@ -0,0 +1,7 @@
+import List_vue_vue_type_script_setup_true_lang_default from "./List.vue_vue_type_script_setup_true_lang.js";
+//#region packages/primitives/list/src/List.vue
+var List_default = List_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { List_default as default };
+
+//# sourceMappingURL=List.js.map

package/dist/packages/primitives/list/src/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","names":[],"sources":["../../../../../packages/primitives/list/src/List.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * List — a generic composition of rows: leading content, a title and\n * description, trailing metadata or actions. It is the *presentational*\n * vocabulary for row-shaped content, not a navigation primitive — SidebarNav\n * owns wayfinding, Menu owns commands, Table owns columns. This owns \"a\n * titled thing per line\" wherever that appears: settings groups, pickers,\n * summaries under a page's chrome.\n */\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Names the list for assistive technology when surrounding prose does not already say it. */\n    label?: string;\n    /** Hairline dividers between rows. Off for card-stacked lists. */\n    divided?: boolean;\n  }>(),\n  { divided: true },\n);\nvoid cn;\n</script>\n\n<template>\n  <ul :aria-label=\"label\" :class=\"cn('m-0 list-none p-0', divided && 'divide-y divide-border')\">\n    <!-- @slot The rows: one `ListItem` per line. -->\n    <slot />\n  </ul>\n</template>\n"],"mappings":""}

package/dist/packages/primitives/list/src/List.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    /** Names the list for assistive technology when surrounding prose does not already say it. */
+    label?: string;
+    /** Hairline dividers between rows. Off for card-stacked lists. */
+    divided?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    divided: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=List.vue.d.ts.map

package/dist/packages/primitives/list/src/List.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/list/src/List.vue"],"names":[],"mappings":"AA0CA,KAAK,WAAW,GAAG;IACf,8FAA8F;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAgCJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;aAxCF,OAAO;6EA2CnB,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/primitives/list/src/List.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { cn } from "../../../core/src/cn.js";
+import "../../../core/src/index.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region packages/primitives/list/src/List.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var List_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "List",
+	props: {
+		label: {},
+		divided: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("ul", {
+				"aria-label": __props.label,
+				class: normalizeClass(unref(cn)("m-0 list-none p-0", __props.divided && "divide-y divide-border"))
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { List_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=List.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/primitives/list/src/List.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../packages/primitives/list/src/List.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * List — a generic composition of rows: leading content, a title and\n * description, trailing metadata or actions. It is the *presentational*\n * vocabulary for row-shaped content, not a navigation primitive — SidebarNav\n * owns wayfinding, Menu owns commands, Table owns columns. This owns \"a\n * titled thing per line\" wherever that appears: settings groups, pickers,\n * summaries under a page's chrome.\n */\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** Names the list for assistive technology when surrounding prose does not already say it. */\n    label?: string;\n    /** Hairline dividers between rows. Off for card-stacked lists. */\n    divided?: boolean;\n  }>(),\n  { divided: true },\n);\nvoid cn;\n</script>\n\n<template>\n  <ul :aria-label=\"label\" :class=\"cn('m-0 list-none p-0', divided && 'divide-y divide-border')\">\n    <!-- @slot The rows: one `ListItem` per line. -->\n    <slot />\n  </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;GAwBE,OAAA,UAAA,GAAA,mBAGK,MAAA;IAHA,cAAY,QAAA;IAAQ,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,qBAAsB,QAAA,WAAO,wBAAA,CAAA;GAE7D,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/packages/primitives/list/src/ListItem.js

@@ -0,0 +1,7 @@
+import ListItem_vue_vue_type_script_setup_true_lang_default, { listItemVariants } from "./ListItem.vue_vue_type_script_setup_true_lang.js";
+//#region packages/primitives/list/src/ListItem.vue
+var ListItem_default = ListItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ListItem_default as default, listItemVariants };
+
+//# sourceMappingURL=ListItem.js.map

package/dist/packages/primitives/list/src/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","names":[],"sources":["../../../../../packages/primitives/list/src/ListItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\n/**\n * Interactive comes in exactly two shapes, the same honesty Card documents:\n * `href` makes the whole row one real anchor (nothing interactive inside),\n * `interactive` paints hover/press while the host owns role/handler. Plain\n * rows are just rows.\n */\nexport type ListItemShape = \"static\" | \"link\" | \"interactive\";\n\nexport const listItemVariants = cva(\n  \"flex w-full items-center gap-3 rounded-md px-3 py-2.5 text-left transition-colors duration-fast ease-out\",\n  {\n    variants: {\n      shape: {\n        static: \"\",\n        // The shared clickable-row language: lift by fill, never by shadow.\n        link: \"cursor-pointer outline-none hover:bg-subtle/60 focus-visible:bg-subtle/60 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo [transition:transform_var(--duration-fast)_var(--ease-spring),background-color_var(--duration-fast)_var(--ease-out)] active:scale-[0.995]\",\n        interactive:\n          \"cursor-pointer hover:bg-subtle/60 focus-visible:bg-subtle/60 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo active:bg-subtle\",\n      },\n      dense: { true: \"px-2 py-1.5\", false: \"\" },\n    },\n  },\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { Check } from \"@lucide/vue\";\nimport { cn } from \"@ecoma-io/loom-core\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** The row's heading; omit when the default slot carries custom composition. */\n    title?: string;\n    /** Supporting line beneath the title. */\n    description?: string;\n    /** Trailing metadata — a count, a timestamp. Reads in tabular digits. */\n    meta?: string;\n    /** Makes the whole row one link. Nothing interactive may sit inside. */\n    href?: string;\n    /**\n     * Hover/press language for a clickable row whose behaviour belongs to\n     * the host; attach the handler yourself.\n     */\n    interactive?: boolean;\n    /** Marks this row as the current choice among its peers (`aria-current`). */\n    selected?: boolean;\n    /** Unavailable rather than hidden: drained, inert, still announced. */\n    disabled?: boolean;\n    /** Tighter rhythm inside dense chrome. */\n    dense?: boolean;\n  }>(),\n  {\n    interactive: false,\n    selected: false,\n    disabled: false,\n    dense: false,\n  },\n);\n\ndefineEmits<{ activate: [] }>();\n\n// One of three shapes decides the element; a disabled row is an inert button\n// rather than a missing one, so it stays announced.\nconst shape = computed<\"link\" | \"interactive\" | \"static\">(() =>\n  props.href ? \"link\" : props.interactive ? \"interactive\" : \"static\",\n);\n</script>\n\n<template>\n  <li>\n    <component\n      :is=\"href ? 'a' : interactive ? 'button' : 'div'\"\n      :href=\"disabled ? undefined : href\"\n      :type=\"interactive && !href ? 'button' : undefined\"\n      :disabled=\"interactive && !href ? disabled : undefined\"\n      :aria-disabled=\"disabled || undefined\"\n      :aria-current=\"selected || undefined\"\n      :class=\"\n        cn(\n          listItemVariants({ shape, dense }),\n          selected && !disabled && 'bg-primary-muted/40 aria-current:bg-primary-muted/40',\n          disabled && 'cursor-not-allowed bg-transparent',\n        )\n      \"\n      @click=\"interactive && !disabled && $emit('activate')\"\n    >\n      <!-- @slot Before the title: an icon, an Avatar. -->\n      <slot name=\"leading\" />\n\n      <span class=\"min-w-0 flex-1\">\n        <span v-if=\"title\" class=\"block truncate text-sm font-medium\">{{ title }}</span>\n        <span v-if=\"description\" class=\"mt-0.5 block text-small text-muted-foreground\">{{\n          description\n        }}</span>\n        <!-- @slot Custom body; replaces title/description entirely. -->\n        <slot />\n      </span>\n\n      <!-- Selection is stated twice: aria-current for technology, a glyph\n           for eyes — colour alone is not a state. -->\n      <Check v-if=\"selected\" class=\"h-4 w-4 shrink-0 text-primary-text\" aria-hidden=\"true\" />\n\n      <!-- @slot After everything: actions, a Badge, a RowActions cluster. -->\n      <slot name=\"trailing\">\n        <span v-if=\"meta\" class=\"shrink-0 text-small tabular text-muted-foreground\">{{\n          meta\n        }}</span>\n      </slot>\n    </component>\n  </li>\n</template>\n"],"mappings":""}

package/dist/packages/primitives/list/src/ListItem.vue.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Interactive comes in exactly two shapes, the same honesty Card documents:
+ * `href` makes the whole row one real anchor (nothing interactive inside),
+ * `interactive` paints hover/press while the host owns role/handler. Plain
+ * rows are just rows.
+ */
+export type ListItemShape = "static" | "link" | "interactive";
+export declare const listItemVariants: (props?: ({
+    shape?: "link" | "interactive" | "static" | null | undefined;
+    dense?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The row's heading; omit when the default slot carries custom composition. */
+    title?: string;
+    /** Supporting line beneath the title. */
+    description?: string;
+    /** Trailing metadata — a count, a timestamp. Reads in tabular digits. */
+    meta?: string;
+    /** Makes the whole row one link. Nothing interactive may sit inside. */
+    href?: string;
+    /**
+     * Hover/press language for a clickable row whose behaviour belongs to
+     * the host; attach the handler yourself.
+     */
+    interactive?: boolean;
+    /** Marks this row as the current choice among its peers (`aria-current`). */
+    selected?: boolean;
+    /** Unavailable rather than hidden: drained, inert, still announced. */
+    disabled?: boolean;
+    /** Tighter rhythm inside dense chrome. */
+    dense?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    activate: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The row's heading; omit when the default slot carries custom composition. */
+    title?: string;
+    /** Supporting line beneath the title. */
+    description?: string;
+    /** Trailing metadata — a count, a timestamp. Reads in tabular digits. */
+    meta?: string;
+    /** Makes the whole row one link. Nothing interactive may sit inside. */
+    href?: string;
+    /**
+     * Hover/press language for a clickable row whose behaviour belongs to
+     * the host; attach the handler yourself.
+     */
+    interactive?: boolean;
+    /** Marks this row as the current choice among its peers (`aria-current`). */
+    selected?: boolean;
+    /** Unavailable rather than hidden: drained, inert, still announced. */
+    disabled?: boolean;
+    /** Tighter rhythm inside dense chrome. */
+    dense?: boolean;
+}> & Readonly<{
+    onActivate?: () => any;
+}>, {
+    disabled: boolean;
+    interactive: boolean;
+    selected: boolean;
+    dense: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    leading?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    trailing?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ListItem.vue.d.ts.map

package/dist/packages/primitives/list/src/ListItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/list/src/ListItem.vue"],"names":[],"mappings":"AA6HA;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAE9D,eAAO,MAAM,gBAAgB;;;8EAc5B,CAAC;wBACmB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,gFAAgF;YACxE,MAAM;IACd,yCAAyC;kBAC3B,MAAM;IACpB,yEAAyE;WAClE,MAAM;IACb,wEAAwE;WACjE,MAAM;IACb;;;OAGG;kBACW,OAAO;IACrB,6EAA6E;eAClE,OAAO;IAClB,uEAAuE;eAC5D,OAAO;IAClB,0CAA0C;YAClC,OAAO;;;;IAlBf,gFAAgF;YACxE,MAAM;IACd,yCAAyC;kBAC3B,MAAM;IACpB,yEAAyE;WAClE,MAAM;IACb,wEAAwE;WACjE,MAAM;IACb;;;OAGG;kBACW,OAAO;IACrB,6EAA6E;eAClE,OAAO;IAClB,uEAAuE;eAC5D,OAAO;IAClB,0CAA0C;YAClC,OAAO;;;;cAFJ,OAAO;iBAJJ,OAAO;cAEV,OAAO;WAIV,OAAO;;cAmKL,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;;eAC9B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAW1C,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/list/src/ListItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,101 @@
+import { cn } from "../../../core/src/cn.js";
+import "../../../core/src/index.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { Check } from "@lucide/vue";
+import { cva } from "class-variance-authority";
+//#region packages/primitives/list/src/ListItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "min-w-0 flex-1" };
+var _hoisted_2 = {
+	key: 0,
+	class: "block truncate text-sm font-medium"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "mt-0.5 block text-small text-muted-foreground"
+};
+var _hoisted_4 = {
+	key: 0,
+	class: "shrink-0 text-small tabular text-muted-foreground"
+};
+var listItemVariants = cva("flex w-full items-center gap-3 rounded-md px-3 py-2.5 text-left transition-colors duration-fast ease-out", { variants: {
+	shape: {
+		static: "",
+		link: "cursor-pointer outline-none hover:bg-subtle/60 focus-visible:bg-subtle/60 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo [transition:transform_var(--duration-fast)_var(--ease-spring),background-color_var(--duration-fast)_var(--ease-out)] active:scale-[0.995]",
+		interactive: "cursor-pointer hover:bg-subtle/60 focus-visible:bg-subtle/60 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo active:bg-subtle"
+	},
+	dense: {
+		true: "px-2 py-1.5",
+		false: ""
+	}
+} });
+var ListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ListItem",
+	props: {
+		title: {},
+		description: {},
+		meta: {},
+		href: {},
+		interactive: {
+			type: Boolean,
+			default: false
+		},
+		selected: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		dense: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["activate"],
+	setup(__props) {
+		const props = __props;
+		const shape = computed(() => props.href ? "link" : props.interactive ? "interactive" : "static");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", null, [(openBlock(), createBlock(resolveDynamicComponent(__props.href ? "a" : __props.interactive ? "button" : "div"), {
+				href: __props.disabled ? void 0 : __props.href,
+				type: __props.interactive && !__props.href ? "button" : void 0,
+				disabled: __props.interactive && !__props.href ? __props.disabled : void 0,
+				"aria-disabled": __props.disabled || void 0,
+				"aria-current": __props.selected || void 0,
+				class: normalizeClass(unref(cn)(unref(listItemVariants)({
+					shape: shape.value,
+					dense: __props.dense
+				}), __props.selected && !__props.disabled && "bg-primary-muted/40 aria-current:bg-primary-muted/40", __props.disabled && "cursor-not-allowed bg-transparent")),
+				onClick: _cache[0] || (_cache[0] = ($event) => __props.interactive && !__props.disabled && _ctx.$emit("activate"))
+			}, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "leading"),
+					createElementVNode("span", _hoisted_1, [
+						__props.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+						__props.description ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+						renderSlot(_ctx.$slots, "default")
+					]),
+					__props.selected ? (openBlock(), createBlock(unref(Check), {
+						key: 0,
+						class: "h-4 w-4 shrink-0 text-primary-text",
+						"aria-hidden": "true"
+					})) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "trailing", {}, () => [__props.meta ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.meta), 1)) : createCommentVNode("", true)])
+				]),
+				_: 3
+			}, 8, [
+				"href",
+				"type",
+				"disabled",
+				"aria-disabled",
+				"aria-current",
+				"class"
+			]))]);
+		};
+	}
+});
+//#endregion
+export { ListItem_vue_vue_type_script_setup_true_lang_default as default, listItemVariants };
+
+//# sourceMappingURL=ListItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/primitives/list/src/ListItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../packages/primitives/list/src/ListItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\n/**\n * Interactive comes in exactly two shapes, the same honesty Card documents:\n * `href` makes the whole row one real anchor (nothing interactive inside),\n * `interactive` paints hover/press while the host owns role/handler. Plain\n * rows are just rows.\n */\nexport type ListItemShape = \"static\" | \"link\" | \"interactive\";\n\nexport const listItemVariants = cva(\n  \"flex w-full items-center gap-3 rounded-md px-3 py-2.5 text-left transition-colors duration-fast ease-out\",\n  {\n    variants: {\n      shape: {\n        static: \"\",\n        // The shared clickable-row language: lift by fill, never by shadow.\n        link: \"cursor-pointer outline-none hover:bg-subtle/60 focus-visible:bg-subtle/60 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo [transition:transform_var(--duration-fast)_var(--ease-spring),background-color_var(--duration-fast)_var(--ease-out)] active:scale-[0.995]\",\n        interactive:\n          \"cursor-pointer hover:bg-subtle/60 focus-visible:bg-subtle/60 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo active:bg-subtle\",\n      },\n      dense: { true: \"px-2 py-1.5\", false: \"\" },\n    },\n  },\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { Check } from \"@lucide/vue\";\nimport { cn } from \"@ecoma-io/loom-core\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** The row's heading; omit when the default slot carries custom composition. */\n    title?: string;\n    /** Supporting line beneath the title. */\n    description?: string;\n    /** Trailing metadata — a count, a timestamp. Reads in tabular digits. */\n    meta?: string;\n    /** Makes the whole row one link. Nothing interactive may sit inside. */\n    href?: string;\n    /**\n     * Hover/press language for a clickable row whose behaviour belongs to\n     * the host; attach the handler yourself.\n     */\n    interactive?: boolean;\n    /** Marks this row as the current choice among its peers (`aria-current`). */\n    selected?: boolean;\n    /** Unavailable rather than hidden: drained, inert, still announced. */\n    disabled?: boolean;\n    /** Tighter rhythm inside dense chrome. */\n    dense?: boolean;\n  }>(),\n  {\n    interactive: false,\n    selected: false,\n    disabled: false,\n    dense: false,\n  },\n);\n\ndefineEmits<{ activate: [] }>();\n\n// One of three shapes decides the element; a disabled row is an inert button\n// rather than a missing one, so it stays announced.\nconst shape = computed<\"link\" | \"interactive\" | \"static\">(() =>\n  props.href ? \"link\" : props.interactive ? \"interactive\" : \"static\",\n);\n</script>\n\n<template>\n  <li>\n    <component\n      :is=\"href ? 'a' : interactive ? 'button' : 'div'\"\n      :href=\"disabled ? undefined : href\"\n      :type=\"interactive && !href ? 'button' : undefined\"\n      :disabled=\"interactive && !href ? disabled : undefined\"\n      :aria-disabled=\"disabled || undefined\"\n      :aria-current=\"selected || undefined\"\n      :class=\"\n        cn(\n          listItemVariants({ shape, dense }),\n          selected && !disabled && 'bg-primary-muted/40 aria-current:bg-primary-muted/40',\n          disabled && 'cursor-not-allowed bg-transparent',\n        )\n      \"\n      @click=\"interactive && !disabled && $emit('activate')\"\n    >\n      <!-- @slot Before the title: an icon, an Avatar. -->\n      <slot name=\"leading\" />\n\n      <span class=\"min-w-0 flex-1\">\n        <span v-if=\"title\" class=\"block truncate text-sm font-medium\">{{ title }}</span>\n        <span v-if=\"description\" class=\"mt-0.5 block text-small text-muted-foreground\">{{\n          description\n        }}</span>\n        <!-- @slot Custom body; replaces title/description entirely. -->\n        <slot />\n      </span>\n\n      <!-- Selection is stated twice: aria-current for technology, a glyph\n           for eyes — colour alone is not a state. -->\n      <Check v-if=\"selected\" class=\"h-4 w-4 shrink-0 text-primary-text\" aria-hidden=\"true\" />\n\n      <!-- @slot After everything: actions, a Badge, a RowActions cluster. -->\n      <slot name=\"trailing\">\n        <span v-if=\"meta\" class=\"shrink-0 text-small tabular text-muted-foreground\">{{\n          meta\n        }}</span>\n      </slot>\n    </component>\n  </li>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,IAAa,mBAAmB,IAC9B,4GACA,EACE,UAAU;CACR,OAAO;EACL,QAAQ;EAER,MAAM;EACN,aACE;CACJ;CACA,OAAO;EAAE,MAAM;EAAe,OAAO;CAAG;AAC1C,EACF,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAkCd,MAAM,QAAQ,eACZ,MAAM,OAAO,SAAS,MAAM,cAAc,gBAAgB,QAC5D;;GAIE,OAAA,UAAA,GAAA,mBAwCK,MAAA,MAAA,EAvCH,UAAA,GAAA,YAsCY,wBArCL,QAAA,OAAI,MAAS,QAAA,cAAW,WAAA,KAAA,GAAA;IAC5B,MAAM,QAAA,WAAW,KAAA,IAAY,QAAA;IAC7B,MAAM,QAAA,eAAW,CAAK,QAAA,OAAI,WAAc,KAAA;IACxC,UAAU,QAAA,eAAW,CAAK,QAAA,OAAO,QAAA,WAAW,KAAA;IAC5C,iBAAe,QAAA,YAAY,KAAA;IAC3B,gBAAc,QAAA,YAAY,KAAA;IAC1B,OAAK,eAAW,MAAA,EAAA,CAAE,CAAY,MAAA,gBAAA,CAAgB,CAAA;KAAA,OAAG,MAAA;KAAK,OAAE,QAAA;IAAK,CAAA,GAAe,QAAA,YAAQ,CAAK,QAAA,YAAQ,wDAAsE,QAAA,YAAQ,mCAAA,CAAA;IAO/K,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,eAAW,CAAK,QAAA,YAAYA,KAAAA,MAAK,UAAA;;IAGzC,SAAA,cAAuB;KAAvB,WAAuB,KAAA,QAAA,SAAA;KAEvB,mBAOO,QAPP,YAOO;MANO,QAAA,SAAZ,UAAA,GAAA,mBAAgF,QAAhF,YAAgF,gBAAf,QAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;MAC1D,QAAA,eAAZ,UAAA,GAAA,mBAES,QAFT,YAES,gBADP,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;MAGb,WAAQ,KAAA,QAAA,SAAA;;KAKG,QAAA,YAAb,UAAA,GAAA,YAAuF,MAAA,KAAA,GAAA;;MAAhE,OAAM;MAAqC,eAAY;;KAG9E,WAIO,KAAA,QAAA,YAAA,CAAA,SAAA,CAHO,QAAA,QAAZ,UAAA,GAAA,mBAES,QAFT,YAES,gBADP,QAAA,IAAI,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

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

@@ -0,0 +1,4 @@
+export { default, default as List } from "./List.vue";
+export { default as ListItem } from "./ListItem.vue";
+export type { ListItemShape } from "./ListItem.vue";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/list/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,3 @@
+import List_default from "./List.js";
+import ListItem_default from "./ListItem.js";
+export { List_default as List, ListItem_default as ListItem };

package/dist/packages/primitives/live-region/src/LiveRegion.js

@@ -0,0 +1,7 @@
+import LiveRegion_vue_vue_type_script_setup_true_lang_default from "./LiveRegion.vue_vue_type_script_setup_true_lang.js";
+//#region packages/primitives/live-region/src/LiveRegion.vue
+var LiveRegion_default = LiveRegion_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { LiveRegion_default as default };
+
+//# sourceMappingURL=LiveRegion.js.map

package/dist/packages/primitives/live-region/src/LiveRegion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRegion.js","names":[],"sources":["../../../../../packages/primitives/live-region/src/LiveRegion.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * LiveRegion — a permanently mounted, visually hidden `aria-live` region and\n * the seam (`useAnnounce()`) that writes into it. Screen readers announce a\n * live region only when its content *changes* after the region exists, so\n * the region renders empty and stays mounted for its whole lifetime: a\n * region added in the same tick as its message is announced unreliably, and\n * a region toggled into existence per message misses its first announcement.\n *\n * The hiding is the clip technique, delegated to VisuallyHidden — never\n * `display: none`, which removes the region from the accessibility tree\n * entirely. No `role=\"status\"`/`role=\"alert\"` is layered on top: the\n * politeness prop *is* the semantics, mapped straight onto `aria-live`, and\n * duplicating it in a role would only let the two disagree. The component\n * owns no strings, so there is nothing to localise and no labels prop.\n */\nexport type { LiveRegionContext, LiveRegionPoliteness } from \"./context\";\n</script>\n\n<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, provide, ref, watch } from \"vue\";\nimport type { PropType } from \"vue\";\nimport VisuallyHidden from \"@ecoma-io/loom-visually-hidden\";\nimport { LIVE_REGION_KEY, announce, mountingStandalone, registerWriter } from \"./context\";\nimport type { LiveRegionPoliteness } from \"./context\";\n\nconst props = defineProps({\n  /** How urgent announcements through this region are — mapped to `aria-live` verbatim. */\n  politeness: {\n    type: String as PropType<LiveRegionPoliteness>,\n    default: \"polite\",\n  },\n});\n\nconst node = ref<HTMLElement | null>(null);\n\nlet unregister: (() => void) | null = null;\n\nfunction bind(politeness: LiveRegionPoliteness): () => void {\n  const el = node.value;\n  if (!el) return () => {};\n  return registerWriter(\n    politeness,\n    (message) => {\n      // Clear first: assistive tech compares region content, and rewriting\n      // identical text in place announces nothing. Re-adding across the next\n      // frame makes the repeat a real content addition, which\n      // `aria-relevant=\"additions text\"` then reads.\n      el.textContent = \"\";\n      requestAnimationFrame(() => {\n        el.textContent = message;\n      });\n    },\n    mountingStandalone,\n  );\n}\n\nonMounted(() => {\n  unregister = bind(props.politeness);\n});\n\nwatch(\n  () => props.politeness,\n  (politeness) => {\n    if (!unregister) return;\n    unregister();\n    unregister = bind(politeness);\n  },\n);\n\nonBeforeUnmount(() => {\n  unregister?.();\n  unregister = null;\n});\n\n// Every region provides the seam for the subtree under it, so a component\n// sitting beside a region reaches `useAnnounce()` through the tree; with no\n// region mounted anywhere, `useAnnounce()` falls back to the standalone pair.\nprovide(LIVE_REGION_KEY, { announce });\n</script>\n\n<template>\n  <VisuallyHidden as=\"div\">\n    <div ref=\"node\" :aria-live=\"politeness\" aria-relevant=\"additions text\" aria-atomic=\"true\" />\n  </VisuallyHidden>\n</template>\n"],"mappings":""}

package/dist/packages/primitives/live-region/src/LiveRegion.vue.d.ts

@@ -0,0 +1,36 @@
+import type { PropType } from "vue";
+import type { LiveRegionPoliteness } from "./context";
+/**
+ * LiveRegion — a permanently mounted, visually hidden `aria-live` region and
+ * the seam (`useAnnounce()`) that writes into it. Screen readers announce a
+ * live region only when its content *changes* after the region exists, so
+ * the region renders empty and stays mounted for its whole lifetime: a
+ * region added in the same tick as its message is announced unreliably, and
+ * a region toggled into existence per message misses its first announcement.
+ *
+ * The hiding is the clip technique, delegated to VisuallyHidden — never
+ * `display: none`, which removes the region from the accessibility tree
+ * entirely. No `role="status"`/`role="alert"` is layered on top: the
+ * politeness prop *is* the semantics, mapped straight onto `aria-live`, and
+ * duplicating it in a role would only let the two disagree. The component
+ * owns no strings, so there is nothing to localise and no labels prop.
+ */
+export type { LiveRegionContext, LiveRegionPoliteness } from "./context";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** How urgent announcements through this region are — mapped to `aria-live` verbatim. */
+    politeness: {
+        type: PropType<LiveRegionPoliteness>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** How urgent announcements through this region are — mapped to `aria-live` verbatim. */
+    politeness: {
+        type: PropType<LiveRegionPoliteness>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    politeness: LiveRegionPoliteness;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=LiveRegion.vue.d.ts.map

package/dist/packages/primitives/live-region/src/LiveRegion.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRegion.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/live-region/src/LiveRegion.vue"],"names":[],"mappings":"AA0FA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAGtD;;;;;;;;;;;;;;GAcG;AACH,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;wBACpD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAoGhB,yFAAyF;;cAEvE,QAAQ,CAAC,oBAAoB,CAAC;;;;IAFhD,yFAAyF;;cAEvE,QAAQ,CAAC,oBAAoB,CAAC;;;;;4EAK9C,CAAC"}

package/dist/packages/primitives/live-region/src/LiveRegion.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,59 @@
+import VisuallyHidden_default from "../../visually-hidden/src/VisuallyHidden.js";
+import "../../visually-hidden/src/index.js";
+import { LIVE_REGION_KEY, announce, mountingStandalone, registerWriter } from "./context.js";
+import { createBlock, createElementVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, provide, ref, unref, watch, withCtx } from "vue";
+//#region packages/primitives/live-region/src/LiveRegion.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-live"];
+var LiveRegion_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "LiveRegion",
+	props: { 
+	/** How urgent announcements through this region are — mapped to `aria-live` verbatim. */
+politeness: {
+		type: String,
+		default: "polite"
+	} },
+	setup(__props) {
+		const props = __props;
+		const node = ref(null);
+		let unregister = null;
+		function bind(politeness) {
+			const el = node.value;
+			if (!el) return () => {};
+			return registerWriter(politeness, (message) => {
+				el.textContent = "";
+				requestAnimationFrame(() => {
+					el.textContent = message;
+				});
+			}, mountingStandalone);
+		}
+		onMounted(() => {
+			unregister = bind(props.politeness);
+		});
+		watch(() => props.politeness, (politeness) => {
+			if (!unregister) return;
+			unregister();
+			unregister = bind(politeness);
+		});
+		onBeforeUnmount(() => {
+			unregister?.();
+			unregister = null;
+		});
+		provide(LIVE_REGION_KEY, { announce });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VisuallyHidden_default), { as: "div" }, {
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "node",
+					ref: node,
+					"aria-live": __props.politeness,
+					"aria-relevant": "additions text",
+					"aria-atomic": "true"
+				}, null, 8, _hoisted_1)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { LiveRegion_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=LiveRegion.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/primitives/live-region/src/LiveRegion.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRegion.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../packages/primitives/live-region/src/LiveRegion.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * LiveRegion — a permanently mounted, visually hidden `aria-live` region and\n * the seam (`useAnnounce()`) that writes into it. Screen readers announce a\n * live region only when its content *changes* after the region exists, so\n * the region renders empty and stays mounted for its whole lifetime: a\n * region added in the same tick as its message is announced unreliably, and\n * a region toggled into existence per message misses its first announcement.\n *\n * The hiding is the clip technique, delegated to VisuallyHidden — never\n * `display: none`, which removes the region from the accessibility tree\n * entirely. No `role=\"status\"`/`role=\"alert\"` is layered on top: the\n * politeness prop *is* the semantics, mapped straight onto `aria-live`, and\n * duplicating it in a role would only let the two disagree. The component\n * owns no strings, so there is nothing to localise and no labels prop.\n */\nexport type { LiveRegionContext, LiveRegionPoliteness } from \"./context\";\n</script>\n\n<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, provide, ref, watch } from \"vue\";\nimport type { PropType } from \"vue\";\nimport VisuallyHidden from \"@ecoma-io/loom-visually-hidden\";\nimport { LIVE_REGION_KEY, announce, mountingStandalone, registerWriter } from \"./context\";\nimport type { LiveRegionPoliteness } from \"./context\";\n\nconst props = defineProps({\n  /** How urgent announcements through this region are — mapped to `aria-live` verbatim. */\n  politeness: {\n    type: String as PropType<LiveRegionPoliteness>,\n    default: \"polite\",\n  },\n});\n\nconst node = ref<HTMLElement | null>(null);\n\nlet unregister: (() => void) | null = null;\n\nfunction bind(politeness: LiveRegionPoliteness): () => void {\n  const el = node.value;\n  if (!el) return () => {};\n  return registerWriter(\n    politeness,\n    (message) => {\n      // Clear first: assistive tech compares region content, and rewriting\n      // identical text in place announces nothing. Re-adding across the next\n      // frame makes the repeat a real content addition, which\n      // `aria-relevant=\"additions text\"` then reads.\n      el.textContent = \"\";\n      requestAnimationFrame(() => {\n        el.textContent = message;\n      });\n    },\n    mountingStandalone,\n  );\n}\n\nonMounted(() => {\n  unregister = bind(props.politeness);\n});\n\nwatch(\n  () => props.politeness,\n  (politeness) => {\n    if (!unregister) return;\n    unregister();\n    unregister = bind(politeness);\n  },\n);\n\nonBeforeUnmount(() => {\n  unregister?.();\n  unregister = null;\n});\n\n// Every region provides the seam for the subtree under it, so a component\n// sitting beside a region reaches `useAnnounce()` through the tree; with no\n// region mounted anywhere, `useAnnounce()` falls back to the standalone pair.\nprovide(LIVE_REGION_KEY, { announce });\n</script>\n\n<template>\n  <VisuallyHidden as=\"div\">\n    <div ref=\"node\" :aria-live=\"politeness\" aria-relevant=\"additions text\" aria-atomic=\"true\" />\n  </VisuallyHidden>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EA0BA,MAAM,QAAQ;EAQd,MAAM,OAAO,IAAwB,IAAI;EAEzC,IAAI,aAAkC;EAEtC,SAAS,KAAK,YAA8C;GAC1D,MAAM,KAAK,KAAK;GAChB,IAAI,CAAC,IAAI,aAAa,CAAC;GACvB,OAAO,eACL,aACC,YAAY;IAKX,GAAG,cAAc;IACjB,4BAA4B;KAC1B,GAAG,cAAc;IACnB,CAAC;GACH,GACA,kBACF;EACF;EAEA,gBAAgB;GACd,aAAa,KAAK,MAAM,UAAU;EACpC,CAAC;EAED,YACQ,MAAM,aACX,eAAe;GACd,IAAI,CAAC,YAAY;GACjB,WAAW;GACX,aAAa,KAAK,UAAU;EAC9B,CACF;EAEA,sBAAsB;GACpB,aAAa;GACb,aAAa;EACf,CAAC;EAKD,QAAQ,iBAAiB,EAAE,SAAS,CAAC;;GAInC,OAAA,UAAA,GAAA,YAEiB,MAAA,sBAAA,GAAA,EAFD,IAAG,MAAK,GAAA;IACtB,SAAA,cAA4F,CAA5F,mBAA4F,OAAA;KAAnF,SAAA;KAAJ,KAAI;KAAQ,aAAW,QAAA;KAAY,iBAAc;KAAiB,eAAY"}

package/dist/packages/primitives/live-region/src/context.d.ts

@@ -0,0 +1,40 @@
+import type { InjectionKey } from "vue";
+/**
+ * The seam's machinery, kept out of the SFC so the module-level state it
+ * needs — the writer registries and the standalone fallback — is genuinely
+ * module-level rather than per-instance.
+ */
+export type LiveRegionPoliteness = "polite" | "assertive";
+/** The write half of the seam — what `useAnnounce()` hands back. */
+export type Announce = (message: string, politeness?: LiveRegionPoliteness) => void;
+/** The provide/inject shape a mounted region shares with its subtree. */
+export interface LiveRegionContext {
+    announce: Announce;
+}
+export declare const LIVE_REGION_KEY: InjectionKey<LiveRegionContext>;
+/** The write function a mounted region registers. */
+type Writer = Announce;
+export declare function registerWriter(politeness: LiveRegionPoliteness, writer: Writer, standalone: boolean): () => void;
+/**
+ * True while the fallback pair is mounting, so those instances register as
+ * the fallback rather than as in-tree regions. `createApp().mount()` runs
+ * synchronously, so the flag cannot interleave.
+ */
+export declare let mountingStandalone: boolean;
+/**
+ * Mounts the standalone polite + assertive pair on `document.body` — the
+ * default for callers that never mounted a region. It runs when the seam is
+ * first asked for (`useAnnounce()`), never at announce time: a region added
+ * in the same tick as its message is announced unreliably, so the pair has
+ * to pre-exist the first message.
+ */
+export declare function ensureStandaloneRegions(): void;
+/**
+ * The shared announcer: the in-tree region of that politeness if one is
+ * mounted, else the standalone pair. Never mounts anything — regions must
+ * pre-exist announcements, so the pair is mounted when `useAnnounce()` first
+ * runs, not here.
+ */
+export declare const announce: Announce;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/packages/primitives/live-region/src/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/live-region/src/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAOxC;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE1D,oEAAoE;AACpE,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;AAEpF,yEAAyE;AACzE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,iBAAiB,CAA8B,CAAC;AAE3F,qDAAqD;AACrD,KAAK,MAAM,GAAG,QAAQ,CAAC;AAiBvB,wBAAgB,cAAc,CAC5B,UAAU,EAAE,oBAAoB,EAChC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,OAAO,GAClB,MAAM,IAAI,CAgBZ;AAED;;;;GAIG;AACH,eAAO,IAAI,kBAAkB,SAAQ,CAAC;AAItC;;;;;;GAMG;AACH,wBAAgB,uBAAuB,IAAI,IAAI,CAgC9C;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,QAItB,CAAC"}

package/dist/packages/primitives/live-region/src/context.js

@@ -0,0 +1,85 @@
+import LiveRegion_default from "./LiveRegion.js";
+import { createApp } from "vue";
+//#region packages/primitives/live-region/src/context.ts
+var LIVE_REGION_KEY = Symbol("loom-live-region");
+/**
+* Writers registered by regions mounted in the component tree, per
+* politeness. The earliest still-mounted region of a politeness wins, so a
+* region near the app root owns the channel and a stray duplicate deeper in
+* the tree stays silent.
+*/
+var regionWriters = /* @__PURE__ */ new Map();
+/**
+* Writers for the standalone pair mounted on `document.body`, kept apart
+* from `regionWriters` so an in-tree region always outranks the fallback
+* without the lookup depending on mount order.
+*/
+var standaloneWriters = /* @__PURE__ */ new Map();
+function registerWriter(politeness, writer, standalone) {
+	if (standalone) {
+		standaloneWriters.set(politeness, writer);
+		return () => {
+			if (standaloneWriters.get(politeness) === writer) standaloneWriters.delete(politeness);
+		};
+	}
+	const list = regionWriters.get(politeness) ?? [];
+	list.push(writer);
+	regionWriters.set(politeness, list);
+	return () => {
+		regionWriters.set(politeness, (regionWriters.get(politeness) ?? []).filter((registered) => registered !== writer));
+	};
+}
+/**
+* True while the fallback pair is mounting, so those instances register as
+* the fallback rather than as in-tree regions. `createApp().mount()` runs
+* synchronously, so the flag cannot interleave.
+*/
+var mountingStandalone = false;
+var standaloneMounted = false;
+/**
+* Mounts the standalone polite + assertive pair on `document.body` — the
+* default for callers that never mounted a region. It runs when the seam is
+* first asked for (`useAnnounce()`), never at announce time: a region added
+* in the same tick as its message is announced unreliably, so the pair has
+* to pre-exist the first message.
+*/
+function ensureStandaloneRegions() {
+	if (standaloneMounted || typeof document === "undefined") return;
+	standaloneMounted = true;
+	const host = document.createElement("div");
+	host.setAttribute("data-loom-live-region", "");
+	const apps = [];
+	for (const politeness of ["polite", "assertive"]) {
+		const mountPoint = document.createElement("div");
+		host.appendChild(mountPoint);
+		mountingStandalone = true;
+		try {
+			const app = createApp(LiveRegion_default, { politeness });
+			app.mount(mountPoint);
+			apps.push(app);
+		} finally {
+			mountingStandalone = false;
+		}
+	}
+	document.body.appendChild(host);
+	window.addEventListener("pagehide", () => {
+		for (const app of apps) app.unmount();
+		standaloneWriters.clear();
+		standaloneMounted = false;
+		host.remove();
+	}, { once: true });
+}
+/**
+* The shared announcer: the in-tree region of that politeness if one is
+* mounted, else the standalone pair. Never mounts anything — regions must
+* pre-exist announcements, so the pair is mounted when `useAnnounce()` first
+* runs, not here.
+*/
+var announce = (message, politeness = "polite") => {
+	if (typeof document === "undefined") return;
+	(regionWriters.get(politeness)?.[0] ?? standaloneWriters.get(politeness))?.(message);
+};
+//#endregion
+export { LIVE_REGION_KEY, announce, ensureStandaloneRegions, mountingStandalone, registerWriter };
+
+//# sourceMappingURL=context.js.map