@rei/cedar 15.2.0 → 15.3.0

package/dist/components/input/CdrInput.vue2.mjs

@@ -0,0 +1,217 @@
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import { defineComponent as O, useSlots as G, useAttrs as J, useCssModule as K, ref as Q, computed as a, openBlock as m, createBlock as P, unref as r, normalizeClass as p, createSlots as W, withCtx as d, createElementVNode as z, withDirectives as N, createElementBlock as f, mergeProps as A, vModelText as X, vModelDynamic as Y, renderSlot as u, createCommentVNode as y } from "vue";
+import Z from "../../utils/propValidator.mjs";
+import _ from "../labelStandalone/CdrLabelStandalone.vue.mjs";
+import ee from "../formError/CdrFormError.vue.mjs";
+import re from "../../props/background.mjs";
+import C from "../../utils/mapClasses.mjs";
+import te from "../../utils/uid.mjs";
+const oe = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], ae = ["type", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], le = ["id"], $ = "cdr-input", be = /* @__PURE__ */ O({
+  name: "CdrInput",
+  inheritAttrs: !1,
+  customOptions: {},
+  __name: "CdrInput",
+  props: {
+    /**
+     * Custom ID that is mapped to the label ‘for’ attribute. If this value is not set, it will be randomly generated.
+     */
+    id: {
+      type: String
+    },
+    /**
+     *  'type' attribute for the input as defined by w3c.
+     *  Only supporting text|email|number|password|search|url|date|datetime-local.
+     *  The increment/decrement webkit psuedo element is hidden for number.
+     *  @demoSelectMultiple false
+     *  @values text, email, number, password, search, url, tel, date, datetime-local
+    */
+    type: {
+      type: [String],
+      default: "text",
+      validator: (e) => Z(e, ["text", "email", "number", "password", "search", "url", "tel", "date", "datetime-local"])
+    },
+    /**
+     * Sets the text value for the input label. Required for a11y compliance. Use ‘hideLabel’ if the label display is not desired. Required.
+    */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Sets default attributes for an input that should launch a numeric keyboard but is not strictly a 'number' (credit card, security code, postal code, etc.). Should be used in conjunction with the default text type input. An `input` listener can be used to fully restrict input values to numerical characters only
+     */
+    numeric: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Removes the label element but sets the input `aria-label` to `label` text for a11y.
+    */
+    hideLabel: Boolean,
+    /**
+     * Number of rows for input. Converts component to text-area if rows greater than 1.
+    */
+    rows: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * Sets the background color the input is rendered on
+     * @values primary, secondary
+     */
+    background: re,
+    /**
+     * Sets the input field size
+    * @demoSelectMultiple true
+    * @values large
+    */
+    size: String,
+    /**
+     * Sets the `role` attribute for the embedded error state messaging.
+     */
+    errorRole: {
+      type: String,
+      required: !1,
+      default: "status"
+    },
+    /** Sets the input to an error state, displays the `error` slot if one is present. */
+    error: {
+      type: [Boolean, String],
+      default: !1
+    },
+    /**
+     * Sets the disabled state for the input field and label styling. Also, restricts user input.
+     */
+    disabled: Boolean,
+    /**
+     * Sets aria-required on the input field and displays an asterisk next to the input label.
+     */
+    required: Boolean,
+    /**
+     * Displays '(optional)' text next to the input label.
+     */
+    optional: Boolean,
+    /** @ignore */
+    modelValue: {
+      type: [String, Number]
+    },
+    /** Adds a custom class to the cdr-label-standalone container div */
+    inputContainerClass: String,
+    /** Passes a custom class to the label for custom styles */
+    labelClass: String
+  },
+  emits: {
+    /**
+    * Event emitted by v-model on the <input> element
+    * @param modelValue
+    */
+    "update:modelValue": null
+  },
+  setup(e, {
+    emit: F
+  }) {
+    const l = e, M = F, i = G(), g = J(), c = K(), v = Q(!1), E = i["helper-text-top"], L = i["helper-text-bottom"], h = i["pre-icon"], k = a(() => i["post-icon"]), T = a(() => i["post-icon"] ? i["post-icon"]().length > 1 : !1), U = i.info, D = i["info-action"], s = l.id ? l.id : te(), H = a(() => l.rows > 1 ? "cdr-input--multiline" : ""), q = a(() => h ? "cdr-input--preicon" : ""), S = a(() => k.value ? "cdr-input--posticon" : ""), B = a(() => T.value ? "cdr-input--posticons" : ""), w = a(() => l.error ? "cdr-input--error" : ""), x = a(() => `cdr-input--${l.background}`), I = a(() => l.size ? `${$}--${l.size}` : ""), R = a(() => v.value ? "cdr-input--focus" : ""), V = a(() => {
+      const t = [i["helper-text-top"] ? `${s}-helper-text-top` : "", i["helper-text-bottom"] ? `${s}-helper-text-bottom` : "", g["aria-describedby"]].filter((o) => o).join(" ");
+      return l.error ? `${s}-error` : t;
+    }), j = a(() => {
+      const t = l.numeric || l.type === "number";
+      return {
+        id: s,
+        autocomplete: "off",
+        pattern: t ? "[0-9]*" : void 0,
+        inputmode: t ? "numeric" : void 0,
+        ...g
+      };
+    }), b = a({
+      get() {
+        return l.modelValue;
+      },
+      set(t) {
+        M("update:modelValue", t);
+      }
+    });
+    return (t, o) => (m(), P(_, {
+      "for-id": r(s),
+      label: e.label,
+      "hide-label": e.hideLabel,
+      required: e.required,
+      optional: e.optional,
+      disabled: e.disabled,
+      class: p(e.inputContainerClass),
+      "label-class": e.labelClass
+    }, W({
+      default: d(() => [z("div", {
+        class: p(r(C)(r(c), "cdr-input-wrap", R.value))
+      }, [e.rows && e.rows > 1 ? N((m(), f("textarea", A({
+        key: 0,
+        rows: e.rows,
+        class: r(C)(r(c), $, H.value, q.value, S.value, B.value, w.value, x.value, I.value),
+        id: r(s),
+        disabled: e.disabled,
+        "aria-required": e.required || void 0,
+        "aria-invalid": !!e.error || void 0,
+        "aria-errormessage": !!e.error && `${r(s)}-error` || void 0,
+        "aria-describedby": V.value || void 0
+      }, t.$attrs, {
+        onFocus: o[0] || (o[0] = (n) => v.value = !0),
+        onBlur: o[1] || (o[1] = (n) => v.value = !1),
+        "onUpdate:modelValue": o[2] || (o[2] = (n) => b.value = n)
+      }), null, 16, oe)), [[X, b.value]]) : N((m(), f("input", A({
+        key: 1,
+        type: e.type,
+        class: r(C)(r(c), $, q.value, S.value, B.value, w.value, x.value, I.value),
+        disabled: e.disabled,
+        "aria-required": e.required || void 0,
+        "aria-invalid": !!e.error || void 0,
+        "aria-errormessage": !!e.error && `${r(s)}-error` || void 0
+      }, j.value, {
+        "aria-describedby": V.value || void 0,
+        onFocus: o[3] || (o[3] = (n) => v.value = !0),
+        onBlur: o[4] || (o[4] = (n) => v.value = !1),
+        "onUpdate:modelValue": o[5] || (o[5] = (n) => b.value = n)
+      }), null, 16, ae)), [[Y, b.value]]), r(h) ? (m(), f("span", {
+        key: 2,
+        class: p(r(c)["cdr-input__pre-icon"])
+      }, [u(t.$slots, "pre-icon")], 2)) : y("", !0), k.value ? (m(), f("span", {
+        key: 3,
+        class: p(r(c)["cdr-input__post-icon"])
+      }, [u(t.$slots, "post-icon")], 2)) : y("", !0)], 2)]),
+      _: 2
+    }, [r(E) ? {
+      name: "helper",
+      fn: d(() => [u(t.$slots, "helper-text-top")]),
+      key: "0"
+    } : void 0, r(U) ? {
+      name: "info",
+      fn: d(() => [u(t.$slots, "info")]),
+      key: "1"
+    } : void 0, r(D) ? {
+      name: "info-action",
+      fn: d(() => [u(t.$slots, "info-action")]),
+      key: "2"
+    } : void 0, r(L) && !e.error ? {
+      name: "helper-text-bottom",
+      fn: d(() => [z("span", {
+        id: `${r(s)}-helper-text-bottom`,
+        class: p(r(c)["cdr-input__helper-text"])
+      }, [u(t.$slots, "helper-text-bottom")], 10, le)]),
+      key: "3"
+    } : void 0, e.error ? {
+      name: "error",
+      fn: d(() => [e.error ? (m(), P(ee, {
+        key: 0,
+        error: e.error,
+        role: e.errorRole,
+        id: `${r(s)}-error`
+      }, {
+        error: d(() => [u(t.$slots, "error")]),
+        _: 3
+      }, 8, ["error", "role", "id"])) : y("", !0)]),
+      key: "4"
+    } : void 0]), 1032, ["for-id", "label", "hide-label", "required", "optional", "disabled", "class", "label-class"]));
+  }
+});
+export {
+  be as default
+};

