@eos-ui/vue 0.0.0-stage → 0.1.0

package/dist/components/Autocomplete/EAutocomplete.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+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/Autocomplete/EAutocomplete.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	__name: "EAutocomplete",
+	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: "free",
+			onInputChange: r[2] ||= (e) => n.$emit("inputChange", e)
+		}), null, 16, ["modelValue", "open"]));
+	}
+});
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=EAutocomplete.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Autocomplete/EAutocomplete.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EAutocomplete.vue_vue_type_script_setup_true_lang.js","names":["$emit","_useModel","_openBlock","_createBlock","EComboboxBase","_mergeProps","EComboboxBase_default","EAutocomplete_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/Autocomplete/EAutocomplete.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 a suggestion. Use it to fetch suggestions 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=\"free\"\n    @input-change=\"(text: string) => $emit('inputChange', text)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,IAAMa,IAAQC,GAORC,IAAQd,EAAmBa,GAAA,YAAgB,GAE3CG,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/Autocomplete/index.d.ts

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

package/dist/components/Avatar/EAvatar.js

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

package/dist/components/Avatar/EAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EAvatar.js","names":["_sfc_main","EAvatar_vue_vue_type_script_setup_true_lang_default","EAvatar_default"],"sources":["../../../src/components/Avatar/EAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** The person's name. Screen readers read it; the initials come from it. */\n    name: string;\n    /** A photo URL. If it fails to load, the initials appear. */\n    src?: string;\n    /** 28px, for rows. */\n    small?: boolean;\n    /** 56px, for a practitioner on an appointment card or a profile. */\n    large?: boolean;\n    /** `button` makes it a control named by `name`, such as the trigger of an account menu. Default `span`. */\n    as?: \"span\" | \"button\";\n  }>(),\n  { as: \"span\" },\n);\n\nconst failed = ref(false);\nwatch(\n  () => props.src,\n  () => (failed.value = false),\n);\n\nconst initials = computed(() => {\n  const parts = String(props.name || \"?\")\n    .split(/\\s+/)\n    .filter(Boolean);\n  const first = [...(parts[0] ?? \"?\")][0] ?? \"?\";\n  const last = parts.length > 1 ? ([...parts[parts.length - 1]!][0] ?? \"\") : \"\";\n  return (first + last).toUpperCase();\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"e-avatar\"\n    :class=\"{ 'e-avatar--s': small, 'e-avatar--l': large, 'e-avatar--button': as === 'button' }\"\n    :type=\"as === 'button' ? 'button' : undefined\"\n    :role=\"as === 'button' ? undefined : 'img'\"\n    :aria-label=\"as === 'button' ? undefined : name\"\n  >\n    <img v-if=\"src && !failed\" class=\"e-avatar-img\" :src=\"src\" alt=\"\" @error=\"failed = true\" />\n    <span v-else-if=\"as === 'button'\" aria-hidden=\"true\">{{ initials }}</span>\n    <template v-else>{{ initials }}</template>\n    <span v-if=\"as === 'button'\" class=\"e-sr\">{{ name }}</span>\n  </component>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-avatar {\n    display: inline-grid;\n    place-items: center;\n    flex: none;\n    width: 40px;\n    height: 40px;\n    overflow: hidden;\n    border: var(--e-stroke-edge) solid var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface-tint);\n    color: var(--e-primary);\n    font: 600 var(--e-text-sm) / 1 var(--e-font-mono);\n    letter-spacing: 0.02em;\n  }\n\n  .e-avatar--button {\n    position: relative;\n    padding: 0;\n    cursor: pointer;\n    transition: border-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-avatar--button:hover {\n    border-color: var(--e-ink);\n  }\n\n  .e-avatar--button:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-avatar--button {\n      transition: none;\n    }\n  }\n\n  .e-avatar--s {\n    width: 28px;\n    height: 28px;\n    font-size: var(--e-text-xs);\n    border-radius: var(--e-radius-sm);\n  }\n\n  .e-avatar--l {\n    width: 56px;\n    height: 56px;\n    font-size: var(--e-text-lg);\n  }\n\n  .e-avatar-img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Avatar/EAvatar.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    /** The person's name. Screen readers read it; the initials come from it. */
+    name: string;
+    /** A photo URL. If it fails to load, the initials appear. */
+    src?: string;
+    /** 28px, for rows. */
+    small?: boolean;
+    /** 56px, for a practitioner on an appointment card or a profile. */
+    large?: boolean;
+    /** `button` makes it a control named by `name`, such as the trigger of an account menu. Default `span`. */
+    as?: "span" | "button";
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: "button" | "span";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Avatar/EAvatar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,55 @@
+/* empty css                */
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, resolveDynamicComponent as u, toDisplayString as d, watch as f, withCtx as p } from "vue";
+//#region src/components/Avatar/EAvatar.vue?vue&type=script&setup=true&lang.ts
+var m = ["src"], h = {
+	key: 1,
+	"aria-hidden": "true"
+}, g = {
+	key: 3,
+	class: "e-sr"
+}, _ = /*@__PURE__*/ o({
+	__name: "EAvatar",
+	props: {
+		name: {},
+		src: {},
+		small: { type: Boolean },
+		large: { type: Boolean },
+		as: { default: "span" }
+	},
+	setup(o) {
+		let _ = o, v = l(!1);
+		f(() => _.src, () => v.value = !1);
+		let y = t(() => {
+			let e = String(_.name || "?").split(/\s+/).filter(Boolean);
+			return (([...e[0] ?? "?"][0] ?? "?") + (e.length > 1 ? [...e[e.length - 1]][0] ?? "" : "")).toUpperCase();
+		});
+		return (t, l) => (c(), n(u(o.as), {
+			class: s(["e-avatar", {
+				"e-avatar--s": o.small,
+				"e-avatar--l": o.large,
+				"e-avatar--button": o.as === "button"
+			}]),
+			type: o.as === "button" ? "button" : void 0,
+			role: o.as === "button" ? void 0 : "img",
+			"aria-label": o.as === "button" ? void 0 : o.name
+		}, {
+			default: p(() => [o.src && !v.value ? (c(), i("img", {
+				key: 0,
+				class: "e-avatar-img",
+				src: o.src,
+				alt: "",
+				onError: l[0] ||= (e) => v.value = !0
+			}, null, 40, m)) : o.as === "button" ? (c(), i("span", h, d(y.value), 1)) : (c(), i(e, { key: 2 }, [a(d(y.value), 1)], 64)), o.as === "button" ? (c(), i("span", g, d(o.name), 1)) : r("", !0)]),
+			_: 1
+		}, 8, [
+			"class",
+			"type",
+			"role",
+			"aria-label"
+		]));
+	}
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=EAvatar.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Avatar/EAvatar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EAvatar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_createElementBlock","_toDisplayString","_Fragment","_createTextVNode","_createCommentVNode","_hoisted_1","_hoisted_2","_hoisted_3","EAvatar_vue_vue_type_script_setup_true_lang_default","props","__props","failed","ref","initials","computed","parts","openBlock","createBlock","resolveDynamicComponent","normalizeClass","withCtx","createElementBlock","_cache","toDisplayString","Fragment","createTextVNode","createCommentVNode"],"sources":["../../../src/components/Avatar/EAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** The person's name. Screen readers read it; the initials come from it. */\n    name: string;\n    /** A photo URL. If it fails to load, the initials appear. */\n    src?: string;\n    /** 28px, for rows. */\n    small?: boolean;\n    /** 56px, for a practitioner on an appointment card or a profile. */\n    large?: boolean;\n    /** `button` makes it a control named by `name`, such as the trigger of an account menu. Default `span`. */\n    as?: \"span\" | \"button\";\n  }>(),\n  { as: \"span\" },\n);\n\nconst failed = ref(false);\nwatch(\n  () => props.src,\n  () => (failed.value = false),\n);\n\nconst initials = computed(() => {\n  const parts = String(props.name || \"?\")\n    .split(/\\s+/)\n    .filter(Boolean);\n  const first = [...(parts[0] ?? \"?\")][0] ?? \"?\";\n  const last = parts.length > 1 ? ([...parts[parts.length - 1]!][0] ?? \"\") : \"\";\n  return (first + last).toUpperCase();\n});\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"e-avatar\"\n    :class=\"{ 'e-avatar--s': small, 'e-avatar--l': large, 'e-avatar--button': as === 'button' }\"\n    :type=\"as === 'button' ? 'button' : undefined\"\n    :role=\"as === 'button' ? undefined : 'img'\"\n    :aria-label=\"as === 'button' ? undefined : name\"\n  >\n    <img v-if=\"src && !failed\" class=\"e-avatar-img\" :src=\"src\" alt=\"\" @error=\"failed = true\" />\n    <span v-else-if=\"as === 'button'\" aria-hidden=\"true\">{{ initials }}</span>\n    <template v-else>{{ initials }}</template>\n    <span v-if=\"as === 'button'\" class=\"e-sr\">{{ name }}</span>\n  </component>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-avatar {\n    display: inline-grid;\n    place-items: center;\n    flex: none;\n    width: 40px;\n    height: 40px;\n    overflow: hidden;\n    border: var(--e-stroke-edge) solid var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface-tint);\n    color: var(--e-primary);\n    font: 600 var(--e-text-sm) / 1 var(--e-font-mono);\n    letter-spacing: 0.02em;\n  }\n\n  .e-avatar--button {\n    position: relative;\n    padding: 0;\n    cursor: pointer;\n    transition: border-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-avatar--button:hover {\n    border-color: var(--e-ink);\n  }\n\n  .e-avatar--button:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-avatar--button {\n      transition: none;\n    }\n  }\n\n  .e-avatar--s {\n    width: 28px;\n    height: 28px;\n    font-size: var(--e-text-xs);\n    border-radius: var(--e-radius-sm);\n  }\n\n  .e-avatar--l {\n    width: 56px;\n    height: 56px;\n    font-size: var(--e-text-lg);\n  }\n\n  .e-avatar-img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAIA,IAAMc,IAAQC,GAgBRC,IAASC,EAAI,EAAK;EACxB,QACQH,EAAM,WACL,EAAO,QAAQ,EACxB;EAEA,IAAMI,IAAWC,QAAe;GAC9B,IAAMC,IAAQ,OAAON,EAAM,QAAQ,GAAG,CAAA,CACnC,MAAM,KAAK,CAAA,CACX,OAAO,OAAO;GAGjB,SAFc,CAAC,GAAIM,EAAM,MAAM,GAAI,CAAC,CAAC,MAAM,QAC9BA,EAAM,SAAS,IAAK,CAAC,GAAGA,EAAMA,EAAM,SAAS,EAAG,CAAC,CAAC,MAAM,KAAM,IAAA,CACrD,YAAY;EACpC,CAAC;E,kBAICpB,EAAA,GAAAC,EAYYC,EAXLa,EAAA,EAAE,GAAA;GACP,OAAKZ,EAAA,CAAC,YAAU;IAAA,eACSY,EAAA;IAAK,eAAiBA,EAAA;IAAK,oBAAsBA,EAAA,OAAE;GAAA,CAAA,CAAA;GAC3E,MAAMA,EAAA,OAAE,WAAA,WAA2B,KAAA;GACnC,MAAMA,EAAA,OAAE,WAAgB,KAAA,IAAS;GACjC,cAAYA,EAAA,OAAE,WAAgB,KAAA,IAAYA,EAAA;;GAE3C,SAAAX,QAA2F,CAAhFW,EAAA,OAAG,CAAKC,EAAA,SAAnBhB,EAAA,GAAAK,EAA2F,OAAA;;IAAhE,OAAM;IAAgB,KAAKU,EAAA;IAAK,KAAI;IAAI,SAAK,AAAAY,EAAA,QAAA,MAAE,EAAA,QAAM;G,mBAC/DZ,EAAA,OAAE,YAAnBf,EAAA,GAAAK,EAA0E,QAA1EM,GAA0EL,EAAlBY,EAAA,KAAQ,GAAA,CAAA,MAChElB,EAAA,GAAAK,EAA0CE,GAAA,EAAA,KAAA,EAAA,GAAA,CAAtBC,EAAAF,EAAAY,EAAA,KAAQ,GAAA,CAAA,C,SAChBH,EAAA,OAAE,YAAdf,EAAA,GAAAK,EAA2D,QAA3DO,GAA2DN,EAAdS,EAAA,IAAI,GAAA,CAAA,K"}

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

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

package/dist/components/BackLink/EBackLink.js

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

package/dist/components/BackLink/EBackLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EBackLink.js","names":["_sfc_main","EBackLink_vue_vue_type_script_setup_true_lang_default","EBackLink_default"],"sources":["../../../src/components/BackLink/EBackLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, type Component } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    /** Where it goes. Defaults to `#`; pass `to` as an attribute with `linkComponent` for a router. */\n    href?: 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: \"#\", linkComponent: \"a\" },\n);\n\ndefineSlots<{\n  /** The words: name the destination (\"Back to statements\"). Defaults to \"Back\". */\n  default?(): unknown;\n}>();\n\nconst t = useMessages();\nconst attrs = useAttrs();\nconst linkAttrs = computed(() => ({ ...(attrs.to === undefined && { href: props.href }), ...attrs }));\n</script>\n\n<template>\n  <component :is=\"linkComponent\" class=\"e-backlink\" v-bind=\"linkAttrs\">\n    <EIcon name=\"arrow-left\" />\n    <slot>{{ t(\"back\") }}</slot>\n  </component>\n</template>\n\n<style>\n@layer e.page {\n  .e-backlink {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-2);\n    min-height: var(--e-control-height);\n    color: var(--e-primary);\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n    text-decoration: underline;\n    text-decoration-color: var(--e-primary);\n    text-underline-offset: 4px;\n  }\n\n  .e-backlink:hover {\n    color: var(--e-ink);\n    text-decoration-color: var(--e-ink);\n  }\n\n  .e-backlink: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  @media print {\n    .e-backlink {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/BackLink/EBackLink.vue.d.ts

@@ -0,0 +1,23 @@
+import { Component } from 'vue';
+type __VLS_Props = {
+    /** Where it goes. Defaults to `#`; pass `to` as an attribute with `linkComponent` for a router. */
+    href?: 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 = {
+    /** The words: name the destination ("Back to statements"). Defaults to "Back". */
+    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<{}>, {
+    href: string;
+    linkComponent: string | Component;
+}, {}, {}, {}, 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/BackLink/EBackLink.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+/* empty css                */
+import { useMessages as e } from "../../config.js";
+import t from "../Icon/EIcon.js";
+import { computed as n, createBlock as r, createTextVNode as i, createVNode as a, defineComponent as o, mergeProps as s, openBlock as c, renderSlot as l, resolveDynamicComponent as u, toDisplayString as d, unref as f, useAttrs as p, withCtx as m } from "vue";
+//#region src/components/BackLink/EBackLink.vue?vue&type=script&setup=true&lang.ts
+var h = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "EBackLink",
+	props: {
+		href: { default: "#" },
+		linkComponent: { default: "a" }
+	},
+	setup(o) {
+		let h = o, g = e(), _ = p(), v = n(() => ({
+			..._.to === void 0 && { href: h.href },
+			..._
+		}));
+		return (e, n) => (c(), r(u(o.linkComponent), s({ class: "e-backlink" }, v.value), {
+			default: m(() => [a(t, { name: "arrow-left" }), l(e.$slots, "default", {}, () => [i(d(f(g)("back")), 1)])]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=EBackLink.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/BackLink/EBackLink.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EBackLink.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_withCtx","_createVNode","EIcon","_renderSlot","_createTextVNode","_toDisplayString","_unref","EIcon_default","EBackLink_vue_vue_type_script_setup_true_lang_default","props","__props","t","useMessages","attrs","useAttrs","linkAttrs","computed","openBlock","createBlock","resolveDynamicComponent","mergeProps","withCtx","createVNode","renderSlot","_ctx","createTextVNode","toDisplayString","unref"],"sources":["../../../src/components/BackLink/EBackLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useAttrs, type Component } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    /** Where it goes. Defaults to `#`; pass `to` as an attribute with `linkComponent` for a router. */\n    href?: 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: \"#\", linkComponent: \"a\" },\n);\n\ndefineSlots<{\n  /** The words: name the destination (\"Back to statements\"). Defaults to \"Back\". */\n  default?(): unknown;\n}>();\n\nconst t = useMessages();\nconst attrs = useAttrs();\nconst linkAttrs = computed(() => ({ ...(attrs.to === undefined && { href: props.href }), ...attrs }));\n</script>\n\n<template>\n  <component :is=\"linkComponent\" class=\"e-backlink\" v-bind=\"linkAttrs\">\n    <EIcon name=\"arrow-left\" />\n    <slot>{{ t(\"back\") }}</slot>\n  </component>\n</template>\n\n<style>\n@layer e.page {\n  .e-backlink {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-2);\n    min-height: var(--e-control-height);\n    color: var(--e-primary);\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n    text-decoration: underline;\n    text-decoration-color: var(--e-primary);\n    text-underline-offset: 4px;\n  }\n\n  .e-backlink:hover {\n    color: var(--e-ink);\n    text-decoration-color: var(--e-ink);\n  }\n\n  .e-backlink: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  @media print {\n    .e-backlink {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EAQA,IAAMa,IAAQC,GAeRC,IAAIC,EAAY,GAChBC,IAAQC,EAAS,GACjBC,IAAYC,SAAgB;GAAE,GAAIH,EAAM,OAAO,KAAA,KAAa,EAAE,MAAMJ,EAAM,KAAK;GAAI,GAAGI;EAAM,EAAE;E,kBAIlGjB,EAAA,GAAAC,EAGYC,EAHIY,EAAA,aAAa,GAA7BX,EAGY,EAHmB,OAAM,aAAY,GAASgB,EAAA,KAAS,GAAA;GACjE,SAAAf,QAA2B,CAA3BC,EAA2BC,GAAA,EAApB,MAAK,aAAY,CAAA,GACxBC,EAA4BqB,EAAA,QAAA,WAAA,CAAA,SAAA,CAAnBpB,EAAAC,EAAAC,EAAAK,CAAA,CAAC,CAAA,MAAA,CAAA,GAAA,CAAA,C"}

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

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

package/dist/components/BookingCard/EBookingCard.js

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

package/dist/components/BookingCard/EBookingCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EBookingCard.js","names":["_sfc_main","EBookingCard_vue_vue_type_script_setup_true_lang_default","EBookingCard_default"],"sources":["../../../src/components/BookingCard/EBookingCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport ESurface from \"../Surface/ESurface.vue\";\nimport EAvatar from \"../Avatar/EAvatar.vue\";\nimport EStamp from \"../Stamp/EStamp.vue\";\nimport EMetaList from \"../MetaList/EMetaList.vue\";\nimport type { StampStatus, StampTone } from \"../Stamp/EStamp.vue\";\nimport { useMessages } from \"../../config.js\";\nimport { useLocale } from \"../../composables/useLocale.js\";\nimport \"../../styles/base.css\";\n\nexport interface BookingProvider {\n  /** Who leads the card. Also the photo's accessible name and the source of the initials. */\n  name: string;\n  /** Their role, on the line under the name. */\n  role?: string;\n  /** A photo URL. Initials show without one. */\n  photo?: string;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** The day, as a Date. Shown in the date tile and in words in the list of facts. */\n    date: Date;\n    /** The time, as you want it read: \"9:30 am\". */\n    time: string;\n    /** The kind of booking. With a provider it sits at the end of the role line; without, it takes the name's line. */\n    title: string;\n    /** A line under the title when there is no provider. */\n    subtitle?: string;\n    /** Who the booking is with: photo, name and role lead the card. Without one, the date tile leads. */\n    provider?: BookingProvider;\n    /** Where it happens. */\n    location?: string;\n    /** A preset for the stamp at the end of the title line. */\n    status?: StampStatus;\n    /** Overrides the status's tone. */\n    tone?: StampTone;\n    /** The stamp's word. Overrides the status's; on its own it shows a stamp too. */\n    label?: string;\n    /** The heading level of the name or title, 1 to 4. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  }>(),\n  { headingLevel: 3 },\n);\n\ndefineSlots<{\n  /** Buttons for the tinted bar at the foot. The bar is left out when there are none. */\n  actions?(): unknown;\n}>();\n\nconst t = useMessages();\nconst { monthsShort, formatLong } = useLocale();\nconst who = computed(() => props.provider?.name);\nconst facts = computed(() => [\n  { icon: \"calendar\", text: t(\"dateAtTime\", { date: formatLong(props.date), time: props.time }) },\n  props.location ? { icon: \"pin\", text: props.location } : null,\n]);\n</script>\n\n<template>\n  <ESurface as=\"article\" class=\"e-appt\">\n    <div class=\"e-appt-main\">\n      <EAvatar v-if=\"who\" :name=\"who\" :src=\"provider?.photo\" large />\n      <div v-else class=\"e-appt-date\" aria-hidden=\"true\">\n        <span class=\"e-appt-month\">{{ monthsShort[date.getMonth()] }}</span>\n        <span class=\"e-appt-day\">{{ date.getDate() }}</span>\n      </div>\n      <div class=\"e-appt-body\">\n        <div class=\"e-appt-head\">\n          <component :is=\"`h${headingLevel}`\" class=\"e-appt-title\">{{ who || title }}</component>\n          <EStamp v-if=\"status || label\" :status=\"status\" :tone=\"tone\" :label=\"label\" small />\n        </div>\n        <p class=\"e-appt-sub\">\n          <template v-if=\"who\">\n            <span v-if=\"provider?.role\" class=\"e-appt-role\">{{ provider.role }}</span>\n            <span class=\"e-appt-kind\">{{ title }}</span>\n          </template>\n          <span v-else-if=\"subtitle\" class=\"e-appt-role\">{{ subtitle }}</span>\n        </p>\n      </div>\n      <EMetaList class=\"e-appt-facts\" :items=\"facts\" />\n    </div>\n    <template v-if=\"$slots.actions\" #actions><slot name=\"actions\" /></template>\n  </ESurface>\n</template>\n\n<style>\n@layer e.account {\n  .e-appt {\n    container: e-appt / inline-size;\n    overflow: hidden;\n  }\n\n  .e-appt .e-appt-main {\n    height: 100%;\n  }\n\n  .e-appt-main {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr);\n    grid-template-rows: minmax(3.8rem, auto) auto;\n    gap: var(--e-space-3) var(--e-space-4);\n    align-items: start;\n    padding: var(--e-space-4);\n  }\n\n  .e-appt-date {\n    display: grid;\n    grid-template-rows: auto 1fr;\n    justify-items: stretch;\n    width: 56px;\n    overflow: hidden;\n    border: 1.5px solid var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    text-align: center;\n  }\n\n  .e-appt-month {\n    padding: 4px 0 3px;\n    background: var(--e-surface-tint);\n    border-bottom: 1.5px solid var(--e-border-strong);\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-primary);\n  }\n\n  .e-appt-day {\n    padding: 5px 0 7px;\n    font: 500 var(--e-text-2xl) / 1 var(--e-font-mono);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .e-appt-body {\n    display: grid;\n    gap: var(--e-space-1);\n    min-width: 0;\n  }\n\n  .e-appt-head {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--e-space-1) var(--e-space-3);\n  }\n\n  .e-appt-head:empty {\n    display: none;\n  }\n\n  .e-appt-head .e-appt-title {\n    flex: 1 1 8rem;\n  }\n\n  .e-appt-sub {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 0 var(--e-space-4);\n    min-height: calc(var(--e-text-md) * 1.4);\n    margin: 0;\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n  }\n\n  .e-appt-head .e-stamp {\n    margin-inline-start: auto;\n  }\n\n  .e-appt-title {\n    margin: 0;\n    font: 500 var(--e-text-2xl) / 1.25 var(--e-font-sans);\n    text-wrap: balance;\n    overflow-wrap: anywhere;\n  }\n\n  .e-appt-role {\n    margin: 0;\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n\n  .e-appt-facts {\n    grid-column: 2;\n    margin: 0;\n    padding: var(--e-space-3) 0 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-appt-kind {\n    margin-inline-start: auto;\n    color: var(--e-ink);\n    font-size: var(--e-text-md);\n    font-weight: 500;\n  }\n\n  @container e-appt (max-width: 24rem) {\n    .e-appt-head {\n      display: contents;\n    }\n\n    .e-appt-head .e-appt-title {\n      flex: none;\n    }\n\n    .e-appt-head .e-stamp {\n      order: 1;\n      justify-self: start;\n      margin-inline-start: 0;\n    }\n\n    .e-appt-facts {\n      grid-column: 1 / -1;\n    }\n  }\n\n  @media print {\n    .e-appt {\n      box-shadow: none;\n      border: 1px solid #000;\n      break-inside: avoid;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/BookingCard/EBookingCard.vue.d.ts

@@ -0,0 +1,46 @@
+import { StampStatus, StampTone } from '../Stamp/EStamp.vue.js';
+export interface BookingProvider {
+    /** Who leads the card. Also the photo's accessible name and the source of the initials. */
+    name: string;
+    /** Their role, on the line under the name. */
+    role?: string;
+    /** A photo URL. Initials show without one. */
+    photo?: string;
+}
+type __VLS_Props = {
+    /** The day, as a Date. Shown in the date tile and in words in the list of facts. */
+    date: Date;
+    /** The time, as you want it read: "9:30 am". */
+    time: string;
+    /** The kind of booking. With a provider it sits at the end of the role line; without, it takes the name's line. */
+    title: string;
+    /** A line under the title when there is no provider. */
+    subtitle?: string;
+    /** Who the booking is with: photo, name and role lead the card. Without one, the date tile leads. */
+    provider?: BookingProvider;
+    /** Where it happens. */
+    location?: string;
+    /** A preset for the stamp at the end of the title line. */
+    status?: StampStatus;
+    /** Overrides the status's tone. */
+    tone?: StampTone;
+    /** The stamp's word. Overrides the status's; on its own it shows a stamp too. */
+    label?: string;
+    /** The heading level of the name or title, 1 to 4. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+};
+type __VLS_Slots = {
+    /** Buttons for the tinted bar at the foot. The bar is left out when there are none. */
+    actions?(): 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/BookingCard/EBookingCard.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,86 @@
+/* empty css                */
+import { useMessages as e } from "../../config.js";
+import { useLocale as t } from "../../composables/useLocale.js";
+import n from "../Avatar/EAvatar.js";
+import r from "../Surface/ESurface.js";
+import i from "../Stamp/EStamp.js";
+import a from "../MetaList/EMetaList.js";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, openBlock as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
+//#region src/components/BookingCard/EBookingCard.vue?vue&type=script&setup=true&lang.ts
+var S = { class: "e-appt-main" }, C = {
+	key: 1,
+	class: "e-appt-date",
+	"aria-hidden": "true"
+}, w = { class: "e-appt-month" }, T = { class: "e-appt-day" }, E = { class: "e-appt-body" }, D = { class: "e-appt-head" }, O = { class: "e-appt-sub" }, k = {
+	key: 0,
+	class: "e-appt-role"
+}, A = { class: "e-appt-kind" }, j = {
+	key: 1,
+	class: "e-appt-role"
+}, M = /*@__PURE__*/ h({
+	__name: "EBookingCard",
+	props: {
+		date: {},
+		time: {},
+		title: {},
+		subtitle: {},
+		provider: {},
+		location: {},
+		status: {},
+		tone: {},
+		label: {},
+		headingLevel: { default: 3 }
+	},
+	setup(h) {
+		let M = h, N = e(), { monthsShort: P, formatLong: F } = t(), I = s(() => M.provider?.name), L = s(() => [{
+			icon: "calendar",
+			text: N("dateAtTime", {
+				date: F(M.date),
+				time: M.time
+			})
+		}, M.location ? {
+			icon: "pin",
+			text: M.location
+		} : null]);
+		return (e, t) => (g(), c(r, {
+			as: "article",
+			class: "e-appt"
+		}, f({
+			default: x(() => [d("div", S, [
+				I.value ? (g(), c(n, {
+					key: 0,
+					name: I.value,
+					src: h.provider?.photo,
+					large: ""
+				}, null, 8, ["name", "src"])) : (g(), u("div", C, [d("span", w, y(b(P)[h.date.getMonth()]), 1), d("span", T, y(h.date.getDate()), 1)])),
+				d("div", E, [d("div", D, [(g(), c(v(`h${h.headingLevel}`), { class: "e-appt-title" }, {
+					default: x(() => [p(y(I.value || h.title), 1)]),
+					_: 1
+				})), h.status || h.label ? (g(), c(i, {
+					key: 0,
+					status: h.status,
+					tone: h.tone,
+					label: h.label,
+					small: ""
+				}, null, 8, [
+					"status",
+					"tone",
+					"label"
+				])) : l("", !0)]), d("p", O, [I.value ? (g(), u(o, { key: 0 }, [h.provider?.role ? (g(), u("span", k, y(h.provider.role), 1)) : l("", !0), d("span", A, y(h.title), 1)], 64)) : h.subtitle ? (g(), u("span", j, y(h.subtitle), 1)) : l("", !0)])]),
+				m(a, {
+					class: "e-appt-facts",
+					items: L.value
+				}, null, 8, ["items"])
+			])]),
+			_: 2
+		}, [e.$slots.actions ? {
+			name: "actions",
+			fn: x(() => [_(e.$slots, "actions")]),
+			key: "0"
+		} : void 0]), 1024));
+	}
+});
+//#endregion
+export { M as default };
+
+//# sourceMappingURL=EBookingCard.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/BookingCard/EBookingCard.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EBookingCard.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","ESurface","_createSlots","_withCtx","_createElementVNode","EAvatar","_createElementBlock","_toDisplayString","_unref","_resolveDynamicComponent","_createTextVNode","EStamp","_createCommentVNode","_Fragment","_createVNode","EMetaList","_renderSlot","EAvatar_default","ESurface_default","EStamp_default","EMetaList_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","EBookingCard_vue_vue_type_script_setup_true_lang_default","props","__props","t","useMessages","useLocale","who","computed","facts","formatLong","openBlock","createBlock","createSlots","withCtx","createElementVNode","createElementBlock","toDisplayString","unref","monthsShort","resolveDynamicComponent","createTextVNode","createCommentVNode","Fragment","createVNode","_ctx","renderSlot"],"sources":["../../../src/components/BookingCard/EBookingCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport ESurface from \"../Surface/ESurface.vue\";\nimport EAvatar from \"../Avatar/EAvatar.vue\";\nimport EStamp from \"../Stamp/EStamp.vue\";\nimport EMetaList from \"../MetaList/EMetaList.vue\";\nimport type { StampStatus, StampTone } from \"../Stamp/EStamp.vue\";\nimport { useMessages } from \"../../config.js\";\nimport { useLocale } from \"../../composables/useLocale.js\";\nimport \"../../styles/base.css\";\n\nexport interface BookingProvider {\n  /** Who leads the card. Also the photo's accessible name and the source of the initials. */\n  name: string;\n  /** Their role, on the line under the name. */\n  role?: string;\n  /** A photo URL. Initials show without one. */\n  photo?: string;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** The day, as a Date. Shown in the date tile and in words in the list of facts. */\n    date: Date;\n    /** The time, as you want it read: \"9:30 am\". */\n    time: string;\n    /** The kind of booking. With a provider it sits at the end of the role line; without, it takes the name's line. */\n    title: string;\n    /** A line under the title when there is no provider. */\n    subtitle?: string;\n    /** Who the booking is with: photo, name and role lead the card. Without one, the date tile leads. */\n    provider?: BookingProvider;\n    /** Where it happens. */\n    location?: string;\n    /** A preset for the stamp at the end of the title line. */\n    status?: StampStatus;\n    /** Overrides the status's tone. */\n    tone?: StampTone;\n    /** The stamp's word. Overrides the status's; on its own it shows a stamp too. */\n    label?: string;\n    /** The heading level of the name or title, 1 to 4. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  }>(),\n  { headingLevel: 3 },\n);\n\ndefineSlots<{\n  /** Buttons for the tinted bar at the foot. The bar is left out when there are none. */\n  actions?(): unknown;\n}>();\n\nconst t = useMessages();\nconst { monthsShort, formatLong } = useLocale();\nconst who = computed(() => props.provider?.name);\nconst facts = computed(() => [\n  { icon: \"calendar\", text: t(\"dateAtTime\", { date: formatLong(props.date), time: props.time }) },\n  props.location ? { icon: \"pin\", text: props.location } : null,\n]);\n</script>\n\n<template>\n  <ESurface as=\"article\" class=\"e-appt\">\n    <div class=\"e-appt-main\">\n      <EAvatar v-if=\"who\" :name=\"who\" :src=\"provider?.photo\" large />\n      <div v-else class=\"e-appt-date\" aria-hidden=\"true\">\n        <span class=\"e-appt-month\">{{ monthsShort[date.getMonth()] }}</span>\n        <span class=\"e-appt-day\">{{ date.getDate() }}</span>\n      </div>\n      <div class=\"e-appt-body\">\n        <div class=\"e-appt-head\">\n          <component :is=\"`h${headingLevel}`\" class=\"e-appt-title\">{{ who || title }}</component>\n          <EStamp v-if=\"status || label\" :status=\"status\" :tone=\"tone\" :label=\"label\" small />\n        </div>\n        <p class=\"e-appt-sub\">\n          <template v-if=\"who\">\n            <span v-if=\"provider?.role\" class=\"e-appt-role\">{{ provider.role }}</span>\n            <span class=\"e-appt-kind\">{{ title }}</span>\n          </template>\n          <span v-else-if=\"subtitle\" class=\"e-appt-role\">{{ subtitle }}</span>\n        </p>\n      </div>\n      <EMetaList class=\"e-appt-facts\" :items=\"facts\" />\n    </div>\n    <template v-if=\"$slots.actions\" #actions><slot name=\"actions\" /></template>\n  </ESurface>\n</template>\n\n<style>\n@layer e.account {\n  .e-appt {\n    container: e-appt / inline-size;\n    overflow: hidden;\n  }\n\n  .e-appt .e-appt-main {\n    height: 100%;\n  }\n\n  .e-appt-main {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr);\n    grid-template-rows: minmax(3.8rem, auto) auto;\n    gap: var(--e-space-3) var(--e-space-4);\n    align-items: start;\n    padding: var(--e-space-4);\n  }\n\n  .e-appt-date {\n    display: grid;\n    grid-template-rows: auto 1fr;\n    justify-items: stretch;\n    width: 56px;\n    overflow: hidden;\n    border: 1.5px solid var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    text-align: center;\n  }\n\n  .e-appt-month {\n    padding: 4px 0 3px;\n    background: var(--e-surface-tint);\n    border-bottom: 1.5px solid var(--e-border-strong);\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-primary);\n  }\n\n  .e-appt-day {\n    padding: 5px 0 7px;\n    font: 500 var(--e-text-2xl) / 1 var(--e-font-mono);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .e-appt-body {\n    display: grid;\n    gap: var(--e-space-1);\n    min-width: 0;\n  }\n\n  .e-appt-head {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--e-space-1) var(--e-space-3);\n  }\n\n  .e-appt-head:empty {\n    display: none;\n  }\n\n  .e-appt-head .e-appt-title {\n    flex: 1 1 8rem;\n  }\n\n  .e-appt-sub {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 0 var(--e-space-4);\n    min-height: calc(var(--e-text-md) * 1.4);\n    margin: 0;\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n  }\n\n  .e-appt-head .e-stamp {\n    margin-inline-start: auto;\n  }\n\n  .e-appt-title {\n    margin: 0;\n    font: 500 var(--e-text-2xl) / 1.25 var(--e-font-sans);\n    text-wrap: balance;\n    overflow-wrap: anywhere;\n  }\n\n  .e-appt-role {\n    margin: 0;\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n\n  .e-appt-facts {\n    grid-column: 2;\n    margin: 0;\n    padding: var(--e-space-3) 0 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-appt-kind {\n    margin-inline-start: auto;\n    color: var(--e-ink);\n    font-size: var(--e-text-md);\n    font-weight: 500;\n  }\n\n  @container e-appt (max-width: 24rem) {\n    .e-appt-head {\n      display: contents;\n    }\n\n    .e-appt-head .e-appt-title {\n      flex: none;\n    }\n\n    .e-appt-head .e-stamp {\n      order: 1;\n      justify-self: start;\n      margin-inline-start: 0;\n    }\n\n    .e-appt-facts {\n      grid-column: 1 / -1;\n    }\n  }\n\n  @media print {\n    .e-appt {\n      box-shadow: none;\n      border: 1px solid #000;\n      break-inside: avoid;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMkC,IAAQC,GA+BRC,IAAIC,EAAY,GAChB,EAAE,gBAAa,kBAAeC,EAAU,GACxCC,IAAMC,QAAeN,EAAM,UAAU,IAAI,GACzCO,IAAQD,QAAe,CAC3B;GAAE,MAAM;GAAY,MAAMJ,EAAE,cAAc;IAAE,MAAMM,EAAWR,EAAM,IAAI;IAAG,MAAMA,EAAM;GAAK,CAAC;EAAE,GAC9FA,EAAM,WAAW;GAAE,MAAM;GAAO,MAAMA,EAAM;EAAS,IAAI,IAC3D,CAAC;E,kBAICjC,EAAA,GAAAC,EAuBWC,GAAA;GAvBD,IAAG;GAAU,OAAM;;GAC3B,SAAAE,QAoBM,CApBNC,EAoBM,OApBNiB,GAoBM;IAnBWgB,EAAA,SAAftC,EAAA,GAAAC,EAA+DK,GAAA;;KAA1C,MAAMgC,EAAA;KAAM,KAAKJ,EAAA,UAAU;KAAO,OAAA;I,iCACvDlC,EAAA,GAAAO,EAGM,OAHNgB,GAGM,CAFJlB,EAAoE,QAApEmB,GAAoEhB,EAAtCC,EAAAyC,CAAA,CAAW,CAAChB,EAAA,KAAK,SAAQ,EAAA,GAAA,CAAA,GACvD7B,EAAoD,QAApDoB,GAAoDjB,EAAxB0B,EAAA,KAAK,QAAO,CAAA,GAAA,CAAA,C;IAE1C7B,EAYM,OAZNqB,GAYM,CAXJrB,EAGM,OAHNsB,GAGM,EAFJ3B,EAAA,GAAAC,EAAuFS,EAAA,IAAnEwB,EAAA,cAAY,GAAA,EAAI,OAAM,eAAc,GAAA;KAAC,SAAA9B,QAAkB,CAAfO,EAAAH,EAAA8B,EAAA,SAAOJ,EAAA,KAAK,GAAA,CAAA,C;;I,KAC1DA,EAAA,UAAUA,EAAA,SAAxBlC,EAAA,GAAAC,EAAoFW,GAAA;;KAApD,QAAQsB,EAAA;KAAS,MAAMA,EAAA;KAAO,OAAOA,EAAA;KAAO,OAAA;;;;;I,mBAE9E7B,EAMI,KANJuB,GAMI,CALcU,EAAA,SAAhBtC,EAAA,GAAAO,EAGWO,GAAA,EAAA,KAAA,EAAA,GAAA,CAFGoB,EAAA,UAAU,QAAtBlC,EAAA,GAAAO,EAA0E,QAA1EsB,GAA0ErB,EAAvB0B,EAAA,SAAS,IAAI,GAAA,CAAA,K,WAChE7B,EAA4C,QAA5CyB,GAA4CtB,EAAf0B,EAAA,KAAK,GAAA,CAAA,C,UAEnBA,EAAA,YAAjBlC,EAAA,GAAAO,EAAoE,QAApEwB,GAAoEvB,EAAlB0B,EAAA,QAAQ,GAAA,CAAA,K;IAG9DnB,EAAiDC,GAAA;KAAtC,OAAM;KAAgB,OAAOwB,EAAA;;;;E,IAE1BzC,EAAAA,OAAO,U;GAAU,MAAA;GAAQ,IAAAK,QAAuB,CAAvBa,EAAuBuC,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/Breadcrumb/EBreadcrumb.js

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

package/dist/components/Breadcrumb/EBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EBreadcrumb.js","names":["_sfc_main","EBreadcrumb_vue_vue_type_script_setup_true_lang_default","EBreadcrumb_default"],"sources":["../../../src/components/Breadcrumb/EBreadcrumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Component } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\nexport interface BreadcrumbItem {\n  /** The words for this level. */\n  label: string;\n  /** Where it goes. Omit it on the last item, which is the current page. */\n  href?: string;\n  /** A router location, passed to `linkComponent` as `to` (for `RouterLink`). */\n  to?: unknown;\n}\n\nwithDefaults(\n  defineProps<{\n    /** The path, top level first. The last item is the current page and is not a link. */\n    items: BreadcrumbItem[];\n    /** What renders each link: `\"a\"` by default, or `RouterLink` (or any component that takes `href` or `to` and a default slot). */\n    linkComponent?: string | Component;\n  }>(),\n  { linkComponent: \"a\" },\n);\n\nconst t = useMessages();\n\nconst linkAttrs = (item: BreadcrumbItem) => ({\n  ...(item.href !== undefined && { href: item.href }),\n  ...(item.to !== undefined && { to: item.to }),\n});\n</script>\n\n<template>\n  <nav class=\"e-crumbs\" :aria-label=\"t('breadcrumb')\">\n    <ol>\n      <li v-for=\"(item, i) in items\" :key=\"i\">\n        <span v-if=\"i === items.length - 1\" class=\"e-crumb-current\" aria-current=\"page\">{{ item.label }}</span>\n        <component\n          :is=\"linkComponent\"\n          v-else-if=\"item.href !== undefined || item.to !== undefined\"\n          class=\"e-crumb\"\n          v-bind=\"linkAttrs(item)\"\n        >\n          {{ item.label }}\n        </component>\n        <span v-else class=\"e-crumb-current\">{{ item.label }}</span>\n        <EIcon v-if=\"i < items.length - 1\" name=\"chevron-right\" small />\n      </li>\n    </ol>\n  </nav>\n</template>\n\n<style>\n@layer e.page {\n  .e-crumbs ol {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--e-space-1) var(--e-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    font: 400 var(--e-text-sm) / 20px var(--e-font-sans);\n  }\n\n  .e-crumbs li {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-2);\n    color: var(--e-muted);\n  }\n\n  .e-crumb,\n  .e-crumb-current {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .e-crumb {\n    position: relative;\n    color: var(--e-primary);\n    text-decoration: underline;\n    text-decoration-color: var(--e-primary);\n    text-underline-offset: 3px;\n  }\n\n  .e-crumb::after {\n    content: \"\";\n    position: absolute;\n    inset: -12px -4px;\n  }\n\n  .e-crumb:hover {\n    color: var(--e-ink);\n    text-decoration-color: var(--e-ink);\n  }\n\n  .e-crumb: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-crumb-current {\n    color: var(--e-ink);\n    font-weight: 500;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Breadcrumb/EBreadcrumb.vue.d.ts

@@ -0,0 +1,20 @@
+import { Component } from 'vue';
+export interface BreadcrumbItem {
+    /** The words for this level. */
+    label: string;
+    /** Where it goes. Omit it on the last item, which is the current page. */
+    href?: string;
+    /** A router location, passed to `linkComponent` as `to` (for `RouterLink`). */
+    to?: unknown;
+}
+type __VLS_Props = {
+    /** The path, top level first. The last item is the current page and is not a link. */
+    items: BreadcrumbItem[];
+    /** What renders each link: `"a"` by default, or `RouterLink` (or any component that takes `href` or `to` and a default slot). */
+    linkComponent?: string | Component;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    linkComponent: string | Component;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Breadcrumb/EBreadcrumb.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+/* empty css                */
+import { useMessages as e } from "../../config.js";
+import t from "../Icon/EIcon.js";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeProps as l, openBlock as u, renderList as d, resolveDynamicComponent as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+//#region src/components/Breadcrumb/EBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var g = ["aria-label"], _ = {
+	key: 0,
+	class: "e-crumb-current",
+	"aria-current": "page"
+}, v = {
+	key: 2,
+	class: "e-crumb-current"
+}, y = /*@__PURE__*/ c({
+	__name: "EBreadcrumb",
+	props: {
+		items: {},
+		linkComponent: { default: "a" }
+	},
+	setup(c) {
+		let y = e(), b = (e) => ({
+			...e.href !== void 0 && { href: e.href },
+			...e.to !== void 0 && { to: e.to }
+		});
+		return (e, x) => (u(), a("nav", {
+			class: "e-crumbs",
+			"aria-label": m(y)("breadcrumb")
+		}, [o("ol", null, [(u(!0), a(n, null, d(c.items, (e, n) => (u(), a("li", { key: n }, [n === c.items.length - 1 ? (u(), a("span", _, p(e.label), 1)) : e.href !== void 0 || e.to !== void 0 ? (u(), r(f(c.linkComponent), l({
+			key: 1,
+			class: "e-crumb"
+		}, { ref_for: !0 }, b(e)), {
+			default: h(() => [s(p(e.label), 1)]),
+			_: 2
+		}, 1040)) : (u(), a("span", v, p(e.label), 1)), n < c.items.length - 1 ? (u(), r(t, {
+			key: 3,
+			name: "chevron-right",
+			small: ""
+		})) : i("", !0)]))), 128))])], 8, g));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=EBreadcrumb.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Breadcrumb/EBreadcrumb.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EBreadcrumb.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_createElementVNode","_Fragment","_renderList","_toDisplayString","_createBlock","_resolveDynamicComponent","_mergeProps","_withCtx","_createTextVNode","EIcon","_createCommentVNode","EIcon_default","_hoisted_1","_hoisted_2","_hoisted_3","EBreadcrumb_vue_vue_type_script_setup_true_lang_default","t","useMessages","linkAttrs","item","openBlock","createElementBlock","unref","createElementVNode","Fragment","renderList","__props","i","toDisplayString","createBlock","resolveDynamicComponent","mergeProps","withCtx","createTextVNode","createCommentVNode"],"sources":["../../../src/components/Breadcrumb/EBreadcrumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Component } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\nexport interface BreadcrumbItem {\n  /** The words for this level. */\n  label: string;\n  /** Where it goes. Omit it on the last item, which is the current page. */\n  href?: string;\n  /** A router location, passed to `linkComponent` as `to` (for `RouterLink`). */\n  to?: unknown;\n}\n\nwithDefaults(\n  defineProps<{\n    /** The path, top level first. The last item is the current page and is not a link. */\n    items: BreadcrumbItem[];\n    /** What renders each link: `\"a\"` by default, or `RouterLink` (or any component that takes `href` or `to` and a default slot). */\n    linkComponent?: string | Component;\n  }>(),\n  { linkComponent: \"a\" },\n);\n\nconst t = useMessages();\n\nconst linkAttrs = (item: BreadcrumbItem) => ({\n  ...(item.href !== undefined && { href: item.href }),\n  ...(item.to !== undefined && { to: item.to }),\n});\n</script>\n\n<template>\n  <nav class=\"e-crumbs\" :aria-label=\"t('breadcrumb')\">\n    <ol>\n      <li v-for=\"(item, i) in items\" :key=\"i\">\n        <span v-if=\"i === items.length - 1\" class=\"e-crumb-current\" aria-current=\"page\">{{ item.label }}</span>\n        <component\n          :is=\"linkComponent\"\n          v-else-if=\"item.href !== undefined || item.to !== undefined\"\n          class=\"e-crumb\"\n          v-bind=\"linkAttrs(item)\"\n        >\n          {{ item.label }}\n        </component>\n        <span v-else class=\"e-crumb-current\">{{ item.label }}</span>\n        <EIcon v-if=\"i < items.length - 1\" name=\"chevron-right\" small />\n      </li>\n    </ol>\n  </nav>\n</template>\n\n<style>\n@layer e.page {\n  .e-crumbs ol {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--e-space-1) var(--e-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    font: 400 var(--e-text-sm) / 20px var(--e-font-sans);\n  }\n\n  .e-crumbs li {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-2);\n    color: var(--e-muted);\n  }\n\n  .e-crumb,\n  .e-crumb-current {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .e-crumb {\n    position: relative;\n    color: var(--e-primary);\n    text-decoration: underline;\n    text-decoration-color: var(--e-primary);\n    text-underline-offset: 3px;\n  }\n\n  .e-crumb::after {\n    content: \"\";\n    position: absolute;\n    inset: -12px -4px;\n  }\n\n  .e-crumb:hover {\n    color: var(--e-ink);\n    text-decoration-color: var(--e-ink);\n  }\n\n  .e-crumb: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-crumb-current {\n    color: var(--e-ink);\n    font-weight: 500;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAyBA,IAAMmB,IAAIC,EAAY,GAEhBC,KAAa,OAA0B;GAC3C,GAAIC,EAAK,SAAS,KAAA,KAAa,EAAE,MAAMA,EAAK,KAAK;GACjD,GAAIA,EAAK,OAAO,KAAA,KAAa,EAAE,IAAIA,EAAK,GAAG;EAC7C;E,kBAIEtB,EAAA,GAAAC,EAgBM,OAAA;GAhBD,OAAM;GAAY,cAAYC,EAAAiB,CAAA,CAAC,CAAA,YAAA;E,IAClChB,EAcK,MAAA,MAAA,EAbHH,EAAA,EAAA,GAAAC,EAYKG,GAAA,MAAAC,EAZmBwB,EAAA,QAAZ,GAAM,OAAlB7B,EAAA,GAAAC,EAYK,MAAA,EAZ2B,KAAK6B,EAAC,GAAA,CACxBA,MAAMD,EAAA,MAAM,SAAM,KAA9B7B,EAAA,GAAAC,EAAuG,QAAvGe,GAAuGV,EAApBgB,EAAK,KAAK,GAAA,CAAA,KAGhFA,EAAK,SAAS,KAAA,KAAaA,EAAK,OAAO,KAAA,KAFpDtB,EAAA,GAAAO,EAOYC,EANLqB,EAAA,aAAa,GADpBpB,EAOY;;GAJV,OAAM;EACE,GAAA,EAAA,SAAA,GAAA,GAAAY,EAAUC,CAAI,CAAA,GAAA;GAEtB,SAAAZ,QAAgB,CAAbC,EAAAL,EAAAgB,EAAK,KAAK,GAAA,CAAA,C;;E,aAEftB,EAAA,GAAAC,EAA4D,QAA5DgB,GAA4DX,EAApBgB,EAAK,KAAK,GAAA,CAAA,IACrCQ,IAAID,EAAA,MAAM,SAAM,KAA7B7B,EAAA,GAAAO,EAAgEK,GAAA;;GAA7B,MAAK;GAAgB,OAAA"}

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

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

package/dist/components/Button/EButton.js

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

package/dist/components/Button/EButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EButton.js","names":["_sfc_main","EButton_vue_vue_type_script_setup_true_lang_default","EButton_default"],"sources":["../../../src/components/Button/EButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EIcon from \"../Icon/EIcon.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** `primary` is the one main action on a screen; `secondary` confirms; `outline` is for the other actions beside it; `danger` cancels or removes; `quiet` is an underlined text action. */\n    variant?: \"primary\" | \"secondary\" | \"outline\" | \"danger\" | \"quiet\";\n    /** An icon before the label. */\n    icon?: IconProp;\n    /** Full width. */\n    block?: boolean;\n    disabled?: boolean;\n    type?: \"button\" | \"submit\" | \"reset\";\n    /** Renders a link that looks like the button, for a destination rather than an action. */\n    href?: string;\n    /** With `href`: opens in a new tab. */\n    external?: boolean;\n  }>(),\n  { variant: \"primary\", type: \"button\" },\n);\n\ndefineSlots<{\n  /** The label: a verb that says what happens, like \"Pay $162.40\". */\n  default(): unknown;\n}>();\n\nfunction blockWhenDisabled(event: Event) {\n  if (!props.disabled) return;\n  event.preventDefault();\n  event.stopImmediatePropagation();\n}\n</script>\n\n<template>\n  <a\n    v-if=\"href\"\n    :href=\"href\"\n    class=\"e-btn\"\n    :class=\"[variant !== 'primary' && `e-btn--${variant}`, block && 'e-btn--block']\"\n    :target=\"external ? '_blank' : undefined\"\n    :rel=\"external ? 'noreferrer' : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :tabindex=\"disabled ? -1 : undefined\"\n    @click.capture=\"blockWhenDisabled\"\n    @auxclick.capture=\"blockWhenDisabled\"\n  >\n    <EIcon v-if=\"icon\" :name=\"icon\" />\n    <slot />\n  </a>\n  <button\n    v-else\n    :type=\"type\"\n    class=\"e-btn\"\n    :class=\"[variant !== 'primary' && `e-btn--${variant}`, block && 'e-btn--block']\"\n    :disabled=\"disabled\"\n  >\n    <EIcon v-if=\"icon\" :name=\"icon\" />\n    <slot />\n  </button>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-btn {\n    --e-fill: var(--e-primary);\n    --e-on-fill: var(--e-on-primary);\n    --e-slab: color-mix(in srgb, var(--e-fill) 58%, #000);\n    --e-hover: color-mix(in srgb, var(--e-fill) 88%, #000);\n    --e-press: color-mix(in srgb, var(--e-fill) 78%, #000);\n\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--e-space-2);\n    height: var(--e-control-height);\n    padding: var(--e-depth) var(--e-space-4) 0;\n    border: var(--e-stroke-edge) solid var(--e-slab);\n    border-bottom-width: calc(var(--e-stroke-edge) + var(--e-depth));\n    border-radius: var(--e-radius-md);\n    background: var(--e-fill);\n    color: var(--e-on-fill);\n    font: 500 var(--e-text-md) / 1 var(--e-font-sans);\n    letter-spacing: 0.01em;\n    white-space: nowrap;\n    text-decoration: none;\n    cursor: pointer;\n    transition:\n      box-shadow var(--e-duration-tap) var(--e-easing-out),\n      background-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-btn:hover {\n    background: var(--e-hover);\n  }\n\n  .e-btn:active {\n    background: var(--e-press);\n    border-bottom-width: var(--e-stroke-edge);\n    box-shadow: inset 0 var(--e-depth) 0 0 rgb(0 0 0 / 0.22);\n  }\n\n  .e-btn--secondary {\n    --e-fill: var(--e-secondary);\n    --e-on-fill: var(--e-on-secondary);\n  }\n\n  .e-btn--danger {\n    --e-fill: var(--e-danger);\n    --e-on-fill: var(--e-on-danger);\n  }\n\n  .e-btn--outline {\n    --e-fill: var(--e-surface);\n    --e-on-fill: var(--e-ink);\n    --e-slab: var(--e-border-strong);\n  }\n\n  .e-btn--outline:hover {\n    background: color-mix(in srgb, var(--e-surface) 92%, #000);\n    border-color: var(--e-ink);\n  }\n\n  .e-btn--outline:active {\n    background: color-mix(in srgb, var(--e-surface) 84%, #000);\n    border-color: var(--e-ink);\n    border-bottom-width: var(--e-stroke-edge);\n    box-shadow: inset 0 var(--e-depth) 0 0 rgb(0 0 0 / 0.14);\n  }\n\n  .e-btn--quiet {\n    border-color: transparent;\n    border-bottom-width: var(--e-stroke-edge);\n    background: transparent;\n    color: var(--e-ink);\n    box-shadow: none;\n    padding-top: 0;\n    padding-inline: var(--e-space-3);\n    text-decoration: underline;\n    text-underline-offset: 5px;\n    text-decoration-thickness: var(--e-stroke-edge);\n    text-decoration-color: var(--e-border-strong);\n  }\n\n  .e-btn--quiet:not([disabled], [aria-disabled=\"true\"]):hover {\n    border-color: var(--e-wash-ring);\n    background: var(--e-wash-hover);\n    text-decoration-color: currentcolor;\n  }\n\n  .e-btn--quiet:not([disabled], [aria-disabled=\"true\"]):active {\n    border-color: var(--e-ink);\n    background: var(--e-wash-press);\n    box-shadow: none;\n    padding-top: 0;\n  }\n\n  .e-btn .e-icon {\n    margin-inline-start: -2px;\n  }\n\n  .e-btn--block {\n    width: 100%;\n  }\n\n  .e-btn[disabled],\n  .e-btn[aria-disabled=\"true\"] {\n    cursor: not-allowed;\n    background: transparent;\n    color: var(--e-muted);\n    border: var(--e-stroke-edge) dashed var(--e-border-strong);\n    box-shadow: none;\n    padding-top: 0;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-btn {\n      transition: none;\n    }\n  }\n\n  @media print {\n    .e-btn {\n      display: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .e-btn {\n      border: 2px solid ButtonText;\n    }\n\n    .e-btn[disabled],\n    .e-btn[aria-disabled=\"true\"] {\n      border-color: GrayText;\n      color: GrayText;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Button/EButton.vue.d.ts

@@ -0,0 +1,31 @@
+import { IconProp } from '../../icons/types.js';
+type __VLS_Props = {
+    /** `primary` is the one main action on a screen; `secondary` confirms; `outline` is for the other actions beside it; `danger` cancels or removes; `quiet` is an underlined text action. */
+    variant?: "primary" | "secondary" | "outline" | "danger" | "quiet";
+    /** An icon before the label. */
+    icon?: IconProp;
+    /** Full width. */
+    block?: boolean;
+    disabled?: boolean;
+    type?: "button" | "submit" | "reset";
+    /** Renders a link that looks like the button, for a destination rather than an action. */
+    href?: string;
+    /** With `href`: opens in a new tab. */
+    external?: boolean;
+};
+type __VLS_Slots = {
+    /** The label: a verb that says what happens, like "Pay $162.40". */
+    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<{}>, {
+    variant: "danger" | "primary" | "secondary" | "outline" | "quiet";
+    type: "button" | "reset" | "submit";
+}, {}, {}, {}, 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;
+    };
+};