@rei/cedar 15.5.0 → 15.5.1

package/dist/components/rating/components/CdrStarNull.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as a, openBlock as i, createElementBlock as c, normalizeClass as n, unref as l, createElementVNode as r } from "vue";
+import { defineComponent as a, createElementBlock as i, openBlock as c, normalizeClass as n, unref as l, createElementVNode as r } from "vue";
 import m from "../../../utils/mapClasses.mjs";
 import p from "../../../props/size.mjs";
 import { useStar as u } from "../composables/useStar.mjs";
@@ -15,7 +15,7 @@ const _ = {
       style: e,
       sizeClass: o
     } = u(t.size);
-    return (f, d) => (i(), c("svg", {
+    return (f, d) => (c(), i("svg", {
       class: n(l(m)(l(e), "cdr-rating__star", l(o))),
       viewBox: "0 0 24 24",
       fill: "none",

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

@@ -1,48 +1,48 @@
 const r = {
-  "cdr-rating__icon": "cdr-rating__icon_15-5-0",
-  "cdr-rating__count": "cdr-rating__count_15-5-0",
-  "cdr-rating": "cdr-rating_15-5-0",
-  "cdr-rating__number": "cdr-rating__number_15-5-0",
-  "cdr-rating__ratings": "cdr-rating__ratings_15-5-0",
-  "cdr-rating__caption-sr": "cdr-rating__caption-sr_15-5-0",
-  "cdr-rating--linked": "cdr-rating--linked_15-5-0",
-  "cdr-rating__star": "cdr-rating__star_15-5-0",
-  "cdr-rating__star--null-fill": "cdr-rating__star--null-fill_15-5-0",
-  "cdr-rating__star--null-outline": "cdr-rating__star--null-outline_15-5-0",
-  "cdr-rating__star--partial-fill": "cdr-rating__star--partial-fill_15-5-0",
-  "cdr-rating__star--partial-stroke": "cdr-rating__star--partial-stroke_15-5-0",
-  "cdr-rating__star--filled": "cdr-rating__star--filled_15-5-0",
-  "cdr-rating__star--empty": "cdr-rating__star--empty_15-5-0",
-  "cdr-rating__star--small": "cdr-rating__star--small_15-5-0",
-  "cdr-rating__star--medium": "cdr-rating__star--medium_15-5-0",
-  "cdr-rating__star--large": "cdr-rating__star--large_15-5-0",
-  "cdr-rating__star--small@xs": "cdr-rating__star--small@xs_15-5-0",
-  "cdr-rating__star--medium@xs": "cdr-rating__star--medium@xs_15-5-0",
-  "cdr-rating__star--large@xs": "cdr-rating__star--large@xs_15-5-0",
-  "cdr-rating__star--small@sm": "cdr-rating__star--small@sm_15-5-0",
-  "cdr-rating__star--medium@sm": "cdr-rating__star--medium@sm_15-5-0",
-  "cdr-rating__star--large@sm": "cdr-rating__star--large@sm_15-5-0",
-  "cdr-rating__star--small@md": "cdr-rating__star--small@md_15-5-0",
-  "cdr-rating__star--medium@md": "cdr-rating__star--medium@md_15-5-0",
-  "cdr-rating__star--large@md": "cdr-rating__star--large@md_15-5-0",
-  "cdr-rating__star--small@lg": "cdr-rating__star--small@lg_15-5-0",
-  "cdr-rating__star--medium@lg": "cdr-rating__star--medium@lg_15-5-0",
-  "cdr-rating__star--large@lg": "cdr-rating__star--large@lg_15-5-0",
-  "cdr-rating--large": "cdr-rating--large_15-5-0",
-  "cdr-rating--medium": "cdr-rating--medium_15-5-0",
-  "cdr-rating--small": "cdr-rating--small_15-5-0",
-  "cdr-rating--small@xs": "cdr-rating--small@xs_15-5-0",
-  "cdr-rating--medium@xs": "cdr-rating--medium@xs_15-5-0",
-  "cdr-rating--large@xs": "cdr-rating--large@xs_15-5-0",
-  "cdr-rating--small@sm": "cdr-rating--small@sm_15-5-0",
-  "cdr-rating--medium@sm": "cdr-rating--medium@sm_15-5-0",
-  "cdr-rating--large@sm": "cdr-rating--large@sm_15-5-0",
-  "cdr-rating--small@md": "cdr-rating--small@md_15-5-0",
-  "cdr-rating--medium@md": "cdr-rating--medium@md_15-5-0",
-  "cdr-rating--large@md": "cdr-rating--large@md_15-5-0",
-  "cdr-rating--small@lg": "cdr-rating--small@lg_15-5-0",
-  "cdr-rating--medium@lg": "cdr-rating--medium@lg_15-5-0",
-  "cdr-rating--large@lg": "cdr-rating--large@lg_15-5-0"
+  "cdr-rating__icon": "cdr-rating__icon_15-5-1",
+  "cdr-rating__count": "cdr-rating__count_15-5-1",
+  "cdr-rating": "cdr-rating_15-5-1",
+  "cdr-rating__number": "cdr-rating__number_15-5-1",
+  "cdr-rating__ratings": "cdr-rating__ratings_15-5-1",
+  "cdr-rating__caption-sr": "cdr-rating__caption-sr_15-5-1",
+  "cdr-rating--linked": "cdr-rating--linked_15-5-1",
+  "cdr-rating__star": "cdr-rating__star_15-5-1",
+  "cdr-rating__star--null-fill": "cdr-rating__star--null-fill_15-5-1",
+  "cdr-rating__star--null-outline": "cdr-rating__star--null-outline_15-5-1",
+  "cdr-rating__star--partial-fill": "cdr-rating__star--partial-fill_15-5-1",
+  "cdr-rating__star--partial-stroke": "cdr-rating__star--partial-stroke_15-5-1",
+  "cdr-rating__star--filled": "cdr-rating__star--filled_15-5-1",
+  "cdr-rating__star--empty": "cdr-rating__star--empty_15-5-1",
+  "cdr-rating__star--small": "cdr-rating__star--small_15-5-1",
+  "cdr-rating__star--medium": "cdr-rating__star--medium_15-5-1",
+  "cdr-rating__star--large": "cdr-rating__star--large_15-5-1",
+  "cdr-rating__star--small@xs": "cdr-rating__star--small@xs_15-5-1",
+  "cdr-rating__star--medium@xs": "cdr-rating__star--medium@xs_15-5-1",
+  "cdr-rating__star--large@xs": "cdr-rating__star--large@xs_15-5-1",
+  "cdr-rating__star--small@sm": "cdr-rating__star--small@sm_15-5-1",
+  "cdr-rating__star--medium@sm": "cdr-rating__star--medium@sm_15-5-1",
+  "cdr-rating__star--large@sm": "cdr-rating__star--large@sm_15-5-1",
+  "cdr-rating__star--small@md": "cdr-rating__star--small@md_15-5-1",
+  "cdr-rating__star--medium@md": "cdr-rating__star--medium@md_15-5-1",
+  "cdr-rating__star--large@md": "cdr-rating__star--large@md_15-5-1",
+  "cdr-rating__star--small@lg": "cdr-rating__star--small@lg_15-5-1",
+  "cdr-rating__star--medium@lg": "cdr-rating__star--medium@lg_15-5-1",
+  "cdr-rating__star--large@lg": "cdr-rating__star--large@lg_15-5-1",
+  "cdr-rating--large": "cdr-rating--large_15-5-1",
+  "cdr-rating--medium": "cdr-rating--medium_15-5-1",
+  "cdr-rating--small": "cdr-rating--small_15-5-1",
+  "cdr-rating--small@xs": "cdr-rating--small@xs_15-5-1",
+  "cdr-rating--medium@xs": "cdr-rating--medium@xs_15-5-1",
+  "cdr-rating--large@xs": "cdr-rating--large@xs_15-5-1",
+  "cdr-rating--small@sm": "cdr-rating--small@sm_15-5-1",
+  "cdr-rating--medium@sm": "cdr-rating--medium@sm_15-5-1",
+  "cdr-rating--large@sm": "cdr-rating--large@sm_15-5-1",
+  "cdr-rating--small@md": "cdr-rating--small@md_15-5-1",
+  "cdr-rating--medium@md": "cdr-rating--medium@md_15-5-1",
+  "cdr-rating--large@md": "cdr-rating--large@md_15-5-1",
+  "cdr-rating--small@lg": "cdr-rating--small@lg_15-5-1",
+  "cdr-rating--medium@lg": "cdr-rating--medium@lg_15-5-1",
+  "cdr-rating--large@lg": "cdr-rating--large@lg_15-5-1"
 };
 export {
   r as default

package/dist/components/select/CdrSelect.vue2.mjs

@@ -2,7 +2,7 @@ import "core-js/modules/es.array.push.js";
 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 { defineComponent as U, useCssModule as H, useSlots as T, useAttrs as G, computed as o, openBlock as s, createBlock as C, unref as t, createSlots as J, withCtx as n, createElementVNode as S, normalizeClass as p, createElementBlock as f, renderSlot as d, createCommentVNode as y, withDirectives as K, mergeProps as Q, toDisplayString as k, Fragment as W, renderList as X, vModelSelect as Y, createVNode as Z } from "vue";
+import { defineComponent as U, useCssModule as H, useSlots as T, useAttrs as G, computed as o, createBlock as C, openBlock as s, unref as t, createSlots as J, withCtx as n, createElementVNode as S, normalizeClass as p, createElementBlock as f, createCommentVNode as y, withDirectives as K, createVNode as Q, renderSlot as d, mergeProps as W, toDisplayString as k, Fragment as X, renderList as Y, vModelSelect as Z } from "vue";
 import _ from "../icon/comps/caret-down.vue.mjs";
 import ee from "../labelStandalone/CdrLabelStandalone.vue.mjs";
 import re from "../formError/CdrFormError.vue.mjs";
@@ -142,7 +142,7 @@ const oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid
       }, [t(h) ? (s(), f("span", {
         key: 0,
         class: p(t(c)["cdr-select__pre-icon"])
-      }, [d(l.$slots, "pre-icon")], 2)) : y("", !0), K(S("select", Q({
+      }, [d(l.$slots, "pre-icon")], 2)) : y("", !0), K(S("select", W({
         id: t(m),
         class: t($)(t(c), B, w.value, E.value, N.value, j.value, O.value, L.value),
         multiple: e.multiple,
@@ -159,10 +159,10 @@ const oe = ["id", "multiple", "size", "disabled", "aria-required", "aria-invalid
         class: p(t(c)["cdr-select__prompt"]),
         value: "",
         disabled: ""
-      }, k(e.prompt), 3)) : y("", !0), (s(!0), f(W, null, X(M.value, (i) => (s(), f("option", {
+      }, k(e.prompt), 3)) : y("", !0), (s(!0), f(X, null, Y(M.value, (i) => (s(), f("option", {
         key: i.text,
         value: i.value
-      }, k(i.text), 9, ae))), 128)), d(l.$slots, "default")], 16, oe), [[Y, g.value]]), Z(_, {
+      }, k(i.text), 9, ae))), 128)), d(l.$slots, "default")], 16, oe), [[Z, g.value]]), Q(_, {
         class: p(t($)(t(c), "cdr-select__caret", D.value))
       }, null, 8, ["class"])], 2)]),
       _: 2

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

