@onereach/ui-components 4.3.12 → 4.3.13-beta.2683.0

package/dist/bundled/v2/components/OrCarousel/OrCarousel.js

@@ -1,7 +1,7 @@
+import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { defineComponent, ref } from 'vue-demi';
 import { EVENTS } from './constants.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
-import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import 'lodash';
 import '../OrIcon/constants.js';
@@ -2653,6 +2653,9 @@ var Splide = _Splide;
 Splide.defaults = {};
 Splide.STATES = STATES;
 
+var css_248z$1 = ".splide__container{box-sizing:border-box;position:relative}.splide__list{margin:0!important;padding:0!important}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{list-style-type:none!important}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide.focus-visible{outline:3px solid #0bf;outline-offset:-3px}.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide.focus-visible{border:3px solid #0bf}.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}";
+styleInject(css_248z$1);
+
 var script = defineComponent({
   name: 'OrCarousel',
   components: {
@@ -2814,7 +2817,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".or-carousel[data-v-53c22bd2]{line-height:1;text-align:center}.or-carousel__track-container[data-v-53c22bd2]{position:relative}.or-carousel .splide__arrow[data-v-53c22bd2].focus-visible{outline:0}.or-carousel .splide__arrow[data-v-53c22bd2]:focus-visible{outline:0}.or-carousel[data-v-53c22bd2]  .splide__pagination__page{background:#64b2da}";
+var css_248z = ".or-carousel[data-v-79a6ba5c]{line-height:1;text-align:center}.or-carousel__track-container[data-v-79a6ba5c]{position:relative}.or-carousel .splide__arrow[data-v-79a6ba5c].focus-visible{outline:0}.or-carousel .splide__arrow[data-v-79a6ba5c]:focus-visible{outline:0}.or-carousel[data-v-79a6ba5c]  .splide__pagination__page{background:#64b2da}";
 styleInject(css_248z);
 
 /* script */
@@ -2860,7 +2863,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-53c22bd2";
+const __vue_scope_id__ = "data-v-79a6ba5c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrCarousel/OrCarousel.vue.d.ts

@@ -1,4 +1,5 @@
 import { Splide, ResponsiveOptions } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { PropType } from 'vue-demi';
 import { Direction, KeyBoard, Type } from './constants';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{

package/dist/bundled/v2/components/OrCarousel/index.js

@@ -1,5 +1,6 @@
 export { default as OrCarousel } from './OrCarousel.js';
 export { default as OrCarouselItem } from '../OrCarouselItem/OrCarouselItem.js';
+import '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import './constants.js';
 import '../OrIcon/OrIcon.js';
@@ -7,7 +8,6 @@ import 'lodash';
 import '../OrIcon/constants.js';
 import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../style-inject.es-4c6f2515.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';

package/dist/bundled/v3/{OrCarousel.vue_vue_type_script_lang-188ca513.js → OrCarousel.vue_vue_type_script_lang-5222cb8d.js}

@@ -1,3 +1,4 @@
+import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { defineComponent, ref } from 'vue-demi';
 import { EVENTS } from './components/OrCarousel/constants.js';
 import './components/OrIcon/OrIcon.js';
@@ -2641,6 +2642,9 @@ var Splide = _Splide;
 Splide.defaults = {};
 Splide.STATES = STATES;
 
+var css_248z = ".splide__container{box-sizing:border-box;position:relative}.splide__list{margin:0!important;padding:0!important}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{list-style-type:none!important}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide.focus-visible{outline:3px solid #0bf;outline-offset:-3px}.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide.focus-visible{border:3px solid #0bf}.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle.focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}";
+styleInject(css_248z);
+
 var script = defineComponent({
   name: 'OrCarousel',
   components: {

package/dist/bundled/v3/components/OrCarousel/OrCarousel.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCarousel.vue_vue_type_script_lang-188ca513.js';
-export { s as default } from '../../OrCarousel.vue_vue_type_script_lang-188ca513.js';
+import { s as script } from '../../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
+export { s as default } from '../../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -54,7 +54,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })])])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("ul", _hoisted_8, [renderSlot(_ctx.$slots, "default")])])])], 512 /* NEED_PATCH */)]);
 }
 
-var css_248z = "@import '~@splidejs/splide/dist/css/splide.min.css';\n.or-carousel[data-v-1a3da3b8] {\n  line-height: 1;\n  text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n  position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8].focus-visible {\n  outline: none;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n  outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n  background: #64b2da;\n}";
+var css_248z = ".or-carousel[data-v-1a3da3b8] {\n  line-height: 1;\n  text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n  position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8].focus-visible {\n  outline: none;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n  outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n  background: #64b2da;\n}";
 styleInject(css_248z);
 
 script.render = render;

package/dist/bundled/v3/components/OrCarousel/OrCarousel.vue.d.ts

@@ -1,4 +1,5 @@
 import { Splide, ResponsiveOptions } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { PropType } from 'vue-demi';
 import { Direction, KeyBoard, Type } from './constants';
 declare const _default: import("vue-demi").DefineComponent<{

package/dist/bundled/v3/components/OrCarousel/index.js

@@ -1,5 +1,6 @@
-export { s as OrCarousel } from '../../OrCarousel.vue_vue_type_script_lang-188ca513.js';
+export { s as OrCarousel } from '../../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
 export { s as OrCarouselItem } from '../../OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
+import '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
 import './constants.js';
 import '../OrIcon/OrIcon.js';
@@ -10,7 +11,6 @@ import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../OrTooltipContent.vue_vue_type_script_lang-969c20ed.js';
 import 'vue';
-import '../../style-inject.es-4c6f2515.js';
 import '../OrFloating/OrFloating.js';
 import '../../OrFloating.vue_vue_type_script_lang-d64ad4a7.js';
 import '../../floating-ui.dom.esm-83eba816.js';

package/dist/bundled/v3/components/index.js

@@ -17,7 +17,7 @@ export { s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_l
 export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-86a02f38.js';
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './OrCardCollectionV3/props.js';
 export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
-export { s as OrCarousel } from '../OrCarousel.vue_vue_type_script_lang-188ca513.js';
+export { s as OrCarousel } from '../OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
 export { s as OrCarouselItem } from '../OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
 export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-ba11d80f.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox.vue_vue_type_script_lang-75c6053a.js';

package/dist/bundled/v3/index.js

@@ -14,7 +14,7 @@ export { s as OrCardCollectionV3 } from './OrCardCollection.vue_vue_type_script_
 import './components/OrCardV3/OrCard.js';
 export { s as OrCardV3 } from './OrCard.vue_vue_type_script_lang-b204e541.js';
 import './components/OrCarousel/OrCarousel.js';
-export { s as OrCarousel } from './OrCarousel.vue_vue_type_script_lang-188ca513.js';
+export { s as OrCarousel } from './OrCarousel.vue_vue_type_script_lang-5222cb8d.js';
 import './components/OrCarouselItem/OrCarouselItem.js';
 export { s as OrCarouselItem } from './OrCarouselItem.vue_vue_type_script_lang-42da2f4a.js';
 import './components/OrChips/OrChips.js';

package/dist/esm/v2/{OrCarousel-5c2b2d10.js → OrCarousel-76dc2b7b.js}

@@ -1,4 +1,5 @@
 import { Splide } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { _ as __vue_component__$1 } from './OrIcon-a40e60af.js';
 import { defineComponent, ref } from 'vue-demi';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
@@ -185,7 +186,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".or-carousel[data-v-53c22bd2]{line-height:1;text-align:center}.or-carousel__track-container[data-v-53c22bd2]{position:relative}.or-carousel .splide__arrow[data-v-53c22bd2]:focus-visible{outline:0}.or-carousel[data-v-53c22bd2]  .splide__pagination__page{background:#64b2da}";
+var css_248z = ".or-carousel[data-v-79a6ba5c]{line-height:1;text-align:center}.or-carousel__track-container[data-v-79a6ba5c]{position:relative}.or-carousel .splide__arrow[data-v-79a6ba5c]:focus-visible{outline:0}.or-carousel[data-v-79a6ba5c]  .splide__pagination__page{background:#64b2da}";
 styleInject(css_248z);
 
 /* script */
@@ -231,7 +232,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-53c22bd2";
+const __vue_scope_id__ = "data-v-79a6ba5c";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/esm/v2/components/index.js

@@ -10,7 +10,7 @@ export { _ as OrCard } from '../OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-fe8a1a88.js';
 export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-722c83ce.js';
 export { _ as OrCardV3 } from '../OrCard-0da13cbe.js';
-export { _ as OrCarousel } from '../OrCarousel-5c2b2d10.js';
+export { _ as OrCarousel } from '../OrCarousel-76dc2b7b.js';
 export { _ as OrCarouselItem } from '../OrCarouselItem-c614bab9.js';
 export { _ as OrCheckbox } from '../OrCheckbox-03e5eaff.js';
 export { _ as OrCheckboxV3 } from '../OrCheckbox-59332f84.js';
@@ -118,6 +118,7 @@ import '../color-40b7fe6b.js';
 import '@vueuse/core';
 import '../OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import '../useIdAttribute-859439f0.js';
 import '../OrChips.vue_rollup-plugin-vue_styles.0-3cbb0871.js';
 import '@codemirror/state';

package/dist/esm/v2/components/or-carousel/OrCarousel.vue.d.ts

@@ -1,4 +1,5 @@
 import { Splide, ResponsiveOptions } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { PropType } from 'vue-demi';
 import { Direction, KeyBoard, Type } from './constants';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{

package/dist/esm/v2/components/or-carousel/index.js

@@ -1,6 +1,7 @@
-export { _ as OrCarousel } from '../../OrCarousel-5c2b2d10.js';
+export { _ as OrCarousel } from '../../OrCarousel-76dc2b7b.js';
 export { _ as OrCarouselItem } from '../../OrCarouselItem-c614bab9.js';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import '../../OrIcon-a40e60af.js';
 import 'vue-demi';
 import 'lodash';

package/dist/esm/v2/index.js

@@ -10,7 +10,7 @@ export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-fe8a1a88.js';
 export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-722c83ce.js';
 export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
-export { _ as OrCarousel } from './OrCarousel-5c2b2d10.js';
+export { _ as OrCarousel } from './OrCarousel-76dc2b7b.js';
 export { _ as OrCarouselItem } from './OrCarouselItem-c614bab9.js';
 export { _ as OrCheckbox } from './OrCheckbox-03e5eaff.js';
 export { _ as OrCheckboxV3 } from './OrCheckbox-59332f84.js';
@@ -126,6 +126,7 @@ import './normalize-component-6e8e3d80.js';
 import '@vueuse/core';
 import './OrButton.vue_rollup-plugin-vue_styles.0-83b5a752.js';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import './OrChips.vue_rollup-plugin-vue_styles.0-3cbb0871.js';
 import '@codemirror/state';
 import '@codemirror/view';

package/dist/esm/v3/{OrCarousel-4fb775f8.js → OrCarousel-40f069d5.js}

@@ -1,4 +1,5 @@
 import { Splide } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { s as script$1 } from './OrIcon-b566a871.js';
 import { defineComponent, ref } from 'vue-demi';
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, createCommentVNode } from 'vue';
@@ -220,7 +221,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   })])])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createElementVNode("ul", _hoisted_8, [renderSlot(_ctx.$slots, "default")])])])], 512 /* NEED_PATCH */)]);
 }
 
