@rei/cedar 15.6.1-beta.4 → 16.0.0

package/dist/components/filmstrip/CdrFilmstripEngine.vue2.mjs

@@ -1,15 +1,14 @@
 import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.filter.js";
 import "core-js/modules/esnext.iterator.for-each.js";
 import "core-js/modules/esnext.iterator.map.js";
-import { defineComponent as q, useCssModule as J, useAttrs as Q, ref as m, computed as E, onMounted as X, onUnmounted as Y, createElementBlock as b, openBlock as _, normalizeClass as v, normalizeStyle as Z, unref as t, createVNode as y, withCtx as C, createElementVNode as ee, Fragment as R, renderList as I, withKeys as L, renderSlot as N, mergeProps as M, createBlock as z, createCommentVNode as ae, withModifiers as te, resolveDynamicComponent as re } from "vue";
-import h from "../../utils/mapClasses.mjs";
-import { useElementHover as oe, useDebounceFn as P, useEventListener as se, useResizeObserver as le } from "@vueuse/core";
-import { ScrollAreaRoot as ne, ScrollAreaViewport as ie, ScrollAreaScrollbar as fe, ScrollAreaThumb as ue } from "radix-vue";
-import ce from "../button/CdrButton.vue.mjs";
-import me from "../icon/comps/caret-left.vue.mjs";
-import de from "../icon/comps/caret-right.vue.mjs";
-const ve = ["id", "data-ui"], he = ["id", "data-ui"], i = "cdr-filmstrip", Me = /* @__PURE__ */ q({
+import { defineComponent as J, useCssModule as Q, useAttrs as X, ref as m, computed as _, onMounted as Y, onUnmounted as Z, createElementBlock as S, openBlock as d, normalizeClass as y, normalizeStyle as ee, unref as f, createVNode as ae, withCtx as A, createElementVNode as re, Fragment as I, renderList as L, withKeys as N, renderSlot as P, mergeProps as k, createBlock as z, createCommentVNode as te, withModifiers as oe, resolveDynamicComponent as se } from "vue";
+import { useElementHover as le, useDebounceFn as G, useEventListener as ne, useResizeObserver as fe } from "@vueuse/core";
+import T from "../../utils/mapClasses.mjs";
+import ie from "../button/CdrButton.vue.mjs";
+import ue from "../surfaceScroll/CdrSurfaceScroll.vue.mjs";
+import ce from "../icon/comps/caret-left.vue.mjs";
+import me from "../icon/comps/caret-right.vue.mjs";
+const de = ["id", "data-ui"], ve = ["id", "data-ui"], i = "cdr-filmstrip", Te = /* @__PURE__ */ J({
   name: "CdrFilmstripEngine",
   __name: "CdrFilmstripEngine",
   props: {
@@ -49,159 +48,154 @@ const ve = ["id", "data-ui"], he = ["id", "data-ui"], i = "cdr-filmstrip", Me =
     }
   },
   emits: ["arrowClick", "scrollNavigate", "ariaMessage"],
-  setup(G, {
-    emit: U
+  setup(U, {
+    emit: W
   }) {
-    const u = J(), s = G, l = Q().class || "", w = U, p = m(""), g = m(null), $ = m(null), k = m(null), T = m(0), f = m(0), c = m(0), V = oe(g), S = m(!1), x = E(() => {
-      const e = s.framesToShow * s.framesGap;
-      return (T.value - e) / (s.framesToShow + s.frameExtra);
-    }), W = E(() => ({
-      "--frames-gap": s.framesGap,
-      "--frame-width": x.value,
-      "--frame-extra": s.frameExtra
-    })), O = E(() => {
-      const e = f.value === 0, r = f.value >= s.frames.length - s.framesToShow;
+    const p = Q(), o = U, u = X().class || "", h = W, v = m(""), E = m(null), w = m(null), $ = _(() => {
+      var e;
+      return (e = E.value) == null ? void 0 : e.viewportRef;
+    }), b = m(null), C = m(0), l = m(0), c = m(0), O = le(w), g = m(!1), M = _(() => {
+      const e = o.framesToShow * o.framesGap;
+      return (C.value - e) / (o.framesToShow + o.frameExtra);
+    }), V = _(() => ({
+      "--frames-gap": o.framesGap,
+      "--frame-width": M.value,
+      "--frame-extra": o.frameExtra
+    })), D = _(() => {
+      const e = l.value === 0, r = l.value >= o.frames.length - o.framesToShow;
       return ["left", "right"].map((a) => {
-        const o = a === "left" ? !e : !r;
+        const t = a === "left" ? !e : !r;
         return {
           direction: a,
-          icon: a === "left" ? me : de,
+          icon: a === "left" ? ce : me,
           attributes: {
             "data-ui": `${i}__arrow--${a}`,
-            class: [h(u, `${i}__arrow`, `${i}__arrow--${a}`, o ? "" : `${i}__arrow--disabled`), l ? `${l}__arrow` : null, l ? `${l}__arrow--${a}` : null, o ? "" : l && `${i}__arrow--disabled`].filter(Boolean).join(" "),
+            class: [T(p, `${i}__arrow`, `${i}__arrow--${a}`, t ? "" : `${i}__arrow--disabled`), u ? `${u}__arrow` : null, u ? `${u}__arrow--${a}` : null, t ? "" : u && `${i}__arrow--disabled`].filter(Boolean).join(" "),
             "aria-label": `${a === "right" ? "Next" : "Previous"} Frame`,
-            "aria-controls": `${s.id}-frames`,
+            "aria-controls": `${o.id}-frames`,
             tabindex: 0,
             size: "large",
-            disabled: !o
+            disabled: !t
           }
         };
       });
-    }), A = (e) => {
-      const r = x.value * e, a = s.framesGap * e;
+    }), x = (e) => {
+      const r = M.value * e, a = o.framesGap * e;
       return r + a;
-    }, D = (e) => {
-      var o, n;
-      const r = A(e), a = ((o = $.value) == null ? void 0 : o.viewportElement.scrollLeft) ?? 0;
-      (n = $.value) == null || n.viewportElement.scrollBy({
+    }, H = (e) => {
+      var t, s, n, B;
+      const r = x(e), a = ((s = (t = $.value) == null ? void 0 : t.viewportElement) == null ? void 0 : s.scrollLeft) ?? 0;
+      (B = (n = $.value) == null ? void 0 : n.viewportElement) == null || B.scrollBy({
         left: r - a,
         behavior: "smooth"
       });
     }, F = (e, r) => {
-      w("arrowClick", {
+      h("arrowClick", {
         event: e,
         direction: r
       });
-      const o = r === "left" ? -s.framesToScroll : s.framesToScroll, n = f.value + o;
-      f.value = Math.max(0, Math.min(n, s.frames.length - 1)), S.value = !0, D(f.value);
-    }, H = P(() => {
-      const e = s.frames.length, r = Math.max(1, f.value + 1), a = Math.min(e, r + s.framesToShow - 1);
-      p.value = s.framesToShow === 1 ? `Now showing frame ${r} of ${e}` : `Now showing frames ${r} through ${a} of ${e}`, w("ariaMessage", p.value);
-    }, 300), j = (e) => {
+      const t = r === "left" ? -o.framesToScroll : o.framesToScroll, s = l.value + t;
+      l.value = Math.max(0, Math.min(s, o.frames.length - 1)), g.value = !0, H(l.value);
+    }, j = G(() => {
+      const e = o.frames.length, r = Math.max(1, l.value + 1), a = Math.min(e, r + o.framesToShow - 1);
+      v.value = o.framesToShow === 1 ? `Now showing frame ${r} of ${e}` : `Now showing frames ${r} through ${a} of ${e}`, h("ariaMessage", v.value);
+    }, 300), K = (e) => {
       const r = e.currentTarget;
       if (!r || !e.relatedTarget || !r.contains(e.relatedTarget)) {
-        const a = s.frames.length, o = Math.max(1, f.value + 1), n = Math.min(a, o + s.framesToShow - 1);
-        s.framesToShow === 1 ? p.value = `Showing frame ${o} of ${a}. Use left and right arrow keys to navigate.` : p.value = `Showing frames ${o} through ${n} of ${a}. Use left and right arrow keys to navigate.`, w("ariaMessage", p.value);
+        const a = o.frames.length, t = Math.max(1, l.value + 1), s = Math.min(a, t + o.framesToShow - 1);
+        o.framesToShow === 1 ? v.value = `Showing frame ${t} of ${a}. Use left and right arrow keys to navigate.` : v.value = `Showing frames ${t} through ${s} of ${a}. Use left and right arrow keys to navigate.`, h("ariaMessage", v.value);
       }
     };
-    function B(e, r) {
-      if (e.preventDefault(), S.value = !0, r === "left" ? c.value = c.value <= 0 ? s.frames.length - 1 : c.value - 1 : c.value = c.value >= s.frames.length - 1 ? 0 : c.value + 1, k.value) {
-        const o = k.value[c.value].querySelector(s.focusSelector);
-        o && o.focus();
+    function R(e, r) {
+      if (e.preventDefault(), g.value = !0, r === "left" ? c.value = c.value <= 0 ? o.frames.length - 1 : c.value - 1 : c.value = c.value >= o.frames.length - 1 ? 0 : c.value + 1, b.value) {
+        const t = b.value[c.value].querySelector(o.focusSelector);
+        t && t.focus();
       }
     }
-    const K = P((e) => {
-      const r = e.target.scrollLeft, a = s.frames.map((n, d) => A(d)), o = a.findIndex((n) => Math.abs(n - r) === Math.min(...a.map((d) => Math.abs(d - r))));
-      o !== f.value && (f.value = o, H()), S.value || w("scrollNavigate", {
+    const q = G((e) => {
+      const r = e.target.scrollLeft, a = o.frames.map((s, n) => x(n)), t = a.findIndex((s) => Math.abs(s - r) === Math.min(...a.map((n) => Math.abs(n - r))));
+      t !== l.value && (l.value = t, j()), g.value || h("scrollNavigate", {
         event: e,
-        index: f.value
-      }), S.value = !1;
+        index: l.value
+      }), g.value = !1;
     }, 100);
-    return X(() => {
-      var r, a;
-      se((r = $.value) == null ? void 0 : r.viewportElement, "scroll", K);
+    return Y(() => {
+      var r;
+      ne($, "scroll", q);
       const {
         stop: e
-      } = le(g, (o) => {
-        o.forEach((n) => {
-          T.value = n.contentRect.width;
+      } = fe(w, (a) => {
+        a.forEach((t) => {
+          C.value = t.contentRect.width;
         });
       });
-      Y(() => {
+      Z(() => {
         e();
-      }), T.value = ((a = g.value) == null ? void 0 : a.offsetWidth) ?? 0;
-    }), (e, r) => (_(), b("div", {
+      }), C.value = ((r = w.value) == null ? void 0 : r.offsetWidth) ?? 0;
+    }), (e, r) => (d(), S("div", {
       id: e.id,
       ref_key: "containerRef",
-      ref: g,
+      ref: w,
       "data-ui": e.dataUi,
-      style: Z(W.value),
-      class: v(t(u)[i]),
-      onFocusin: j
-    }, [y(t(ne), {
-      type: "auto",
-      class: v([t(h)(t(u), `${i}__root`), t(l) ? `${t(l)}__root` : null])
-    }, {
-      default: C(() => [y(t(ie), {
-        ref_key: "framesRef",
-        ref: $,
-        class: v([t(h)(t(u), `${i}__viewport`), t(l) ? `${t(l)}__viewport` : null]),
+      style: ee(V.value),
+      class: y(f(p)[i]),
+      onFocusin: K
+    }, [ae(ue, {
+      ref_key: "surfaceScrollRef",
+      ref: E,
+      "viewport-props": {
         "aria-label": e.description || `${e.frames.length} items`,
         tabindex: e.viewportTabindex
-      }, {
-        default: C(() => [ee("ul", {
-          id: `${e.id}-frames`,
-          class: v([t(h)(t(u), `${i}__frames`), t(l) && `${t(l)}__frames`]),
-          "data-ui": `${i}__frames`
-        }, [(_(!0), b(R, null, I(e.frames, (a, o) => (_(), b("li", {
-          key: a.key,
-          ref_for: !0,
-          ref_key: "framesItemsRef",
-          ref: k,
-          class: v([t(h)(t(u), `${i}__frame`), t(l) ? `${t(l)}__frame` : null]),
-          onKeydown: [r[0] || (r[0] = L((n) => B(n, "right"), ["right"])), r[1] || (r[1] = L((n) => B(n, "left"), ["left"]))]
-        }, [N(e.$slots, "frame", M({
-          index: o,
-          ref_for: !0
-        }, a.props, {
-          tabindex: o === c.value ? "0" : "-1"
-        }))], 34))), 128))], 10, he)]),
-        _: 3
-      }, 8, ["class", "aria-label", "tabindex"]), y(t(fe), {
-        class: v([t(h)(t(u), `${i}__bar`, `${i}__bar--horizontal`), t(l) ? `${t(l)}__bar` : null, t(l) ? `${t(l)}__bar--horizontal` : null]),
+      },
+      "scrollbar-props": {
         orientation: "horizontal"
+      }
+    }, {
+      default: A(() => [re("ul", {
+        id: `${e.id}-frames`,
+        class: y([f(T)(f(p), `${i}__frames`), f(u) && `${f(u)}__frames`]),
+        "data-ui": `${i}__frames`
+      }, [(d(!0), S(I, null, L(e.frames, (a, t) => (d(), S("li", {
+        key: a.key,
+        ref_for: !0,
+        ref_key: "framesItemsRef",
+        ref: b,
+        class: y([f(T)(f(p), `${i}__frame`), f(u) ? `${f(u)}__frame` : null]),
+        onKeydown: [r[0] || (r[0] = N((s) => R(s, "right"), ["right"])), r[1] || (r[1] = N((s) => R(s, "left"), ["left"]))]
+      }, [P(e.$slots, "frame", k({
+        index: t
       }, {
-        default: C(() => [y(t(ue), {
-          class: v([t(h)(t(u), `${i}__thumb`), t(l) ? `${t(l)}__thumb` : null])
-        }, null, 8, ["class"])]),
-        _: 1
-      }, 8, ["class"])]),
+        ref_for: !0
+      }, a.props, {
+        tabindex: t === c.value ? "0" : "-1"
+      }))], 34))), 128))], 10, ve)]),
       _: 3
-    }, 8, ["class"]), (_(!0), b(R, null, I(O.value, ({
+    }, 8, ["viewport-props"]), (d(!0), S(I, null, L(D.value, ({
       direction: a,
-      attributes: o,
-      icon: n
-    }) => N(e.$slots, "arrow", M({
+      attributes: t,
+      icon: s
+    }) => P(e.$slots, "arrow", k({
       ref_for: !0
     }, {
-      attributes: o,
+      attributes: t,
       direction: a,
-      icon: n
+      icon: s
     }, {
-      onClick: (d) => F(d, a)
-    }), () => [t(V) && s.isShowingArrows ? (_(), z(ce, M({
+      onClick: (n) => F(n, a)
+    }), () => [f(O) && o.isShowingArrows ? (d(), z(ie, k({
       key: a,
       "icon-only": !0,
-      "with-background": !0,
+      "with-background": !0
+    }, {
       ref_for: !0
-    }, o, {
-      onClick: te((d) => F(d, a), ["prevent"])
+    }, t, {
+      onClick: oe((n) => F(n, a), ["prevent"])
     }), {
-      icon: C(() => [(_(), z(re(n)))]),
+      icon: A(() => [(d(), z(se(s)))]),
       _: 2
-    }, 1040, ["onClick"])) : ae("", !0)])), 256))], 46, ve));
+    }, 1040, ["onClick"])) : te("", !0)])), 256))], 46, de));
   }
 });
 export {
-  Me as default
+  Te as default
 };

package/dist/components/filmstrip/styles/CdrFilmstrip.module.scss.mjs

@@ -1,16 +1,11 @@
 const r = {
-  "cdr-filmstrip": "cdr-filmstrip_15-6-1-beta-4",
-  "cdr-filmstrip__viewport": "cdr-filmstrip__viewport_15-6-1-beta-4",
-  "cdr-filmstrip__root": "cdr-filmstrip__root_15-6-1-beta-4",
-  "cdr-filmstrip__frames": "cdr-filmstrip__frames_15-6-1-beta-4",
-  "cdr-filmstrip__frame": "cdr-filmstrip__frame_15-6-1-beta-4",
-  "cdr-filmstrip__bar": "cdr-filmstrip__bar_15-6-1-beta-4",
-  "cdr-filmstrip__bar--horizontal": "cdr-filmstrip__bar--horizontal_15-6-1-beta-4",
-  "cdr-filmstrip__thumb": "cdr-filmstrip__thumb_15-6-1-beta-4",
-  "cdr-filmstrip__arrow": "cdr-filmstrip__arrow_15-6-1-beta-4",
-  "cdr-filmstrip__arrow--left": "cdr-filmstrip__arrow--left_15-6-1-beta-4",
-  "cdr-filmstrip__arrow--right": "cdr-filmstrip__arrow--right_15-6-1-beta-4",
-  "cdr-filmstrip__sr-only": "cdr-filmstrip__sr-only_15-6-1-beta-4"
+  "cdr-filmstrip": "cdr-filmstrip_16-0-0",
+  "cdr-filmstrip__frames": "cdr-filmstrip__frames_16-0-0",
+  "cdr-filmstrip__frame": "cdr-filmstrip__frame_16-0-0",
+  "cdr-filmstrip__arrow": "cdr-filmstrip__arrow_16-0-0",
+  "cdr-filmstrip__arrow--left": "cdr-filmstrip__arrow--left_16-0-0",
+  "cdr-filmstrip__arrow--right": "cdr-filmstrip__arrow--right_16-0-0",
+  "cdr-filmstrip__sr-only": "cdr-filmstrip__sr-only_16-0-0"
 };
 export {
   r as default

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

@@ -1,6 +1,6 @@
 const r = {
-  "cdr-form-error": "cdr-form-error_15-6-1-beta-4",
-  "cdr-form-error__icon": "cdr-form-error__icon_15-6-1-beta-4"
+  "cdr-form-error": "cdr-form-error_16-0-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_16-0-0"
 };
 export {
   r as default

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

@@ -1,12 +1,12 @@
 const r = {
-  "cdr-form-error": "cdr-form-error_15-6-1-beta-4",
-  "cdr-form-error__icon": "cdr-form-error__icon_15-6-1-beta-4",
-  "cdr-form-group": "cdr-form-group_15-6-1-beta-4",
-  "cdr-form-group--error": "cdr-form-group--error_15-6-1-beta-4",
-  "cdr-form-group--disabled": "cdr-form-group--disabled_15-6-1-beta-4",
-  "cdr-form-group__optional": "cdr-form-group__optional_15-6-1-beta-4",
-  "cdr-form-group__required": "cdr-form-group__required_15-6-1-beta-4",
-  "cdr-form-group__wrapper": "cdr-form-group__wrapper_15-6-1-beta-4"
+  "cdr-form-error": "cdr-form-error_16-0-0",
+  "cdr-form-error__icon": "cdr-form-error__icon_16-0-0",
+  "cdr-form-group": "cdr-form-group_16-0-0",
+  "cdr-form-group--error": "cdr-form-group--error_16-0-0",
+  "cdr-form-group--disabled": "cdr-form-group--disabled_16-0-0",
+  "cdr-form-group__optional": "cdr-form-group__optional_16-0-0",
+  "cdr-form-group__required": "cdr-form-group__required_16-0-0",
+  "cdr-form-group__wrapper": "cdr-form-group__wrapper_16-0-0"
 };
 export {
   r as default

package/dist/components/fulfillmentTile/styles/CdrFulfillmentTileIcon.module.scss.mjs

@@ -1,10 +1,10 @@
 const l = {
-  "cdr-fulfillment-tile-icon": "cdr-fulfillment-tile-icon_15-6-1-beta-4",
-  "cdr-fulfillment-tile-icon--default": "cdr-fulfillment-tile-icon--default_15-6-1-beta-4",
-  "cdr-fulfillment-tile-icon--info": "cdr-fulfillment-tile-icon--info_15-6-1-beta-4",
-  "cdr-fulfillment-tile-icon--warning": "cdr-fulfillment-tile-icon--warning_15-6-1-beta-4",
-  "cdr-fulfillment-tile-icon--success": "cdr-fulfillment-tile-icon--success_15-6-1-beta-4",
-  "cdr-fulfillment-tile-icon--error": "cdr-fulfillment-tile-icon--error_15-6-1-beta-4"
+  "cdr-fulfillment-tile-icon": "cdr-fulfillment-tile-icon_16-0-0",
+  "cdr-fulfillment-tile-icon--default": "cdr-fulfillment-tile-icon--default_16-0-0",
+  "cdr-fulfillment-tile-icon--info": "cdr-fulfillment-tile-icon--info_16-0-0",
+  "cdr-fulfillment-tile-icon--warning": "cdr-fulfillment-tile-icon--warning_16-0-0",
+  "cdr-fulfillment-tile-icon--success": "cdr-fulfillment-tile-icon--success_16-0-0",
+  "cdr-fulfillment-tile-icon--error": "cdr-fulfillment-tile-icon--error_16-0-0"
 };
 export {
   l as default

package/dist/components/fulfillmentTile/styles/CdrFulfillmentTitle.module.scss.mjs

@@ -1,11 +1,11 @@
-const e = {
-  "cdr-fulfillment-tile": "cdr-fulfillment-tile_15-6-1-beta-4",
-  "cdr-fulfillment-tile__header": "cdr-fulfillment-tile__header_15-6-1-beta-4",
-  "cdr-surface-selection__loading": "cdr-surface-selection__loading_15-6-1-beta-4",
-  "cdr-surface-selection__layout": "cdr-surface-selection__layout_15-6-1-beta-4",
-  "cdr-fulfillment-tile__content": "cdr-fulfillment-tile__content_15-6-1-beta-4",
-  "cdr-fulfillment-tile__main": "cdr-fulfillment-tile__main_15-6-1-beta-4"
+const l = {
+  "cdr-fulfillment-tile": "cdr-fulfillment-tile_16-0-0",
+  "cdr-fulfillment-tile__header": "cdr-fulfillment-tile__header_16-0-0",
+  "cdr-surface-selection__loading": "cdr-surface-selection__loading_16-0-0",
+  "cdr-surface-selection__layout": "cdr-surface-selection__layout_16-0-0",
+  "cdr-fulfillment-tile__content": "cdr-fulfillment-tile__content_16-0-0",
+  "cdr-fulfillment-tile__main": "cdr-fulfillment-tile__main_16-0-0"
 };
 export {
-  e as default
+  l as default
 };

package/dist/components/grid/styles/CdrGrid.module.scss.mjs

@@ -1,25 +1,25 @@
 const r = {
-  "cdr-grid": "cdr-grid_15-6-1-beta-4",
-  "cdr-grid--gutter-none": "cdr-grid--gutter-none_15-6-1-beta-4",
-  "cdr-grid--gutter-small": "cdr-grid--gutter-small_15-6-1-beta-4",
-  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_15-6-1-beta-4",
-  "cdr-grid--gutter-large": "cdr-grid--gutter-large_15-6-1-beta-4",
-  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_15-6-1-beta-4",
-  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_15-6-1-beta-4",
-  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_15-6-1-beta-4",
-  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_15-6-1-beta-4",
-  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_15-6-1-beta-4",
-  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_15-6-1-beta-4",
-  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_15-6-1-beta-4",
-  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_15-6-1-beta-4",
-  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_15-6-1-beta-4",
-  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_15-6-1-beta-4",
-  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_15-6-1-beta-4",
-  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_15-6-1-beta-4",
-  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_15-6-1-beta-4",
-  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_15-6-1-beta-4",
-  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_15-6-1-beta-4",
-  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_15-6-1-beta-4"
+  "cdr-grid": "cdr-grid_16-0-0",
+  "cdr-grid--gutter-none": "cdr-grid--gutter-none_16-0-0",
+  "cdr-grid--gutter-small": "cdr-grid--gutter-small_16-0-0",
+  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_16-0-0",
+  "cdr-grid--gutter-large": "cdr-grid--gutter-large_16-0-0",
+  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_16-0-0",
+  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_16-0-0",
+  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_16-0-0",
+  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_16-0-0",
+  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_16-0-0",
+  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_16-0-0",
+  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_16-0-0",
+  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_16-0-0",
+  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_16-0-0",
+  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_16-0-0",
+  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_16-0-0",
+  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_16-0-0",
+  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_16-0-0",
+  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_16-0-0",
+  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_16-0-0",
+  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_16-0-0"
 };
 export {
   r as default

package/dist/components/icon/comps/account-profile-fill.vue.mjs

@@ -14,7 +14,8 @@ const d = /* @__PURE__ */ r({
         role: "presentation",
         d: "M4 21a1 1 0 01-1-1h-.008a9.08 9.08 0 01.02-.159 9.08 9.08 0 015.454-7.127 5.5 5.5 0 117.068 0A9.08 9.08 0 0121.008 20H21a1 1 0 01-1 1H4z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/account-profile.vue.mjs

@@ -14,7 +14,8 @@ const f = /* @__PURE__ */ r({
         role: "presentation",
         d: "M12 12a3.5 3.5 0 100-7 3.5 3.5 0 000 7zm6.762 7a7.073 7.073 0 00-13.524 0h13.524zM4 21a1 1 0 01-1-1h-.008a9.08 9.08 0 01.02-.159 9.08 9.08 0 015.454-7.127 5.5 5.5 0 117.068 0A9.08 9.08 0 0121.008 20H21a1 1 0 01-1 1H4z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/arrow-down.vue.mjs

@@ -14,7 +14,8 @@ const f = /* @__PURE__ */ t({
         role: "presentation",
         d: "M11 16.585L7.705 13.29a1 1 0 00-1.412 1.417l4.98 4.98a.997.997 0 001.429.025l5.005-5.005a1 1 0 00-1.414-1.414L13 16.586V5a1 1 0 00-2 0v11.585z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/arrow-left.vue.mjs

@@ -14,7 +14,8 @@ const c = /* @__PURE__ */ o({
         role: "presentation",
         d: "M7.415 11l3.295-3.295a1 1 0 00-1.417-1.412l-4.98 4.98a.997.997 0 00-.025 1.429l5.005 5.005a1 1 0 101.414-1.414L7.414 13H19a1 1 0 000-2H7.415z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/arrow-right.vue.mjs

@@ -14,7 +14,8 @@ const f = /* @__PURE__ */ o({
         role: "presentation",
         d: "M16.585 13l-3.295 3.295a1 1 0 001.417 1.412l4.98-4.98a.997.997 0 00.025-1.429l-5.005-5.005a1 1 0 00-1.414 1.414L16.586 11H5a1 1 0 000 2h11.585z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/arrow-up.vue.mjs

@@ -14,7 +14,8 @@ const f = /* @__PURE__ */ t({
         role: "presentation",
         d: "M13 7.415l3.295 3.295a1 1 0 001.412-1.417l-4.98-4.98a.997.997 0 00-1.429-.025L6.293 9.293a1 1 0 001.414 1.414L11 7.414V19a1 1 0 002 0V7.415z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/atv.vue.mjs

@@ -14,7 +14,8 @@ const f = /* @__PURE__ */ r({
         role: "presentation",
         d: "M12.341 14h-.682A5.998 5.998 0 006 10a5.972 5.972 0 00-3 .803V9.007A1 1 0 014.42 8.1l7.588 1.487 2.48-1.461L13.475 6H12a1 1 0 110-2h2a1 1 0 01.939.655l1.066 2.348 3.451 2.107A1 1 0 0120 10v.341A5.99 5.99 0 0018 10a5.987 5.987 0 00-5.659 4zM6 20a4 4 0 110-8 4 4 0 010 8zm0-2a2 2 0 100-4 2 2 0 000 4zm12 2a4 4 0 110-8 4 4 0 010 8zm0-2a2 2 0 100-4 2 2 0 000 4z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/bed-outline.vue.mjs

@@ -14,7 +14,8 @@ const f = /* @__PURE__ */ r({
         role: "presentation",
         d: "M9 10h12a1 1 0 011 1v3.785a1.004 1.004 0 010 .43V19a1 1 0 01-2 0v-3H4v3a1 1 0 01-2 0V5a1 1 0 112 0v3.25A1.98 1.98 0 015 8h2a2 2 0 012 2zm-5 2v2h16v-2H4z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/bike-shop.vue.mjs

@@ -14,7 +14,8 @@ const f = /* @__PURE__ */ o({
         role: "presentation",
         d: "M13.517 12.18l7.206 7.207a.945.945 0 01-1.336 1.336l-7.206-7.206a1.26 1.26 0 111.336-1.336zm5.37 2.753a7.5 7.5 0 10-3.977 3.977l1.585 1.585-.064-.023a1.253 1.253 0 00-1.574.65l-.122.266a1.052 1.052 0 01-1.67.332l-.213-.197a1.255 1.255 0 00-1.704 0l-.213.197a1.052 1.052 0 01-1.67-.332l-.122-.266a1.253 1.253 0 00-1.574-.65l-.272.1a1.052 1.052 0 01-1.416-.943l-.011-.297a1.251 1.251 0 00-1.204-1.201l-.291-.011a1.051 1.051 0 01-.947-1.414l.103-.28a1.248 1.248 0 00-.65-1.568l-.267-.122a1.051 1.051 0 01-.334-1.67l.202-.218a1.247 1.247 0 000-1.696l-.202-.218a1.05 1.05 0 01.334-1.67l.266-.122c.594-.273.878-.956.651-1.568l-.103-.28a1.05 1.05 0 01.947-1.414l.29-.01A1.251 1.251 0 005.87 4.667l.01-.297a1.05 1.05 0 011.417-.943l.272.1a1.253 1.253 0 001.574-.65l.122-.266a1.052 1.052 0 011.67-.332l.213.197c.48.446 1.224.446 1.704 0l.213-.197a1.052 1.052 0 011.67.332l.122.266c.273.594.96.878 1.574.65l.272-.1a1.052 1.052 0 011.416.943l.011.297c.025.653.55 1.176 1.204 1.201l.291.011a1.051 1.051 0 01.947 1.414l-.103.28a1.248 1.248 0 00.65 1.568l.267.122a1.051 1.051 0 01.334 1.67l-.202.218a1.247 1.247 0 000 1.696l.202.218a1.05 1.05 0 01-.334 1.67l-.266.122a1.248 1.248 0 00-.651 1.568l.052.14-1.634-1.633z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/binoculars.vue.mjs

@@ -14,7 +14,8 @@ const f = /* @__PURE__ */ t({
         role: "presentation",
         d: "M10 13v1h3.996v2H10v1a4 4 0 11-7.853-1.085l1.795-8.93.093-.442A3 3 0 0110 7v4h3.997V7a3 3 0 015.965-.456l.093.442 1.795 8.93A4.003 4.003 0 0117.998 21a4 4 0 01-4-4v-4H10zm9.296.214l-1.308-6.38a1.01 1.01 0 00-.99-.835 1 1 0 00-1 1v6.536a4.016 4.016 0 013.299-.321zm-14.6 0c.408-.14.844-.215 1.298-.215.73 0 1.413.195 2.002.536V7a1 1 0 00-1-1 1.01 1.01 0 00-.99.836l-1.31 6.38zM18 19a2 2 0 100-4 2 2 0 000 4zM6.011 19a2 2 0 100-4 2 2 0 000 4z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/birding.vue.mjs

@@ -14,7 +14,8 @@ const f = /* @__PURE__ */ o({
         role: "presentation",
         d: "M14.56 8.828L9.936 13H12a1 1 0 001-1 1 1 0 012 0 3 3 0 01-3 3H7.718L6.61 16H14a3 3 0 003-3V6a1 1 0 10-2 0l.001 2a.997.997 0 01-.235.642l-.205.186zM19 6v.517l1.172.498A1 1 0 0121 8v1h-1.233l-.005.013L19.73 9H19v4a5 5 0 01-5 5v1a1 1 0 110 2h-1a1 1 0 01-1-1v-2H4a1 1 0 01-.592-1.806L13 7.542V6a3 3 0 016 0z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/boat.vue.mjs

@@ -14,7 +14,8 @@ const f = /* @__PURE__ */ r({
         role: "presentation",
         d: "M19 17h-6v3h4a1 1 0 010 2H7a1 1 0 010-2h4v-5H5a1 1 0 01-.813-1.582L11 4.036V3a1 1 0 112 0v1.007l6.789 11.378a1 1 0 01-.79 1.615zm-8-4V7.439L6.96 13H11zm2-5.123V15h4.24L13 7.877z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/boating.vue.mjs

@@ -14,7 +14,8 @@ const h = /* @__PURE__ */ o({
         role: "presentation",
         d: "M6.008 16.578l-.01-.01.387-.387A6.964 6.964 0 015.071 13H3a1 1 0 010-2h2.07a6.964 6.964 0 011.325-3.194 1.015 1.015 0 01-.052-.049L4.929 6.343A1 1 0 016.343 4.93l.707.707.012-.012.76.76a6.964 6.964 0 013.165-1.311V4.49H11V3a1 1 0 012 0v2a.802.802 0 01-.003.07 6.964 6.964 0 013.184 1.315l.424-.424.01.01 1.042-1.042a1 1 0 011.414 1.414l-1.414 1.414a1.015 1.015 0 01-.052.049A6.964 6.964 0 0118.928 11h2.07a1 1 0 010 2h-2.07a6.964 6.964 0 01-1.312 3.178l.052.052-.012.012 1.414 1.415a1 1 0 01-1.414 1.414l-1.414-1.414a1.015 1.015 0 01-.049-.052 6.964 6.964 0 01-3.197 1.324.843.843 0 01.003.071v2a1 1 0 01-2 0v-1.51h-.013v-.563a6.964 6.964 0 01-3.181-1.322 1.015 1.015 0 01-.049.052L6.343 19.07a1 1 0 11-1.414-1.414l1.079-1.08v.002zM14.395 11H16.9a4.972 4.972 0 00-.736-1.769L14.394 11h.001zm.35-3.18a4.971 4.971 0 00-1.758-.723V9.58l1.759-1.76h-.001zM9.567 13H7.1c.129.634.377 1.224.72 1.746L9.567 13zm-.335 3.164c.524.35 1.118.602 1.756.733v-2.489l-1.756 1.756zM9.61 11L7.838 9.228A4.972 4.972 0 007.1 11h2.51zm-.353-3.181l1.73 1.73V7.102a4.972 4.972 0 00-1.73.716v.001zM14.438 13l1.743 1.743c.343-.521.59-1.11.719-1.743h-2.462zm.334 3.162l-1.785-1.785v2.526a4.972 4.972 0 001.785-.741z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/bookmark-fill.vue.mjs

@@ -14,7 +14,8 @@ const c = /* @__PURE__ */ t({
         role: "presentation",
         d: "M5 2h14a1 1 0 011 1v18a1 1 0 01-1.6.8L12.002 17 5.6 21.8A1 1 0 014 21V3a1 1 0 011-1z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/bookmark-stroke.vue.mjs

@@ -14,7 +14,8 @@ const c = /* @__PURE__ */ t({
         role: "presentation",
         d: "M5 2h14a1 1 0 011 1v18a1 1 0 01-1.6.8L12.002 17 5.6 21.8A1 1 0 014 21V3a1 1 0 011-1zm1 2v15l5.402-4.05a1 1 0 011.2 0L18 19V4H6z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });

package/dist/components/icon/comps/brand-abstract.vue.mjs

@@ -14,7 +14,8 @@ const f = /* @__PURE__ */ o({
         role: "presentation",
         d: "M10 9a5 5 0 110 10 5 5 0 010-10zm9-4v14h-3V8H5V5h14zm-9 7a2 2 0 100 4 2 2 0 000-4z"
       }, null, -1))]),
-      _: 3
+      _: 3,
+      __: [0]
     }, 16));
   }
 });