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

package/dist/node_modules/@rei/cdr-tokens/dist/rei-dot-com/js/cdr-tokens.mjs

@@ -0,0 +1,10 @@
+const o = "#ffffff", r = "8", n = "16", c = "32", t = "768", a = "992", d = "1232";
+export {
+  d as CdrBreakpointLg,
+  a as CdrBreakpointMd,
+  t as CdrBreakpointSm,
+  o as CdrColorBackgroundPrimary,
+  r as CdrSpaceHalfX,
+  n as CdrSpaceOneX,
+  c as CdrSpaceTwoX
+};

package/dist/src/components/accordion/CdrAccordion.vue.mjs

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

@@ -0,0 +1,133 @@
+import { defineComponent as M, useCssModule as F, inject as K, ref as m, computed as a, watch as O, onMounted as P, openBlock as p, createElementBlock as G, normalizeClass as s, unref as e, createBlock as b, resolveDynamicComponent as $, withCtx as _, mergeProps as I, toHandlers as J, createElementVNode as h, renderSlot as S, createTextVNode as L, toDisplayString as Q, createCommentVNode as R, normalizeStyle as U } from "vue";
+import W from "../icon/comps/caret-down.vue.mjs";
+import { modifyClassName as r } from "../../utils/buildClass.mjs";
+import v from "../../utils/mapClasses.mjs";
+import { unwrappedKey as X } from "../../types/symbols.mjs";
+const Y = ["id"], Z = ["id"], ee = ["aria-hidden", "id"], oe = "cdr-accordion__label", d = "cdr-accordion", ne = "cdr-accordion__icon", ae = "cdr-accordion__content-container", le = "cdr-accordion__content", re = /* @__PURE__ */ M({
+  name: "CdrAccordion",
+  __name: "CdrAccordion",
+  props: {
+    /**
+     * The unique id of an accordion.
+     * @demoIgnore true
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Toggle this value to open/close the accordion.
+     * @demoIgnore true
+     */
+    opened: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Sets a compact style.
+     */
+    compact: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Sets a border-aligned style.
+     */
+    borderAligned: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Sets the heading level
+     * @demoIgnore true
+     */
+    level: {
+      type: [String, Number],
+      required: !0
+    },
+    /**
+     * Toggles content spacing (padding)
+     */
+    contentSpacing: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Sets the readable text on CdrAccordion button (also can be slotted)
+     * @demoIgnore true
+     */
+    label: {
+      type: String
+    }
+  },
+  emits: {
+    /**
+    * Emits on accordion open/close
+    */
+    "accordion-toggle": null
+  },
+  setup(n, {
+    emit: B
+  }) {
+    const l = n, t = F(), o = K(X, m(!1)), u = m(null), f = m(!1), i = m(l.opened ? "none" : "0px"), k = `h${l.level}`, w = a(() => o.value ? "div" : "button"), A = a(() => o.value ? "js-cdr-accordion-button" : [t["cdr-accordion__button"], "js-cdr-accordion-button"]), H = a(() => o.value ? "cdr-accordion__header--unwrapped" : "cdr-accordion__header"), N = a(() => l.compact ? r(d, "compact") : ""), z = a(() => l.borderAligned ? r(d, "border-aligned") : ""), E = a(() => f.value ? r(d, "focused") : ""), y = a(() => o.value ? r(d, "unwrap") : ""), T = a(() => l.contentSpacing ? "" : r(d, "no-spacing")), C = a(() => l.opened || o.value ? "cdr-accordion--open" : "cdr-accordion--closed"), j = (c) => {
+      B("accordion-toggle", c);
+    }, V = () => {
+      f.value = !0;
+    }, q = () => {
+      f.value = !1;
+    }, D = a(() => o.value ? {} : {
+      click: j,
+      focus: V,
+      blur: q
+    });
+    return O(() => l.opened, (c) => {
+      var g;
+      i.value = c ? "0px" : `${(g = u.value) == null ? void 0 : g.clientHeight}px`, setTimeout(() => {
+        var x;
+        i.value = c ? `${(x = u.value) == null ? void 0 : x.clientHeight}px` : "0px", setTimeout(() => {
+          i.value = c ? "none" : "0px";
+        }, 350);
+      }, 50);
+    }), P(() => {
+      l.opened && u.value && (i.value = "none");
+    }), (c, g) => (p(), G("div", {
+      class: s(e(o) ? null : e(v)(e(t), d, N.value, z.value, E.value, T.value)),
+      id: `${n.id}-accordion`
+    }, [(p(), b($(k), {
+      class: s(e(t)[H.value])
+    }, {
+      default: _(() => [(p(), b($(w.value), I({
+        class: A.value,
+        id: n.id
+      }, J(D.value), {
+        "aria-expanded": e(o) ? null : `${n.opened}`,
+        "aria-controls": e(o) ? null : `${n.id}-collapsible`
+      }), {
+        default: _(() => [h("span", {
+          class: s(e(t)[oe]),
+          id: `${n.id}-label`
+        }, [S(c.$slots, "label", {}, () => [L(Q(n.label), 1)])], 10, Z), e(o) ? R("", !0) : (p(), b(W, {
+          key: 0,
+          class: s(e(v)(e(t), ne, C.value)),
+          size: n.compact ? "small" : null
+        }, null, 8, ["class", "size"]))]),
+        _: 3
+      }, 16, ["class", "id", "aria-expanded", "aria-controls"]))]),
+      _: 3
+    }, 8, ["class"])), h("div", {
+      class: s(e(v)(e(t), ae, C.value, y.value)),
+      style: U({
+        maxHeight: e(o) ? "none" : i.value
+      })
+    }, [h("div", {
+      class: s(e(v)(e(t), le, C.value, y.value)),
+      "aria-hidden": e(o) ? void 0 : `${!n.opened}`,
+      id: `${n.id}-collapsible`,
+      ref_key: "accordionContentEl",
+      ref: u
+    }, [S(c.$slots, "default")], 10, ee)], 6)], 10, Y));
+  }
+});
+export {
+  re as default
+};