package/dist/components/input/styles/CdrInput.module.scss.mjs

@@ -0,0 +1,37 @@
+const n = {
+  "cdr-label-standalone": "cdr-label-standalone_15-3-0",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-3-0",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-3-0",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-3-0",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-3-0",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-3-0",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-3-0",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-3-0",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-3-0",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-3-0",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-3-0",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-3-0",
+  "cdr-form-error": "cdr-form-error_15-3-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-3-0",
+  "cdr-input": "cdr-input_15-3-0",
+  "cdr-input--focus": "cdr-input--focus_15-3-0",
+  "cdr-input--multiline": "cdr-input--multiline_15-3-0",
+  "cdr-input--preicon": "cdr-input--preicon_15-3-0",
+  "cdr-input--posticon": "cdr-input--posticon_15-3-0",
+  "cdr-input--posticons": "cdr-input--posticons_15-3-0",
+  "cdr-input--primary": "cdr-input--primary_15-3-0",
+  "cdr-input--secondary": "cdr-input--secondary_15-3-0",
+  "cdr-input--error": "cdr-input--error_15-3-0",
+  "cdr-input--large": "cdr-input--large_15-3-0",
+  "cdr-input--large@xs": "cdr-input--large@xs_15-3-0",
+  "cdr-input--large@sm": "cdr-input--large@sm_15-3-0",
+  "cdr-input--large@md": "cdr-input--large@md_15-3-0",
+  "cdr-input--large@lg": "cdr-input--large@lg_15-3-0",
+  "cdr-input__pre-icon": "cdr-input__pre-icon_15-3-0",
+  "cdr-input__post-icon": "cdr-input__post-icon_15-3-0",
+  "cdr-input__helper-text": "cdr-input__helper-text_15-3-0",
+  "cdr-input-wrap": "cdr-input-wrap_15-3-0"
+};
+export {
+  n as default
+};

