@rei/cedar 16.3.1 → 17.0.0-alpha.0

package/dist/components/labelStandalone/CdrLabelStandalone.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,50 @@
+import e from "../../utils/mapClasses.mjs";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, useCssModule as f, useSlots as p } from "vue";
+//#region src/components/labelStandalone/CdrLabelStandalone.vue?vue&type=script&setup=true&lang.ts
+var m = ["for"], h = {
+	key: 0,
+	"aria-hidden": "true"
+}, g = { key: 0 }, _ = ["id"], v = "cdr-label-standalone", y = /* @__PURE__ */ o({
+	name: "CdrLabelStandalone",
+	__name: "CdrLabelStandalone",
+	props: {
+		forId: {},
+		label: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		optional: { type: Boolean },
+		hideLabel: { type: Boolean },
+		labelClass: { default: "" }
+	},
+	setup(o) {
+		let y = o, b = p(), x = f(), S = t(() => !!b.helper), C = t(() => !!b.info), w = t(() => !!b["info-action"]), T = t(() => y.disabled ? "cdr-label-standalone__label--disabled" : ""), E = t(() => y.hideLabel ? "cdr-label-standalone__label--sr-only" : ""), D = t(() => !y.hideLabel || S.value || C.value ? "cdr-label-standalone__input-spacing" : "");
+		return (t, f) => (c(), r("div", { class: s(d(x)[v]) }, [
+			i("div", { class: s(d(x)["cdr-label-standalone__label-wrapper"]) }, [
+				i("label", {
+					class: s(d(e)(d(x), "cdr-label-standalone__label", T.value, E.value).concat(` ${o.labelClass}`)),
+					for: o.forId
+				}, [a(u(o.label) + " ", 1), o.required ? (c(), r("span", h, " * ")) : o.optional ? (c(), r("span", {
+					key: 1,
+					class: s(d(x)["cdr-label-standalone__optional"])
+				}, " (optional) ", 2)) : n("", !0)], 10, m),
+				!o.hideLabel && S.value ? (c(), r("br", g)) : n("", !0),
+				S.value ? (c(), r("span", {
+					key: 1,
+					class: s(d(x)["cdr-label-standalone__helper"]),
+					id: `${o.forId}-helper-text-top`
+				}, [l(t.$slots, "helper")], 10, _)) : n("", !0)
+			], 2),
+			i("div", { class: s(d(e)(d(x), "cdr-label-standalone__input-wrap", D.value)) }, [l(t.$slots, "default"), w.value ? (c(), r("div", {
+				key: 0,
+				class: s(d(x)["cdr-label-standalone__info-action"])
+			}, [l(t.$slots, "info-action")], 2)) : n("", !0)], 2),
+			C.value ? (c(), r("span", {
+				key: 0,
+				class: s(d(x)["cdr-label-standalone__info"])
+			}, [l(t.$slots, "info")], 2)) : n("", !0),
+			i("div", { class: s(d(x)["cdr-label-standalone__post-content"]) }, [l(t.$slots, "helper-text-bottom"), l(t.$slots, "error")], 2)
+		], 2));
+	}
+});
+//#endregion
+export { y as default };

package/dist/components/labelStandalone/styles/CdrLabelStandalone.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,17 @@
+//#region src/components/labelStandalone/styles/CdrLabelStandalone.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-label-standalone": "cdr-label-standalone_17-0-0-alpha-0",
+	"cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_17-0-0-alpha-0",
+	"cdr-label-standalone__label": "cdr-label-standalone__label_17-0-0-alpha-0",
+	"cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_17-0-0-alpha-0",
+	"cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_17-0-0-alpha-0",
+	"cdr-label-standalone__optional": "cdr-label-standalone__optional_17-0-0-alpha-0",
+	"cdr-label-standalone__helper": "cdr-label-standalone__helper_17-0-0-alpha-0",
+	"cdr-label-standalone__info": "cdr-label-standalone__info_17-0-0-alpha-0",
+	"cdr-label-standalone__post-content": "cdr-label-standalone__post-content_17-0-0-alpha-0",
+	"cdr-label-standalone__info-action": "cdr-label-standalone__info-action_17-0-0-alpha-0",
+	"cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_17-0-0-alpha-0",
+	"cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,19 @@
+/**
+ * CdrLabelStandalone component properties
+ */
+export type CdrLabelStandaloneProps = {
+    /** The ID of the form element this label is associated with */
+    forId: string;
+    /** The label text */
+    label?: string;
+    /** Sets the disabled state for the label styling */
+    disabled?: boolean;
+    /** Adds required indicator to the label */
+    required?: boolean;
+    /** Adds optional indicator to the label */
+    optional?: boolean;
+    /** Visually hides the label but keeps it accessible to screen readers */
+    hideLabel?: boolean;
+    /** Custom CSS class for the label element */
+    labelClass?: string;
+};

