@rei/cedar 14.0.2-alpha.6 → 14.0.2-alpha.7

package/dist/src/components/caption/CdrCaption.vue2.mjs

@@ -0,0 +1,36 @@
+import { defineComponent as i, useCssModule as m, openBlock as s, createElementBlock as a, normalizeClass as c, unref as r, toDisplayString as n, createCommentVNode as o } from "vue";
+const l = "cdr-caption", u = "cdr-caption__summary", d = "cdr-caption__cite", f = /* @__PURE__ */ i({
+  name: "CdrCaption",
+  __name: "CdrCaption",
+  props: {
+    /**
+     * Sets the string content for the description body of the caption.
+     * @demoIgnore true
+     */
+    summary: {
+      type: String
+    },
+    /**
+     * Sets the string content for attribution.
+     * @demoIgnore true
+     */
+    credit: {
+      type: String
+    }
+  },
+  setup(e) {
+    const t = m();
+    return (y, C) => (s(), a("div", {
+      class: c(r(t)[l])
+    }, [e.summary ? (s(), a("p", {
+      key: 0,
+      class: c(r(t)[u])
+    }, n(e.summary), 3)) : o("", !0), e.credit ? (s(), a("cite", {
+      key: 1,
+      class: c(r(t)[d])
+    }, n(e.credit), 3)) : o("", !0)], 2));
+  }
+});
+export {
+  f as default
+};

package/dist/src/components/caption/styles/CdrCaption.module.scss.mjs

@@ -0,0 +1,7 @@
+const a = {
+  "cdr-caption": "cdr-caption_14-0-2-alpha-7",
+  "cdr-caption__summary": "cdr-caption__summary_14-0-2-alpha-7"
+};
+export {
+  a as default
+};

package/dist/src/components/card/CdrCard.vue.mjs

@@ -0,0 +1,9 @@
+import s from "./CdrCard.vue2.mjs";
+import o from "./styles/CdrCard.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/src/components/card/CdrCard.vue2.mjs

