@eos-ui/vue 0.1.0 → 0.2.0

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

@@ -1,39 +0,0 @@
-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

@@ -1,61 +0,0 @@
-/* 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

@@ -1 +0,0 @@
-{"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

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

package/dist/components/LoadingBar/ELoadingBar.js

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-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

@@ -1,21 +0,0 @@
-/* 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

@@ -1 +0,0 @@
-{"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

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

package/dist/components/MetaList/EMetaList.js

@@ -1,8 +0,0 @@
-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

package/dist/components/MetaList/EMetaList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EMetaList.js","names":["_sfc_main","EMetaList_vue_vue_type_script_setup_true_lang_default","EMetaList_default"],"sources":["../../../src/components/MetaList/EMetaList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type VNodeChild } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\nexport interface MetaItem {\n  /** A decorative icon before the text. */\n  icon?: IconProp;\n  /** What the fact says, in words. A string, or a rendered VNode for rich text. */\n  text: string | VNodeChild;\n}\n\nconst props = defineProps<{\n  /** Short facts, one per line. `null` items are skipped. */\n  items: (MetaItem | null | undefined)[];\n}>();\n\nconst shown = computed(() => props.items.filter((it): it is MetaItem => Boolean(it)));\n\nconst Render = Object.assign((p: { value: VNodeChild }) => p.value, { props: [\"value\"] });\n</script>\n\n<template>\n  <ul class=\"e-meta\">\n    <li v-for=\"(item, i) in shown\" :key=\"i\">\n      <EIcon v-if=\"item.icon\" :name=\"item.icon\" />\n      <span><Render :value=\"item.text\" /></span>\n    </li>\n  </ul>\n</template>\n\n<style>\n@layer e.blocks {\n  .e-meta {\n    display: grid;\n    gap: var(--e-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    font: 400 var(--e-text-md) / 1.4 var(--e-font-sans);\n  }\n\n  .e-meta li {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--e-space-2);\n    min-width: 0;\n  }\n\n  .e-meta .e-icon {\n    flex: none;\n    width: 18px;\n    height: 18px;\n    margin-top: 2px;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/MetaList/EMetaList.vue.d.ts

@@ -1,15 +0,0 @@
-import { VNodeChild } from 'vue';
-import { IconProp } from '../../icons/types.js';
-export interface MetaItem {
-    /** A decorative icon before the text. */
-    icon?: IconProp;
-    /** What the fact says, in words. A string, or a rendered VNode for rich text. */
-    text: string | VNodeChild;
-}
-type __VLS_Props = {
-    /** Short facts, one per line. `null` items are skipped. */
-    items: (MetaItem | null | undefined)[];
-};
-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/MetaList/EMetaList.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +0,0 @@
-/* empty css                */
-import e from "../Icon/EIcon.js";
-import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, openBlock as l, renderList as u, unref as d } from "vue";
-//#region src/components/MetaList/EMetaList.vue?vue&type=script&setup=true&lang.ts
-var f = { class: "e-meta" }, p = /*@__PURE__*/ c({
-	__name: "EMetaList",
-	props: { items: {} },
-	setup(c) {
-		let p = c, m = n(() => p.items.filter((e) => !!e)), h = Object.assign((e) => e.value, { props: ["value"] });
-		return (n, c) => (l(), a("ul", f, [(l(!0), a(t, null, u(m.value, (t, n) => (l(), a("li", { key: n }, [t.icon ? (l(), r(e, {
-			key: 0,
-			name: t.icon
-		}, null, 8, ["name"])) : i("", !0), o("span", null, [s(d(h), { value: t.text }, null, 8, ["value"])])]))), 128))]));
-	}
-});
-//#endregion
-export { p as default };
-
-//# sourceMappingURL=EMetaList.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/MetaList/EMetaList.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EMetaList.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","EIcon","_createCommentVNode","_createElementVNode","_createVNode","_unref","EIcon_default","_hoisted_1","EMetaList_vue_vue_type_script_setup_true_lang_default","props","__props","shown","computed","it","Render","p","openBlock","createElementBlock","Fragment","renderList","i","item","createBlock","createCommentVNode","createElementVNode","createVNode","unref"],"sources":["../../../src/components/MetaList/EMetaList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, type VNodeChild } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\nexport interface MetaItem {\n  /** A decorative icon before the text. */\n  icon?: IconProp;\n  /** What the fact says, in words. A string, or a rendered VNode for rich text. */\n  text: string | VNodeChild;\n}\n\nconst props = defineProps<{\n  /** Short facts, one per line. `null` items are skipped. */\n  items: (MetaItem | null | undefined)[];\n}>();\n\nconst shown = computed(() => props.items.filter((it): it is MetaItem => Boolean(it)));\n\nconst Render = Object.assign((p: { value: VNodeChild }) => p.value, { props: [\"value\"] });\n</script>\n\n<template>\n  <ul class=\"e-meta\">\n    <li v-for=\"(item, i) in shown\" :key=\"i\">\n      <EIcon v-if=\"item.icon\" :name=\"item.icon\" />\n      <span><Render :value=\"item.text\" /></span>\n    </li>\n  </ul>\n</template>\n\n<style>\n@layer e.blocks {\n  .e-meta {\n    display: grid;\n    gap: var(--e-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    font: 400 var(--e-text-md) / 1.4 var(--e-font-sans);\n  }\n\n  .e-meta li {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--e-space-2);\n    min-width: 0;\n  }\n\n  .e-meta .e-icon {\n    flex: none;\n    width: 18px;\n    height: 18px;\n    margin-top: 2px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;EAaA,IAAMa,IAAQC,GAKRC,IAAQC,QAAeH,EAAM,MAAM,QAAQ,MAAuB,EAAQI,CAAG,CAAC,GAE9EC,IAAS,OAAO,QAAQ,MAA6BC,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC;E,kBAItFnB,EAAA,GAAAC,EAKK,MALLU,GAKK,EAJHX,EAAA,EAAA,GAAAC,EAGKC,GAAA,MAAAC,EAHmBY,EAAA,QAAZ,GAAM,OAAlBf,EAAA,GAAAC,EAGK,MAAA,EAH2B,KAAKuB,EAAC,GAAA,CACvBC,EAAK,QAAlBzB,EAAA,GAAAI,EAA4CC,GAAA;;GAAnB,MAAMoB,EAAK;E,oCACpClB,EAA0C,QAAA,MAAA,CAApCC,EAA6BC,EAAAS,CAAA,GAAA,EAApB,OAAOO,EAAK,K"}

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

@@ -1,2 +0,0 @@
-export { default as EMetaList } from './EMetaList.vue.js';
-export type { MetaItem } from './EMetaList.vue.js';

package/dist/components/MultiSelect/EMultiSelect.js

@@ -1,7 +0,0 @@
-import e from "./EMultiSelect.vue_vue_type_script_setup_true_lang.js";
-//#region src/components/MultiSelect/EMultiSelect.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=EMultiSelect.js.map

package/dist/components/MultiSelect/EMultiSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EMultiSelect.js","names":["_sfc_main","EMultiSelect_vue_vue_type_script_setup_true_lang_default","EMultiSelect_default"],"sources":["../../../src/components/MultiSelect/EMultiSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EComboboxBase from \"../Combobox/EComboboxBase.vue\";\nimport type { EComboboxProps } from \"../Combobox/types.js\";\n\nconst props = withDefaults(defineProps<EComboboxProps>(), { clearable: true });\n\ndefineEmits<{\n  /** The text in the input changed, by typing or by choosing. Use it to fetch options from a server. */\n  inputChange: [text: string];\n}>();\n\nconst model = defineModel<string[]>({ default: () => [] });\n\nconst open = defineModel<boolean>(\"open\", { default: false });\n\nconst base = ref<InstanceType<typeof EComboboxBase> | null>(null);\ndefineExpose({\n  input: () => base.value?.input ?? null,\n  focus: () => base.value?.focus(),\n});\n</script>\n\n<template>\n  <EComboboxBase\n    ref=\"base\"\n    v-bind=\"props\"\n    v-model=\"model\"\n    v-model:open=\"open\"\n    mode=\"multiple\"\n    @input-change=\"(text: string) => $emit('inputChange', text)\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/MultiSelect/EMultiSelect.vue.d.ts

@@ -1,44 +0,0 @@
-type __VLS_ModelProps = {
-    modelValue?: string[];
-    "open"?: boolean;
-};
-declare const __VLS_export: import('vue').DefineComponent<({
-    hideLabel?: boolean;
-    ariaLabel?: string;
-} & {
-    label: string;
-    bare?: boolean;
-} & import('../Combobox/types.js').EComboboxFields & __VLS_ModelProps) | ({
-    hideLabel?: boolean;
-    ariaLabel?: string;
-} & {
-    label?: string;
-    bare: true;
-} & import('../Combobox/types.js').EComboboxFields & __VLS_ModelProps), {
-    input: () => HTMLInputElement | null;
-    focus: () => void | undefined;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-    "update:modelValue": (value: string[]) => any;
-    inputChange: (text: string) => any;
-}, string, import('vue').PublicProps, Readonly<({
-    hideLabel?: boolean;
-    ariaLabel?: string;
-} & {
-    label: string;
-    bare?: boolean;
-} & import('../Combobox/types.js').EComboboxFields & __VLS_ModelProps) | ({
-    hideLabel?: boolean;
-    ariaLabel?: string;
-} & {
-    label?: string;
-    bare: true;
-} & import('../Combobox/types.js').EComboboxFields & __VLS_ModelProps)> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
-    onInputChange?: ((text: string) => any) | undefined;
-}>, {
-    clearable: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/MultiSelect/EMultiSelect.vue_vue_type_script_setup_true_lang.js

@@ -1,58 +0,0 @@
-import e from "../Combobox/EComboboxBase.js";
-import { createBlock as t, defineComponent as n, mergeModels as r, mergeProps as i, openBlock as a, ref as o, useModel as s } from "vue";
-//#region src/components/MultiSelect/EMultiSelect.vue?vue&type=script&setup=true&lang.ts
-var c = /*@__PURE__*/ n({
-	__name: "EMultiSelect",
-	props: /*@__PURE__*/ r({
-		hideLabel: { type: Boolean },
-		ariaLabel: {},
-		label: {},
-		bare: { type: Boolean },
-		options: {},
-		placeholder: {},
-		hint: {},
-		error: {},
-		required: { type: Boolean },
-		optional: { type: Boolean },
-		disabled: { type: Boolean },
-		name: {},
-		loading: { type: Boolean },
-		emptyText: {},
-		clearable: {
-			type: Boolean,
-			default: !0
-		},
-		filter: {},
-		id: {}
-	}, {
-		modelValue: { default: () => [] },
-		modelModifiers: {},
-		open: {
-			type: Boolean,
-			default: !1
-		},
-		openModifiers: {}
-	}),
-	emits: /*@__PURE__*/ r(["inputChange"], ["update:modelValue", "update:open"]),
-	setup(n, { expose: r }) {
-		let c = n, l = s(n, "modelValue"), u = s(n, "open"), d = o(null);
-		return r({
-			input: () => d.value?.input ?? null,
-			focus: () => d.value?.focus()
-		}), (n, r) => (a(), t(e, i({
-			ref_key: "base",
-			ref: d
-		}, c, {
-			modelValue: l.value,
-			"onUpdate:modelValue": r[0] ||= (e) => l.value = e,
-			open: u.value,
-			"onUpdate:open": r[1] ||= (e) => u.value = e,
-			mode: "multiple",
-			onInputChange: r[2] ||= (e) => n.$emit("inputChange", e)
-		}), null, 16, ["modelValue", "open"]));
-	}
-});
-//#endregion
-export { c as default };
-
-//# sourceMappingURL=EMultiSelect.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/MultiSelect/EMultiSelect.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EMultiSelect.vue_vue_type_script_setup_true_lang.js","names":["$emit","_useModel","_openBlock","_createBlock","EComboboxBase","_mergeProps","EComboboxBase_default","EMultiSelect_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","\"open\"","\"openModifiers\"","__expose","props","__props","model","useModel","open","base","ref","openBlock","createBlock","mergeProps","_cache","$event","_ctx","text"],"sources":["../../../src/components/MultiSelect/EMultiSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EComboboxBase from \"../Combobox/EComboboxBase.vue\";\nimport type { EComboboxProps } from \"../Combobox/types.js\";\n\nconst props = withDefaults(defineProps<EComboboxProps>(), { clearable: true });\n\ndefineEmits<{\n  /** The text in the input changed, by typing or by choosing. Use it to fetch options from a server. */\n  inputChange: [text: string];\n}>();\n\nconst model = defineModel<string[]>({ default: () => [] });\n\nconst open = defineModel<boolean>(\"open\", { default: false });\n\nconst base = ref<InstanceType<typeof EComboboxBase> | null>(null);\ndefineExpose({\n  input: () => base.value?.input ?? null,\n  focus: () => base.value?.focus(),\n});\n</script>\n\n<template>\n  <EComboboxBase\n    ref=\"base\"\n    v-bind=\"props\"\n    v-model=\"model\"\n    v-model:open=\"open\"\n    mode=\"multiple\"\n    @input-change=\"(text: string) => $emit('inputChange', text)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,IAAMa,IAAQC,GAORC,IAAQd,EAAqBa,GAAA,YAAsB,GAEnDG,IAAOhB,EAAoBa,GAAC,MAA0B,GAEtDI,IAAOC,EAA+C,IAAI;E,OAChEP,EAAa;GACX,aAAaM,EAAK,OAAO,SAAS;GAClC,aAAaA,EAAK,OAAO,MAAM;EACjC,CAAC,I,UAIChB,EAAA,GAAAC,EAOEC,GAPFC,EAOE;GANI,SAAA;GAAJ,KAAIa;EACI,GAAAL,GAAK;GACJ,YAAAE,EAAA;GAAA,uBAAA,AAAAQ,EAAA,QAAA,MAAA,EAAK,QAAAC;GACN,MAAMP,EAAA;GAAA,iBAAA,AAAAM,EAAA,QAAA,MAAA,EAAI,QAAAC;GAClB,MAAK;GACJ,eAAY,AAAAD,EAAA,QAAG,MAAiBvB,EAAAA,MAAK,eAAgB0B,CAAI"}

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

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

package/dist/components/Panel/EPanel.js

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

package/dist/components/Panel/EPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EPanel.js","names":["_sfc_main","EPanel_vue_vue_type_script_setup_true_lang_default","EPanel_default"],"sources":["../../../src/components/Panel/EPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ESurface from \"../Surface/ESurface.vue\";\nimport \"../../styles/base.css\";\n\nwithDefaults(\n  defineProps<{\n    /** A small mono label above the title. */\n    kicker?: string;\n    /** The panel's heading. With a title or an `action` the panel gets a header row. */\n    title?: 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  }>(),\n  { headingLevel: 3 },\n);\n\ndefineSlots<{\n  /** The body: statements, detail rows, a form. */\n  default?(): unknown;\n  /** The header's action, usually a Button. */\n  action?(): unknown;\n}>();\n</script>\n\n<template>\n  <ESurface as=\"section\" class=\"e-panel\">\n    <header v-if=\"title || $slots.action\" class=\"e-panel-head\">\n      <div>\n        <p v-if=\"kicker\" class=\"e-kicker\" style=\"margin: 0\">{{ kicker }}</p>\n        <component :is=\"`h${headingLevel}`\" v-if=\"title\" class=\"e-panel-title\">{{ title }}</component>\n      </div>\n      <slot name=\"action\" />\n    </header>\n    <div class=\"e-panel-body\"><slot /></div>\n  </ESurface>\n</template>\n\n<style>\n@layer e.containers {\n  .e-panel-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--e-space-3);\n    padding: var(--e-space-3) var(--e-space-4);\n    border-bottom: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-panel-title {\n    margin: 0;\n    font: 500 var(--e-text-xl) / 1.25 var(--e-font-sans);\n  }\n\n  .e-panel-body {\n    padding: var(--e-space-4);\n  }\n\n  @media print {\n    .e-panel {\n      box-shadow: none;\n      border: 1px solid #000;\n      break-inside: avoid;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Panel/EPanel.vue.d.ts

@@ -1,25 +0,0 @@
-type __VLS_Props = {
-    /** A small mono label above the title. */
-    kicker?: string;
-    /** The panel's heading. With a title or an `action` the panel gets a header row. */
-    title?: 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;
-};
-type __VLS_Slots = {
-    /** The body: statements, detail rows, a form. */
-    default?(): unknown;
-    /** The header's action, usually a Button. */
-    action?(): unknown;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    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/Panel/EPanel.vue_vue_type_script_setup_true_lang.js

@@ -1,38 +0,0 @@
-/* empty css                */
-import e from "../Surface/ESurface.js";
-import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, toDisplayString as u, withCtx as d } from "vue";
-//#region src/components/Panel/EPanel.vue?vue&type=script&setup=true&lang.ts
-var f = {
-	key: 0,
-	class: "e-panel-head"
-}, p = {
-	key: 0,
-	class: "e-kicker",
-	style: { margin: "0" }
-}, m = { class: "e-panel-body" }, h = /*@__PURE__*/ o({
-	__name: "EPanel",
-	props: {
-		kicker: {},
-		title: {},
-		headingLevel: { default: 3 }
-	},
-	setup(o) {
-		return (h, g) => (s(), t(e, {
-			as: "section",
-			class: "e-panel"
-		}, {
-			default: d(() => [o.title || h.$slots.action ? (s(), r("header", f, [i("div", null, [o.kicker ? (s(), r("p", p, u(o.kicker), 1)) : n("", !0), o.title ? (s(), t(l(`h${o.headingLevel}`), {
-				key: 1,
-				class: "e-panel-title"
-			}, {
-				default: d(() => [a(u(o.title), 1)]),
-				_: 1
-			})) : n("", !0)]), c(h.$slots, "action")])) : n("", !0), i("div", m, [c(h.$slots, "default")])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { h as default };
-
-//# sourceMappingURL=EPanel.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Panel/EPanel.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EPanel.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","ESurface","_withCtx","_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode","_resolveDynamicComponent","_createTextVNode","_renderSlot","ESurface_default","_hoisted_1","_hoisted_2","\"margin\"","_hoisted_3","EPanel_vue_vue_type_script_setup_true_lang_default","openBlock","createBlock","withCtx","__props","_ctx","createElementBlock","createElementVNode","toDisplayString","createCommentVNode","resolveDynamicComponent","createTextVNode","renderSlot"],"sources":["../../../src/components/Panel/EPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ESurface from \"../Surface/ESurface.vue\";\nimport \"../../styles/base.css\";\n\nwithDefaults(\n  defineProps<{\n    /** A small mono label above the title. */\n    kicker?: string;\n    /** The panel's heading. With a title or an `action` the panel gets a header row. */\n    title?: 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  }>(),\n  { headingLevel: 3 },\n);\n\ndefineSlots<{\n  /** The body: statements, detail rows, a form. */\n  default?(): unknown;\n  /** The header's action, usually a Button. */\n  action?(): unknown;\n}>();\n</script>\n\n<template>\n  <ESurface as=\"section\" class=\"e-panel\">\n    <header v-if=\"title || $slots.action\" class=\"e-panel-head\">\n      <div>\n        <p v-if=\"kicker\" class=\"e-kicker\" style=\"margin: 0\">{{ kicker }}</p>\n        <component :is=\"`h${headingLevel}`\" v-if=\"title\" class=\"e-panel-title\">{{ title }}</component>\n      </div>\n      <slot name=\"action\" />\n    </header>\n    <div class=\"e-panel-body\"><slot /></div>\n  </ESurface>\n</template>\n\n<style>\n@layer e.containers {\n  .e-panel-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--e-space-3);\n    padding: var(--e-space-3) var(--e-space-4);\n    border-bottom: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-panel-title {\n    margin: 0;\n    font: 500 var(--e-text-xl) / 1.25 var(--e-font-sans);\n  }\n\n  .e-panel-body {\n    padding: var(--e-space-4);\n  }\n\n  @media print {\n    .e-panel {\n      box-shadow: none;\n      border: 1px solid #000;\n      break-inside: avoid;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;E,kBAyBEC,EAAA,GAAAC,EASWC,GAAA;GATD,IAAG;GAAU,OAAM;;GAC3B,SAAAC,QAMS,CANKiB,EAAA,SAASrB,EAAAA,OAAO,UAA9BC,EAAA,GAAAI,EAMS,UANTQ,GAMS,CALPP,EAGM,OAAA,MAAA,CAFKe,EAAA,UAATpB,EAAA,GAAAI,EAAoE,KAApES,GAAoEP,EAAbc,EAAA,MAAM,GAAA,CAAA,K,WACnBA,EAAA,SAA1CpB,EAAA,GAAAC,EAA8FO,EAAA,IAA1EY,EAAA,cAAY,GAAA;;IAAiB,OAAM;;IAAgB,SAAAjB,QAAW,CAARM,EAAAH,EAAAc,EAAA,KAAK,GAAA,CAAA,C;;G,mBAEjFV,EAAsBW,EAAA,QAAA,QAAA,C,iBAExBhB,EAAwC,OAAxCU,GAAwC,CAAdL,EAAQW,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/Popover/EPopover.js

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

package/dist/components/Popover/EPopover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EPopover.js","names":["_sfc_main","EPopover_vue_vue_type_script_setup_true_lang_default","EPopover_default"],"sources":["../../../src/components/Popover/EPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { nextTick, ref, watch } from \"vue\";\nimport { PopoverClose, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from \"reka-ui\";\nimport EActions from \"../Actions/EActions.vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport EIconButton from \"../IconButton/EIconButton.vue\";\nimport { useMessages, usePortalTarget } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\nimport \"../Select/panel.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nwithDefaults(\n  defineProps<{\n    /** Names the panel for screen readers (when there is no `title`) and is read after the term. */\n    label: string;\n    /** Adds a title row with this title and a Close button. */\n    title?: string;\n    /** The level of the title's heading, so it fits the page outline. Default 3. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  }>(),\n  { headingLevel: 3 },\n);\n\ndefineSlots<{\n  /** The term, shown with a dotted underline and an info glyph. */\n  trigger(): unknown;\n  /** The explanation. Keep it short; use a Dialog when the reader must decide something. */\n  default(): unknown;\n  /** Buttons in a tinted footer, left-aligned, the main action first. They stack full width on a phone. */\n  actions?(): unknown;\n}>();\n\nconst open = defineModel<boolean>({ default: false });\n\nconst t = useMessages();\nconst portal = usePortalTarget();\nconst id = useUid();\n\nconst trigger = ref<HTMLElement | null>(null);\nwatch(\n  open,\n  async (isOpen) => {\n    if (!isOpen) return;\n    await nextTick();\n    document\n      .getElementById(trigger.value?.getAttribute(\"aria-controls\") ?? \"\")\n      ?.setAttribute(\"aria-labelledby\", `${id.value}-title`);\n  },\n  { flush: \"post\" },\n);\n</script>\n\n<template>\n  <PopoverRoot v-model:open=\"open\">\n    <PopoverTrigger as-child>\n      <button ref=\"trigger\" type=\"button\" class=\"e-linkbtn\" v-bind=\"$attrs\">\n        <EIcon name=\"info\" small />\n        <slot name=\"trigger\" />\n        <span class=\"e-sr\">, {{ label }}</span>\n      </button>\n    </PopoverTrigger>\n    <PopoverPortal :to=\"portal\">\n      <PopoverContent class=\"e-popover e-root\" side=\"bottom\" align=\"start\" :side-offset=\"8\" :collision-padding=\"16\">\n        <div v-if=\"title\" class=\"e-pop-head\">\n          <component :is=\"`h${headingLevel}`\" :id=\"`${id}-title`\" class=\"e-pop-title\">{{ title }}</component>\n          <PopoverClose as-child>\n            <EIconButton icon=\"x\" :label=\"t('close')\" />\n          </PopoverClose>\n        </div>\n        <span v-else :id=\"`${id}-title`\" class=\"e-sr\">{{ label }}</span>\n        <div class=\"e-pop-body\"><slot /></div>\n        <EActions v-if=\"$slots['actions']\" bar><slot name=\"actions\" /></EActions>\n      </PopoverContent>\n    </PopoverPortal>\n  </PopoverRoot>\n</template>\n\n<style>\n@layer e.containers {\n  .e-linkbtn {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-1);\n    position: relative;\n    min-height: 28px;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    color: var(--e-primary);\n    font: 500 var(--e-text-sm) / 1.3 var(--e-font-sans);\n    text-decoration: underline dotted;\n    text-decoration-color: currentcolor;\n    text-underline-offset: 4px;\n    text-decoration-thickness: 2px;\n    cursor: help;\n  }\n\n  .e-linkbtn::after {\n    content: \"\";\n    position: absolute;\n    inset: -8px -4px;\n  }\n\n  .e-linkbtn:hover,\n  .e-linkbtn:active {\n    color: var(--e-ink);\n  }\n\n  .e-pop-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--e-space-2);\n    padding: var(--e-space-1) var(--e-space-1) 0 var(--e-space-4);\n  }\n\n  .e-pop-title {\n    margin: 0;\n    font: 600 var(--e-text-xs) / 1.2 var(--e-font-mono);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--e-muted);\n  }\n\n  .e-pop-body {\n    padding: var(--e-space-3) var(--e-space-4) var(--e-space-4);\n    font: 400 var(--e-text-md) / 1.5 var(--e-font-sans);\n  }\n\n  .e-pop-head + .e-pop-body {\n    padding-top: var(--e-space-1);\n  }\n\n  @media print {\n    .e-linkbtn {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Popover/EPopover.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EPopover.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots","_useModel","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_createElementVNode","_mergeProps","EIcon","_renderSlot","_toDisplayString","_createElementBlock","_resolveDynamicComponent","_createTextVNode","EIconButton","EActions","_createCommentVNode","EActions_default","EIcon_default","EIconButton_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","EPopover_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","open","useModel","__props","t","useMessages","portal","usePortalTarget","id","useUid","trigger","ref","watch","isOpen","nextTick","openBlock","createBlock","unref","PopoverRoot","_cache","$event","withCtx","createVNode","PopoverTrigger","createElementVNode","mergeProps","_ctx","renderSlot","toDisplayString","PopoverPortal","PopoverContent","createElementBlock","resolveDynamicComponent","createTextVNode","PopoverClose","\"actions\"","createCommentVNode"],"sources":["../../../src/components/Popover/EPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { nextTick, ref, watch } from \"vue\";\nimport { PopoverClose, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from \"reka-ui\";\nimport EActions from \"../Actions/EActions.vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport EIconButton from \"../IconButton/EIconButton.vue\";\nimport { useMessages, usePortalTarget } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\nimport \"../Select/panel.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nwithDefaults(\n  defineProps<{\n    /** Names the panel for screen readers (when there is no `title`) and is read after the term. */\n    label: string;\n    /** Adds a title row with this title and a Close button. */\n    title?: string;\n    /** The level of the title's heading, so it fits the page outline. Default 3. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  }>(),\n  { headingLevel: 3 },\n);\n\ndefineSlots<{\n  /** The term, shown with a dotted underline and an info glyph. */\n  trigger(): unknown;\n  /** The explanation. Keep it short; use a Dialog when the reader must decide something. */\n  default(): unknown;\n  /** Buttons in a tinted footer, left-aligned, the main action first. They stack full width on a phone. */\n  actions?(): unknown;\n}>();\n\nconst open = defineModel<boolean>({ default: false });\n\nconst t = useMessages();\nconst portal = usePortalTarget();\nconst id = useUid();\n\nconst trigger = ref<HTMLElement | null>(null);\nwatch(\n  open,\n  async (isOpen) => {\n    if (!isOpen) return;\n    await nextTick();\n    document\n      .getElementById(trigger.value?.getAttribute(\"aria-controls\") ?? \"\")\n      ?.setAttribute(\"aria-labelledby\", `${id.value}-title`);\n  },\n  { flush: \"post\" },\n);\n</script>\n\n<template>\n  <PopoverRoot v-model:open=\"open\">\n    <PopoverTrigger as-child>\n      <button ref=\"trigger\" type=\"button\" class=\"e-linkbtn\" v-bind=\"$attrs\">\n        <EIcon name=\"info\" small />\n        <slot name=\"trigger\" />\n        <span class=\"e-sr\">, {{ label }}</span>\n      </button>\n    </PopoverTrigger>\n    <PopoverPortal :to=\"portal\">\n      <PopoverContent class=\"e-popover e-root\" side=\"bottom\" align=\"start\" :side-offset=\"8\" :collision-padding=\"16\">\n        <div v-if=\"title\" class=\"e-pop-head\">\n          <component :is=\"`h${headingLevel}`\" :id=\"`${id}-title`\" class=\"e-pop-title\">{{ title }}</component>\n          <PopoverClose as-child>\n            <EIconButton icon=\"x\" :label=\"t('close')\" />\n          </PopoverClose>\n        </div>\n        <span v-else :id=\"`${id}-title`\" class=\"e-sr\">{{ label }}</span>\n        <div class=\"e-pop-body\"><slot /></div>\n        <EActions v-if=\"$slots['actions']\" bar><slot name=\"actions\" /></EActions>\n      </PopoverContent>\n    </PopoverPortal>\n  </PopoverRoot>\n</template>\n\n<style>\n@layer e.containers {\n  .e-linkbtn {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-1);\n    position: relative;\n    min-height: 28px;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    color: var(--e-primary);\n    font: 500 var(--e-text-sm) / 1.3 var(--e-font-sans);\n    text-decoration: underline dotted;\n    text-decoration-color: currentcolor;\n    text-underline-offset: 4px;\n    text-decoration-thickness: 2px;\n    cursor: help;\n  }\n\n  .e-linkbtn::after {\n    content: \"\";\n    position: absolute;\n    inset: -8px -4px;\n  }\n\n  .e-linkbtn:hover,\n  .e-linkbtn:active {\n    color: var(--e-ink);\n  }\n\n  .e-pop-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--e-space-2);\n    padding: var(--e-space-1) var(--e-space-1) 0 var(--e-space-4);\n  }\n\n  .e-pop-title {\n    margin: 0;\n    font: 600 var(--e-text-xs) / 1.2 var(--e-font-mono);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--e-muted);\n  }\n\n  .e-pop-body {\n    padding: var(--e-space-3) var(--e-space-4) var(--e-space-4);\n    font: 400 var(--e-text-md) / 1.5 var(--e-font-sans);\n  }\n\n  .e-pop-head + .e-pop-body {\n    padding-top: var(--e-space-1);\n  }\n\n  @media print {\n    .e-linkbtn {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,IAAM6B,IAAO3B,EAAoB6B,GAAA,YAAmB,GAE9CC,IAAIC,EAAY,GAChBC,IAASC,EAAgB,GACzBC,IAAKC,EAAO,GAEZC,IAAUC,EAAwB,IAAI;E,OAC5CC,EACEX,GACA,OAAO,MAAW;GAChB,AAAKY,MACL,MAAMC,EAAS,GACf,SACG,eAAeJ,EAAQ,OAAO,aAAa,eAAe,KAAK,EAAE,CAAA,EAChE,aAAa,mBAAmB,GAAGF,EAAG,MAAM,OAAO;EACzD,GACA,EAAE,OAAO,OAAO,CAClB,I,UAIEjC,EAAA,GAAAC,EAqBcC,EAAAyC,CAAA,GAAA;GArBO,MAAMjB,EAAA;GAAA,iBAAA,AAAAkB,EAAA,QAAA,MAAA,EAAI,QAAAC;;GAC7B,SAAA1C,QAMiB,CANjBC,EAMiBF,EAAA8C,CAAA,GAAA,EAND,YAAA,GAAQ,GAAA;IACtB,SAAA7C,QAIS,CAJTE,EAIS,UAJTC,EAIS;KAJG,SAAA;KAAJ,KAAI6B;KAAU,MAAK;KAAS,OAAM;IAAoBtC,GAAAA,EAAAA,MAAM,GAAA;KAClEO,EAA2BG,GAAA;MAApB,MAAK;MAAO,OAAA;;KACnBC,EAAuB2C,EAAA,QAAA,SAAA;KACvB9C,EAAuC,QAAvCc,GAAmB,OAAEV,EAAGmB,EAAA,KAAK,GAAA,CAAA;;;G,IAGjCxB,EAYgBF,EAAAoD,CAAA,GAAA,EAZA,IAAIpD,EAAA6B,CAAA,EAAM,GAAA;IACxB,SAAA5B,QAUiB,CAVjBC,EAUiBF,EAAAqD,CAAA,GAAA;KAVD,OAAM;KAAmB,MAAK;KAAS,OAAM;KAAS,eAAa;KAAI,qBAAmB;;KACxG,SAAApD,QAKM;MALKyB,EAAA,SAAX5B,EAAA,GAAAU,EAKM,OALNU,GAKM,EAJJpB,EAAA,GAAAC,EAAmGU,EAAA,IAA/EiB,EAAA,cAAY,GAAA;OAAK,IAAE,GAAK1B,EAAA+B,CAAA,EAAE;OAAU,OAAM;;OAAc,SAAA9B,QAAW,CAARS,EAAAH,EAAAmB,EAAA,KAAK,GAAA,CAAA,C;;M,gBACpFxB,EAEeF,EAAAyD,CAAA,GAAA,EAFD,YAAA,GAAQ,GAAA;OACpB,SAAAxD,QAA4C,CAA5CC,EAA4CS,GAAA;QAA/B,MAAK;QAAK,OAAOX,EAAA2B,CAAA,CAAC,CAAA,OAAA;;;M,SAGnC7B,EAAA,GAAAU,EAAgE,QAAA;;OAAlD,IAAE,GAAKR,EAAA+B,CAAA,EAAE;OAAU,OAAM;MAAU,GAAAxB,EAAAmB,EAAA,KAAK,GAAA,GAAAP,CAAA;MACtDhB,EAAsC,OAAtCiB,GAAsC,CAAdd,EAAQ2C,EAAA,QAAA,SAAA,C;MAChBrD,EAAAA,OAAM8D,WAAtB5D,EAAA,GAAAC,EAAyEa,GAAA;;OAAtC,KAAA;;OAAI,SAAAX,QAAuB,CAAvBK,EAAuB2C,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/SlotPicker/ESlotPicker.js

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

package/dist/components/SlotPicker/ESlotPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ESlotPicker.js","names":["_sfc_main","ESlotPicker_vue_vue_type_script_setup_true_lang_default","ESlotPicker_default"],"sources":["../../../src/components/SlotPicker/ESlotPicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface SlotOption {\n  value: string;\n  label: string;\n  /** A taken time: dashed and struck through, and not selectable. */\n  disabled?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport EFieldset from \"../Fieldset/EFieldset.vue\";\nimport { useMessages } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<{\n  /** The question the times answer, usually the day. Names the group for screen readers. */\n  label: string;\n  /** The times. A string is both value and label. */\n  options: (string | SlotOption)[];\n  /** Shown when the day has no times. Default \"No times are open on this day.\" */\n  emptyText?: string;\n  /** Help that is announced with the group. */\n  hint?: string;\n  /** What to fix. Replaces the hint and is announced with the group. */\n  error?: string;\n  /** The `required` attribute and the word \"Required\". */\n  required?: boolean;\n  /** A word beside the legend. Flag whichever is rarer. */\n  optional?: boolean;\n  /** Disables every time. */\n  disabled?: boolean;\n  /** The name the radios share, submitted with a form. Generated when left out. */\n  name?: string;\n}>();\n\nconst model = defineModel<string | null>({ default: null });\n\nconst t = useMessages();\nconst name = useUid(() => props.name);\nconst times = computed<SlotOption[]>(() =>\n  props.options.map((s) => (typeof s === \"string\" ? { value: s, label: s } : s)),\n);\n</script>\n\n<template>\n  <EFieldset\n    :id=\"`${name}-fs`\"\n    bare\n    class=\"e-slots\"\n    legend-class=\"e-slots-legend\"\n    :legend=\"label\"\n    :hint=\"hint\"\n    :error=\"error\"\n    :required=\"required\"\n    :optional=\"optional\"\n    :disabled=\"disabled\"\n  >\n    <div v-if=\"times.length\" class=\"e-slots-grid\">\n      <label v-for=\"o in times\" :key=\"o.value\" class=\"e-slot\" :class=\"{ 'e-slot--off': o.disabled }\">\n        <input\n          type=\"radio\"\n          class=\"e-slot-input\"\n          :name=\"name\"\n          :value=\"o.value\"\n          :checked=\"model === o.value\"\n          :disabled=\"o.disabled\"\n          :required=\"required\"\n          @change=\"model = o.value\"\n        />\n        <span class=\"e-slot-text\">{{ o.label }}</span>\n      </label>\n    </div>\n    <p v-else class=\"e-field-hint\">{{ emptyText || t(\"noTimes\") }}</p>\n  </EFieldset>\n</template>\n\n<style>\n@layer e.controls {\n  .e-slots {\n    display: grid;\n    gap: var(--e-space-2);\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  .e-slots-legend {\n    padding: 0;\n  }\n\n  .e-slots-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr));\n    gap: var(--e-space-2);\n  }\n\n  .e-slot {\n    position: relative;\n    display: block;\n  }\n\n  .e-slot-input {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    margin: 0;\n    cursor: pointer;\n  }\n\n  .e-slot-text {\n    display: grid;\n    place-items: center;\n    height: var(--e-control-height);\n    border: var(--e-stroke-edge) solid var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    font: 500 var(--e-text-sm)/1 var(--e-font-mono);\n    font-variant-numeric: tabular-nums;\n    transition:\n      background-color var(--e-duration-tap) var(--e-easing-out),\n      border-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-slot:hover .e-slot-text {\n    background: var(--e-surface-tint);\n    border-color: var(--e-ink);\n  }\n\n  .e-slot-input:checked + .e-slot-text {\n    background: var(--e-primary);\n    border-color: var(--e-primary);\n    border-bottom-color: color-mix(in srgb, var(--e-primary) 70%, #000);\n    border-bottom-width: calc(var(--e-stroke-edge) + var(--e-depth));\n    padding-top: var(--e-depth);\n    color: var(--e-on-primary);\n    font-weight: 600;\n  }\n\n  .e-slot-input:focus-visible + .e-slot-text {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n  }\n\n  .e-slot--off .e-slot-text {\n    border-style: dashed;\n    color: var(--e-muted);\n    text-decoration: line-through;\n    background: var(--e-surface-tint);\n    cursor: not-allowed;\n  }\n\n  .e-slot--off:hover .e-slot-text {\n    border-color: var(--e-border-strong);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/SlotPicker/ESlotPicker.vue.d.ts

@@ -1,55 +0,0 @@
-export interface SlotOption {
-    value: string;
-    label: string;
-    /** A taken time: dashed and struck through, and not selectable. */
-    disabled?: boolean;
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import('vue').DefineComponent<{
-    /** The question the times answer, usually the day. Names the group for screen readers. */
-    label: string;
-    /** The times. A string is both value and label. */
-    options: (string | SlotOption)[];
-    /** Shown when the day has no times. Default "No times are open on this day." */
-    emptyText?: string;
-    /** Help that is announced with the group. */
-    hint?: string;
-    /** What to fix. Replaces the hint and is announced with the group. */
-    error?: string;
-    /** The `required` attribute and the word "Required". */
-    required?: boolean;
-    /** A word beside the legend. Flag whichever is rarer. */
-    optional?: boolean;
-    /** Disables every time. */
-    disabled?: boolean;
-    /** The name the radios share, submitted with a form. Generated when left out. */
-    name?: string;
-} & {
-    modelValue?: string | null;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | null) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    /** The question the times answer, usually the day. Names the group for screen readers. */
-    label: string;
-    /** The times. A string is both value and label. */
-    options: (string | SlotOption)[];
-    /** Shown when the day has no times. Default "No times are open on this day." */
-    emptyText?: string;
-    /** Help that is announced with the group. */
-    hint?: string;
-    /** What to fix. Replaces the hint and is announced with the group. */
-    error?: string;
-    /** The `required` attribute and the word "Required". */
-    required?: boolean;
-    /** A word beside the legend. Flag whichever is rarer. */
-    optional?: boolean;
-    /** Disables every time. */
-    disabled?: boolean;
-    /** The name the radios share, submitted with a form. Generated when left out. */
-    name?: string;
-} & {
-    modelValue?: string | null;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;