@rei/cedar 16.3.1 → 17.0.0-alpha.0

package/dist/components/checkbox/CdrCheckbox.vue2.mjs

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

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

@@ -1,32 +0,0 @@
-const r = {
-  "cdr-label-wrapper": "cdr-label-wrapper_16-3-1",
-  "cdr-label-wrapper__container": "cdr-label-wrapper__container_16-3-1",
-  "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_16-3-1",
-  "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_16-3-1",
-  "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_16-3-1",
-  "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_16-3-1",
-  "cdr-label-wrapper__content": "cdr-label-wrapper__content_16-3-1",
-  "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_16-3-1",
-  "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_16-3-1",
-  "cdr-label-wrapper--small": "cdr-label-wrapper--small_16-3-1",
-  "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_16-3-1",
-  "cdr-label-wrapper--large": "cdr-label-wrapper--large_16-3-1",
-  "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_16-3-1",
-  "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_16-3-1",
-  "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_16-3-1",
-  "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_16-3-1",
-  "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_16-3-1",
-  "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_16-3-1",
-  "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_16-3-1",
-  "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_16-3-1",
-  "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_16-3-1",
-  "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_16-3-1",
-  "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_16-3-1",
-  "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_16-3-1",
-  "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_16-3-1",
-  "cdr-checkbox": "cdr-checkbox_16-3-1",
-  "cdr-checkbox__input": "cdr-checkbox__input_16-3-1"
-};
-export {
-  r as default
-};

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

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

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

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

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

@@ -1,9 +0,0 @@
-const c = {
-  "cdr-chip": "cdr-chip_16-3-1",
-  "cdr-chip__icon-left": "cdr-chip__icon-left_16-3-1",
-  "cdr-chip__icon-right": "cdr-chip__icon-right_16-3-1",
-  "cdr-chip__content": "cdr-chip__content_16-3-1"
-};
-export {
-  c as default
-};

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

@@ -1,9 +0,0 @@
-const c = {
-  "cdr-chip-group": "cdr-chip-group_16-3-1",
-  "cdr-chip-group__content": "cdr-chip-group__content_16-3-1",
-  "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_16-3-1",
-  "cdr-chip-group__legend": "cdr-chip-group__legend_16-3-1"
-};
-export {
-  c as default
-};

package/dist/components/choreographer/CdrChoreographer.vue2.mjs

@@ -1,73 +0,0 @@
-import { defineComponent as h, computed as g, useCssModule as k, resolveComponent as _, createElementBlock as a, openBlock as r, Fragment as c, renderList as s, createBlock as t, resolveDynamicComponent as b, mergeProps as v, unref as B, createSlots as A, withCtx as i, createTextVNode as L, toDisplayString as $ } from "vue";
-import D from "../abstract/CdrAbstract.vue.mjs";
-import M from "../button/CdrButton.vue.mjs";
-import P from "../card/CdrCard.vue.mjs";
-import S from "../container/CdrContainer.vue.mjs";
-import T from "../image/CdrImg.vue.mjs";
-import w from "../kicker/CdrKicker.vue.mjs";
-import x from "../layout/CdrLayout.vue.mjs";
-import E from "../link/CdrLink.vue.mjs";
-import F from "../picture/CdrPicture.vue.mjs";
-import I from "../rating/CdrRating.vue.mjs";
-import K from "../title/CdrTitle.vue.mjs";
-/* empty css                           */
-/* empty css                           */
-/* empty css                             */
-/* empty css                                */
-import N from "../text/presets/CdrBody.vue.mjs";
-const R = "cdr-choreographer", to = /* @__PURE__ */ h({
-  name: "CdrChoreographer",
-  __name: "CdrChoreographer",
-  props: {
-    schema: {},
-    components: {
-      default: () => ({})
-    }
-  },
-  setup(d) {
-    const l = d, m = g(() => ({
-      abstract: D,
-      kicker: w,
-      title: K,
-      body: N,
-      image: T,
-      picture: F,
-      rating: I,
-      link: E,
-      card: P,
-      layout: x,
-      button: M,
-      container: S,
-      ...l.components
-    })), C = k();
-    return (e, V) => {
-      const n = _("CdrChoreographer", !0);
-      return r(!0), a(c, null, s(e.schema, (o, u) => (r(), t(b(o.type && m.value[o.type] ? m.value[o.type] : "div"), v({
-        key: `entry-${u}`
-      }, {
-        ref_for: !0
-      }, o == null ? void 0 : o.props, {
-        class: B(C)[`${R}__${o.type}`]
-      }), A({
-        default: i(() => [o.content && Array.isArray(o.content) ? (r(), t(n, {
-          key: 0,
-          schema: o.content,
-          components: e.components
-        }, null, 8, ["schema", "components"])) : (r(), a(c, {
-          key: 1
-        }, [L($(o == null ? void 0 : o.content), 1)], 64))]),
-        _: 2
-      }, [s(o.slots, (f, p) => ({
-        name: p,
-        fn: i(() => [(r(), t(n, {
-          key: p,
-          schema: [f],
-          components: e.components
-        }, null, 8, ["schema", "components"]))])
-      }))]), 1040, ["class"]))), 128);
-    };
-  }
-});
-export {
-  to as default
-};

