@eos-ui/vue 0.0.0-stage → 0.1.1

package/dist/components/Kbd/EKbd.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    /** The smaller size, for a hint inside running small text. */
+    small?: boolean;
+};
+type __VLS_Slots = {
+    /** The key, written as it is on the keycap: "/", "Esc", "Ctrl". */
+    default(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};

package/dist/components/Kbd/EKbd.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,14 @@
+/* empty css                */
+import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i } from "vue";
+//#region src/components/Kbd/EKbd.vue?vue&type=script&setup=true&lang.ts
+var a = /*@__PURE__*/ t({
+	__name: "EKbd",
+	props: { small: { type: Boolean } },
+	setup(t) {
+		return (a, o) => (r(), e("kbd", { class: n(["e-kbd", t.small && "e-kbd--s"]) }, [i(a.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=EKbd.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Kbd/EKbd.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EKbd.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_renderSlot","EKbd_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","normalizeClass","__props","renderSlot","_ctx"],"sources":["../../../src/components/Kbd/EKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** The smaller size, for a hint inside running small text. */\n  small?: boolean;\n}>();\n\ndefineSlots<{\n  /** The key, written as it is on the keycap: \"/\", \"Esc\", \"Ctrl\". */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <kbd class=\"e-kbd\" :class=\"small && 'e-kbd--s'\"><slot /></kbd>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-kbd {\n    display: inline-block;\n    min-width: 1.5em;\n    padding: 0 var(--e-space-1);\n    border: var(--e-stroke-hair) solid var(--e-border-strong);\n    border-radius: var(--e-radius-sm);\n    background: var(--e-surface-tint);\n    color: var(--e-muted);\n    font: 500 var(--e-text-sm) / 1.5 var(--e-font-mono);\n    text-align: center;\n    white-space: nowrap;\n  }\n\n  .e-kbd--s {\n    font-size: var(--e-text-xs);\n  }\n\n  @media (forced-colors: active) {\n    .e-kbd {\n      border-color: ButtonText;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;E,kBAeEA,EAAA,GAAAC,EAA8D,OAAA,EAAzD,OAAKC,EAAA,CAAC,SAAgBM,EAAA,SAAK,UAAA,CAAA,E,IAAgBL,EAAQO,EAAA,QAAA,SAAA,C"}

package/dist/components/Kbd/index.d.ts

@@ -0,0 +1 @@
+export { default as EKbd } from './EKbd.vue.js';

package/dist/components/Kicker/EKicker.js

@@ -0,0 +1,8 @@
+import e from "./EKicker.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                        */
+//#region src/components/Kicker/EKicker.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=EKicker.js.map

package/dist/components/Kicker/EKicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EKicker.js","names":["_sfc_main","EKicker_vue_vue_type_script_setup_true_lang_default","EKicker_default"],"sources":["../../../src/components/Kicker/EKicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\nwithDefaults(\n  defineProps<{\n    /** The element to render, if it should not be a paragraph. */\n    as?: string;\n  }>(),\n  { as: \"p\" },\n);\n\ndefineSlots<{\n  /** The label text. */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <component :is=\"as\" class=\"e-kicker\"><slot /></component>\n</template>\n\n<style>\n/* stylelint-disable-next-line block-no-empty -- the layer declaration is the point */\n@layer e.primitives {\n}\n</style>\n"],"mappings":""}

package/dist/components/Kicker/EKicker.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    /** The element to render, if it should not be a paragraph. */
+    as?: string;
+};
+type __VLS_Slots = {
+    /** The label text. */
+    default(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/components/Kicker/EKicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+/* empty css                */
+import { createBlock as e, defineComponent as t, openBlock as n, renderSlot as r, resolveDynamicComponent as i, withCtx as a } from "vue";
+//#region src/components/Kicker/EKicker.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ t({
+	__name: "EKicker",
+	props: { as: { default: "p" } },
+	setup(t) {
+		return (o, s) => (n(), e(i(t.as), { class: "e-kicker" }, {
+			default: a(() => [r(o.$slots, "default")]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=EKicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Kicker/EKicker.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EKicker.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_withCtx","_renderSlot","EKicker_vue_vue_type_script_setup_true_lang_default","openBlock","createBlock","resolveDynamicComponent","__props","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/Kicker/EKicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\nwithDefaults(\n  defineProps<{\n    /** The element to render, if it should not be a paragraph. */\n    as?: string;\n  }>(),\n  { as: \"p\" },\n);\n\ndefineSlots<{\n  /** The label text. */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <component :is=\"as\" class=\"e-kicker\"><slot /></component>\n</template>\n\n<style>\n/* stylelint-disable-next-line block-no-empty -- the layer declaration is the point */\n@layer e.primitives {\n}\n</style>\n"],"mappings":";;;;;;;E,kBAkBEA,EAAA,GAAAC,EAAyDC,EAAzCO,EAAA,EAAE,GAAA,EAAE,OAAM,WAAU,GAAA;GAAC,SAAAN,QAAQ,CAARC,EAAQQ,EAAA,QAAA,SAAA,C"}

package/dist/components/Kicker/index.d.ts

@@ -0,0 +1 @@
+export { default as EKicker } from './EKicker.vue.js';

package/dist/components/Link/ELink.js

@@ -0,0 +1,8 @@
+import e from "./ELink.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                      */
+//#region src/components/Link/ELink.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ELink.js.map

package/dist/components/Link/ELink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ELink.js","names":["_sfc_main","ELink_vue_vue_type_script_setup_true_lang_default","ELink_default"],"sources":["../../../src/components/Link/ELink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EIcon from \"../Icon/EIcon.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** Where the link goes. */\n  href: string;\n  /** Opens in a new tab. */\n  external?: boolean;\n  /** An icon before the text: a built-in name, a name from your icon set, or an icon component. */\n  icon?: IconProp;\n}>();\n\ndefineSlots<{\n  /** The link text: say where it goes. */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <a\n    class=\"e-link\"\n    :class=\"icon && 'e-link--icon'\"\n    :href=\"href\"\n    :target=\"external ? '_blank' : undefined\"\n    :rel=\"external ? 'noreferrer' : undefined\"\n  >\n    <EIcon v-if=\"icon\" :name=\"icon\" />\n    <slot />\n  </a>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-link {\n    color: var(--e-primary);\n    font-weight: 500;\n    text-decoration: underline;\n    text-decoration-thickness: var(--e-stroke-edge);\n    text-underline-offset: 4px;\n    text-decoration-color: var(--e-primary);\n  }\n\n  .e-link:hover {\n    color: var(--e-ink);\n    text-decoration-color: var(--e-ink);\n  }\n\n  .e-link:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n    border-radius: var(--e-radius-sm);\n  }\n\n  .e-link--icon {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-2);\n  }\n\n  .e-link--icon .e-icon {\n    width: 1.25em;\n    height: 1.25em;\n  }\n\n  @media print {\n    .e-link::after {\n      content: \" (\" attr(href) \")\";\n      font-size: 0.85em;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Link/ELink.vue.d.ts

@@ -0,0 +1,22 @@
+import { IconProp } from '../../icons/types.js';
+type __VLS_Props = {
+    /** Where the link goes. */
+    href: string;
+    /** Opens in a new tab. */
+    external?: boolean;
+    /** An icon before the text: a built-in name, a name from your icon set, or an icon component. */
+    icon?: IconProp;
+};
+type __VLS_Slots = {
+    /** The link text: say where it goes. */
+    default(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};

package/dist/components/Link/ELink.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+/* empty css                */
+import e from "../Icon/EIcon.js";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s } from "vue";
+//#region src/components/Link/ELink.vue?vue&type=script&setup=true&lang.ts
+var c = [
+	"href",
+	"target",
+	"rel"
+], l = /*@__PURE__*/ i({
+	__name: "ELink",
+	props: {
+		href: {},
+		external: { type: Boolean },
+		icon: {}
+	},
+	setup(i) {
+		return (l, u) => (o(), r("a", {
+			class: a(["e-link", i.icon && "e-link--icon"]),
+			href: i.href,
+			target: i.external ? "_blank" : void 0,
+			rel: i.external ? "noreferrer" : void 0
+		}, [i.icon ? (o(), t(e, {
+			key: 0,
+			name: i.icon
+		}, null, 8, ["name"])) : n("", !0), s(l.$slots, "default")], 10, c));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=ELink.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Link/ELink.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ELink.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createBlock","EIcon","_createCommentVNode","_renderSlot","EIcon_default","_hoisted_1","ELink_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","normalizeClass","__props","createBlock","createCommentVNode","renderSlot","_ctx"],"sources":["../../../src/components/Link/ELink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EIcon from \"../Icon/EIcon.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** Where the link goes. */\n  href: string;\n  /** Opens in a new tab. */\n  external?: boolean;\n  /** An icon before the text: a built-in name, a name from your icon set, or an icon component. */\n  icon?: IconProp;\n}>();\n\ndefineSlots<{\n  /** The link text: say where it goes. */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <a\n    class=\"e-link\"\n    :class=\"icon && 'e-link--icon'\"\n    :href=\"href\"\n    :target=\"external ? '_blank' : undefined\"\n    :rel=\"external ? 'noreferrer' : undefined\"\n  >\n    <EIcon v-if=\"icon\" :name=\"icon\" />\n    <slot />\n  </a>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-link {\n    color: var(--e-primary);\n    font-weight: 500;\n    text-decoration: underline;\n    text-decoration-thickness: var(--e-stroke-edge);\n    text-underline-offset: 4px;\n    text-decoration-color: var(--e-primary);\n  }\n\n  .e-link:hover {\n    color: var(--e-ink);\n    text-decoration-color: var(--e-ink);\n  }\n\n  .e-link:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n    border-radius: var(--e-radius-sm);\n  }\n\n  .e-link--icon {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-2);\n  }\n\n  .e-link--icon .e-icon {\n    width: 1.25em;\n    height: 1.25em;\n  }\n\n  @media print {\n    .e-link::after {\n      content: \" (\" attr(href) \")\";\n      font-size: 0.85em;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;E,kBAqBEA,EAAA,GAAAC,EASI,KAAA;GARF,OAAKC,EAAA,CAAC,UACEW,EAAA,QAAI,cAAA,CAAA;GACX,MAAMA,EAAA;GACN,QAAQA,EAAA,WAAQ,WAAc,KAAA;GAC9B,KAAKA,EAAA,WAAQ,eAAkB,KAAA;E,IAEnBA,EAAA,QAAbb,EAAA,GAAAG,EAAkCC,GAAA;;GAAd,MAAMS,EAAA;E,oCAC1BP,EAAQW,EAAA,QAAA,SAAA,C"}

package/dist/components/Link/index.d.ts

@@ -0,0 +1 @@
+export { default as ELink } from './ELink.vue.js';

package/dist/components/LinkCard/ELinkCard.js

@@ -0,0 +1,8 @@
+import e from "./ELinkCard.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                          */
+//#region src/components/LinkCard/ELinkCard.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ELinkCard.js.map

package/dist/components/LinkCard/ELinkCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ELinkCard.js","names":["_sfc_main","ELinkCard_vue_vue_type_script_setup_true_lang_default","ELinkCard_default"],"sources":["../../../src/components/LinkCard/ELinkCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Component } from \"vue\";\nimport ESurface from \"../Surface/ESurface.vue\";\nimport EText from \"../Text/EText.vue\";\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** The card's title, and the text of the one link the whole card is. */\n    title: string;\n    /** Where the card goes. Defaults to `#`. */\n    href?: string;\n    /** A router location, passed to `linkComponent` as `to` (for `RouterLink`). Used instead of `href`. */\n    to?: unknown;\n    /** A line under the title saying what is there. */\n    description?: string;\n    /** A small mono label above the title. */\n    kicker?: string;\n    /** The level of the title's heading element, 1 to 6. Pick the one that fits the page outline. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** Opens in a new tab. */\n    external?: boolean;\n    /** The element to render, `div` by default. Use `li` inside a list, such as `<EGrid as=\"ul\">`. */\n    as?: string;\n    /** What renders the link: `\"a\"` by default, or `RouterLink` (or any component that takes `href` or `to` and a default slot). */\n    linkComponent?: string | Component;\n  }>(),\n  { href: \"#\", headingLevel: 3, as: \"div\", linkComponent: \"a\" },\n);\n\ndefineSlots<{\n  /** Anything more under the description, such as a stamp or a count. It must not hold links or buttons: the whole card is already one link. */\n  default?(): unknown;\n}>();\n\nconst linkAttrs = computed(() => ({\n  ...(props.to !== undefined ? { to: props.to } : { href: props.href }),\n  ...(props.external && { target: \"_blank\", rel: \"noreferrer\" }),\n}));\n</script>\n\n<template>\n  <ESurface :as=\"as\" pad=\"sm\" class=\"e-linkcard\">\n    <p v-if=\"kicker\" class=\"e-kicker e-linkcard-kicker\">{{ kicker }}</p>\n    <component :is=\"`h${headingLevel}`\" class=\"e-linkcard-title\">\n      <component :is=\"linkComponent\" class=\"e-linkcard-link\" v-bind=\"linkAttrs\">{{ title }}</component>\n    </component>\n    <EText v-if=\"description\" variant=\"small\" muted>{{ description }}</EText>\n    <slot />\n  </ESurface>\n</template>\n\n<style>\n@layer e.blocks {\n  .e-linkcard {\n    position: relative;\n    display: grid;\n    gap: var(--e-space-1);\n    align-content: start;\n    transition: box-shadow var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-linkcard:hover {\n    box-shadow: 0 0 0 var(--e-stroke-edge) var(--e-border-strong);\n  }\n\n  .e-linkcard:has(.e-linkcard-link:focus-visible) {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n  }\n\n  .e-linkcard-kicker,\n  .e-linkcard-title {\n    margin: 0;\n  }\n\n  .e-linkcard-title {\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n  }\n\n  .e-linkcard-link {\n    color: var(--e-primary);\n    text-decoration: underline;\n    text-decoration-thickness: var(--e-stroke-edge);\n    text-underline-offset: 4px;\n    text-decoration-color: var(--e-primary);\n  }\n\n  .e-linkcard-link::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: var(--e-radius-md);\n  }\n\n  .e-linkcard-link:focus-visible {\n    outline: none;\n  }\n\n  .e-linkcard:hover .e-linkcard-link {\n    color: var(--e-ink);\n    text-decoration-color: var(--e-ink);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-linkcard {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .e-linkcard:hover {\n      outline: var(--e-stroke-edge) solid Highlight;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/LinkCard/ELinkCard.vue.d.ts

@@ -0,0 +1,39 @@
+import { Component } from 'vue';
+type __VLS_Props = {
+    /** The card's title, and the text of the one link the whole card is. */
+    title: string;
+    /** Where the card goes. Defaults to `#`. */
+    href?: string;
+    /** A router location, passed to `linkComponent` as `to` (for `RouterLink`). Used instead of `href`. */
+    to?: unknown;
+    /** A line under the title saying what is there. */
+    description?: string;
+    /** A small mono label above the title. */
+    kicker?: string;
+    /** The level of the title's heading element, 1 to 6. Pick the one that fits the page outline. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Opens in a new tab. */
+    external?: boolean;
+    /** The element to render, `div` by default. Use `li` inside a list, such as `<EGrid as="ul">`. */
+    as?: string;
+    /** What renders the link: `"a"` by default, or `RouterLink` (or any component that takes `href` or `to` and a default slot). */
+    linkComponent?: string | Component;
+};
+type __VLS_Slots = {
+    /** Anything more under the description, such as a stamp or a count. It must not hold links or buttons: the whole card is already one link. */
+    default?(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string;
+    href: string;
+    linkComponent: string | Component;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/components/LinkCard/ELinkCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,61 @@
+/* empty css                */
+import e from "../Surface/ESurface.js";
+import t from "../Text/EText.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, resolveDynamicComponent as d, toDisplayString as f, withCtx as p } from "vue";
+//#region src/components/LinkCard/ELinkCard.vue?vue&type=script&setup=true&lang.ts
+var m = {
+	key: 0,
+	class: "e-kicker e-linkcard-kicker"
+}, h = /*@__PURE__*/ s({
+	__name: "ELinkCard",
+	props: {
+		title: {},
+		href: { default: "#" },
+		to: {},
+		description: {},
+		kicker: {},
+		headingLevel: { default: 3 },
+		external: { type: Boolean },
+		as: { default: "div" },
+		linkComponent: { default: "a" }
+	},
+	setup(s) {
+		let h = s, g = n(() => ({
+			...h.to === void 0 ? { href: h.href } : { to: h.to },
+			...h.external && {
+				target: "_blank",
+				rel: "noreferrer"
+			}
+		}));
+		return (n, h) => (l(), r(e, {
+			as: s.as,
+			pad: "sm",
+			class: "e-linkcard"
+		}, {
+			default: p(() => [
+				s.kicker ? (l(), a("p", m, f(s.kicker), 1)) : i("", !0),
+				(l(), r(d(`h${s.headingLevel}`), { class: "e-linkcard-title" }, {
+					default: p(() => [(l(), r(d(s.linkComponent), c({ class: "e-linkcard-link" }, g.value), {
+						default: p(() => [o(f(s.title), 1)]),
+						_: 1
+					}, 16))]),
+					_: 1
+				})),
+				s.description ? (l(), r(t, {
+					key: 1,
+					variant: "small",
+					muted: ""
+				}, {
+					default: p(() => [o(f(s.description), 1)]),
+					_: 1
+				})) : i("", !0),
+				u(n.$slots, "default")
+			]),
+			_: 3
+		}, 8, ["as"]));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=ELinkCard.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/LinkCard/ELinkCard.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ELinkCard.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ESurface","_withCtx","_createElementBlock","_toDisplayString","_createCommentVNode","_resolveDynamicComponent","_mergeProps","_createTextVNode","EText","_renderSlot","ESurface_default","EText_default","_hoisted_1","ELinkCard_vue_vue_type_script_setup_true_lang_default","props","__props","linkAttrs","computed","openBlock","createBlock","withCtx","createElementBlock","toDisplayString","createCommentVNode","resolveDynamicComponent","mergeProps","createTextVNode","renderSlot","_ctx"],"sources":["../../../src/components/LinkCard/ELinkCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type Component } from \"vue\";\nimport ESurface from \"../Surface/ESurface.vue\";\nimport EText from \"../Text/EText.vue\";\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** The card's title, and the text of the one link the whole card is. */\n    title: string;\n    /** Where the card goes. Defaults to `#`. */\n    href?: string;\n    /** A router location, passed to `linkComponent` as `to` (for `RouterLink`). Used instead of `href`. */\n    to?: unknown;\n    /** A line under the title saying what is there. */\n    description?: string;\n    /** A small mono label above the title. */\n    kicker?: string;\n    /** The level of the title's heading element, 1 to 6. Pick the one that fits the page outline. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** Opens in a new tab. */\n    external?: boolean;\n    /** The element to render, `div` by default. Use `li` inside a list, such as `<EGrid as=\"ul\">`. */\n    as?: string;\n    /** What renders the link: `\"a\"` by default, or `RouterLink` (or any component that takes `href` or `to` and a default slot). */\n    linkComponent?: string | Component;\n  }>(),\n  { href: \"#\", headingLevel: 3, as: \"div\", linkComponent: \"a\" },\n);\n\ndefineSlots<{\n  /** Anything more under the description, such as a stamp or a count. It must not hold links or buttons: the whole card is already one link. */\n  default?(): unknown;\n}>();\n\nconst linkAttrs = computed(() => ({\n  ...(props.to !== undefined ? { to: props.to } : { href: props.href }),\n  ...(props.external && { target: \"_blank\", rel: \"noreferrer\" }),\n}));\n</script>\n\n<template>\n  <ESurface :as=\"as\" pad=\"sm\" class=\"e-linkcard\">\n    <p v-if=\"kicker\" class=\"e-kicker e-linkcard-kicker\">{{ kicker }}</p>\n    <component :is=\"`h${headingLevel}`\" class=\"e-linkcard-title\">\n      <component :is=\"linkComponent\" class=\"e-linkcard-link\" v-bind=\"linkAttrs\">{{ title }}</component>\n    </component>\n    <EText v-if=\"description\" variant=\"small\" muted>{{ description }}</EText>\n    <slot />\n  </ESurface>\n</template>\n\n<style>\n@layer e.blocks {\n  .e-linkcard {\n    position: relative;\n    display: grid;\n    gap: var(--e-space-1);\n    align-content: start;\n    transition: box-shadow var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-linkcard:hover {\n    box-shadow: 0 0 0 var(--e-stroke-edge) var(--e-border-strong);\n  }\n\n  .e-linkcard:has(.e-linkcard-link:focus-visible) {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n  }\n\n  .e-linkcard-kicker,\n  .e-linkcard-title {\n    margin: 0;\n  }\n\n  .e-linkcard-title {\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n  }\n\n  .e-linkcard-link {\n    color: var(--e-primary);\n    text-decoration: underline;\n    text-decoration-thickness: var(--e-stroke-edge);\n    text-underline-offset: 4px;\n    text-decoration-color: var(--e-primary);\n  }\n\n  .e-linkcard-link::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    border-radius: var(--e-radius-md);\n  }\n\n  .e-linkcard-link:focus-visible {\n    outline: none;\n  }\n\n  .e-linkcard:hover .e-linkcard-link {\n    color: var(--e-ink);\n    text-decoration-color: var(--e-ink);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-linkcard {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .e-linkcard:hover {\n      outline: var(--e-stroke-edge) solid Highlight;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAMA,IAAMgB,IAAQC,GA6BRC,IAAYC,SAAgB;GAChC,GAAIH,EAAM,OAAO,KAAA,IAA+B,EAAE,MAAMA,EAAM,KAAK,IAAtC,EAAE,IAAIA,EAAM,GAAG;GAC5C,GAAIA,EAAM,YAAY;IAAE,QAAQ;IAAU,KAAK;GAAa;EAC9D,EAAE;E,kBAIAhB,EAAA,GAAAC,EAOWC,GAAA;GAPA,IAAIe,EAAA;GAAI,KAAI;GAAK,OAAM;;GAChC,SAAAd,QAAoE;IAA3Dc,EAAA,UAATjB,EAAA,GAAAI,EAAoE,KAApEU,GAAoET,EAAbY,EAAA,MAAM,GAAA,CAAA,K;KAC7DjB,EAAA,GAAAC,EAEYM,EAAA,IAFQU,EAAA,cAAY,GAAA,EAAI,OAAM,mBAAkB,GAAA;KAC1D,SAAAd,QAAiG,EAAjGH,EAAA,GAAAC,EAAiGM,EAAjFU,EAAA,aAAa,GAA7BT,EAAiG,EAAlE,OAAM,kBAAiB,GAASU,EAAA,KAAS,GAAA;MAAE,SAAAf,QAAW,CAARM,EAAAJ,EAAAY,EAAA,KAAK,GAAA,CAAA,C;;;;;IAEvEA,EAAA,eAAbjB,EAAA,GAAAC,EAAyES,GAAA;;KAA/C,SAAQ;KAAQ,OAAA;;KAAM,SAAAP,QAAiB,CAAdM,EAAAJ,EAAAY,EAAA,WAAW,GAAA,CAAA,C;;;IAC9DN,EAAQmB,EAAA,QAAA,SAAA"}

package/dist/components/LinkCard/index.d.ts

@@ -0,0 +1 @@
+export { default as ELinkCard } from './ELinkCard.vue.js';

package/dist/components/LoadingBar/ELoadingBar.js

@@ -0,0 +1,8 @@
+import e from "./ELoadingBar.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                            */
+//#region src/components/LoadingBar/ELoadingBar.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ELoadingBar.js.map

package/dist/components/LoadingBar/ELoadingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ELoadingBar.js","names":["_sfc_main","ELoadingBar_vue_vue_type_script_setup_true_lang_default","ELoadingBar_default"],"sources":["../../../src/components/LoadingBar/ELoadingBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** What is loading. Screen readers hear it as a progress bar; defaults to \"Loading\". */\n  label?: string;\n}>();\n\nconst t = useMessages();\n</script>\n\n<template>\n  <div class=\"e-loadbar\" role=\"progressbar\" :aria-label=\"label || t('loading')\" aria-busy=\"true\">\n    <span class=\"e-loadbar-fill\"></span>\n  </div>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-loadbar {\n    position: relative;\n    height: 8px;\n    overflow: hidden;\n    border-radius: var(--e-radius-pill);\n    background: var(--e-surface-tint);\n    box-shadow: inset 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-loadbar-fill {\n    position: absolute;\n    inset: 0 auto 0 0;\n    width: 40%;\n    border-radius: var(--e-radius-pill);\n    background: var(--e-primary);\n    animation: e-load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n\n  @keyframes e-load {\n    from {\n      transform: translateX(-100%);\n    }\n\n    to {\n      transform: translateX(250%);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-loadbar-fill {\n      width: 100%;\n      animation: none;\n      background: repeating-linear-gradient(135deg, var(--e-primary) 0 8px, transparent 8px 16px);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .e-loadbar {\n      border: 1px solid CanvasText;\n    }\n\n    .e-loadbar-fill {\n      background: Highlight;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/LoadingBar/ELoadingBar.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    /** What is loading. Screen readers hear it as a progress bar; defaults to "Loading". */
+    label?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/LoadingBar/ELoadingBar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+/* empty css                */
+import { useMessages as e } from "../../config.js";
+import { createElementBlock as t, createElementVNode as n, defineComponent as r, openBlock as i, unref as a } from "vue";
+//#region src/components/LoadingBar/ELoadingBar.vue?vue&type=script&setup=true&lang.ts
+var o = ["aria-label"], s = /*@__PURE__*/ r({
+	__name: "ELoadingBar",
+	props: { label: {} },
+	setup(r) {
+		let s = e();
+		return (e, c) => (i(), t("div", {
+			class: "e-loadbar",
+			role: "progressbar",
+			"aria-label": r.label || a(s)("loading"),
+			"aria-busy": "true"
+		}, [...c[0] ||= [n("span", { class: "e-loadbar-fill" }, null, -1)]], 8, o));
+	}
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=ELoadingBar.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/LoadingBar/ELoadingBar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ELoadingBar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_createElementVNode","_hoisted_1","ELoadingBar_vue_vue_type_script_setup_true_lang_default","t","useMessages","openBlock","createElementBlock","__props","unref","_cache","createElementVNode"],"sources":["../../../src/components/LoadingBar/ELoadingBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** What is loading. Screen readers hear it as a progress bar; defaults to \"Loading\". */\n  label?: string;\n}>();\n\nconst t = useMessages();\n</script>\n\n<template>\n  <div class=\"e-loadbar\" role=\"progressbar\" :aria-label=\"label || t('loading')\" aria-busy=\"true\">\n    <span class=\"e-loadbar-fill\"></span>\n  </div>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-loadbar {\n    position: relative;\n    height: 8px;\n    overflow: hidden;\n    border-radius: var(--e-radius-pill);\n    background: var(--e-surface-tint);\n    box-shadow: inset 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-loadbar-fill {\n    position: absolute;\n    inset: 0 auto 0 0;\n    width: 40%;\n    border-radius: var(--e-radius-pill);\n    background: var(--e-primary);\n    animation: e-load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n\n  @keyframes e-load {\n    from {\n      transform: translateX(-100%);\n    }\n\n    to {\n      transform: translateX(250%);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-loadbar-fill {\n      width: 100%;\n      animation: none;\n      background: repeating-linear-gradient(135deg, var(--e-primary) 0 8px, transparent 8px 16px);\n    }\n  }\n\n  @media (forced-colors: active) {\n    .e-loadbar {\n      border: 1px solid CanvasText;\n    }\n\n    .e-loadbar-fill {\n      background: Highlight;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;EASA,IAAMM,IAAIC,EAAY;E,kBAIpBP,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAY,MAAK;GAAe,cAAYS,EAAA,SAASR,EAAAI,CAAA,CAAC,CAAA,SAAA;GAAa,aAAU;E,iBACtFH,EAAoC,QAAA,EAA9B,OAAM,iBAAgB,GAAA,MAAA,EAAA,C"}

package/dist/components/LoadingBar/index.d.ts

@@ -0,0 +1 @@
+export { default as ELoadingBar } from './ELoadingBar.vue.js';

package/dist/components/Menu/EMenu.js

@@ -0,0 +1,8 @@
+import e from "./EMenu.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                      */
+//#region src/components/Menu/EMenu.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=EMenu.js.map

package/dist/components/Menu/EMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EMenu.js","names":["_sfc_main","EMenu_vue_vue_type_script_setup_true_lang_default","EMenu_default"],"sources":["../../../src/components/Menu/EMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watch } from \"vue\";\nimport {\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuPortal,\n  DropdownMenuRoot,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"reka-ui\";\nimport EButton from \"../Button/EButton.vue\";\nimport EDivider from \"../Divider/EDivider.vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport { usePortalTarget } from \"../../config.js\";\nimport \"../../styles/base.css\";\nimport \"../Select/panel.css\";\n\n/** An action in the menu. */\nexport interface EMenuAction {\n  /** What the row says: a verb. */\n  label: string;\n  /** An icon before the label. */\n  icon?: IconProp;\n  /** Called when the row is chosen, after the menu closes. */\n  onClick?: () => void;\n  /** Red text for a destructive action. Put it last, after a divider. */\n  danger?: boolean;\n  /** Not choosable. Stays visible, muted. */\n  disabled?: boolean;\n  divider?: undefined;\n}\n/** A rule between groups of actions. */\nexport interface EMenuDivider {\n  divider: true;\n}\nexport type EMenuItem = EMenuAction | EMenuDivider;\n\ndefineOptions({ inheritAttrs: false });\n\nwithDefaults(\n  defineProps<{\n    /** The button's text. With a `trigger` slot it is not shown; name your own trigger. */\n    label: string;\n    /** The actions, in order. `{ divider: true }` draws a rule. */\n    items: readonly EMenuItem[];\n    /** The look of the button. Default `outline`. */\n    variant?: \"primary\" | \"secondary\" | \"outline\" | \"danger\" | \"quiet\";\n    /** An icon before the label. */\n    icon?: IconProp;\n    /** Which edge of the trigger the menu lines up with. Use `end` for a trigger at the end of a bar. Default `start`. */\n    align?: \"start\" | \"end\";\n  }>(),\n  { variant: \"outline\", align: \"start\" },\n);\n\nconst emit = defineEmits<{\n  /** An action was chosen. Also calls that item's own `onClick`. */\n  select: [item: EMenuAction];\n}>();\n\ndefineSlots<{\n  /** Your own trigger, one element that takes a click, such as a `button` around an avatar. It replaces the button; give it an accessible name. */\n  trigger?(): unknown;\n}>();\n\nconst open = defineModel<boolean>(\"open\", { default: false });\n\nconst portal = usePortalTarget();\n\nfunction choose(item: EMenuAction) {\n  item.onClick?.();\n  emit(\"select\", item);\n}\n\nlet byPerson = false;\nlet hadFocus = false;\nconst intent = () => (byPerson = true);\n\nwatch(\n  open,\n  (isOpen) => {\n    if (!isOpen) hadFocus = !!document.activeElement?.closest(\"[role=menu]\");\n  },\n  { flush: \"sync\" },\n);\n\nfunction focusFirst(event: Event) {\n  event.preventDefault();\n  const content = event.target as HTMLElement | null;\n  if (!byPerson) return;\n  byPerson = false;\n  requestAnimationFrame(() => {\n    content?.querySelector<HTMLElement>(\"[role=menuitem]:not([data-disabled])\")?.focus({ preventScroll: true });\n  });\n}\n\nfunction returnFocus(event: Event) {\n  byPerson = false;\n  if (!hadFocus) event.preventDefault();\n}\n</script>\n\n<template>\n  <DropdownMenuRoot v-model:open=\"open\" :modal=\"false\">\n    <DropdownMenuTrigger as-child @click=\"intent\" @keydown=\"intent\">\n      <slot name=\"trigger\">\n        <EButton :variant=\"variant\" :icon=\"icon\" v-bind=\"$attrs\">\n          {{ label }}\n          <EIcon name=\"chevron-down\" />\n        </EButton>\n      </slot>\n    </DropdownMenuTrigger>\n    <DropdownMenuPortal :to=\"portal\">\n      <DropdownMenuContent\n        class=\"e-popover e-menu e-root\"\n        :align=\"align\"\n        :side-offset=\"8\"\n        :collision-padding=\"16\"\n        loop\n        @open-auto-focus=\"focusFirst\"\n        @close-auto-focus=\"returnFocus\"\n      >\n        <template v-for=\"(item, i) in items\" :key=\"i\">\n          <DropdownMenuSeparator v-if=\"item.divider\" as-child>\n            <EDivider />\n          </DropdownMenuSeparator>\n          <DropdownMenuItem\n            v-else\n            class=\"e-menu-item\"\n            :class=\"{ 'e-menu-item--danger': item.danger }\"\n            :disabled=\"item.disabled\"\n            @select=\"choose(item)\"\n          >\n            <EIcon v-if=\"item.icon\" :name=\"item.icon\" />\n            {{ item.label }}\n          </DropdownMenuItem>\n        </template>\n      </DropdownMenuContent>\n    </DropdownMenuPortal>\n  </DropdownMenuRoot>\n</template>\n\n<style>\n@layer e.containers {\n  .e-menu {\n    width: max-content;\n    min-width: 12rem;\n    max-width: min(20rem, calc(100vw - 32px));\n    padding: var(--e-space-1);\n  }\n\n  .e-menu-item {\n    display: flex;\n    align-items: center;\n    gap: var(--e-space-2);\n    width: 100%;\n    height: var(--e-control-height);\n    padding: 0 var(--e-space-3);\n    border: 0;\n    border-radius: var(--e-radius-sm);\n    background: transparent;\n    color: var(--e-ink);\n    font: 400 var(--e-text-md) / 1 var(--e-font-sans);\n    text-align: start;\n    cursor: pointer;\n  }\n\n  .e-menu-item:hover,\n  .e-menu-item:focus-visible {\n    background: var(--e-surface-tint);\n    outline: none;\n    box-shadow: inset 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-menu-item--danger {\n    color: var(--e-danger);\n  }\n\n  .e-menu-item[disabled] {\n    color: var(--e-muted);\n    cursor: not-allowed;\n  }\n\n  .e-menu .e-divider {\n    margin: var(--e-space-1) 0;\n  }\n\n  .e-menu-item[data-highlighted] {\n    background: var(--e-surface-tint);\n    outline: none;\n    box-shadow: inset 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-menu-item[data-disabled] {\n    color: var(--e-muted);\n    cursor: not-allowed;\n  }\n\n  @media (forced-colors: active) {\n    .e-menu-item[data-highlighted] {\n      forced-color-adjust: none;\n      background: Highlight;\n      color: HighlightText;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Menu/EMenu.vue.d.ts

@@ -0,0 +1,58 @@
+import { IconProp } from '../../icons/types.js';
+/** An action in the menu. */
+export interface EMenuAction {
+    /** What the row says: a verb. */
+    label: string;
+    /** An icon before the label. */
+    icon?: IconProp;
+    /** Called when the row is chosen, after the menu closes. */
+    onClick?: () => void;
+    /** Red text for a destructive action. Put it last, after a divider. */
+    danger?: boolean;
+    /** Not choosable. Stays visible, muted. */
+    disabled?: boolean;
+    divider?: undefined;
+}
+/** A rule between groups of actions. */
+export interface EMenuDivider {
+    divider: true;
+}
+export type EMenuItem = EMenuAction | EMenuDivider;
+type __VLS_Props = {
+    /** The button's text. With a `trigger` slot it is not shown; name your own trigger. */
+    label: string;
+    /** The actions, in order. `{ divider: true }` draws a rule. */
+    items: readonly EMenuItem[];
+    /** The look of the button. Default `outline`. */
+    variant?: "primary" | "secondary" | "outline" | "danger" | "quiet";
+    /** An icon before the label. */
+    icon?: IconProp;
+    /** Which edge of the trigger the menu lines up with. Use `end` for a trigger at the end of a bar. Default `start`. */
+    align?: "start" | "end";
+};
+type __VLS_Slots = {
+    /** Your own trigger, one element that takes a click, such as a `button` around an avatar. It replaces the button; give it an accessible name. */
+    trigger?(): unknown;
+};
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (item: EMenuAction) => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((item: EMenuAction) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    variant: "danger" | "primary" | "secondary" | "outline" | "quiet";
+    align: "start" | "end";
+}, {}, {}, {}, 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;
+    };
+};

package/dist/components/Menu/EMenu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,107 @@
+/* empty css                */
+import { usePortalTarget as e } from "../../config.js";
+import t from "../Icon/EIcon.js";
+/* empty css              */
+import n from "../Button/EButton.js";
+import r from "../Divider/EDivider.js";
+import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, openBlock as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, useModel as y, watch as b, withCtx as x } from "vue";
+import { DropdownMenuContent as S, DropdownMenuItem as C, DropdownMenuPortal as w, DropdownMenuRoot as T, DropdownMenuSeparator as E, DropdownMenuTrigger as D } from "reka-ui";
+//#region src/components/Menu/EMenu.vue?vue&type=script&setup=true&lang.ts
+var O = /*@__PURE__*/ u({
+	inheritAttrs: !1,
+	__name: "EMenu",
+	props: /*@__PURE__*/ d({
+		label: {},
+		items: {},
+		variant: { default: "outline" },
+		icon: {},
+		align: { default: "start" }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ d(["select"], ["update:open"]),
+	setup(u, { emit: d }) {
+		let O = d, k = y(u, "open"), A = e();
+		function j(e) {
+			e.onClick?.(), O("select", e);
+		}
+		let M = !1, N = !1, P = () => M = !0;
+		b(k, (e) => {
+			e || (N = !!document.activeElement?.closest("[role=menu]"));
+		}, { flush: "sync" });
+		function F(e) {
+			e.preventDefault();
+			let t = e.target;
+			M && (M = !1, requestAnimationFrame(() => {
+				t?.querySelector("[role=menuitem]:not([data-disabled])")?.focus({ preventScroll: !0 });
+			}));
+		}
+		function I(e) {
+			M = !1, N || e.preventDefault();
+		}
+		return (e, d) => (m(), a(v(T), {
+			open: k.value,
+			"onUpdate:open": d[0] ||= (e) => k.value = e,
+			modal: !1
+		}, {
+			default: x(() => [l(v(D), {
+				"as-child": "",
+				onClick: P,
+				onKeydown: P
+			}, {
+				default: x(() => [g(e.$slots, "trigger", {}, () => [l(n, f({
+					variant: u.variant,
+					icon: u.icon
+				}, e.$attrs), {
+					default: x(() => [c(_(u.label) + " ", 1), l(t, { name: "chevron-down" })]),
+					_: 1
+				}, 16, ["variant", "icon"])])]),
+				_: 3
+			}), l(v(w), { to: v(A) }, {
+				default: x(() => [l(v(S), {
+					class: "e-popover e-menu e-root",
+					align: u.align,
+					"side-offset": 8,
+					"collision-padding": 16,
+					loop: "",
+					onOpenAutoFocus: F,
+					onCloseAutoFocus: I
+				}, {
+					default: x(() => [(m(!0), s(i, null, h(u.items, (e, n) => (m(), s(i, { key: n }, [e.divider ? (m(), a(v(E), {
+						key: 0,
+						"as-child": ""
+					}, {
+						default: x(() => [l(r)]),
+						_: 1
+					})) : (m(), a(v(C), {
+						key: 1,
+						class: p(["e-menu-item", { "e-menu-item--danger": e.danger }]),
+						disabled: e.disabled,
+						onSelect: (t) => j(e)
+					}, {
+						default: x(() => [e.icon ? (m(), a(t, {
+							key: 0,
+							name: e.icon
+						}, null, 8, ["name"])) : o("", !0), c(" " + _(e.label), 1)]),
+						_: 2
+					}, 1032, [
+						"class",
+						"disabled",
+						"onSelect"
+					]))], 64))), 128))]),
+					_: 1
+				}, 8, ["align"])]),
+				_: 1
+			}, 8, ["to"])]),
+			_: 3
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { O as default };
+
+//# sourceMappingURL=EMenu.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Menu/EMenu.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EMenu.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_useModel","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_renderSlot","EButton","_mergeProps","_createTextVNode","_toDisplayString","EIcon","_createElementBlock","_Fragment","_renderList","EDivider","_normalizeClass","_createCommentVNode","EIcon_default","EButton_default","EDivider_default","EMenu_vue_vue_type_script_setup_true_lang_default","\"open\"","\"openModifiers\"","__emit","emit","open","useModel","__props","portal","usePortalTarget","choose","item","byPerson","hadFocus","intent","isOpen","focusFirst","content","event","returnFocus","openBlock","createBlock","unref","DropdownMenuRoot","_cache","$event","withCtx","createVNode","DropdownMenuTrigger","renderSlot","_ctx","mergeProps","createTextVNode","toDisplayString","DropdownMenuPortal","DropdownMenuContent","createElementBlock","Fragment","renderList","i","DropdownMenuSeparator","DropdownMenuItem","normalizeClass","createCommentVNode"],"sources":["../../../src/components/Menu/EMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { watch } from \"vue\";\nimport {\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuPortal,\n  DropdownMenuRoot,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"reka-ui\";\nimport EButton from \"../Button/EButton.vue\";\nimport EDivider from \"../Divider/EDivider.vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport { usePortalTarget } from \"../../config.js\";\nimport \"../../styles/base.css\";\nimport \"../Select/panel.css\";\n\n/** An action in the menu. */\nexport interface EMenuAction {\n  /** What the row says: a verb. */\n  label: string;\n  /** An icon before the label. */\n  icon?: IconProp;\n  /** Called when the row is chosen, after the menu closes. */\n  onClick?: () => void;\n  /** Red text for a destructive action. Put it last, after a divider. */\n  danger?: boolean;\n  /** Not choosable. Stays visible, muted. */\n  disabled?: boolean;\n  divider?: undefined;\n}\n/** A rule between groups of actions. */\nexport interface EMenuDivider {\n  divider: true;\n}\nexport type EMenuItem = EMenuAction | EMenuDivider;\n\ndefineOptions({ inheritAttrs: false });\n\nwithDefaults(\n  defineProps<{\n    /** The button's text. With a `trigger` slot it is not shown; name your own trigger. */\n    label: string;\n    /** The actions, in order. `{ divider: true }` draws a rule. */\n    items: readonly EMenuItem[];\n    /** The look of the button. Default `outline`. */\n    variant?: \"primary\" | \"secondary\" | \"outline\" | \"danger\" | \"quiet\";\n    /** An icon before the label. */\n    icon?: IconProp;\n    /** Which edge of the trigger the menu lines up with. Use `end` for a trigger at the end of a bar. Default `start`. */\n    align?: \"start\" | \"end\";\n  }>(),\n  { variant: \"outline\", align: \"start\" },\n);\n\nconst emit = defineEmits<{\n  /** An action was chosen. Also calls that item's own `onClick`. */\n  select: [item: EMenuAction];\n}>();\n\ndefineSlots<{\n  /** Your own trigger, one element that takes a click, such as a `button` around an avatar. It replaces the button; give it an accessible name. */\n  trigger?(): unknown;\n}>();\n\nconst open = defineModel<boolean>(\"open\", { default: false });\n\nconst portal = usePortalTarget();\n\nfunction choose(item: EMenuAction) {\n  item.onClick?.();\n  emit(\"select\", item);\n}\n\nlet byPerson = false;\nlet hadFocus = false;\nconst intent = () => (byPerson = true);\n\nwatch(\n  open,\n  (isOpen) => {\n    if (!isOpen) hadFocus = !!document.activeElement?.closest(\"[role=menu]\");\n  },\n  { flush: \"sync\" },\n);\n\nfunction focusFirst(event: Event) {\n  event.preventDefault();\n  const content = event.target as HTMLElement | null;\n  if (!byPerson) return;\n  byPerson = false;\n  requestAnimationFrame(() => {\n    content?.querySelector<HTMLElement>(\"[role=menuitem]:not([data-disabled])\")?.focus({ preventScroll: true });\n  });\n}\n\nfunction returnFocus(event: Event) {\n  byPerson = false;\n  if (!hadFocus) event.preventDefault();\n}\n</script>\n\n<template>\n  <DropdownMenuRoot v-model:open=\"open\" :modal=\"false\">\n    <DropdownMenuTrigger as-child @click=\"intent\" @keydown=\"intent\">\n      <slot name=\"trigger\">\n        <EButton :variant=\"variant\" :icon=\"icon\" v-bind=\"$attrs\">\n          {{ label }}\n          <EIcon name=\"chevron-down\" />\n        </EButton>\n      </slot>\n    </DropdownMenuTrigger>\n    <DropdownMenuPortal :to=\"portal\">\n      <DropdownMenuContent\n        class=\"e-popover e-menu e-root\"\n        :align=\"align\"\n        :side-offset=\"8\"\n        :collision-padding=\"16\"\n        loop\n        @open-auto-focus=\"focusFirst\"\n        @close-auto-focus=\"returnFocus\"\n      >\n        <template v-for=\"(item, i) in items\" :key=\"i\">\n          <DropdownMenuSeparator v-if=\"item.divider\" as-child>\n            <EDivider />\n          </DropdownMenuSeparator>\n          <DropdownMenuItem\n            v-else\n            class=\"e-menu-item\"\n            :class=\"{ 'e-menu-item--danger': item.danger }\"\n            :disabled=\"item.disabled\"\n            @select=\"choose(item)\"\n          >\n            <EIcon v-if=\"item.icon\" :name=\"item.icon\" />\n            {{ item.label }}\n          </DropdownMenuItem>\n        </template>\n      </DropdownMenuContent>\n    </DropdownMenuPortal>\n  </DropdownMenuRoot>\n</template>\n\n<style>\n@layer e.containers {\n  .e-menu {\n    width: max-content;\n    min-width: 12rem;\n    max-width: min(20rem, calc(100vw - 32px));\n    padding: var(--e-space-1);\n  }\n\n  .e-menu-item {\n    display: flex;\n    align-items: center;\n    gap: var(--e-space-2);\n    width: 100%;\n    height: var(--e-control-height);\n    padding: 0 var(--e-space-3);\n    border: 0;\n    border-radius: var(--e-radius-sm);\n    background: transparent;\n    color: var(--e-ink);\n    font: 400 var(--e-text-md) / 1 var(--e-font-sans);\n    text-align: start;\n    cursor: pointer;\n  }\n\n  .e-menu-item:hover,\n  .e-menu-item:focus-visible {\n    background: var(--e-surface-tint);\n    outline: none;\n    box-shadow: inset 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-menu-item--danger {\n    color: var(--e-danger);\n  }\n\n  .e-menu-item[disabled] {\n    color: var(--e-muted);\n    cursor: not-allowed;\n  }\n\n  .e-menu .e-divider {\n    margin: var(--e-space-1) 0;\n  }\n\n  .e-menu-item[data-highlighted] {\n    background: var(--e-surface-tint);\n    outline: none;\n    box-shadow: inset 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-menu-item[data-disabled] {\n    color: var(--e-muted);\n    cursor: not-allowed;\n  }\n\n  @media (forced-colors: active) {\n    .e-menu-item[data-highlighted] {\n      forced-color-adjust: none;\n      background: Highlight;\n      color: HighlightText;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDA,IAAM0B,IAAOD,GAUPE,IAAO1B,EAAoB4B,GAAC,MAA0B,GAEtDC,IAASC,EAAgB;EAE/B,SAASC,EAAO,GAAmB;GAEjC,AADAC,EAAK,UAAU,GACfP,EAAK,UAAUO,CAAI;EACrB;EAEA,IAAIC,IAAW,IACXC,IAAW,IACTC,UAAgB,IAAW;EAEjC,EACET,IACC,MAAW;GACV,AAAKU,MAAQ,IAAW,CAAC,CAAC,SAAS,eAAe,QAAQ,aAAa;EACzE,GACA,EAAE,OAAO,OAAO,CAClB;EAEA,SAASC,EAAW,GAAc;GAChC,EAAM,eAAe;GACrB,IAAMC,IAAUC,EAAM;GACtB,AAAKN,MACL,IAAW,IACX,4BAA4B;IAC1B,GAAS,cAA2B,sCAAsC,CAAC,EAAE,MAAM,EAAE,eAAe,GAAK,CAAC;GAC5G,CAAC;EACH;EAEA,SAASO,EAAY,GAAc;GAEjC,AADA,IAAW,IACNN,KAAUK,EAAM,eAAe;EACtC;E,kBAIEtC,EAAA,GAAAC,EAoCmBC,EAAAyC,CAAA,GAAA;GApCO,MAAMlB,EAAA;GAAA,iBAAA,AAAAmB,EAAA,QAAA,MAAA,EAAI,QAAAC;GAAG,OAAO;;GAC5C,SAAA1C,QAOsB,CAPtBC,EAOsBF,EAAA8C,CAAA,GAAA;IAPD,YAAA;IAAU,SAAOd;IAAS,WAASA;;IACtD,SAAA/B,QAKO,CALPE,EAKO6C,EAAA,QAAA,WAAA,CAAA,SAAA,CAJL9C,EAGUE,GAHVC,EAGU;KAHA,SAASoB,EAAA;KAAU,MAAMA,EAAA;IAAc7B,GAAAA,EAAAA,MAAM,GAAA;KACrD,SAAAK,QAAW,CAARK,EAAAC,EAAAkB,EAAA,KAAK,IAAG,KACX,CAAA,GAAAvB,EAA6BM,GAAA,EAAtB,MAAK,eAAc,CAAA,C;;;;G,IAIhCN,EA0BqBF,EAAAoD,CAAA,GAAA,EA1BA,IAAIpD,EAAA0B,CAAA,EAAM,GAAA;IAC7B,SAAAzB,QAwBsB,CAxBtBC,EAwBsBF,EAAAqD,CAAA,GAAA;KAvBpB,OAAM;KACL,OAAO5B,EAAA;KACP,eAAa;KACb,qBAAmB;KACpB,MAAA;KACC,iBAAiBS;KACjB,kBAAkBG;;KAET,SAAApC,QAA0B,EAApCH,EAAA,EAAA,GAAAW,EAcWC,GAAA,MAAAC,EAdmBc,EAAA,QAAZ,GAAM,OAAmB3B,EAAA,GAAAW,EAAAC,GAAA,EAAA,KAAA+C,EAAC,GAAA,CACb5B,EAAK,WAAlC/B,EAAA,GAAAC,EAEwBC,EAAA0D,CAAA,GAAA;;MAFmB,YAAA;;MACzC,SAAAzD,QAAY,CAAZC,EAAYU,CAAA,C;;K,OAEdd,EAAA,GAAAC,EASmBC,EAAA2D,CAAA,GAAA;;MAPjB,OAAK9C,EAAA,CAAC,eAAa,EAAA,uBACcgB,EAAK,OAAM,CAAA,CAAA;MAC3C,UAAUA,EAAK;MACf,WAAM,MAAED,EAAOC,CAAI;;MAEpB,SAAA5B,QAA4C,CAA/B4B,EAAK,QAAlB/B,EAAA,GAAAC,EAA4CS,GAAA;;OAAnB,MAAMqB,EAAK;M,oCAAQvB,EAAA,MAC5CC,EAAGsB,EAAK,KAAK,GAAA,CAAA,C"}

package/dist/components/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EMenu } from './EMenu.vue.js';
+export type { EMenuAction, EMenuDivider, EMenuItem } from './EMenu.vue.js';

package/dist/components/MetaList/EMetaList.js

@@ -0,0 +1,8 @@
+import e from "./EMetaList.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                          */
+//#region src/components/MetaList/EMetaList.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=EMetaList.js.map