@eos-ui/vue 0.0.0-stage → 0.1.1

package/dist/components/Heading/EHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EHeading.js","names":["_sfc_main","EHeading_vue_vue_type_script_setup_true_lang_default","EHeading_default"],"sources":["../../../src/components/Heading/EHeading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\nwithDefaults(\n  defineProps<{\n    /** 1 to 6: sets both the element (`h1` to `h6`) and the size (36, 24, 20, 18, 16 and 14px). One level 1 per page; do not skip levels. */\n    level?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** A small mono label above the heading. */\n    kicker?: string;\n  }>(),\n  { level: 2 },\n);\n\ndefineSlots<{\n  /** The heading text. */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <div class=\"e-heading\">\n    <p v-if=\"kicker\" class=\"e-kicker\" style=\"margin: 0\">{{ kicker }}</p>\n    <component :is=\"`h${level}`\" class=\"e-h\" :class=\"`e-h${level}`\"><slot /></component>\n  </div>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-heading {\n    display: grid;\n    gap: var(--e-space-1);\n  }\n\n  .e-h {\n    margin: 0;\n    font-family: var(--e-font-sans);\n    font-weight: 500;\n    color: var(--e-ink);\n    text-wrap: balance;\n  }\n\n  .e-h1 {\n    font-size: var(--e-text-4xl);\n    line-height: 1.15;\n  }\n\n  .e-h2 {\n    font-size: var(--e-text-2xl);\n    line-height: 1.25;\n  }\n\n  .e-h3 {\n    font-size: var(--e-text-xl);\n    line-height: 1.25;\n  }\n\n  .e-h4 {\n    font-size: var(--e-text-lg);\n    line-height: 1.3;\n  }\n\n  .e-h5 {\n    font-size: var(--e-text-md);\n    line-height: 1.3;\n  }\n\n  .e-h6 {\n    font-size: var(--e-text-sm);\n    line-height: 1.3;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Heading/EHeading.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    /** 1 to 6: sets both the element (`h1` to `h6`) and the size (36, 24, 20, 18, 16 and 14px). One level 1 per page; do not skip levels. */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** A small mono label above the heading. */
+    kicker?: string;
+};
+type __VLS_Slots = {
+    /** The heading text. */
+    default(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    level: 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/Heading/EHeading.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+/* empty css                */
+import { createBlock as e, createCommentVNode as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, resolveDynamicComponent as s, toDisplayString as c, withCtx as l } from "vue";
+//#region src/components/Heading/EHeading.vue?vue&type=script&setup=true&lang.ts
+var u = { class: "e-heading" }, d = {
+	key: 0,
+	class: "e-kicker",
+	style: { margin: "0" }
+}, f = /*@__PURE__*/ r({
+	__name: "EHeading",
+	props: {
+		level: { default: 2 },
+		kicker: {}
+	},
+	setup(r) {
+		return (f, p) => (a(), n("div", u, [r.kicker ? (a(), n("p", d, c(r.kicker), 1)) : t("", !0), (a(), e(s(`h${r.level}`), { class: i(["e-h", `e-h${r.level}`]) }, {
+			default: l(() => [o(f.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]))]));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=EHeading.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Heading/EHeading.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EHeading.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_renderSlot","_hoisted_1","_hoisted_2","\"margin\"","EHeading_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","__props","toDisplayString","createCommentVNode","createBlock","resolveDynamicComponent","normalizeClass","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/Heading/EHeading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\nwithDefaults(\n  defineProps<{\n    /** 1 to 6: sets both the element (`h1` to `h6`) and the size (36, 24, 20, 18, 16 and 14px). One level 1 per page; do not skip levels. */\n    level?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** A small mono label above the heading. */\n    kicker?: string;\n  }>(),\n  { level: 2 },\n);\n\ndefineSlots<{\n  /** The heading text. */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <div class=\"e-heading\">\n    <p v-if=\"kicker\" class=\"e-kicker\" style=\"margin: 0\">{{ kicker }}</p>\n    <component :is=\"`h${level}`\" class=\"e-h\" :class=\"`e-h${level}`\"><slot /></component>\n  </div>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-heading {\n    display: grid;\n    gap: var(--e-space-1);\n  }\n\n  .e-h {\n    margin: 0;\n    font-family: var(--e-font-sans);\n    font-weight: 500;\n    color: var(--e-ink);\n    text-wrap: balance;\n  }\n\n  .e-h1 {\n    font-size: var(--e-text-4xl);\n    line-height: 1.15;\n  }\n\n  .e-h2 {\n    font-size: var(--e-text-2xl);\n    line-height: 1.25;\n  }\n\n  .e-h3 {\n    font-size: var(--e-text-xl);\n    line-height: 1.25;\n  }\n\n  .e-h4 {\n    font-size: var(--e-text-lg);\n    line-height: 1.3;\n  }\n\n  .e-h5 {\n    font-size: var(--e-text-md);\n    line-height: 1.3;\n  }\n\n  .e-h6 {\n    font-size: var(--e-text-sm);\n    line-height: 1.3;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;E,kBAoBEA,EAAA,GAAAC,EAGM,OAHNQ,GAGM,CAFKM,EAAA,UAATf,EAAA,GAAAC,EAAoE,KAApES,GAAoER,EAAba,EAAA,MAAM,GAAA,CAAA,K,YAC7Df,EAAA,GAAAI,EAAoFC,EAAA,IAAhEU,EAAA,OAAK,GAAA,EAAI,OAAKT,EAAA,CAAC,OAAK,MAAeS,EAAA,OAAK,CAAA,E;GAAI,SAAAR,QAAQ,CAARC,EAAQe,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/Highlight/EHighlight.js

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

package/dist/components/Highlight/EHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EHighlight.js","names":["_sfc_main","EHighlight_vue_vue_type_script_setup_true_lang_default","EHighlight_default"],"sources":["../../../src/components/Highlight/EHighlight.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** Renders a `code` element in the mono font, for a name, value or snippet inside a sentence. Without it the element is a `mark`, for a word worth noticing. */\n  code?: boolean;\n}>();\n\ndefineSlots<{\n  /** The text to mark. */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <code v-if=\"code\" class=\"e-highlight e-highlight--code\"><slot /></code>\n  <mark v-else class=\"e-highlight\"><slot /></mark>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-highlight {\n    padding: 0 0.2em;\n    border-radius: 0.15em;\n    background: linear-gradient(\n      to bottom,\n      transparent 18%,\n      color-mix(in srgb, var(--e-secondary) 38%, transparent) 18% 94%,\n      transparent 94%\n    );\n    box-decoration-break: clone;\n    -webkit-box-decoration-break: clone;\n    color: var(--e-ink);\n    font-weight: 500;\n  }\n\n  .e-highlight--code {\n    font-family: var(--e-font-mono);\n    font-size: 0.9em;\n  }\n\n  @media (forced-colors: active) {\n    .e-highlight {\n      forced-color-adjust: none;\n      background: Highlight;\n      color: HighlightText;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Highlight/EHighlight.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    /** Renders a `code` element in the mono font, for a name, value or snippet inside a sentence. Without it the element is a `mark`, for a word worth noticing. */
+    code?: boolean;
+};
+type __VLS_Slots = {
+    /** The text to mark. */
+    default(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Highlight/EHighlight.vue_vue_type_script_setup_true_lang.js

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

package/dist/components/Highlight/EHighlight.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EHighlight.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_renderSlot","_hoisted_1","_hoisted_2","EHighlight_vue_vue_type_script_setup_true_lang_default","__props","openBlock","createElementBlock","renderSlot","_ctx"],"sources":["../../../src/components/Highlight/EHighlight.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** Renders a `code` element in the mono font, for a name, value or snippet inside a sentence. Without it the element is a `mark`, for a word worth noticing. */\n  code?: boolean;\n}>();\n\ndefineSlots<{\n  /** The text to mark. */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <code v-if=\"code\" class=\"e-highlight e-highlight--code\"><slot /></code>\n  <mark v-else class=\"e-highlight\"><slot /></mark>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-highlight {\n    padding: 0 0.2em;\n    border-radius: 0.15em;\n    background: linear-gradient(\n      to bottom,\n      transparent 18%,\n      color-mix(in srgb, var(--e-secondary) 38%, transparent) 18% 94%,\n      transparent 94%\n    );\n    box-decoration-break: clone;\n    -webkit-box-decoration-break: clone;\n    color: var(--e-ink);\n    font-weight: 500;\n  }\n\n  .e-highlight--code {\n    font-family: var(--e-font-mono);\n    font-size: 0.9em;\n  }\n\n  @media (forced-colors: active) {\n    .e-highlight {\n      forced-color-adjust: none;\n      background: Highlight;\n      color: HighlightText;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;E,iBAecM,EAAA,QAAZN,EAAA,GAAAC,EAAuE,QAAvEE,GAAuE,CAAfD,EAAQQ,EAAA,QAAA,SAAA,C,OAChEV,EAAA,GAAAC,EAAgD,QAAhDG,GAAgD,CAAfF,EAAQQ,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/Icon/EIcon.js

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

package/dist/components/Icon/EIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EIcon.js","names":["_sfc_main","EIcon_vue_vue_type_script_setup_true_lang_default","EIcon_default"],"sources":["../../../src/components/Icon/EIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useIconResolver } from \"../../config.js\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<{\n  /** A name (from the built-in list or your icon set, such as `\"credit-card\"` or `\"lucide:credit-card\"`), or an icon component. */\n  name: IconProp;\n  /** 14px with the bold weight, for chips and stamps. */\n  small?: boolean;\n  /** The bold weight at the normal size, where the icon set has one. */\n  bold?: boolean;\n}>();\n\nconst resolve = useIconResolver();\nconst resolved = computed(() => resolve(props.name as string, !!(props.small || props.bold)));\nconst directional = computed(() => typeof props.name === \"string\" && /-(left|right)$/.test(props.name));\n</script>\n\n<template>\n  <component\n    :is=\"resolved.component\"\n    v-if=\"resolved.kind === 'component'\"\n    class=\"e-icon\"\n    :class=\"{ 'e-icon--s': small, 'e-icon--dir': directional }\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  />\n  <span\n    v-else-if=\"resolved.kind === 'svg'\"\n    class=\"e-icon e-icon--svg\"\n    :class=\"{ 'e-icon--s': small, 'e-icon--dir': directional }\"\n    aria-hidden=\"true\"\n    v-html=\"resolved.html\"\n  />\n  <svg\n    v-else-if=\"resolved.kind === 'glyph'\"\n    class=\"e-icon e-icon--glyph\"\n    :class=\"{ 'e-icon--s': small, 'e-icon--dir': directional }\"\n    :viewBox=\"resolved.viewBox\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n    v-html=\"resolved.html\"\n  />\n</template>\n\n<style>\n@layer e.primitives {\n  .e-icon {\n    flex: none;\n    width: 20px;\n    height: 20px;\n  }\n\n  .e-icon--glyph {\n    fill: currentcolor;\n    stroke: none;\n  }\n\n  .e-icon--svg {\n    display: inline-flex;\n  }\n\n  .e-icon--svg > svg {\n    width: 100%;\n    height: 100%;\n  }\n\n  .e-icon--s {\n    width: 14px;\n    height: 14px;\n  }\n\n  :dir(rtl) .e-icon--dir {\n    transform: scaleX(-1);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Icon/EIcon.vue.d.ts

@@ -0,0 +1,12 @@
+import { IconProp } from '../../icons/types.js';
+type __VLS_Props = {
+    /** A name (from the built-in list or your icon set, such as `"credit-card"` or `"lucide:credit-card"`), or an icon component. */
+    name: IconProp;
+    /** 14px with the bold weight, for chips and stamps. */
+    small?: boolean;
+    /** The bold weight at the normal size, where the icon set has one. */
+    bold?: boolean;
+};
+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/Icon/EIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+/* empty css                */
+import { useIconResolver as e } from "../../config.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, defineComponent as a, normalizeClass as o, openBlock as s, resolveDynamicComponent as c } from "vue";
+//#region src/components/Icon/EIcon.vue?vue&type=script&setup=true&lang.ts
+var l = ["innerHTML"], u = ["viewBox", "innerHTML"], d = /*@__PURE__*/ a({
+	__name: "EIcon",
+	props: {
+		name: {},
+		small: { type: Boolean },
+		bold: { type: Boolean }
+	},
+	setup(a) {
+		let d = a, f = e(), p = t(() => f(d.name, !!(d.small || d.bold))), m = t(() => typeof d.name == "string" && /-(left|right)$/.test(d.name));
+		return (e, t) => p.value.kind === "component" ? (s(), n(c(p.value.component), {
+			key: 0,
+			class: o(["e-icon", {
+				"e-icon--s": a.small,
+				"e-icon--dir": m.value
+			}]),
+			"aria-hidden": "true",
+			focusable: "false"
+		}, null, 8, ["class"])) : p.value.kind === "svg" ? (s(), i("span", {
+			key: 1,
+			class: o(["e-icon e-icon--svg", {
+				"e-icon--s": a.small,
+				"e-icon--dir": m.value
+			}]),
+			"aria-hidden": "true",
+			innerHTML: p.value.html
+		}, null, 10, l)) : p.value.kind === "glyph" ? (s(), i("svg", {
+			key: 2,
+			class: o(["e-icon e-icon--glyph", {
+				"e-icon--s": a.small,
+				"e-icon--dir": m.value
+			}]),
+			viewBox: p.value.viewBox,
+			"aria-hidden": "true",
+			focusable: "false",
+			innerHTML: p.value.html
+		}, null, 10, u)) : r("", !0);
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=EIcon.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Icon/EIcon.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EIcon.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_createElementBlock","_createCommentVNode","_hoisted_1","_hoisted_2","EIcon_vue_vue_type_script_setup_true_lang_default","props","__props","resolve","useIconResolver","resolved","computed","directional","openBlock","createBlock","resolveDynamicComponent","normalizeClass","createElementBlock","createCommentVNode"],"sources":["../../../src/components/Icon/EIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useIconResolver } from \"../../config.js\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<{\n  /** A name (from the built-in list or your icon set, such as `\"credit-card\"` or `\"lucide:credit-card\"`), or an icon component. */\n  name: IconProp;\n  /** 14px with the bold weight, for chips and stamps. */\n  small?: boolean;\n  /** The bold weight at the normal size, where the icon set has one. */\n  bold?: boolean;\n}>();\n\nconst resolve = useIconResolver();\nconst resolved = computed(() => resolve(props.name as string, !!(props.small || props.bold)));\nconst directional = computed(() => typeof props.name === \"string\" && /-(left|right)$/.test(props.name));\n</script>\n\n<template>\n  <component\n    :is=\"resolved.component\"\n    v-if=\"resolved.kind === 'component'\"\n    class=\"e-icon\"\n    :class=\"{ 'e-icon--s': small, 'e-icon--dir': directional }\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n  />\n  <span\n    v-else-if=\"resolved.kind === 'svg'\"\n    class=\"e-icon e-icon--svg\"\n    :class=\"{ 'e-icon--s': small, 'e-icon--dir': directional }\"\n    aria-hidden=\"true\"\n    v-html=\"resolved.html\"\n  />\n  <svg\n    v-else-if=\"resolved.kind === 'glyph'\"\n    class=\"e-icon e-icon--glyph\"\n    :class=\"{ 'e-icon--s': small, 'e-icon--dir': directional }\"\n    :viewBox=\"resolved.viewBox\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n    v-html=\"resolved.html\"\n  />\n</template>\n\n<style>\n@layer e.primitives {\n  .e-icon {\n    flex: none;\n    width: 20px;\n    height: 20px;\n  }\n\n  .e-icon--glyph {\n    fill: currentcolor;\n    stroke: none;\n  }\n\n  .e-icon--svg {\n    display: inline-flex;\n  }\n\n  .e-icon--svg > svg {\n    width: 100%;\n    height: 100%;\n  }\n\n  .e-icon--s {\n    width: 14px;\n    height: 14px;\n  }\n\n  :dir(rtl) .e-icon--dir {\n    transform: scaleX(-1);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;EAMA,IAAMS,IAAQC,GASRC,IAAUC,EAAgB,GAC1BC,IAAWC,QAAeH,EAAQF,EAAM,MAAgB,CAAC,EAAEA,EAAM,SAASA,EAAM,KAAK,CAAC,GACtFM,IAAcD,QAAe,OAAOL,EAAM,QAAS,YAAY,iBAAiB,KAAKA,EAAM,IAAI,CAAC;E,iBAM5FI,EAAA,MAAS,SAAI,eAFrBb,EAAA,GAAAC,EAOEC,EANKW,EAAA,MAAS,SAAS,GAAA;;GAEvB,OAAKV,EAAA,CAAC,UAAQ;IAAA,aACSO,EAAA;IAAK,eAAiBK,EAAA;GAAW,CAAA,CAAA;GACxD,eAAY;GACZ,WAAU;E,0BAGCF,EAAA,MAAS,SAAI,SAD1Bb,EAAA,GAAAI,EAME,QAAA;;GAJA,OAAKD,EAAA,CAAC,sBAAoB;IAAA,aACHO,EAAA;IAAK,eAAiBK,EAAA;GAAW,CAAA,CAAA;GACxD,eAAY;GACZ,WAAQF,EAAA,MAAS;E,mBAGNA,EAAA,MAAS,SAAI,WAD1Bb,EAAA,GAAAI,EAQE,OAAA;;GANA,OAAKD,EAAA,CAAC,wBAAsB;IAAA,aACLO,EAAA;IAAK,eAAiBK,EAAA;GAAW,CAAA,CAAA;GACvD,SAASF,EAAA,MAAS;GACnB,eAAY;GACZ,WAAU;GACV,WAAQA,EAAA,MAAS"}

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

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

package/dist/components/IconButton/EIconButton.js

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

package/dist/components/IconButton/EIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EIconButton.js","names":["_sfc_main","EIconButton_vue_vue_type_script_setup_true_lang_default","EIconButton_default"],"sources":["../../../src/components/IconButton/EIconButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EIcon from \"../Icon/EIcon.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** The glyph. */\n  icon: IconProp;\n  /** The accessible name. Write it as an action, such as \"Download receipt\". */\n  label: string;\n  disabled?: boolean;\n}>();\n</script>\n\n<template>\n  <button type=\"button\" class=\"e-icon-btn\" :aria-label=\"label\" :disabled=\"disabled\">\n    <EIcon :name=\"icon\" />\n  </button>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-icon-btn {\n    display: inline-grid;\n    place-items: center;\n    flex: none;\n    width: var(--e-control-height);\n    height: var(--e-control-height);\n    padding: 0;\n    border: 0;\n    border-radius: var(--e-radius-md);\n    background: transparent;\n    color: var(--e-ink);\n    cursor: pointer;\n    transition: background-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-icon-btn:hover {\n    background: var(--e-wash-hover);\n    box-shadow: inset 0 0 0 1px var(--e-wash-ring);\n  }\n\n  .e-icon-btn:active {\n    background: var(--e-wash-press);\n    box-shadow: inset 0 0 0 1.5px var(--e-ink);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-icon-btn {\n      transition: none;\n    }\n  }\n\n  @media print {\n    .e-icon-btn {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/IconButton/EIconButton.vue.d.ts

@@ -0,0 +1,11 @@
+import { IconProp } from '../../icons/types.js';
+type __VLS_Props = {
+    /** The glyph. */
+    icon: IconProp;
+    /** The accessible name. Write it as an action, such as "Download receipt". */
+    label: string;
+    disabled?: boolean;
+};
+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/IconButton/EIconButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+/* empty css                */
+import e from "../Icon/EIcon.js";
+import { createElementBlock as t, createVNode as n, defineComponent as r, openBlock as i } from "vue";
+//#region src/components/IconButton/EIconButton.vue?vue&type=script&setup=true&lang.ts
+var a = ["aria-label", "disabled"], o = /*@__PURE__*/ r({
+	__name: "EIconButton",
+	props: {
+		icon: {},
+		label: {},
+		disabled: { type: Boolean }
+	},
+	setup(r) {
+		return (o, s) => (i(), t("button", {
+			type: "button",
+			class: "e-icon-btn",
+			"aria-label": r.label,
+			disabled: r.disabled
+		}, [n(e, { name: r.icon }, null, 8, ["name"])], 8, a));
+	}
+});
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=EIconButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/IconButton/EIconButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EIconButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","EIcon","EIcon_default","_hoisted_1","EIconButton_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","__props","createVNode"],"sources":["../../../src/components/IconButton/EIconButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EIcon from \"../Icon/EIcon.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** The glyph. */\n  icon: IconProp;\n  /** The accessible name. Write it as an action, such as \"Download receipt\". */\n  label: string;\n  disabled?: boolean;\n}>();\n</script>\n\n<template>\n  <button type=\"button\" class=\"e-icon-btn\" :aria-label=\"label\" :disabled=\"disabled\">\n    <EIcon :name=\"icon\" />\n  </button>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-icon-btn {\n    display: inline-grid;\n    place-items: center;\n    flex: none;\n    width: var(--e-control-height);\n    height: var(--e-control-height);\n    padding: 0;\n    border: 0;\n    border-radius: var(--e-radius-md);\n    background: transparent;\n    color: var(--e-ink);\n    cursor: pointer;\n    transition: background-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-icon-btn:hover {\n    background: var(--e-wash-hover);\n    box-shadow: inset 0 0 0 1px var(--e-wash-ring);\n  }\n\n  .e-icon-btn:active {\n    background: var(--e-wash-press);\n    box-shadow: inset 0 0 0 1.5px var(--e-ink);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-icon-btn {\n      transition: none;\n    }\n  }\n\n  @media print {\n    .e-icon-btn {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;E,kBAeEA,EAAA,GAAAC,EAES,UAAA;GAFD,MAAK;GAAS,OAAM;GAAc,cAAYQ,EAAA;GAAQ,UAAUA,EAAA;E,IACtEP,EAAsBC,GAAA,EAAd,MAAMM,EAAA,KAAI,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,C"}

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

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

package/dist/components/Inline/EInline.js

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

package/dist/components/Inline/EInline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EInline.js","names":["_sfc_main","EInline_vue_vue_type_script_setup_true_lang_default","EInline_default"],"sources":["../../../src/components/Inline/EInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** The element to render, `div` by default. */\n    as?: string;\n    /** A space token number (1, 2, 3, 4, 6, 8), or any CSS length as a string. */\n    gap?: number | string;\n    /** `between` or `end`; start by default. */\n    justify?: \"between\" | \"end\";\n    /** `start` or `baseline`; centred by default. */\n    align?: \"start\" | \"baseline\";\n    /** Keeps the children on one line instead of wrapping. */\n    nowrap?: boolean;\n  }>(),\n  { as: \"div\", gap: 2 },\n);\n\ndefineSlots<{\n  /** The children, in a row that wraps when it runs out of room. */\n  default(): unknown;\n}>();\n\nconst gapValue = computed(() => (typeof props.gap === \"number\" ? `var(--e-space-${props.gap})` : props.gap));\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"e-inline\"\n    :class=\"[nowrap && 'e-inline--nowrap', justify && `e-inline--${justify}`, align && `e-inline--a-${align}`]\"\n    :style=\"{ '--e-gap': gapValue }\"\n  >\n    <slot />\n  </component>\n</template>\n\n<style>\n@layer e.blocks {\n  .e-inline {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--e-gap, var(--e-space-2));\n    min-width: 0;\n  }\n\n  .e-inline--nowrap {\n    flex-wrap: nowrap;\n  }\n\n  .e-inline--between {\n    justify-content: space-between;\n  }\n\n  .e-inline--end {\n    justify-content: flex-end;\n  }\n\n  .e-inline--a-start {\n    align-items: flex-start;\n  }\n\n  .e-inline--a-baseline {\n    align-items: baseline;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Inline/EInline.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    /** The element to render, `div` by default. */
+    as?: string;
+    /** A space token number (1, 2, 3, 4, 6, 8), or any CSS length as a string. */
+    gap?: number | string;
+    /** `between` or `end`; start by default. */
+    justify?: "between" | "end";
+    /** `start` or `baseline`; centred by default. */
+    align?: "start" | "baseline";
+    /** Keeps the children on one line instead of wrapping. */
+    nowrap?: boolean;
+};
+type __VLS_Slots = {
+    /** The children, in a row that wraps when it runs out of room. */
+    default(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    as: string;
+    gap: string | number;
+}, {}, {}, {}, 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/Inline/EInline.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,31 @@
+/* empty css                */
+import { computed as e, createBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a, renderSlot as o, resolveDynamicComponent as s, withCtx as c } from "vue";
+//#region src/components/Inline/EInline.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ n({
+	__name: "EInline",
+	props: {
+		as: { default: "div" },
+		gap: { default: 2 },
+		justify: {},
+		align: {},
+		nowrap: { type: Boolean }
+	},
+	setup(n) {
+		let l = n, u = e(() => typeof l.gap == "number" ? `var(--e-space-${l.gap})` : l.gap);
+		return (e, l) => (a(), t(s(n.as), {
+			class: r(["e-inline", [
+				n.nowrap && "e-inline--nowrap",
+				n.justify && `e-inline--${n.justify}`,
+				n.align && `e-inline--a-${n.align}`
+			]]),
+			style: i({ "--e-gap": u.value })
+		}, {
+			default: c(() => [o(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class", "style"]));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=EInline.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Inline/EInline.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EInline.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_normalizeStyle","_withCtx","_renderSlot","EInline_vue_vue_type_script_setup_true_lang_default","props","__props","gapValue","computed","openBlock","createBlock","resolveDynamicComponent","normalizeClass","normalizeStyle","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/Inline/EInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** The element to render, `div` by default. */\n    as?: string;\n    /** A space token number (1, 2, 3, 4, 6, 8), or any CSS length as a string. */\n    gap?: number | string;\n    /** `between` or `end`; start by default. */\n    justify?: \"between\" | \"end\";\n    /** `start` or `baseline`; centred by default. */\n    align?: \"start\" | \"baseline\";\n    /** Keeps the children on one line instead of wrapping. */\n    nowrap?: boolean;\n  }>(),\n  { as: \"div\", gap: 2 },\n);\n\ndefineSlots<{\n  /** The children, in a row that wraps when it runs out of room. */\n  default(): unknown;\n}>();\n\nconst gapValue = computed(() => (typeof props.gap === \"number\" ? `var(--e-space-${props.gap})` : props.gap));\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    class=\"e-inline\"\n    :class=\"[nowrap && 'e-inline--nowrap', justify && `e-inline--${justify}`, align && `e-inline--a-${align}`]\"\n    :style=\"{ '--e-gap': gapValue }\"\n  >\n    <slot />\n  </component>\n</template>\n\n<style>\n@layer e.blocks {\n  .e-inline {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--e-gap, var(--e-space-2));\n    min-width: 0;\n  }\n\n  .e-inline--nowrap {\n    flex-wrap: nowrap;\n  }\n\n  .e-inline--between {\n    justify-content: space-between;\n  }\n\n  .e-inline--end {\n    justify-content: flex-end;\n  }\n\n  .e-inline--a-start {\n    align-items: flex-start;\n  }\n\n  .e-inline--a-baseline {\n    align-items: baseline;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EAIA,IAAMQ,IAAQC,GAqBRC,IAAWC,QAAgB,OAAOH,EAAM,OAAQ,WAAW,iBAAiBA,EAAM,IAAI,KAAKA,EAAM,GAAI;E,kBAIzGR,EAAA,GAAAC,EAOYC,EANLO,EAAA,EAAE,GAAA;GACP,OAAKN,EAAA,CAAC,YAAU;IACPM,EAAA,UAAM;IAAwBA,EAAA,WAAO,aAAiBA,EAAA;IAAWA,EAAA,SAAK,eAAmBA,EAAA;GAAK,CAAA,CAAA;GACtG,OAAKL,EAAA,EAAA,WAAeM,EAAA,MAAQ,CAAA;;GAE7B,SAAAL,QAAQ,CAARC,EAAQa,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/ItemList/EItemList.js

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

package/dist/components/ItemList/EItemList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EItemList.js","names":["_sfc_main","EItemList_vue_vue_type_script_setup_true_lang_default","EItemList_default"],"sources":["../../../src/components/ItemList/EItemList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport { ITEM_LIST_KEY } from \"./context.js\";\nimport \"../../styles/base.css\";\n\ndefineSlots<{\n  /** The `EItemRow`s. */\n  default(): unknown;\n}>();\n\nprovide(ITEM_LIST_KEY, true);\n</script>\n\n<template>\n  <div class=\"e-items\">\n    <div class=\"e-items-grid\" role=\"list\"><slot /></div>\n  </div>\n</template>\n\n<style>\n@layer e.account {\n  .e-items {\n    container-type: inline-size;\n  }\n\n  .e-items-grid {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    column-gap: var(--e-space-3);\n  }\n\n  @container (min-width: 36rem) {\n    .e-items-grid {\n      grid-template-columns: auto minmax(0, 1fr) auto auto;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/ItemList/EItemList.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Slots = {
+    /** The `EItemRow`s. */
+    default(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/ItemList/EItemList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+/* empty css                */
+import { ITEM_LIST_KEY as e } from "./context.js";
+import { createElementBlock as t, createElementVNode as n, defineComponent as r, openBlock as i, provide as a, renderSlot as o } from "vue";
+//#region src/components/ItemList/EItemList.vue?vue&type=script&setup=true&lang.ts
+var s = { class: "e-items" }, c = {
+	class: "e-items-grid",
+	role: "list"
+}, l = /*@__PURE__*/ r({
+	__name: "EItemList",
+	setup(r) {
+		return a(e, !0), (e, r) => (i(), t("div", s, [n("div", c, [o(e.$slots, "default")])]));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=EItemList.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ItemList/EItemList.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EItemList.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_hoisted_1","_hoisted_2","EItemList_vue_vue_type_script_setup_true_lang_default","provide","ITEM_LIST_KEY","openBlock","createElementBlock","createElementVNode","renderSlot","_ctx"],"sources":["../../../src/components/ItemList/EItemList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport { ITEM_LIST_KEY } from \"./context.js\";\nimport \"../../styles/base.css\";\n\ndefineSlots<{\n  /** The `EItemRow`s. */\n  default(): unknown;\n}>();\n\nprovide(ITEM_LIST_KEY, true);\n</script>\n\n<template>\n  <div class=\"e-items\">\n    <div class=\"e-items-grid\" role=\"list\"><slot /></div>\n  </div>\n</template>\n\n<style>\n@layer e.account {\n  .e-items {\n    container-type: inline-size;\n  }\n\n  .e-items-grid {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr) auto;\n    column-gap: var(--e-space-3);\n  }\n\n  @container (min-width: 36rem) {\n    .e-items-grid {\n      grid-template-columns: auto minmax(0, 1fr) auto auto;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;E,OAUAO,EAAQC,GAAe,EAAI,I,UAIzBR,EAAA,GAAAC,EAEM,OAFNG,GAEM,CADJF,EAAoD,OAApDG,GAAoD,CAAdF,EAAQU,EAAA,QAAA,SAAA,C"}

package/dist/components/ItemList/context.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+/** Provided by `EItemList` so an `EItemRow` knows it already has a list around it. Internal. */
+export declare const ITEM_LIST_KEY: InjectionKey<boolean>;

package/dist/components/ItemList/context.js

@@ -0,0 +1,6 @@
+//#region src/components/ItemList/context.ts
+var e = Symbol("eos.itemList");
+//#endregion
+export { e as ITEM_LIST_KEY };
+
+//# sourceMappingURL=context.js.map

package/dist/components/ItemList/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["ITEM_LIST_KEY"],"sources":["../../../src/components/ItemList/context.ts"],"sourcesContent":["import type { InjectionKey } from \"vue\";\n\n/** Provided by `EItemList` so an `EItemRow` knows it already has a list around it. Internal. */\nexport const ITEM_LIST_KEY: InjectionKey<boolean> = Symbol(\"eos.itemList\");\n"],"mappings":";AAGA,IAAaA,IAAuC,OAAO,cAAc"}

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

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

package/dist/components/ItemRow/EItemRow.js

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

package/dist/components/ItemRow/EItemRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EItemRow.js","names":["_sfc_main","EItemRow_vue_vue_type_script_setup_true_lang_default","EItemRow_default"],"sources":["../../../src/components/ItemRow/EItemRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { h, inject, type FunctionalComponent } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport EStamp from \"../Stamp/EStamp.vue\";\nimport EItemList from \"../ItemList/EItemList.vue\";\nimport { ITEM_LIST_KEY } from \"../ItemList/context.js\";\nimport type { StampStatus, StampTone } from \"../Stamp/EStamp.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\ndefineOptions({ inheritAttrs: false });\n\ndefineProps<{\n  /** What the line is, such as \"New client form\". */\n  title: string;\n  /** A line under the title, such as when it is due. */\n  subtitle?: string;\n  /** An icon in a tile before the title. */\n  icon?: IconProp;\n  /** A preset for the stamp: sets its tone, word and glyph. */\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}>();\n\ndefineSlots<{\n  /** A Button or IconButton at the end of the row. */\n  action?(): unknown;\n}>();\n\nconst inList = inject(ITEM_LIST_KEY, false);\nconst Frame: FunctionalComponent = (_props, { slots }) =>\n  inList ? slots.default?.() : h(EItemList, null, { default: () => slots.default?.() });\n</script>\n\n<template>\n  <Frame>\n    <div class=\"e-item\" role=\"listitem\" v-bind=\"$attrs\">\n      <span v-if=\"icon\" class=\"e-item-icon\"><EIcon :name=\"icon\" /></span>\n      <div class=\"e-item-main\">\n        <p class=\"e-item-title\">{{ title }}</p>\n        <p v-if=\"subtitle\" class=\"e-item-sub\">{{ subtitle }}</p>\n      </div>\n      <EStamp v-if=\"status || label\" :status=\"status\" :tone=\"tone\" :label=\"label\" small />\n      <slot name=\"action\" />\n    </div>\n  </Frame>\n</template>\n\n<style>\n@layer e.account {\n  .e-item {\n    grid-column: 1 / -1;\n    display: grid;\n    grid-template-columns: subgrid;\n    align-items: center;\n    padding: var(--e-space-3) 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-item:first-child {\n    border-top: 0;\n  }\n\n  .e-item-icon {\n    grid-column: 1;\n    grid-row: 1 / span 2;\n    align-self: start;\n    display: grid;\n    place-items: center;\n    width: 40px;\n    height: 40px;\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface-tint);\n    box-shadow: inset 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-item-icon .e-icon {\n    width: 22px;\n    height: 22px;\n  }\n\n  .e-item-main {\n    grid-column: 2;\n    grid-row: 1;\n    min-width: 0;\n  }\n\n  .e-item .e-stamp {\n    grid-column: 2;\n    grid-row: 2;\n    justify-self: start;\n    margin-top: var(--e-space-2);\n  }\n\n  .e-item > .e-btn {\n    grid-column: 2 / -1;\n    grid-row: 3;\n    justify-self: start;\n    margin-top: var(--e-space-3);\n  }\n\n  .e-item > .e-icon-btn {\n    grid-column: 3;\n    grid-row: 1 / span 2;\n    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- two longhands */\n    justify-self: end;\n    align-self: center;\n  }\n\n  .e-item-title {\n    margin: 0;\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n    overflow-wrap: anywhere;\n  }\n\n  .e-item-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  @container (min-width: 36rem) {\n    .e-item-icon {\n      grid-row: 1;\n      align-self: center;\n    }\n\n    .e-item .e-stamp {\n      grid-column: 3;\n      grid-row: 1;\n      margin-top: 0;\n      align-self: center;\n    }\n\n    .e-item > .e-btn,\n    .e-item > .e-icon-btn {\n      grid-column: 4;\n      grid-row: 1;\n      margin-top: 0;\n      /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- two longhands */\n      justify-self: end;\n      align-self: center;\n    }\n  }\n\n  @media print {\n    .e-item {\n      box-shadow: none;\n      border: 1px solid #000;\n      border-width: 0 0 1px;\n      break-inside: avoid;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/ItemRow/EItemRow.vue.d.ts

@@ -0,0 +1,29 @@
+import { StampStatus, StampTone } from '../Stamp/EStamp.vue.js';
+import { IconProp } from '../../icons/types.js';
+type __VLS_Props = {
+    /** What the line is, such as "New client form". */
+    title: string;
+    /** A line under the title, such as when it is due. */
+    subtitle?: string;
+    /** An icon in a tile before the title. */
+    icon?: IconProp;
+    /** A preset for the stamp: sets its tone, word and glyph. */
+    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;
+};
+type __VLS_Slots = {
+    /** A Button or IconButton at the end of the row. */
+    action?(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/ItemRow/EItemRow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+/* empty css                */
+import e from "../Icon/EIcon.js";
+import t from "../Stamp/EStamp.js";
+import { ITEM_LIST_KEY as n } from "../ItemList/context.js";
+import r from "../ItemList/EItemList.js";
+import { createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, h as u, inject as d, mergeProps as f, openBlock as p, renderSlot as m, toDisplayString as h, withCtx as g } from "vue";
+//#region src/components/ItemRow/EItemRow.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	key: 0,
+	class: "e-item-icon"
+}, v = { class: "e-item-main" }, y = { class: "e-item-title" }, b = {
+	key: 0,
+	class: "e-item-sub"
+}, x = /*@__PURE__*/ l({
+	inheritAttrs: !1,
+	__name: "EItemRow",
+	props: {
+		title: {},
+		subtitle: {},
+		icon: {},
+		status: {},
+		tone: {},
+		label: {}
+	},
+	setup(l) {
+		let x = d(n, !1), S = (e, { slots: t }) => x ? t.default?.() : u(r, null, { default: () => t.default?.() });
+		return (n, r) => (p(), i(S, null, {
+			default: g(() => [s("div", f({
+				class: "e-item",
+				role: "listitem"
+			}, n.$attrs), [
+				l.icon ? (p(), o("span", _, [c(e, { name: l.icon }, null, 8, ["name"])])) : a("", !0),
+				s("div", v, [s("p", y, h(l.title), 1), l.subtitle ? (p(), o("p", b, h(l.subtitle), 1)) : a("", !0)]),
+				l.status || l.label ? (p(), i(t, {
+					key: 1,
+					status: l.status,
+					tone: l.tone,
+					label: l.label,
+					small: ""
+				}, null, 8, [
+					"status",
+					"tone",
+					"label"
+				])) : a("", !0),
+				m(n.$slots, "action")
+			], 16)]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=EItemRow.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ItemRow/EItemRow.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EItemRow.vue_vue_type_script_setup_true_lang.js","names":["$attrs","EItemList","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_createVNode","EIcon","_createCommentVNode","_toDisplayString","EStamp","_renderSlot","EIcon_default","EStamp_default","EItemList_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","EItemRow_vue_vue_type_script_setup_true_lang_default","inList","inject","ITEM_LIST_KEY","Frame","slots","h","openBlock","createBlock","withCtx","createElementVNode","mergeProps","_ctx","__props","createElementBlock","createVNode","createCommentVNode","toDisplayString","renderSlot"],"sources":["../../../src/components/ItemRow/EItemRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { h, inject, type FunctionalComponent } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport EStamp from \"../Stamp/EStamp.vue\";\nimport EItemList from \"../ItemList/EItemList.vue\";\nimport { ITEM_LIST_KEY } from \"../ItemList/context.js\";\nimport type { StampStatus, StampTone } from \"../Stamp/EStamp.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\ndefineOptions({ inheritAttrs: false });\n\ndefineProps<{\n  /** What the line is, such as \"New client form\". */\n  title: string;\n  /** A line under the title, such as when it is due. */\n  subtitle?: string;\n  /** An icon in a tile before the title. */\n  icon?: IconProp;\n  /** A preset for the stamp: sets its tone, word and glyph. */\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}>();\n\ndefineSlots<{\n  /** A Button or IconButton at the end of the row. */\n  action?(): unknown;\n}>();\n\nconst inList = inject(ITEM_LIST_KEY, false);\nconst Frame: FunctionalComponent = (_props, { slots }) =>\n  inList ? slots.default?.() : h(EItemList, null, { default: () => slots.default?.() });\n</script>\n\n<template>\n  <Frame>\n    <div class=\"e-item\" role=\"listitem\" v-bind=\"$attrs\">\n      <span v-if=\"icon\" class=\"e-item-icon\"><EIcon :name=\"icon\" /></span>\n      <div class=\"e-item-main\">\n        <p class=\"e-item-title\">{{ title }}</p>\n        <p v-if=\"subtitle\" class=\"e-item-sub\">{{ subtitle }}</p>\n      </div>\n      <EStamp v-if=\"status || label\" :status=\"status\" :tone=\"tone\" :label=\"label\" small />\n      <slot name=\"action\" />\n    </div>\n  </Frame>\n</template>\n\n<style>\n@layer e.account {\n  .e-item {\n    grid-column: 1 / -1;\n    display: grid;\n    grid-template-columns: subgrid;\n    align-items: center;\n    padding: var(--e-space-3) 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-item:first-child {\n    border-top: 0;\n  }\n\n  .e-item-icon {\n    grid-column: 1;\n    grid-row: 1 / span 2;\n    align-self: start;\n    display: grid;\n    place-items: center;\n    width: 40px;\n    height: 40px;\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface-tint);\n    box-shadow: inset 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-item-icon .e-icon {\n    width: 22px;\n    height: 22px;\n  }\n\n  .e-item-main {\n    grid-column: 2;\n    grid-row: 1;\n    min-width: 0;\n  }\n\n  .e-item .e-stamp {\n    grid-column: 2;\n    grid-row: 2;\n    justify-self: start;\n    margin-top: var(--e-space-2);\n  }\n\n  .e-item > .e-btn {\n    grid-column: 2 / -1;\n    grid-row: 3;\n    justify-self: start;\n    margin-top: var(--e-space-3);\n  }\n\n  .e-item > .e-icon-btn {\n    grid-column: 3;\n    grid-row: 1 / span 2;\n    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- two longhands */\n    justify-self: end;\n    align-self: center;\n  }\n\n  .e-item-title {\n    margin: 0;\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n    overflow-wrap: anywhere;\n  }\n\n  .e-item-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  @container (min-width: 36rem) {\n    .e-item-icon {\n      grid-row: 1;\n      align-self: center;\n    }\n\n    .e-item .e-stamp {\n      grid-column: 3;\n      grid-row: 1;\n      margin-top: 0;\n      align-self: center;\n    }\n\n    .e-item > .e-btn,\n    .e-item > .e-icon-btn {\n      grid-column: 4;\n      grid-row: 1;\n      margin-top: 0;\n      /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- two longhands */\n      justify-self: end;\n      align-self: center;\n    }\n  }\n\n  @media print {\n    .e-item {\n      box-shadow: none;\n      border: 1px solid #000;\n      border-width: 0 0 1px;\n      break-inside: avoid;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,IAAMsB,IAASC,EAAOC,GAAe,EAAK,GACpCC,KAA8B,GAAQ,EAAE,eAC5CH,IAASI,EAAM,UAAU,IAAIC,EAAE1B,GAAW,MAAM,EAAE,eAAeyB,EAAM,UAAU,EAAE,CAAC;E,kBAIpFxB,EAAA,GAAAC,EAUQsB,GAAA,MAAA;GATN,SAAArB,QAQM,CARNC,EAQM,OARNC,EAQM;IARD,OAAM;IAAS,MAAK;GAAmBN,GAAAA,EAAAA,MAAM,GAAA;IACpCkC,EAAA,QAAZhC,EAAA,GAAAK,EAAmE,QAAnEU,GAAmE,CAA7BT,EAAsBC,GAAA,EAAd,MAAMyB,EAAA,KAAI,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,C;IACxD7B,EAGM,OAHNa,GAGM,CAFJb,EAAuC,KAAvCc,GAAuCR,EAAZuB,EAAA,KAAK,GAAA,CAAA,GACvBA,EAAA,YAAThC,EAAA,GAAAK,EAAwD,KAAxDa,GAAwDT,EAAfuB,EAAA,QAAQ,GAAA,CAAA,K;IAErCA,EAAA,UAAUA,EAAA,SAAxBhC,EAAA,GAAAC,EAAoFS,GAAA;;KAApD,QAAQsB,EAAA;KAAS,MAAMA,EAAA;KAAO,OAAOA,EAAA;KAAO,OAAA;;;;;;IAC5ErB,EAAsBoB,EAAA,QAAA,QAAA"}

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

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

package/dist/components/Kbd/EKbd.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EKbd.js","names":["_sfc_main","EKbd_vue_vue_type_script_setup_true_lang_default","EKbd_default"],"sources":["../../../src/components/Kbd/EKbd.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** The smaller size, for a hint inside running small text. */\n  small?: boolean;\n}>();\n\ndefineSlots<{\n  /** The key, written as it is on the keycap: \"/\", \"Esc\", \"Ctrl\". */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <kbd class=\"e-kbd\" :class=\"small && 'e-kbd--s'\"><slot /></kbd>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-kbd {\n    display: inline-block;\n    min-width: 1.5em;\n    padding: 0 var(--e-space-1);\n    border: var(--e-stroke-hair) solid var(--e-border-strong);\n    border-radius: var(--e-radius-sm);\n    background: var(--e-surface-tint);\n    color: var(--e-muted);\n    font: 500 var(--e-text-sm) / 1.5 var(--e-font-mono);\n    text-align: center;\n    white-space: nowrap;\n  }\n\n  .e-kbd--s {\n    font-size: var(--e-text-xs);\n  }\n\n  @media (forced-colors: active) {\n    .e-kbd {\n      border-color: ButtonText;\n    }\n  }\n}\n</style>\n"],"mappings":""}