package/dist/components/labelWrapper/CdrLabelWrapper.vue.d.ts

@@ -0,0 +1,24 @@
+import { CdrLabelWrapperProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        input(props: Record<string, never>): any;
+        svgs(props: Record<string, never>): any;
+        default(props: Record<string, never>): any;
+    }> & {
+        input(props: Record<string, never>): any;
+        svgs(props: Record<string, never>): any;
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrLabelWrapperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrLabelWrapperProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/labelWrapper/CdrLabelWrapper.vue.mjs

@@ -1,9 +1,6 @@
-import s from "./CdrLabelWrapper.vue2.mjs";
-import o from "./styles/CdrLabelWrapper.module.scss.mjs";
-import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const t = {
-  $style: o
-}, c = /* @__PURE__ */ r(s, [["__cssModules", t]]);
-export {
-  c as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrLabelWrapper.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrLabelWrapper.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/labelWrapper/CdrLabelWrapper.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,27 @@
+import e from "../../utils/mapClasses.mjs";
+import { responsiveModifyClass as t } from "../../utils/buildClass.mjs";
+import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, unref as l, useCssModule as u } from "vue";
+//#region src/components/labelWrapper/CdrLabelWrapper.vue?vue&type=script&setup=true&lang.ts
+var d = "cdr-label-wrapper", f = /* @__PURE__ */ a({
+	name: "CdrLabelWrapper",
+	__name: "CdrLabelWrapper",
+	props: {
+		labelClass: {},
+		contentClass: {},
+		background: {},
+		disabled: { type: Boolean },
+		modifier: {},
+		size: {}
+	},
+	setup(a) {
+		let f = a, p = u(), m = n(() => f.modifier ? `${d}--${f.modifier}` : ""), h = n(() => f.size ? t(d, "", f.size) : ""), g = n(() => f.disabled ? `${d}--disabled` : "");
+		return (t, n) => (s(), r("div", { class: o(l(p)["cdr-label-wrapper__container"]) }, [i("label", { class: o(l(e)(l(p), "cdr-label-wrapper", `cdr-label-wrapper--${a.background}`, g.value, m.value, h.value).concat(` ${a.labelClass || ""}`)) }, [
+			c(t.$slots, "input"),
+			i("span", { class: o(l(p)["cdr-label-wrapper__figure"]) }, null, 2),
+			c(t.$slots, "svgs"),
+			i("span", { class: o([l(p)["cdr-label-wrapper__content"], a.contentClass]) }, [c(t.$slots, "default")], 2)
+		], 2)], 2));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/labelWrapper/styles/CdrLabelWrapper.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,30 @@
+//#region src/components/labelWrapper/styles/CdrLabelWrapper.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-label-wrapper": "cdr-label-wrapper_17-0-0-alpha-0",
+	"cdr-label-wrapper__container": "cdr-label-wrapper__container_17-0-0-alpha-0",
+	"cdr-label-wrapper--primary": "cdr-label-wrapper--primary_17-0-0-alpha-0",
+	"cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_17-0-0-alpha-0",
+	"cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_17-0-0-alpha-0",
+	"cdr-label-wrapper__figure": "cdr-label-wrapper__figure_17-0-0-alpha-0",
+	"cdr-label-wrapper__content": "cdr-label-wrapper__content_17-0-0-alpha-0",
+	"cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_17-0-0-alpha-0",
+	"cdr-checkbox__svg-box": "cdr-checkbox__svg-box_17-0-0-alpha-0",
+	"cdr-label-wrapper--small": "cdr-label-wrapper--small_17-0-0-alpha-0",
+	"cdr-label-wrapper--medium": "cdr-label-wrapper--medium_17-0-0-alpha-0",
+	"cdr-label-wrapper--large": "cdr-label-wrapper--large_17-0-0-alpha-0",
+	"cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_17-0-0-alpha-0",
+	"cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_17-0-0-alpha-0",
+	"cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_17-0-0-alpha-0",
+	"cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_17-0-0-alpha-0",
+	"cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_17-0-0-alpha-0",
+	"cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_17-0-0-alpha-0",
+	"cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_17-0-0-alpha-0",
+	"cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_17-0-0-alpha-0",
+	"cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_17-0-0-alpha-0",
+	"cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_17-0-0-alpha-0",
+	"cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_17-0-0-alpha-0",
+	"cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_17-0-0-alpha-0",
+	"cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,18 @@
+import { PrimarySecondary } from '../../types/componentOptions';
+/**
+ * CdrLabelWrapper component properties
+ */
+export type CdrLabelWrapperProps = {
+    /** Custom CSS class for the label element */
+    labelClass?: string;
+    /** Custom CSS class for the content element */
+    contentClass?: string;
+    /** Sets the background color */
+    background?: PrimarySecondary;
+    /** Sets the disabled state */
+    disabled?: boolean;
+    /** Sets a modifier class */
+    modifier?: string;
+    /** Sets the size, supports responsive values */
+    size?: string;
+};

package/dist/components/landingLead/CdrLandingLead.vue.d.ts

@@ -0,0 +1,5 @@
+import { CdrLandingLeadProps } from './types';
+declare const _default: import('vue').DefineComponent<CdrLandingLeadProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrLandingLeadProps> & Readonly<{}>, {
+    imgAlt: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/landingLead/CdrLandingLead.vue.mjs

@@ -1,9 +1,6 @@
-import s from "./CdrLandingLead.vue2.mjs";
-import o from "./styles/CdrLandingLead.module.scss.mjs";
-import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const r = {
-  $style: o
-}, d = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  d as default
-};
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrLandingLead.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrLandingLead.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/landingLead/CdrLandingLead.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,40 @@
+import e from "../image/CdrImg.vue.mjs";
+import t from "./components/CdrHeadingSubheadingBlock.vue.mjs";
+import n from "../splitSurface/CdrSplitSurface.vue.mjs";
+import { createBlock as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, toDisplayString as l, unref as u, useCssModule as d, withCtx as f } from "vue";
+//#region src/components/landingLead/CdrLandingLead.vue?vue&type=script&setup=true&lang.ts
+var p = "cdr-landing-lead", m = /* @__PURE__ */ o({
+	name: "CdrLandingLead",
+	__name: "CdrLandingLead",
+	props: {
+		imgSrc: {},
+		imgSrcset: {},
+		imgAlt: { default: "" },
+		heading: {},
+		subheading: {}
+	},
+	setup(o) {
+		let m = d();
+		return (d, h) => (c(), r(u(n), { class: s(u(m)[p]) }, {
+			top: f(() => [a(u(e), {
+				src: o.imgSrc,
+				srcset: o.imgSrcset,
+				alt: o.imgAlt,
+				class: s(u(m)[`${p}__image`])
+			}, null, 8, [
+				"src",
+				"srcset",
+				"alt",
+				"class"
+			])]),
+			bottom: f(() => [a(t, { class: s(u(m)[`${p}__copy-block`]) }, {
+				subheading: f(() => [i(l(o.subheading), 1)]),
+				default: f(() => [i(l(o.heading) + " ", 1)]),
+				_: 1
+			}, 8, ["class"])]),
+			_: 1
+		}, 8, ["class"]));
+	}
+});
+//#endregion
+export { m as default };

package/dist/components/landingLead/components/CdrHeadingSubheadingBlock.vue.d.ts

@@ -0,0 +1,24 @@
+import { CdrHeadingSubheadingBlockProps } from '../types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: Record<string, never>): any;
+        subheading(props: Record<string, never>): any;
+    }> & {
+        default(props: Record<string, never>): any;
+        subheading(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CdrHeadingSubheadingBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CdrHeadingSubheadingBlockProps> & Readonly<{}>, {
+    headingTag: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/landingLead/components/CdrHeadingSubheadingBlock.vue.mjs

@@ -1,9 +1,6 @@
-import o from "./CdrHeadingSubheadingBlock.vue2.mjs";
-import s from "../styles/CdrHeadingSubheadingBlock.module.scss.mjs";
-import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const e = {
-  $style: s
-}, d = /* @__PURE__ */ t(o, [["__cssModules", e]]);
-export {
-  d as default
-};
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import t from "./CdrHeadingSubheadingBlock.vue_vue_type_script_setup_true_lang.mjs";
+import n from "../styles/CdrHeadingSubheadingBlock.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/landingLead/components/CdrHeadingSubheadingBlock.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,27 @@
+import e from "../../text/presets/CdrSubheadingSans.vue.mjs";
+import t from "../../text/presets/CdrHeadingDisplay.vue.mjs";
+import { createElementBlock as n, createVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, useCssModule as l, withCtx as u } from "vue";
+//#region src/components/landingLead/components/CdrHeadingSubheadingBlock.vue?vue&type=script&setup=true&lang.ts
+var d = "cdr-heading-subheading-block", f = /* @__PURE__ */ i({
+	__name: "CdrHeadingSubheadingBlock",
+	props: { headingTag: { default: "h1" } },
+	setup(i) {
+		let f = l();
+		return (l, p) => (o(), n("header", { class: a(c(f)[d]) }, [r(c(t), {
+			tag: i.headingTag,
+			scale: "scale-4",
+			class: a(c(f)[`${d}__heading`])
+		}, {
+			default: u(() => [s(l.$slots, "default")]),
+			_: 3
+		}, 8, ["tag", "class"]), r(c(e), {
+			tag: "span",
+			class: a(c(f)[`${d}__subheading`])
+		}, {
+			default: u(() => [s(l.$slots, "subheading")]),
+			_: 3
+		}, 8, ["class"])], 2));
+	}
+});
+//#endregion
+export { f as default };

package/dist/components/landingLead/styles/CdrHeadingSubheadingBlock.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,9 @@
+//#region src/components/landingLead/styles/CdrHeadingSubheadingBlock.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",
+	"cdr-subheading-sans": "cdr-subheading-sans_17-0-0-alpha-0",
+	"cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_17-0-0-alpha-0",
+	"cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

package/dist/components/landingLead/styles/CdrLandingLead.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,13 @@
+//#region src/components/landingLead/styles/CdrLandingLead.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-image": "cdr-image_17-0-0-alpha-0",
+	"cdr-heading-display": "cdr-heading-display_17-0-0-alpha-0",
+	"cdr-subheading-sans": "cdr-subheading-sans_17-0-0-alpha-0",
+	"cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_17-0-0-alpha-0",
+	"cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_17-0-0-alpha-0",
+	"cdr-landing-lead": "cdr-landing-lead_17-0-0-alpha-0",
+	"cdr-landing-lead__image": "cdr-landing-lead__image_17-0-0-alpha-0",
+	"cdr-landing-lead__copy-block": "cdr-landing-lead__copy-block_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,22 @@
+/**
+ * CdrLandingLead component properties
+ */
+export type CdrLandingLeadProps = {
+    /** Sets the landing lead's image source */
+    imgSrc: string;
+    /** Comma-separated list of img srcsets */
+    imgSrcset?: string;
+    /** Sets the landing lead's image alt */
+    imgAlt?: string;
+    /** Sets the landing lead's heading */
+    heading: string;
+    /** Sets the landing lead's subheading */
+    subheading?: string;
+};
+/**
+ * CdrHeadingSubheadingBlock component properties
+ */
+export type CdrHeadingSubheadingBlockProps = {
+    /** Sets the HTML tag for the heading element */
+    headingTag?: string;
+};

package/dist/components/layout/CdrLayout.vue.d.ts

@@ -0,0 +1,58 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** Where all default content should be placed. */
+        default(props: Record<string, never>): any;
+    }> & {
+        /** Where all default content should be placed. */
+        default(props: Record<string, never>): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<import('./types').Layout>, {
+    gap: string;
+    rowGap: string;
+    columnGap: string;
+    columns: undefined;
+    rows: undefined;
+    as: string;
+    queryType: string;
+    flow: undefined;
+    flowValue: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<import('./types').Layout>, {
+    gap: string;
+    rowGap: string;
+    columnGap: string;
+    columns: undefined;
+    rows: undefined;
+    as: string;
+    queryType: string;
+    flow: undefined;
+    flowValue: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/layout/CdrLayout.vue.mjs

@@ -1,9 +1,6 @@
-import o from "./CdrLayout.vue2.mjs";
-import s from "./styles/CdrLayout.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 "./CdrLayout.vue_vue_type_script_setup_true_lang.mjs";
+import n from "./styles/CdrLayout.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/layout/CdrLayout.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,47 @@
+import e from "../../utils/mapClasses.mjs";
+import { modifyClassName as t } from "../../utils/buildClass.mjs";
+import n from "../surface/CdrSurface.vue.mjs";
+import { getStructureStyles as r } from "../../utils/layout.mjs";
+import { computed as i, createBlock as a, defineComponent as o, guardReactiveProps as s, normalizeProps as c, openBlock as l, renderSlot as u, resolveDynamicComponent as d, useCssModule as f, withCtx as p } from "vue";
+//#region src/components/layout/CdrLayout.vue?vue&type=script&setup=true&lang.ts
+var m = /* @__PURE__ */ o({
+	name: "CdrLayout",
+	__name: "CdrLayout",
+	props: {
+		queryType: { default: "container" },
+		flow: { default: void 0 },
+		flowValue: { default: "auto" },
+		columns: { default: void 0 },
+		rows: { default: void 0 },
+		gap: { default: "zero" },
+		rowGap: { default: "zero" },
+		columnGap: { default: "zero" },
+		as: { default: "div" }
+	},
+	setup(o) {
+		let m = o, h = f(), g = i(() => {
+			let n = "cdr-layout", i = [n], a = {};
+			return m.gap !== "zero" && i.push(t(n, `gap-${m.gap}`)), m.columnGap !== "zero" && i.push(t(n, `column-gap-${m.columnGap}`)), m.rowGap !== "zero" && i.push(t(n, `row-gap-${m.rowGap}`)), m.flow && (i.push(t(n, `flow-${m.flow}`)), a["--cdr-layout-flow-value"] = m.flowValue), ["rows", "columns"].forEach((e) => {
+				if (!m[e]) return;
+				if (i.push(t(n, e)), typeof m[e] == "object" && !Array.isArray(m[e])) {
+					let r = m.queryType === "container" ? "cq" : "mq";
+					i.push(t(n, `${e}-${r}`));
+				}
+				let o = r({
+					props: m,
+					structure: e
+				});
+				Object.assign(a, o);
+			}), {
+				class: e(h, ...i) || void 0,
+				style: a
+			};
+		}), _ = i(() => m.as === "CdrSurface" ? n : m.as);
+		return (e, t) => (l(), a(d(_.value), c(s(g.value)), {
+			default: p(() => [u(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { m as default };

package/dist/components/layout/styles/CdrLayout.module.scss_vue_type_style_index_0_src_true_lang.module.scss.mjs

@@ -0,0 +1,89 @@
+//#region src/components/layout/styles/CdrLayout.module.scss?vue&type=style&index=0&src=true&lang.module.scss
+var e = {
+	"cdr-layout": "cdr-layout_17-0-0-alpha-0",
+	"cdr-layout--rows": "cdr-layout--rows_17-0-0-alpha-0",
+	"cdr-layout--rows-mq": "cdr-layout--rows-mq_17-0-0-alpha-0",
+	"cdr-layout--rows-cq": "cdr-layout--rows-cq_17-0-0-alpha-0",
+	"cdr-layout--columns": "cdr-layout--columns_17-0-0-alpha-0",
+	"cdr-layout--columns-mq": "cdr-layout--columns-mq_17-0-0-alpha-0",
+	"cdr-layout--columns-cq": "cdr-layout--columns-cq_17-0-0-alpha-0",
+	"cdr-layout--gap-zero": "cdr-layout--gap-zero_17-0-0-alpha-0",
+	"cdr-layout--row-gap-zero": "cdr-layout--row-gap-zero_17-0-0-alpha-0",
+	"cdr-layout--column-gap-zero": "cdr-layout--column-gap-zero_17-0-0-alpha-0",
+	"cdr-layout--gap-sixteenth-x": "cdr-layout--gap-sixteenth-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-sixteenth-x": "cdr-layout--row-gap-sixteenth-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-sixteenth-x": "cdr-layout--column-gap-sixteenth-x_17-0-0-alpha-0",
+	"cdr-layout--gap-eighth-x": "cdr-layout--gap-eighth-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-eighth-x": "cdr-layout--row-gap-eighth-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-eighth-x": "cdr-layout--column-gap-eighth-x_17-0-0-alpha-0",
+	"cdr-layout--gap-three-sixteenth-x": "cdr-layout--gap-three-sixteenth-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-three-sixteenth-x": "cdr-layout--row-gap-three-sixteenth-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-three-sixteenth-x": "cdr-layout--column-gap-three-sixteenth-x_17-0-0-alpha-0",
+	"cdr-layout--gap-quarter-x": "cdr-layout--gap-quarter-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-quarter-x": "cdr-layout--row-gap-quarter-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-quarter-x": "cdr-layout--column-gap-quarter-x_17-0-0-alpha-0",
+	"cdr-layout--gap-three-eighth-x": "cdr-layout--gap-three-eighth-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-three-eighth-x": "cdr-layout--row-gap-three-eighth-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-three-eighth-x": "cdr-layout--column-gap-three-eighth-x_17-0-0-alpha-0",
+	"cdr-layout--gap-half-x": "cdr-layout--gap-half-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-half-x": "cdr-layout--row-gap-half-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-half-x": "cdr-layout--column-gap-half-x_17-0-0-alpha-0",
+	"cdr-layout--gap-three-quarter-x": "cdr-layout--gap-three-quarter-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-three-quarter-x": "cdr-layout--row-gap-three-quarter-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-three-quarter-x": "cdr-layout--column-gap-three-quarter-x_17-0-0-alpha-0",
+	"cdr-layout--gap-one-x": "cdr-layout--gap-one-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-one-x": "cdr-layout--row-gap-one-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-one-x": "cdr-layout--column-gap-one-x_17-0-0-alpha-0",
+	"cdr-layout--gap-one-and-a-half-x": "cdr-layout--gap-one-and-a-half-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-one-and-a-half-x": "cdr-layout--row-gap-one-and-a-half-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-one-and-a-half-x": "cdr-layout--column-gap-one-and-a-half-x_17-0-0-alpha-0",
+	"cdr-layout--gap-two-x": "cdr-layout--gap-two-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-two-x": "cdr-layout--row-gap-two-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-two-x": "cdr-layout--column-gap-two-x_17-0-0-alpha-0",
+	"cdr-layout--gap-three-x": "cdr-layout--gap-three-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-three-x": "cdr-layout--row-gap-three-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-three-x": "cdr-layout--column-gap-three-x_17-0-0-alpha-0",
+	"cdr-layout--gap-four-x": "cdr-layout--gap-four-x_17-0-0-alpha-0",
+	"cdr-layout--row-gap-four-x": "cdr-layout--row-gap-four-x_17-0-0-alpha-0",
+	"cdr-layout--column-gap-four-x": "cdr-layout--column-gap-four-x_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-0": "cdr-layout--gap-scale-0_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-0": "cdr-layout--row-gap-scale-0_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-0": "cdr-layout--column-gap-scale-0_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-1": "cdr-layout--gap-scale-1_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-1": "cdr-layout--row-gap-scale-1_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-1": "cdr-layout--column-gap-scale-1_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-2": "cdr-layout--gap-scale-2_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-2": "cdr-layout--row-gap-scale-2_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-2": "cdr-layout--column-gap-scale-2_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-3": "cdr-layout--gap-scale-3_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-3": "cdr-layout--row-gap-scale-3_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-3": "cdr-layout--column-gap-scale-3_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-4": "cdr-layout--gap-scale-4_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-4": "cdr-layout--row-gap-scale-4_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-4": "cdr-layout--column-gap-scale-4_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-5": "cdr-layout--gap-scale-5_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-5": "cdr-layout--row-gap-scale-5_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-5": "cdr-layout--column-gap-scale-5_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-6": "cdr-layout--gap-scale-6_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-6": "cdr-layout--row-gap-scale-6_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-6": "cdr-layout--column-gap-scale-6_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-7": "cdr-layout--gap-scale-7_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-7": "cdr-layout--row-gap-scale-7_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-7": "cdr-layout--column-gap-scale-7_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-8": "cdr-layout--gap-scale-8_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-8": "cdr-layout--row-gap-scale-8_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-8": "cdr-layout--column-gap-scale-8_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-0--1": "cdr-layout--gap-scale-0--1_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-0--1": "cdr-layout--row-gap-scale-0--1_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-0--1": "cdr-layout--column-gap-scale-0--1_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-3--4": "cdr-layout--gap-scale-3--4_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-3--4": "cdr-layout--row-gap-scale-3--4_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-3--4": "cdr-layout--column-gap-scale-3--4_17-0-0-alpha-0",
+	"cdr-layout--gap-scale-3--5": "cdr-layout--gap-scale-3--5_17-0-0-alpha-0",
+	"cdr-layout--row-gap-scale-3--5": "cdr-layout--row-gap-scale-3--5_17-0-0-alpha-0",
+	"cdr-layout--column-gap-scale-3--5": "cdr-layout--column-gap-scale-3--5_17-0-0-alpha-0",
+	"cdr-layout--flow-row": "cdr-layout--flow-row_17-0-0-alpha-0",
+	"cdr-layout--flow-column": "cdr-layout--flow-column_17-0-0-alpha-0"
+};
+//#endregion
+export { e as default };