@eos-ui/vue 0.0.0-stage → 0.1.1

package/dist/components/Dialog/EDialog.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import e from "./DialogFrame.js";
+import { createBlock as t, createElementVNode as n, createSlots as r, defineComponent as i, mergeModels as a, mergeProps as o, openBlock as s, renderSlot as c, useModel as l, withCtx as u } from "vue";
+//#region src/components/Dialog/EDialog.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "e-dialog-body" }, f = /*@__PURE__*/ i({
+	inheritAttrs: !1,
+	__name: "EDialog",
+	props: /*@__PURE__*/ a({
+		title: {},
+		headingLevel: { default: 2 },
+		inline: { type: Boolean }
+	}, {
+		open: { type: Boolean },
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ a(["close"], ["update:open"]),
+	setup(i, { emit: a }) {
+		let f = a, p = l(i, "open");
+		return (a, l) => (s(), t(e, o(a.$attrs, {
+			open: p.value,
+			"onUpdate:open": l[0] ||= (e) => p.value = e,
+			title: i.title,
+			"heading-level": i.headingLevel,
+			inline: i.inline,
+			"content-class": ["e-dialog", i.inline && "e-dialog--inline"],
+			onClose: l[1] ||= (e) => f("close")
+		}), r({
+			default: u(() => [n("div", d, [c(a.$slots, "default")])]),
+			_: 2
+		}, [a.$slots.actions ? {
+			name: "actions",
+			fn: u(() => [c(a.$slots, "actions")]),
+			key: "0"
+		} : void 0]), 1040, [
+			"open",
+			"title",
+			"heading-level",
+			"inline",
+			"content-class"
+		]));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=EDialog.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Dialog/EDialog.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDialog.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots","_useModel","_openBlock","_createBlock","DialogFrame","_mergeProps","_createSlots","_withCtx","_createElementVNode","_renderSlot","DialogFrame_default","_hoisted_1","EDialog_vue_vue_type_script_setup_true_lang_default","\"open\"","\"openModifiers\"","__emit","emit","open","useModel","__props","openBlock","createBlock","mergeProps","_ctx","_cache","$event","createSlots","withCtx","createElementVNode","renderSlot"],"sources":["../../../src/components/Dialog/EDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport DialogFrame from \"./DialogFrame.vue\";\n\ndefineOptions({ inheritAttrs: false });\n\nwithDefaults(\n  defineProps<{\n    /** The question or task, as the dialog's heading and accessible name. */\n    title: string;\n    /** The level of the title's heading element, 1 to 6. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** Shows the dialog in the page, without the backdrop or the focus trap. Only for a preview. */\n    inline?: boolean;\n  }>(),\n  { headingLevel: 2 },\n);\n\nconst emit = defineEmits<{\n  /** The person closed it: the Close button, or Escape. `open` is already false. */\n  close: [];\n}>();\n\ndefineSlots<{\n  /** The content: a sentence or two, or a short form. */\n  default?(): unknown;\n  /** Buttons for the foot bar, the main action first. Name the danger button for what it does. */\n  actions?(): unknown;\n}>();\n\nconst open = defineModel<boolean>(\"open\");\n</script>\n\n<template>\n  <DialogFrame\n    v-bind=\"$attrs\"\n    v-model:open=\"open\"\n    :title=\"title\"\n    :heading-level=\"headingLevel\"\n    :inline=\"inline\"\n    :content-class=\"['e-dialog', inline && 'e-dialog--inline']\"\n    @close=\"emit('close')\"\n  >\n    <div class=\"e-dialog-body\"><slot /></div>\n    <template v-if=\"$slots.actions\" #actions><slot name=\"actions\" /></template>\n  </DialogFrame>\n</template>\n\n<style>\n@layer e.containers {\n  .e-dialog {\n    position: fixed;\n    inset: 0;\n    width: min(32rem, calc(100vw - 32px));\n    height: fit-content;\n    max-height: calc(100dvh - 32px);\n    margin: auto;\n    border-radius: var(--e-radius-lg);\n    overflow: auto;\n  }\n\n  .e-dialog--inline {\n    position: static;\n    margin: 0;\n    width: 100%;\n    max-width: 32rem;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAiBA,IAAMiB,IAAOD,GAYPE,IAAOhB,EAAoBkB,GAAC,MAAM;E,kBAItCjB,EAAA,GAAAC,EAWcC,GAXdC,EACUN,EAUI,QAVE;GACN,MAAMkB,EAAA;GAAA,iBAAA,AAAAO,EAAA,QAAA,MAAA,EAAI,QAAAC;GACjB,OAAON,EAAA;GACP,iBAAeA,EAAA;GACf,QAAQA,EAAA;GACR,iBAAa,CAAA,YAAeA,EAAA,UAAM,kBAAA;GAClC,SAAK,AAAAK,EAAA,QAAA,MAAER,EAAI,OAAA;;GAEZ,SAAAT,QAAyC,CAAzCC,EAAyC,OAAzCG,GAAyC,CAAdF,EAAQc,EAAA,QAAA,SAAA,C;;E,IACnBvB,EAAAA,OAAO,U;GAAU,MAAA;GAAQ,IAAAO,QAAuB,CAAvBE,EAAuBc,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/Disclosure/EDisclosure.js

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

package/dist/components/Disclosure/EDisclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDisclosure.js","names":["_sfc_main","EDisclosure_vue_vue_type_script_setup_true_lang_default","EDisclosure_default"],"sources":["../../../src/components/Disclosure/EDisclosure.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** The summary line you press to open and close. */\n    title: string;\n    /** `row` is flush, with a divider above and a mono title. `card` is a roomy row for stacking, as in Accordion. */\n    variant?: \"row\" | \"card\";\n    /** A short note at the right of the summary. Card variant only. */\n    meta?: string;\n    /** Rows that share a group open one at a time (the native `name` of `details`). */\n    group?: string;\n  }>(),\n  { variant: \"row\" },\n);\n\ndefineSlots<{\n  /** What opens and closes. */\n  default?(): unknown;\n}>();\n\nconst open = defineModel<boolean>(\"open\");\n\nfunction onToggle(e: Event) {\n  open.value = (e.target as HTMLDetailsElement).open;\n}\n</script>\n\n<template>\n  <details\n    class=\"e-disclosure\"\n    :class=\"props.variant === 'card' ? 'e-acc' : 'e-details'\"\n    :name=\"group\"\n    :open=\"open || undefined\"\n    @toggle=\"onToggle\"\n  >\n    <summary>\n      <template v-if=\"variant === 'card'\">\n        <span class=\"e-acc-title\">{{ title }}</span>\n        <span v-if=\"meta\" class=\"e-acc-meta\">{{ meta }}</span>\n      </template>\n      <template v-else>{{ title }}</template>\n    </summary>\n    <div :class=\"variant === 'card' ? 'e-acc-body' : 'e-details-body'\"><slot /></div>\n  </details>\n</template>\n\n<style>\n@layer e.containers {\n  .e-details > summary {\n    list-style: none;\n    cursor: pointer;\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--e-space-3);\n    min-height: var(--e-control-height);\n    padding: var(--e-space-3) 0 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n    font: 600 var(--e-text-xs) / 1 var(--e-font-mono);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--e-ink);\n  }\n\n  .e-details > summary::after {\n    content: \"\";\n    flex: none;\n    width: 8px;\n    height: 8px;\n    margin-inline-end: 3px;\n    border-inline-end: 2px solid currentcolor;\n    border-bottom: 2px solid currentcolor;\n    transform: translateY(-2px) rotate(45deg);\n    transition: transform var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-details[open] > summary::after {\n    transform: translateY(2px) rotate(-135deg);\n  }\n\n  .e-details > summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .e-details > summary:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n  }\n\n  .e-details > summary:hover {\n    color: var(--e-primary);\n  }\n\n  .e-details[open] > summary {\n    min-height: 0;\n    padding-bottom: var(--e-space-3);\n  }\n\n  .e-details-body {\n    padding-bottom: var(--e-space-2);\n  }\n\n  .e-acc {\n    overflow: hidden;\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    box-shadow: var(--e-edge);\n  }\n\n  .e-disclosure.e-acc + .e-disclosure.e-acc {\n    margin-top: var(--e-space-2);\n  }\n\n  .e-accordion .e-acc {\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  .e-accordion .e-disclosure.e-acc + .e-disclosure.e-acc {\n    margin-top: 0;\n  }\n\n  .e-acc[open] > summary {\n    border-bottom: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-accordion .e-acc[open] > summary {\n    border-bottom: 0;\n  }\n\n  .e-acc > summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--e-space-3);\n    min-height: 52px;\n    padding: 0 var(--e-space-4);\n    list-style: none;\n    cursor: pointer;\n    transition: background-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-acc > summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .e-acc > summary::after {\n    content: \"\";\n    flex: none;\n    width: 8px;\n    height: 8px;\n    margin-inline-end: 3px;\n    border-inline-end: 2px solid currentcolor;\n    border-bottom: 2px solid currentcolor;\n    transform: translateY(-2px) rotate(45deg);\n  }\n\n  .e-acc[open] > summary::after {\n    transform: translateY(2px) rotate(-135deg);\n  }\n\n  .e-acc > summary:hover {\n    background: var(--e-surface-tint);\n  }\n\n  .e-acc > summary:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: calc(-1 * var(--e-stroke-focus));\n  }\n\n  .e-acc-title {\n    flex: 1;\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n  }\n\n  .e-acc-meta {\n    font: 500 var(--e-text-xs) / 1 var(--e-font-mono);\n    color: var(--e-muted);\n  }\n\n  .e-acc-body {\n    padding: var(--e-space-2) var(--e-space-4) var(--e-space-4);\n    font: 400 var(--e-text-md) / 1.5 var(--e-font-sans);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-details > summary::after,\n    .e-acc > summary {\n      transition: none;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Disclosure/EDisclosure.vue.d.ts

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    /** The summary line you press to open and close. */
+    title: string;
+    /** `row` is flush, with a divider above and a mono title. `card` is a roomy row for stacking, as in Accordion. */
+    variant?: "row" | "card";
+    /** A short note at the right of the summary. Card variant only. */
+    meta?: string;
+    /** Rows that share a group open one at a time (the native `name` of `details`). */
+    group?: string;
+};
+type __VLS_Slots = {
+    /** What opens and closes. */
+    default?(): unknown;
+};
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    variant: "card" | "row";
+}, {}, {}, {}, 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/Disclosure/EDisclosure.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+/* empty css                */
+import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, openBlock as c, renderSlot as l, toDisplayString as u, useModel as d } from "vue";
+//#region src/components/Disclosure/EDisclosure.vue?vue&type=script&setup=true&lang.ts
+var f = ["name", "open"], p = { class: "e-acc-title" }, m = {
+	key: 0,
+	class: "e-acc-meta"
+}, h = /*@__PURE__*/ a({
+	__name: "EDisclosure",
+	props: /*@__PURE__*/ o({
+		title: {},
+		variant: { default: "row" },
+		meta: {},
+		group: {}
+	}, {
+		open: { type: Boolean },
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(a) {
+		let o = a, h = d(a, "open");
+		function g(e) {
+			h.value = e.target.open;
+		}
+		return (d, _) => (c(), n("details", {
+			class: s(["e-disclosure", o.variant === "card" ? "e-acc" : "e-details"]),
+			name: a.group,
+			open: h.value || void 0,
+			onToggle: g
+		}, [r("summary", null, [a.variant === "card" ? (c(), n(e, { key: 0 }, [r("span", p, u(a.title), 1), a.meta ? (c(), n("span", m, u(a.meta), 1)) : t("", !0)], 64)) : (c(), n(e, { key: 1 }, [i(u(a.title), 1)], 64))]), r("div", { class: s(a.variant === "card" ? "e-acc-body" : "e-details-body") }, [l(d.$slots, "default")], 2)], 42, f));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=EDisclosure.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Disclosure/EDisclosure.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDisclosure.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_toDisplayString","_createCommentVNode","_createTextVNode","_renderSlot","_hoisted_1","_hoisted_2","_hoisted_3","EDisclosure_vue_vue_type_script_setup_true_lang_default","\"open\"","\"openModifiers\"","props","__props","open","useModel","onToggle","openBlock","createElementBlock","normalizeClass","createElementVNode","Fragment","toDisplayString","createCommentVNode","createTextVNode","renderSlot","_ctx"],"sources":["../../../src/components/Disclosure/EDisclosure.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** The summary line you press to open and close. */\n    title: string;\n    /** `row` is flush, with a divider above and a mono title. `card` is a roomy row for stacking, as in Accordion. */\n    variant?: \"row\" | \"card\";\n    /** A short note at the right of the summary. Card variant only. */\n    meta?: string;\n    /** Rows that share a group open one at a time (the native `name` of `details`). */\n    group?: string;\n  }>(),\n  { variant: \"row\" },\n);\n\ndefineSlots<{\n  /** What opens and closes. */\n  default?(): unknown;\n}>();\n\nconst open = defineModel<boolean>(\"open\");\n\nfunction onToggle(e: Event) {\n  open.value = (e.target as HTMLDetailsElement).open;\n}\n</script>\n\n<template>\n  <details\n    class=\"e-disclosure\"\n    :class=\"props.variant === 'card' ? 'e-acc' : 'e-details'\"\n    :name=\"group\"\n    :open=\"open || undefined\"\n    @toggle=\"onToggle\"\n  >\n    <summary>\n      <template v-if=\"variant === 'card'\">\n        <span class=\"e-acc-title\">{{ title }}</span>\n        <span v-if=\"meta\" class=\"e-acc-meta\">{{ meta }}</span>\n      </template>\n      <template v-else>{{ title }}</template>\n    </summary>\n    <div :class=\"variant === 'card' ? 'e-acc-body' : 'e-details-body'\"><slot /></div>\n  </details>\n</template>\n\n<style>\n@layer e.containers {\n  .e-details > summary {\n    list-style: none;\n    cursor: pointer;\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--e-space-3);\n    min-height: var(--e-control-height);\n    padding: var(--e-space-3) 0 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n    font: 600 var(--e-text-xs) / 1 var(--e-font-mono);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--e-ink);\n  }\n\n  .e-details > summary::after {\n    content: \"\";\n    flex: none;\n    width: 8px;\n    height: 8px;\n    margin-inline-end: 3px;\n    border-inline-end: 2px solid currentcolor;\n    border-bottom: 2px solid currentcolor;\n    transform: translateY(-2px) rotate(45deg);\n    transition: transform var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-details[open] > summary::after {\n    transform: translateY(2px) rotate(-135deg);\n  }\n\n  .e-details > summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .e-details > summary:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n  }\n\n  .e-details > summary:hover {\n    color: var(--e-primary);\n  }\n\n  .e-details[open] > summary {\n    min-height: 0;\n    padding-bottom: var(--e-space-3);\n  }\n\n  .e-details-body {\n    padding-bottom: var(--e-space-2);\n  }\n\n  .e-acc {\n    overflow: hidden;\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    box-shadow: var(--e-edge);\n  }\n\n  .e-disclosure.e-acc + .e-disclosure.e-acc {\n    margin-top: var(--e-space-2);\n  }\n\n  .e-accordion .e-acc {\n    border-radius: 0;\n    box-shadow: none;\n  }\n\n  .e-accordion .e-disclosure.e-acc + .e-disclosure.e-acc {\n    margin-top: 0;\n  }\n\n  .e-acc[open] > summary {\n    border-bottom: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-accordion .e-acc[open] > summary {\n    border-bottom: 0;\n  }\n\n  .e-acc > summary {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--e-space-3);\n    min-height: 52px;\n    padding: 0 var(--e-space-4);\n    list-style: none;\n    cursor: pointer;\n    transition: background-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-acc > summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .e-acc > summary::after {\n    content: \"\";\n    flex: none;\n    width: 8px;\n    height: 8px;\n    margin-inline-end: 3px;\n    border-inline-end: 2px solid currentcolor;\n    border-bottom: 2px solid currentcolor;\n    transform: translateY(-2px) rotate(45deg);\n  }\n\n  .e-acc[open] > summary::after {\n    transform: translateY(2px) rotate(-135deg);\n  }\n\n  .e-acc > summary:hover {\n    background: var(--e-surface-tint);\n  }\n\n  .e-acc > summary:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: calc(-1 * var(--e-stroke-focus));\n  }\n\n  .e-acc-title {\n    flex: 1;\n    font: 500 var(--e-text-md) / 1.3 var(--e-font-sans);\n  }\n\n  .e-acc-meta {\n    font: 500 var(--e-text-xs) / 1 var(--e-font-mono);\n    color: var(--e-muted);\n  }\n\n  .e-acc-body {\n    padding: var(--e-space-2) var(--e-space-4) var(--e-space-4);\n    font: 400 var(--e-text-md) / 1.5 var(--e-font-sans);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-details > summary::after,\n    .e-acc > summary {\n      transition: none;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAGA,IAAMgB,IAAQC,GAmBRC,IAAOlB,EAAoBiB,GAAC,MAAM;EAExC,SAASG,EAAS,GAAU;GAC1B,EAAK,QAAS,EAAE,OAA8B;EAChD;E,kBAIEnB,EAAA,GAAAC,EAeU,WAAA;GAdR,OAAKC,EAAA,CAAC,gBACEa,EAAM,YAAO,SAAA,UAAA,WAAA,CAAA;GACpB,MAAMC,EAAA;GACN,MAAMC,EAAA,SAAQ,KAAA;GACN;E,IAETd,EAMU,WAAA,MAAA,CALQa,EAAA,YAAO,UAAvBhB,EAAA,GAAAC,EAGWG,GAAA,EAAA,KAAA,EAAA,GAAA,CAFTD,EAA4C,QAA5CO,GAA4CL,EAAfW,EAAA,KAAK,GAAA,CAAA,GACtBA,EAAA,QAAZhB,EAAA,GAAAC,EAAsD,QAAtDU,GAAsDN,EAAdW,EAAA,IAAI,GAAA,CAAA,K,oBAE9ChB,EAAA,GAAAC,EAAuCG,GAAA,EAAA,KAAA,EAAA,GAAA,CAAnBG,EAAAF,EAAAW,EAAA,KAAK,GAAA,CAAA,C,WAE3Bb,EAAiF,OAAA,EAA3E,OAAKD,EAAEc,EAAA,YAAO,SAAA,eAAA,gBAAA,E,IAA+CR,EAAQqB,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/Divider/EDivider.js

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

package/dist/components/Divider/EDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDivider.js","names":["_sfc_main","EDivider_vue_vue_type_script_setup_true_lang_default","EDivider_default"],"sources":["../../../src/components/Divider/EDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** Text set in a mono kicker between two rules. Without it the divider is a plain hairline. */\n  label?: string;\n}>();\n</script>\n\n<template>\n  <hr v-if=\"!label\" class=\"e-divider\" />\n  <div v-else class=\"e-divider-label\" role=\"separator\">\n    <span class=\"e-kicker\">{{ label }}</span>\n  </div>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-divider {\n    height: 0;\n    margin: 0;\n    border: 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-divider-label {\n    display: flex;\n    align-items: center;\n    gap: var(--e-space-3);\n  }\n\n  .e-divider-label::before,\n  .e-divider-label::after {\n    content: \"\";\n    flex: 1;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Divider/EDivider.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    /** Text set in a mono kicker between two rules. Without it the divider is a plain hairline. */
+    label?: string;
+};
+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/Divider/EDivider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+/* empty css                */
+import { createElementBlock as e, createElementVNode as t, defineComponent as n, openBlock as r, toDisplayString as i } from "vue";
+//#region src/components/Divider/EDivider.vue?vue&type=script&setup=true&lang.ts
+var a = {
+	key: 0,
+	class: "e-divider"
+}, o = {
+	key: 1,
+	class: "e-divider-label",
+	role: "separator"
+}, s = { class: "e-kicker" }, c = /*@__PURE__*/ n({
+	__name: "EDivider",
+	props: { label: {} },
+	setup(n) {
+		return (c, l) => n.label ? (r(), e("div", o, [t("span", s, i(n.label), 1)])) : (r(), e("hr", a));
+	}
+});
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=EDivider.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Divider/EDivider.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDivider.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_hoisted_1","_hoisted_2","_hoisted_3","EDivider_vue_vue_type_script_setup_true_lang_default","__props","openBlock","createElementBlock","createElementVNode","toDisplayString"],"sources":["../../../src/components/Divider/EDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport \"../../styles/base.css\";\n\ndefineProps<{\n  /** Text set in a mono kicker between two rules. Without it the divider is a plain hairline. */\n  label?: string;\n}>();\n</script>\n\n<template>\n  <hr v-if=\"!label\" class=\"e-divider\" />\n  <div v-else class=\"e-divider-label\" role=\"separator\">\n    <span class=\"e-kicker\">{{ label }}</span>\n  </div>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-divider {\n    height: 0;\n    margin: 0;\n    border: 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-divider-label {\n    display: flex;\n    align-items: center;\n    gap: var(--e-space-3);\n  }\n\n  .e-divider-label::before,\n  .e-divider-label::after {\n    content: \"\";\n    flex: 1;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;E,iBAUaQ,EAAA,SACXR,EAAA,GAAAC,EAEM,OAFNI,GAEM,CADJH,EAAyC,QAAzCI,GAAyCH,EAAfK,EAAA,KAAK,GAAA,CAAA,C,OAFjCR,EAAA,GAAAC,EAAsC,MAAtCG,CAAsC"}

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

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

package/dist/components/Drawer/EDrawer.js

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

package/dist/components/Drawer/EDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDrawer.js","names":["_sfc_main","EDrawer_vue_vue_type_script_setup_true_lang_default","EDrawer_default"],"sources":["../../../src/components/Drawer/EDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport DialogFrame from \"../Dialog/DialogFrame.vue\";\nimport EDrawerBody from \"./EDrawerBody.vue\";\n\ndefineOptions({ inheritAttrs: false });\n\nwithDefaults(\n  defineProps<{\n    /** The panel's heading and accessible name, such as the statement being read. */\n    title: string;\n    /** The level of the title's heading element, 1 to 6. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** The edge it slides in from. */\n    side?: \"right\" | \"left\" | \"bottom\";\n    /** Shows the drawer in the page, without the backdrop or the focus trap. Only for a preview. */\n    inline?: boolean;\n  }>(),\n  { headingLevel: 2, side: \"right\" },\n);\n\nconst emit = defineEmits<{\n  /** The person closed it: the Close button, or Escape. `open` is already false. */\n  close: [];\n}>();\n\ndefineSlots<{\n  /** The content, such as a statement or receipt. It scrolls inside the drawer. */\n  default?(): unknown;\n  /** Buttons for the foot bar, the main action first. */\n  actions?(): unknown;\n}>();\n\nconst open = defineModel<boolean>(\"open\");\n</script>\n\n<template>\n  <DialogFrame\n    v-bind=\"$attrs\"\n    v-model:open=\"open\"\n    :title=\"title\"\n    :heading-level=\"headingLevel\"\n    :inline=\"inline\"\n    :content-class=\"['e-drawer', side !== 'right' && `e-drawer--${side}`, inline && 'e-drawer--inline']\"\n    @close=\"emit('close')\"\n  >\n    <EDrawerBody><slot /></EDrawerBody>\n    <template v-if=\"$slots.actions\" #actions><slot name=\"actions\" /></template>\n  </DialogFrame>\n</template>\n\n<style>\n@layer e.containers {\n  .e-drawer {\n    position: fixed;\n    inset: 0;\n    width: min(28rem, 100vw);\n    height: 100dvh;\n    max-height: none;\n    margin: 0 0 0 auto;\n    border-radius: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .e-drawer--left {\n    margin: 0 auto 0 0;\n  }\n\n  .e-drawer--bottom {\n    inset: auto 0 0;\n    width: 100%;\n    height: auto;\n    max-height: min(32rem, 85dvh);\n    margin: 0;\n    border-radius: var(--e-radius-lg) var(--e-radius-lg) 0 0;\n  }\n\n  .e-drawer[data-state=\"open\"] {\n    animation: e-drawer-in 220ms var(--e-easing-out);\n  }\n\n  .e-drawer[data-state=\"closed\"] {\n    animation: e-drawer-out 220ms var(--e-easing-out) forwards;\n  }\n\n  .e-drawer--left[data-state=\"open\"] {\n    animation-name: e-drawer-in-left;\n  }\n\n  .e-drawer--left[data-state=\"closed\"] {\n    animation-name: e-drawer-out-left;\n  }\n\n  .e-drawer--bottom[data-state=\"open\"] {\n    animation-name: e-drawer-in-bottom;\n  }\n\n  .e-drawer--bottom[data-state=\"closed\"] {\n    animation-name: e-drawer-out-bottom;\n  }\n\n  @keyframes e-drawer-in-bottom {\n    from {\n      transform: translateY(100%);\n    }\n  }\n\n  @keyframes e-drawer-out-bottom {\n    to {\n      transform: translateY(100%);\n    }\n  }\n\n  @keyframes e-drawer-in {\n    from {\n      transform: translateX(100%);\n    }\n  }\n\n  @keyframes e-drawer-out {\n    to {\n      transform: translateX(100%);\n    }\n  }\n\n  @keyframes e-drawer-in-left {\n    from {\n      transform: translateX(-100%);\n    }\n  }\n\n  @keyframes e-drawer-out-left {\n    to {\n      transform: translateX(-100%);\n    }\n  }\n\n  .e-drawer-body {\n    flex: 1;\n    overflow: auto;\n  }\n\n  .e-drawer .e-dialog-foot {\n    margin-top: auto;\n  }\n\n  .e-drawer--inline,\n  .e-drawer--inline[data-state] {\n    animation: none;\n    transition: none;\n    position: static;\n    width: 100%;\n    max-width: 28rem;\n    height: 26rem;\n    margin: 0;\n    transform: none;\n  }\n\n  .e-drawer--inline.e-drawer--bottom {\n    max-width: 28rem;\n    height: auto;\n    max-height: 18rem;\n    border-radius: var(--e-radius-lg);\n  }\n\n  .e-drawer-body:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: calc(-1 * var(--e-stroke-focus));\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-drawer {\n      animation: none;\n      transition: none;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Drawer/EDrawer.vue.d.ts

@@ -0,0 +1,38 @@
+type __VLS_Props = {
+    /** The panel's heading and accessible name, such as the statement being read. */
+    title: string;
+    /** The level of the title's heading element, 1 to 6. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** The edge it slides in from. */
+    side?: "right" | "left" | "bottom";
+    /** Shows the drawer in the page, without the backdrop or the focus trap. Only for a preview. */
+    inline?: boolean;
+};
+type __VLS_Slots = {
+    /** The content, such as a statement or receipt. It scrolls inside the drawer. */
+    default?(): unknown;
+    /** Buttons for the foot bar, the main action first. */
+    actions?(): unknown;
+};
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    "update:open": (value: boolean | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    side: "right" | "bottom" | "left";
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Drawer/EDrawer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import e from "../Dialog/DialogFrame.js";
+import t from "./EDrawerBody.js";
+import { createBlock as n, createSlots as r, createVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, renderSlot as l, useModel as u, withCtx as d } from "vue";
+//#region src/components/Drawer/EDrawer.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "EDrawer",
+	props: /*@__PURE__*/ o({
+		title: {},
+		headingLevel: { default: 2 },
+		side: { default: "right" },
+		inline: { type: Boolean }
+	}, {
+		open: { type: Boolean },
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ o(["close"], ["update:open"]),
+	setup(a, { emit: o }) {
+		let f = o, p = u(a, "open");
+		return (o, u) => (c(), n(e, s(o.$attrs, {
+			open: p.value,
+			"onUpdate:open": u[0] ||= (e) => p.value = e,
+			title: a.title,
+			"heading-level": a.headingLevel,
+			inline: a.inline,
+			"content-class": [
+				"e-drawer",
+				a.side !== "right" && `e-drawer--${a.side}`,
+				a.inline && "e-drawer--inline"
+			],
+			onClose: u[1] ||= (e) => f("close")
+		}), r({
+			default: d(() => [i(t, null, {
+				default: d(() => [l(o.$slots, "default")]),
+				_: 3
+			})]),
+			_: 2
+		}, [o.$slots.actions ? {
+			name: "actions",
+			fn: d(() => [l(o.$slots, "actions")]),
+			key: "0"
+		} : void 0]), 1040, [
+			"open",
+			"title",
+			"heading-level",
+			"inline",
+			"content-class"
+		]));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=EDrawer.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Drawer/EDrawer.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDrawer.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots","_useModel","_openBlock","_createBlock","DialogFrame","_mergeProps","_createSlots","_withCtx","_createVNode","EDrawerBody","_renderSlot","DialogFrame_default","EDrawerBody_default","EDrawer_vue_vue_type_script_setup_true_lang_default","\"open\"","\"openModifiers\"","__emit","emit","open","useModel","__props","openBlock","createBlock","mergeProps","_ctx","_cache","$event","createSlots","withCtx","createVNode","renderSlot"],"sources":["../../../src/components/Drawer/EDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport DialogFrame from \"../Dialog/DialogFrame.vue\";\nimport EDrawerBody from \"./EDrawerBody.vue\";\n\ndefineOptions({ inheritAttrs: false });\n\nwithDefaults(\n  defineProps<{\n    /** The panel's heading and accessible name, such as the statement being read. */\n    title: string;\n    /** The level of the title's heading element, 1 to 6. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** The edge it slides in from. */\n    side?: \"right\" | \"left\" | \"bottom\";\n    /** Shows the drawer in the page, without the backdrop or the focus trap. Only for a preview. */\n    inline?: boolean;\n  }>(),\n  { headingLevel: 2, side: \"right\" },\n);\n\nconst emit = defineEmits<{\n  /** The person closed it: the Close button, or Escape. `open` is already false. */\n  close: [];\n}>();\n\ndefineSlots<{\n  /** The content, such as a statement or receipt. It scrolls inside the drawer. */\n  default?(): unknown;\n  /** Buttons for the foot bar, the main action first. */\n  actions?(): unknown;\n}>();\n\nconst open = defineModel<boolean>(\"open\");\n</script>\n\n<template>\n  <DialogFrame\n    v-bind=\"$attrs\"\n    v-model:open=\"open\"\n    :title=\"title\"\n    :heading-level=\"headingLevel\"\n    :inline=\"inline\"\n    :content-class=\"['e-drawer', side !== 'right' && `e-drawer--${side}`, inline && 'e-drawer--inline']\"\n    @close=\"emit('close')\"\n  >\n    <EDrawerBody><slot /></EDrawerBody>\n    <template v-if=\"$slots.actions\" #actions><slot name=\"actions\" /></template>\n  </DialogFrame>\n</template>\n\n<style>\n@layer e.containers {\n  .e-drawer {\n    position: fixed;\n    inset: 0;\n    width: min(28rem, 100vw);\n    height: 100dvh;\n    max-height: none;\n    margin: 0 0 0 auto;\n    border-radius: 0;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .e-drawer--left {\n    margin: 0 auto 0 0;\n  }\n\n  .e-drawer--bottom {\n    inset: auto 0 0;\n    width: 100%;\n    height: auto;\n    max-height: min(32rem, 85dvh);\n    margin: 0;\n    border-radius: var(--e-radius-lg) var(--e-radius-lg) 0 0;\n  }\n\n  .e-drawer[data-state=\"open\"] {\n    animation: e-drawer-in 220ms var(--e-easing-out);\n  }\n\n  .e-drawer[data-state=\"closed\"] {\n    animation: e-drawer-out 220ms var(--e-easing-out) forwards;\n  }\n\n  .e-drawer--left[data-state=\"open\"] {\n    animation-name: e-drawer-in-left;\n  }\n\n  .e-drawer--left[data-state=\"closed\"] {\n    animation-name: e-drawer-out-left;\n  }\n\n  .e-drawer--bottom[data-state=\"open\"] {\n    animation-name: e-drawer-in-bottom;\n  }\n\n  .e-drawer--bottom[data-state=\"closed\"] {\n    animation-name: e-drawer-out-bottom;\n  }\n\n  @keyframes e-drawer-in-bottom {\n    from {\n      transform: translateY(100%);\n    }\n  }\n\n  @keyframes e-drawer-out-bottom {\n    to {\n      transform: translateY(100%);\n    }\n  }\n\n  @keyframes e-drawer-in {\n    from {\n      transform: translateX(100%);\n    }\n  }\n\n  @keyframes e-drawer-out {\n    to {\n      transform: translateX(100%);\n    }\n  }\n\n  @keyframes e-drawer-in-left {\n    from {\n      transform: translateX(-100%);\n    }\n  }\n\n  @keyframes e-drawer-out-left {\n    to {\n      transform: translateX(-100%);\n    }\n  }\n\n  .e-drawer-body {\n    flex: 1;\n    overflow: auto;\n  }\n\n  .e-drawer .e-dialog-foot {\n    margin-top: auto;\n  }\n\n  .e-drawer--inline,\n  .e-drawer--inline[data-state] {\n    animation: none;\n    transition: none;\n    position: static;\n    width: 100%;\n    max-width: 28rem;\n    height: 26rem;\n    margin: 0;\n    transform: none;\n  }\n\n  .e-drawer--inline.e-drawer--bottom {\n    max-width: 28rem;\n    height: auto;\n    max-height: 18rem;\n    border-radius: var(--e-radius-lg);\n  }\n\n  .e-drawer-body:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: calc(-1 * var(--e-stroke-focus));\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-drawer {\n      animation: none;\n      transition: none;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAoBA,IAAMkB,IAAOD,GAYPE,IAAOjB,EAAoBmB,GAAC,MAAM;E,kBAItClB,EAAA,GAAAC,EAWcC,GAXdC,EACUN,EAUI,QAVE;GACN,MAAMmB,EAAA;GAAA,iBAAA,AAAAO,EAAA,QAAA,MAAA,EAAI,QAAAC;GACjB,OAAON,EAAA;GACP,iBAAeA,EAAA;GACf,QAAQA,EAAA;GACR,iBAAa;IAAA;IAAeA,EAAA,SAAI,WAAA,aAA6BA,EAAA;IAAQA,EAAA,UAAM;GAAA;GAC3E,SAAK,AAAAK,EAAA,QAAA,MAAER,EAAI,OAAA;;GAEZ,SAAAV,QAAmC,CAAnCC,EAAmCC,GAAA,MAAA;IAAtB,SAAAF,QAAQ,CAARG,EAAQc,EAAA,QAAA,SAAA,C;;;;E,IACLxB,EAAAA,OAAO,U;GAAU,MAAA;GAAQ,IAAAO,QAAuB,CAAvBG,EAAuBc,EAAA,QAAA,SAAA,C"}

package/dist/components/Drawer/EDrawerBody.js

@@ -0,0 +1,7 @@
+import e from "./EDrawerBody.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Drawer/EDrawerBody.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=EDrawerBody.js.map

package/dist/components/Drawer/EDrawerBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDrawerBody.js","names":["_sfc_main","EDrawerBody_vue_vue_type_script_setup_true_lang_default","EDrawerBody_default"],"sources":["../../../src/components/Drawer/EDrawerBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { injectDialogRootContext } from \"reka-ui\";\n\nconst titleId = injectDialogRootContext().titleId;\n</script>\n\n<template>\n  <div class=\"e-drawer-body\" tabindex=\"0\" role=\"region\" :aria-labelledby=\"titleId\"><slot /></div>\n</template>\n"],"mappings":""}

package/dist/components/Drawer/EDrawerBody.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+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/Drawer/EDrawerBody.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,19 @@
+import { createElementBlock as e, defineComponent as t, openBlock as n, renderSlot as r, unref as i } from "vue";
+import { injectDialogRootContext as a } from "reka-ui";
+//#region src/components/Drawer/EDrawerBody.vue?vue&type=script&setup=true&lang.ts
+var o = ["aria-labelledby"], s = /*@__PURE__*/ t({
+	__name: "EDrawerBody",
+	setup(t) {
+		let s = a().titleId;
+		return (t, a) => (n(), e("div", {
+			class: "e-drawer-body",
+			tabindex: "0",
+			role: "region",
+			"aria-labelledby": i(s)
+		}, [r(t.$slots, "default")], 8, o));
+	}
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=EDrawerBody.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Drawer/EDrawerBody.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDrawerBody.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_renderSlot","_hoisted_1","EDrawerBody_vue_vue_type_script_setup_true_lang_default","titleId","injectDialogRootContext","openBlock","createElementBlock","unref","renderSlot","_ctx"],"sources":["../../../src/components/Drawer/EDrawerBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { injectDialogRootContext } from \"reka-ui\";\n\nconst titleId = injectDialogRootContext().titleId;\n</script>\n\n<template>\n  <div class=\"e-drawer-body\" tabindex=\"0\" role=\"region\" :aria-labelledby=\"titleId\"><slot /></div>\n</template>\n"],"mappings":";;;;;;EAGA,IAAMM,IAAUC,EAAwB,CAAC,CAAC;E,kBAIxCP,EAAA,GAAAC,EAA+F,OAAA;GAA1F,OAAM;GAAgB,UAAS;GAAI,MAAK;GAAU,mBAAiBC,EAAAI,CAAA;E,IAASH,EAAQS,EAAA,QAAA,SAAA,C"}

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

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

package/dist/components/EmptyState/EEmptyState.js

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

package/dist/components/EmptyState/EEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EEmptyState.js","names":["_sfc_main","EEmptyState_vue_vue_type_script_setup_true_lang_default","EEmptyState_default"],"sources":["../../../src/components/EmptyState/EEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EIcon from \"../Icon/EIcon.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\nwithDefaults(\n  defineProps<{\n    /** A glyph in a round badge above the title. */\n    icon?: IconProp;\n    /** What is missing, in the person's words. */\n    title: string;\n    /** The level of the title's heading element, 1 to 6. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** Removes the dashed outline, for use inside a table or panel. */\n    bare?: boolean;\n  }>(),\n  { headingLevel: 3 },\n);\n\ndefineSlots<{\n  /** One or two sentences: why it is empty and what to do. */\n  default?(): unknown;\n  /** The next step, a Button. */\n  action?(): unknown;\n}>();\n</script>\n\n<template>\n  <div class=\"e-empty\" :class=\"bare && 'e-empty--bare'\">\n    <span v-if=\"icon\" class=\"e-empty-icon\"><EIcon :name=\"icon\" /></span>\n    <component :is=\"`h${headingLevel}`\" class=\"e-empty-title\">{{ title }}</component>\n    <p v-if=\"$slots.default\" class=\"e-empty-text\"><slot /></p>\n    <slot name=\"action\" />\n  </div>\n</template>\n\n<style>\n@layer e.containers {\n  .e-empty {\n    display: grid;\n    justify-items: center;\n    gap: var(--e-space-2);\n    padding: var(--e-space-8) var(--e-space-4);\n    border: var(--e-stroke-edge) dashed var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    text-align: center;\n  }\n\n  .e-empty--bare {\n    border: 0;\n  }\n\n  .e-empty-icon {\n    display: grid;\n    place-items: center;\n    width: 56px;\n    height: 56px;\n    margin-bottom: var(--e-space-1);\n    border-radius: 50%;\n    background: var(--e-surface-tint);\n    box-shadow: inset 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-empty-icon .e-icon {\n    width: 26px;\n    height: 26px;\n  }\n\n  .e-empty-title {\n    margin: 0;\n    font: 500 var(--e-text-xl) / 1.25 var(--e-font-sans);\n  }\n\n  .e-empty-text {\n    margin: 0 0 var(--e-space-2);\n    max-width: 38ch;\n    font: 400 var(--e-text-md) / 1.5 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/EmptyState/EEmptyState.vue.d.ts

@@ -0,0 +1,28 @@
+import { IconProp } from '../../icons/types.js';
+type __VLS_Props = {
+    /** A glyph in a round badge above the title. */
+    icon?: IconProp;
+    /** What is missing, in the person's words. */
+    title: string;
+    /** The level of the title's heading element, 1 to 6. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Removes the dashed outline, for use inside a table or panel. */
+    bare?: boolean;
+};
+type __VLS_Slots = {
+    /** One or two sentences: why it is empty and what to do. */
+    default?(): unknown;
+    /** The next step, a Button. */
+    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<{}>, {
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/EmptyState/EEmptyState.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+/* empty css                */
+import e from "../Icon/EIcon.js";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, resolveDynamicComponent as u, toDisplayString as d, withCtx as f } from "vue";
+//#region src/components/EmptyState/EEmptyState.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	key: 0,
+	class: "e-empty-icon"
+}, m = {
+	key: 1,
+	class: "e-empty-text"
+}, h = /*@__PURE__*/ o({
+	__name: "EEmptyState",
+	props: {
+		icon: {},
+		title: {},
+		headingLevel: { default: 3 },
+		bare: { type: Boolean }
+	},
+	setup(o) {
+		return (h, g) => (c(), r("div", { class: s(["e-empty", o.bare && "e-empty--bare"]) }, [
+			o.icon ? (c(), r("span", p, [a(e, { name: o.icon }, null, 8, ["name"])])) : n("", !0),
+			(c(), t(u(`h${o.headingLevel}`), { class: "e-empty-title" }, {
+				default: f(() => [i(d(o.title), 1)]),
+				_: 1
+			})),
+			h.$slots.default ? (c(), r("p", m, [l(h.$slots, "default")])) : n("", !0),
+			l(h.$slots, "action")
+		], 2));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=EEmptyState.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/EmptyState/EEmptyState.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EEmptyState.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createElementBlock","_normalizeClass","_createVNode","EIcon","_createCommentVNode","_createBlock","_resolveDynamicComponent","_withCtx","_createTextVNode","_toDisplayString","_renderSlot","EIcon_default","_hoisted_1","_hoisted_2","EEmptyState_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","normalizeClass","__props","createVNode","createCommentVNode","createBlock","resolveDynamicComponent","withCtx","createTextVNode","toDisplayString","_ctx","renderSlot"],"sources":["../../../src/components/EmptyState/EEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport EIcon from \"../Icon/EIcon.vue\";\nimport type { IconProp } from \"../../icons/types.js\";\nimport \"../../styles/base.css\";\n\nwithDefaults(\n  defineProps<{\n    /** A glyph in a round badge above the title. */\n    icon?: IconProp;\n    /** What is missing, in the person's words. */\n    title: string;\n    /** The level of the title's heading element, 1 to 6. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** Removes the dashed outline, for use inside a table or panel. */\n    bare?: boolean;\n  }>(),\n  { headingLevel: 3 },\n);\n\ndefineSlots<{\n  /** One or two sentences: why it is empty and what to do. */\n  default?(): unknown;\n  /** The next step, a Button. */\n  action?(): unknown;\n}>();\n</script>\n\n<template>\n  <div class=\"e-empty\" :class=\"bare && 'e-empty--bare'\">\n    <span v-if=\"icon\" class=\"e-empty-icon\"><EIcon :name=\"icon\" /></span>\n    <component :is=\"`h${headingLevel}`\" class=\"e-empty-title\">{{ title }}</component>\n    <p v-if=\"$slots.default\" class=\"e-empty-text\"><slot /></p>\n    <slot name=\"action\" />\n  </div>\n</template>\n\n<style>\n@layer e.containers {\n  .e-empty {\n    display: grid;\n    justify-items: center;\n    gap: var(--e-space-2);\n    padding: var(--e-space-8) var(--e-space-4);\n    border: var(--e-stroke-edge) dashed var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    text-align: center;\n  }\n\n  .e-empty--bare {\n    border: 0;\n  }\n\n  .e-empty-icon {\n    display: grid;\n    place-items: center;\n    width: 56px;\n    height: 56px;\n    margin-bottom: var(--e-space-1);\n    border-radius: 50%;\n    background: var(--e-surface-tint);\n    box-shadow: inset 0 0 0 1px var(--e-border-strong);\n  }\n\n  .e-empty-icon .e-icon {\n    width: 26px;\n    height: 26px;\n  }\n\n  .e-empty-title {\n    margin: 0;\n    font: 500 var(--e-text-xl) / 1.25 var(--e-font-sans);\n  }\n\n  .e-empty-text {\n    margin: 0 0 var(--e-space-2);\n    max-width: 38ch;\n    font: 400 var(--e-text-md) / 1.5 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;E,kBA4BEC,EAAA,GAAAC,EAKM,OAAA,EALD,OAAKC,EAAA,CAAC,WAAkBiB,EAAA,QAAI,eAAA,CAAA,E;GACnBA,EAAA,QAAZnB,EAAA,GAAAC,EAAoE,QAApEY,GAAoE,CAA7BV,EAAsBC,GAAA,EAAd,MAAMe,EAAA,KAAI,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,C;IACzDnB,EAAA,GAAAM,EAAiFC,EAAA,IAA7DY,EAAA,cAAY,GAAA,EAAI,OAAM,gBAAe,GAAA;IAAC,SAAAX,QAAW,CAARC,EAAAC,EAAAS,EAAA,KAAK,GAAA,CAAA,C;;;GACzDpB,EAAAA,OAAO,WAAhBC,EAAA,GAAAC,EAA0D,KAA1Da,GAA0D,CAAZH,EAAQgB,EAAA,QAAA,SAAA,C;GACtDhB,EAAsBgB,EAAA,QAAA,QAAA"}

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

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

package/dist/components/ErrorSummary/EErrorSummary.js

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

package/dist/components/ErrorSummary/EErrorSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EErrorSummary.js","names":["_sfc_main","EErrorSummary_vue_vue_type_script_setup_true_lang_default","EErrorSummary_default"],"sources":["../../../src/components/ErrorSummary/EErrorSummary.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ErrorSummaryItem {\n  /** The field's name, shown first in medium weight (\"Email: Enter an email address\"). Leave it out when the message already names the field. */\n  field?: string;\n  /** What is wrong and how to fix it, written the same way as the field's own error. */\n  message: string;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { nextTick, onMounted, ref, watch } from \"vue\";\nimport ENotice from \"../Notice/ENotice.vue\";\nimport { useMessages } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** What went wrong. The summary shows nothing while the list is empty. */\n    errors: ErrorSummaryItem[];\n    /** The heading. Defaults to \"There is a problem\". */\n    title?: string;\n    /** The level of the heading element, 1 to 6. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** Moves focus to the summary when errors appear, so keyboard and screen reader users land on it. */\n    autoFocus?: boolean;\n  }>(),\n  { headingLevel: 2, autoFocus: true },\n);\n\nconst t = useMessages();\nconst titleId = useUid();\nconst root = ref<HTMLElement>();\n\nfunction focusSummary() {\n  if (!props.errors.length || !props.autoFocus || !root.value) return;\n  root.value.focus();\n  root.value.scrollIntoView?.({ block: \"nearest\" });\n}\n\nonMounted(() => nextTick(focusSummary));\nwatch(\n  () => props.errors.length,\n  async () => {\n    await nextTick();\n    focusSummary();\n  },\n);\n</script>\n\n<template>\n  <div v-if=\"errors.length\" ref=\"root\" class=\"e-errsum\" role=\"alert\" tabindex=\"-1\" :aria-labelledby=\"titleId\">\n    <ENotice\n      tone=\"danger\"\n      :role=\"false\"\n      :heading-level=\"headingLevel\"\n      :title-id=\"titleId\"\n      :title=\"title ?? t('errorSummary')\"\n    >\n      <ul class=\"e-errsum-list\">\n        <li v-for=\"(error, i) in errors\" :key=\"`${i}-${error.message}`\">\n          <strong v-if=\"error.field\">{{ error.field }}</strong\n          >{{ error.field ? \": \" : \"\" }}{{ error.message }}\n        </li>\n      </ul>\n    </ENotice>\n  </div>\n</template>\n\n<style>\n@layer e.containers {\n  .e-errsum {\n    border-radius: var(--e-radius-md);\n  }\n\n  .e-errsum:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: var(--e-focus-gap);\n  }\n\n  .e-errsum-list {\n    display: grid;\n    gap: var(--e-space-1);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .e-errsum-list li {\n    position: relative;\n    padding-inline-start: var(--e-space-4);\n  }\n\n  .e-errsum-list li::before {\n    content: \"\";\n    position: absolute;\n    inset-inline-start: 0;\n    top: 0.5em;\n    width: 7px;\n    height: 7px;\n    border-radius: calc(var(--e-radius-sm) / 2);\n    background: var(--e-danger);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/ErrorSummary/EErrorSummary.vue.d.ts

@@ -0,0 +1,30 @@
+export interface ErrorSummaryItem {
+    /** The field's name, shown first in medium weight ("Email: Enter an email address"). Leave it out when the message already names the field. */
+    field?: string;
+    /** What is wrong and how to fix it, written the same way as the field's own error. */
+    message: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
+    /** What went wrong. The summary shows nothing while the list is empty. */
+    errors: ErrorSummaryItem[];
+    /** The heading. Defaults to "There is a problem". */
+    title?: string;
+    /** The level of the heading element, 1 to 6. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Moves focus to the summary when errors appear, so keyboard and screen reader users land on it. */
+    autoFocus?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /** What went wrong. The summary shows nothing while the list is empty. */
+    errors: ErrorSummaryItem[];
+    /** The heading. Defaults to "There is a problem". */
+    title?: string;
+    /** The level of the heading element, 1 to 6. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Moves focus to the summary when errors appear, so keyboard and screen reader users land on it. */
+    autoFocus?: boolean;
+}> & Readonly<{}>, {
+    autoFocus: boolean;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/ErrorSummary/EErrorSummary.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+/* empty css                */
+import { useMessages as e } from "../../config.js";
+import { useUid as t } from "../../composables/useUid.js";
+import n from "../Notice/ENotice.js";
+import { Fragment as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, nextTick as u, onMounted as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, watch as _, withCtx as v } from "vue";
+//#region src/components/ErrorSummary/EErrorSummary.vue?vue&type=script&setup=true&lang.ts
+var y = ["aria-labelledby"], b = { class: "e-errsum-list" }, x = { key: 0 }, S = /*@__PURE__*/ l({
+	__name: "EErrorSummary",
+	props: {
+		errors: {},
+		title: {},
+		headingLevel: { default: 2 },
+		autoFocus: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(l) {
+		let S = l, C = e(), w = t(), T = p();
+		function E() {
+			S.errors.length && S.autoFocus && T.value && (T.value.focus(), T.value.scrollIntoView?.({ block: "nearest" }));
+		}
+		return d(() => u(E)), _(() => S.errors.length, async () => {
+			await u(), E();
+		}), (e, t) => l.errors.length ? (f(), a("div", {
+			key: 0,
+			ref_key: "root",
+			ref: T,
+			class: "e-errsum",
+			role: "alert",
+			tabindex: "-1",
+			"aria-labelledby": g(w)
+		}, [c(n, {
+			tone: "danger",
+			role: !1,
+			"heading-level": l.headingLevel,
+			"title-id": g(w),
+			title: l.title ?? g(C)("errorSummary")
+		}, {
+			default: v(() => [o("ul", b, [(f(!0), a(r, null, m(l.errors, (e, t) => (f(), a("li", { key: `${t}-${e.message}` }, [e.field ? (f(), a("strong", x, h(e.field), 1)) : i("", !0), s(h(e.field ? ": " : "") + h(e.message), 1)]))), 128))])]),
+			_: 1
+		}, 8, [
+			"heading-level",
+			"title-id",
+			"title"
+		])], 8, y)) : i("", !0);
+	}
+});
+//#endregion
+export { S as default };
+
+//# sourceMappingURL=EErrorSummary.vue_vue_type_script_setup_true_lang.js.map