@rei/cedar 13.4.0-alpha.1 → 13.4.0

package/dist/src/components/quote/styles/CdrQuote.module.scss.mjs

@@ -0,0 +1,9 @@
+const t = {
+  "cdr-text": "cdr-text_13-4-0",
+  "cdr-quote": "cdr-quote_13-4-0",
+  "cdr-quote__summary": "cdr-quote__summary_13-4-0",
+  "cdr-quote--pull": "cdr-quote--pull_13-4-0"
+};
+export {
+  t as default
+};

package/dist/src/components/radio/CdrRadio.vue.mjs

@@ -0,0 +1,99 @@
+import { defineComponent as i, computed as d, useCssModule as u, resolveComponent as m, openBlock as p, createBlock as c, normalizeClass as b, withCtx as t, withDirectives as f, createElementVNode as C, mergeProps as g, vModelRadio as y, renderSlot as S } from "vue";
+import V from "../../utils/propValidator.mjs";
+import $ from "../labelWrapper/CdrLabelWrapper.vue.mjs";
+import k from "../../props/size.mjs";
+import v from "../../props/background.mjs";
+import M from "./styles/CdrRadio.module.scss.mjs";
+import z from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const h = i({
+  name: "CdrRadio",
+  components: {
+    CdrLabelWrapper: $
+  },
+  inheritAttrs: !1,
+  customOptions: {},
+  props: {
+    /**
+     * Class that is added to the label for custom styles
+     */
+    labelClass: String,
+    /**
+     * Class that is added to the input for custom styles
+     */
+    inputClass: String,
+    /**
+     * Class that is added to the slot wrapper for custom styles
+     */
+    contentClass: String,
+    /**
+     * Sets the name of the radio. Required.
+    */
+    name: {
+      type: String,
+      required: !0
+    },
+    modifier: {
+      type: String,
+      default: "",
+      validator: (e) => V(e, ["", "hide-figure"])
+    },
+    size: k,
+    // Set which background type the input renders on
+    background: v,
+    /**
+     * Sets the value of the radio. Required.
+    */
+    customValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function]
+    },
+    /** @ignore v-model binding */
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function]
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, o) {
+    const s = "cdr-radio", r = d({
+      get() {
+        return e.modelValue;
+      },
+      set(a) {
+        o.emit("update:modelValue", a);
+      }
+    });
+    return {
+      style: u(),
+      baseClass: s,
+      radioModel: r
+    };
+  }
+}), w = ["name", "value"];
+function B(e, o, s, r, a, A) {
+  const l = m("cdr-label-wrapper");
+  return p(), c(l, {
+    class: b(e.style[e.baseClass]),
+    size: e.size,
+    modifier: e.modifier,
+    "label-class": e.labelClass,
+    "content-class": e.contentClass,
+    background: e.background,
+    disabled: e.$attrs.disabled
+  }, {
+    input: t(() => [f(C("input", g({
+      class: [e.style["cdr-radio__input"], e.inputClass],
+      type: "radio",
+      name: e.name,
+      value: e.customValue
+    }, e.$attrs, {
+      "onUpdate:modelValue": o[0] || (o[0] = (n) => e.radioModel = n)
+    }), null, 16, w), [[y, e.radioModel]])]),
+    default: t(() => [S(e.$slots, "default")]),
+    _: 3
+  }, 8, ["class", "size", "modifier", "label-class", "content-class", "background", "disabled"]);
+}
+const P = {
+  $style: M
+}, E = /* @__PURE__ */ z(h, [["render", B], ["__cssModules", P]]);
+export {
+  E as default
+};

package/dist/src/components/radio/styles/CdrRadio.module.scss.mjs

@@ -0,0 +1,30 @@
+const r = {
+  "cdr-label-wrapper": "cdr-label-wrapper_13-4-0",
+  "cdr-label-wrapper__container": "cdr-label-wrapper__container_13-4-0",
+  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_13-4-0",
+  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_13-4-0",
+  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_13-4-0",
+  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_13-4-0",
+  "cdr-label-wrapper__content": "cdr-label-wrapper__content_13-4-0",
+  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_13-4-0",
+  "cdr-label-wrapper--small": "cdr-label-wrapper--small_13-4-0",
+  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_13-4-0",
+  "cdr-label-wrapper--large": "cdr-label-wrapper--large_13-4-0",
+  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_13-4-0",
+  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_13-4-0",
+  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_13-4-0",
+  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_13-4-0",
+  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_13-4-0",
+  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_13-4-0",
+  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_13-4-0",
+  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_13-4-0",
+  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_13-4-0",
+  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_13-4-0",
+  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_13-4-0",
+  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_13-4-0",
+  "cdr-radio": "cdr-radio_13-4-0",
+  "cdr-radio__input": "cdr-radio__input_13-4-0"
+};
+export {
+  r as default
+};