package/dist/src/components/accordion/CdrAccordionGroup.vue.mjs

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

@@ -0,0 +1,72 @@
+import { defineComponent as g, useCssModule as x, ref as u, provide as k, computed as l, onMounted as b, openBlock as A, createElementBlock as C, normalizeClass as D, unref as h, renderSlot as B } from "vue";
+import { debounce as _ } from "../../utils/debounce.mjs";
+import E from "../../utils/propValidator.mjs";
+import i from "../../mixins/breakpoints.mjs";
+import { unwrappedKey as G } from "../../types/symbols.mjs";
+const I = "cdr-accordion-group", U = /* @__PURE__ */ g({
+  name: "CdrAccordionGroup",
+  __name: "CdrAccordionGroup",
+  props: {
+    /**
+     * A prop that will present accordion content as unwrapped. All content is expanded at the provided breakpoints.
+     * @values @xs, @sm, @md, @lg, true
+     */
+    unwrap: {
+      type: [String, Boolean],
+      default: !1,
+      validator: (o) => typeof o == "string" ? E(o, ["@xs", "@sm", "@md", "@lg"], !1) : typeof o == "boolean"
+    }
+  },
+  setup(o) {
+    const t = o, f = x(), a = u(0), c = u(), p = u(null), s = u(!!t.unwrap);
+    k(G, s);
+    const r = l(() => c.value ? [...c.value] : []), v = l(() => {
+      var n;
+      const e = a.value + 1;
+      return e >= ((n = r.value) == null ? void 0 : n.length) ? 0 : e;
+    }), m = l(() => {
+      const e = a.value - 1;
+      return e <= -1 ? r.value.length - 1 : e;
+    }), w = (e) => {
+      var d;
+      if (a.value === -1)
+        return;
+      const {
+        key: n
+      } = e;
+      switch (n) {
+        case "Home":
+          e.preventDefault(), (d = r.value[0]) == null || d.focus();
+          break;
+        case "End":
+          e.preventDefault(), r.value[r.value.length - 1].focus();
+          break;
+        case "ArrowDown":
+        case "Down":
+          e.preventDefault(), r.value[v.value].focus();
+          break;
+        case "ArrowUp":
+        case "Up":
+          e.preventDefault(), r.value[m.value].focus();
+          break;
+      }
+    }, y = (e) => {
+      a.value = Array.prototype.indexOf.call(r.value, e.target);
+    };
+    return b(() => {
+      var e;
+      c.value = (e = p.value) == null ? void 0 : e.querySelectorAll(".js-cdr-accordion-button"), typeof t.unwrap == "string" && (s.value = t.unwrap.indexOf(i()) !== -1, window.addEventListener("resize", _(() => {
+        s.value = t.unwrap.indexOf(i()) !== -1;
+      }, 300)));
+    }), (e, n) => (A(), C("div", {
+      class: D(h(f)[I]),
+      ref_key: "accordionGroupEl",
+      ref: p,
+      onFocusin: y,
+      onKeydown: w
+    }, [B(e.$slots, "default")], 34));
+  }
+});
+export {
+  U as default
+};