package/dist/components/choreographer/styles/CdrChoreographer.module.scss.mjs

@@ -1,9 +0,0 @@
-const r = {
-  "cdr-choreographer__kicker": "cdr-choreographer__kicker_16-3-1",
-  "cdr-choreographer__title": "cdr-choreographer__title_16-3-1",
-  "cdr-choreographer__rating": "cdr-choreographer__rating_16-3-1",
-  "cdr-choreographer__abstract": "cdr-choreographer__abstract_16-3-1"
-};
-export {
-  r as default
-};

package/dist/components/container/CdrContainer.vue2.mjs

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

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

@@ -1,7 +0,0 @@
-const t = {
-  "cdr-container": "cdr-container_16-3-1",
-  "cdr-container--static": "cdr-container--static_16-3-1"
-};
-export {
-  t as default
-};

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

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

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

@@ -1,201 +0,0 @@
-import "core-js/modules/esnext.iterator.constructor.js";
-import "core-js/modules/esnext.iterator.for-each.js";
-import "core-js/modules/esnext.iterator.map.js";
-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 E 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", Ee = /* @__PURE__ */ J({
-  name: "CdrFilmstripEngine",
-  __name: "CdrFilmstripEngine",
-  props: {
-    id: {
-      default: ""
-    },
-    description: {
-      default: ""
-    },
-    dataUi: {
-      default: i
-    },
-    isShowingArrows: {
-      type: Boolean,
-      default: !0
-    },
-    frames: {
-      default: () => []
-    },
-    framesToShow: {
-      default: 5
-    },
-    framesToScroll: {
-      default: 4
-    },
-    framesGap: {
-      default: 0
-    },
-    frameExtra: {
-      default: 0.25
-    },
-    focusSelector: {
-      default: ":first-child"
-    },
-    viewportTabindex: {
-      default: "-1"
-    }
-  },
-  emits: ["arrowClick", "scrollNavigate", "ariaMessage"],
-  setup(U, {
-    emit: W
-  }) {
-    const p = Q(), o = U, u = X().class || "", h = W, v = m(""), T = m(null), w = m(null), $ = _(() => {
-      var e;
-      return (e = T.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 t = a === "left" ? !e : !r;
-        return {
-          direction: a,
-          icon: a === "left" ? ce : me,
-          attributes: {
-            "data-ui": `${i}__arrow--${a}`,
-            class: [E(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": `${o.id}-frames`,
-            tabindex: 0,
-            size: "large",
-            disabled: !t
-          }
-        };
-      });
-    }), x = (e) => {
-      const r = M.value * e, a = o.framesGap * e;
-      return r + a;
-    }, 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) => {
-      h("arrowClick", {
-        event: e,
-        direction: r
-      });
-      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 = 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 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 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: l.value
-      }), g.value = !1;
-    }, 100);
-    return Y(() => {
-      var r, a;
-      ne((r = $.value) == null ? void 0 : r.viewportElement, "scroll", q);
-      const {
-        stop: e
-      } = fe(w, (t) => {
-        t.forEach((s) => {
-          C.value = s.contentRect.width;
-        });
-      });
-      Z(() => {
-        e();
-      }), C.value = ((a = w.value) == null ? void 0 : a.offsetWidth) ?? 0;
-    }), (e, r) => (d(), S("div", {
-      id: e.id,
-      ref_key: "containerRef",
-      ref: w,
-      "data-ui": e.dataUi,
-      style: ee(V.value),
-      class: y(f(p)[i]),
-      onFocusin: K
-    }, [ae(ue, {
-      ref_key: "surfaceScrollRef",
-      ref: T,
-      "viewport-props": {
-        "aria-label": e.description || `${e.frames.length} items`,
-        tabindex: e.viewportTabindex
-      },
-      "scrollbar-props": {
-        orientation: "horizontal"
-      }
-    }, {
-      default: A(() => [re("ul", {
-        id: `${e.id}-frames`,
-        class: y([f(E)(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(E)(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
-      }, {
-        ref_for: !0
-      }, a.props, {
-        tabindex: t === c.value ? "0" : "-1"
-      }))], 34))), 128))], 10, ve)]),
-      _: 3
-    }, 8, ["viewport-props"]), (d(!0), S(I, null, L(D.value, ({
-      direction: a,
-      attributes: t,
-      icon: s
-    }) => P(e.$slots, "arrow", k({
-      ref_for: !0
-    }, {
-      attributes: t,
-      direction: a,
-      icon: s
-    }, {
-      onClick: (n) => F(n, a)
-    }), () => [f(O) && o.isShowingArrows ? (d(), z(ie, k({
-      key: a,
-      "icon-only": !0,
-      "with-background": !0
-    }, {
-      ref_for: !0
-    }, t, {
-      onClick: oe((n) => F(n, a), ["prevent"])
-    }), {
-      icon: A(() => [(d(), z(se(s)))]),
-      _: 2
-    }, 1040, ["onClick"])) : te("", !0)])), 256))], 46, de));
-  }
-});
-export {
-  Ee as default
-};

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