package/dist/src/components/rating/CdrRating.vue.mjs

@@ -0,0 +1,103 @@
+import { defineComponent as p, computed as t, useCssModule as _, openBlock as r, createBlock as b, resolveDynamicComponent as z, normalizeClass as n, withCtx as M, createElementVNode as u, createElementBlock as s, Fragment as v, renderList as C, createCommentVNode as l, toDisplayString as d } from "vue";
+import R from "../../utils/propValidator.mjs";
+import N from "../../utils/mapClasses.mjs";
+import S from "./styles/CdrRating.module.scss.mjs";
+import B from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const V = p({
+  name: "CdrRating",
+  props: {
+    /**
+     * Rating value (out of 5)
+     */
+    rating: {
+      required: !0,
+      type: [String, Number],
+      default: 0
+    },
+    /**
+     * Total number of ratings
+     */
+    count: {
+      required: !1,
+      type: [String, Number],
+      default: null
+    },
+    /**
+     * Hides the word 'reviews' if true
+     */
+    compact: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Allows the ratings to act as a link
+     */
+    href: {
+      type: String
+    },
+    size: {
+      type: String,
+      default: "medium",
+      validator: (e) => R(e, ["small", "medium", "large"])
+    }
+  },
+  setup(e) {
+    const i = "cdr-rating", c = t(() => e.size && `${i}--${e.size}`), m = t(() => e.href && `${i}--linked`), f = t(() => e.rounded > 0 || e.count > 0 ? "cdr-rating__placeholder" : "cdr-rating__placeholder--no-reviews"), g = t(() => e.href ? "a" : "div"), a = t(() => (Math.round(e.rating * 10) / 10).toFixed(1)), o = t(() => Math.round(e.rating * 4) / 4), y = t(() => Math.floor(o.value)), h = t(() => o.value.toFixed(2).split(".")[1]), $ = t(() => 5 - y.value - (h.value > 0 ? 1 : 0)), w = t(() => e.compact ? `(${e.count})` : `${e.count}`), k = t(() => e.href ? e.count === 0 || e.count === "0" ? "No reviews yet; be the first!" : e.count === null ? `View the reviews with an average rating of ${a.value} out of 5 stars` : `View the ${e.count} reviews with an average rating of ${a.value} out of 5 stars` : e.count === 0 || e.count === "0" ? "0 reviews" : e.count === null ? `Rated ${a.value} out of 5 stars` : `${e.count} reviews with an average rating of ${a.value} out of 5 stars`);
+    return {
+      style: _(),
+      mapClasses: N,
+      baseClass: i,
+      sizeClass: c,
+      linkedClass: m,
+      emptyClass: f,
+      empties: $,
+      formattedCount: w,
+      srText: k,
+      tag: g,
+      displayRating: a,
+      whole: y,
+      remainder: h,
+      rounded: o
+    };
+  }
+}), F = {
+  key: 1
+};
+function q(e, i, c, m, f, g) {
+  return r(), b(z(e.tag), {
+    href: e.href,
+    class: n(e.mapClasses(e.style, e.baseClass, e.sizeClass, e.linkedClass))
+  }, {
+    default: M(() => [u("div", {
+      class: n(e.style["cdr-rating__ratings"])
+    }, [(r(!0), s(v, null, C(Array(e.whole).keys(), (a) => (r(), s("span", {
+      class: n(e.mapClasses(e.style, "cdr-rating__icon", "cdr-rating__100")),
+      key: `rating-whole-${a}`,
+      "aria-hidden": "true"
+    }, null, 2))), 128)), e.remainder !== "00" ? (r(), s("span", {
+      key: 0,
+      class: n(e.mapClasses(e.style, "cdr-rating__icon", `cdr-rating__${e.remainder}`)),
+      "aria-hidden": "true"
+    }, null, 2)) : l("", !0), (r(!0), s(v, null, C(Array(e.empties).keys(), (a) => (r(), s("span", {
+      class: n(e.mapClasses(e.style, "cdr-rating__icon", e.emptyClass)),
+      key: `rating-empty-${a}`,
+      "aria-hidden": "true"
+    }, null, 2))), 128))], 2), e.count !== null ? (r(), s("span", {
+      key: 0,
+      "aria-hidden": "true",
+      class: n(e.style["cdr-rating__count"])
+    }, [e.href ? (r(), s("span", {
+      key: 0,
+      class: n(e.style["cdr-rating__number"])
+    }, d(e.displayRating), 3)) : l("", !0), u("span", null, d(e.formattedCount), 1), e.compact ? l("", !0) : (r(), s("span", F, "  Reviews "))], 2)) : l("", !0), u("span", {
+      class: n(e.style["cdr-rating__caption-sr"])
+    }, d(e.srText), 3)]),
+    _: 1
+  }, 8, ["href", "class"]);
+}
+const A = {
+  $style: S
+}, j = /* @__PURE__ */ B(V, [["render", q], ["__cssModules", A]]);
+export {
+  j as default
+};