@@ -0,0 +1,24 @@
+import { defineComponent as s, useCssModule as r, openBlock as n, createBlock as o, resolveDynamicComponent as l, normalizeClass as c, unref as d, withCtx as u, renderSlot as C } from "vue";
+const m = "cdr-card", i = /* @__PURE__ */ s({
+  name: "CdrCard",
+  __name: "CdrCard",
+  props: {
+    /** Sets valid HTML container element tag. */
+    tag: {
+      type: String,
+      default: "article"
+    }
+  },
+  setup(e) {
+    const t = r();
+    return (a, p) => (n(), o(l(e.tag), {
+      class: c(d(t)[m])
+    }, {
+      default: u(() => [C(a.$slots, "default")]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  i as default
+};

package/dist/src/components/card/styles/CdrCard.module.scss.mjs

@@ -0,0 +1,6 @@
+const a = {
+  "cdr-card": "cdr-card_14-0-2-alpha-7"
+};
+export {
+  a as default
+};

package/dist/src/components/checkbox/CdrCheckbox.vue.mjs

@@ -0,0 +1,9 @@
+import o from "./CdrCheckbox.vue2.mjs";
+import s from "./styles/CdrCheckbox.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/src/components/checkbox/CdrCheckbox.vue2.mjs

@@ -0,0 +1,147 @@
+import { defineComponent as b, useCssModule as f, computed as v, openBlock as g, createBlock as h, normalizeClass as u, unref as n, withCtx as r, withDirectives as C, createElementVNode as l, mergeProps as y, vModelCheckbox as k, renderSlot as S } from "vue";
+import V from "../labelWrapper/CdrLabelWrapper.vue.mjs";
+import x from "../../props/size.mjs";
+import p from "../../utils/propValidator.mjs";
+import A from "../../props/background.mjs";
+const B = ["disabled", "true-value", "false-value", "value"], z = /* @__PURE__ */ l("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+}, [/* @__PURE__ */ l("path", {
+  role: "presentation",
+  d: `M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3
+            11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z`
+})], -1), w = [z], N = "cdr-checkbox", L = /* @__PURE__ */ b({
+  name: "CdrCheckbox",
+  inheritAttrs: !1,
+  customOptions: {},
+  __name: "CdrCheckbox",
+  props: {
+    /**
+         * Passes a CSS class to the label for custom styles
+         */
+    labelClass: String,
+    /**
+     * Passes a CSS class to the input for custom styles
+     */
+    inputClass: String,
+    /**
+     * Passes a CSS class to the slot wrapper for custom styles
+     */
+    contentClass: String,
+    /**
+     * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
+     */
+    indeterminate: {
+      type: [Boolean, String],
+      default: !1
+    },
+    /** Disables the checkbox */
+    disabled: Boolean,
+    /**
+     * The value when checked.
+     */
+    trueValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+      default: !0
+    },
+    /**
+     * The value when unchecked.
+     */
+    falseValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+      default: !1
+    },
+    /**
+     * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
+     */
+    customValue: [String, Number, Boolean, Object, Array, Symbol, Function],
+    /**
+     * Sets the background color the input is rendered on
+     * @values primary, secondary
+     */
+    background: A,
+    /**
+     * @demoSelectMultiple false
+     * @values small, medium, large
+    */
+    size: x,
+    /**
+     * Use `hide-figure` to hide the checkbox, which leaves the text label as the clickable element.
+     * Add appropriate custom styles to convey selected and unselected states.
+     * @values hide-figure
+     */
+    modifier: {
+      type: String,
+      default: "",
+      validator: (e) => p(e, ["", "hide-figure"])
+    },
+    /** @ignore */
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function]
+    }
+  },
+  emits: {
+    /**
+    * Event emitted by v-model on the <input> element
+    * @param modelValue
+    */
+    "update:modelValue": null
+  },
+  setup(e, {
+    emit: i
+  }) {
+    const d = e, c = {
+      mounted(t, a) {
+        if (a.value) {
+          t.setAttribute("indeterminate", a.value);
+          return;
+        }
+        t.removeAttribute("indeterminate");
+      },
+      updated(t, a) {
+        if (a.value) {
+          t.setAttribute("indeterminate", a.value);
+          return;
+        }
+        t.removeAttribute("indeterminate");
+      }
+    }, o = f(), s = v({
+      get() {
+        return d.modelValue;
+      },
+      set(t) {
+        i("update:modelValue", t);
+      }
+    });
+    return (t, a) => (g(), h(V, {
+      class: u(n(o)[N]),
+      size: e.size,
+      modifier: e.modifier,
+      "label-class": e.labelClass,
+      "content-class": e.contentClass,
+      background: e.background,
+      disabled: e.disabled
+    }, {
+      input: r(() => [C(l("input", y({
+        class: [n(o)["cdr-checkbox__input"], e.inputClass],
+        disabled: e.disabled,
+        type: "checkbox"
+      }, t.$attrs, {
+        "true-value": e.customValue ? null : e.trueValue,
+        "false-value": e.customValue ? null : e.falseValue,
+        value: e.customValue,
+        "onUpdate:modelValue": a[0] || (a[0] = (m) => s.value = m)
+      }), null, 16, B), [[c, e.indeterminate], [k, s.value, void 0, {
+        lazy: !0
+      }]])]),
+      svgs: r(() => [l("div", {
+        class: u(n(o)["cdr-checkbox__svg-box"])
+      }, w, 2)]),
+      default: r(() => [S(t.$slots, "default")]),
+      _: 3
+    }, 8, ["class", "size", "modifier", "label-class", "content-class", "background", "disabled"]));
+  }
+});
+export {
+  L as default
+};

package/dist/src/components/checkbox/styles/CdrCheckbox.module.scss.mjs

