@rei/cedar 16.3.0 → 17.0.0-alpha.0

package/dist/components/text/presets/CdrUtilitySans.vue.d.ts

@@ -0,0 +1,35 @@
+import { BaseTextProps } from '../types';
+import { TypeScale } from '../../../types/componentOptions';
+export interface UtilitySansTextProps extends BaseTextProps {
+    /**
+     * Sets the type scale using Cedar values derived from cdr-tokens CdrTypeKey values.
+     * @type TypeScale
+     * @values scale-minus-1, scale-0, scale-1, scale-2, scale-3
+     */
+    scale?: Extract<TypeScale, 'scale-minus-1' | 'scale-0' | 'scale-1' | 'scale-2' | 'scale-3'>;
+    /** Toggles the strong variant */
+    strong?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: Record<string, never>): any;
+    }> & {
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UtilitySansTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UtilitySansTextProps> & Readonly<{}>, {
+    strong: boolean;
+    tag: import('../../../lib').Tag;
+    scale: Extract<TypeScale, "scale-minus-1" | "scale-0" | "scale-1" | "scale-2" | "scale-3">;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/text/presets/CdrUtilitySans.vue.mjs

@@ -1,9 +1,6 @@
-import s from "./CdrUtilitySans.vue2.mjs";
-import o from "./styles/CdrUtilitySans.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrUtilitySans.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrUtilitySans.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

package/dist/components/text/presets/CdrUtilitySans.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,34 @@
+import { typeScaleCssSuffix as e } from "../../../tokens/adapters.mjs";
+import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, unref as l, useCssModule as u, withCtx as d } from "vue";
+//#region src/components/text/presets/CdrUtilitySans.vue?vue&type=script&setup=true&lang.ts
+var f = "cdr-utility-sans", p = /* @__PURE__ */ r({
+	name: "CdrUtilitySans",
+	__name: "CdrUtilitySans",
+	props: {
+		scale: { default: "scale-1" },
+		strong: {
+			type: Boolean,
+			default: !1
+		},
+		tag: { default: "p" }
+	},
+	setup(r) {
+		let p = r, m = t(() => {
+			let t = e(p.scale);
+			return {
+				"--cdr-utility-sans-font-size": `var(--cdr-type-scale-${t})`,
+				"--cdr-utility-sans-line-height": `var(--cdr-line-height-ratio-utility-${t})`,
+				"--cdr-utility-sans-font-weight": p.strong ? "600" : "400"
+			};
+		}), h = u();
+		return (e, t) => (o(), n(c(r.tag), {
+			class: i(l(h)[f]),
+			style: a(m.value)
+		}, {
+			default: d(() => [s(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class", "style"]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/text/presets/CdrUtilitySerif.vue.d.ts

@@ -0,0 +1,35 @@
+import { BaseTextProps } from '../types';
+import { TypeScale } from '../../../types/componentOptions';
+interface UtilitySerifTextProps extends BaseTextProps {
+    /**
+     * Sets the type scale using Cedar values derived from cdr-tokens CdrTypeKey values.
+     * @type TypeScale
+     * @values scale-minus-1, scale-0, scale-1, scale-2, scale-3
+     */
+    scale?: Extract<TypeScale, 'scale-minus-1' | 'scale-0' | 'scale-1' | 'scale-2' | 'scale-3'>;
+    /** Toggles the strong variant */
+    strong?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: Record<string, never>): any;
+    }> & {
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UtilitySerifTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UtilitySerifTextProps> & Readonly<{}>, {
+    strong: boolean;
+    tag: import('../../../lib').Tag;
+    scale: Extract<TypeScale, "scale-minus-1" | "scale-0" | "scale-1" | "scale-2" | "scale-3">;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/text/presets/CdrUtilitySerif.vue.mjs

@@ -1,9 +1,6 @@
-import s from "./CdrUtilitySerif.vue2.mjs";
-import o from "./styles/CdrUtilitySerif.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: o
-}, m = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  m as default
-};
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrUtilitySerif.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrUtilitySerif.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

package/dist/components/text/presets/CdrUtilitySerif.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,34 @@
+import { typeScaleCssSuffix as e } from "../../../tokens/adapters.mjs";
+import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s, resolveDynamicComponent as c, unref as l, useCssModule as u, withCtx as d } from "vue";
+//#region src/components/text/presets/CdrUtilitySerif.vue?vue&type=script&setup=true&lang.ts
+var f = "cdr-utility-serif", p = /* @__PURE__ */ r({
+	name: "CdrUtilitySerif",
+	__name: "CdrUtilitySerif",
+	props: {
+		scale: { default: "scale-1" },
+		strong: {
+			type: Boolean,
+			default: !1
+		},
+		tag: { default: "p" }
+	},
+	setup(r) {
+		let p = r, m = t(() => {
+			let t = e(p.scale);
+			return {
+				"--cdr-utility-serif-font-size": `var(--cdr-type-scale-${t})`,
+				"--cdr-utility-serif-line-height": `var(--cdr-line-height-ratio-utility-${t})`,
+				"--cdr-utility-serif-font-weight": p.strong ? "600" : "400"
+			};
+		}), h = u();
+		return (e, t) => (o(), n(c(r.tag), {
+			class: i(l(h)[f]),
+			style: a(m.value)
+		}, {
+			default: d(() => [s(e.$slots, "default")]),
+			_: 3
+		}, 8, ["class", "style"]));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/text/presets/styles/CdrBody.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,4 @@
+//#region src/components/text/presets/styles/CdrBody.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = { "cdr-body": "cdr-body_17-0-0-alpha-0" };
+//#endregion
+export { e as default };

package/dist/components/text/presets/styles/CdrEyebrow.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,4 @@
+//#region src/components/text/presets/styles/CdrEyebrow.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = { "cdr-eyebrow": "cdr-eyebrow_17-0-0-alpha-0" };
+//#endregion
+export { e as default };

package/dist/components/text/presets/styles/CdrHeadingDisplay.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,4 @@
+//#region src/components/text/presets/styles/CdrHeadingDisplay.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = { "cdr-heading-display": "cdr-heading-display_17-0-0-alpha-0" };
+//#endregion
+export { e as default };

package/dist/components/text/presets/styles/CdrHeadingSans.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,4 @@
+//#region src/components/text/presets/styles/CdrHeadingSans.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = { "cdr-heading-sans": "cdr-heading-sans_17-0-0-alpha-0" };
+//#endregion
+export { e as default };

package/dist/components/text/presets/styles/CdrHeadingSerif.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,4 @@
+//#region src/components/text/presets/styles/CdrHeadingSerif.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = { "cdr-heading-serif": "cdr-heading-serif_17-0-0-alpha-0" };
+//#endregion
+export { e as default };

package/dist/components/text/presets/styles/CdrSubheadingSans.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,4 @@
+//#region src/components/text/presets/styles/CdrSubheadingSans.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = { "cdr-subheading-sans": "cdr-subheading-sans_17-0-0-alpha-0" };
+//#endregion
+export { e as default };

package/dist/components/text/presets/styles/CdrUtilitySans.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,4 @@
+//#region src/components/text/presets/styles/CdrUtilitySans.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = { "cdr-utility-sans": "cdr-utility-sans_17-0-0-alpha-0" };
+//#endregion
+export { e as default };

package/dist/components/text/presets/styles/CdrUtilitySerif.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,4 @@
+//#region src/components/text/presets/styles/CdrUtilitySerif.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = { "cdr-utility-serif": "cdr-utility-serif_17-0-0-alpha-0" };
+//#endregion
+export { e as default };

package/dist/components/text/presets/textPresets.d.ts

@@ -0,0 +1,8 @@
+export { default as CdrHeadingDisplay } from './CdrHeadingDisplay.vue';
+export { default as CdrHeadingSerif } from './CdrHeadingSerif.vue';
+export { default as CdrHeadingSans } from './CdrHeadingSans.vue';
+export { default as CdrSubheadingSans } from './CdrSubheadingSans.vue';
+export { default as CdrUtilitySans } from './CdrUtilitySans.vue';
+export { default as CdrUtilitySerif } from './CdrUtilitySerif.vue';
+export { default as CdrBody } from './CdrBody.vue';
+export { default as CdrEyebrow } from './CdrEyebrow.vue';

package/dist/components/text/styles/CdrText.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,4 @@
+//#region src/components/text/styles/CdrText.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = { "cdr-text": "cdr-text_17-0-0-alpha-0" };
+//#endregion
+export { e as default };

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

@@ -0,0 +1,16 @@
+import { Tag } from '../../types/componentOptions';
+/**
+ * Base properties for text components
+ */
+export interface BaseTextProps {
+    /** Sets the HTML tag (p, span, h1, h2, etc) */
+    tag?: Tag;
+}
+/**
+ * CdrText component properties
+ * Text wrapper component for semantic HTML elements
+ */
+export type CdrTextProps = {
+    /** Sets the HTML tag (p, span, h1, h2, etc) */
+    tag?: Tag;
+};

package/dist/components/title/CdrTitle.vue.d.ts

@@ -0,0 +1,22 @@
+import { CdrTitleProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: Record<string, never>): any;
+    }> & {
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrTitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrTitleProps> & Readonly<{}>, {
+    tag: import('../../lib').Tag;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/title/CdrTitle.vue.mjs

@@ -1,9 +1,6 @@
-import s from "./CdrTitle.vue2.mjs";
-import o from "./styles/CdrTitle.module.scss.mjs";
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrTitle.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrTitle.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

package/dist/components/title/CdrTitle.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,16 @@
+import { createBlock as e, defineComponent as t, normalizeClass as n, openBlock as r, renderSlot as i, resolveDynamicComponent as a, unref as o, useCssModule as s, withCtx as c } from "vue";
+//#region src/components/title/CdrTitle.vue?vue&type=script&setup=true&lang.ts
+var l = "cdr-title", u = /* @__PURE__ */ t({
+	name: "CdrTitle",
+	__name: "CdrTitle",
+	props: { tag: { default: "h1" } },
+	setup(t) {
+		let u = s();
+		return (s, d) => (r(), e(a(t.tag), { class: n(o(u)[l]) }, {
+			default: c(() => [i(s.$slots, "default")]),
+			_: 3
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { u as default };

package/dist/components/title/styles/CdrTitle.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,4 @@
+//#region src/components/title/styles/CdrTitle.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = { "cdr-title": "cdr-title_17-0-0-alpha-0" };
+//#endregion
+export { e as default };

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

@@ -0,0 +1,9 @@
+import { Tag } from '../../types/componentOptions';
+/**
+ * CdrTitle component properties
+ * Heading wrapper component for semantic HTML elements
+ */
+export type CdrTitleProps = {
+    /** Sets the HTML tag (p, span, h1, h2, etc) */
+    tag?: Tag;
+};

package/dist/components/toast/CdrToast.vue.d.ts

@@ -0,0 +1,43 @@
+import { CdrToastProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** Icon matching toast messaging type */
+        'icon-left'(props: Record<string, never>): any;
+        /** CdrToast content */
+        default(props: Record<string, never>): any;
+        icon(props: Record<string, never>): any;
+    }> & {
+        /** Icon matching toast messaging type */
+        'icon-left'(props: Record<string, never>): any;
+        /** CdrToast content */
+        default(props: Record<string, never>): any;
+        icon(props: Record<string, never>): any;
+    };
+    refs: {
+        toastEl: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    closed: (...args: any[]) => void;
+    open: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<CdrToastProps> & Readonly<{
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: import('../../lib').StatusType;
+    open: boolean;
+    autoDismiss: boolean;
+    dismissDelay: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    toastEl: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toast/CdrToast.vue.mjs

@@ -1,9 +1,6 @@
-import s from "./CdrToast.vue2.mjs";
-import o from "./styles/CdrToast.module.scss.mjs";
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrToast.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrToast.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

package/dist/components/toast/CdrToast.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,83 @@
+import e from "../button/CdrButton.vue.mjs";
+import t from "../icon/comps/x-sm.vue.mjs";
+import { Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, onUnmounted as d, onUpdated as f, openBlock as p, ref as m, renderSlot as h, unref as g, useCssModule as _, useSlots as v, watch as y, withCtx as b } from "vue";
+//#region src/components/toast/CdrToast.vue?vue&type=script&setup=true&lang.ts
+var x = "cdr-toast", S = /* @__PURE__ */ l({
+	name: "CdrToast",
+	__name: "CdrToast",
+	props: {
+		type: { default: "default" },
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		autoDismiss: {
+			type: Boolean,
+			default: !0
+		},
+		dismissDelay: { default: 5e3 }
+	},
+	emits: {
+		open: null,
+		closed: null
+	},
+	setup(l, { emit: S }) {
+		let C = l, w = S, T = _(), E = v(), D = r(() => !!E["icon-left"]), O = m(!1), k = m(null), A, j, M = r(() => C.type && `${x}--${C.type}`), N = (e) => {
+			A ? (clearTimeout(A), A = void 0) : w("open", e), O.value = !0, C.autoDismiss && !e && F();
+		}, P = (e) => {
+			A &&= (clearTimeout(A), void 0), L(), O.value = !1, w("closed", e);
+		}, F = (e) => {
+			A && clearTimeout(A), A = setTimeout(() => {
+				A = void 0, L(), O.value = !1, w("closed", e);
+			}, C.dismissDelay);
+		}, I = () => {
+			j = k.value, j && (j.addEventListener("mouseover", N), j.addEventListener("mouseleave", F));
+		}, L = () => {
+			j && (j.removeEventListener("mouseover", N), j.removeEventListener("mouseleave", F));
+		};
+		return y(() => C.open, () => {
+			C.open && N();
+		}), f(() => {
+			C.autoDismiss && (L(), I());
+		}), d(() => {
+			A && clearTimeout(A), L();
+		}), (r, l) => (p(), i(n, {
+			"enter-from-class": g(T)["cdr-toast__transition--toast-enter-from"],
+			"enter-active-class": g(T)["cdr-toast__transition--toast-enter-active"],
+			"leave-to-class": g(T)["cdr-toast__transition--toast-leave-to"],
+			"leave-active-class": g(T)["cdr-toast__transition--toast-leave-active"]
+		}, {
+			default: b(() => [O.value ? (p(), o("div", {
+				key: 0,
+				class: u([g(T)[x], g(T)[M.value]]),
+				role: "status",
+				ref_key: "toastEl",
+				ref: k
+			}, [s("div", { class: u([g(T)["cdr-toast__main"]]) }, [
+				D.value ? (p(), o("div", {
+					key: 0,
+					class: u([g(T)["cdr-toast__icon-left"]])
+				}, [h(r.$slots, "icon-left")], 2)) : a("", !0),
+				s("span", { class: u([g(T)["cdr-toast__message"]]) }, [h(r.$slots, "default")], 2),
+				c(e, {
+					class: u([g(T)["cdr-toast__close-button"]]),
+					"icon-only": "",
+					onClick: P,
+					"aria-label": "Close",
+					size: "small"
+				}, {
+					default: b(() => [h(r.$slots, "icon", {}, () => [c(t, { "inherit-color": "" })])]),
+					_: 3
+				}, 8, ["class"])
+			], 2)], 2)) : a("", !0)]),
+			_: 3
+		}, 8, [
+			"enter-from-class",
+			"enter-active-class",
+			"leave-to-class",
+			"leave-active-class"
+		]));
+	}
+});
+//#endregion
+export { S as default };

package/dist/components/toast/styles/CdrToast.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,62 @@
+//#region src/components/toast/styles/CdrToast.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-button": "cdr-button_17-0-0-alpha-0",
+	"cdr-button--has-icon-left": "cdr-button--has-icon-left_17-0-0-alpha-0",
+	"cdr-button--has-icon-right": "cdr-button--has-icon-right_17-0-0-alpha-0",
+	"cdr-button--primary": "cdr-button--primary_17-0-0-alpha-0",
+	"cdr-button--secondary": "cdr-button--secondary_17-0-0-alpha-0",
+	"cdr-button--dark": "cdr-button--dark_17-0-0-alpha-0",
+	"cdr-button--sale": "cdr-button--sale_17-0-0-alpha-0",
+	"cdr-button--link": "cdr-button--link_17-0-0-alpha-0",
+	"cdr-button--large": "cdr-button--large_17-0-0-alpha-0",
+	"cdr-button--medium": "cdr-button--medium_17-0-0-alpha-0",
+	"cdr-button--small": "cdr-button--small_17-0-0-alpha-0",
+	"cdr-button--icon-only": "cdr-button--icon-only_17-0-0-alpha-0",
+	"cdr-button--icon-only-large": "cdr-button--icon-only-large_17-0-0-alpha-0",
+	"cdr-button--with-background": "cdr-button--with-background_17-0-0-alpha-0",
+	"cdr-button--full-width": "cdr-button--full-width_17-0-0-alpha-0",
+	"cdr-button--small@xs": "cdr-button--small@xs_17-0-0-alpha-0",
+	"cdr-button--medium@xs": "cdr-button--medium@xs_17-0-0-alpha-0",
+	"cdr-button--large@xs": "cdr-button--large@xs_17-0-0-alpha-0",
+	"cdr-button--full-width@xs": "cdr-button--full-width@xs_17-0-0-alpha-0",
+	"cdr-button--small@sm": "cdr-button--small@sm_17-0-0-alpha-0",
+	"cdr-button--medium@sm": "cdr-button--medium@sm_17-0-0-alpha-0",
+	"cdr-button--large@sm": "cdr-button--large@sm_17-0-0-alpha-0",
+	"cdr-button--full-width@sm": "cdr-button--full-width@sm_17-0-0-alpha-0",
+	"cdr-button--small@md": "cdr-button--small@md_17-0-0-alpha-0",
+	"cdr-button--medium@md": "cdr-button--medium@md_17-0-0-alpha-0",
+	"cdr-button--large@md": "cdr-button--large@md_17-0-0-alpha-0",
+	"cdr-button--full-width@md": "cdr-button--full-width@md_17-0-0-alpha-0",
+	"cdr-button--small@lg": "cdr-button--small@lg_17-0-0-alpha-0",
+	"cdr-button--medium@lg": "cdr-button--medium@lg_17-0-0-alpha-0",
+	"cdr-button--large@lg": "cdr-button--large@lg_17-0-0-alpha-0",
+	"cdr-button--full-width@lg": "cdr-button--full-width@lg_17-0-0-alpha-0",
+	"cdr-icon": "cdr-icon_17-0-0-alpha-0",
+	"cdr-icon--small": "cdr-icon--small_17-0-0-alpha-0",
+	"cdr-icon--large": "cdr-icon--large_17-0-0-alpha-0",
+	"cdr-icon--small@xs": "cdr-icon--small@xs_17-0-0-alpha-0",
+	"cdr-icon--large@xs": "cdr-icon--large@xs_17-0-0-alpha-0",
+	"cdr-icon--small@sm": "cdr-icon--small@sm_17-0-0-alpha-0",
+	"cdr-icon--large@sm": "cdr-icon--large@sm_17-0-0-alpha-0",
+	"cdr-icon--small@md": "cdr-icon--small@md_17-0-0-alpha-0",
+	"cdr-icon--large@md": "cdr-icon--large@md_17-0-0-alpha-0",
+	"cdr-icon--small@lg": "cdr-icon--small@lg_17-0-0-alpha-0",
+	"cdr-icon--large@lg": "cdr-icon--large@lg_17-0-0-alpha-0",
+	"cdr-icon--inherit-color": "cdr-icon--inherit-color_17-0-0-alpha-0",
+	"cdr-toast": "cdr-toast_17-0-0-alpha-0",
+	"cdr-toast__transition--toast-enter-from": "cdr-toast__transition--toast-enter-from_17-0-0-alpha-0",
+	"cdr-toast__transition--toast-enter-active": "cdr-toast__transition--toast-enter-active_17-0-0-alpha-0",
+	"cdr-toast__transition--toast-leave-to": "cdr-toast__transition--toast-leave-to_17-0-0-alpha-0",
+	"cdr-toast__transition--toast-leave-active": "cdr-toast__transition--toast-leave-active_17-0-0-alpha-0",
+	"cdr-toast__main": "cdr-toast__main_17-0-0-alpha-0",
+	"cdr-toast__icon-left": "cdr-toast__icon-left_17-0-0-alpha-0",
+	"cdr-toast__message": "cdr-toast__message_17-0-0-alpha-0",
+	"cdr-toast__close-button": "cdr-toast__close-button_17-0-0-alpha-0",
+	"cdr-toast--default": "cdr-toast--default_17-0-0-alpha-0",
+	"cdr-toast--info": "cdr-toast--info_17-0-0-alpha-0",
+	"cdr-toast--warning": "cdr-toast--warning_17-0-0-alpha-0",
+	"cdr-toast--success": "cdr-toast--success_17-0-0-alpha-0",
+	"cdr-toast--error": "cdr-toast--error_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,15 @@
+import { StatusType } from '../../types/componentOptions';
+/**
+ * CdrToast component properties
+ * Non-modal dialog used to communicate the status of a task or process
+ */
+export type CdrToastProps = {
+    /** Sets the toast type */
+    type?: StatusType;
+    /** Used to programmatically control the toast open/close state */
+    open?: boolean;
+    /** Set to false to disable automatic closing after the dismissDelay */
+    autoDismiss?: boolean;
+    /** Sets the interval (in milliseconds) before the toast automatically closes */
+    dismissDelay?: number;
+};

package/dist/components/toggleButton/CdrToggleButton.vue.d.ts

@@ -0,0 +1,22 @@
+import { CdrToggleButtonProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** CdrToggleButton label content */
+        default(props: Record<string, never>): any;
+    }> & {
+        /** CdrToggleButton label content */
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrToggleButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrToggleButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/toggleButton/CdrToggleButton.vue.mjs

@@ -1,9 +1,6 @@
-import o from "./CdrToggleButton.vue2.mjs";
-import s from "./styles/CdrToggleButton.module.scss.mjs";
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
-export {
-  f as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrToggleButton.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrToggleButton.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

package/dist/components/toggleButton/CdrToggleButton.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,29 @@
+import { selectedToggleKey as e } from "../../types/symbols.mjs";
+import { computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, inject as o, normalizeClass as s, openBlock as c, ref as l, renderSlot as u, toDisplayString as d, unref as f, useCssModule as p } from "vue";
+//#region src/components/toggleButton/CdrToggleButton.vue?vue&type=script&setup=true&lang.ts
+var m = [
+	"value",
+	"aria-label",
+	"aria-checked",
+	"tabindex"
+], h = /* @__PURE__ */ a({
+	name: "CdrToggleButton",
+	__name: "CdrToggleButton",
+	props: { toggleValue: {} },
+	setup(a) {
+		let h = a, g = p(), _ = o(e, l("")), v = t(() => h.toggleValue === _.value);
+		return (e, t) => (c(), n("li", {
+			role: "presentation",
+			class: s(f(g)["cdr-toggle-button__container"])
+		}, [r("button", {
+			role: "radio",
+			class: s(f(g)["cdr-toggle-button__item"]),
+			value: a.toggleValue,
+			"aria-label": a.toggleValue,
+			"aria-checked": v.value ? "true" : "false",
+			tabindex: v.value ? 0 : -1
+		}, [u(e.$slots, "default", {}, () => [i(d(a.toggleValue), 1)])], 10, m)], 2));
+	}
+});
+//#endregion
+export { h as default };