package/dist/src/components/rating/styles/CdrRating.module.scss.mjs

@@ -0,0 +1,33 @@
+const r = {
+  "cdr-rating__icon": "cdr-rating__icon_13-4-0",
+  "cdr-rating__count": "cdr-rating__count_13-4-0",
+  "cdr-rating": "cdr-rating_13-4-0",
+  "cdr-rating__number": "cdr-rating__number_13-4-0",
+  "cdr-rating__ratings": "cdr-rating__ratings_13-4-0",
+  "cdr-rating__caption-sr": "cdr-rating__caption-sr_13-4-0",
+  "cdr-rating__placeholder": "cdr-rating__placeholder_13-4-0",
+  "cdr-rating__placeholder--no-reviews": "cdr-rating__placeholder--no-reviews_13-4-0",
+  "cdr-rating__100": "cdr-rating__100_13-4-0",
+  "cdr-rating__75": "cdr-rating__75_13-4-0",
+  "cdr-rating__50": "cdr-rating__50_13-4-0",
+  "cdr-rating__25": "cdr-rating__25_13-4-0",
+  "cdr-rating--linked": "cdr-rating--linked_13-4-0",
+  "cdr-rating--large": "cdr-rating--large_13-4-0",
+  "cdr-rating--medium": "cdr-rating--medium_13-4-0",
+  "cdr-rating--small": "cdr-rating--small_13-4-0",
+  "cdr-rating--small@xs": "cdr-rating--small@xs_13-4-0",
+  "cdr-rating--medium@xs": "cdr-rating--medium@xs_13-4-0",
+  "cdr-rating--large@xs": "cdr-rating--large@xs_13-4-0",
+  "cdr-rating--small@sm": "cdr-rating--small@sm_13-4-0",
+  "cdr-rating--medium@sm": "cdr-rating--medium@sm_13-4-0",
+  "cdr-rating--large@sm": "cdr-rating--large@sm_13-4-0",
+  "cdr-rating--small@md": "cdr-rating--small@md_13-4-0",
+  "cdr-rating--medium@md": "cdr-rating--medium@md_13-4-0",
+  "cdr-rating--large@md": "cdr-rating--large@md_13-4-0",
+  "cdr-rating--small@lg": "cdr-rating--small@lg_13-4-0",
+  "cdr-rating--medium@lg": "cdr-rating--medium@lg_13-4-0",
+  "cdr-rating--large@lg": "cdr-rating--large@lg_13-4-0"
+};
+export {
+  r as default
+};

package/dist/src/components/select/CdrSelect.vue.mjs

