@ecoma-io/loom 0.3.0 → 0.4.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/menubar/src/Menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menubar.js","names":[],"sources":["../../../../../packages/primitives/menubar/src/Menubar.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Menubar — the classic desktop-app menu strip (File · View · Help …).\n *\n * Data-driven: pass a `menus` array; the component owns open/close, hover-to-switch,\n * keyboard nav and click-outside. Selecting an item emits `select` with its `command`\n * id — the host maps that id to an action (keeps the primitive free of app logic).\n *\n * A11y: WAI-ARIA menubar semantics (roles + aria-expanded/haspopup) with Escape,\n * Arrow, Home/End and Enter/Space handling. When richer focus-trapping is needed we\n * can later delegate to Reka UI without changing this call-site contract.\n */\nexport interface MenubarItem {\n  /** Visible label. */\n  label: string;\n  /** Command id emitted on select. Omit for a non-actionable row. */\n  command?: string;\n  /** Right-aligned accelerator hint, e.g. \"Ctrl+S\". */\n  shortcut?: string;\n  /** Render a divider instead of an item (label ignored). */\n  separator?: boolean;\n  disabled?: boolean;\n}\n\nexport interface MenubarMenu {\n  id: string;\n  label: string;\n  items: MenubarItem[];\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, onBeforeUnmount, ref, nextTick } from \"vue\";\nimport { listStaggerDelay } from \"@ecoma-io/loom-core\";\n\nconst props = defineProps<{\n  /** The top-level menus, left to right, each carrying its own item list. */\n  menus: MenubarMenu[];\n}>();\nconst emit = defineEmits<{ (e: \"select\", command: string): void }>();\n\nconst openId = ref<string | null>(null);\nconst activeIndex = ref(-1); // highlighted item within the open menu\n\nconst openMenu = (menu: MenubarMenu | undefined) => menu?.items ?? [];\nconst firstEnabled = (items: MenubarItem[], from = 0, dir = 1): number => {\n  for (let i = from; i >= 0 && i < items.length; i += dir) {\n    const item = items[i];\n    if (item && !item.separator && !item.disabled) return i;\n  }\n  return -1;\n};\n\nfunction toggle(id: string): void {\n  openId.value = openId.value === id ? null : id;\n  activeIndex.value = -1;\n}\nfunction hover(id: string): void {\n  if (openId.value !== null && openId.value !== id) {\n    openId.value = id;\n    activeIndex.value = -1;\n  }\n}\nfunction choose(item: MenubarItem): void {\n  if (item.separator || item.disabled) return;\n  close();\n  if (item.command) emit(\"select\", item.command);\n}\nfunction close(): void {\n  openId.value = null;\n  activeIndex.value = -1;\n}\n\nfunction moveMenu(dir: 1 | -1): void {\n  const ids = props.menus.map((m) => m.id);\n  const cur = openId.value ? ids.indexOf(openId.value) : 0;\n  const next = (cur + dir + ids.length) % ids.length;\n  openId.value = ids[next] ?? null;\n  activeIndex.value = -1;\n}\n\nasync function onTriggerKeydown(e: KeyboardEvent, menu: MenubarMenu): Promise<void> {\n  switch (e.key) {\n    case \"ArrowDown\":\n    case \"Enter\":\n    case \" \":\n      e.preventDefault();\n      openId.value = menu.id;\n      await nextTick();\n      activeIndex.value = firstEnabled(menu.items);\n      break;\n    case \"ArrowRight\":\n      e.preventDefault();\n      if (openId.value) moveMenu(1);\n      break;\n    case \"ArrowLeft\":\n      e.preventDefault();\n      if (openId.value) moveMenu(-1);\n      break;\n    case \"Escape\":\n      close();\n      break;\n  }\n}\n\nfunction onMenuKeydown(e: KeyboardEvent, menu: MenubarMenu): void {\n  const items = menu.items;\n  switch (e.key) {\n    case \"ArrowDown\":\n      e.preventDefault();\n      activeIndex.value = firstEnabled(items, Math.max(activeIndex.value, -1) + 1, 1);\n      if (activeIndex.value === -1) activeIndex.value = firstEnabled(items, 0, 1);\n      break;\n    case \"ArrowUp\":\n      e.preventDefault();\n      activeIndex.value =\n        activeIndex.value <= 0\n          ? firstEnabled(items, items.length - 1, -1)\n          : firstEnabled(items, activeIndex.value - 1, -1);\n      break;\n    case \"Home\":\n      e.preventDefault();\n      activeIndex.value = firstEnabled(items, 0, 1);\n      break;\n    case \"End\":\n      e.preventDefault();\n      activeIndex.value = firstEnabled(items, items.length - 1, -1);\n      break;\n    case \"ArrowRight\":\n      e.preventDefault();\n      moveMenu(1);\n      break;\n    case \"ArrowLeft\":\n      e.preventDefault();\n      moveMenu(-1);\n      break;\n    case \"Enter\":\n    case \" \": {\n      e.preventDefault();\n      const item = activeIndex.value >= 0 ? items[activeIndex.value] : undefined;\n      if (item) choose(item);\n      break;\n    }\n    case \"Escape\":\n      e.preventDefault();\n      close();\n      break;\n  }\n}\n\nonMounted(() => window.addEventListener(\"click\", close));\nonBeforeUnmount(() => window.removeEventListener(\"click\", close));\n</script>\n\n<template>\n  <div\n    role=\"menubar\"\n    class=\"flex items-center gap-0.5\"\n    style=\"-webkit-app-region: no-drag\"\n    @click.stop\n  >\n    <div v-for=\"menu in menus\" :key=\"menu.id\" class=\"relative\">\n      <button\n        :id=\"`menubar-trigger-${menu.id}`\"\n        type=\"button\"\n        role=\"menuitem\"\n        :aria-haspopup=\"true\"\n        :aria-expanded=\"openId === menu.id\"\n        class=\"min-h-6 rounded-sm px-2 py-1 text-xs text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground focus-visible:bg-subtle focus-visible:text-foreground\"\n        :class=\"openId === menu.id && 'bg-subtle text-foreground'\"\n        @click.stop=\"toggle(menu.id)\"\n        @mouseenter=\"hover(menu.id)\"\n        @focus=\"hover(menu.id)\"\n        @keydown=\"onTriggerKeydown($event, menu)\"\n      >\n        {{ menu.label }}\n      </button>\n\n      <div\n        v-if=\"openId === menu.id\"\n        role=\"menu\"\n        :aria-label=\"menu.label\"\n        tabindex=\"-1\"\n        class=\"absolute left-0 top-full z-50 mt-1 min-w-[13rem] origin-top-left rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md animate-scale-in\"\n        @click.stop\n        @keydown=\"onMenuKeydown($event, menu)\"\n      >\n        <template v-for=\"(item, i) in openMenu(menu)\" :key=\"i\">\n          <div v-if=\"item.separator\" role=\"separator\" class=\"my-1 h-px bg-border\" />\n          <!-- The row's colour, not its alpha, says it is unavailable. A menu\n               row is nothing but its label, and `disabled:opacity-40` composited\n               that label to 2.40:1 on the popover — a disabled row a reader\n               cannot make out tells them nothing about what is unavailable,\n               which is the only thing it is there to say. Muted instead: 5.76:1\n               at rest, and a clear drop from the 15.46:1 an available row wears,\n               so the state still reads at a glance. The shortcut beside it\n               declares `text-muted-foreground` on its own element, so it lands\n               on the same colour rather than inheriting this one. -->\n          <button\n            v-else\n            type=\"button\"\n            role=\"menuitem\"\n            :disabled=\"item.disabled\"\n            :data-highlighted=\"activeIndex === i || undefined\"\n            :style=\"{ animationDelay: listStaggerDelay(i) }\"\n            class=\"flex w-full items-center justify-between gap-6 rounded-sm px-2 py-1.5 text-left text-xs text-foreground transition-colors duration-fast ease-out hover:bg-subtle disabled:pointer-events-none disabled:text-muted-foreground data-[highlighted]:bg-subtle animate-fade-rise\"\n            @click=\"choose(item)\"\n            @mouseenter=\"activeIndex = i\"\n            @focus=\"activeIndex = i\"\n          >\n            <span>{{ item.label }}</span>\n            <span v-if=\"item.shortcut\" class=\"tabular text-[0.6875rem] text-muted-foreground\">\n              {{ item.shortcut }}\n            </span>\n          </button>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Menubar.js","names":[],"sources":["../../../../../packages/primitives/menubar/src/Menubar.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Menubar — the classic desktop-app menu strip (File · View · Help …).\n *\n * Data-driven: pass a `menus` array; the component owns open/close, hover-to-switch,\n * keyboard nav and click-outside. Selecting an item emits `select` with its `command`\n * id — the host maps that id to an action (keeps the primitive free of app logic).\n *\n * A11y: WAI-ARIA menubar semantics over real DOM focus, not aria-activedescendant.\n * Opening a menu moves focus onto its first enabled row and the arrows walk it from\n * there, so \"the highlighted row\" and \"the focused row\" are the same thing by\n * construction and a screen reader announces each walked row natively — no\n * bookkeeping that could drift out of sync with what is actually announced.\n */\nexport interface MenubarItem {\n  /** Visible label. */\n  label: string;\n  /** Command id emitted on select. Omit for a non-actionable row. */\n  command?: string;\n  /** Right-aligned accelerator hint, e.g. \"Ctrl+S\". */\n  shortcut?: string;\n  /** Render a divider instead of an item (label ignored). */\n  separator?: boolean;\n  disabled?: boolean;\n}\n\nexport interface MenubarMenu {\n  id: string;\n  label: string;\n  items: MenubarItem[];\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, nextTick } from \"vue\";\nimport { listStaggerDelay } from \"@ecoma-io/loom-core\";\n\nconst props = defineProps<{\n  /** The top-level menus; their reading order follows `dir`. */\n  menus: MenubarMenu[];\n  /**\n   * Reading direction. Right-to-left mirrors the strip's arrow keys —\n   * ArrowRight travels toward the visual left — which a hand-rolled\n   * handler must do itself, unlike its Reka siblings.\n   */\n  dir?: \"ltr\" | \"rtl\";\n}>();\nconst emit = defineEmits<{ select: [command: string] }>();\n\n// Horizontal arrows are visual, not logical: in right-to-left, ArrowRight\n// moves toward the previous menu.\nconst horizontal = computed(() => (props.dir === \"rtl\" ? -1 : 1) as 1 | -1);\n\nconst openId = ref<string | null>(null);\nconst activeIndex = ref(-1); // the focused row within the open menu\n// String refs would do here only outside a v-for; inside one Vue collects them\n// into arrays. Function refs keyed BY MENU ID instead: during a menu switch the\n// incoming panel can mount before the outgoing one unmounts, so a single\n// latest-wins slot would let the outgoing null clobber the just-bound element.\nconst panelEls = new Map<string, HTMLElement>();\nconst triggerEls = new Map<string, HTMLButtonElement>();\n\nfunction bindPanel(id: string, el: unknown): void {\n  if (el instanceof HTMLElement) panelEls.set(id, el);\n  else panelEls.delete(id);\n}\n\nfunction bindTrigger(id: string, el: unknown): void {\n  if (el instanceof HTMLButtonElement) triggerEls.set(id, el);\n  else triggerEls.delete(id);\n}\n\nfunction boundPanel(): HTMLElement | null {\n  return openId.value ? (panelEls.get(openId.value) ?? null) : null;\n}\n\nconst openMenu = (menu: MenubarMenu | undefined) => menu?.items ?? [];\nconst firstEnabled = (items: MenubarItem[], from = 0, dir = 1): number => {\n  for (let i = from; i >= 0 && i < items.length; i += dir) {\n    const item = items[i];\n    if (item && !item.separator && !item.disabled) return i;\n  }\n  return -1;\n};\n\n/** One arrow-step away from `from`, wrapping through every slot exactly once. */\nfunction neighborEnabled(items: MenubarItem[], from: number, dir: 1 | -1): number {\n  const n = items.length;\n  for (let step = 1; step <= n; step++) {\n    const i = (((from + dir * step) % n) + n) % n;\n    const item = items[i];\n    if (item && !item.separator && !item.disabled) return i;\n  }\n  return -1;\n}\n\n/** Rows render only for non-separator items, so an item index maps to its button's ordinal among the rendered ones. */\nfunction rowOrdinal(items: MenubarItem[], index: number): number {\n  let ordinal = -1;\n  for (let k = 0; k <= index && k < items.length; k++) {\n    if (!items[k]?.separator) ordinal++;\n  }\n  return ordinal;\n}\n\nfunction rowButtons(): HTMLButtonElement[] {\n  const panel = boundPanel();\n  return panel\n    ? Array.from(panel.querySelectorAll<HTMLButtonElement>('button[role=\"menuitem\"]'))\n    : [];\n}\n\nfunction focusRow(items: MenubarItem[], index: number): void {\n  rowButtons()[rowOrdinal(items, index)]?.focus();\n}\n\nfunction goTo(items: MenubarItem[], index: number): void {\n  if (index < 0) return;\n  activeIndex.value = index;\n  focusRow(items, index);\n}\n\nasync function openAndFocusFirst(id: string, items: MenubarItem[]): Promise<void> {\n  await nextTick();\n  // A hover or another key can supersede this open within the same tick; only\n  // the menu that still owns `openId` may claim focus.\n  if (openId.value !== id) return;\n  goTo(items, firstEnabled(items));\n}\n\nasync function toggle(id: string): Promise<void> {\n  if (openId.value === id) {\n    close(true);\n    return;\n  }\n  const menu = props.menus.find((m) => m.id === id);\n  if (!menu) return;\n  openId.value = id;\n  activeIndex.value = -1;\n  await openAndFocusFirst(id, menu.items);\n}\n\nasync function hover(id: string, via: \"pointer\" | \"trigger-focus\"): Promise<void> {\n  if (openId.value === null || openId.value === id) return;\n  const menu = props.menus.find((m) => m.id === id);\n  if (!menu) return;\n  openId.value = id;\n  activeIndex.value = -1;\n  // Pointer switching takes focus into the new menu like a desktop menubar.\n  // A switch caused by tabbing between triggers must not yank focus out of\n  // the tab order mid-Tab, so it switches the panel and leaves focus alone.\n  if (via === \"pointer\") await openAndFocusFirst(id, menu.items);\n}\n\nfunction choose(item: MenubarItem): void {\n  if (item.separator || item.disabled) return;\n  close(true);\n  if (item.command) emit(\"select\", item.command);\n}\n\nfunction close(restoreFocus = false): void {\n  const id = openId.value;\n  openId.value = null;\n  activeIndex.value = -1;\n  // Escape and selection hand focus back to the owning trigger; Tab-out and\n  // outside clicks do not — focus has already gone where the user sent it.\n  if (restoreFocus && id) triggerEls.get(id)?.focus();\n}\n\nasync function moveMenu(dir: 1 | -1): Promise<void> {\n  const ids = props.menus.map((m) => m.id);\n  const cur = openId.value ? ids.indexOf(openId.value) : 0;\n  const id = ids[(cur + dir + ids.length) % ids.length];\n  const menu = props.menus.find((m) => m.id === id);\n  if (!menu) return;\n  openId.value = menu.id;\n  activeIndex.value = -1;\n  await openAndFocusFirst(menu.id, menu.items);\n}\n\n/**\n * Pointer highlight of an enabled row moves focus with it — under the roving\n * model the highlighted row IS the focused row, and screen readers announce\n * focus changes, not CSS classes.\n */\nfunction pointAtRow(items: MenubarItem[], item: MenubarItem, index: number): void {\n  if (item.disabled || item.separator || activeIndex.value === index) return;\n  activeIndex.value = index;\n  focusRow(items, index);\n}\n\n/** Native focus landing on a row keeps `activeIndex` truthful about it. */\nfunction noteFocus(item: MenubarItem, index: number): void {\n  if (item.disabled || item.separator) return;\n  activeIndex.value = index;\n}\n\n/**\n * The APG's closed-state traversal: Left/Right across the strip land on the\n * neighbouring trigger without opening anything — opening is ArrowDown,\n * Enter or Space's job.\n */\nfunction moveTriggerFocus(from: string, dir: 1 | -1): void {\n  const ids = props.menus.map((m) => m.id);\n  const cur = ids.indexOf(from);\n  if (cur === -1) return;\n  triggerEls.get(ids[(cur + dir + ids.length) % ids.length] ?? \"\")?.focus();\n}\n\nasync function onTriggerKeydown(e: KeyboardEvent, menu: MenubarMenu): Promise<void> {\n  switch (e.key) {\n    case \"ArrowDown\":\n    case \"Enter\":\n    case \" \":\n      e.preventDefault(); // suppresses the button's own activation click\n      openId.value = menu.id;\n      activeIndex.value = -1;\n      await openAndFocusFirst(menu.id, menu.items);\n      break;\n    case \"ArrowRight\":\n      e.preventDefault();\n      if (openId.value) void moveMenu(horizontal.value);\n      else moveTriggerFocus(menu.id, horizontal.value);\n      break;\n    case \"ArrowLeft\":\n      e.preventDefault();\n      if (openId.value) void moveMenu(-horizontal.value as 1 | -1);\n      else moveTriggerFocus(menu.id, -horizontal.value as 1 | -1);\n      break;\n    case \"Escape\":\n      e.preventDefault();\n      close(true);\n      break;\n  }\n}\n\nfunction onMenuKeydown(e: KeyboardEvent, menu: MenubarMenu): void {\n  const items = menu.items;\n  switch (e.key) {\n    case \"ArrowDown\":\n      e.preventDefault();\n      goTo(items, neighborEnabled(items, activeIndex.value, 1));\n      break;\n    case \"ArrowUp\":\n      e.preventDefault();\n      goTo(items, neighborEnabled(items, activeIndex.value, -1));\n      break;\n    case \"Home\":\n      e.preventDefault();\n      goTo(items, firstEnabled(items, 0, 1));\n      break;\n    case \"End\":\n      e.preventDefault();\n      goTo(items, firstEnabled(items, items.length - 1, -1));\n      break;\n    case \"ArrowRight\":\n      e.preventDefault();\n      void moveMenu(horizontal.value);\n      break;\n    case \"ArrowLeft\":\n      e.preventDefault();\n      void moveMenu(-horizontal.value as 1 | -1);\n      break;\n    // Handled here rather than left to the button's native activation:\n    // preventDefault stops the browser's synthesized click, which would run\n    // choose() a second time alongside this delegated handler.\n    case \"Enter\":\n    case \" \": {\n      e.preventDefault();\n      const item = items[activeIndex.value];\n      if (item) choose(item);\n      break;\n    }\n    case \"Escape\":\n      e.preventDefault();\n      close(true);\n      break;\n  }\n}\n\nfunction onRootFocusout(e: FocusEvent): void {\n  if (!openId.value) return;\n  const root = e.currentTarget;\n  const next = e.relatedTarget;\n  // Tab out of the strip dismisses the menu and leaves focus where the browser\n  // put it. Moves that stay inside the menubar (opening handing focus to a\n  // row) keep it.\n  if (!(root instanceof Element) || !(next instanceof Node) || !root.contains(next)) close();\n}\n\n// A wrapper, not `close` itself: the listener's event argument would otherwise\n// arrive as `restoreFocus`, and an outside click would yank focus back to the\n// trigger instead of leaving it where the press landed.\nconst onWindowClick = (): void => close();\nonMounted(() => window.addEventListener(\"click\", onWindowClick));\nonBeforeUnmount(() => window.removeEventListener(\"click\", onWindowClick));\n</script>\n\n<template>\n  <!-- The attribute rides the strip itself, not just the prop: a host may\n       pass dir without setting document direction, and both the flex order\n       and the mirrored keys must agree with what is on screen. -->\n  <div\n    :dir=\"dir\"\n    role=\"menubar\"\n    class=\"flex items-center gap-0.5\"\n    style=\"-webkit-app-region: no-drag\"\n    @click.stop\n    @focusout=\"onRootFocusout\"\n  >\n    <div v-for=\"menu in menus\" :key=\"menu.id\" class=\"relative\">\n      <button\n        :id=\"`menubar-trigger-${menu.id}`\"\n        :ref=\"(el) => bindTrigger(menu.id, el)\"\n        type=\"button\"\n        role=\"menuitem\"\n        :aria-haspopup=\"'menu'\"\n        :aria-expanded=\"openId === menu.id\"\n        class=\"min-h-6 rounded-sm px-2 py-1 text-xs text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground focus-visible:bg-subtle focus-visible:text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo\"\n        :class=\"openId === menu.id && 'bg-subtle text-foreground'\"\n        @click.stop=\"toggle(menu.id)\"\n        @mouseenter=\"hover(menu.id, 'pointer')\"\n        @focus=\"hover(menu.id, 'trigger-focus')\"\n        @keydown=\"onTriggerKeydown($event, menu)\"\n      >\n        {{ menu.label }}\n      </button>\n\n      <!-- Scoped presence, matching every sibling overlay: enter animates in,\n           leave answers with scale-out. The unconditional mount-only animation\n           this used to carry never plays on close at all. In jsdom, with no\n           stylesheet loaded, Vue computes zero animation duration and ends both\n           phases immediately, so tests see plain unmount. -->\n      <Transition enter-active-class=\"animate-scale-in\" leave-active-class=\"animate-scale-out\">\n        <div\n          v-if=\"openId === menu.id\"\n          :ref=\"(el) => bindPanel(menu.id, el)\"\n          role=\"menu\"\n          :aria-label=\"menu.label\"\n          tabindex=\"-1\"\n          class=\"absolute left-0 top-full z-overlay mt-1 min-w-[13rem] origin-top-left rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md\"\n          @click.stop\n          @keydown=\"onMenuKeydown($event, menu)\"\n        >\n          <template v-for=\"(item, i) in openMenu(menu)\" :key=\"i\">\n            <div v-if=\"item.separator\" role=\"separator\" class=\"my-1 h-px bg-border\" />\n            <!-- The row's colour, not its alpha, says it is unavailable. A menu\n                 row is nothing but its label, and `disabled:opacity-40` composited\n                 that label to 2.40:1 on the popover — a disabled row a reader\n                 cannot make out tells them nothing about what is unavailable,\n                 which is the only thing it is there to say. Muted instead: 5.76:1\n                 at rest, and a clear drop from the 15.46:1 an available row wears,\n                 so the state still reads at a glance. The shortcut beside it\n                 declares `text-muted-foreground` on its own element, so it lands\n                 on the same colour rather than inheriting this one.\n\n                 Rows sit at text-sm/py-1.5 like DropdownMenu's — one row grammar\n                 across menus; the compact trigger above stays desktop chrome.\n                 Every row carries tabindex -1: focus arrives programmatically,\n                 never by tabbing through the strip. -->\n            <button\n              v-else\n              type=\"button\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              :disabled=\"item.disabled\"\n              :data-highlighted=\"activeIndex === i || undefined\"\n              :style=\"{ animationDelay: listStaggerDelay(i) }\"\n              class=\"flex w-full items-center justify-between gap-6 rounded-sm px-2 py-1.5 text-left text-sm text-foreground transition-colors duration-fast ease-out hover:bg-subtle disabled:pointer-events-none disabled:text-muted-foreground data-[highlighted]:bg-subtle focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo animate-fade-rise\"\n              @click=\"choose(item)\"\n              @mouseenter=\"pointAtRow(openMenu(menu), item, i)\"\n              @focus=\"noteFocus(item, i)\"\n            >\n              <span>{{ item.label }}</span>\n              <span v-if=\"item.shortcut\" class=\"tabular text-micro text-muted-foreground\">\n                {{ item.shortcut }}\n              </span>\n            </button>\n          </template>\n        </div>\n      </Transition>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/packages/primitives/menubar/src/Menubar.vue.d.ts

@@ -5,9 +5,11 @@
  * keyboard nav and click-outside. Selecting an item emits `select` with its `command`
  * id — the host maps that id to an action (keeps the primitive free of app logic).
  *
- * A11y: WAI-ARIA menubar semantics (roles + aria-expanded/haspopup) with Escape,
- * Arrow, Home/End and Enter/Space handling. When richer focus-trapping is needed we
- * can later delegate to Reka UI without changing this call-site contract.
+ * A11y: WAI-ARIA menubar semantics over real DOM focus, not aria-activedescendant.
+ * Opening a menu moves focus onto its first enabled row and the arrows walk it from
+ * there, so "the highlighted row" and "the focused row" are the same thing by
+ * construction and a screen reader announces each walked row natively — no
+ * bookkeeping that could drift out of sync with what is actually announced.
  */
 export interface MenubarItem {
     /** Visible label. */
@@ -28,13 +30,25 @@ export interface MenubarMenu {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
-    /** The top-level menus, left to right, each carrying its own item list. */
+    /** The top-level menus; their reading order follows `dir`. */
     menus: MenubarMenu[];
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    /**
+     * Reading direction. Right-to-left mirrors the strip's arrow keys —
+     * ArrowRight travels toward the visual left — which a hand-rolled
+     * handler must do itself, unlike its Reka siblings.
+     */
+    dir?: "ltr" | "rtl";
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (command: string) => any;
 }, string, import("vue").PublicProps, Readonly<{
-    /** The top-level menus, left to right, each carrying its own item list. */
+    /** The top-level menus; their reading order follows `dir`. */
     menus: MenubarMenu[];
+    /**
+     * Reading direction. Right-to-left mirrors the strip's arrow keys —
+     * ArrowRight travels toward the visual left — which a hand-rolled
+     * handler must do itself, unlike its Reka siblings.
+     */
+    dir?: "ltr" | "rtl";
 }> & Readonly<{
     onSelect?: (command: string) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/packages/primitives/menubar/src/Menubar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menubar.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/menubar/src/Menubar.vue"],"names":[],"mappings":"AAmOA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,WAAW;IAC1B,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEhB,2EAA2E;WACpE,WAAW,EAAE;;;;IADpB,2EAA2E;WACpE,WAAW,EAAE;;;kFAkUlB,CAAC"}
+{"version":3,"file":"Menubar.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/menubar/src/Menubar.vue"],"names":[],"mappings":"AAuYA;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,WAAW;IAC1B,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEhB,8DAA8D;WACvD,WAAW,EAAE;IACpB;;;;OAIG;UACG,KAAK,GAAG,KAAK;;;;IAPnB,8DAA8D;WACvD,WAAW,EAAE;IACpB;;;;OAIG;UACG,KAAK,GAAG,KAAK;;;kFA2ejB,CAAC"}