@@ -1,12 +0,0 @@
-const r = {
-  "cdr-filmstrip": "cdr-filmstrip_16-3-1",
-  "cdr-filmstrip__frames": "cdr-filmstrip__frames_16-3-1",
-  "cdr-filmstrip__frame": "cdr-filmstrip__frame_16-3-1",
-  "cdr-filmstrip__arrow": "cdr-filmstrip__arrow_16-3-1",
-  "cdr-filmstrip__arrow--left": "cdr-filmstrip__arrow--left_16-3-1",
-  "cdr-filmstrip__arrow--right": "cdr-filmstrip__arrow--right_16-3-1",
-  "cdr-filmstrip__sr-only": "cdr-filmstrip__sr-only_16-3-1"
-};
-export {
-  r as default
-};

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

@@ -1,35 +0,0 @@
-import { defineComponent as l, useCssModule as i, createElementBlock as s, openBlock as t, normalizeClass as a, unref as o, withDirectives as c, createElementVNode as n, createVNode as m, vShow as d, createCommentVNode as p, renderSlot as u, createTextVNode as _, toDisplayString as f } from "vue";
-import C from "../icon/comps/error-stroke.vue.mjs";
-const v = ["role"], h = {
-  key: 0
-}, y = "cdr-form-error", E = "--active-error", k = "cdr-form-error__icon", b = /* @__PURE__ */ l({
-  name: "CdrFormError",
-  __name: "CdrFormError",
-  props: {
-    error: {
-      type: [Boolean, String]
-    },
-    role: {}
-  },
-  setup(N) {
-    const e = i();
-    return (r, S) => (t(), s("div", {
-      class: a([o(e)[y], r.error && o(e)[E]])
-    }, [c(n("span", {
-      class: a(o(e)[k])
-    }, [m(C, {
-      size: "small",
-      "inherit-color": ""
-    })], 2), [[d, r.error]]), n("div", {
-      role: r.role || "status",
-      "aria-atomic": "true",
-      "aria-relevant": "all",
-      style: {
-        display: "inline-block"
-      }
-    }, [r.error ? (t(), s("div", h, [u(r.$slots, "error", {}, () => [_(f(r.error), 1)])])) : p("", !0)], 8, v)], 2));
-  }
-});
-export {
-  b as default
-};