@eos-ui/vue 0.1.1 → 0.2.1

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

@@ -1,82 +0,0 @@
-/* empty css                */
-import { useMessages as e } from "../../config.js";
-import { useUid as t } from "../../composables/useUid.js";
-import n from "../Fieldset/EFieldset.js";
-import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, renderList as f, toDisplayString as p, unref as m, useModel as h, withCtx as g } from "vue";
-//#region src/components/SlotPicker/ESlotPicker.vue?vue&type=script&setup=true&lang.ts
-var _ = {
-	key: 0,
-	class: "e-slots-grid"
-}, v = [
-	"name",
-	"value",
-	"checked",
-	"disabled",
-	"required",
-	"onChange"
-], y = { class: "e-slot-text" }, b = {
-	key: 1,
-	class: "e-field-hint"
-}, x = /*@__PURE__*/ c({
-	__name: "ESlotPicker",
-	props: /*@__PURE__*/ l({
-		label: {},
-		options: {},
-		emptyText: {},
-		hint: {},
-		error: {},
-		required: { type: Boolean },
-		optional: { type: Boolean },
-		disabled: { type: Boolean },
-		name: {}
-	}, {
-		modelValue: { default: null },
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(c) {
-		let l = c, x = h(c, "modelValue"), S = e(), C = t(() => l.name), w = i(() => l.options.map((e) => typeof e == "string" ? {
-			value: e,
-			label: e
-		} : e));
-		return (e, t) => (d(), a(n, {
-			id: `${m(C)}-fs`,
-			bare: "",
-			class: "e-slots",
-			"legend-class": "e-slots-legend",
-			legend: c.label,
-			hint: c.hint,
-			error: c.error,
-			required: c.required,
-			optional: c.optional,
-			disabled: c.disabled
-		}, {
-			default: g(() => [w.value.length ? (d(), o("div", _, [(d(!0), o(r, null, f(w.value, (e) => (d(), o("label", {
-				key: e.value,
-				class: u(["e-slot", { "e-slot--off": e.disabled }])
-			}, [s("input", {
-				type: "radio",
-				class: "e-slot-input",
-				name: m(C),
-				value: e.value,
-				checked: x.value === e.value,
-				disabled: e.disabled,
-				required: c.required,
-				onChange: (t) => x.value = e.value
-			}, null, 40, v), s("span", y, p(e.label), 1)], 2))), 128))])) : (d(), o("p", b, p(c.emptyText || m(S)("noTimes")), 1))]),
-			_: 1
-		}, 8, [
-			"id",
-			"legend",
-			"hint",
-			"error",
-			"required",
-			"optional",
-			"disabled"
-		]));
-	}
-});
-//#endregion
-export { x as default };
-
-//# sourceMappingURL=ESlotPicker.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ESlotPicker.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","EFieldset","_unref","_withCtx","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createElementVNode","_toDisplayString","EFieldset_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","ESlotPicker_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","props","__props","model","useModel","t","useMessages","name","useUid","times","computed","s","openBlock","createBlock","unref","withCtx","createElementBlock","Fragment","renderList","o","normalizeClass","createElementVNode","toDisplayString"],"sources":["../../../src/components/SlotPicker/ESlotPicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface SlotOption {\n  value: string;\n  label: string;\n  /** A taken time: dashed and struck through, and not selectable. */\n  disabled?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport EFieldset from \"../Fieldset/EFieldset.vue\";\nimport { useMessages } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<{\n  /** The question the times answer, usually the day. Names the group for screen readers. */\n  label: string;\n  /** The times. A string is both value and label. */\n  options: (string | SlotOption)[];\n  /** Shown when the day has no times. Default \"No times are open on this day.\" */\n  emptyText?: string;\n  /** Help that is announced with the group. */\n  hint?: string;\n  /** What to fix. Replaces the hint and is announced with the group. */\n  error?: string;\n  /** The `required` attribute and the word \"Required\". */\n  required?: boolean;\n  /** A word beside the legend. Flag whichever is rarer. */\n  optional?: boolean;\n  /** Disables every time. */\n  disabled?: boolean;\n  /** The name the radios share, submitted with a form. Generated when left out. */\n  name?: string;\n}>();\n\nconst model = defineModel<string | null>({ default: null });\n\nconst t = useMessages();\nconst name = useUid(() => props.name);\nconst times = computed<SlotOption[]>(() =>\n  props.options.map((s) => (typeof s === \"string\" ? { value: s, label: s } : s)),\n);\n</script>\n\n<template>\n  <EFieldset\n    :id=\"`${name}-fs`\"\n    bare\n    class=\"e-slots\"\n    legend-class=\"e-slots-legend\"\n    :legend=\"label\"\n    :hint=\"hint\"\n    :error=\"error\"\n    :required=\"required\"\n    :optional=\"optional\"\n    :disabled=\"disabled\"\n  >\n    <div v-if=\"times.length\" class=\"e-slots-grid\">\n      <label v-for=\"o in times\" :key=\"o.value\" class=\"e-slot\" :class=\"{ 'e-slot--off': o.disabled }\">\n        <input\n          type=\"radio\"\n          class=\"e-slot-input\"\n          :name=\"name\"\n          :value=\"o.value\"\n          :checked=\"model === o.value\"\n          :disabled=\"o.disabled\"\n          :required=\"required\"\n          @change=\"model = o.value\"\n        />\n        <span class=\"e-slot-text\">{{ o.label }}</span>\n      </label>\n    </div>\n    <p v-else class=\"e-field-hint\">{{ emptyText || t(\"noTimes\") }}</p>\n  </EFieldset>\n</template>\n\n<style>\n@layer e.controls {\n  .e-slots {\n    display: grid;\n    gap: var(--e-space-2);\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  .e-slots-legend {\n    padding: 0;\n  }\n\n  .e-slots-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(6.5rem, 1fr));\n    gap: var(--e-space-2);\n  }\n\n  .e-slot {\n    position: relative;\n    display: block;\n  }\n\n  .e-slot-input {\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    margin: 0;\n    cursor: pointer;\n  }\n\n  .e-slot-text {\n    display: grid;\n    place-items: center;\n    height: var(--e-control-height);\n    border: var(--e-stroke-edge) solid var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    font: 500 var(--e-text-sm)/1 var(--e-font-mono);\n    font-variant-numeric: tabular-nums;\n    transition:\n      background-color var(--e-duration-tap) var(--e-easing-out),\n      border-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-slot:hover .e-slot-text {\n    background: var(--e-surface-tint);\n    border-color: var(--e-ink);\n  }\n\n  .e-slot-input:checked + .e-slot-text {\n    background: var(--e-primary);\n    border-color: var(--e-primary);\n    border-bottom-color: color-mix(in srgb, var(--e-primary) 70%, #000);\n    border-bottom-width: calc(var(--e-stroke-edge) + var(--e-depth));\n    padding-top: var(--e-depth);\n    color: var(--e-on-primary);\n    font-weight: 600;\n  }\n\n  .e-slot-input:focus-visible + .e-slot-text {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n  }\n\n  .e-slot--off .e-slot-text {\n    border-style: dashed;\n    color: var(--e-muted);\n    text-decoration: line-through;\n    background: var(--e-surface-tint);\n    cursor: not-allowed;\n  }\n\n  .e-slot--off:hover .e-slot-text {\n    border-color: var(--e-border-strong);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMoB,IAAQC,GAqBRC,IAAQtB,EAA0BqB,GAAA,YAAkB,GAEpDG,IAAIC,EAAY,GAChBC,IAAOC,QAAaP,EAAM,IAAI,GAC9BQ,IAAQC,QACZT,EAAM,QAAQ,KAAK,MAAO,OAAOU,KAAM,WAAW;GAAE,OAAOA;GAAG,OAAOA;EAAE,IAAIA,CAAE,CAC/E;E,kBAIE7B,EAAA,GAAAC,EA4BYC,GAAA;GA3BT,IAAE,GAAKC,EAAAsB,CAAA,EAAI;GACZ,MAAA;GACA,OAAM;GACN,gBAAa;GACZ,QAAQL,EAAA;GACR,MAAMA,EAAA;GACN,OAAOA,EAAA;GACP,UAAUA,EAAA;GACV,UAAUA,EAAA;GACV,UAAUA,EAAA;;GAEX,SAAAhB,QAcM,CAdKuB,EAAA,MAAM,UAAjB3B,EAAA,GAAAK,EAcM,OAdNO,GAcM,EAbJZ,EAAA,EAAA,GAAAK,EAYQC,GAAA,MAAAC,EAZWoB,EAAA,QAAL,OAAd3B,EAAA,GAAAK,EAYQ,SAAA;IAZmB,KAAKgC,EAAE;IAAO,OAAK7B,EAAA,CAAC,UAAQ,EAAA,eAA0B6B,EAAE,SAAQ,CAAA,CAAA;G,IACzF5B,EASE,SAAA;IARA,MAAK;IACL,OAAM;IACL,MAAMN,EAAAsB,CAAA;IACN,OAAOY,EAAE;IACT,SAAShB,EAAA,UAAUgB,EAAE;IACrB,UAAUA,EAAE;IACZ,UAAUjB,EAAA;IACV,WAAM,MAAE,EAAA,QAAQiB,EAAE;G,iBAErB5B,EAA8C,QAA9CK,GAA8CJ,EAAjB2B,EAAE,KAAK,GAAA,CAAA,C,qBAGxCrC,EAAA,GAAAK,EAAkE,KAAlEU,GAAkEL,EAAhCU,EAAA,aAAajB,EAAAoB,CAAA,CAAC,CAAA,SAAA,CAAA,GAAA,CAAA,E"}

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

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

package/dist/components/StatementCard/EStatementCard.js

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

package/dist/components/StatementCard/EStatementCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EStatementCard.js","names":["_sfc_main","EStatementCard_vue_vue_type_script_setup_true_lang_default","EStatementCard_default"],"sources":["../../../src/components/StatementCard/EStatementCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ESurface from \"../Surface/ESurface.vue\";\nimport EStamp from \"../Stamp/EStamp.vue\";\nimport EDescriptionList from \"../DescriptionList/EDescriptionList.vue\";\nimport EDisclosure from \"../Disclosure/EDisclosure.vue\";\nimport EAmount from \"../Amount/EAmount.vue\";\nimport ETimeline from \"../Timeline/ETimeline.vue\";\nimport type { StatementProps } from \"./types.js\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\nwithDefaults(\n  defineProps<\n    StatementProps & {\n      /** The heading level of the title, 1 to 4. */\n      headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    }\n  >(),\n  { headingLevel: 3 },\n);\n\ndefineSlots<{\n  /** Buttons for the bar at the foot: Pay now first, then Download. */\n  actions?(): unknown;\n}>();\n\nconst t = useMessages();\n</script>\n\n<template>\n  <ESurface as=\"article\" class=\"e-stmt\" pad=\"md\">\n    <div class=\"e-stmt-top\">\n      <EAmount :label=\"amountLabel\" :amount=\"amount\" :details=\"details\" :currency=\"currency\" :locale=\"locale\" />\n      <EStamp :status=\"status\" :tone=\"tone\" :label=\"label\" :detail=\"detail\" />\n    </div>\n    <div class=\"e-stmt-head\">\n      <component :is=\"`h${headingLevel}`\" class=\"e-stmt-title\">{{ title }}</component>\n      <p v-if=\"subtitle\" class=\"e-stmt-sub\">{{ subtitle }}</p>\n    </div>\n    <p v-if=\"reason\" class=\"e-stmt-reason\">{{ reason }}</p>\n    <EDescriptionList v-if=\"parts && parts.length\" :items=\"parts\" />\n    <EDisclosure v-if=\"activity && activity.length\" :title=\"`${activityTitle || t('history')} (${activity.length})`\">\n      <ETimeline :items=\"activity\" />\n    </EDisclosure>\n    <template v-if=\"$slots.actions\" #actions><slot name=\"actions\" /></template>\n  </ESurface>\n</template>\n\n<style>\n@layer e.account {\n  .e-stmt:not(.e-surface--actions),\n  .e-stmt > .e-surface-body {\n    display: grid;\n    align-content: start;\n    gap: var(--e-space-4);\n  }\n\n  .e-stmt-top {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--e-space-3) var(--e-space-4);\n  }\n\n  .e-stmt-top .e-stamp {\n    margin-inline-start: auto;\n  }\n\n  .e-stmt-title {\n    margin: 0;\n    font: 500 var(--e-text-xl) / 1.25 var(--e-font-sans);\n    text-wrap: balance;\n    min-width: 0;\n  }\n\n  .e-stmt-sub {\n    margin: var(--e-space-1) 0 0;\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n\n  .e-stmt-reason {\n    margin: 0;\n    font: 400 var(--e-text-md) / 1.45 var(--e-font-sans);\n    text-wrap: pretty;\n  }\n\n  @media (max-width: 32rem) {\n    .e-stmt-top .e-stamp {\n      margin-inline-start: 0;\n    }\n  }\n\n  @media print {\n    .e-stmt {\n      box-shadow: none;\n      border: 1px solid #000;\n      break-inside: avoid;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/StatementCard/EStatementCard.vue.d.ts

@@ -1,20 +0,0 @@
-import { StatementProps } from './types.js';
-type __VLS_Props = StatementProps & {
-    /** The heading level of the title, 1 to 4. */
-    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
-};
-type __VLS_Slots = {
-    /** Buttons for the bar at the foot: Pay now first, then Download. */
-    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/StatementCard/EStatementCard.vue_vue_type_script_setup_true_lang.js

@@ -1,96 +0,0 @@
-/* empty css                */
-import { useMessages as e } from "../../config.js";
-import t from "../Disclosure/EDisclosure.js";
-import n from "../Amount/EAmount.js";
-import r from "../Surface/ESurface.js";
-import i from "../Stamp/EStamp.js";
-import a from "../DescriptionList/EDescriptionList.js";
-import o from "../Timeline/ETimeline.js";
-import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
-//#region src/components/StatementCard/EStatementCard.vue?vue&type=script&setup=true&lang.ts
-var x = { class: "e-stmt-top" }, S = { class: "e-stmt-head" }, C = {
-	key: 0,
-	class: "e-stmt-sub"
-}, w = {
-	key: 0,
-	class: "e-stmt-reason"
-}, T = /*@__PURE__*/ m({
-	__name: "EStatementCard",
-	props: {
-		title: {},
-		subtitle: {},
-		status: {},
-		tone: {},
-		label: {},
-		detail: {},
-		amount: {},
-		amountLabel: {},
-		details: {},
-		reason: {},
-		parts: {},
-		activity: {},
-		activityTitle: {},
-		currency: {},
-		locale: {},
-		headingLevel: { default: 3 }
-	},
-	setup(m) {
-		let T = e();
-		return (e, E) => (h(), s(r, {
-			as: "article",
-			class: "e-stmt",
-			pad: "md"
-		}, d({
-			default: b(() => [
-				u("div", x, [p(n, {
-					label: m.amountLabel,
-					amount: m.amount,
-					details: m.details,
-					currency: m.currency,
-					locale: m.locale
-				}, null, 8, [
-					"label",
-					"amount",
-					"details",
-					"currency",
-					"locale"
-				]), p(i, {
-					status: m.status,
-					tone: m.tone,
-					label: m.label,
-					detail: m.detail
-				}, null, 8, [
-					"status",
-					"tone",
-					"label",
-					"detail"
-				])]),
-				u("div", S, [(h(), s(_(`h${m.headingLevel}`), { class: "e-stmt-title" }, {
-					default: b(() => [f(v(m.title), 1)]),
-					_: 1
-				})), m.subtitle ? (h(), l("p", C, v(m.subtitle), 1)) : c("", !0)]),
-				m.reason ? (h(), l("p", w, v(m.reason), 1)) : c("", !0),
-				m.parts && m.parts.length ? (h(), s(a, {
-					key: 1,
-					items: m.parts
-				}, null, 8, ["items"])) : c("", !0),
-				m.activity && m.activity.length ? (h(), s(t, {
-					key: 2,
-					title: `${m.activityTitle || y(T)("history")} (${m.activity.length})`
-				}, {
-					default: b(() => [p(o, { items: m.activity }, null, 8, ["items"])]),
-					_: 1
-				}, 8, ["title"])) : c("", !0)
-			]),
-			_: 2
-		}, [e.$slots.actions ? {
-			name: "actions",
-			fn: b(() => [g(e.$slots, "actions")]),
-			key: "0"
-		} : void 0]), 1024));
-	}
-});
-//#endregion
-export { T as default };
-
-//# sourceMappingURL=EStatementCard.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/StatementCard/EStatementCard.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EStatementCard.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","ESurface","_createSlots","_withCtx","_createElementVNode","_createVNode","EAmount","EStamp","_resolveDynamicComponent","_createTextVNode","_toDisplayString","_createElementBlock","_createCommentVNode","EDescriptionList","EDisclosure","_unref","ETimeline","_renderSlot","EDisclosure_default","EAmount_default","ESurface_default","EStamp_default","EDescriptionList_default","ETimeline_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","EStatementCard_vue_vue_type_script_setup_true_lang_default","t","useMessages","openBlock","createBlock","createSlots","withCtx","createElementVNode","createVNode","__props","resolveDynamicComponent","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","unref","_ctx","renderSlot"],"sources":["../../../src/components/StatementCard/EStatementCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ESurface from \"../Surface/ESurface.vue\";\nimport EStamp from \"../Stamp/EStamp.vue\";\nimport EDescriptionList from \"../DescriptionList/EDescriptionList.vue\";\nimport EDisclosure from \"../Disclosure/EDisclosure.vue\";\nimport EAmount from \"../Amount/EAmount.vue\";\nimport ETimeline from \"../Timeline/ETimeline.vue\";\nimport type { StatementProps } from \"./types.js\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\nwithDefaults(\n  defineProps<\n    StatementProps & {\n      /** The heading level of the title, 1 to 4. */\n      headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    }\n  >(),\n  { headingLevel: 3 },\n);\n\ndefineSlots<{\n  /** Buttons for the bar at the foot: Pay now first, then Download. */\n  actions?(): unknown;\n}>();\n\nconst t = useMessages();\n</script>\n\n<template>\n  <ESurface as=\"article\" class=\"e-stmt\" pad=\"md\">\n    <div class=\"e-stmt-top\">\n      <EAmount :label=\"amountLabel\" :amount=\"amount\" :details=\"details\" :currency=\"currency\" :locale=\"locale\" />\n      <EStamp :status=\"status\" :tone=\"tone\" :label=\"label\" :detail=\"detail\" />\n    </div>\n    <div class=\"e-stmt-head\">\n      <component :is=\"`h${headingLevel}`\" class=\"e-stmt-title\">{{ title }}</component>\n      <p v-if=\"subtitle\" class=\"e-stmt-sub\">{{ subtitle }}</p>\n    </div>\n    <p v-if=\"reason\" class=\"e-stmt-reason\">{{ reason }}</p>\n    <EDescriptionList v-if=\"parts && parts.length\" :items=\"parts\" />\n    <EDisclosure v-if=\"activity && activity.length\" :title=\"`${activityTitle || t('history')} (${activity.length})`\">\n      <ETimeline :items=\"activity\" />\n    </EDisclosure>\n    <template v-if=\"$slots.actions\" #actions><slot name=\"actions\" /></template>\n  </ESurface>\n</template>\n\n<style>\n@layer e.account {\n  .e-stmt:not(.e-surface--actions),\n  .e-stmt > .e-surface-body {\n    display: grid;\n    align-content: start;\n    gap: var(--e-space-4);\n  }\n\n  .e-stmt-top {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--e-space-3) var(--e-space-4);\n  }\n\n  .e-stmt-top .e-stamp {\n    margin-inline-start: auto;\n  }\n\n  .e-stmt-title {\n    margin: 0;\n    font: 500 var(--e-text-xl) / 1.25 var(--e-font-sans);\n    text-wrap: balance;\n    min-width: 0;\n  }\n\n  .e-stmt-sub {\n    margin: var(--e-space-1) 0 0;\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n\n  .e-stmt-reason {\n    margin: 0;\n    font: 400 var(--e-text-md) / 1.45 var(--e-font-sans);\n    text-wrap: pretty;\n  }\n\n  @media (max-width: 32rem) {\n    .e-stmt-top .e-stamp {\n      margin-inline-start: 0;\n    }\n  }\n\n  @media print {\n    .e-stmt {\n      box-shadow: none;\n      border: 1px solid #000;\n      break-inside: avoid;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,IAAM+B,IAAIC,EAAY;E,kBAIpB/B,EAAA,GAAAC,EAeWC,GAAA;GAfD,IAAG;GAAU,OAAM;GAAS,KAAI;;GACxC,SAAAE,QAGM;IAHNC,EAGM,OAHNoB,GAGM,CAFJnB,EAA0GC,GAAA;KAAhG,OAAO+B,EAAA;KAAc,QAAQA,EAAA;KAAS,SAASA,EAAA;KAAU,UAAUA,EAAA;KAAW,QAAQA,EAAA;;;;;;;I,IAChGhC,EAAwEE,GAAA;KAA/D,QAAQ8B,EAAA;KAAS,MAAMA,EAAA;KAAO,OAAOA,EAAA;KAAQ,QAAQA,EAAA;;;;;;;IAEhEjC,EAGM,OAHNqB,GAGM,EAFJ1B,EAAA,GAAAC,EAAgFQ,EAAA,IAA5D6B,EAAA,cAAY,GAAA,EAAI,OAAM,eAAc,GAAA;KAAC,SAAAlC,QAAW,CAARM,EAAAC,EAAA2B,EAAA,KAAK,GAAA,CAAA,C;;I,KACxDA,EAAA,YAATtC,EAAA,GAAAY,EAAwD,KAAxDe,GAAwDhB,EAAf2B,EAAA,QAAQ,GAAA,CAAA,K;IAE1CA,EAAA,UAATtC,EAAA,GAAAY,EAAuD,KAAvDgB,GAAuDjB,EAAb2B,EAAA,MAAM,GAAA,CAAA,K;IACxBA,EAAA,SAASA,EAAA,MAAM,UAAvCtC,EAAA,GAAAC,EAAgEa,GAAA;;KAAhB,OAAOwB,EAAA;;IACpCA,EAAA,YAAYA,EAAA,SAAS,UAAxCtC,EAAA,GAAAC,EAEcc,GAAA;;KAFmC,OAAK,GAAKuB,EAAA,iBAAiBtB,EAAAc,CAAA,CAAC,CAAA,SAAA,EAAA,IAAgBQ,EAAA,SAAS,OAAM;;KAC1G,SAAAlC,QAA+B,CAA/BE,EAA+BW,GAAA,EAAnB,OAAOqB,EAAA,SAAQ,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,C;;;;;E,IAEbvC,EAAAA,OAAO,U;GAAU,MAAA;GAAQ,IAAAK,QAAuB,CAAvBc,EAAuB2B,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/StatementCard/types.d.ts

@@ -1,37 +0,0 @@
-import { StampStatus, StampTone } from '../Stamp/EStamp.vue.js';
-import { AmountDetail } from '../Amount/EAmount.vue.js';
-import { DescriptionItem } from '../DescriptionList/EDescriptionList.vue.js';
-import { TimelineItem } from '../Timeline/ETimeline.vue.js';
-/** What a statement shows. Shared by `EStatementCard` and `EStatementRow`. */
-export interface StatementProps {
-    /** The statement's name, such as "October statement". */
-    title: string;
-    /** A line under the title, such as the period it covers. */
-    subtitle?: string;
-    /** A preset for the stamp: sets its tone, word and glyph. */
-    status?: StampStatus;
-    /** Overrides the status's tone. */
-    tone?: StampTone;
-    /** Overrides the status's word. */
-    label?: string;
-    /** A date or day count set after the stamp's word, such as "Oct 22". */
-    detail?: string;
-    /** The lead amount. */
-    amount: number;
-    /** What the amount is ("You owe", "Paid"). */
-    amountLabel?: string;
-    /** Lines under the amount, or above the total in a row. A number is shown as money. */
-    details?: AmountDetail[];
-    /** One sentence: what this is and what to do. */
-    reason?: string;
-    /** Label and text rows: what it covers, how to pay, when it is due. */
-    parts?: DescriptionItem[];
-    /** Events, newest first, shown behind a disclosure. */
-    activity?: TimelineItem[];
-    /** The disclosure's title. Default "History"; the number of events follows it. */
-    activityTitle?: string;
-    /** ISO 4217 code for this statement's amounts. Overrides the configured currency. */
-    currency?: string;
-    /** BCP 47 tag for this statement's amounts. Overrides the configured locale. */
-    locale?: string;
-}

package/dist/components/StatementRow/EStatementRow.js

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

package/dist/components/StatementRow/EStatementRow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EStatementRow.js","names":["_sfc_main","EStatementRow_vue_vue_type_script_setup_true_lang_default","EStatementRow_default"],"sources":["../../../src/components/StatementRow/EStatementRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport ESurface from \"../Surface/ESurface.vue\";\nimport EStamp from \"../Stamp/EStamp.vue\";\nimport EActions from \"../Actions/EActions.vue\";\nimport EDescriptionList from \"../DescriptionList/EDescriptionList.vue\";\nimport EDisclosure from \"../Disclosure/EDisclosure.vue\";\nimport ETimeline from \"../Timeline/ETimeline.vue\";\nimport type { StatementProps } from \"../StatementCard/types.js\";\nimport { useMessages } from \"../../config.js\";\nimport { useLocale } from \"../../composables/useLocale.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<StatementProps>();\n\ndefineSlots<{\n  /** Buttons for the bar at the foot of the opened row: Pay now first, then Download. */\n  actions?(): unknown;\n}>();\n\nconst t = useMessages();\nconst hasTotals = computed(() => Boolean(props.details && props.details.length));\nconst { formatMoney } = useLocale();\nconst money = (n: number) => formatMoney(n, { currency: props.currency, locale: props.locale });\n</script>\n\n<template>\n  <details class=\"e-srow\">\n    <summary>\n      <EStamp :status=\"status\" :tone=\"tone\" :label=\"label\" :detail=\"detail\" small />\n      <div class=\"e-srow-main\">\n        <p class=\"e-srow-title\">{{ title }}</p>\n        <p v-if=\"subtitle\" class=\"e-srow-sub\">{{ subtitle }}</p>\n      </div>\n      <span class=\"e-srow-amount\">{{ money(amount) }}</span>\n    </summary>\n    <div class=\"e-srow-body\">\n      <div class=\"e-srow-content\">\n        <div v-if=\"reason || hasTotals\" class=\"e-srow-lead\" :class=\"hasTotals ? 'e-srow-lead--totals' : null\">\n          <p v-if=\"reason\" class=\"e-stmt-reason\">{{ reason }}</p>\n          <ESurface v-if=\"hasTotals\" as=\"dl\" class=\"e-totals\" pad=\"sm\">\n            <div v-for=\"d in details\" :key=\"d.label\" class=\"e-totals-row\">\n              <dt>{{ d.label }}</dt>\n              <dd>{{ typeof d.value === \"number\" ? money(d.value) : d.value }}</dd>\n            </div>\n            <div class=\"e-totals-row e-totals-row--sum\">\n              <dt>{{ amountLabel || t(\"amount\") }}</dt>\n              <dd>{{ money(amount) }}</dd>\n            </div>\n          </ESurface>\n        </div>\n        <EDescriptionList v-if=\"parts && parts.length\" :items=\"parts\" />\n        <EDisclosure\n          v-if=\"activity && activity.length\"\n          :title=\"`${activityTitle || t('history')} (${activity.length})`\"\n        >\n          <ETimeline :items=\"activity\" />\n        </EDisclosure>\n      </div>\n      <EActions v-if=\"$slots.actions\" bar><slot name=\"actions\" /></EActions>\n    </div>\n  </details>\n</template>\n\n<style>\n@layer e.account {\n  .e-srow {\n    border-bottom: var(--e-depth) solid var(--e-border);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    box-shadow: var(--e-edge);\n    transition:\n      background-color var(--e-duration-tap) var(--e-easing-out),\n      box-shadow var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-srow:not([open]):hover {\n    border-bottom-color: var(--e-border-strong);\n    background: var(--e-surface-tint);\n    box-shadow: 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-srow[open] {\n    border-bottom-width: 0;\n    box-shadow: var(--e-edge);\n  }\n\n  .e-srow[open]:has(> summary:hover) {\n    box-shadow: 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-srow[open] > summary:hover {\n    background: var(--e-surface-tint);\n    border-bottom-color: var(--e-border-strong);\n  }\n\n  .e-srow > summary {\n    border-radius: var(--e-radius-md);\n    display: grid;\n    grid-template-columns: 8.75rem minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--e-space-3);\n    padding: var(--e-space-3) var(--e-space-4);\n    list-style: none;\n    cursor: pointer;\n  }\n\n  .e-srow > summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .e-srow > summary:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n  }\n\n  .e-srow .e-stamp {\n    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- two longhands */\n    justify-self: start;\n    align-self: center;\n  }\n\n  .e-srow-main {\n    min-width: 0;\n  }\n\n  .e-srow-title {\n    margin: 0;\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n    overflow-wrap: anywhere;\n    text-wrap: balance;\n  }\n\n  .e-srow-sub {\n    margin: var(--e-space-1) 0 0;\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n    color: var(--e-muted);\n    overflow-wrap: anywhere;\n  }\n\n  .e-srow-amount {\n    min-width: 5.5rem;\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-mono);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n    text-align: end;\n  }\n\n  .e-srow[open] > summary {\n    border-radius: var(--e-radius-md) var(--e-radius-md) 0 0;\n    border-bottom: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-srow-body {\n    container-type: inline-size;\n    border-radius: 0 0 var(--e-radius-md) var(--e-radius-md);\n  }\n\n  .e-srow-content {\n    display: grid;\n    gap: var(--e-space-2);\n    padding: var(--e-space-4);\n  }\n\n  .e-srow-body > .e-actions--bar:last-child {\n    border-end-start-radius: var(--e-radius-md);\n    border-end-end-radius: var(--e-radius-md);\n  }\n\n  .e-srow-body .e-stmt-reason {\n    margin: 0;\n  }\n\n  .e-srow-lead {\n    display: grid;\n    gap: var(--e-space-4);\n    align-items: start;\n  }\n\n  .e-totals {\n    display: grid;\n    gap: var(--e-space-1);\n    margin: 0;\n  }\n\n  .e-totals-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--e-space-3);\n  }\n\n  .e-totals-row dt {\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n\n  .e-totals-row dd {\n    margin: 0;\n    font: 500 var(--e-text-sm) / 1.4 var(--e-font-mono);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .e-totals-row--sum {\n    margin-top: var(--e-space-2);\n    padding-top: var(--e-space-3);\n    border-top: var(--e-stroke-hair) solid var(--e-border-strong);\n  }\n\n  .e-totals-row--sum dt {\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n    color: var(--e-ink);\n  }\n\n  .e-totals-row--sum dd {\n    font-size: var(--e-text-xl);\n  }\n\n  @container (min-width: 34rem) {\n    .e-srow-lead--totals {\n      grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem);\n    }\n  }\n\n  @media (max-width: 32rem) {\n    .e-srow > summary {\n      grid-template-columns: minmax(0, 1fr) auto;\n      align-items: start;\n    }\n\n    .e-srow .e-stamp {\n      grid-column: 1 / -1;\n      justify-self: start;\n      padding-inline: var(--e-space-2);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-srow {\n      transition: none;\n    }\n  }\n\n  @media print {\n    .e-srow,\n    .e-totals {\n      box-shadow: none;\n      border: 1px solid #000;\n      break-inside: avoid;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/StatementRow/EStatementRow.vue.d.ts

@@ -1,14 +0,0 @@
-import { StatementProps } from '../StatementCard/types.js';
-type __VLS_Slots = {
-    /** Buttons for the bar at the foot of the opened row: Pay now first, then Download. */
-    actions?(): unknown;
-};
-declare const __VLS_base: import('vue').DefineComponent<StatementProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StatementProps> & 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/StatementRow/EStatementRow.vue_vue_type_script_setup_true_lang.js

@@ -1,96 +0,0 @@
-/* empty css                */
-import { useMessages as e } from "../../config.js";
-import { useLocale as t } from "../../composables/useLocale.js";
-import n from "../Disclosure/EDisclosure.js";
-import r from "../Actions/EActions.js";
-import i from "../Surface/ESurface.js";
-import a from "../Stamp/EStamp.js";
-import o from "../DescriptionList/EDescriptionList.js";
-import s from "../Timeline/ETimeline.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, openBlock as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
-//#region src/components/StatementRow/EStatementRow.vue?vue&type=script&setup=true&lang.ts
-var C = { class: "e-srow" }, w = { class: "e-srow-main" }, T = { class: "e-srow-title" }, E = {
-	key: 0,
-	class: "e-srow-sub"
-}, D = { class: "e-srow-amount" }, O = { class: "e-srow-body" }, k = { class: "e-srow-content" }, A = {
-	key: 0,
-	class: "e-stmt-reason"
-}, j = { class: "e-totals-row e-totals-row--sum" }, M = /*@__PURE__*/ h({
-	__name: "EStatementRow",
-	props: {
-		title: {},
-		subtitle: {},
-		status: {},
-		tone: {},
-		label: {},
-		detail: {},
-		amount: {},
-		amountLabel: {},
-		details: {},
-		reason: {},
-		parts: {},
-		activity: {},
-		activityTitle: {},
-		currency: {},
-		locale: {}
-	},
-	setup(h) {
-		let M = h, N = e(), P = l(() => !!(M.details && M.details.length)), { formatMoney: F } = t(), I = (e) => F(e, {
-			currency: M.currency,
-			locale: M.locale
-		});
-		return (e, t) => (_(), f("details", C, [p("summary", null, [
-			m(a, {
-				status: h.status,
-				tone: h.tone,
-				label: h.label,
-				detail: h.detail,
-				small: ""
-			}, null, 8, [
-				"status",
-				"tone",
-				"label",
-				"detail"
-			]),
-			p("div", w, [p("p", T, b(h.title), 1), h.subtitle ? (_(), f("p", E, b(h.subtitle), 1)) : d("", !0)]),
-			p("span", D, b(I(h.amount)), 1)
-		]), p("div", O, [p("div", k, [
-			h.reason || P.value ? (_(), f("div", {
-				key: 0,
-				class: g(["e-srow-lead", P.value ? "e-srow-lead--totals" : null])
-			}, [h.reason ? (_(), f("p", A, b(h.reason), 1)) : d("", !0), P.value ? (_(), u(i, {
-				key: 1,
-				as: "dl",
-				class: "e-totals",
-				pad: "sm"
-			}, {
-				default: S(() => [(_(!0), f(c, null, v(h.details, (e) => (_(), f("div", {
-					key: e.label,
-					class: "e-totals-row"
-				}, [p("dt", null, b(e.label), 1), p("dd", null, b(typeof e.value == "number" ? I(e.value) : e.value), 1)]))), 128)), p("div", j, [p("dt", null, b(h.amountLabel || x(N)("amount")), 1), p("dd", null, b(I(h.amount)), 1)])]),
-				_: 1
-			})) : d("", !0)], 2)) : d("", !0),
-			h.parts && h.parts.length ? (_(), u(o, {
-				key: 1,
-				items: h.parts
-			}, null, 8, ["items"])) : d("", !0),
-			h.activity && h.activity.length ? (_(), u(n, {
-				key: 2,
-				title: `${h.activityTitle || x(N)("history")} (${h.activity.length})`
-			}, {
-				default: S(() => [m(s, { items: h.activity }, null, 8, ["items"])]),
-				_: 1
-			}, 8, ["title"])) : d("", !0)
-		]), e.$slots.actions ? (_(), u(r, {
-			key: 0,
-			bar: ""
-		}, {
-			default: S(() => [y(e.$slots, "actions")]),
-			_: 3
-		})) : d("", !0)])]));
-	}
-});
-//#endregion
-export { M as default };
-
-//# sourceMappingURL=EStatementRow.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/StatementRow/EStatementRow.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EStatementRow.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createElementBlock","_createElementVNode","_createVNode","EStamp","_toDisplayString","_createCommentVNode","_normalizeClass","_createBlock","ESurface","_withCtx","_Fragment","_renderList","_unref","EDescriptionList","EDisclosure","ETimeline","EActions","_renderSlot","EDisclosure_default","EActions_default","ESurface_default","EStamp_default","EDescriptionList_default","ETimeline_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","EStatementRow_vue_vue_type_script_setup_true_lang_default","props","__props","t","useMessages","hasTotals","computed","useLocale","money","formatMoney","n","openBlock","createElementBlock","createElementVNode","createVNode","toDisplayString","createCommentVNode","normalizeClass","createBlock","withCtx","Fragment","renderList","d","unref","_ctx","renderSlot"],"sources":["../../../src/components/StatementRow/EStatementRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport ESurface from \"../Surface/ESurface.vue\";\nimport EStamp from \"../Stamp/EStamp.vue\";\nimport EActions from \"../Actions/EActions.vue\";\nimport EDescriptionList from \"../DescriptionList/EDescriptionList.vue\";\nimport EDisclosure from \"../Disclosure/EDisclosure.vue\";\nimport ETimeline from \"../Timeline/ETimeline.vue\";\nimport type { StatementProps } from \"../StatementCard/types.js\";\nimport { useMessages } from \"../../config.js\";\nimport { useLocale } from \"../../composables/useLocale.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<StatementProps>();\n\ndefineSlots<{\n  /** Buttons for the bar at the foot of the opened row: Pay now first, then Download. */\n  actions?(): unknown;\n}>();\n\nconst t = useMessages();\nconst hasTotals = computed(() => Boolean(props.details && props.details.length));\nconst { formatMoney } = useLocale();\nconst money = (n: number) => formatMoney(n, { currency: props.currency, locale: props.locale });\n</script>\n\n<template>\n  <details class=\"e-srow\">\n    <summary>\n      <EStamp :status=\"status\" :tone=\"tone\" :label=\"label\" :detail=\"detail\" small />\n      <div class=\"e-srow-main\">\n        <p class=\"e-srow-title\">{{ title }}</p>\n        <p v-if=\"subtitle\" class=\"e-srow-sub\">{{ subtitle }}</p>\n      </div>\n      <span class=\"e-srow-amount\">{{ money(amount) }}</span>\n    </summary>\n    <div class=\"e-srow-body\">\n      <div class=\"e-srow-content\">\n        <div v-if=\"reason || hasTotals\" class=\"e-srow-lead\" :class=\"hasTotals ? 'e-srow-lead--totals' : null\">\n          <p v-if=\"reason\" class=\"e-stmt-reason\">{{ reason }}</p>\n          <ESurface v-if=\"hasTotals\" as=\"dl\" class=\"e-totals\" pad=\"sm\">\n            <div v-for=\"d in details\" :key=\"d.label\" class=\"e-totals-row\">\n              <dt>{{ d.label }}</dt>\n              <dd>{{ typeof d.value === \"number\" ? money(d.value) : d.value }}</dd>\n            </div>\n            <div class=\"e-totals-row e-totals-row--sum\">\n              <dt>{{ amountLabel || t(\"amount\") }}</dt>\n              <dd>{{ money(amount) }}</dd>\n            </div>\n          </ESurface>\n        </div>\n        <EDescriptionList v-if=\"parts && parts.length\" :items=\"parts\" />\n        <EDisclosure\n          v-if=\"activity && activity.length\"\n          :title=\"`${activityTitle || t('history')} (${activity.length})`\"\n        >\n          <ETimeline :items=\"activity\" />\n        </EDisclosure>\n      </div>\n      <EActions v-if=\"$slots.actions\" bar><slot name=\"actions\" /></EActions>\n    </div>\n  </details>\n</template>\n\n<style>\n@layer e.account {\n  .e-srow {\n    border-bottom: var(--e-depth) solid var(--e-border);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    box-shadow: var(--e-edge);\n    transition:\n      background-color var(--e-duration-tap) var(--e-easing-out),\n      box-shadow var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-srow:not([open]):hover {\n    border-bottom-color: var(--e-border-strong);\n    background: var(--e-surface-tint);\n    box-shadow: 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-srow[open] {\n    border-bottom-width: 0;\n    box-shadow: var(--e-edge);\n  }\n\n  .e-srow[open]:has(> summary:hover) {\n    box-shadow: 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-srow[open] > summary:hover {\n    background: var(--e-surface-tint);\n    border-bottom-color: var(--e-border-strong);\n  }\n\n  .e-srow > summary {\n    border-radius: var(--e-radius-md);\n    display: grid;\n    grid-template-columns: 8.75rem minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--e-space-3);\n    padding: var(--e-space-3) var(--e-space-4);\n    list-style: none;\n    cursor: pointer;\n  }\n\n  .e-srow > summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .e-srow > summary:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n  }\n\n  .e-srow .e-stamp {\n    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- two longhands */\n    justify-self: start;\n    align-self: center;\n  }\n\n  .e-srow-main {\n    min-width: 0;\n  }\n\n  .e-srow-title {\n    margin: 0;\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n    overflow-wrap: anywhere;\n    text-wrap: balance;\n  }\n\n  .e-srow-sub {\n    margin: var(--e-space-1) 0 0;\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n    color: var(--e-muted);\n    overflow-wrap: anywhere;\n  }\n\n  .e-srow-amount {\n    min-width: 5.5rem;\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-mono);\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n    text-align: end;\n  }\n\n  .e-srow[open] > summary {\n    border-radius: var(--e-radius-md) var(--e-radius-md) 0 0;\n    border-bottom: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-srow-body {\n    container-type: inline-size;\n    border-radius: 0 0 var(--e-radius-md) var(--e-radius-md);\n  }\n\n  .e-srow-content {\n    display: grid;\n    gap: var(--e-space-2);\n    padding: var(--e-space-4);\n  }\n\n  .e-srow-body > .e-actions--bar:last-child {\n    border-end-start-radius: var(--e-radius-md);\n    border-end-end-radius: var(--e-radius-md);\n  }\n\n  .e-srow-body .e-stmt-reason {\n    margin: 0;\n  }\n\n  .e-srow-lead {\n    display: grid;\n    gap: var(--e-space-4);\n    align-items: start;\n  }\n\n  .e-totals {\n    display: grid;\n    gap: var(--e-space-1);\n    margin: 0;\n  }\n\n  .e-totals-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--e-space-3);\n  }\n\n  .e-totals-row dt {\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n\n  .e-totals-row dd {\n    margin: 0;\n    font: 500 var(--e-text-sm) / 1.4 var(--e-font-mono);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .e-totals-row--sum {\n    margin-top: var(--e-space-2);\n    padding-top: var(--e-space-3);\n    border-top: var(--e-stroke-hair) solid var(--e-border-strong);\n  }\n\n  .e-totals-row--sum dt {\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n    color: var(--e-ink);\n  }\n\n  .e-totals-row--sum dd {\n    font-size: var(--e-text-xl);\n  }\n\n  @container (min-width: 34rem) {\n    .e-srow-lead--totals {\n      grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem);\n    }\n  }\n\n  @media (max-width: 32rem) {\n    .e-srow > summary {\n      grid-template-columns: minmax(0, 1fr) auto;\n      align-items: start;\n    }\n\n    .e-srow .e-stamp {\n      grid-column: 1 / -1;\n      justify-self: start;\n      padding-inline: var(--e-space-2);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-srow {\n      transition: none;\n    }\n  }\n\n  @media print {\n    .e-srow,\n    .e-totals {\n      box-shadow: none;\n      border: 1px solid #000;\n      break-inside: avoid;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMoC,IAAQC,GAORC,IAAIC,EAAY,GAChBC,IAAYC,QAAe,GAAQL,EAAM,WAAWA,EAAM,QAAQ,OAAO,GACzE,EAAE,mBAAgBM,EAAU,GAC5BC,KAAS,MAAcC,EAAYC,GAAG;GAAE,UAAUT,EAAM;GAAU,QAAQA,EAAM;EAAO,CAAC;E,kBAI5FnC,EAAA,GAAAC,EAkCU,WAlCVwB,GAkCU,CAjCRvB,EAOU,WAAA,MAAA;GANRC,EAA8EC,GAAA;IAArE,QAAQgC,EAAA;IAAS,MAAMA,EAAA;IAAO,OAAOA,EAAA;IAAQ,QAAQA,EAAA;IAAQ,OAAA;;;;;;;GACtElC,EAGM,OAHNwB,GAGM,CAFJxB,EAAuC,KAAvCyB,GAAuCtB,EAAZ+B,EAAA,KAAK,GAAA,CAAA,GACvBA,EAAA,YAATpC,EAAA,GAAAC,EAAwD,KAAxD2B,GAAwDvB,EAAf+B,EAAA,QAAQ,GAAA,CAAA,K;GAEnDlC,EAAsD,QAAtD2B,GAAsDxB,EAAvBqC,EAAMN,EAAA,MAAM,CAAA,GAAA,CAAA;E,IAE7ClC,EAwBM,OAxBN4B,GAwBM,CAvBJ5B,EAqBM,OArBN6B,GAqBM;GApBOK,EAAA,UAAUG,EAAA,SAArBvC,EAAA,GAAAC,EAYM,OAAA;;IAZ0B,OAAKM,EAAA,CAAC,eAAsBgC,EAAA,QAAS,wBAAA,IAAA,CAAA;G,IAC1DH,EAAA,UAATpC,EAAA,GAAAC,EAAuD,KAAvD+B,GAAuD3B,EAAb+B,EAAA,MAAM,GAAA,CAAA,K,WAChCG,EAAA,SAAhBvC,EAAA,GAAAQ,EASWC,GAAA;;IATgB,IAAG;IAAK,OAAM;IAAW,KAAI;;IACjD,SAAAC,QAAoB,EAAzBV,EAAA,EAAA,GAAAC,EAGMU,GAAA,MAAAC,EAHWwB,EAAA,UAAL,OAAZpC,EAAA,GAAAC,EAGM,OAAA;KAHqB,KAAKuD,EAAE;KAAO,OAAM;I,IAC7CtD,EAAsB,MAAA,MAAAG,EAAfmD,EAAE,KAAK,GAAA,CAAA,GACdtD,EAAqE,MAAA,MAAAG,EAAA,OAAvDmD,EAAE,SAAK,WAAgBd,EAAMc,EAAE,KAAK,IAAIA,EAAE,KAAK,GAAA,CAAA,C,aAE/DtD,EAGM,OAHN+B,GAGM,CAFJ/B,EAAyC,MAAA,MAAAG,EAAlC+B,EAAA,eAAevB,EAAAwB,CAAA,CAAC,CAAA,QAAA,CAAA,GAAA,CAAA,GACvBnC,EAA4B,MAAA,MAAAG,EAArBqC,EAAMN,EAAA,MAAM,CAAA,GAAA,CAAA,C;;;GAIDA,EAAA,SAASA,EAAA,MAAM,UAAvCpC,EAAA,GAAAQ,EAAgEM,GAAA;;IAAhB,OAAOsB,EAAA;;GAE/CA,EAAA,YAAYA,EAAA,SAAS,UAD7BpC,EAAA,GAAAQ,EAKcO,GAAA;;IAHX,OAAK,GAAKqB,EAAA,iBAAiBvB,EAAAwB,CAAA,CAAC,CAAA,SAAA,EAAA,IAAgBD,EAAA,SAAS,OAAM;;IAE5D,SAAA1B,QAA+B,CAA/BP,EAA+Ba,GAAA,EAAnB,OAAOoB,EAAA,SAAQ,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,C;;;E,IAGfrC,EAAAA,OAAO,WAAvBC,EAAA,GAAAQ,EAAsES,GAAA;;GAAtC,KAAA;;GAAI,SAAAP,QAAuB,CAAvBQ,EAAuBwC,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/Tabs/LinkNav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkNav.js","names":["_sfc_main","LinkNav_vue_vue_type_script_setup_true_lang_default","LinkNav_default","linkAttrs"],"sources":["../../../src/components/Tabs/LinkNav.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface LinkItem {\n  /** The words for this destination. */\n  label: string;\n  /** Where it goes. Defaults to `#`. */\n  href?: string;\n  /** A router location, passed to `linkComponent` as `to` (for `RouterLink`). */\n  to?: unknown;\n  /** The page the person is on. */\n  current?: boolean;\n}\n\nexport interface LinkSection<T extends LinkItem = LinkItem> {\n  /** A small heading over the section. Leave it out for a section that needs none. */\n  label?: string;\n  /** The destinations of the section, in order. */\n  items: T[];\n}\n\nexport const linkAttrs = (item: LinkItem) => ({\n  ...(item.to !== undefined ? { to: item.to } : { href: item.href ?? \"#\" }),\n  ...(item.current && { \"aria-current\": \"page\" }),\n});\n</script>\n\n<script setup lang=\"ts\" generic=\"T extends LinkItem\">\nimport type { Component } from \"vue\";\nimport { useMessages } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  groups: LinkSection<T>[];\n  label?: string;\n  linkComponent: string | Component;\n  itemClass: string;\n  headingClass: string;\n  listClass?: string;\n}>();\n\ndefineSlots<{\n  item(props: { item: T }): unknown;\n}>();\n\nconst t = useMessages();\nconst uid = useUid();\n</script>\n\n<template>\n  <nav :aria-label=\"label || t('mainNav')\">\n    <template v-for=\"(group, g) in groups\" :key=\"g\">\n      <p v-if=\"group.label\" :id=\"`${uid}-${g}`\" :class=\"headingClass\">{{ group.label }}</p>\n      <ul :class=\"listClass\" :aria-labelledby=\"group.label ? `${uid}-${g}` : undefined\">\n        <li v-for=\"(item, i) in group.items\" :key=\"i\">\n          <component :is=\"linkComponent\" :class=\"itemClass\" v-bind=\"linkAttrs(item)\">\n            <slot name=\"item\" :item=\"item\" />\n          </component>\n        </li>\n      </ul>\n    </template>\n  </nav>\n</template>\n\n<style>\n@layer e.containers {\n  .e-tabs-heading,\n  .e-nav-heading {\n    margin: var(--e-space-6) 0 var(--e-space-2);\n    padding-inline: var(--e-space-3);\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-ink);\n  }\n\n  .e-tabs--links > :first-child,\n  .e-nav > :first-child {\n    margin-top: 0;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Tabs/LinkNav.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkNav.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_Fragment","_renderList","_normalizeClass","_toDisplayString","_createCommentVNode","_createElementVNode","_createBlock","_resolveDynamicComponent","_mergeProps","_withCtx","_renderSlot","_hoisted_1","_hoisted_2","_hoisted_3","linkAttrs","item","LinkNav_vue_vue_type_script_setup_true_lang_default","t","useMessages","uid","useUid","openBlock","createElementBlock","__props","unref","Fragment","renderList","g","group","normalizeClass","toDisplayString","createCommentVNode","createElementVNode","i","createBlock","resolveDynamicComponent","mergeProps","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/Tabs/LinkNav.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface LinkItem {\n  /** The words for this destination. */\n  label: string;\n  /** Where it goes. Defaults to `#`. */\n  href?: string;\n  /** A router location, passed to `linkComponent` as `to` (for `RouterLink`). */\n  to?: unknown;\n  /** The page the person is on. */\n  current?: boolean;\n}\n\nexport interface LinkSection<T extends LinkItem = LinkItem> {\n  /** A small heading over the section. Leave it out for a section that needs none. */\n  label?: string;\n  /** The destinations of the section, in order. */\n  items: T[];\n}\n\nexport const linkAttrs = (item: LinkItem) => ({\n  ...(item.to !== undefined ? { to: item.to } : { href: item.href ?? \"#\" }),\n  ...(item.current && { \"aria-current\": \"page\" }),\n});\n</script>\n\n<script setup lang=\"ts\" generic=\"T extends LinkItem\">\nimport type { Component } from \"vue\";\nimport { useMessages } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  groups: LinkSection<T>[];\n  label?: string;\n  linkComponent: string | Component;\n  itemClass: string;\n  headingClass: string;\n  listClass?: string;\n}>();\n\ndefineSlots<{\n  item(props: { item: T }): unknown;\n}>();\n\nconst t = useMessages();\nconst uid = useUid();\n</script>\n\n<template>\n  <nav :aria-label=\"label || t('mainNav')\">\n    <template v-for=\"(group, g) in groups\" :key=\"g\">\n      <p v-if=\"group.label\" :id=\"`${uid}-${g}`\" :class=\"headingClass\">{{ group.label }}</p>\n      <ul :class=\"listClass\" :aria-labelledby=\"group.label ? `${uid}-${g}` : undefined\">\n        <li v-for=\"(item, i) in group.items\" :key=\"i\">\n          <component :is=\"linkComponent\" :class=\"itemClass\" v-bind=\"linkAttrs(item)\">\n            <slot name=\"item\" :item=\"item\" />\n          </component>\n        </li>\n      </ul>\n    </template>\n  </nav>\n</template>\n\n<style>\n@layer e.containers {\n  .e-tabs-heading,\n  .e-nav-heading {\n    margin: var(--e-space-6) 0 var(--e-space-2);\n    padding-inline: var(--e-space-3);\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-ink);\n  }\n\n  .e-tabs--links > :first-child,\n  .e-nav > :first-child {\n    margin-top: 0;\n  }\n}\n</style>\n"],"mappings":";;;;;A,6DAmBaiB,KAAa,OAAoB;CAC5C,GAAIC,EAAK,OAAO,KAAA,IAA8B,EAAE,MAAMA,EAAK,QAAQ,IAAI,IAA3C,EAAE,IAAIA,EAAK,GAAG;CAC1C,GAAIA,EAAK,WAAW,EAAE,gBAAgB,OAAO;AAC/C,I;;;;;;;;;;;EAsBA,IAAME,IAAIC,EAAY,GAChBC,IAAMC,EAAO;E,kBAIjBvB,EAAA,GAAAC,EAWM,OAAA,EAXA,cAAYyB,EAAA,SAASxB,EAAAkB,CAAA,CAAC,CAAA,SAAA,E,KAC1BpB,EAAA,EAAA,GAAAC,EASWE,GAAA,MAAAC,EAToBsB,EAAA,SAAb,GAAO,OAAoB1B,EAAA,GAAAC,EAAAE,GAAA,EAAA,KAAA2B,EAAC,GAAA,CACnCC,EAAM,SAAf/B,EAAA,GAAAC,EAAqF,KAAA;;GAA9D,IAAE,GAAKC,EAAAoB,CAAA,EAAG,GAAIQ;GAAM,OAAKzB,EAAEqB,EAAA,YAAY;EAAK,GAAApB,EAAAyB,EAAM,KAAK,GAAA,IAAAhB,CAAA,K,WAC9EP,EAMK,MAAA;GANA,OAAKH,EAAEqB,EAAA,SAAS;GAAG,mBAAiBK,EAAM,QAAK,GAAM7B,EAAAoB,CAAA,EAAG,GAAIQ,MAAM,KAAA;E,KACrE9B,EAAA,EAAA,GAAAC,EAIKE,GAAA,MAAAC,EAJmB2B,EAAM,QAAlB,GAAM,OAAlB/B,EAAA,GAAAC,EAIK,MAAA,EAJiC,KAAKmC,EAAC,GAAA,EAC1CpC,EAAA,GAAAS,EAEYC,EAFIgB,EAAA,aAAa,GAA7Bf,EAEY,EAFoB,OAAOe,EAAA,UAAS,GAAA,EAAA,SAAA,GAAA,GAAUT,EAAUC,CAAI,CAAA,GAAA;GACtE,SAAAN,QAAiC,CAAjCC,EAAiC6B,EAAA,QAAA,QAAA,EAAR,QAAI,CAAA,C"}

package/dist/components/Timeline/ETimeline.js

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

package/dist/components/Timeline/ETimeline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ETimeline.js","names":["_sfc_main","ETimeline_vue_vue_type_script_setup_true_lang_default","ETimeline_default"],"sources":["../../../src/components/Timeline/ETimeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EChip from \"../Chip/EChip.vue\";\nimport type { ChipTone } from \"../Chip/EChip.vue\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\nexport interface TimelineItem {\n  /** Who did it: `you`, `team` or `system` (an automatic event). Sets the source chip. */\n  kind: \"you\" | \"team\" | \"system\";\n  /** What happened, as a sentence. */\n  note: string;\n  /** When it happened and from where, such as \"Oct 12, 9:41 am, online\". Never leave it out. */\n  source: string;\n}\n\ndefineProps<{\n  /** The events, newest first. */\n  items: TimelineItem[];\n}>();\n\nconst t = useMessages();\nconst KINDS: Record<TimelineItem[\"kind\"], { label: \"you\" | \"team\" | \"automatic\"; tone: ChipTone }> = {\n  you: { label: \"you\", tone: \"neutral\" },\n  team: { label: \"team\", tone: \"info\" },\n  system: { label: \"automatic\", tone: \"neutral\" },\n};\nconst kindOf = (kind: string) => KINDS[kind as TimelineItem[\"kind\"]] ?? KINDS.system;\n</script>\n\n<template>\n  <ol class=\"e-activity\" :aria-label=\"t('activity')\">\n    <li v-for=\"(item, i) in items\" :key=\"i\" class=\"e-activity-row\">\n      <EChip :tone=\"kindOf(item.kind).tone\">{{ t(kindOf(item.kind).label) }}</EChip>\n      <p class=\"e-activity-main\">{{ item.note }}</p>\n      <p class=\"e-activity-source\">{{ item.source }}</p>\n    </li>\n  </ol>\n</template>\n\n<style>\n@layer e.account {\n  .e-activity {\n    display: grid;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .e-activity-row {\n    display: grid;\n    grid-template-columns: 5.5rem minmax(0, 1fr);\n    gap: var(--e-space-1) var(--e-space-4);\n    align-items: start;\n    padding: var(--e-space-3) 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-activity-row:first-child {\n    border-top: 0;\n    padding-top: 0;\n  }\n\n  .e-activity-row .e-chip {\n    justify-self: start;\n  }\n\n  .e-activity-main {\n    margin: 0;\n    font: 400 var(--e-text-md) / 1.5 var(--e-font-sans);\n    min-width: 0;\n  }\n\n  .e-activity-source {\n    margin: 0;\n    grid-column: 2;\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n    color: var(--e-muted);\n    min-width: 0;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Timeline/ETimeline.vue.d.ts

@@ -1,15 +0,0 @@
-export interface TimelineItem {
-    /** Who did it: `you`, `team` or `system` (an automatic event). Sets the source chip. */
-    kind: "you" | "team" | "system";
-    /** What happened, as a sentence. */
-    note: string;
-    /** When it happened and from where, such as "Oct 12, 9:41 am, online". Never leave it out. */
-    source: string;
-}
-type __VLS_Props = {
-    /** The events, newest first. */
-    items: TimelineItem[];
-};
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/Timeline/ETimeline.vue_vue_type_script_setup_true_lang.js

@@ -1,43 +0,0 @@
-/* empty css                */
-import { useMessages as e } from "../../config.js";
-import t from "../Chip/EChip.js";
-import { Fragment as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, renderList as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
-//#region src/components/Timeline/ETimeline.vue?vue&type=script&setup=true&lang.ts
-var p = ["aria-label"], m = { class: "e-activity-main" }, h = { class: "e-activity-source" }, g = /*@__PURE__*/ s({
-	__name: "ETimeline",
-	props: { items: {} },
-	setup(s) {
-		let g = e(), _ = {
-			you: {
-				label: "you",
-				tone: "neutral"
-			},
-			team: {
-				label: "team",
-				tone: "info"
-			},
-			system: {
-				label: "automatic",
-				tone: "neutral"
-			}
-		}, v = (e) => _[e] ?? _.system;
-		return (e, _) => (c(), r("ol", {
-			class: "e-activity",
-			"aria-label": d(g)("activity")
-		}, [(c(!0), r(n, null, l(s.items, (e, n) => (c(), r("li", {
-			key: n,
-			class: "e-activity-row"
-		}, [
-			o(t, { tone: v(e.kind).tone }, {
-				default: f(() => [a(u(d(g)(v(e.kind).label)), 1)]),
-				_: 2
-			}, 1032, ["tone"]),
-			i("p", m, u(e.note), 1),
-			i("p", h, u(e.source), 1)
-		]))), 128))], 8, p));
-	}
-});
-//#endregion
-export { g as default };
-
-//# sourceMappingURL=ETimeline.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Timeline/ETimeline.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ETimeline.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_Fragment","_renderList","_createVNode","EChip","_withCtx","_createTextVNode","_toDisplayString","_createElementVNode","EChip_default","_hoisted_1","_hoisted_2","_hoisted_3","ETimeline_vue_vue_type_script_setup_true_lang_default","t","useMessages","KINDS","kindOf","kind","openBlock","createElementBlock","unref","Fragment","renderList","__props","i","createVNode","item","withCtx","createTextVNode","toDisplayString","createElementVNode"],"sources":["../../../src/components/Timeline/ETimeline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EChip from \"../Chip/EChip.vue\";\nimport type { ChipTone } from \"../Chip/EChip.vue\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\nexport interface TimelineItem {\n  /** Who did it: `you`, `team` or `system` (an automatic event). Sets the source chip. */\n  kind: \"you\" | \"team\" | \"system\";\n  /** What happened, as a sentence. */\n  note: string;\n  /** When it happened and from where, such as \"Oct 12, 9:41 am, online\". Never leave it out. */\n  source: string;\n}\n\ndefineProps<{\n  /** The events, newest first. */\n  items: TimelineItem[];\n}>();\n\nconst t = useMessages();\nconst KINDS: Record<TimelineItem[\"kind\"], { label: \"you\" | \"team\" | \"automatic\"; tone: ChipTone }> = {\n  you: { label: \"you\", tone: \"neutral\" },\n  team: { label: \"team\", tone: \"info\" },\n  system: { label: \"automatic\", tone: \"neutral\" },\n};\nconst kindOf = (kind: string) => KINDS[kind as TimelineItem[\"kind\"]] ?? KINDS.system;\n</script>\n\n<template>\n  <ol class=\"e-activity\" :aria-label=\"t('activity')\">\n    <li v-for=\"(item, i) in items\" :key=\"i\" class=\"e-activity-row\">\n      <EChip :tone=\"kindOf(item.kind).tone\">{{ t(kindOf(item.kind).label) }}</EChip>\n      <p class=\"e-activity-main\">{{ item.note }}</p>\n      <p class=\"e-activity-source\">{{ item.source }}</p>\n    </li>\n  </ol>\n</template>\n\n<style>\n@layer e.account {\n  .e-activity {\n    display: grid;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .e-activity-row {\n    display: grid;\n    grid-template-columns: 5.5rem minmax(0, 1fr);\n    gap: var(--e-space-1) var(--e-space-4);\n    align-items: start;\n    padding: var(--e-space-3) 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-activity-row:first-child {\n    border-top: 0;\n    padding-top: 0;\n  }\n\n  .e-activity-row .e-chip {\n    justify-self: start;\n  }\n\n  .e-activity-main {\n    margin: 0;\n    font: 400 var(--e-text-md) / 1.5 var(--e-font-sans);\n    min-width: 0;\n  }\n\n  .e-activity-source {\n    margin: 0;\n    grid-column: 2;\n    font: 400 var(--e-text-sm) / 1.4 var(--e-font-sans);\n    color: var(--e-muted);\n    min-width: 0;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;EAoBA,IAAMgB,IAAIC,EAAY,GAChBC,IAA+F;GACnG,KAAK;IAAE,OAAO;IAAO,MAAM;GAAU;GACrC,MAAM;IAAE,OAAO;IAAQ,MAAM;GAAO;GACpC,QAAQ;IAAE,OAAO;IAAa,MAAM;GAAU;EAChD,GACMC,KAAU,MAAiBD,EAAME,MAAiCF,EAAM;E,kBAI5ElB,EAAA,GAAAC,EAMK,MAAA;GAND,OAAM;GAAc,cAAYC,EAAAc,CAAA,CAAC,CAAA,UAAA;E,KACnChB,EAAA,EAAA,GAAAC,EAIKE,GAAA,MAAAC,EAJmBsB,EAAA,QAAZ,GAAM,OAAlB1B,EAAA,GAAAC,EAIK,MAAA;GAJ2B,KAAK0B;GAAG,OAAM;;GAC5CtB,EAA8EC,GAAA,EAAtE,MAAMa,EAAOU,EAAK,IAAI,CAAA,CAAE,K;IAAM,SAAAtB,QAAgC,CAA7BC,EAAAC,EAAAP,EAAAc,CAAA,CAAC,CAACG,EAAOU,EAAK,IAAI,CAAA,CAAE,KAAK,CAAA,GAAA,CAAA,C;;;GAClEnB,EAA8C,KAA9CG,GAA8CJ,EAAhBoB,EAAK,IAAI,GAAA,CAAA;GACvCnB,EAAkD,KAAlDI,GAAkDL,EAAlBoB,EAAK,MAAM,GAAA,CAAA"}

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

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

package/dist/components/Toggle/EToggle.js

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

package/dist/components/Toggle/EToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EToggle.js","names":["_sfc_main","EToggle_vue_vue_type_script_setup_true_lang_default","EToggle_default"],"sources":["../../../src/components/Toggle/EToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EButton from \"../Button/EButton.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** An icon before the label. */\n  icon?: IconProp;\n  disabled?: boolean;\n}>();\n\ndefineSlots<{\n  /** The label. It names the option, so keep it the same in both states. */\n  default(): unknown;\n}>();\n\nconst model = defineModel<boolean>({ default: false });\n</script>\n\n<template>\n  <EButton\n    variant=\"outline\"\n    class=\"e-toggle\"\n    :icon=\"icon\"\n    :disabled=\"disabled\"\n    :aria-pressed=\"model ? 'true' : 'false'\"\n    @click=\"model = !model\"\n  >\n    <slot />\n  </EButton>\n</template>\n\n<style>\n@layer e.composites {\n  .e-toggle[aria-pressed=\"true\"],\n  .e-toggle[aria-pressed=\"true\"]:hover {\n    border-color: var(--e-primary);\n    background: var(--e-surface-tint);\n    color: var(--e-primary);\n    box-shadow: inset 0 0 0 1px var(--e-primary);\n  }\n\n  @media (forced-colors: active) {\n    .e-toggle[aria-pressed=\"true\"] {\n      forced-color-adjust: none;\n      background: Highlight;\n      color: HighlightText;\n    }\n  }\n}\n</style>\n"],"mappings":""}