package/dist/src/components/accordion/styles/CdrAccordion.module.scss.mjs

@@ -0,0 +1,34 @@
+const c = {
+  "cdr-icon": "cdr-icon_14-0-2-alpha-8",
+  "cdr-icon--small": "cdr-icon--small_14-0-2-alpha-8",
+  "cdr-icon--large": "cdr-icon--large_14-0-2-alpha-8",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_14-0-2-alpha-8",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_14-0-2-alpha-8",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_14-0-2-alpha-8",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_14-0-2-alpha-8",
+  "cdr-icon--small@md": "cdr-icon--small@md_14-0-2-alpha-8",
+  "cdr-icon--large@md": "cdr-icon--large@md_14-0-2-alpha-8",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_14-0-2-alpha-8",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_14-0-2-alpha-8",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_14-0-2-alpha-8",
+  "cdr-accordion-group": "cdr-accordion-group_14-0-2-alpha-8",
+  "cdr-accordion": "cdr-accordion_14-0-2-alpha-8",
+  "cdr-accordion__button": "cdr-accordion__button_14-0-2-alpha-8",
+  "cdr-accordion__label": "cdr-accordion__label_14-0-2-alpha-8",
+  "cdr-accordion__header": "cdr-accordion__header_14-0-2-alpha-8",
+  "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_14-0-2-alpha-8",
+  "cdr-accordion__icon": "cdr-accordion__icon_14-0-2-alpha-8",
+  "cdr-accordion--open": "cdr-accordion--open_14-0-2-alpha-8",
+  "cdr-accordion__content-container": "cdr-accordion__content-container_14-0-2-alpha-8",
+  "cdr-tabs--open": "cdr-tabs--open_14-0-2-alpha-8",
+  "cdr-accordion__content": "cdr-accordion__content_14-0-2-alpha-8",
+  "cdr-accordion--closed": "cdr-accordion--closed_14-0-2-alpha-8",
+  "cdr-accordion--unwrap": "cdr-accordion--unwrap_14-0-2-alpha-8",
+  "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_14-0-2-alpha-8",
+  "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_14-0-2-alpha-8",
+  "cdr-accordion--compact": "cdr-accordion--compact_14-0-2-alpha-8",
+  "cdr-accordion--focused": "cdr-accordion--focused_14-0-2-alpha-8"
+};
+export {
+  c as default
+};

package/dist/src/components/accordion/styles/CdrAccordionGroup.module.scss.mjs

@@ -0,0 +1,7 @@
+const c = {
+  "cdr-accordion-group": "cdr-accordion-group_14-0-2-alpha-8",
+  "cdr-accordion": "cdr-accordion_14-0-2-alpha-8"
+};
+export {
+  c as default
+};

package/dist/src/components/banner/CdrBanner.vue.mjs

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