-var css_248z = "@import '~@splidejs/splide/dist/css/splide.min.css';\n.or-carousel[data-v-1a3da3b8] {\n  line-height: 1;\n  text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n  position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n  outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n  background: #64b2da;\n}";
+var css_248z = ".or-carousel[data-v-1a3da3b8] {\n  line-height: 1;\n  text-align: center;\n}\n.or-carousel__track-container[data-v-1a3da3b8] {\n  position: relative;\n}\n.or-carousel .splide__arrow[data-v-1a3da3b8]:focus-visible {\n  outline: none;\n}\n.or-carousel[data-v-1a3da3b8] .splide__pagination__page {\n  background: #64b2da;\n}";
 styleInject(css_248z);
 
 script.render = render;

package/dist/esm/v3/components/index.js

@@ -9,7 +9,7 @@ export { s as OrCard } from '../OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from '../OrCardCollection-d79dac85.js';
 export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-b319b723.js';
 export { s as OrCardV3 } from '../OrCard-cc82902c.js';
-export { s as OrCarousel } from '../OrCarousel-4fb775f8.js';
+export { s as OrCarousel } from '../OrCarousel-40f069d5.js';
 export { s as OrCarouselItem } from '../OrCarouselItem-8c7ccd0f.js';
 export { s as OrCheckbox } from '../OrCheckbox-ab457011.js';
 export { s as OrCheckboxV3 } from '../OrCheckbox-56d7b6eb.js';