@@ -0,0 +1,198 @@
+import "core-js/modules/es.array.push.js";
+import { defineComponent as L, computed as o, useCssModule as j, resolveComponent as h, openBlock as a, createBlock as S, createSlots as F, withCtx as n, createElementVNode as q, normalizeClass as u, createElementBlock as m, renderSlot as i, createCommentVNode as g, withDirectives as H, mergeProps as R, toDisplayString as I, Fragment as U, renderList as T, vModelSelect as G, createVNode as J } from "vue";
+import K from "../icon/comps/caret-down.vue.mjs";
+import Q from "../labelStandalone/CdrLabelStandalone.vue.mjs";
+import W from "../formError/CdrFormError.vue.mjs";
+import X from "../../props/size.mjs";
+import Y from "../../props/background.mjs";
+import Z from "../../utils/mapClasses.mjs";
+import _ from "../../utils/uid.mjs";
+import x from "./styles/CdrSelect.module.scss.mjs";
+import ee from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const re = L({
+  name: "CdrSelect",
+  components: {
+    IconCaretDown: K,
+    CdrLabelStandalone: Q,
+    CdrFormError: W
+  },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * `id` for the select that is mapped to the label `for` attribute. If one is not provided, it will be generated.
+    */
+    id: {
+      type: String
+    },
+    /**
+     * Label text. This is required for a11y even if hiding the label with `hideLabel`.
+    */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Removes the label element but sets the select `aria-label` to `label` text for a11y.
+    */
+    hideLabel: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.
+    */
+    prompt: String,
+    /**
+     * Build options programatically with data. Array of objects [{ text: String, value: String}] to give greater control. Array of strings ['String'] for simpler setup (value and text will be the same).
+    */
+    options: {
+      type: Array
+    },
+    // Set which background type the select renders on
+    background: Y,
+    size: X,
+    // Set error styling
+    error: {
+      type: [Boolean, String],
+      default: !1
+    },
+    /**
+    * Override the error message role, default is `status`.
+    */
+    errorRole: {
+      type: String,
+      required: !1
+    },
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function]
+    },
+    disabled: Boolean,
+    required: Boolean,
+    optional: Boolean,
+    multiple: Boolean,
+    multipleSize: Number
+  },
+  emits: ["update:modelValue"],
+  customOptions: {},
+  setup(e, r) {
+    const p = "cdr-select", $ = r.slots["helper-text"], k = r.slots.info, v = r.slots["info-action"], d = r.slots["pre-icon"], c = e.id ? e.id : _(), f = o(() => e.multiple && "cdr-select--multiple"), l = o(() => !e.modelValue && "cdr-select__prompt"), z = o(() => d && "cdr-select--preicon"), B = o(() => e.error && "cdr-select--error"), V = o(() => `cdr-select--${e.background}`), M = o(() => e.size && `${p}--${e.size}`), w = o(() => e.disabled && "cdr-select__caret--disabled"), A = o(() => {
+      const s = [r.slots["helper-text"] ? `${e.id}-helper-text-top` : "", r.attrs["aria-describedby"]].filter((t) => t).join(" ");
+      return e.error ? `${e.id}-error` : s;
+    }), D = o(() => {
+      const s = [];
+      return e.options && e.options.forEach((t) => {
+        const b = {};
+        let y = "", C = "";
+        if (typeof t == "string")
+          y = t, C = t;
+        else {
+          const {
+            text: P,
+            value: E
+          } = t;
+          y = P, C = E;
+        }
+        b.text = y, b.value = C, s.push(b);
+      }), s;
+    }), N = o({
+      get() {
+        return e.modelValue;
+      },
+      set(s) {
+        r.emit("update:modelValue", s);
+      }
+    }), O = j();
+    return {
+      mapClasses: Z,
+      baseClass: p,
+      hasHelper: $,
+      hasInfo: k,
+      hasInfoAction: v,
+      hasPreIcon: d,
+      uniqueId: c,
+      multipleClass: f,
+      promptClass: l,
+      preIconClass: z,
+      errorClass: B,
+      backgroundClass: V,
+      sizeClass: M,
+      caretDisabledClass: w,
+      describedby: A,
+      computedOpts: D,
+      selectModel: N,
+      style: O
+    };
+  }
+}), oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby", "value"], le = ["value"];
+function se(e, r, p, $, k, v) {
+  const d = h("icon-caret-down"), c = h("cdr-form-error"), f = h("cdr-label-standalone");
+  return a(), S(f, {
+    "for-id": e.uniqueId,
+    label: e.label,
+    "hide-label": e.hideLabel,
+    required: e.required,
+    optional: e.optional,
+    disabled: e.disabled
+  }, F({
+    default: n(() => [q("div", {
+      class: u(e.style["cdr-select-wrap"])
+    }, [e.hasPreIcon ? (a(), m("span", {
+      key: 0,
+      class: u(e.style["cdr-select__pre-icon"])
+    }, [i(e.$slots, "pre-icon")], 2)) : g("", !0), H(q("select", R({
+      id: e.uniqueId,
+      class: e.mapClasses(e.style, e.baseClass, e.sizeClass, e.promptClass, e.multipleClass, e.backgroundClass, e.errorClass, e.preIconClass),
+      multiple: e.multiple,
+      size: e.multipleSize,
+      disabled: e.disabled,
+      "aria-required": e.required || null,
+      "aria-invalid": !!e.error || null,
+      "aria-errormessage": !!e.error && `${e.uniqueId}-error` || null
+    }, e.$attrs, {
+      "aria-describedby": e.describedby || null,
+      value: e.modelValue,
+      "onUpdate:modelValue": r[0] || (r[0] = (l) => e.selectModel = l)
+    }), [e.prompt ? (a(), m("option", {
+      key: 0,
+      class: u(e.style["cdr-select__prompt"]),
+      value: "",
+      disabled: ""
+    }, I(e.prompt), 3)) : g("", !0), (a(!0), m(U, null, T(e.computedOpts, (l) => (a(), m("option", {
+      key: l.text,
+      value: l.value
+    }, I(l.text), 9, le))), 128)), i(e.$slots, "default")], 16, oe), [[G, e.selectModel]]), J(d, {
+      class: u(e.mapClasses(e.style, "cdr-select__caret", e.caretDisabledClass))
+    }, null, 8, ["class"])], 2)]),
+    _: 2
+  }, [e.hasHelper ? {
+    name: "helper",
+    fn: n(() => [i(e.$slots, "helper-text")]),
+    key: "0"
+  } : void 0, e.hasInfo ? {
+    name: "info",
+    fn: n(() => [i(e.$slots, "info")]),
+    key: "1"
+  } : void 0, e.hasInfoAction ? {
+    name: "info-action",
+    fn: n(() => [i(e.$slots, "info-action")]),
+    key: "2"
+  } : void 0, e.error ? {
+    name: "error",
+    fn: n(() => [e.error ? (a(), S(c, {
+      key: 0,
+      error: e.error,
+      role: e.errorRole,
+      id: `${e.uniqueId}-error`
+    }, {
+      error: n(() => [i(e.$slots, "error")]),
+      _: 3
+    }, 8, ["error", "role", "id"])) : g("", !0)]),
+    key: "3"
+  } : void 0]), 1032, ["for-id", "label", "hide-label", "required", "optional", "disabled"]);
+}
+const te = {
+  $style: x
+}, Ce = /* @__PURE__ */ ee(re, [["render", se], ["__cssModules", te]]);
+export {
+  Ce as default
+};

