@eos-ui/vue 0.1.1 → 0.2.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"EAutocomplete.js","names":["_sfc_main","EAutocomplete_vue_vue_type_script_setup_true_lang_default","EAutocomplete_default"],"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":""}

package/dist/components/Autocomplete/EAutocomplete.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/Autocomplete/EAutocomplete.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/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

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

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

package/dist/components/BackLink/EBackLink.js

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

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

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

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

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

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

package/dist/components/BookingCard/EBookingCard.js

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

@@ -1 +0,0 @@
-{"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(4rem, 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: 64px;\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

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

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

@@ -1 +0,0 @@
-{"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(4rem, 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: 64px;\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

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

package/dist/components/ButtonGroup/EButtonGroup.js

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

package/dist/components/ButtonGroup/EButtonGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EButtonGroup.js","names":["_sfc_main","EButtonGroup_vue_vue_type_script_setup_true_lang_default","EButtonGroup_default"],"sources":["../../../src/components/ButtonGroup/EButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** What the group is for. Read by screen readers as the name of the group. */\n  label: string;\n}>();\n\ndefineSlots<{\n  /** The buttons. */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <div class=\"e-btngroup\" role=\"group\" :aria-label=\"label\">\n    <slot />\n  </div>\n</template>\n\n<style>\n@layer e.composites {\n  .e-btngroup {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: var(--e-space-2);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/ButtonGroup/EButtonGroup.vue_vue_type_script_setup_true_lang.js

@@ -1,18 +0,0 @@
-/* empty css                */
-import { createElementBlock as e, defineComponent as t, openBlock as n, renderSlot as r } from "vue";
-//#region src/components/ButtonGroup/EButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var i = ["aria-label"], a = /*@__PURE__*/ t({
-	__name: "EButtonGroup",
-	props: { label: {} },
-	setup(t) {
-		return (a, o) => (n(), e("div", {
-			class: "e-btngroup",
-			role: "group",
-			"aria-label": t.label
-		}, [r(a.$slots, "default")], 8, i));
-	}
-});
-//#endregion
-export { a as default };
-
-//# sourceMappingURL=EButtonGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ButtonGroup/EButtonGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EButtonGroup.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_renderSlot","_hoisted_1","EButtonGroup_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","__props","renderSlot","_ctx"],"sources":["../../../src/components/ButtonGroup/EButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** What the group is for. Read by screen readers as the name of the group. */\n  label: string;\n}>();\n\ndefineSlots<{\n  /** The buttons. */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <div class=\"e-btngroup\" role=\"group\" :aria-label=\"label\">\n    <slot />\n  </div>\n</template>\n\n<style>\n@layer e.composites {\n  .e-btngroup {\n    display: inline-flex;\n    flex-wrap: wrap;\n    gap: var(--e-space-2);\n  }\n}\n</style>\n"],"mappings":";;;;;;;E,kBAeEA,EAAA,GAAAC,EAEM,OAAA;GAFD,OAAM;GAAa,MAAK;GAAS,cAAYM,EAAA;E,IAChDL,EAAQO,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/CardField/ECardField.js

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