@@ -0,0 +1,32 @@
+const a = {
+  "cdr-label-wrapper": "cdr-label-wrapper_14-0-2-alpha-7",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_14-0-2-alpha-7",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_14-0-2-alpha-7",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_14-0-2-alpha-7",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_14-0-2-alpha-7",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_14-0-2-alpha-7",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_14-0-2-alpha-7",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_14-0-2-alpha-7",
+  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_14-0-2-alpha-7",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_14-0-2-alpha-7",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_14-0-2-alpha-7",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_14-0-2-alpha-7",
+  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_14-0-2-alpha-7",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_14-0-2-alpha-7",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_14-0-2-alpha-7",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_14-0-2-alpha-7",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_14-0-2-alpha-7",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_14-0-2-alpha-7",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_14-0-2-alpha-7",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_14-0-2-alpha-7",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_14-0-2-alpha-7",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_14-0-2-alpha-7",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_14-0-2-alpha-7",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_14-0-2-alpha-7",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_14-0-2-alpha-7",
+  "cdr-checkbox": "cdr-checkbox_14-0-2-alpha-7",
+  "cdr-checkbox__input": "cdr-checkbox__input_14-0-2-alpha-7"
+};
+export {
+  a as default
+};

package/dist/src/components/chip/CdrChip.vue.mjs

@@ -0,0 +1,9 @@
+import s from "./CdrChip.vue2.mjs";
+import o from "./styles/CdrChip.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
+};

package/dist/src/components/chip/CdrChip.vue2.mjs

@@ -0,0 +1,22 @@
+import { defineComponent as a, useCssModule as i, openBlock as n, createElementBlock as c, normalizeClass as t, unref as o, renderSlot as r, createCommentVNode as l, createElementVNode as p } from "vue";
+const d = "cdr-chip", f = /* @__PURE__ */ a({
+  name: "CdrChip",
+  __name: "CdrChip",
+  setup(m) {
+    const s = i();
+    return (e, u) => (n(), c("button", {
+      class: t(o(s)[d])
+    }, [e.$slots["icon-left"] ? (n(), c("span", {
+      key: 0,
+      class: t(o(s)["cdr-chip__icon-left"])
+    }, [r(e.$slots, "icon-left")], 2)) : l("", !0), e.$slots["icon-right"] ? (n(), c("span", {
+      key: 1,
+      class: t(o(s)["cdr-chip__icon-right"])
+    }, [r(e.$slots, "icon-right")], 2)) : l("", !0), p("span", {
+      class: t(o(s)["cdr-chip__content"])
+    }, [r(e.$slots, "default")], 2)], 2));
+  }
+});
+export {
+  f as default
+};

package/dist/src/components/chip/CdrChipGroup.vue.mjs

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

package/dist/src/components/chip/CdrChipGroup.vue2.mjs

