@onereach/ui-components 2.69.7-beta.2171.0 → 2.69.7-beta.2172.0

package/dist/bundled/v2/{OrCardCollection-c4209a92.js → OrCardCollection-9ab12583.js}

@@ -6,7 +6,7 @@ import { O as OrButton } from './OrButton-4b99c680.js';
 import { O as OrMenu } from './OrMenu-fa47c888.js';
 import { O as OrMenuItem } from './OrMenuItem-26420908.js';
 import { O as OrIcon } from './OrIcon-8625385f.js';
-import { O as OrSearch } from './OrSearch-76b002cf.js';
+import { O as OrSearch } from './OrSearch-e9fe9aba.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 
 const CardCollectionRoot = [

package/dist/bundled/v2/{OrConfirm-cab6535b.js → OrConfirm-58a0d0ae.js}

@@ -3,7 +3,7 @@ import { useMagicKeys, whenever } from '@vueuse/core';
 import { l as logicAnd } from './index-17f264f9.js';
 import { O as OrOverlay } from './OrOverlay-3c89d622.js';
 import { O as OrButton, a as ButtonColor } from './OrButton-4b99c680.js';
-import { O as OrInput } from './OrInput-8b90e08f.js';
+import { O as OrInput } from './OrInput-70a17476.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/{OrExpansionPanel-d9a260e2.js → OrExpansionPanel-995caa85.js}

@@ -1,7 +1,7 @@
 import './index-fa6eb4ca.js';
 import { O as OrIcon } from './OrIcon-8625385f.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
-import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
+import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var ExpansionPanelVariant;
@@ -74,10 +74,6 @@ var script = defineComponent({
       type: String,
       required: true
     },
-    isOpen: {
-      type: Boolean,
-      default: false
-    },
     variant: {
       type: String,
       default: ExpansionPanelVariant.Default
@@ -91,9 +87,8 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['open', 'close'],
-  expose: ['root', 'open', 'close'],
-  setup(props, context) {
+  expose: ['root'],
+  setup(props) {
     // Refs
     const root = ref();
     // Styles
@@ -103,34 +98,12 @@ var script = defineComponent({
     const addonStyles = computed(() => [...ExpansionPanelAddon]);
     // State
     const expanded = ref(false);
-    // Events
-    watch(expanded, value => {
-      context.emit(value ? 'open' : 'close');
-    });
-    watch(() => props.isOpen, newIsOpen => {
-      if (newIsOpen) {
-        open();
-      } else {
-        close();
-      }
-    }, {
-      immediate: true
-    });
-    // Methods
-    function open() {
-      expanded.value = true;
-    }
-    function close() {
-      expanded.value = false;
-    }
     return {
       root,
       rootStyles,
       headerStyles,
       addonStyles,
-      expanded,
-      open,
-      close
+      expanded
     };
   }
 });
@@ -160,7 +133,7 @@ var __vue_render__ = function () {
     on: {
       "click": function ($event) {
         $event.stopPropagation();
-        _vm.expanded ? _vm.close() : _vm.open();
+        _vm.expanded = !_vm.expanded;
       }
     }
   }, [_c('OrIcon', {

package/dist/bundled/v2/{OrInput-8b90e08f.js → OrInput-70a17476.js}

@@ -5,7 +5,7 @@ import { O as OrIcon } from './OrIcon-8625385f.js';
 import { O as OrIconButton } from './OrIconButton-a215104c.js';
 import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-79ec54ad.js';
 import { O as OrLabel } from './OrLabel-172c4b89.js';
-import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
+import { u as useSlicedAttrs } from './useSlicedAttrs-8d836c02.js';
 import { defineComponent, getCurrentInstance, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
@@ -96,9 +96,14 @@ var script = defineComponent({
     // Refs
     const root = ref();
     const input = ref();
+    // Attrs
+    const {
+      attrs,
+      classes,
+      styles: inlineStyles
+    } = useSlicedAttrs();
     // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-input', ...InputRoot, classAttribute.value]);
+    const rootStyles = computed(() => ['or-input', ...InputRoot, classes.value]);
     const controlStyles = computed(() => [...InputControl]);
     // State
     const controlId = ref((_a = context.attrs.id) !== null && _a !== void 0 ? _a : currentInstance.uid.toString());
@@ -129,6 +134,8 @@ var script = defineComponent({
     return {
       root,
       input,
+      attrs,
+      inlineStyles,
       rootStyles,
       controlStyles,
       controlId,
@@ -153,7 +160,8 @@ var __vue_render__ = function () {
   var _c = _vm._self._c || _h;
   return _c('div', {
     ref: "root",
-    class: _vm.rootStyles
+    class: _vm.rootStyles,
+    style: _vm.inlineStyles
   }, [_vm.label ? [_c('OrLabel', {
     attrs: {
       "control-id": _vm.controlId,
@@ -225,7 +233,7 @@ var __vue_render__ = function () {
         }
       }
     }
-  }, 'input', _vm.$attrs, false)) : (_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'radio' ? _c('input', _vm._b({
+  }, 'input', _vm.attrs, false)) : (_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'radio' ? _c('input', _vm._b({
     directives: [{
       name: "model",
       rawName: "v-model",
@@ -261,7 +269,7 @@ var __vue_render__ = function () {
         _vm.proxyModelValue = null;
       }
     }
-  }, 'input', _vm.$attrs, false)) : _c('input', _vm._b({
+  }, 'input', _vm.attrs, false)) : _c('input', _vm._b({
     directives: [{
       name: "model",
       rawName: "v-model",
@@ -300,7 +308,7 @@ var __vue_render__ = function () {
         _vm.proxyModelValue = $event.target.value;
       }
     }
-  }, 'input', _vm.$attrs, false)), _vm._v(" "), _c('div', {
+  }, 'input', _vm.attrs, false)), _vm._v(" "), _c('div', {
     class: ['layout-row']
   }, [_vm.type === 'password' ? [_c('OrIconButton', {
     attrs: {
@@ -363,14 +371,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-677a1aa4_0", {
-    source: "input[data-v-677a1aa4]{min-width:0;background:0 0;outline:0}input[type=number][data-v-677a1aa4]::-webkit-inner-spin-button{display:none}input[type=search][data-v-677a1aa4]::-webkit-search-cancel-button{display:none}",
+  inject("data-v-4242e756_0", {
+    source: "input[data-v-4242e756]{min-width:0;background:0 0;outline:0}input[type=number][data-v-4242e756]::-webkit-inner-spin-button{display:none}input[type=search][data-v-4242e756]::-webkit-search-cancel-button{display:none}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-677a1aa4";
+const __vue_scope_id__ = "data-v-4242e756";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/{OrSearch-76b002cf.js → OrSearch-e9fe9aba.js}

@@ -1,6 +1,6 @@
 import './index-fa6eb4ca.js';
 import { debouncedWatch } from '@vueuse/core';
-import { O as OrInput } from './OrInput-8b90e08f.js';
+import { O as OrInput } from './OrInput-70a17476.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { a as InputBoxSize } from './OrInputBox-79ec54ad.js';

package/dist/bundled/v2/{OrSelect-9658e0f2.js → OrSelect-396692be.js}

@@ -1,10 +1,10 @@
 import './index-fa6eb4ca.js';
 import { O as OrCheckbox } from './OrCheckbox-dbef9f9a.js';
 import { O as OrError } from './OrError-aad17598.js';
-import { O as OrExpansionPanel } from './OrExpansionPanel-d9a260e2.js';
+import { O as OrExpansionPanel } from './OrExpansionPanel-995caa85.js';
 import { O as OrHint } from './OrHint-f38a1940.js';
 import { O as OrIcon } from './OrIcon-8625385f.js';
-import { O as OrInput } from './OrInput-8b90e08f.js';
+import { O as OrInput } from './OrInput-70a17476.js';
 import { O as OrInputBox, a as InputBoxSize } from './OrInputBox-79ec54ad.js';
 import { O as OrLabel } from './OrLabel-172c4b89.js';
 import { O as OrMenuItem } from './OrMenuItem-26420908.js';

package/dist/bundled/v2/{OrSwitch-237a2081.js → OrSwitch-337c4e40.js}

@@ -1,7 +1,7 @@
 import './index-fa6eb4ca.js';
 import { O as OrLabel, L as LabelVariant } from './OrLabel-172c4b89.js';
 import { O as OrLoader } from './OrLoader-6a1f937b.js';
-import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
+import { u as useSlicedAttrs } from './useSlicedAttrs-8d836c02.js';
 import { defineComponent, getCurrentInstance, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
@@ -104,9 +104,14 @@ var script = defineComponent({
     const currentInstance = getCurrentInstance();
     // Refs
     const root = ref();
+    // Attrs
+    const {
+      attrs,
+      classes,
+      styles: inlineStyles
+    } = useSlicedAttrs();
     // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-switch', ...SwitchRoot, classAttribute.value]);
+    const rootStyles = computed(() => ['or-switch', ...SwitchRoot, classes.value]);
     const controlStyles = computed(() => [...SwitchControl, ...SwitchControlHandle]);
     const loaderStyles = computed(() => [...SwitchLoader, ...SwitchLoaderHandle]);
     // State
@@ -127,6 +132,8 @@ var script = defineComponent({
       rootStyles,
       controlStyles,
       loaderStyles,
+      inlineStyles,
+      attrs,
       controlId,
       proxyModelValue
     };
@@ -143,7 +150,8 @@ var __vue_render__ = function () {
   var _c = _vm._self._c || _h;
   return _c('div', {
     ref: "root",
-    class: _vm.rootStyles
+    class: _vm.rootStyles,
+    style: _vm.inlineStyles
   }, [!_vm.loading ? [_c('input', _vm._b({
     directives: [{
       name: "model",
@@ -186,7 +194,7 @@ var __vue_render__ = function () {
         }
       }
     }
-  }, 'input', _vm.$attrs, false))] : [_c('div', {
+  }, 'input', _vm.attrs, false))] : [_c('div', {
     class: _vm.loaderStyles,
     attrs: {
       "disabled": _vm.disabled ? '' : null
@@ -220,14 +228,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-bd0f51ac_0", {
-    source: "input[data-v-bd0f51ac]{appearance:none;line-height:0}",
+  inject("data-v-3e4b045b_0", {
+    source: "input[data-v-3e4b045b]{appearance:none;line-height:0}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-const __vue_scope_id__ = "data-v-bd0f51ac";
+const __vue_scope_id__ = "data-v-3e4b045b";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -8,7 +8,7 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-4b99c680.js';
 export { O as OrCard } from '../OrCard-a6b30f8f.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-89428bbf.js';
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-c4209a92.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-9ab12583.js';
 export { _ as OrCardV3 } from '../OrCard-29116e1f.js';
 export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-6da755c0.js';
 export { O as OrCheckbox } from '../OrCheckbox-4cbddd67.js';
@@ -19,13 +19,13 @@ export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-fc6876ec.js';
 export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-a1a37e83.js';
 export { _ as OrConfirm } from '../OrConfirm-56d01cff.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-cab6535b.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-58a0d0ae.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-e212f892.js';
 export { O as OrError } from '../OrError-31503e4c.js';
 export { _ as OrErrorTagV3 } from '../OrErrorTag-d0c5bcf4.js';
 export { O as OrErrorV3 } from '../OrError-aad17598.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from '../OrEmptyState-9fb413f9.js';
-export { a as ExpansionPanelColor, E as ExpansionPanelVariant, O as OrExpansionPanelV3 } from '../OrExpansionPanel-d9a260e2.js';
+export { a as ExpansionPanelColor, E as ExpansionPanelVariant, O as OrExpansionPanelV3 } from '../OrExpansionPanel-995caa85.js';
 export { F as FabColor, _ as OrFabV3 } from '../OrFab-7cc75893.js';
 export { O as OrFloating, b as OrFloatingHideStrategy, a as OrFloatingPlacements } from '../OrFloating-554d6f58.js';
 export { O as OrHint } from '../OrHint-fabea4cf.js';
@@ -38,7 +38,7 @@ export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-9ad
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-7262efdf.js';
 export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-9c6f9044.js';
 export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, O as OrInputBoxV3, a as SearchSize, a as SelectSize, a as TextareaSize } from '../OrInputBox-79ec54ad.js';
-export { I as InputType, O as OrInputV3 } from '../OrInput-8b90e08f.js';
+export { I as InputType, O as OrInputV3 } from '../OrInput-70a17476.js';
 export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from '../OrPassword-7da938aa.js';
 export { O as OrInput } from '../OrInput-08f2f666.js';
 export { O as OrSearch } from '../OrSearch-f7cfa52f.js';
@@ -64,10 +64,10 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrP
 export { _ as OrRadio } from '../OrRadio-187d6fc7.js';
 export { _ as OrRadioGroup } from '../OrRadioGroup-aa9f0757.js';
 export { _ as OrRadioV3 } from '../OrRadio-cd39b20b.js';
-export { O as OrSearchV3 } from '../OrSearch-76b002cf.js';
+export { O as OrSearchV3 } from '../OrSearch-e9fe9aba.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-21cc914e.js';
 export { _ as OrSelect } from '../OrSelect-a23d4210.js';
-export { _ as OrSelectV3 } from '../OrSelect-9658e0f2.js';
+export { _ as OrSelectV3 } from '../OrSelect-396692be.js';
 export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
 export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-c95ef614.js';
 export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
@@ -76,7 +76,7 @@ export { _ as OrSlider } from '../OrSlider-59d05856.js';
 export { _ as OrSortHeaderV3 } from '../OrSortHeader-9932d28f.js';
 export { _ as OrStepper } from '../OrStepper-3fc1a2b3.js';
 export { _ as OrSwitch } from '../OrSwitch-47670dbd.js';
-export { _ as OrSwitchV3 } from '../OrSwitch-237a2081.js';
+export { _ as OrSwitchV3 } from '../OrSwitch-337c4e40.js';
 export { _ as OrTab } from '../OrTab-b2c6d977.js';
 export { O as OrTabHeaderItem } from '../OrTabHeaderItem-d39c3cf7.js';
 export { O as OrTabV3 } from '../OrTab-dd949240.js';
@@ -109,6 +109,8 @@ import '../px-to-rem-0b26b83e.js';
 import '../dom-3a15d036.js';
 import '../index-17f264f9.js';
 import '../floating-ui.dom.esm-83eba816.js';
+import '../useSlicedAttrs-8d836c02.js';
+import 'lodash/omit';
 import '../useToggle-6166bd53.js';
 import '../v4-cf8987a3.js';
 import '../useResponsive-e13dfbb0.js';

package/dist/bundled/v2/components/or-card-collection-v3/index.js

@@ -1,4 +1,4 @@
-export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-c4209a92.js';
+export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-9ab12583.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -20,10 +20,12 @@ import '../../OrButton-4b99c680.js';
 import '../../OrLoader-6a1f937b.js';
 import '../../OrMenu-fa47c888.js';
 import '../../OrMenuItem-26420908.js';
-import '../../OrSearch-76b002cf.js';
-import '../../OrInput-8b90e08f.js';
+import '../../OrSearch-e9fe9aba.js';
+import '../../OrInput-70a17476.js';
 import '../../OrError-aad17598.js';
 import '../../OrHint-f38a1940.js';
 import '../../OrInputBox-79ec54ad.js';
 import '../../OrLabel-172c4b89.js';
+import '../../useSlicedAttrs-8d836c02.js';
+import 'lodash/omit';
 import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/or-confirm-v3/index.js

@@ -1,4 +1,4 @@
-export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-cab6535b.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from '../../OrConfirm-58a0d0ae.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -12,7 +12,7 @@ import '../../useClassAttribute-9bf33346.js';
 import '../../useElevation-aac032f4.js';
 import '../../OrButton-4b99c680.js';
 import '../../OrLoader-6a1f937b.js';
-import '../../OrInput-8b90e08f.js';
+import '../../OrInput-70a17476.js';
 import '../../OrError-aad17598.js';
 import '../../OrHint-f38a1940.js';
 import '../../OrIcon-8625385f.js';
@@ -24,4 +24,6 @@ import '../../OrBottomSheet-1cd1ab4c.js';
 import '../../useResponsive-e13dfbb0.js';
 import '../../OrInputBox-79ec54ad.js';
 import '../../OrLabel-172c4b89.js';
+import '../../useSlicedAttrs-8d836c02.js';
+import 'lodash/omit';
 import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/or-expansion-panel-v3/OrExpansionPanel.vue.d.ts

@@ -6,17 +6,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     expanded: import("@vue/composition-api").Ref<boolean>;
-    open: () => void;
-    close: () => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     label: {
         type: StringConstructor;
         required: true;
     };
-    isOpen: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     variant: {
         type: PropType<ExpansionPanelVariant>;
         default: ExpansionPanelVariant;
@@ -34,10 +28,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: StringConstructor;
         required: true;
     };
-    isOpen: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     variant: {
         type: PropType<ExpansionPanelVariant>;
         default: ExpansionPanelVariant;
@@ -52,30 +42,21 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     label: string;
-    isOpen: boolean;
     variant: ExpansionPanelVariant;
     color: ExpansionPanelColor;
     disabled: boolean;
-} & {} & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
     headerStyles: import("@vue/composition-api").ComputedRef<string[]>;
     addonStyles: import("@vue/composition-api").ComputedRef<string[]>;
     expanded: import("@vue/composition-api").Ref<boolean>;
-    open: () => void;
-    close: () => void;
-}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     label: string;
-    isOpen: boolean;
     variant: ExpansionPanelVariant;
     color: ExpansionPanelColor;
     disabled: boolean;
-} & {} & {
-    [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-}, {
-    isOpen: boolean;
+} & {}, {
     variant: ExpansionPanelVariant;
     color: ExpansionPanelColor;
     disabled: boolean;

package/dist/bundled/v2/components/or-expansion-panel-v3/index.js

@@ -1,4 +1,4 @@
-export { a as ExpansionPanelColor, E as ExpansionPanelVariant, O as OrExpansionPanelV3 } from '../../OrExpansionPanel-d9a260e2.js';
+export { a as ExpansionPanelColor, E as ExpansionPanelVariant, O as OrExpansionPanelV3 } from '../../OrExpansionPanel-995caa85.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/components/or-input-v3/OrInput.stories3.d.ts

@@ -1,4 +1,5 @@
 import { Meta, StoryFn } from '@storybook/vue3';
+import OrInput from './OrInput.vue';
 declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
     [x: string]: ((...args: any[]) => any) | null;
 } | string[], {} & {}, {
@@ -25,3 +26,4 @@ export declare const Search: StoryFn<import("vue").ComponentOptions<import("vue"
 } | string[], {} & {}, {
     [x: number]: string;
 } | {}, true>)>;
+export declare const CustomClassesAndStyles: StoryFn<typeof OrInput>;

package/dist/bundled/v2/components/or-input-v3/OrInput.vue.d.ts

@@ -3,7 +3,9 @@ import { InputSize, InputType } from './props';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     input: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    attrs: import("@vue/composition-api").ComputedRef<Pick<import("@vue/composition-api").Data, string | number>>;
+    inlineStyles: import("@vue/composition-api").ComputedRef<unknown>;
+    rootStyles: import("@vue/composition-api").ComputedRef<unknown[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;
@@ -120,7 +122,9 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     input: import("@vue/composition-api").Ref<HTMLInputElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    attrs: import("@vue/composition-api").ComputedRef<Pick<import("@vue/composition-api").Data, string | number>>;
+    inlineStyles: import("@vue/composition-api").ComputedRef<unknown>;
+    rootStyles: import("@vue/composition-api").ComputedRef<unknown[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<string | number>;

package/dist/bundled/v2/components/or-input-v3/index.js

@@ -1,4 +1,4 @@
-export { I as InputType, O as OrInputV3 } from '../../OrInput-8b90e08f.js';
+export { I as InputType, O as OrInputV3 } from '../../OrInput-70a17476.js';
 export { a as InputSize } from '../../OrInputBox-79ec54ad.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -20,4 +20,6 @@ import 'portal-vue';
 import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
 import '../../OrLabel-172c4b89.js';
+import '../../useSlicedAttrs-8d836c02.js';
+import 'lodash/omit';
 import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/or-search-v3/index.js

@@ -1,10 +1,10 @@
-export { O as OrSearchV3 } from '../../OrSearch-76b002cf.js';
+export { O as OrSearchV3 } from '../../OrSearch-e9fe9aba.js';
 export { a as SearchSize } from '../../OrInputBox-79ec54ad.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
 import '@vueuse/core';
-import '../../OrInput-8b90e08f.js';
+import '../../OrInput-70a17476.js';
 import '../../OrError-aad17598.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
@@ -21,4 +21,6 @@ import 'portal-vue';
 import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
 import '../../OrLabel-172c4b89.js';
+import '../../useSlicedAttrs-8d836c02.js';
+import 'lodash/omit';
 import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/or-select-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSelectV3 } from '../../OrSelect-9658e0f2.js';
+export { _ as OrSelectV3 } from '../../OrSelect-396692be.js';
 export { a as SelectSize } from '../../OrInputBox-79ec54ad.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
@@ -9,10 +9,10 @@ import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../browser-82dea9ed.js';
 import '../../OrError-aad17598.js';
-import '../../OrExpansionPanel-d9a260e2.js';
+import '../../OrExpansionPanel-995caa85.js';
 import '../../OrIcon-8625385f.js';
 import '../../OrHint-f38a1940.js';
-import '../../OrInput-8b90e08f.js';
+import '../../OrInput-70a17476.js';
 import '../../OrIconButton-a215104c.js';
 import '../../OrTooltip-fbfa05fd.js';
 import '@vueuse/core';
@@ -24,6 +24,8 @@ import '../../OrTeleport.vue2-e9ba3054.js';
 import 'portal-vue';
 import '../../useElevation-aac032f4.js';
 import '../../useResponsive-e13dfbb0.js';
+import '../../useSlicedAttrs-8d836c02.js';
+import 'lodash/omit';
 import '../../OrMenuItem-26420908.js';
 import '../../OrTag-6440aa89.js';
 import '../../dropdown-open-e2a93aaf.js';

package/dist/bundled/v2/components/or-switch-v3/OrSwitch.vue.d.ts

@@ -2,9 +2,11 @@ import { PropType } from 'vue-demi';
 import { LabelVariant } from '../or-label-v3';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<unknown[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     loaderStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    inlineStyles: import("@vue/composition-api").ComputedRef<unknown>;
+    attrs: import("@vue/composition-api").ComputedRef<Pick<import("@vue/composition-api").Data, string | number>>;
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
 }> & import("@vue/composition-api").Data, {}, {}, {
@@ -86,9 +88,11 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
-    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+    rootStyles: import("@vue/composition-api").ComputedRef<unknown[]>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
     loaderStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    inlineStyles: import("@vue/composition-api").ComputedRef<unknown>;
+    attrs: import("@vue/composition-api").ComputedRef<Pick<import("@vue/composition-api").Data, string | number>>;
     controlId: import("@vue/composition-api").Ref<string>;
     proxyModelValue: import("@vue/composition-api").WritableComputedRef<boolean | string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {

package/dist/bundled/v2/components/or-switch-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrSwitchV3 } from '../../OrSwitch-237a2081.js';
+export { _ as OrSwitchV3 } from '../../OrSwitch-337c4e40.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
@@ -6,4 +6,6 @@ import '../../OrLabel-172c4b89.js';
 import '../../useClassAttribute-9bf33346.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../OrLoader-6a1f937b.js';
+import '../../useSlicedAttrs-8d836c02.js';
+import 'lodash/omit';
 import '../../browser-82dea9ed.js';

package/dist/bundled/v2/hooks/index.d.ts

@@ -2,4 +2,5 @@ export { useClassAttribute } from './useClassAttribute';
 export { useElevation } from './useElevation';
 export { useOverflow } from './useOverflow';
 export { useResponsive } from './useResponsive';
+export { useSlicedAttrs } from './useSlicedAttrs';
 export { default as useToggle } from './useToggle';

package/dist/bundled/v2/hooks/index.js

@@ -1,9 +1,11 @@
 export { u as useClassAttribute } from '../useClassAttribute-9bf33346.js';
 export { u as useElevation } from '../useElevation-aac032f4.js';
 export { u as useOverflow } from '../useOverflow-bae6342f.js';
+export { u as useSlicedAttrs } from '../useSlicedAttrs-8d836c02.js';
 export { u as useToggle } from '../useToggle-6166bd53.js';
 export { u as useResponsive } from '../useResponsive-e13dfbb0.js';
 import '../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';
 import '@vueuse/core';
+import 'lodash/omit';

package/dist/bundled/v2/hooks/useSlicedAttrs.d.ts

@@ -0,0 +1,5 @@
+export declare function useSlicedAttrs(): {
+    classes: import("@vue/composition-api").ComputedRef<unknown>;
+    styles: import("@vue/composition-api").ComputedRef<unknown>;
+    attrs: import("@vue/composition-api").ComputedRef<Pick<import("@vue/composition-api").Data, string | number>>;
+};