package/dist/components/CardField/ECardField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ECardField.js","names":["_sfc_main","ECardField_vue_vue_type_script_setup_true_lang_default","ECardField_default"],"sources":["../../../src/components/CardField/ECardField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport ESpinner from \"../Spinner/ESpinner.vue\";\nimport EFieldFlag from \"../Field/EFieldFlag.vue\";\nimport EFieldMessage from \"../Field/EFieldMessage.vue\";\nimport { useMessages } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<{\n  /** The visible label, a small mono kicker above the frame. Default \"Card details\". */\n  label?: string;\n  /** `loading` shows a spinner while the provider's fields load; `error` turns the edge `danger`; `ready` is the default. An `error` text implies `error`. */\n  state?: \"loading\" | \"ready\" | \"error\";\n  /** What to fix, such as a declined card. Shown under the frame, announced, and turns the edge `danger`. */\n  error?: string;\n  /** The reassurance line under the frame. Default says the details go straight to the payment provider. */\n  note?: string;\n  /** The word \"Required\" beside the label. */\n  required?: boolean;\n  /** The id of the mount point, for a provider that mounts by id. Generated when left out. */\n  mountId?: string;\n  /** The id the label, error and note ids are built from. Generated when left out. */\n  id?: string;\n}>();\n\ndefineSlots<{\n  /** The provider's element, when it is rendered rather than mounted by id or by the exposed element. */\n  default(): unknown;\n}>();\n\nconst t = useMessages();\nconst id = useUid(() => props.id);\nconst status = computed(() => (props.error ? \"error\" : props.state || \"ready\"));\nconst mount = ref<HTMLDivElement | null>(null);\n\ndefineExpose({\n  mount,\n});\n</script>\n\n<template>\n  <div class=\"e-field\">\n    <span :id=\"`${id}-label`\" class=\"e-field-label e-kicker\">\n      {{ label || t(\"cardDetails\") }}\n      <EFieldFlag :required=\"required\" />\n    </span>\n    <div\n      class=\"e-cardfield\"\n      role=\"group\"\n      :aria-labelledby=\"`${id}-label`\"\n      :aria-describedby=\"error ? `${id}-hint` : `${id}-note`\"\n      :data-state=\"status\"\n    >\n      <div :id=\"mountId || `${id}-mount`\" ref=\"mount\" class=\"e-cardfield-mount\">\n        <ESpinner v-if=\"status === 'loading'\" :label=\"t('cardLoading')\" />\n        <slot v-else />\n      </div>\n    </div>\n    <EFieldMessage v-if=\"error\" :id=\"`${id}-hint`\" :error=\"error\" />\n    <p :id=\"`${id}-note`\" class=\"e-cardfield-note\">\n      <EIcon name=\"lock\" small />\n      {{ note || t(\"cardSecure\") }}\n    </p>\n  </div>\n</template>\n\n<style>\n@layer e.composites {\n  .e-cardfield-mount {\n    display: flex;\n    align-items: center;\n    min-height: var(--e-control-height);\n    padding: 0 var(--e-space-4);\n    border: var(--e-stroke-edge) solid var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    box-shadow: var(--e-well);\n    transition: border-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-cardfield-mount > * {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .e-cardfield:hover .e-cardfield-mount {\n    border-color: var(--e-ink);\n  }\n\n  .e-cardfield:focus-within .e-cardfield-mount {\n    border-color: var(--e-focus-field);\n    outline: var(--e-stroke-focus) solid var(--e-focus-field);\n    outline-offset: var(--e-focus-gap-field);\n  }\n\n  .e-cardfield[data-state=\"error\"] .e-cardfield-mount {\n    border-color: var(--e-danger);\n    box-shadow:\n      var(--e-well),\n      inset 0 0 0 1px var(--e-danger);\n  }\n\n  .e-cardfield-note {\n    display: flex;\n    align-items: center;\n    gap: var(--e-space-2);\n    margin: 0;\n    font: 400 var(--e-text-sm)/1.4 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/CardField/ECardField.vue.d.ts