package/dist/src/components/select/styles/CdrSelect.module.scss.mjs

@@ -0,0 +1,47 @@
+const l = {
+  "cdr-icon": "cdr-icon_13-4-0",
+  "cdr-icon--small": "cdr-icon--small_13-4-0",
+  "cdr-icon--large": "cdr-icon--large_13-4-0",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_13-4-0",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_13-4-0",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_13-4-0",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_13-4-0",
+  "cdr-icon--small@md": "cdr-icon--small@md_13-4-0",
+  "cdr-icon--large@md": "cdr-icon--large@md_13-4-0",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_13-4-0",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_13-4-0",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_13-4-0",
+  "cdr-label-standalone": "cdr-label-standalone_13-4-0",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_13-4-0",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_13-4-0",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_13-4-0",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_13-4-0",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_13-4-0",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_13-4-0",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_13-4-0",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_13-4-0",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_13-4-0",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_13-4-0",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_13-4-0",
+  "cdr-form-error": "cdr-form-error_13-4-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_13-4-0",
+  "cdr-select": "cdr-select_13-4-0",
+  "cdr-select--primary": "cdr-select--primary_13-4-0",
+  "cdr-select--secondary": "cdr-select--secondary_13-4-0",
+  "cdr-select--error": "cdr-select--error_13-4-0",
+  "cdr-select--preicon": "cdr-select--preicon_13-4-0",
+  "cdr-select__prompt": "cdr-select__prompt_13-4-0",
+  "cdr-select__caret": "cdr-select__caret_13-4-0",
+  "cdr-select__caret--disabled": "cdr-select__caret--disabled_13-4-0",
+  "cdr-select__pre-icon": "cdr-select__pre-icon_13-4-0",
+  "cdr-select--multiple": "cdr-select--multiple_13-4-0",
+  "cdr-select--large@xs": "cdr-select--large@xs_13-4-0",
+  "cdr-select--large": "cdr-select--large_13-4-0",
+  "cdr-select--large@sm": "cdr-select--large@sm_13-4-0",
+  "cdr-select--large@md": "cdr-select--large@md_13-4-0",
+  "cdr-select--large@lg": "cdr-select--large@lg_13-4-0",
+  "cdr-select-wrap": "cdr-select-wrap_13-4-0"
+};
+export {
+  l as default
+};