@@ -0,0 +1,73 @@
+import { defineComponent as m, useCssModule as k, ref as n, computed as o, onMounted as x, openBlock as C, createElementBlock as _, normalizeClass as s, unref as c, createElementVNode as p, renderSlot as i, createTextVNode as A, toDisplayString as D } from "vue";
+const w = "cdr-chip-group", I = /* @__PURE__ */ m({
+  name: "CdrChipGroup",
+  __name: "CdrChipGroup",
+  props: {
+    /**
+        * Sets a label that describes the chip group and what it is selecting. By default this label is visually hidden and only made available to screen readers.
+        */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Visually hides the chip group label but makes it accessible to screen readers.
+     */
+    hideLabel: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(u) {
+    const v = u, a = k(), d = n(null), t = n([]), r = n(0), f = o(() => {
+      const e = r.value + 1;
+      return e >= t.value.length ? 0 : e;
+    }), h = o(() => {
+      const e = r.value - 1;
+      return e <= -1 ? t.value.length - 1 : e;
+    }), g = o(() => v.hideLabel ? "cdr-chip-group__legend--hidden" : "cdr-chip-group__legend");
+    x(() => {
+      var e;
+      t.value = Array.prototype.filter.call((e = d.value) == null ? void 0 : e.children, (l) => !(l.getAttribute("disabled") === "" || l.getAttribute("aria-disabled"))), r.value = Array.prototype.findIndex.call(t, (l) => l.getAttribute("aria-checked") === "true");
+    });
+    const b = (e) => {
+      if (r.value === -1)
+        return;
+      const {
+        key: l
+      } = e;
+      switch (l) {
+        case "Home":
+          e.preventDefault(), t.value[0].focus();
+          break;
+        case "End":
+          e.preventDefault(), t.value[t.value.length - 1].focus();
+          break;
+        case "ArrowDown":
+        case "Down":
+          e.preventDefault(), t.value[f.value].focus();
+          break;
+        case "ArrowUp":
+        case "Up":
+          e.preventDefault(), t.value[h.value].focus();
+          break;
+      }
+    }, y = (e) => {
+      r.value = Array.prototype.indexOf.call(t.value, e.target);
+    };
+    return (e, l) => (C(), _("fieldset", {
+      class: s(c(a)[w]),
+      onFocusin: y,
+      onKeydown: b
+    }, [p("legend", {
+      class: s(c(a)[g.value])
+    }, [i(e.$slots, "label", {}, () => [A(D(u.label), 1)])], 2), p("div", {
+      ref_key: "chipsEl",
+      ref: d,
+      class: s(c(a)["cdr-chip-group__content"])
+    }, [i(e.$slots, "default")], 2)], 34));
+  }
+});
+export {
+  I as default
+};

package/dist/src/components/chip/styles/CdrChip.module.scss.mjs

@@ -0,0 +1,9 @@
+const c = {
+  "cdr-chip": "cdr-chip_14-0-2-alpha-7",
+  "cdr-chip__icon-left": "cdr-chip__icon-left_14-0-2-alpha-7",
+  "cdr-chip__icon-right": "cdr-chip__icon-right_14-0-2-alpha-7",
+  "cdr-chip__content": "cdr-chip__content_14-0-2-alpha-7"
+};
+export {
+  c as default
+};

package/dist/src/components/chip/styles/CdrChipGroup.module.scss.mjs

@@ -0,0 +1,9 @@
+const p = {
+  "cdr-chip-group": "cdr-chip-group_14-0-2-alpha-7",
+  "cdr-chip-group__content": "cdr-chip-group__content_14-0-2-alpha-7",
+  "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_14-0-2-alpha-7",
+  "cdr-chip-group__legend": "cdr-chip-group__legend_14-0-2-alpha-7"
+};
+export {
+  p as default
+};

package/dist/src/components/container/CdrContainer.vue.mjs

@@ -0,0 +1,9 @@
+import o from "./CdrContainer.vue2.mjs";
+import s from "./styles/CdrContainer.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/src/components/container/CdrContainer.vue2.mjs

@@ -0,0 +1,36 @@
+import { defineComponent as i, useCssModule as l, computed as c, openBlock as d, createBlock as m, resolveDynamicComponent as f, normalizeClass as p, unref as t, withCtx as u, renderSlot as C } from "vue";
+import v from "../../utils/propValidator.mjs";
+import g from "../../utils/mapClasses.mjs";
+const a = "cdr-container", h = /* @__PURE__ */ i({
+  name: "CdrContainer",
+  __name: "CdrContainer",
+  props: {
+    /** Sets the HTML tag for the container element */
+    tag: {
+      type: String,
+      default: "div"
+    },
+    /**
+      * Controls whether container is static or fluid width.
+      * @demoSelectMultiple false
+      * @values static, fluid
+    */
+    modifier: {
+      type: String,
+      default: "static",
+      validator: (e) => v(e, ["static", "fluid"], !1)
+    }
+  },
+  setup(e) {
+    const o = e, s = l(), r = c(() => `${a}--${o.modifier}`);
+    return (n, y) => (d(), m(f(e.tag), {
+      class: p(t(g)(t(s), a, r.value))
+    }, {
+      default: u(() => [C(n.$slots, "default")]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  h as default
+};

package/dist/src/components/container/styles/CdrContainer.module.scss.mjs

@@ -0,0 +1,7 @@
+const a = {
+  "cdr-container": "cdr-container_14-0-2-alpha-7",
+  "cdr-container--static": "cdr-container--static_14-0-2-alpha-7"
+};
+export {
+  a as default
+};

package/dist/src/components/formError/CdrFormError.vue.mjs

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

package/dist/src/components/formError/CdrFormError.vue2.mjs

@@ -0,0 +1,24 @@
+import { defineComponent as a, useCssModule as l, openBlock as c, createElementBlock as m, normalizeClass as e, unref as o, createElementVNode as s, createVNode as i, renderSlot as d, toDisplayString as p } from "vue";
+import f from "../icon/comps/error-stroke.vue.mjs";
+const u = "cdr-form-error", _ = "cdr-form-error__icon", S = /* @__PURE__ */ a({
+  name: "CdrFormError",
+  __name: "CdrFormError",
+  props: {
+    error: [Boolean, String]
+  },
+  setup(n) {
+    const r = l();
+    return (t, C) => (c(), m("div", {
+      class: e(o(r)[u]),
+      role: "status"
+    }, [s("span", {
+      class: e(o(r)[_])
+    }, [i(f, {
+      size: "small",
+      "inherit-color": ""
+    })], 2), d(t.$slots, "error", {}, () => [s("span", null, p(n.error), 1)])], 2));
+  }
+});
+export {
+  S as default
+};

package/dist/src/components/formError/styles/CdrFormError.module.scss.mjs

@@ -0,0 +1,7 @@
+const r = {
+  "cdr-form-error": "cdr-form-error_14-0-2-alpha-7",
+  "cdr-form-error__icon": "cdr-form-error__icon_14-0-2-alpha-7"
+};
+export {
+  r as default
+};

package/dist/src/components/formGroup/CdrFormGroup.vue.mjs

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

package/dist/src/components/formGroup/CdrFormGroup.vue2.mjs

@@ -0,0 +1,68 @@
+import { defineComponent as p, useCssModule as C, computed as c, openBlock as a, createElementBlock as i, normalizeClass as s, unref as e, createElementVNode as m, renderSlot as n, createTextVNode as y, toDisplayString as v, createCommentVNode as u, createBlock as B, withCtx as k } from "vue";
+import f from "../../utils/mapClasses.mjs";
+import $ from "../formError/CdrFormError.vue.mjs";
+import q from "../../utils/uid.mjs";
+const S = ["disabled", "aria-invalid", "aria-errormessage", "aria-describedby"], h = {
+  key: 0,
+  "aria-label": "required"
+}, E = "cdr-form-group", x = /* @__PURE__ */ p({
+  name: "CdrFormGroup",
+  __name: "CdrFormGroup",
+  props: {
+    /**
+     * Custom ID that is mapped to the form error. If this value is not set, it will be randomly generated.
+     * @demoIgnore true
+     */
+    id: String,
+    /**
+     * Sets the label/legend for the form group. Applies default text styles to this label.
+     * To override that default text style or apply other customization, use the `label` slot.
+     * @demoIgnore true
+     */
+    label: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Sets the form group to an error state, displays the `error` slot if one is present.
+     */
+    error: {
+      type: [Boolean, String],
+      default: !1
+    },
+    /** Adds required label to the form group. */
+    required: Boolean,
+    /** Adds optional label to the form group. */
+    optional: Boolean,
+    /** Renders form group in a disabled state. */
+    disabled: {
+      type: Boolean,
+      default: void 0
+    }
+  },
+  setup(r) {
+    const o = r, d = o.id ? o.id : q(), l = C(), b = c(() => o.error ? "cdr-form-group--error" : ""), g = c(() => o.disabled ? "cdr-form-group--disabled" : "");
+    return (t, F) => (a(), i("fieldset", {
+      class: s(e(f)(e(l), E, g.value)),
+      disabled: r.disabled,
+      "aria-invalid": !!r.error,
+      "aria-errormessage": r.error ? `${e(d)}-error` : void 0,
+      "aria-describedby": r.error ? `${e(d)}-error` : void 0
+    }, [m("legend", null, [n(t.$slots, "label", {}, () => [y(v(r.label), 1)]), r.required ? (a(), i("span", h, " *")) : u("", !0), r.optional && !r.required ? (a(), i("span", {
+      key: 1,
+      class: s(e(l)["cdr-form-group__optional"])
+    }, " (optional)", 2)) : u("", !0)]), m("div", {
+      class: s(e(f)(e(l), "cdr-form-group__wrapper", b.value))
+    }, [n(t.$slots, "default")], 2), r.error ? (a(), B($, {
+      key: 0,
+      error: r.error,
+      id: `${e(d)}-error`
+    }, {
+      error: k(() => [n(t.$slots, "error")]),
+      _: 3
+    }, 8, ["error", "id"])) : u("", !0)], 10, S));
+  }
+});
+export {
+  x as default
+};

package/dist/src/components/formGroup/styles/CdrFormGroup.module.scss.mjs

@@ -0,0 +1,13 @@
+const r = {
+  "cdr-form-error": "cdr-form-error_14-0-2-alpha-7",
+  "cdr-form-error__icon": "cdr-form-error__icon_14-0-2-alpha-7",
+  "cdr-form-group": "cdr-form-group_14-0-2-alpha-7",
+  "cdr-form-group--error": "cdr-form-group--error_14-0-2-alpha-7",
+  "cdr-form-group--disabled": "cdr-form-group--disabled_14-0-2-alpha-7",
+  "cdr-form-group__optional": "cdr-form-group__optional_14-0-2-alpha-7",
+  "cdr-form-group__required": "cdr-form-group__required_14-0-2-alpha-7",
+  "cdr-form-group__wrapper": "cdr-form-group__wrapper_14-0-2-alpha-7"
+};
+export {
+  r as default
+};

package/dist/src/components/grid/CdrGrid.vue.mjs

@@ -0,0 +1,9 @@
+import s from "./CdrGrid.vue2.mjs";
+import o from "./styles/CdrGrid.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/src/components/grid/CdrGrid.vue2.mjs

@@ -0,0 +1,37 @@
+import { defineComponent as m, useCssModule as n, computed as d, openBlock as i, createBlock as u, resolveDynamicComponent as p, normalizeClass as c, unref as r, withCtx as g, renderSlot as f } from "vue";
+import C from "../../utils/mapClasses.mjs";
+import { responsiveModifyClass as v } from "../../utils/buildClass.mjs";
+import y from "../../utils/propValidator.mjs";
+const s = "cdr-grid", B = /* @__PURE__ */ m({
+  name: "CdrGrid",
+  __name: "CdrGrid",
+  props: {
+    /**
+     * Defines gutter size. Also accepts responsive values with `@breakpoint`: "none@md"
+     * @demoSelectMultiple false
+     * @values none, small, medium, large
+     */
+    gutter: {
+      type: String,
+      validator: (e) => y(e, ["none", "small", "medium", "large"]),
+      default: "medium@xs medium@sm large@md large@lg"
+    },
+    /** Sets the HTML tag for the grid element */
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  setup(e) {
+    const t = e, a = n(), o = d(() => t.gutter ? v(s, "gutter-", t.gutter) : "");
+    return (l, _) => (i(), u(p(e.tag), {
+      class: c(r(C)(r(a), s, o.value))
+    }, {
+      default: g(() => [f(l.$slots, "default")]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  B as default
+};