@@ -1,31 +0,0 @@
-type __VLS_Props = {
-    /** The visible label, a small mono kicker above the frame. Default "Card details". */
-    label?: string;
-    /** `loading` shows a spinner while the provider's fields load; `error` turns the edge `danger`; `ready` is the default. An `error` text implies `error`. */
-    state?: "loading" | "ready" | "error";
-    /** What to fix, such as a declined card. Shown under the frame, announced, and turns the edge `danger`. */
-    error?: string;
-    /** The reassurance line under the frame. Default says the details go straight to the payment provider. */
-    note?: string;
-    /** The word "Required" beside the label. */
-    required?: boolean;
-    /** The id of the mount point, for a provider that mounts by id. Generated when left out. */
-    mountId?: string;
-    /** The id the label, error and note ids are built from. Generated when left out. */
-    id?: string;
-};
-type __VLS_Slots = {
-    /** The provider's element, when it is rendered rather than mounted by id or by the exposed element. */
-    default(): unknown;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
-    mount: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/CardField/ECardField.vue_vue_type_script_setup_true_lang.js

@@ -1,65 +0,0 @@
-/* empty css                */
-import { useMessages as e } from "../../config.js";
-import { useUid as t } from "../../composables/useUid.js";
-import n from "../Field/EFieldFlag.js";
-import r from "../Icon/EIcon.js";
-import i from "../Field/EFieldMessage.js";
-import a from "../Spinner/ESpinner.js";
-import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v } from "vue";
-//#region src/components/CardField/ECardField.vue?vue&type=script&setup=true&lang.ts
-var y = { class: "e-field" }, b = ["id"], x = [
-	"aria-labelledby",
-	"aria-describedby",
-	"data-state"
-], S = ["id"], C = ["id"], w = /*@__PURE__*/ p({
-	__name: "ECardField",
-	props: {
-		label: {},
-		state: {},
-		error: {},
-		note: {},
-		required: { type: Boolean },
-		mountId: {},
-		id: {}
-	},
-	setup(p, { expose: w }) {
-		let T = p, E = e(), D = t(() => T.id), O = o(() => T.error ? "error" : T.state || "ready"), k = h(null);
-		return w({ mount: k }), (e, t) => (m(), l("div", y, [
-			u("span", {
-				id: `${v(D)}-label`,
-				class: "e-field-label e-kicker"
-			}, [d(_(p.label || v(E)("cardDetails")) + " ", 1), f(n, { required: p.required }, null, 8, ["required"])], 8, b),
-			u("div", {
-				class: "e-cardfield",
-				role: "group",
-				"aria-labelledby": `${v(D)}-label`,
-				"aria-describedby": p.error ? `${v(D)}-hint` : `${v(D)}-note`,
-				"data-state": O.value
-			}, [u("div", {
-				id: p.mountId || `${v(D)}-mount`,
-				ref_key: "mount",
-				ref: k,
-				class: "e-cardfield-mount"
-			}, [O.value === "loading" ? (m(), s(a, {
-				key: 0,
-				label: v(E)("cardLoading")
-			}, null, 8, ["label"])) : g(e.$slots, "default", {}, void 0, void 0, 1)], 8, S)], 8, x),
-			p.error ? (m(), s(i, {
-				key: 0,
-				id: `${v(D)}-hint`,
-				error: p.error
-			}, null, 8, ["id", "error"])) : c("", !0),
-			u("p", {
-				id: `${v(D)}-note`,
-				class: "e-cardfield-note"
-			}, [f(r, {
-				name: "lock",
-				small: ""
-			}), d(" " + _(p.note || v(E)("cardSecure")), 1)], 8, C)
-		]));
-	}
-});
-//#endregion
-export { w as default };
-
-//# sourceMappingURL=ECardField.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/CardField/ECardField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ECardField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_createTextVNode","_toDisplayString","_createVNode","EFieldFlag","_createBlock","ESpinner","_renderSlot","EFieldMessage","_createCommentVNode","EIcon","EFieldFlag_default","EIcon_default","EFieldMessage_default","ESpinner_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","ECardField_vue_vue_type_script_setup_true_lang_default","__expose","props","__props","t","useMessages","id","useUid","status","computed","mount","ref","openBlock","createElementBlock","createElementVNode","unref","createTextVNode","toDisplayString","createVNode","createBlock","renderSlot","_ctx","createCommentVNode"],"sources":["../../../src/components/CardField/ECardField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport ESpinner from \"../Spinner/ESpinner.vue\";\nimport EFieldFlag from \"../Field/EFieldFlag.vue\";\nimport EFieldMessage from \"../Field/EFieldMessage.vue\";\nimport { useMessages } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<{\n  /** The visible label, a small mono kicker above the frame. Default \"Card details\". */\n  label?: string;\n  /** `loading` shows a spinner while the provider's fields load; `error` turns the edge `danger`; `ready` is the default. An `error` text implies `error`. */\n  state?: \"loading\" | \"ready\" | \"error\";\n  /** What to fix, such as a declined card. Shown under the frame, announced, and turns the edge `danger`. */\n  error?: string;\n  /** The reassurance line under the frame. Default says the details go straight to the payment provider. */\n  note?: string;\n  /** The word \"Required\" beside the label. */\n  required?: boolean;\n  /** The id of the mount point, for a provider that mounts by id. Generated when left out. */\n  mountId?: string;\n  /** The id the label, error and note ids are built from. Generated when left out. */\n  id?: string;\n}>();\n\ndefineSlots<{\n  /** The provider's element, when it is rendered rather than mounted by id or by the exposed element. */\n  default(): unknown;\n}>();\n\nconst t = useMessages();\nconst id = useUid(() => props.id);\nconst status = computed(() => (props.error ? \"error\" : props.state || \"ready\"));\nconst mount = ref<HTMLDivElement | null>(null);\n\ndefineExpose({\n  mount,\n});\n</script>\n\n<template>\n  <div class=\"e-field\">\n    <span :id=\"`${id}-label`\" class=\"e-field-label e-kicker\">\n      {{ label || t(\"cardDetails\") }}\n      <EFieldFlag :required=\"required\" />\n    </span>\n    <div\n      class=\"e-cardfield\"\n      role=\"group\"\n      :aria-labelledby=\"`${id}-label`\"\n      :aria-describedby=\"error ? `${id}-hint` : `${id}-note`\"\n      :data-state=\"status\"\n    >\n      <div :id=\"mountId || `${id}-mount`\" ref=\"mount\" class=\"e-cardfield-mount\">\n        <ESpinner v-if=\"status === 'loading'\" :label=\"t('cardLoading')\" />\n        <slot v-else />\n      </div>\n    </div>\n    <EFieldMessage v-if=\"error\" :id=\"`${id}-hint`\" :error=\"error\" />\n    <p :id=\"`${id}-note`\" class=\"e-cardfield-note\">\n      <EIcon name=\"lock\" small />\n      {{ note || t(\"cardSecure\") }}\n    </p>\n  </div>\n</template>\n\n<style>\n@layer e.composites {\n  .e-cardfield-mount {\n    display: flex;\n    align-items: center;\n    min-height: var(--e-control-height);\n    padding: 0 var(--e-space-4);\n    border: var(--e-stroke-edge) solid var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    box-shadow: var(--e-well);\n    transition: border-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-cardfield-mount > * {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .e-cardfield:hover .e-cardfield-mount {\n    border-color: var(--e-ink);\n  }\n\n  .e-cardfield:focus-within .e-cardfield-mount {\n    border-color: var(--e-focus-field);\n    outline: var(--e-stroke-focus) solid var(--e-focus-field);\n    outline-offset: var(--e-focus-gap-field);\n  }\n\n  .e-cardfield[data-state=\"error\"] .e-cardfield-mount {\n    border-color: var(--e-danger);\n    box-shadow:\n      var(--e-well),\n      inset 0 0 0 1px var(--e-danger);\n  }\n\n  .e-cardfield-note {\n    display: flex;\n    align-items: center;\n    gap: var(--e-space-2);\n    margin: 0;\n    font: 400 var(--e-text-sm)/1.4 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAMyB,IAAQC,GAsBRC,IAAIC,EAAY,GAChBC,IAAKC,QAAaL,EAAM,EAAE,GAC1BM,IAASC,QAAgBP,EAAM,QAAQ,UAAUA,EAAM,SAAS,OAAQ,GACxEQ,IAAQC,EAA2B,IAAI;E,OAE7CV,EAAa,EACX,SACF,CAAC,I,UAICxB,EAAA,GAAAC,EAsBM,OAtBNiB,GAsBM;GArBJhB,EAGO,QAAA;IAHA,IAAE,GAAKC,EAAA0B,CAAA,EAAE;IAAU,OAAM;G,IAC3BzB,EAAAC,EAAAqB,EAAA,SAASvB,EAAAwB,CAAA,CAAC,CAAA,aAAA,CAAA,IAAkB,KAC/B,CAAA,GAAArB,EAAmCC,GAAA,EAAtB,UAAUmB,EAAA,SAAQ,GAAA,MAAA,GAAA,CAAA,UAAA,CAAA,C;GAEjCxB,EAWM,OAAA;IAVJ,OAAM;IACN,MAAK;IACJ,mBAAe,GAAKC,EAAA0B,CAAA,EAAE;IACtB,oBAAkBH,EAAA,QAAK,GAAMvB,EAAA0B,CAAA,EAAE,SAAA,GAAa1B,EAAA0B,CAAA,EAAE;IAC9C,cAAYE,EAAA;G,IAEb7B,EAGM,OAAA;IAHA,IAAIwB,EAAA,WAAO,GAAOvB,EAAA0B,CAAA,EAAE;IAAc,SAAA;IAAJ,KAAII;IAAQ,OAAM;G,IACpCF,EAAA,UAAM,aAAtB/B,EAAA,GAAAQ,EAAkEC,GAAA;;IAA3B,OAAON,EAAAwB,CAAA,CAAC,CAAA,aAAA;G,0BAC/CjB,EAAekC,EAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,C;GAGElB,EAAA,SAArB1B,EAAA,GAAAQ,EAAgEG,GAAA;;IAAnC,IAAE,GAAKR,EAAA0B,CAAA,EAAE;IAAU,OAAOH,EAAA;;GACvDxB,EAGI,KAAA;IAHA,IAAE,GAAKC,EAAA0B,CAAA,EAAE;IAAS,OAAM;G,IAC1BvB,EAA2BO,GAAA;IAApB,MAAK;IAAO,OAAA;G,IAAQT,EAAA,MAC3BC,EAAGqB,EAAA,QAAQvB,EAAAwB,CAAA,CAAC,CAAA,YAAA,CAAA,GAAA,CAAA,C"}

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

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

