@onereach/ui-components 2.62.7-beta.1928.0 → 2.62.7-beta.1929.0

package/dist/v2/{OrSegmentedControl-58b5db14.js → OrSegmentedControl-908d951a.js}

@@ -151,7 +151,7 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'input', 'focus', 'blur'],
+  emits: ['update:modelValue', 'input'],
   expose: ['root'],
   setup(props, context) {
     // Refs

package/dist/v2/{OrTabs-b4a9740b.js → OrTabs-f2a60b41.js}

@@ -169,7 +169,7 @@ var __vue_render__ = function () {
     return _c('OrTab', {
       key: tab.value,
       attrs: {
-        "selected": _vm.proxyModelValue === tab.value
+        "selected": tab.value === _vm.proxyModelValue
       },
       on: {
         "click": function ($event) {

package/dist/v2/index.js

@@ -63,7 +63,7 @@ export { _ as OrRadio } from './OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
 export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-58b5db14.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-908d951a.js';
 export { _ as OrSelect } from './OrSelect-ea27a70e.js';
 export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
@@ -78,7 +78,7 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
 export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
 export { _ as OrTabs } from './OrTabs-12138346.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f2a60b41.js';
 export { _ as OrTag } from './OrTag-140d4f72.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
 export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';

package/dist/v2/index2.js

@@ -63,7 +63,7 @@ export { _ as OrRadio } from './OrRadio-514e8de8.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
 export { _ as OrRadioV3 } from './OrRadio-4ba56887.js';
 export { _ as OrSearchV3 } from './OrSearch-978a3a6e.js';
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-58b5db14.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-908d951a.js';
 export { _ as OrSelect } from './OrSelect-ea27a70e.js';
 export { _ as OrSelectV3 } from './OrSelect-c6d0a69e.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-feacf13a.js';
@@ -78,7 +78,7 @@ export { _ as OrTab } from './OrTab-8dfdeca0.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
 export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
 export { _ as OrTabs } from './OrTabs-12138346.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f2a60b41.js';
 export { _ as OrTag } from './OrTag-140d4f72.js';
 export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
 export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';

package/dist/v2/index63.js

@@ -1,4 +1,4 @@
-export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-58b5db14.js';
+export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-908d951a.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/v2/index78.js

@@ -1,4 +1,4 @@
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-f2a60b41.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';

package/dist/v3/{OrSegmentedControl-e45af169.js → OrSegmentedControl-e6fdc79b.js}

@@ -128,7 +128,7 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'input', 'focus', 'blur'],
+  emits: ['update:modelValue', 'input'],
   expose: ['root'],
   setup(props, context) {
     // Refs

package/dist/v3/{OrTabs-194ca950.js → OrTabs-ac0be933.js}

@@ -166,7 +166,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs.normal, tab => {
     return openBlock(), createBlock(_component_OrTab, {
       key: tab.value,
-      selected: _ctx.proxyModelValue === tab.value,
+      selected: tab.value === _ctx.proxyModelValue,
       onClick: withModifiers($event => _ctx.proxyModelValue = tab.value, ["stop"])
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1 /* TEXT */)]),

package/dist/v3/index.js

@@ -58,7 +58,7 @@ export { s as OrRadio } from './OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
 export { s as OrSearchV3 } from './OrSearch-375eab55.js';
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e45af169.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e6fdc79b.js';
 export { s as OrSelect } from './OrSelect-056731af.js';
 export { s as OrSelectV3 } from './OrSelect-52cfb10d.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
@@ -73,7 +73,7 @@ export { s as OrTab } from './OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-d668cc59.js';
 export { s as OrTabV3 } from './OrTab-97044946.js';
 export { s as OrTabs } from './OrTabs-d3812c11.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-194ca950.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-ac0be933.js';
 export { s as OrTag } from './OrTag-7e24fdbc.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-deaff080.js';
 export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';

package/dist/v3/index2.js

@@ -58,7 +58,7 @@ export { s as OrRadio } from './OrRadio-c3ab11f2.js';
 export { s as OrRadioGroup } from './OrRadioGroup-00785e41.js';
 export { s as OrRadioV3 } from './OrRadio-0c1883f2.js';
 export { s as OrSearchV3 } from './OrSearch-375eab55.js';
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e45af169.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e6fdc79b.js';
 export { s as OrSelect } from './OrSelect-056731af.js';
 export { s as OrSelectV3 } from './OrSelect-52cfb10d.js';
 export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-375c85a3.js';
@@ -73,7 +73,7 @@ export { s as OrTab } from './OrTab-bc98be02.js';
 export { s as OrTabHeaderItem } from './OrTabHeaderItem-d668cc59.js';
 export { s as OrTabV3 } from './OrTab-97044946.js';
 export { s as OrTabs } from './OrTabs-d3812c11.js';
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-194ca950.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-ac0be933.js';
 export { s as OrTag } from './OrTag-7e24fdbc.js';
 export { s as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-deaff080.js';
 export { s as OrTeleport } from './OrTeleportVue3-ad639f12.js';

package/dist/v3/index63.js

@@ -1,4 +1,4 @@
-export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e45af169.js';
+export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-e6fdc79b.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/v3/index78.js

@@ -1,4 +1,4 @@
-export { s as OrTabsV3, T as TabsVariant } from './OrTabs-194ca950.js';
+export { s as OrTabsV3, T as TabsVariant } from './OrTabs-ac0be933.js';
 import '@vueuse/core';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.62.7-beta.1928.0",
+  "version": "2.62.7-beta.1929.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/or-segmented-control-v3/OrSegmentedControl.stories3.ts

@@ -41,14 +41,6 @@ export default {
     input: {
       table: { disable: true },
     },
-
-    focus: {
-      table: { disable: true },
-    },
-
-    blur: {
-      table: { disable: true },
-    },
   },
 
   parameters: {
@@ -84,8 +76,6 @@ const Template: StoryFn<typeof OrSegmentedControl> = (args) => ({
       model,
       onUpdateModelValue: action('update:modelValue'),
       onInput: action('input'),
-      onFocus: action('focus'),
-      onBlur: action('blur'),
     };
   },
 

package/src/components/or-segmented-control-v3/OrSegmentedControl.vue

@@ -65,8 +65,6 @@ export default defineComponent({
     'update:modelValue',
 
     'input',
-    'focus',
-    'blur',
   ],
 
   expose: [

package/src/components/or-tabs-v3/OrTabs.stories3.ts

@@ -1,6 +1,6 @@
 import { action } from '@storybook/addon-actions';
 import { Meta, StoryFn } from '@storybook/vue3';
-import { ref } from 'vue-demi';
+import { ref, watch } from 'vue-demi';
 import OrTabsDocs from './OrTabs.docs.mdx';
 import OrTabs from './OrTabs.vue';
 import { TabsVariant } from './props';
@@ -63,11 +63,16 @@ const Template: StoryFn<typeof OrTabs> = (args) => ({
 
   setup() {
     // State
-    const value = ref<string>();
+    const model = ref<string>();
+
+    // Effects
+    watch(model, (value) => {
+      console.debug(value);
+    });
 
     return {
       args,
-      value,
+      model,
       onUpdateModelValue: action('update:modelValue'),
       onInput: action('input'),
     };
@@ -75,7 +80,7 @@ const Template: StoryFn<typeof OrTabs> = (args) => ({
 
   template: `
     <OrTabs
-      v-model="value"
+      v-model="model"
       v-bind="args"
       @update:modelValue="onUpdateModelValue"
       @input="onInput"

package/src/components/or-tabs-v3/OrTabs.vue

@@ -8,7 +8,7 @@
       <OrTab
         v-for="tab in tabs.normal"
         :key="tab.value"
-        :selected="proxyModelValue === tab.value"
+        :selected="tab.value === proxyModelValue"
         @click.stop="proxyModelValue = tab.value"
       >
         {{ tab.label }}