@@ -1,46 +1,46 @@
 const l = {
-  "cdr-icon": "cdr-icon_15-5-0",
-  "cdr-icon--small": "cdr-icon--small_15-5-0",
-  "cdr-icon--large": "cdr-icon--large_15-5-0",
-  "cdr-icon--small@xs": "cdr-icon--small@xs_15-5-0",
-  "cdr-icon--large@xs": "cdr-icon--large@xs_15-5-0",
-  "cdr-icon--small@sm": "cdr-icon--small@sm_15-5-0",
-  "cdr-icon--large@sm": "cdr-icon--large@sm_15-5-0",
-  "cdr-icon--small@md": "cdr-icon--small@md_15-5-0",
-  "cdr-icon--large@md": "cdr-icon--large@md_15-5-0",
-  "cdr-icon--small@lg": "cdr-icon--small@lg_15-5-0",
-  "cdr-icon--large@lg": "cdr-icon--large@lg_15-5-0",
-  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-5-0",
-  "cdr-label-standalone": "cdr-label-standalone_15-5-0",
-  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-5-0",
-  "cdr-label-standalone__label": "cdr-label-standalone__label_15-5-0",
-  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-5-0",
-  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-5-0",
-  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-5-0",
-  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-5-0",
-  "cdr-label-standalone__info": "cdr-label-standalone__info_15-5-0",
-  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-5-0",
-  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-5-0",
-  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-5-0",
-  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-5-0",
-  "cdr-form-error": "cdr-form-error_15-5-0",
-  "cdr-form-error__icon": "cdr-form-error__icon_15-5-0",
-  "cdr-select": "cdr-select_15-5-0",
-  "cdr-select--primary": "cdr-select--primary_15-5-0",
-  "cdr-select--secondary": "cdr-select--secondary_15-5-0",
-  "cdr-select--error": "cdr-select--error_15-5-0",
-  "cdr-select--preicon": "cdr-select--preicon_15-5-0",
-  "cdr-select__prompt": "cdr-select__prompt_15-5-0",
-  "cdr-select__caret": "cdr-select__caret_15-5-0",
-  "cdr-select__caret--disabled": "cdr-select__caret--disabled_15-5-0",
-  "cdr-select__pre-icon": "cdr-select__pre-icon_15-5-0",
-  "cdr-select--multiple": "cdr-select--multiple_15-5-0",
-  "cdr-select--large@xs": "cdr-select--large@xs_15-5-0",
-  "cdr-select--large": "cdr-select--large_15-5-0",
-  "cdr-select--large@sm": "cdr-select--large@sm_15-5-0",
-  "cdr-select--large@md": "cdr-select--large@md_15-5-0",
-  "cdr-select--large@lg": "cdr-select--large@lg_15-5-0",
-  "cdr-select-wrap": "cdr-select-wrap_15-5-0"
+  "cdr-icon": "cdr-icon_15-5-1",
+  "cdr-icon--small": "cdr-icon--small_15-5-1",
+  "cdr-icon--large": "cdr-icon--large_15-5-1",
+  "cdr-icon--small@xs": "cdr-icon--small@xs_15-5-1",
+  "cdr-icon--large@xs": "cdr-icon--large@xs_15-5-1",
+  "cdr-icon--small@sm": "cdr-icon--small@sm_15-5-1",
+  "cdr-icon--large@sm": "cdr-icon--large@sm_15-5-1",
+  "cdr-icon--small@md": "cdr-icon--small@md_15-5-1",
+  "cdr-icon--large@md": "cdr-icon--large@md_15-5-1",
+  "cdr-icon--small@lg": "cdr-icon--small@lg_15-5-1",
+  "cdr-icon--large@lg": "cdr-icon--large@lg_15-5-1",
+  "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-5-1",
+  "cdr-label-standalone": "cdr-label-standalone_15-5-1",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_15-5-1",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_15-5-1",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_15-5-1",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_15-5-1",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_15-5-1",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_15-5-1",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_15-5-1",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_15-5-1",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_15-5-1",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_15-5-1",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_15-5-1",
+  "cdr-form-error": "cdr-form-error_15-5-1",
+  "cdr-form-error__icon": "cdr-form-error__icon_15-5-1",
+  "cdr-select": "cdr-select_15-5-1",
+  "cdr-select--primary": "cdr-select--primary_15-5-1",
+  "cdr-select--secondary": "cdr-select--secondary_15-5-1",
+  "cdr-select--error": "cdr-select--error_15-5-1",
+  "cdr-select--preicon": "cdr-select--preicon_15-5-1",
+  "cdr-select__prompt": "cdr-select__prompt_15-5-1",
+  "cdr-select__caret": "cdr-select__caret_15-5-1",
+  "cdr-select__caret--disabled": "cdr-select__caret--disabled_15-5-1",
+  "cdr-select__pre-icon": "cdr-select__pre-icon_15-5-1",
+  "cdr-select--multiple": "cdr-select--multiple_15-5-1",
+  "cdr-select--large@xs": "cdr-select--large@xs_15-5-1",
+  "cdr-select--large": "cdr-select--large_15-5-1",
+  "cdr-select--large@sm": "cdr-select--large@sm_15-5-1",
+  "cdr-select--large@md": "cdr-select--large@md_15-5-1",
+  "cdr-select--large@lg": "cdr-select--large@lg_15-5-1",
+  "cdr-select-wrap": "cdr-select-wrap_15-5-1"
 };
 export {
   l as default

package/dist/components/skeleton/CdrSkeleton.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as r, useCssModule as l, toRef as a, provide as i, openBlock as m, createElementBlock as c, normalizeClass as p, unref as u, renderSlot as d } from "vue";
+import { defineComponent as r, useCssModule as l, toRef as a, provide as i, createElementBlock as m, openBlock as c, normalizeClass as p, unref as u, renderSlot as d } from "vue";
 import { motionKey as f } from "../../types/symbols.mjs";
 const C = "cdr-skeleton", S = /* @__PURE__ */ r({
   name: "CdrSkeleton",
@@ -17,7 +17,7 @@ const C = "cdr-skeleton", S = /* @__PURE__ */ r({
   },
   setup(e) {
     const o = e, t = l(), n = a(o, "motion");
-    return i(f, n), (s, k) => (m(), c("div", {
+    return i(f, n), (s, k) => (c(), m("div", {
       class: p(u(t)[C]),
       "aria-live": "polite",
       "aria-busy": "true"

package/dist/components/skeleton/CdrSkeletonBone.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as c, useCssModule as p, computed as t, inject as i, ref as u, openBlock as d, createElementBlock as f, normalizeClass as C, unref as n } from "vue";
+import { defineComponent as c, useCssModule as p, computed as t, inject as i, ref as u, createElementBlock as d, openBlock as f, normalizeClass as C, unref as n } from "vue";
 import _ from "../../utils/propValidator.mjs";
 import v from "../../utils/mapClasses.mjs";
 import { motionKey as y } from "../../types/symbols.mjs";
@@ -19,7 +19,7 @@ const o = "cdr-skeleton-bone", b = /* @__PURE__ */ c({
   },
   setup(e) {
     const s = e, a = p(), l = t(() => `${o}--${s.type}`), r = i(y, u(!0)), m = t(() => r.value ? `${o}__shimmer` : "");
-    return (g, k) => (d(), f("div", {
+    return (g, k) => (f(), d("div", {
       class: C(n(v)(n(a), o, l.value, m.value))
     }, null, 2));
   }

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

@@ -1,5 +1,5 @@
 const e = {
-  "cdr-skeleton": "cdr-skeleton_15-5-0"
+  "cdr-skeleton": "cdr-skeleton_15-5-1"
 };
 export {
   e as default

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

@@ -1,11 +1,11 @@
-const e = "shimmer_15-5-0", n = {
-  "cdr-skeleton-bone": "cdr-skeleton-bone_15-5-0",
-  "cdr-skeleton-bone__shimmer": "cdr-skeleton-bone__shimmer_15-5-0",
+const e = "shimmer_15-5-1", n = {
+  "cdr-skeleton-bone": "cdr-skeleton-bone_15-5-1",
+  "cdr-skeleton-bone__shimmer": "cdr-skeleton-bone__shimmer_15-5-1",
   shimmer: e,
-  "cdr-skeleton-bone--line": "cdr-skeleton-bone--line_15-5-0",
-  "cdr-skeleton-bone--heading": "cdr-skeleton-bone--heading_15-5-0",
-  "cdr-skeleton-bone--rectangle": "cdr-skeleton-bone--rectangle_15-5-0",
-  "cdr-skeleton-bone--square": "cdr-skeleton-bone--square_15-5-0"
+  "cdr-skeleton-bone--line": "cdr-skeleton-bone--line_15-5-1",
+  "cdr-skeleton-bone--heading": "cdr-skeleton-bone--heading_15-5-1",
+  "cdr-skeleton-bone--rectangle": "cdr-skeleton-bone--rectangle_15-5-1",
+  "cdr-skeleton-bone--square": "cdr-skeleton-bone--square_15-5-1"
 };
 export {
   n as default,

package/dist/components/splitSurface/CdrSplitSurface.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as u, computed as m, useCssModule as d, openBlock as f, createBlock as i, resolveDynamicComponent as C, normalizeClass as a, unref as e, withCtx as _, createElementVNode as r, renderSlot as l } from "vue";
+import { defineComponent as u, computed as m, useCssModule as d, createBlock as f, openBlock as i, resolveDynamicComponent as C, normalizeClass as a, unref as e, withCtx as _, createElementVNode as r, renderSlot as l } from "vue";
 import $ from "../../utils/mapClasses.mjs";
 const s = "cdr-split-surface", g = /* @__PURE__ */ u({
   name: "CdrSplitSurface",
@@ -13,7 +13,7 @@ const s = "cdr-split-surface", g = /* @__PURE__ */ u({
   },
   setup(c) {
     const n = c, p = m(() => `${s}--${n.surface}`), t = d();
-    return (o, v) => (f(), i(C(o.tag), {
+    return (o, v) => (i(), f(C(o.tag), {
       class: a(e($)(e(t), s, p.value))
     }, {
       default: _(() => [r("div", {

package/dist/components/splitSurface/styles/CdrSplitSurface.module.scss.mjs

@@ -1,9 +1,9 @@
 const t = {
-  "cdr-split-surface": "cdr-split-surface_15-5-0",
-  "cdr-split-surface--top": "cdr-split-surface--top_15-5-0",
-  "cdr-split-surface--bottom": "cdr-split-surface--bottom_15-5-0",
-  "cdr-split-surface__top": "cdr-split-surface__top_15-5-0",
-  "cdr-split-surface__bottom": "cdr-split-surface__bottom_15-5-0"
+  "cdr-split-surface": "cdr-split-surface_15-5-1",
+  "cdr-split-surface--top": "cdr-split-surface--top_15-5-1",
+  "cdr-split-surface--bottom": "cdr-split-surface--bottom_15-5-1",
+  "cdr-split-surface__top": "cdr-split-surface__top_15-5-1",
+  "cdr-split-surface__bottom": "cdr-split-surface__bottom_15-5-1"
 };
 export {
   t as default

package/dist/components/surface/CdrSurface.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as a, useCssModule as c, computed as d, openBlock as n, createBlock as u, resolveDynamicComponent as l, mergeProps as p, unref as f, withCtx as m, renderSlot as i } from "vue";
+import { defineComponent as a, useCssModule as c, computed as d, createBlock as n, openBlock as u, resolveDynamicComponent as l, mergeProps as p, unref as f, withCtx as m, renderSlot as i } from "vue";
 import { getSurfaceProps as C } from "../../utils/surface.mjs";
 const g = /* @__PURE__ */ a({
   name: "CdrSurface",
@@ -17,7 +17,7 @@ const g = /* @__PURE__ */ a({
   },
   setup(r) {
     const e = r, o = c(), t = d(() => C(e));
-    return (s, b) => (n(), u(l(e.tag), p({
+    return (s, b) => (u(), n(l(e.tag), p({
       class: f(o)["cdr-surface"]
     }, t.value), {
       default: m(() => [i(s.$slots, "default")]),

package/dist/components/surface/styles/CdrSurface.module.scss.mjs

@@ -1,5 +1,5 @@
 const c = {
-  "cdr-surface": "cdr-surface_15-5-0"
+  "cdr-surface": "cdr-surface_15-5-1"
 };
 export {
   c as default

package/dist/components/surfaceNavigation/CdrSurfaceNavigation.vue.mjs

@@ -0,0 +1,31 @@
+import { defineComponent as a, computed as d, createBlock as n, openBlock as p, mergeProps as u, withCtx as c, renderSlot as s } from "vue";
+import f from "../surface/CdrSurface.vue.mjs";
+import { getSurfaceProps as i } from "../../utils/surface.mjs";
+const b = /* @__PURE__ */ a({
+  name: "CdrSurNavigation",
+  __name: "CdrSurfaceNavigation",
+  props: {
+    background: {},
+    borderColor: {},
+    borderStyle: {},
+    borderWidth: {},
+    borderRadius: {},
+    boxShadow: {},
+    tag: {
+      default: "div"
+    },
+    palette: {}
+  },
+  setup(e) {
+    const r = e, o = d(() => i(r));
+    return (t, l) => (p(), n(f, u(o.value, {
+      tag: r.tag
+    }), {
+      default: c(() => [s(t.$slots, "default")]),
+      _: 3
+    }, 16, ["tag"]));
+  }
+});
+export {
+  b as default
+};

package/dist/components/surfaceNavigation/CdrSurfaceNavigation.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./CdrSurfaceNavigation.vue.mjs";
+export {
+  f as default
+};

package/dist/components/surfaceSelection/CdrSurfaceSelection.vue.mjs

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

package/dist/components/surfaceSelection/CdrSurfaceSelection.vue2.mjs

@@ -0,0 +1,71 @@
+import { defineComponent as m, useCssModule as g, computed as s, createBlock as y, openBlock as _, mergeProps as d, unref as r, withCtx as t, createElementVNode as c, normalizeClass as n, createVNode as l, renderSlot as u } from "vue";
+import C from "../surface/CdrSurface.vue.mjs";
+import S from "../skeleton/CdrSkeleton.vue.mjs";
+import b from "../skeleton/CdrSkeletonBone.vue.mjs";
+import k from "../layout/CdrLayout.vue.mjs";
+import { getSurfaceProps as h, getDefaultLayout as B } from "../../utils/surface.mjs";
+const V = /* @__PURE__ */ m({
+  name: "CdrSurfaceSelection",
+  __name: "CdrSurfaceSelection",
+  props: {
+    checked: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean
+    },
+    loading: {
+      type: Boolean
+    },
+    role: {
+      default: "checkbox"
+    },
+    layout: {},
+    background: {},
+    borderColor: {},
+    borderStyle: {},
+    borderWidth: {},
+    borderRadius: {},
+    boxShadow: {},
+    tag: {
+      default: "div"
+    },
+    palette: {}
+  },
+  setup(i) {
+    const e = i, o = g(), f = s(() => ({
+      ...h(e),
+      "aria-checked": e.checked,
+      "aria-disabled": e.disabled,
+      "data-loading": e.loading
+    })), p = s(() => ({
+      ...B(),
+      ...e.layout
+    }));
+    return (a, v) => (_(), y(C, d(f.value, {
+      class: r(o)["cdr-surface-selection"],
+      tag: e.tag,
+      role: a.$props.role
+    }), {
+      default: t(() => [c("div", {
+        class: n(r(o)["cdr-surface-selection__inner"])
+      }, [l(k, d(p.value, {
+        class: r(o)["cdr-surface-selection__layout"]
+      }), {
+        default: t(() => [u(a.$slots, "default")]),
+        _: 3
+      }, 16, ["class"]), c("div", {
+        class: n(r(o)["cdr-surface-selection__loading"])
+      }, [u(a.$slots, "loading", {}, () => [l(S, null, {
+        default: t(() => [l(b, {
+          type: "line"
+        })]),
+        _: 1
+      })])], 2)], 2)]),
+      _: 3
+    }, 16, ["class", "tag", "role"]));
+  }
+});
+export {
+  V as default
+};

package/dist/components/surfaceSelection/styles/CdrSurfaceSelection.module.scss.mjs

@@ -0,0 +1,9 @@
+const e = {
+  "cdr-surface-selection": "cdr-surface-selection_15-5-1",
+  "cdr-surface-selection__inner": "cdr-surface-selection__inner_15-5-1",
+  "cdr-surface-selection__layout": "cdr-surface-selection__layout_15-5-1",
+  "cdr-surface-selection__loading": "cdr-surface-selection__loading_15-5-1"
+};
+export {
+  e as default
+};

package/dist/components/switch/CdrSwitch.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as w, useCssModule as C, computed as r, openBlock as b, createElementBlock as v, normalizeClass as s, unref as e, createElementVNode as a, renderSlot as y, createVNode as n } from "vue";
+import { defineComponent as w, useCssModule as C, computed as r, createElementBlock as b, openBlock as v, normalizeClass as s, unref as e, createElementVNode as a, renderSlot as y, createVNode as n } from "vue";
 import V from "../../utils/propValidator.mjs";
 import { buildBooleanClass as k } from "../../utils/buildClass.mjs";
 import z from "../icon/comps/check-sm.vue.mjs";
@@ -53,7 +53,7 @@ const g = ["id"], W = ["aria-checked", "aria-labelledby"], u = "cdr-switch", j =
     const t = i, f = m, l = C(), d = t.id ? t.id : $(), h = (o) => {
       f("update:modelValue", !o);
     }, p = r(() => t.size ? `cdr-switch--${t.size}` : "cdr-switch--medium"), _ = r(() => t.fullWidth ? k(u, t.fullWidth, "full-width") : "");
-    return (o, c) => (b(), v("div", {
+    return (o, c) => (v(), b("div", {
       class: s(e(S)(e(l), u, _.value, p.value))
     }, [a("div", {
       id: e(d),

package/dist/components/switch/styles/CdrSwitch.module.scss.mjs

@@ -1,12 +1,12 @@
 const c = {
-  "cdr-switch": "cdr-switch_15-5-0",
-  "cdr-switch__button": "cdr-switch__button_15-5-0",
-  "cdr-switch__button-icon": "cdr-switch__button-icon_15-5-0",
-  "cdr-switch__handle": "cdr-switch__handle_15-5-0",
-  "cdr-switch__label": "cdr-switch__label_15-5-0",
-  "cdr-switch--full-width": "cdr-switch--full-width_15-5-0",
-  "cdr-switch--large": "cdr-switch--large_15-5-0",
-  "cdr-switch--medium": "cdr-switch--medium_15-5-0"
+  "cdr-switch": "cdr-switch_15-5-1",
+  "cdr-switch__button": "cdr-switch__button_15-5-1",
+  "cdr-switch__button-icon": "cdr-switch__button-icon_15-5-1",
+  "cdr-switch__handle": "cdr-switch__handle_15-5-1",
+  "cdr-switch__label": "cdr-switch__label_15-5-1",
+  "cdr-switch--full-width": "cdr-switch--full-width_15-5-1",
+  "cdr-switch--large": "cdr-switch--large_15-5-1",
+  "cdr-switch--medium": "cdr-switch--medium_15-5-1"
 };
 export {
   c as default

package/dist/components/table/CdrTable.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as c, useCssModule as m, computed as l, openBlock as v, createElementBlock as C, normalizeClass as b, unref as o, createElementVNode as h, mergeProps as B, renderSlot as $ } from "vue";
+import { defineComponent as c, useCssModule as m, computed as l, createElementBlock as v, openBlock as C, normalizeClass as b, unref as o, createElementVNode as h, mergeProps as B, renderSlot as $ } from "vue";
 import y from "../../utils/mapClasses.mjs";
 import z from "../../props/size.mjs";
 import { buildBooleanClass as W } from "../../utils/buildClass.mjs";
@@ -42,7 +42,7 @@ const s = "cdr-table", P = /* @__PURE__ */ c({
   },
   setup(a) {
     const e = a, t = m(), n = l(() => e.size ? `${s}--${e.size}` : ""), d = l(() => e.striped ? `${s}--striped` : ""), p = l(() => e.hover ? `${s}--hover` : ""), u = l(() => e.border && !e.striped ? `${s}--border` : ""), i = l(() => e.fullWidth ? W(s, e.fullWidth, "full-width") : ""), f = l(() => e.responsive ? `${s}--responsive` : "");
-    return (r, _) => (v(), C("div", {
+    return (r, _) => (C(), v("div", {
       class: b(o(t)[f.value])
     }, [h("table", B(r.$attrs, {
       class: o(y)(o(t), s, n.value, d.value, p.value, u.value, i.value)

package/dist/components/table/styles/CdrTable.module.scss.mjs

@@ -1,17 +1,17 @@
 const l = {
-  "cdr-table": "cdr-table_15-5-0",
-  "cdr-table--small": "cdr-table--small_15-5-0",
-  "cdr-table--medium": "cdr-table--medium_15-5-0",
-  "cdr-table--large": "cdr-table--large_15-5-0",
-  "cdr-table--striped": "cdr-table--striped_15-5-0",
-  "cdr-table--border": "cdr-table--border_15-5-0",
-  "cdr-table--full-width": "cdr-table--full-width_15-5-0",
-  "cdr-table--responsive": "cdr-table--responsive_15-5-0",
-  "cdr-table--hover": "cdr-table--hover_15-5-0",
-  "cdr-table--full-width@xs": "cdr-table--full-width@xs_15-5-0",
-  "cdr-table--full-width@sm": "cdr-table--full-width@sm_15-5-0",
-  "cdr-table--full-width@md": "cdr-table--full-width@md_15-5-0",
-  "cdr-table--full-width@lg": "cdr-table--full-width@lg_15-5-0"
+  "cdr-table": "cdr-table_15-5-1",
+  "cdr-table--small": "cdr-table--small_15-5-1",
+  "cdr-table--medium": "cdr-table--medium_15-5-1",
+  "cdr-table--large": "cdr-table--large_15-5-1",
+  "cdr-table--striped": "cdr-table--striped_15-5-1",
+  "cdr-table--border": "cdr-table--border_15-5-1",
+  "cdr-table--full-width": "cdr-table--full-width_15-5-1",
+  "cdr-table--responsive": "cdr-table--responsive_15-5-1",
+  "cdr-table--hover": "cdr-table--hover_15-5-1",
+  "cdr-table--full-width@xs": "cdr-table--full-width@xs_15-5-1",
+  "cdr-table--full-width@sm": "cdr-table--full-width@sm_15-5-1",
+  "cdr-table--full-width@md": "cdr-table--full-width@md_15-5-1",
+  "cdr-table--full-width@lg": "cdr-table--full-width@lg_15-5-1"
 };
 export {
   l as default

package/dist/components/tabs/CdrTabPanel.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as d, useCssModule as m, inject as u, ref as b, computed as o, watch as p, withDirectives as f, openBlock as h, createElementBlock as v, normalizeClass as C, unref as g, renderSlot as y, vShow as S } from "vue";
+import { defineComponent as d, useCssModule as m, inject as u, ref as b, computed as o, watch as p, withDirectives as f, createElementBlock as h, openBlock as v, normalizeClass as C, unref as g, renderSlot as y, vShow as S } from "vue";
 import _ from "../../utils/kebabCase.mjs";
 import { selectedTabKey as k } from "../../types/symbols.mjs";
 const w = ["aria-hidden", "id", "aria-labelledby"], $ = /* @__PURE__ */ d({
@@ -25,7 +25,7 @@ const w = ["aria-hidden", "id", "aria-labelledby"], $ = /* @__PURE__ */ d({
     const e = l, s = r, c = m(), a = u(k, b(null)), n = o(() => e.name === (a == null ? void 0 : a.value)), i = o(() => e.name ? `${_(e.name)}-panel` : void 0);
     return p(n, (t) => {
       s("tab-change", t, i.value);
-    }), (t, x) => f((h(), v("section", {
+    }), (t, x) => f((v(), h("section", {
       tabindex: "0",
       "aria-hidden": !n.value,
       role: "tabpanel",