@@ -0,0 +1,45 @@
+import { defineComponent as h, useSlots as C, useCssModule as $, computed as m, openBlock as r, createElementBlock as t, normalizeClass as n, unref as e, createElementVNode as d, renderSlot as c, createCommentVNode as l } from "vue";
+import k from "../../utils/propValidator.mjs";
+const p = "cdr-banner", S = /* @__PURE__ */ h({
+  name: "CdrBanner",
+  __name: "CdrBanner",
+  props: {
+    /**
+      * Sets the banner style.
+      * @demoSelectMultiple false
+      * @values info, warning, success, error, default
+    */
+    type: {
+      type: String,
+      validator: (i) => k(i, ["info", "warning", "success", "error", "default"]),
+      default: "default"
+    }
+  },
+  setup(i) {
+    const u = i, o = C(), s = $(), f = m(() => `${p}--${u.type}`), _ = m(() => o["message-body"] ? `${p}__wrapper--prominence` : ""), y = o["icon-left"], b = o["icon-right"], g = o["message-body"], v = o["info-action"];
+    return (a, B) => (r(), t("div", {
+      class: n([e(s)[p], e(s)[f.value]])
+    }, [d("div", {
+      class: n([e(s)["cdr-banner__wrapper"], e(s)[_.value]])
+    }, [d("div", {
+      class: n([e(s)["cdr-banner__main"]])
+    }, [e(y) ? (r(), t("div", {
+      key: 0,
+      class: n([e(s)["cdr-banner__icon-left"]])
+    }, [c(a.$slots, "icon-left")], 2)) : l("", !0), d("span", {
+      class: n([e(s)["cdr-banner__message"]])
+    }, [c(a.$slots, "default")], 2), e(b) ? (r(), t("div", {
+      key: 1,
+      class: n([e(s)["cdr-banner__icon-right"]])
+    }, [c(a.$slots, "icon-right")], 2)) : l("", !0)], 2), e(g) ? (r(), t("div", {
+      key: 0,
+      class: n([e(s)["cdr-banner__message-body"]])
+    }, [c(a.$slots, "message-body")], 2)) : l("", !0)], 2), e(v) ? (r(), t("div", {
+      key: 0,
+      class: n([e(s)["cdr-banner__info-action"]])
+    }, [c(a.$slots, "info-action")], 2)) : l("", !0)], 2));
+  }
+});
+export {
+  S as default
+};

package/dist/src/components/banner/styles/CdrBanner.module.scss.mjs

@@ -0,0 +1,19 @@
+const n = {
+  "cdr-banner": "cdr-banner_14-0-2-alpha-8",
+  "cdr-banner__wrapper--prominence": "cdr-banner__wrapper--prominence_14-0-2-alpha-8",
+  "cdr-banner__main": "cdr-banner__main_14-0-2-alpha-8",
+  "cdr-banner__icon-left": "cdr-banner__icon-left_14-0-2-alpha-8",
+  "cdr-banner__message": "cdr-banner__message_14-0-2-alpha-8",
+  "cdr-banner__message-body": "cdr-banner__message-body_14-0-2-alpha-8",
+  "cdr-banner__icon-right": "cdr-banner__icon-right_14-0-2-alpha-8",
+  "cdr-banner__info-action": "cdr-banner__info-action_14-0-2-alpha-8",
+  "cdr-banner--default": "cdr-banner--default_14-0-2-alpha-8",
+  "cdr-banner__wrapper": "cdr-banner__wrapper_14-0-2-alpha-8",
+  "cdr-banner--info": "cdr-banner--info_14-0-2-alpha-8",
+  "cdr-banner--warning": "cdr-banner--warning_14-0-2-alpha-8",
+  "cdr-banner--success": "cdr-banner--success_14-0-2-alpha-8",
+  "cdr-banner--error": "cdr-banner--error_14-0-2-alpha-8"
+};
+export {
+  n as default
+};

package/dist/src/components/breadcrumb/CdrBreadcrumb.vue.mjs

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