package/dist/components/kicker/CdrKicker.vue.mjs

@@ -0,0 +1,9 @@
+import s from "./CdrKicker.vue2.mjs";
+import o from "./styles/CdrKicker.module.scss.mjs";
+import r from "../../_virtual/_plugin-vue_export-helper.mjs";
+const t = {
+  $style: o
+}, f = /* @__PURE__ */ r(s, [["__cssModules", t]]);
+export {
+  f as default
+};

package/dist/components/kicker/styles/CdrKicker.module.scss.mjs

@@ -0,0 +1,6 @@
+const c = {
+  "cdr-kicker": "cdr-kicker_15-3-0"
+};
+export {
+  c as default
+};

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

@@ -0,0 +1,9 @@
+import o from "./CdrLabelStandalone.vue2.mjs";
+import s from "./styles/CdrLabelStandalone.module.scss.mjs";
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const e = {
+  $style: s
+}, a = /* @__PURE__ */ t(o, [["__cssModules", e]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,17 @@
+const l = {
+  "cdr-label-standalone": "cdr-label-standalone_15-3-0",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-3-0",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-3-0",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-3-0",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-3-0",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-3-0",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-3-0",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-3-0",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-3-0",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-3-0",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-3-0",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-3-0"
+};
+export {
+  l as default
+};

package/dist/components/labelWrapper/CdrLabelWrapper.vue.mjs

@@ -0,0 +1,9 @@
+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
+};

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

@@ -0,0 +1,30 @@
+const r = {
+  "cdr-label-wrapper": "cdr-label-wrapper_15-3-0",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_15-3-0",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_15-3-0",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_15-3-0",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_15-3-0",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_15-3-0",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_15-3-0",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_15-3-0",
+  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_15-3-0",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_15-3-0",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_15-3-0",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_15-3-0",
+  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_15-3-0",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_15-3-0",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_15-3-0",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_15-3-0",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_15-3-0",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_15-3-0",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_15-3-0",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_15-3-0",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_15-3-0",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_15-3-0",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_15-3-0",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_15-3-0",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_15-3-0"
+};
+export {
+  r as default
+};

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

@@ -0,0 +1,9 @@
+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
+};

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

