@eos-ui/vue 0.0.0-stage → 0.1.1

package/dist/components/Text/EText.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    /** `body` 16px, `deck` 18px for the one-sentence reading of a statement, `small` 14px. */
+    variant?: "body" | "deck" | "small";
+    /** Secondary copy, in the muted colour. */
+    muted?: boolean;
+    /** The element to render. */
+    as?: string;
+};
+type __VLS_Slots = {
+    /** The 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<{}>, {
+    variant: "body" | "small" | "deck";
+    as: string;
+}, {}, {}, {}, 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/Text/EText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+/* empty css                */
+import { createBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, withCtx as o } from "vue";
+//#region src/components/Text/EText.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ t({
+	__name: "EText",
+	props: {
+		variant: { default: "body" },
+		muted: { type: Boolean },
+		as: { default: "p" }
+	},
+	setup(t) {
+		return (s, c) => (r(), e(a(t.as), { class: n(["e-text", [`e-text--${t.variant}`, t.muted && "e-text--muted"]]) }, {
+			default: o(() => [i(s.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=EText.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Text/EText.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EText.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_withCtx","_renderSlot","EText_vue_vue_type_script_setup_true_lang_default","openBlock","createBlock","resolveDynamicComponent","__props","normalizeClass","withCtx","renderSlot","_ctx"],"sources":["../../../src/components/Text/EText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\nwithDefaults(\n  defineProps<{\n    /** `body` 16px, `deck` 18px for the one-sentence reading of a statement, `small` 14px. */\n    variant?: \"body\" | \"deck\" | \"small\";\n    /** Secondary copy, in the muted colour. */\n    muted?: boolean;\n    /** The element to render. */\n    as?: string;\n  }>(),\n  { variant: \"body\", as: \"p\" },\n);\n\ndefineSlots<{\n  /** The text. */\n  default(): unknown;\n}>();\n</script>\n\n<template>\n  <component :is=\"as\" class=\"e-text\" :class=\"[`e-text--${variant}`, muted && 'e-text--muted']\"><slot /></component>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-text {\n    margin: 0;\n    max-width: var(--e-measure);\n    font: 400 var(--e-text-md) / 24px var(--e-font-sans);\n    color: var(--e-ink);\n    text-wrap: pretty;\n  }\n\n  .e-text--deck {\n    font-size: var(--e-text-lg);\n    line-height: 26px;\n  }\n\n  .e-text--small {\n    font-size: var(--e-text-sm);\n    line-height: 20px;\n  }\n\n  .e-text--muted {\n    color: var(--e-muted);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;E,kBAsBEA,EAAA,GAAAC,EAAiHC,EAAjGQ,EAAA,EAAE,GAAA,EAAE,OAAKP,EAAA,CAAC,UAAQ,CAAA,WAAqBO,EAAA,WAAWA,EAAA,SAAK,eAAA,CAAA,CAAA,E;GAAsB,SAAAN,QAAQ,CAARC,EAAQS,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/TextField/ETextField.js

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

package/dist/components/TextField/ETextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ETextField.js","names":["_sfc_main","ETextField_vue_vue_type_script_setup_true_lang_default","ETextField_default"],"sources":["../../../src/components/TextField/ETextField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EField from \"../Field/EField.vue\";\nimport { focusInside } from \"../../composables/focusInside.js\";\nimport { useFieldAttrs } from \"../../composables/useFieldAttrs.js\";\nimport \"../../styles/base.css\";\nimport \"./input.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** The visible label, a mono kicker above the input. */\n  label: string;\n  /** Keep the label for screen readers and remove it from the page. */\n  hideLabel?: boolean;\n  /** Help that stays under the input. */\n  hint?: string;\n  /** What to fix. Replaces the hint, marks the input invalid and is announced. */\n  error?: string;\n  /** An example, never the label. */\n  placeholder?: string;\n  /** The input type. */\n  type?: string;\n  /** A unit before the value, such as $. */\n  prefix?: string;\n  /** A unit after the value, such as USD. */\n  suffix?: string;\n  /** A word beside the label. */\n  required?: boolean;\n  /** A word beside the label. Flag whichever is rarer. */\n  optional?: boolean;\n  disabled?: boolean;\n  /** The id of the input; the label points at it. Generated when left out. */\n  id?: string;\n}>();\n\nconst model = defineModel<string>({ default: \"\" });\n\nconst input = ref<HTMLInputElement | null>(null);\nconst attrs = useFieldAttrs();\nfunction inputBind(field: { id: string; ariaInvalid: \"true\" | undefined; ariaDescribedby: string | undefined }) {\n  return {\n    id: field.id,\n    class: \"e-input\",\n    type: props.type || \"text\",\n    placeholder: props.placeholder,\n    value: model.value,\n    disabled: props.disabled,\n    required: props.required,\n    \"aria-invalid\": field.ariaInvalid,\n    ...attrs.input(field.ariaDescribedby),\n  };\n}\ndefineExpose({\n  input,\n  focus: () => input.value?.focus(),\n});\n</script>\n\n<template>\n  <EField\n    v-bind=\"attrs.wrapper()\"\n    :id=\"id\"\n    :label=\"label\"\n    :hide-label=\"hideLabel\"\n    :hint=\"hint\"\n    :error=\"error\"\n    :required=\"required\"\n    :optional=\"optional\"\n  >\n    <template #default=\"field\">\n      <!-- eslint-disable-next-line vuejs-accessibility/click-events-have-key-events, vuejs-accessibility/no-static-element-interactions -->\n      <div\n        v-if=\"prefix || suffix\"\n        class=\"e-input-wrap\"\n        :data-invalid=\"error ? '' : undefined\"\n        :data-disabled=\"disabled ? '' : undefined\"\n        @click=\"focusInside\"\n      >\n        <span v-if=\"prefix\" class=\"e-affix e-affix--pre\" aria-hidden=\"true\">{{ prefix }}</span>\n        <input ref=\"input\" v-bind=\"inputBind(field)\" @input=\"model = ($event.target as HTMLInputElement).value\" />\n        <span v-if=\"suffix\" class=\"e-affix e-affix--post\" aria-hidden=\"true\">{{ suffix }}</span>\n      </div>\n      <input v-else ref=\"input\" v-bind=\"inputBind(field)\" @input=\"model = ($event.target as HTMLInputElement).value\" />\n    </template>\n  </EField>\n</template>\n\n<style>\n@layer e.controls {\n  .e-input[type=\"number\"],\n  .e-input[inputmode=\"numeric\"],\n  .e-input[inputmode=\"decimal\"] {\n    font-variant-numeric: tabular-nums;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/TextField/ETextField.vue.d.ts

@@ -0,0 +1,39 @@
+type __VLS_Props = {
+    /** The visible label, a mono kicker above the input. */
+    label: string;
+    /** Keep the label for screen readers and remove it from the page. */
+    hideLabel?: boolean;
+    /** Help that stays under the input. */
+    hint?: string;
+    /** What to fix. Replaces the hint, marks the input invalid and is announced. */
+    error?: string;
+    /** An example, never the label. */
+    placeholder?: string;
+    /** The input type. */
+    type?: string;
+    /** A unit before the value, such as $. */
+    prefix?: string;
+    /** A unit after the value, such as USD. */
+    suffix?: string;
+    /** A word beside the label. */
+    required?: boolean;
+    /** A word beside the label. Flag whichever is rarer. */
+    optional?: boolean;
+    disabled?: boolean;
+    /** The id of the input; the label points at it. Generated when left out. */
+    id?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {
+    input: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    focus: () => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/TextField/ETextField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,97 @@
+/* empty css                */
+import { focusInside as e } from "../../composables/focusInside.js";
+import { useFieldAttrs as t } from "../../composables/useFieldAttrs.js";
+import n from "../Field/EField.js";
+/* empty css      */
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeModels as c, mergeProps as l, openBlock as u, ref as d, toDisplayString as f, unref as p, useModel as m, withCtx as h } from "vue";
+//#region src/components/TextField/ETextField.vue?vue&type=script&setup=true&lang.ts
+var g = ["data-invalid", "data-disabled"], _ = {
+	key: 0,
+	class: "e-affix e-affix--pre",
+	"aria-hidden": "true"
+}, v = {
+	key: 1,
+	class: "e-affix e-affix--post",
+	"aria-hidden": "true"
+}, y = /*@__PURE__*/ s({
+	inheritAttrs: !1,
+	__name: "ETextField",
+	props: /*@__PURE__*/ c({
+		label: {},
+		hideLabel: { type: Boolean },
+		hint: {},
+		error: {},
+		placeholder: {},
+		type: {},
+		prefix: {},
+		suffix: {},
+		required: { type: Boolean },
+		optional: { type: Boolean },
+		disabled: { type: Boolean },
+		id: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(s, { expose: c }) {
+		let y = s, b = m(s, "modelValue"), x = d(null), S = t();
+		function C(e) {
+			return {
+				id: e.id,
+				class: "e-input",
+				type: y.type || "text",
+				placeholder: y.placeholder,
+				value: b.value,
+				disabled: y.disabled,
+				required: y.required,
+				"aria-invalid": e.ariaInvalid,
+				...S.input(e.ariaDescribedby)
+			};
+		}
+		return c({
+			input: x,
+			focus: () => x.value?.focus()
+		}), (t, c) => (u(), r(n, l(p(S).wrapper(), {
+			id: s.id,
+			label: s.label,
+			"hide-label": s.hideLabel,
+			hint: s.hint,
+			error: s.error,
+			required: s.required,
+			optional: s.optional
+		}), {
+			default: h((t) => [s.prefix || s.suffix ? (u(), a("div", {
+				key: 0,
+				class: "e-input-wrap",
+				"data-invalid": s.error ? "" : void 0,
+				"data-disabled": s.disabled ? "" : void 0,
+				onClick: c[1] ||= (...t) => p(e) && p(e)(...t)
+			}, [
+				s.prefix ? (u(), a("span", _, f(s.prefix), 1)) : i("", !0),
+				o("input", l({
+					ref_key: "input",
+					ref: x
+				}, C(t), { onInput: c[0] ||= (e) => b.value = e.target.value }), null, 16),
+				s.suffix ? (u(), a("span", v, f(s.suffix), 1)) : i("", !0)
+			], 8, g)) : (u(), a("input", l({
+				key: 1,
+				ref_key: "input",
+				ref: x
+			}, C(t), { onInput: c[2] ||= (e) => b.value = e.target.value }), null, 16))]),
+			_: 1
+		}, 16, [
+			"id",
+			"label",
+			"hide-label",
+			"hint",
+			"error",
+			"required",
+			"optional"
+		]));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=ETextField.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/TextField/ETextField.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ETextField.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","EField","_mergeProps","_unref","_withCtx","_createElementBlock","_toDisplayString","_createCommentVNode","_createElementVNode","EField_default","_hoisted_1","_hoisted_2","_hoisted_3","ETextField_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__expose","props","__props","model","useModel","input","ref","attrs","useFieldAttrs","inputBind","field","openBlock","createBlock","mergeProps","unref","withCtx","createElementBlock","_cache","args","focusInside","toDisplayString","createCommentVNode","createElementVNode","$event"],"sources":["../../../src/components/TextField/ETextField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EField from \"../Field/EField.vue\";\nimport { focusInside } from \"../../composables/focusInside.js\";\nimport { useFieldAttrs } from \"../../composables/useFieldAttrs.js\";\nimport \"../../styles/base.css\";\nimport \"./input.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** The visible label, a mono kicker above the input. */\n  label: string;\n  /** Keep the label for screen readers and remove it from the page. */\n  hideLabel?: boolean;\n  /** Help that stays under the input. */\n  hint?: string;\n  /** What to fix. Replaces the hint, marks the input invalid and is announced. */\n  error?: string;\n  /** An example, never the label. */\n  placeholder?: string;\n  /** The input type. */\n  type?: string;\n  /** A unit before the value, such as $. */\n  prefix?: string;\n  /** A unit after the value, such as USD. */\n  suffix?: string;\n  /** A word beside the label. */\n  required?: boolean;\n  /** A word beside the label. Flag whichever is rarer. */\n  optional?: boolean;\n  disabled?: boolean;\n  /** The id of the input; the label points at it. Generated when left out. */\n  id?: string;\n}>();\n\nconst model = defineModel<string>({ default: \"\" });\n\nconst input = ref<HTMLInputElement | null>(null);\nconst attrs = useFieldAttrs();\nfunction inputBind(field: { id: string; ariaInvalid: \"true\" | undefined; ariaDescribedby: string | undefined }) {\n  return {\n    id: field.id,\n    class: \"e-input\",\n    type: props.type || \"text\",\n    placeholder: props.placeholder,\n    value: model.value,\n    disabled: props.disabled,\n    required: props.required,\n    \"aria-invalid\": field.ariaInvalid,\n    ...attrs.input(field.ariaDescribedby),\n  };\n}\ndefineExpose({\n  input,\n  focus: () => input.value?.focus(),\n});\n</script>\n\n<template>\n  <EField\n    v-bind=\"attrs.wrapper()\"\n    :id=\"id\"\n    :label=\"label\"\n    :hide-label=\"hideLabel\"\n    :hint=\"hint\"\n    :error=\"error\"\n    :required=\"required\"\n    :optional=\"optional\"\n  >\n    <template #default=\"field\">\n      <!-- eslint-disable-next-line vuejs-accessibility/click-events-have-key-events, vuejs-accessibility/no-static-element-interactions -->\n      <div\n        v-if=\"prefix || suffix\"\n        class=\"e-input-wrap\"\n        :data-invalid=\"error ? '' : undefined\"\n        :data-disabled=\"disabled ? '' : undefined\"\n        @click=\"focusInside\"\n      >\n        <span v-if=\"prefix\" class=\"e-affix e-affix--pre\" aria-hidden=\"true\">{{ prefix }}</span>\n        <input ref=\"input\" v-bind=\"inputBind(field)\" @input=\"model = ($event.target as HTMLInputElement).value\" />\n        <span v-if=\"suffix\" class=\"e-affix e-affix--post\" aria-hidden=\"true\">{{ suffix }}</span>\n      </div>\n      <input v-else ref=\"input\" v-bind=\"inputBind(field)\" @input=\"model = ($event.target as HTMLInputElement).value\" />\n    </template>\n  </EField>\n</template>\n\n<style>\n@layer e.controls {\n  .e-input[type=\"number\"],\n  .e-input[inputmode=\"numeric\"],\n  .e-input[inputmode=\"decimal\"] {\n    font-variant-numeric: tabular-nums;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAMmB,IAAQC,GA0BRC,IAAQrB,EAAmBoB,GAAA,YAAgB,GAE3CG,IAAQC,EAA6B,IAAI,GACzCC,IAAQC,EAAc;EAC5B,SAASC,EAAU,GAA6F;GAC9G,OAAO;IACL,IAAIC,EAAM;IACV,OAAO;IACP,MAAMT,EAAM,QAAQ;IACpB,aAAaA,EAAM;IACnB,OAAOE,EAAM;IACb,UAAUF,EAAM;IAChB,UAAUA,EAAM;IAChB,gBAAgBS,EAAM;IACtB,GAAGH,EAAM,MAAMG,EAAM,eAAe;GACtC;EACF;E,OACAV,EAAa;GACX;GACA,aAAaK,EAAM,OAAO,MAAM;EAClC,CAAC,I,UAICtB,EAAA,GAAAC,EAyBSC,GAzBTC,EACUC,EAwBDoB,CAAA,CAxBM,CAAC,QAAO,GAAA;GACpB,IAAIL,EAAA;GACJ,OAAOA,EAAA;GACP,cAAYA,EAAA;GACZ,MAAMA,EAAA;GACN,OAAOA,EAAA;GACP,UAAUA,EAAA;GACV,UAAUA,EAAA;;GAEA,SAAOd,GAAE,MAAK,CAGfc,EAAA,UAAUA,EAAA,UADlBnB,EAAA,GAAAM,EAUM,OAAA;;IARJ,OAAM;IACL,gBAAca,EAAA,QAAK,KAAQ,KAAA;IAC3B,iBAAeA,EAAA,WAAQ,KAAQ,KAAA;IAC/B,SAAK,AAAAe,EAAA,QAAE,GAAAC,MAAA/B,EAAAgC,CAAA,KAAAhC,EAAAgC,CAAA,CAAA,CAAA,GAAAD,CAAA;;IAEIhB,EAAA,UAAZnB,EAAA,GAAAM,EAAuF,QAAvFM,GAAuFL,EAAhBY,EAAA,MAAM,GAAA,CAAA,K;IAC7EV,EAA0G,SAA1GN,EAA0G;KAA/F,SAAA;KAAJ,KAAImB;IAAgB,GAAAI,EAAUC,CAAK,GAAA,EAAI,SAAK,AAAAO,EAAA,QAAA,MAAE,EAAA,QAASM,EAAO,OAA4B,M;IACrFrB,EAAA,UAAZnB,EAAA,GAAAM,EAAwF,QAAxFO,GAAwFN,EAAhBY,EAAA,MAAM,GAAA,CAAA,K;G,aAEhFnB,EAAA,GAAAM,EAAiH,SAAjHH,EAAiH;;IAA/F,SAAA;IAAJ,KAAImB;GAAgB,GAAAI,EAAUC,CAAK,GAAA,EAAI,SAAK,AAAAO,EAAA,QAAA,MAAE,EAAA,QAASM,EAAO,OAA4B,M"}

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

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

package/dist/components/Textarea/ETextarea.js

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

package/dist/components/Textarea/ETextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ETextarea.js","names":["_sfc_main","ETextarea_vue_vue_type_script_setup_true_lang_default","ETextarea_default"],"sources":["../../../src/components/Textarea/ETextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EField from \"../Field/EField.vue\";\nimport { useFieldAttrs } from \"../../composables/useFieldAttrs.js\";\nimport \"../../styles/base.css\";\nimport \"../TextField/input.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    /** The visible label, a mono kicker above the text well. */\n    label: string;\n    /** Keep the label for screen readers and remove it from the page. */\n    hideLabel?: boolean;\n    /** Help that stays under the text well. */\n    hint?: string;\n    /** What to fix. Replaces the hint, marks the textarea invalid and is announced. */\n    error?: string;\n    /** An example, never the label. */\n    placeholder?: string;\n    /** Visible lines. */\n    rows?: number;\n    /** A word beside the label. */\n    required?: boolean;\n    /** A word beside the label. Flag whichever is rarer. */\n    optional?: boolean;\n    disabled?: boolean;\n    /** The id of the textarea; the label points at it. Generated when left out. */\n    id?: string;\n  }>(),\n  { rows: 4 },\n);\n\nconst model = defineModel<string>({ default: \"\" });\n\nconst input = ref<HTMLTextAreaElement | null>(null);\nconst attrs = useFieldAttrs();\nfunction inputBind(field: { id: string; ariaInvalid: \"true\" | undefined; ariaDescribedby: string | undefined }) {\n  return {\n    id: field.id,\n    class: \"e-input e-textarea\",\n    rows: props.rows,\n    placeholder: props.placeholder,\n    value: model.value,\n    disabled: props.disabled,\n    required: props.required,\n    \"aria-invalid\": field.ariaInvalid,\n    ...attrs.input(field.ariaDescribedby),\n  };\n}\ndefineExpose({\n  input,\n  focus: () => input.value?.focus(),\n});\n</script>\n\n<template>\n  <EField\n    v-bind=\"attrs.wrapper()\"\n    :id=\"id\"\n    :label=\"label\"\n    :hide-label=\"hideLabel\"\n    :hint=\"hint\"\n    :error=\"error\"\n    :required=\"required\"\n    :optional=\"optional\"\n  >\n    <template #default=\"field\">\n      <!-- eslint-disable-next-line vuejs-accessibility/form-control-has-label -->\n      <textarea ref=\"input\" v-bind=\"inputBind(field)\" @input=\"model = ($event.target as HTMLTextAreaElement).value\" />\n    </template>\n  </EField>\n</template>\n\n<style>\n@layer e.controls {\n  .e-textarea {\n    height: auto;\n    min-height: 6.5rem;\n    padding: var(--e-space-3) var(--e-space-4);\n    line-height: 1.5;\n    resize: vertical;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Textarea/ETextarea.vue.d.ts

@@ -0,0 +1,37 @@
+type __VLS_Props = {
+    /** The visible label, a mono kicker above the text well. */
+    label: string;
+    /** Keep the label for screen readers and remove it from the page. */
+    hideLabel?: boolean;
+    /** Help that stays under the text well. */
+    hint?: string;
+    /** What to fix. Replaces the hint, marks the textarea invalid and is announced. */
+    error?: string;
+    /** An example, never the label. */
+    placeholder?: string;
+    /** Visible lines. */
+    rows?: number;
+    /** A word beside the label. */
+    required?: boolean;
+    /** A word beside the label. Flag whichever is rarer. */
+    optional?: boolean;
+    disabled?: boolean;
+    /** The id of the textarea; the label points at it. Generated when left out. */
+    id?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {
+    input: import('vue').Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+    focus: () => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    rows: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Textarea/ETextarea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,72 @@
+/* empty css                */
+import { useFieldAttrs as e } from "../../composables/useFieldAttrs.js";
+import t from "../Field/EField.js";
+/* empty css                 */
+import { createBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, mergeProps as o, openBlock as s, ref as c, unref as l, useModel as u, withCtx as d } from "vue";
+//#region src/components/Textarea/ETextarea.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "ETextarea",
+	props: /*@__PURE__*/ a({
+		label: {},
+		hideLabel: { type: Boolean },
+		hint: {},
+		error: {},
+		placeholder: {},
+		rows: { default: 4 },
+		required: { type: Boolean },
+		optional: { type: Boolean },
+		disabled: { type: Boolean },
+		id: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(i, { expose: a }) {
+		let f = i, p = u(i, "modelValue"), m = c(null), h = e();
+		function g(e) {
+			return {
+				id: e.id,
+				class: "e-input e-textarea",
+				rows: f.rows,
+				placeholder: f.placeholder,
+				value: p.value,
+				disabled: f.disabled,
+				required: f.required,
+				"aria-invalid": e.ariaInvalid,
+				...h.input(e.ariaDescribedby)
+			};
+		}
+		return a({
+			input: m,
+			focus: () => m.value?.focus()
+		}), (e, a) => (s(), n(t, o(l(h).wrapper(), {
+			id: i.id,
+			label: i.label,
+			"hide-label": i.hideLabel,
+			hint: i.hint,
+			error: i.error,
+			required: i.required,
+			optional: i.optional
+		}), {
+			default: d((e) => [r("textarea", o({
+				ref_key: "input",
+				ref: m
+			}, g(e), { onInput: a[0] ||= (e) => p.value = e.target.value }), null, 16)]),
+			_: 1
+		}, 16, [
+			"id",
+			"label",
+			"hide-label",
+			"hint",
+			"error",
+			"required",
+			"optional"
+		]));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=ETextarea.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Textarea/ETextarea.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ETextarea.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","EField","_mergeProps","_unref","_withCtx","_createElementVNode","EField_default","ETextarea_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__expose","props","__props","model","useModel","input","ref","attrs","useFieldAttrs","inputBind","field","openBlock","createBlock","mergeProps","unref","withCtx","createElementVNode","_cache","$event"],"sources":["../../../src/components/Textarea/ETextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport EField from \"../Field/EField.vue\";\nimport { useFieldAttrs } from \"../../composables/useFieldAttrs.js\";\nimport \"../../styles/base.css\";\nimport \"../TextField/input.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    /** The visible label, a mono kicker above the text well. */\n    label: string;\n    /** Keep the label for screen readers and remove it from the page. */\n    hideLabel?: boolean;\n    /** Help that stays under the text well. */\n    hint?: string;\n    /** What to fix. Replaces the hint, marks the textarea invalid and is announced. */\n    error?: string;\n    /** An example, never the label. */\n    placeholder?: string;\n    /** Visible lines. */\n    rows?: number;\n    /** A word beside the label. */\n    required?: boolean;\n    /** A word beside the label. Flag whichever is rarer. */\n    optional?: boolean;\n    disabled?: boolean;\n    /** The id of the textarea; the label points at it. Generated when left out. */\n    id?: string;\n  }>(),\n  { rows: 4 },\n);\n\nconst model = defineModel<string>({ default: \"\" });\n\nconst input = ref<HTMLTextAreaElement | null>(null);\nconst attrs = useFieldAttrs();\nfunction inputBind(field: { id: string; ariaInvalid: \"true\" | undefined; ariaDescribedby: string | undefined }) {\n  return {\n    id: field.id,\n    class: \"e-input e-textarea\",\n    rows: props.rows,\n    placeholder: props.placeholder,\n    value: model.value,\n    disabled: props.disabled,\n    required: props.required,\n    \"aria-invalid\": field.ariaInvalid,\n    ...attrs.input(field.ariaDescribedby),\n  };\n}\ndefineExpose({\n  input,\n  focus: () => input.value?.focus(),\n});\n</script>\n\n<template>\n  <EField\n    v-bind=\"attrs.wrapper()\"\n    :id=\"id\"\n    :label=\"label\"\n    :hide-label=\"hideLabel\"\n    :hint=\"hint\"\n    :error=\"error\"\n    :required=\"required\"\n    :optional=\"optional\"\n  >\n    <template #default=\"field\">\n      <!-- eslint-disable-next-line vuejs-accessibility/form-control-has-label -->\n      <textarea ref=\"input\" v-bind=\"inputBind(field)\" @input=\"model = ($event.target as HTMLTextAreaElement).value\" />\n    </template>\n  </EField>\n</template>\n\n<style>\n@layer e.controls {\n  .e-textarea {\n    height: auto;\n    min-height: 6.5rem;\n    padding: var(--e-space-3) var(--e-space-4);\n    line-height: 1.5;\n    resize: vertical;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EASA,IAAMa,IAAQC,GAyBRC,IAAQf,EAAmBc,GAAA,YAAgB,GAE3CG,IAAQC,EAAgC,IAAI,GAC5CC,IAAQC,EAAc;EAC5B,SAASC,EAAU,GAA6F;GAC9G,OAAO;IACL,IAAIC,EAAM;IACV,OAAO;IACP,MAAMT,EAAM;IACZ,aAAaA,EAAM;IACnB,OAAOE,EAAM;IACb,UAAUF,EAAM;IAChB,UAAUA,EAAM;IAChB,gBAAgBS,EAAM;IACtB,GAAGH,EAAM,MAAMG,EAAM,eAAe;GACtC;EACF;E,OACAV,EAAa;GACX;GACA,aAAaK,EAAM,OAAO,MAAM;EAClC,CAAC,I,UAIChB,EAAA,GAAAC,EAcSC,GAdTC,EACUC,EAaDc,CAAA,CAbM,CAAC,QAAO,GAAA;GACpB,IAAIL,EAAA;GACJ,OAAOA,EAAA;GACP,cAAYA,EAAA;GACZ,MAAMA,EAAA;GACN,OAAOA,EAAA;GACP,UAAUA,EAAA;GACV,UAAUA,EAAA;;GAEA,SAAOR,GAAE,MAAK,CAEvBC,EAAgH,YAAhHH,EAAgH;IAAlG,SAAA;IAAJ,KAAIa;GAAgB,GAAAI,EAAUC,CAAK,GAAA,EAAI,SAAK,AAAAO,EAAA,QAAA,MAAE,EAAA,QAASC,EAAO,OAA+B,M"}

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

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

package/dist/components/Timeline/ETimeline.js

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

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

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

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

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

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

package/dist/components/Toast/EToast.js

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

package/dist/components/Toast/EToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EToast.js","names":["_sfc_main","EToast_vue_vue_type_script_setup_true_lang_default","EToast_default"],"sources":["../../../src/components/Toast/EToast.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance } from \"vue\";\nimport EActions from \"../Actions/EActions.vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport EIconButton from \"../IconButton/EIconButton.vue\";\nimport ESurface from \"../Surface/ESurface.vue\";\nimport { useMessages } from \"../../config.js\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\nimport \"../Notice/notice.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** What happened, in a few words. */\n    title: string;\n    /** `info` is the default. `danger` is announced at once. */\n    tone?: \"info\" | \"success\" | \"warning\" | \"danger\";\n    /** Replaces the icon of the tone. */\n    icon?: IconProp;\n    /** Forces the dismiss button on or off. Left out, it shows when a `@close` listener is attached. */\n    closable?: boolean;\n  }>(),\n  { tone: \"info\", closable: undefined },\n);\n\nconst emit = defineEmits<{\n  /** The dismiss button was pressed. The button only shows when a listener is attached. */\n  close: [];\n}>();\n\ndefineSlots<{\n  /** One sentence of detail under the title. */\n  default?(): unknown;\n  /** A Button. At the end of the row when the toast is 36rem wide or more, under the text when narrower. */\n  action?(): unknown;\n}>();\n\nconst t = useMessages();\nconst instance = getCurrentInstance();\nconst TONE_ICON = { info: \"info\", success: \"check\", warning: \"alert\", danger: \"alert\" } as const;\nconst hasClose = () => props.closable ?? !!instance?.vnode.props?.onClose;\n</script>\n\n<template>\n  <ESurface\n    tone=\"float\"\n    class=\"e-toast\"\n    :class=\"[`e-toast--${tone}`, $slots.action && 'e-toast--actions']\"\n    :role=\"tone === 'danger' ? 'alert' : 'status'\"\n  >\n    <div class=\"e-notice-grid\">\n      <span class=\"e-notice-icon\"><EIcon :name=\"icon ?? TONE_ICON[tone]\" /></span>\n      <div class=\"e-notice-body e-toast-body\">\n        <p class=\"e-toast-title\">{{ title }}</p>\n        <p v-if=\"$slots.default\" class=\"e-toast-text\"><slot /></p>\n      </div>\n      <EActions v-if=\"$slots.action\" class=\"e-notice-actions\"><slot name=\"action\" /></EActions>\n      <span v-if=\"hasClose()\" class=\"e-notice-dismiss\">\n        <EIconButton icon=\"x\" :label=\"t('dismiss')\" @click=\"emit('close')\" />\n      </span>\n    </div>\n  </ESurface>\n</template>\n\n<style>\n@layer e.containers {\n  .e-toast {\n    --e-tone: var(--e-primary);\n\n    container-type: inline-size;\n    width: min(24rem, 100%);\n    padding: var(--e-space-3) var(--e-space-4);\n  }\n\n  .e-toast--actions {\n    width: min(40rem, 100%);\n  }\n\n  .e-toast--success {\n    --e-tone: var(--e-secondary);\n  }\n\n  .e-toast--warning {\n    --e-tone: var(--e-warning-strong);\n  }\n\n  .e-toast--danger {\n    --e-tone: var(--e-danger);\n  }\n\n  .e-toast-title {\n    margin: 0;\n    font: 500 var(--e-text-lg) / 24px var(--e-font-sans);\n  }\n\n  .e-toast-text {\n    margin: 0;\n    font: 400 var(--e-text-sm) / 1.45 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n\n  @media (forced-colors: active) {\n    .e-toast {\n      border: 1px solid CanvasText;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Toast/EToast.vue.d.ts

@@ -0,0 +1,33 @@
+import { IconProp } from '../../icons/types.js';
+type __VLS_Props = {
+    /** What happened, in a few words. */
+    title: string;
+    /** `info` is the default. `danger` is announced at once. */
+    tone?: "info" | "success" | "warning" | "danger";
+    /** Replaces the icon of the tone. */
+    icon?: IconProp;
+    /** Forces the dismiss button on or off. Left out, it shows when a `@close` listener is attached. */
+    closable?: boolean;
+};
+type __VLS_Slots = {
+    /** One sentence of detail under the title. */
+    default?(): unknown;
+    /** A Button. At the end of the row when the toast is 36rem wide or more, under the text when narrower. */
+    action?(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    tone: "info" | "success" | "warning" | "danger";
+    closable: boolean;
+}, {}, {}, {}, 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/Toast/EToast.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+/* empty css                */
+import { useMessages as e } from "../../config.js";
+import t from "../Actions/EActions.js";
+import n from "../Icon/EIcon.js";
+import r from "../Surface/ESurface.js";
+import i from "../IconButton/EIconButton.js";
+/* empty css               */
+import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, getCurrentInstance as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+//#region src/components/Toast/EToast.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "e-notice-grid" }, y = { class: "e-notice-icon" }, b = { class: "e-notice-body e-toast-body" }, x = { class: "e-toast-title" }, S = {
+	key: 0,
+	class: "e-toast-text"
+}, C = {
+	key: 1,
+	class: "e-notice-dismiss"
+}, w = /*@__PURE__*/ u({
+	__name: "EToast",
+	props: {
+		title: {},
+		tone: { default: "info" },
+		icon: {},
+		closable: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["close"],
+	setup(u, { emit: w }) {
+		let T = u, E = w, D = e(), O = d(), k = {
+			info: "info",
+			success: "check",
+			warning: "alert",
+			danger: "alert"
+		}, A = () => T.closable ?? !!O?.vnode.props?.onClose;
+		return (e, d) => (p(), a(r, {
+			tone: "float",
+			class: f(["e-toast", [`e-toast--${u.tone}`, e.$slots.action && "e-toast--actions"]]),
+			role: u.tone === "danger" ? "alert" : "status"
+		}, {
+			default: _(() => [c("div", v, [
+				c("span", y, [l(n, { name: u.icon ?? k[u.tone] }, null, 8, ["name"])]),
+				c("div", b, [c("p", x, h(u.title), 1), e.$slots.default ? (p(), s("p", S, [m(e.$slots, "default")])) : o("", !0)]),
+				e.$slots.action ? (p(), a(t, {
+					key: 0,
+					class: "e-notice-actions"
+				}, {
+					default: _(() => [m(e.$slots, "action")]),
+					_: 3
+				})) : o("", !0),
+				A() ? (p(), s("span", C, [l(i, {
+					icon: "x",
+					label: g(D)("dismiss"),
+					onClick: d[0] ||= (e) => E("close")
+				}, null, 8, ["label"])])) : o("", !0)
+			])]),
+			_: 3
+		}, 8, ["class", "role"]));
+	}
+});
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=EToast.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Toast/EToast.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EToast.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","ESurface","_normalizeClass","_withCtx","_createElementVNode","_createVNode","EIcon","_toDisplayString","_createElementBlock","_renderSlot","_createCommentVNode","EActions","EIconButton","_unref","EActions_default","EIcon_default","ESurface_default","EIconButton_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","EToast_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useMessages","instance","getCurrentInstance","TONE_ICON","hasClose","openBlock","createBlock","normalizeClass","_ctx","withCtx","createElementVNode","createVNode","toDisplayString","createElementBlock","renderSlot","createCommentVNode","unref","_cache"],"sources":["../../../src/components/Toast/EToast.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance } from \"vue\";\nimport EActions from \"../Actions/EActions.vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport EIconButton from \"../IconButton/EIconButton.vue\";\nimport ESurface from \"../Surface/ESurface.vue\";\nimport { useMessages } from \"../../config.js\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\nimport \"../Notice/notice.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** What happened, in a few words. */\n    title: string;\n    /** `info` is the default. `danger` is announced at once. */\n    tone?: \"info\" | \"success\" | \"warning\" | \"danger\";\n    /** Replaces the icon of the tone. */\n    icon?: IconProp;\n    /** Forces the dismiss button on or off. Left out, it shows when a `@close` listener is attached. */\n    closable?: boolean;\n  }>(),\n  { tone: \"info\", closable: undefined },\n);\n\nconst emit = defineEmits<{\n  /** The dismiss button was pressed. The button only shows when a listener is attached. */\n  close: [];\n}>();\n\ndefineSlots<{\n  /** One sentence of detail under the title. */\n  default?(): unknown;\n  /** A Button. At the end of the row when the toast is 36rem wide or more, under the text when narrower. */\n  action?(): unknown;\n}>();\n\nconst t = useMessages();\nconst instance = getCurrentInstance();\nconst TONE_ICON = { info: \"info\", success: \"check\", warning: \"alert\", danger: \"alert\" } as const;\nconst hasClose = () => props.closable ?? !!instance?.vnode.props?.onClose;\n</script>\n\n<template>\n  <ESurface\n    tone=\"float\"\n    class=\"e-toast\"\n    :class=\"[`e-toast--${tone}`, $slots.action && 'e-toast--actions']\"\n    :role=\"tone === 'danger' ? 'alert' : 'status'\"\n  >\n    <div class=\"e-notice-grid\">\n      <span class=\"e-notice-icon\"><EIcon :name=\"icon ?? TONE_ICON[tone]\" /></span>\n      <div class=\"e-notice-body e-toast-body\">\n        <p class=\"e-toast-title\">{{ title }}</p>\n        <p v-if=\"$slots.default\" class=\"e-toast-text\"><slot /></p>\n      </div>\n      <EActions v-if=\"$slots.action\" class=\"e-notice-actions\"><slot name=\"action\" /></EActions>\n      <span v-if=\"hasClose()\" class=\"e-notice-dismiss\">\n        <EIconButton icon=\"x\" :label=\"t('dismiss')\" @click=\"emit('close')\" />\n      </span>\n    </div>\n  </ESurface>\n</template>\n\n<style>\n@layer e.containers {\n  .e-toast {\n    --e-tone: var(--e-primary);\n\n    container-type: inline-size;\n    width: min(24rem, 100%);\n    padding: var(--e-space-3) var(--e-space-4);\n  }\n\n  .e-toast--actions {\n    width: min(40rem, 100%);\n  }\n\n  .e-toast--success {\n    --e-tone: var(--e-secondary);\n  }\n\n  .e-toast--warning {\n    --e-tone: var(--e-warning-strong);\n  }\n\n  .e-toast--danger {\n    --e-tone: var(--e-danger);\n  }\n\n  .e-toast-title {\n    margin: 0;\n    font: 500 var(--e-text-lg) / 24px var(--e-font-sans);\n  }\n\n  .e-toast-text {\n    margin: 0;\n    font: 400 var(--e-text-sm) / 1.45 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n\n  @media (forced-colors: active) {\n    .e-toast {\n      border: 1px solid CanvasText;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAM4B,IAAQC,GAcRC,IAAOH,GAYPI,IAAIC,EAAY,GAChBC,IAAWC,EAAmB,GAC9BC,IAAY;GAAE,MAAM;GAAQ,SAAS;GAAS,SAAS;GAAS,QAAQ;EAAQ,GAChFC,UAAiBR,EAAM,YAAY,CAAC,CAACK,GAAU,MAAM,OAAO;E,kBAIhEhC,EAAA,GAAAC,EAiBWC,GAAA;GAhBT,MAAK;GACL,OAAKC,EAAA,CAAC,WAAS,CAAA,YACMyB,EAAA,QAAQ7B,EAAAA,OAAO,UAAM,kBAAA,CAAA,CAAA;GACzC,MAAM6B,EAAA,SAAI,WAAA,UAAA;;GAEX,SAAAxB,QAUM,CAVNC,EAUM,OAVNc,GAUM;IATJd,EAA4E,QAA5Ee,GAA4E,CAAhDd,EAAyCC,GAAA,EAAjC,MAAMqB,EAAA,QAAQM,EAAUN,EAAA,M;IAC5DvB,EAGM,OAHNgB,GAGM,CAFJhB,EAAwC,KAAxCiB,GAAwCd,EAAZoB,EAAA,KAAK,GAAA,CAAA,GACxB7B,EAAAA,OAAO,WAAhBC,EAAA,GAAAS,EAA0D,KAA1Dc,GAA0D,CAAZb,EAAQ6B,EAAA,QAAA,SAAA,C;IAExCxC,EAAAA,OAAO,UAAvBC,EAAA,GAAAC,EAAyFW,GAAA;;KAA1D,OAAM;;KAAmB,SAAAR,QAAsB,CAAtBM,EAAsB6B,EAAA,QAAA,QAAA,C;;;IAClEJ,EAAQ,KAApBnC,EAAA,GAAAS,EAEO,QAFPe,GAEO,CADLlB,EAAqEO,GAAA;KAAxD,MAAK;KAAK,OAAOC,EAAAgB,CAAA,CAAC,CAAA,SAAA;KAAc,SAAK,AAAAkB,EAAA,QAAA,MAAEnB,EAAI,OAAA"}

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

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

package/dist/components/ToastProvider/EToastProvider.js

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