@@ -0,0 +1,103 @@
+import { defineComponent as v, useCssModule as C, ref as h, computed as E, watch as B, openBlock as s, createElementBlock as c, normalizeClass as a, unref as t, createElementVNode as o, createCommentVNode as p, Fragment as L, renderList as w, withDirectives as $, renderSlot as S, toDisplayString as x, vShow as j, nextTick as q } from "vue";
+import A from "../../utils/uid.mjs";
+const D = ["id"], N = ["id"], O = ["aria-controls", "aria-label"], V = ["href", "onClick"], I = /* @__PURE__ */ v({
+  name: "CdrBreadcrumb",
+  __name: "CdrBreadcrumb",
+  props: {
+    /**
+      * Sets the array of a breadcrumb object containing a 'url' and 'name' property.
+      * @demoIgnore true
+      */
+    items: {
+      type: Array,
+      default: () => [],
+      validator: (r) => {
+        if (r.length && r.length > 0)
+          for (let e = 0; e < r.length; e += 1) {
+            if (typeof r[e].item != "object")
+              return console.error("Breadcrumb items array missing item key at index ", e), !1;
+            if (!Object.hasOwnProperty.call(r[e].item, "name"))
+              return console.error("Breadcrumb items array is missing item.name value at index ", e), !1;
+          }
+        return !0;
+      }
+    },
+    /**
+     * Controls the ability to truncate the entire breadcrumb path. If this value is false, truncation will no longer occur.
+     */
+    truncationEnabled: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Define a custom ID for the `<nav>` element. Randomly generated if no ID provided.
+     * @demoIgnore true
+     */
+    id: {
+      type: String
+    }
+  },
+  emits: {
+    /**
+    * Emits when a breadcrumb item is clicked. `e.preventDefault()` may be used to override the default link navigation.
+    * @param breadcrumb The breadcrumb data object
+    */
+    navigate: null
+  },
+  setup(r) {
+    const e = r, i = C(), m = e.id ? e.id : A(), d = h(e.truncationEnabled && e.items.length > 2), f = h(null), _ = h(null), g = E(() => {
+      const n = e.items.length - 2 > 1 ? "s" : "";
+      return `show ${e.items.length - 2} more navigation level${n}`;
+    }), y = () => {
+      d.value = !1, q(() => {
+        var n, u;
+        _.value = (n = f.value) == null ? void 0 : n.querySelector("li a"), (u = _.value) == null || u.focus();
+      });
+    };
+    return B(() => e.items, () => {
+      d.value = e.truncationEnabled && e.items.length > 2;
+    }), (n, u) => (s(), c("nav", {
+      class: a(t(i)["cdr-breadcrumb"]),
+      id: t(m),
+      "aria-label": "breadcrumbs"
+    }, [o("ol", {
+      id: `${t(m)}List`,
+      class: a(t(i)["cdr-breadcrumb__list"]),
+      ref_key: "itemListEl",
+      ref: f
+    }, [d.value ? (s(), c("li", {
+      key: 0,
+      class: a(t(i)["cdr-breadcrumb__item"])
+    }, [o("button", {
+      onClick: y,
+      "aria-expanded": "false",
+      class: a(t(i)["cdr-breadcrumb__ellipses"]),
+      "aria-controls": `${t(m)}List`,
+      "aria-label": g.value
+    }, [o("span", {
+      class: a(t(i)["cdr-breadcrumb__ellipses-icon"]),
+      "aria-hidden": "true"
+    }, " . . . ", 2)], 10, O), o("span", {
+      class: a(t(i)["cdr-breadcrumb__delimiter"]),
+      "aria-hidden": "true"
+    }, " / ", 2)], 2)) : p("", !0), (s(!0), c(L, null, w(r.items, (l, b) => $((s(), c("li", {
+      class: a(t(i)["cdr-breadcrumb__item"]),
+      key: l.item.id || l.item.name.replace(/ /g, "-").toLowerCase()
+    }, [S(n.$slots, "link", {
+      class: a(t(i)["cdr-breadcrumb__link"]),
+      href: l.item.url,
+      content: l.item.name
+    }, () => [o("a", {
+      class: a(t(i)["cdr-breadcrumb__link"]),
+      href: l.item.url,
+      onClick: (k) => n.$emit("navigate", l, k)
+    }, x(l.item.name), 11, V)]), b < r.items.length - 1 ? (s(), c("span", {
+      key: 0,
+      class: a(t(i)["cdr-breadcrumb__delimiter"]),
+      "aria-hidden": "true"
+    }, " / ", 2)) : p("", !0)], 2)), [[j, !d.value || b >= r.items.length - 2]])), 128))], 10, N)], 10, D));
+  }
+});
+export {
+  I as default
+};