@@ -115,6 +115,7 @@ import '../style-inject.es-4c6f2515.js';
 import '../color-40b7fe6b.js';
 import '@vueuse/core';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import '../useIdAttribute-859439f0.js';
 import '@codemirror/state';
 import '@codemirror/view';

package/dist/esm/v3/components/or-carousel/OrCarousel.vue.d.ts

@@ -1,4 +1,5 @@
 import { Splide, ResponsiveOptions } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { PropType } from 'vue-demi';
 import { Direction, KeyBoard, Type } from './constants';
 declare const _default: import("vue-demi").DefineComponent<{

package/dist/esm/v3/components/or-carousel/index.js

@@ -1,6 +1,7 @@
-export { s as OrCarousel } from '../../OrCarousel-4fb775f8.js';
+export { s as OrCarousel } from '../../OrCarousel-40f069d5.js';
 export { s as OrCarouselItem } from '../../OrCarouselItem-8c7ccd0f.js';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import '../../OrIcon-b566a871.js';
 import 'vue-demi';
 import 'lodash';

package/dist/esm/v3/index.js

@@ -9,7 +9,7 @@ export { s as OrCard } from './OrCard-e3a5aea4.js';
 export { C as CARD_COLLECTION_LAYOUT, s as OrCardCollection } from './OrCardCollection-d79dac85.js';
 export { D as DefaultCardCollectionViews, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-b319b723.js';
 export { s as OrCardV3 } from './OrCard-cc82902c.js';
-export { s as OrCarousel } from './OrCarousel-4fb775f8.js';
+export { s as OrCarousel } from './OrCarousel-40f069d5.js';
 export { s as OrCarouselItem } from './OrCarouselItem-8c7ccd0f.js';
 export { s as OrCheckbox } from './OrCheckbox-ab457011.js';
 export { s as OrCheckboxV3 } from './OrCheckbox-56d7b6eb.js';
@@ -123,6 +123,7 @@ import 'vue';
 import './style-inject.es-4c6f2515.js';
 import '@vueuse/core';
 import '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import '@codemirror/state';
 import '@codemirror/view';
 import '@codemirror/commands';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.3.12",
+  "version": "4.3.13-beta.2683.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -153,6 +153,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "a32aa91a70ce7693b27828f7cb9a4bf45bfaaf77"
+  }
 }

package/src/components/or-carousel/OrCarousel.vue

@@ -32,9 +32,11 @@
 
 <script lang="ts">
 import { Splide, ResponsiveOptions } from '@splidejs/splide';
+import '@splidejs/splide/dist/css/splide.min.css';
 import { OrIcon } from '../or-icon';
 import { defineComponent, PropType, ref } from 'vue-demi';
 import { Direction, EVENTS, KeyBoard, Type } from './constants';
+
 export default defineComponent({
   name: 'OrCarousel',
   components: {
@@ -185,8 +187,6 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-@import '~@splidejs/splide/dist/css/splide.min.css';
-
 .or-carousel {
   &__track-container {
     position: relative;