package/dist/src/components/skeleton/CdrSkeleton.vue.mjs

@@ -0,0 +1,32 @@
+import { defineComponent as t, toRef as n, provide as r, useCssModule as l, openBlock as a, createElementBlock as i, normalizeClass as p, renderSlot as c } from "vue";
+import d from "./styles/CdrSkeleton.module.scss.mjs";
+import m from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const u = t({
+  name: "CdrSkeleton",
+  props: {
+    motion: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const o = "cdr-skeleton", s = n(e, "motion");
+    return r("motionToggle", s), {
+      baseClass: o,
+      style: l()
+    };
+  }
+});
+function f(e, o, s, _, y, $) {
+  return a(), i("div", {
+    class: p(e.style[e.baseClass]),
+    "aria-live": "polite",
+    "aria-busy": "true"
+  }, [c(e.$slots, "default")], 2);
+}
+const C = {
+  $style: d
+}, g = /* @__PURE__ */ m(u, [["render", f], ["__cssModules", C]]);
+export {
+  g as default
+};

package/dist/src/components/skeleton/CdrSkeletonBone.vue.mjs

@@ -0,0 +1,38 @@
+import { defineComponent as a, inject as r, computed as n, useCssModule as p, openBlock as m, createElementBlock as i, normalizeClass as d } from "vue";
+import c from "../../utils/propValidator.mjs";
+import u from "../../utils/mapClasses.mjs";
+import f from "./styles/CdrSkeletonBone.module.scss.mjs";
+import C from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const y = a({
+  name: "CdrSkeletonBone",
+  props: {
+    type: {
+      type: String,
+      required: !1,
+      default: "default",
+      validator: (e) => c(e, ["default", "heading", "line", "rectangle", "square"])
+    }
+  },
+  setup(e) {
+    const s = "cdr-skeleton-bone", o = r("motionToggle"), t = n(() => `${s}--${e.type}`), l = n(() => o.value ? `${s}__shimmer` : null);
+    return {
+      style: p(),
+      baseClass: s,
+      typeClass: t,
+      motionToggle: o,
+      motionClass: l,
+      mapClasses: u
+    };
+  }
+});
+function $(e, s, o, t, l, _) {
+  return m(), i("div", {
+    class: d(e.mapClasses(e.style, e.baseClass, e.typeClass, e.motionClass))
+  }, null, 2);
+}
+const g = {
+  $style: f
+}, M = /* @__PURE__ */ C(y, [["render", $], ["__cssModules", g]]);
+export {
+  M as default
+};

package/dist/src/components/skeleton/styles/CdrSkeleton.module.scss.mjs

@@ -0,0 +1,6 @@
+const e = {
+  "cdr-skeleton": "cdr-skeleton_13-4-0"
+};
+export {
+  e as default
+};

package/dist/src/components/skeleton/styles/CdrSkeletonBone.module.scss.mjs

@@ -0,0 +1,13 @@
+const e = "shimmer_13-4-0", n = {
+  "cdr-skeleton-bone": "cdr-skeleton-bone_13-4-0",
+  "cdr-skeleton-bone__shimmer": "cdr-skeleton-bone__shimmer_13-4-0",
+  shimmer: e,
+  "cdr-skeleton-bone--line": "cdr-skeleton-bone--line_13-4-0",
+  "cdr-skeleton-bone--heading": "cdr-skeleton-bone--heading_13-4-0",
+  "cdr-skeleton-bone--rectangle": "cdr-skeleton-bone--rectangle_13-4-0",
+  "cdr-skeleton-bone--square": "cdr-skeleton-bone--square_13-4-0"
+};
+export {
+  n as default,
+  e as shimmer
+};