package/dist/src/components/breadcrumb/styles/CdrBreadcrumb.module.scss.mjs

@@ -0,0 +1,12 @@
+const r = {
+  "cdr-breadcrumb": "cdr-breadcrumb_14-0-2-alpha-8",
+  "cdr-breadcrumb__list": "cdr-breadcrumb__list_14-0-2-alpha-8",
+  "cdr-breadcrumb__item": "cdr-breadcrumb__item_14-0-2-alpha-8",
+  "cdr-breadcrumb__link": "cdr-breadcrumb__link_14-0-2-alpha-8",
+  "cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_14-0-2-alpha-8",
+  "cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_14-0-2-alpha-8",
+  "cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_14-0-2-alpha-8"
+};
+export {
+  r as default
+};

package/dist/src/components/button/CdrButton.vue.mjs

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

@@ -0,0 +1,85 @@
+import { defineComponent as h, useSlots as v, useCssModule as b, computed as e, openBlock as B, createBlock as $, resolveDynamicComponent as k, normalizeClass as S, unref as r, withCtx as w, renderSlot as i } from "vue";
+import O from "../../utils/mapClasses.mjs";
+import { buildBooleanClass as z, responsiveModifyClass as W } from "../../utils/buildClass.mjs";
+import n from "../../utils/propValidator.mjs";
+const l = "cdr-button", T = /* @__PURE__ */ h({
+  name: "CdrButton",
+  __name: "CdrButton",
+  props: {
+    /**
+       * Renders CdrButton as a <button> or <a> element. When using the value of <a>, this element renders as an anchor link.
+       * @demoIgnore true
+       * @values button, a
+       */
+    tag: {
+      type: String,
+      default: "button",
+      validator: (t) => n(t, ["button", "a"])
+    },
+    /**
+     * Sets the button type
+     * @demoIgnore true
+     * @values button, submit, reset
+     */
+    type: {
+      type: String,
+      default: "button",
+      validator: (t) => n(t, ["button", "submit", "reset"])
+    },
+    /**
+     * Modifies the style variant for this component
+     * @demoSelectMultiple false
+     * @values primary, secondary, sale, dark, link
+     */
+    modifier: {
+      type: String,
+      default: "primary",
+      validator: (t) => n(t, ["primary", "secondary", "sale", "dark", "link"])
+    },
+    /**
+     * Sets the button size; values can target responsive breakpoints. Example: `large@sm`.
+     * @demoSelectMultiple false
+     * @values small, medium, large
+     */
+    size: {
+      type: String,
+      default: "medium",
+      validator: (t) => n(t, ["small", "medium", "large"])
+    },
+    /**
+     * Sets button width to 100%. Setting this value to true will set the button width to 100% of the parent container. Use the 'fullWidth' prop with the 'size' prop to control top and bottom padding.
+     */
+    fullWidth: {
+      type: [String, Boolean],
+      default: !1,
+      validator: (t) => typeof t == "string" ? n(t, ["@xs", "@sm", "@md", "@lg"], !1) : typeof t == "boolean"
+    },
+    /**
+     * Renders an 'icon-only' button. When this value is true, it will override the size and 'responsiveSize' props. Can be used in conjunction with 'with-background'
+     */
+    iconOnly: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Renders an 'icon-only' button with a background color and border. Must be used in conjunction with the 'iconOnly' prop.
+     */
+    withBackground: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const o = t, s = v(), u = b(), d = e(() => o.tag === "button" ? o.type : null), c = e(() => `${l}--${o.modifier}`), f = e(() => !o.iconOnly && o.fullWidth ? z(l, o.fullWidth, "full-width") : ""), p = e(() => o.iconOnly ? `cdr-button--icon-only-${o.size}` : W(l, "", o.size)), m = e(() => s["icon-left"] && s.default ? `${l}--has-icon-left` : ""), y = e(() => s["icon-right"] && s.default ? `${l}--has-icon-right` : ""), g = e(() => o.iconOnly ? `${l}--icon-only` : ""), C = e(() => o.iconOnly && o.withBackground ? `${l}--with-background` : "");
+    return (a, M) => (B(), $(k(t.tag), {
+      class: S(r(O)(r(u), l, c.value, p.value, f.value, g.value, m.value, y.value, C.value)),
+      type: d.value
+    }, {
+      default: w(() => [i(a.$slots, "icon-left"), i(a.$slots, "icon"), i(a.$slots, "default"), i(a.$slots, "icon-right")]),
+      _: 3
+    }, 8, ["class", "type"]));
+  }
+});
+export {
+  T as default
+};