@@ -0,0 +1,62 @@
+import { defineComponent as l, useCssModule as o, openBlock as m, createBlock as g, unref as t, normalizeClass as i, withCtx as r, createVNode as n, createTextVNode as d, toDisplayString as c } from "vue";
+import u from "../image/CdrImg.vue.mjs";
+import p from "../splitSurface/CdrSplitSurface.vue.mjs";
+/* empty css                           */
+/* empty css                           */
+/* empty css                             */
+import f from "./components/CdrHeadingSubheadingBlock.vue.mjs";
+const s = "cdr-landing-lead", B = /* @__PURE__ */ l({
+  name: "CdrLandingLead",
+  __name: "CdrLandingLead",
+  props: {
+    /** Sets the landing lead's image source  */
+    imgSrc: {
+      type: String,
+      required: !0
+    },
+    /** Comma-separated list of img srcsets */
+    imgSrcset: {
+      type: String,
+      default: void 0
+    },
+    /** Sets the landing lead's image alt  */
+    imgAlt: {
+      type: String,
+      default: ""
+    },
+    /** Sets the landing lead's heading  */
+    heading: {
+      type: String,
+      required: !0
+    },
+    /** Sets the landing lead's subheading  */
+    subheading: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const a = o();
+    return (S, C) => (m(), g(t(p), {
+      class: i(t(a)[s])
+    }, {
+      top: r(() => [n(t(u), {
+        src: e.imgSrc,
+        srcset: e.imgSrcset,
+        alt: e.imgAlt,
+        class: i(t(a)[`${s}__image`])
+      }, null, 8, ["src", "srcset", "alt", "class"])]),
+      bottom: r(() => [n(f, {
+        class: i(t(a)[`${s}__copy-block`])
+      }, {
+        subheading: r(() => [d(c(e.subheading), 1)]),
+        default: r(() => [d(c(e.heading) + " ", 1)]),
+        _: 1
+      }, 8, ["class"])]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
+export {
+  B as default
+};

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

@@ -0,0 +1,9 @@
+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
+};

package/dist/components/landingLead/components/CdrHeadingSubheadingBlock.vue2.mjs

@@ -0,0 +1,37 @@
+import { defineComponent as i, useCssModule as c, openBlock as g, createElementBlock as u, normalizeClass as s, unref as e, createVNode as o, withCtx as r, renderSlot as d } from "vue";
+/* empty css                              */
+/* empty css                              */
+/* empty css                                */
+import p from "../../text/presets/CdrHeadingDisplay.vue.mjs";
+import m from "../../text/presets/CdrSubheadingSans.vue.mjs";
+const t = "cdr-heading-subheading-block", $ = /* @__PURE__ */ i({
+  __name: "CdrHeadingSubheadingBlock",
+  props: {
+    headingTag: {
+      type: String,
+      default: "h1"
+    }
+  },
+  setup(l) {
+    const a = c();
+    return (n, h) => (g(), u("header", {
+      class: s(e(a)[t])
+    }, [o(e(p), {
+      tag: l.headingTag,
+      scale: "4",
+      class: s(e(a)[`${t}__heading`])
+    }, {
+      default: r(() => [d(n.$slots, "default")]),
+      _: 3
+    }, 8, ["tag", "class"]), o(e(m), {
+      tag: "span",
+      class: s(e(a)[`${t}__subheading`])
+    }, {
+      default: r(() => [d(n.$slots, "subheading")]),
+      _: 3
+    }, 8, ["class"])], 2));
+  }
+});
+export {
+  $ as default
+};

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

@@ -0,0 +1,9 @@
+const d = {
+  "cdr-heading-display": "cdr-heading-display_15-3-0",
+  "cdr-subheading-sans": "cdr-subheading-sans_15-3-0",
+  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-3-0",
+  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-3-0"
+};
+export {
+  d as default
+};

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

@@ -0,0 +1,13 @@
+const d = {
+  "cdr-image": "cdr-image_15-3-0",
+  "cdr-heading-display": "cdr-heading-display_15-3-0",
+  "cdr-subheading-sans": "cdr-subheading-sans_15-3-0",
+  "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_15-3-0",
+  "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_15-3-0",
+  "cdr-landing-lead": "cdr-landing-lead_15-3-0",
+  "cdr-landing-lead__image": "cdr-landing-lead__image_15-3-0",
+  "cdr-landing-lead__copy-block": "cdr-landing-lead__copy-block_15-3-0"
+};
+export {
+  d as default
+};

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

@@ -0,0 +1,9 @@
+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
+};

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

@@ -0,0 +1,66 @@
+import "core-js/modules/es.array.push.js";
+import { defineComponent as c, useCssModule as i, computed as d, openBlock as m, createBlock as y, resolveDynamicComponent as w, normalizeProps as g, guardReactiveProps as h, withCtx as v, renderSlot as C } from "vue";
+import z from "../../utils/mapClasses.mjs";
+import { getStructureStyles as $ } from "../../utils/layout.mjs";
+import { modifyClassName as t } from "../../utils/buildClass.mjs";
+const x = /* @__PURE__ */ c({
+  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(l) {
+    const o = l, p = i(), u = d(() => {
+      const e = "cdr-layout", a = [e], r = {};
+      return o.gap !== "zero" && a.push(t(e, `gap-${o.gap}`)), o.columnGap !== "zero" && a.push(t(e, `column-gap-${o.columnGap}`)), o.rowGap !== "zero" && a.push(t(e, `row-gap-${o.rowGap}`)), o.flow && (a.push(t(e, `flow-${o.flow}`)), r["--cdr-layout-flow-value"] = o.flowValue), ["rows", "columns"].forEach((s) => {
+        if (!o[s])
+          return;
+        if (a.push(t(e, s)), typeof o[s] == "object" && !Array.isArray(o[s])) {
+          const f = o.queryType === "container" ? "cq" : "mq";
+          a.push(t(e, `${s}-${f}`));
+        }
+        const n = $({
+          props: o,
+          structure: s
+        });
+        Object.assign(r, n);
+      }), {
+        class: z(p, ...a) || void 0,
+        style: r
+      };
+    });
+    return (e, a) => (m(), y(w(o.as), g(h(u.value)), {
+      default: v(() => [C(e.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  x as default
+};

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

@@ -0,0 +1,89 @@
+const a = {
+  "cdr-layout": "cdr-layout_15-3-0",
+  "cdr-layout--rows": "cdr-layout--rows_15-3-0",
+  "cdr-layout--rows-mq": "cdr-layout--rows-mq_15-3-0",
+  "cdr-layout--rows-cq": "cdr-layout--rows-cq_15-3-0",
+  "cdr-layout--columns": "cdr-layout--columns_15-3-0",
+  "cdr-layout--columns-mq": "cdr-layout--columns-mq_15-3-0",
+  "cdr-layout--columns-cq": "cdr-layout--columns-cq_15-3-0",
+  "cdr-layout--gap-zero": "cdr-layout--gap-zero_15-3-0",
+  "cdr-layout--row-gap-zero": "cdr-layout--row-gap-zero_15-3-0",
+  "cdr-layout--column-gap-zero": "cdr-layout--column-gap-zero_15-3-0",
+  "cdr-layout--gap-sixteenth-x": "cdr-layout--gap-sixteenth-x_15-3-0",
+  "cdr-layout--row-gap-sixteenth-x": "cdr-layout--row-gap-sixteenth-x_15-3-0",
+  "cdr-layout--column-gap-sixteenth-x": "cdr-layout--column-gap-sixteenth-x_15-3-0",
+  "cdr-layout--gap-eighth-x": "cdr-layout--gap-eighth-x_15-3-0",
+  "cdr-layout--row-gap-eighth-x": "cdr-layout--row-gap-eighth-x_15-3-0",
+  "cdr-layout--column-gap-eighth-x": "cdr-layout--column-gap-eighth-x_15-3-0",
+  "cdr-layout--gap-three-sixteenth-x": "cdr-layout--gap-three-sixteenth-x_15-3-0",
+  "cdr-layout--row-gap-three-sixteenth-x": "cdr-layout--row-gap-three-sixteenth-x_15-3-0",
+  "cdr-layout--column-gap-three-sixteenth-x": "cdr-layout--column-gap-three-sixteenth-x_15-3-0",
+  "cdr-layout--gap-quarter-x": "cdr-layout--gap-quarter-x_15-3-0",
+  "cdr-layout--row-gap-quarter-x": "cdr-layout--row-gap-quarter-x_15-3-0",
+  "cdr-layout--column-gap-quarter-x": "cdr-layout--column-gap-quarter-x_15-3-0",
+  "cdr-layout--gap-three-eighth-x": "cdr-layout--gap-three-eighth-x_15-3-0",
+  "cdr-layout--row-gap-three-eighth-x": "cdr-layout--row-gap-three-eighth-x_15-3-0",
+  "cdr-layout--column-gap-three-eighth-x": "cdr-layout--column-gap-three-eighth-x_15-3-0",
+  "cdr-layout--gap-half-x": "cdr-layout--gap-half-x_15-3-0",
+  "cdr-layout--row-gap-half-x": "cdr-layout--row-gap-half-x_15-3-0",
+  "cdr-layout--column-gap-half-x": "cdr-layout--column-gap-half-x_15-3-0",
+  "cdr-layout--gap-three-quarter-x": "cdr-layout--gap-three-quarter-x_15-3-0",
+  "cdr-layout--row-gap-three-quarter-x": "cdr-layout--row-gap-three-quarter-x_15-3-0",
+  "cdr-layout--column-gap-three-quarter-x": "cdr-layout--column-gap-three-quarter-x_15-3-0",
+  "cdr-layout--gap-one-x": "cdr-layout--gap-one-x_15-3-0",
+  "cdr-layout--row-gap-one-x": "cdr-layout--row-gap-one-x_15-3-0",
+  "cdr-layout--column-gap-one-x": "cdr-layout--column-gap-one-x_15-3-0",
+  "cdr-layout--gap-one-and-a-half-x": "cdr-layout--gap-one-and-a-half-x_15-3-0",
+  "cdr-layout--row-gap-one-and-a-half-x": "cdr-layout--row-gap-one-and-a-half-x_15-3-0",
+  "cdr-layout--column-gap-one-and-a-half-x": "cdr-layout--column-gap-one-and-a-half-x_15-3-0",
+  "cdr-layout--gap-two-x": "cdr-layout--gap-two-x_15-3-0",
+  "cdr-layout--row-gap-two-x": "cdr-layout--row-gap-two-x_15-3-0",
+  "cdr-layout--column-gap-two-x": "cdr-layout--column-gap-two-x_15-3-0",
+  "cdr-layout--gap-three-x": "cdr-layout--gap-three-x_15-3-0",
+  "cdr-layout--row-gap-three-x": "cdr-layout--row-gap-three-x_15-3-0",
+  "cdr-layout--column-gap-three-x": "cdr-layout--column-gap-three-x_15-3-0",
+  "cdr-layout--gap-four-x": "cdr-layout--gap-four-x_15-3-0",
+  "cdr-layout--row-gap-four-x": "cdr-layout--row-gap-four-x_15-3-0",
+  "cdr-layout--column-gap-four-x": "cdr-layout--column-gap-four-x_15-3-0",
+  "cdr-layout--gap-scale-0": "cdr-layout--gap-scale-0_15-3-0",
+  "cdr-layout--row-gap-scale-0": "cdr-layout--row-gap-scale-0_15-3-0",
+  "cdr-layout--column-gap-scale-0": "cdr-layout--column-gap-scale-0_15-3-0",
+  "cdr-layout--gap-scale-1": "cdr-layout--gap-scale-1_15-3-0",
+  "cdr-layout--row-gap-scale-1": "cdr-layout--row-gap-scale-1_15-3-0",
+  "cdr-layout--column-gap-scale-1": "cdr-layout--column-gap-scale-1_15-3-0",
+  "cdr-layout--gap-scale-2": "cdr-layout--gap-scale-2_15-3-0",
+  "cdr-layout--row-gap-scale-2": "cdr-layout--row-gap-scale-2_15-3-0",
+  "cdr-layout--column-gap-scale-2": "cdr-layout--column-gap-scale-2_15-3-0",
+  "cdr-layout--gap-scale-3": "cdr-layout--gap-scale-3_15-3-0",
+  "cdr-layout--row-gap-scale-3": "cdr-layout--row-gap-scale-3_15-3-0",
+  "cdr-layout--column-gap-scale-3": "cdr-layout--column-gap-scale-3_15-3-0",
+  "cdr-layout--gap-scale-4": "cdr-layout--gap-scale-4_15-3-0",
+  "cdr-layout--row-gap-scale-4": "cdr-layout--row-gap-scale-4_15-3-0",
+  "cdr-layout--column-gap-scale-4": "cdr-layout--column-gap-scale-4_15-3-0",
+  "cdr-layout--gap-scale-5": "cdr-layout--gap-scale-5_15-3-0",
+  "cdr-layout--row-gap-scale-5": "cdr-layout--row-gap-scale-5_15-3-0",
+  "cdr-layout--column-gap-scale-5": "cdr-layout--column-gap-scale-5_15-3-0",
+  "cdr-layout--gap-scale-6": "cdr-layout--gap-scale-6_15-3-0",
+  "cdr-layout--row-gap-scale-6": "cdr-layout--row-gap-scale-6_15-3-0",
+  "cdr-layout--column-gap-scale-6": "cdr-layout--column-gap-scale-6_15-3-0",
+  "cdr-layout--gap-scale-7": "cdr-layout--gap-scale-7_15-3-0",
+  "cdr-layout--row-gap-scale-7": "cdr-layout--row-gap-scale-7_15-3-0",
+  "cdr-layout--column-gap-scale-7": "cdr-layout--column-gap-scale-7_15-3-0",
+  "cdr-layout--gap-scale-8": "cdr-layout--gap-scale-8_15-3-0",
+  "cdr-layout--row-gap-scale-8": "cdr-layout--row-gap-scale-8_15-3-0",
+  "cdr-layout--column-gap-scale-8": "cdr-layout--column-gap-scale-8_15-3-0",
+  "cdr-layout--gap-scale-0--1": "cdr-layout--gap-scale-0--1_15-3-0",
+  "cdr-layout--row-gap-scale-0--1": "cdr-layout--row-gap-scale-0--1_15-3-0",
+  "cdr-layout--column-gap-scale-0--1": "cdr-layout--column-gap-scale-0--1_15-3-0",
+  "cdr-layout--gap-scale-3--4": "cdr-layout--gap-scale-3--4_15-3-0",
+  "cdr-layout--row-gap-scale-3--4": "cdr-layout--row-gap-scale-3--4_15-3-0",
+  "cdr-layout--column-gap-scale-3--4": "cdr-layout--column-gap-scale-3--4_15-3-0",
+  "cdr-layout--gap-scale-3--5": "cdr-layout--gap-scale-3--5_15-3-0",
+  "cdr-layout--row-gap-scale-3--5": "cdr-layout--row-gap-scale-3--5_15-3-0",
+  "cdr-layout--column-gap-scale-3--5": "cdr-layout--column-gap-scale-3--5_15-3-0",
+  "cdr-layout--flow-row": "cdr-layout--flow-row_15-3-0",
+  "cdr-layout--flow-column": "cdr-layout--flow-column_15-3-0"
+};
+export {
+  a as default
+};