package/dist/components/Chip/EChip.js

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

package/dist/components/Chip/EChip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EChip.js","names":["_sfc_main","EChip_vue_vue_type_script_setup_true_lang_default","EChip_default"],"sources":["../../../src/components/Chip/EChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport \"../../styles/base.css\";\n\nexport type ChipTone = \"neutral\" | \"ink\" | \"success\" | \"info\" | \"warning\" | \"danger\";\n\nconst props = withDefaults(defineProps<{\n  /** `success` (paid, confirmed, signed), `info` (due, scheduled, pending), `warning` (needs attention), `danger` (overdue, cancelled, failed). None is neutral. */\n  tone?: ChipTone;\n  /** `solid` is a filled badge with light text (the default); `subtle` is a soft tint with a tone-coloured outline and text. */\n  variant?: \"solid\" | \"subtle\";\n}>(), { variant: \"solid\" });\n\ndefineSlots<{\n  /** The word. Write sentence case; the chip sets it in capitals. */\n  default(): unknown;\n}>();\n\nconst toneClass = computed(() =>\n  props.tone && props.tone !== \"ink\" && props.tone !== \"neutral\" ? `e-chip--${props.tone}` : null,\n);\n</script>\n\n<template>\n  <span class=\"e-chip\" :class=\"[toneClass, variant === 'subtle' && 'e-chip--subtle']\"><slot /></span>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-chip {\n    --e-chip-text: var(--e-ink);\n    --e-chip-soft: var(--e-surface-tint);\n    --e-chip-on: var(--e-surface);\n\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-1);\n    height: var(--e-chip-height);\n    padding: 0 var(--e-space-3);\n    border-radius: var(--e-radius-pill);\n    background: var(--e-chip-text);\n    color: var(--e-chip-on);\n    box-shadow: inset 0 0 0 var(--e-stroke-card) var(--e-chip-text);\n    font: 600 var(--e-text-xs) / 1 var(--e-font-mono);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    /* stylelint-disable declaration-block-no-redundant-longhand-properties -- two longhands */\n    align-self: flex-start;\n    justify-self: start;\n    /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  }\n\n  .e-chip--success {\n    --e-chip-text: var(--e-secondary);\n    --e-chip-soft: var(--e-secondary-soft);\n    --e-chip-on: var(--e-on-secondary);\n  }\n\n  .e-chip--info {\n    --e-chip-text: var(--e-primary);\n    --e-chip-soft: var(--e-surface-tint);\n    --e-chip-on: var(--e-on-primary);\n  }\n\n  .e-chip--danger {\n    --e-chip-text: var(--e-danger);\n    --e-chip-soft: var(--e-danger-soft);\n    --e-chip-on: var(--e-on-danger);\n  }\n\n  .e-chip--warning {\n    --e-chip-text: var(--e-warning-strong);\n    --e-chip-soft: var(--e-warning-soft);\n  }\n\n  .e-chip--subtle {\n    background: var(--e-chip-soft);\n    color: var(--e-chip-text);\n  }\n\n  @media (forced-colors: active) {\n    .e-chip {\n      border: 1px solid CanvasText;\n    }\n  }\n\n  @media print {\n    .e-chip {\n      border: 1px solid #000;\n      background: none;\n      color: #000;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Chip/EChip.vue.d.ts

@@ -1,22 +0,0 @@
-export type ChipTone = "neutral" | "ink" | "success" | "info" | "warning" | "danger";
-type __VLS_Props = {
-    /** `success` (paid, confirmed, signed), `info` (due, scheduled, pending), `warning` (needs attention), `danger` (overdue, cancelled, failed). None is neutral. */
-    tone?: ChipTone;
-    /** `solid` is a filled badge with light text (the default); `subtle` is a soft tint with a tone-coloured outline and text. */
-    variant?: "solid" | "subtle";
-};
-type __VLS_Slots = {
-    /** The word. Write sentence case; the chip sets it in capitals. */
-    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: "solid" | "subtle";
-}, {}, {}, {}, 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;
-    };
-};