package/dist/src/components/button/styles/CdrButton.module.scss.mjs

@@ -0,0 +1,36 @@
+const t = {
+  "cdr-button": "cdr-button_14-0-2-alpha-8",
+  "cdr-button--has-icon-left": "cdr-button--has-icon-left_14-0-2-alpha-8",
+  "cdr-button--has-icon-right": "cdr-button--has-icon-right_14-0-2-alpha-8",
+  "cdr-button--primary": "cdr-button--primary_14-0-2-alpha-8",
+  "cdr-button--secondary": "cdr-button--secondary_14-0-2-alpha-8",
+  "cdr-button--dark": "cdr-button--dark_14-0-2-alpha-8",
+  "cdr-button--sale": "cdr-button--sale_14-0-2-alpha-8",
+  "cdr-button--link": "cdr-button--link_14-0-2-alpha-8",
+  "cdr-button--large": "cdr-button--large_14-0-2-alpha-8",
+  "cdr-button--medium": "cdr-button--medium_14-0-2-alpha-8",
+  "cdr-button--small": "cdr-button--small_14-0-2-alpha-8",
+  "cdr-button--icon-only": "cdr-button--icon-only_14-0-2-alpha-8",
+  "cdr-button--icon-only-large": "cdr-button--icon-only-large_14-0-2-alpha-8",
+  "cdr-button--with-background": "cdr-button--with-background_14-0-2-alpha-8",
+  "cdr-button--full-width": "cdr-button--full-width_14-0-2-alpha-8",
+  "cdr-button--small@xs": "cdr-button--small@xs_14-0-2-alpha-8",
+  "cdr-button--medium@xs": "cdr-button--medium@xs_14-0-2-alpha-8",
+  "cdr-button--large@xs": "cdr-button--large@xs_14-0-2-alpha-8",
+  "cdr-button--full-width@xs": "cdr-button--full-width@xs_14-0-2-alpha-8",
+  "cdr-button--small@sm": "cdr-button--small@sm_14-0-2-alpha-8",
+  "cdr-button--medium@sm": "cdr-button--medium@sm_14-0-2-alpha-8",
+  "cdr-button--large@sm": "cdr-button--large@sm_14-0-2-alpha-8",
+  "cdr-button--full-width@sm": "cdr-button--full-width@sm_14-0-2-alpha-8",
+  "cdr-button--small@md": "cdr-button--small@md_14-0-2-alpha-8",
+  "cdr-button--medium@md": "cdr-button--medium@md_14-0-2-alpha-8",
+  "cdr-button--large@md": "cdr-button--large@md_14-0-2-alpha-8",
+  "cdr-button--full-width@md": "cdr-button--full-width@md_14-0-2-alpha-8",
+  "cdr-button--small@lg": "cdr-button--small@lg_14-0-2-alpha-8",
+  "cdr-button--medium@lg": "cdr-button--medium@lg_14-0-2-alpha-8",
+  "cdr-button--large@lg": "cdr-button--large@lg_14-0-2-alpha-8",
+  "cdr-button--full-width@lg": "cdr-button--full-width@lg_14-0-2-alpha-8"
+};
+export {
+  t as default
+};

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

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