@onereach/ui-components 2.63.0-beta.1907.0 → 2.63.0

package/dist/v2/{OrConfirm-8d149ece.js → OrConfirm-24e2a1a2.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { _ as __vue_component__$2, a as ButtonColor } from './OrButton-eb895669.js';
 import { _ as __vue_component__$1 } from './OrOverlay-4838a9b0.js';
-import { _ as __vue_component__$3 } from './OrInput-4a50fe57.js';
+import { _ as __vue_component__$3 } from './OrInput-24028f23.js';
 import { useMagicKeys, whenever } from '@vueuse/core';
 import { logicAnd } from '@vueuse/math';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/v2/{OrIconButton-5883eba0.js → OrIconButton-2088a37f.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrIcon-124f3bad.js';
-import { _ as __vue_component__$2 } from './OrTooltip-caeac590.js';
+import { _ as __vue_component__$2 } from './OrTooltip-afe7030b.js';
 import './OrPopover-9080fc00.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/v2/{OrInlineInput-16a343c1.js → OrInlineInput-f00cba5e.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-be656098.js';
 import { _ as __vue_component__$2 } from './OrHint-44356417.js';
-import { _ as __vue_component__$3 } from './OrIconButton-5883eba0.js';
+import { _ as __vue_component__$3 } from './OrIconButton-2088a37f.js';
 import { _ as __vue_component__$4, I as InlineInputBoxSize } from './OrInlineInputBox-6a15ea2b.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -129,14 +129,15 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
+      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
       }
       activated.value = false;
     }
     // Effects
     watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
     }, {
       immediate: true
     });
@@ -160,7 +161,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-8d82b992]{min-width:0;background:0 0;outline:0}input[type=number][data-v-8d82b992]::-webkit-inner-spin-button{display:none}input[type=search][data-v-8d82b992]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-a3435312]{min-width:0;background:0 0;outline:0}input[type=number][data-v-a3435312]::-webkit-inner-spin-button{display:none}input[type=search][data-v-a3435312]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -333,7 +334,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-8d82b992";
+const __vue_scope_id__ = "data-v-a3435312";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/v2/{OrInlineTextarea-f154bdf5.js → OrInlineTextarea-75de33d0.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-be656098.js';
 import { _ as __vue_component__$2 } from './OrHint-44356417.js';
-import { _ as __vue_component__$3 } from './OrIconButton-5883eba0.js';
+import { _ as __vue_component__$3 } from './OrIconButton-2088a37f.js';
 import { _ as __vue_component__$4 } from './OrInlineInputBox-6a15ea2b.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
@@ -115,14 +115,15 @@ var script = defineComponent({
       activated.value = false;
     }
     function reset() {
+      var _a;
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value;
+        draftModelValue.value = (_a = proxyModelValue.value) !== null && _a !== void 0 ? _a : '';
       }
       activated.value = false;
     }
     // Effects
     watch(proxyModelValue, value => {
-      draftModelValue.value = value;
+      draftModelValue.value = value !== null && value !== void 0 ? value : '';
     }, {
       immediate: true
     });
@@ -146,7 +147,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-d02de720]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-314d21b0]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -245,7 +246,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-d02de720";
+const __vue_scope_id__ = "data-v-314d21b0";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/v2/{OrInput-4a50fe57.js → OrInput-24028f23.js}

@@ -3,7 +3,7 @@ import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { _ as __vue_component__$1 } from './OrError-be656098.js';
 import { _ as __vue_component__$2 } from './OrHint-44356417.js';
-import { _ as __vue_component__$4 } from './OrIconButton-5883eba0.js';
+import { _ as __vue_component__$4 } from './OrIconButton-2088a37f.js';
 import { _ as __vue_component__$3 } from './OrIcon-124f3bad.js';
 import { _ as __vue_component__$5, a as InputBoxSize } from './OrInputBox-208dceac.js';
 import { _ as __vue_component__$6 } from './OrLabel-5670468e.js';
@@ -143,7 +143,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-8536ff50]{min-width:0;background:0 0;outline:0}input[type=number][data-v-8536ff50]::-webkit-inner-spin-button{display:none}input[type=search][data-v-8536ff50]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-61c8b450]{min-width:0;background:0 0;outline:0}input[type=number][data-v-61c8b450]::-webkit-inner-spin-button{display:none}input[type=search][data-v-61c8b450]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -302,7 +302,9 @@ var __vue_render__ = function () {
         _vm.proxyModelValue = $event.target.value;
       }
     }
-  }, 'input', _vm.$attrs, false)), _vm._v(" "), _vm.type === 'password' ? [_c('OrIconButton', {
+  }, 'input', _vm.$attrs, false)), _vm._v(" "), _c('div', {
+    class: ['-m-xs', 'ml-none']
+  }, [_vm.type === 'password' ? [_c('OrIconButton', {
     attrs: {
       "icon": {
         icon: _vm.disclosed ? 'visibility_off' : 'visibility',
@@ -334,7 +336,7 @@ var __vue_render__ = function () {
       "icon": 'search',
       "variant": 'outlined'
     }
-  })]] : _vm._e()], 2), _vm._v(" "), !_vm.invalid ? [_c('OrHint', {
+  })]] : _vm._e()], 2)]), _vm._v(" "), !_vm.invalid ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -363,7 +365,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-8536ff50";
+const __vue_scope_id__ = "data-v-61c8b450";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/v2/{OrModal-64c5ae2e.js → OrModal-a1452b11.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-5883eba0.js';
+import { _ as __vue_component__$2 } from './OrIconButton-2088a37f.js';
 import { _ as __vue_component__$1 } from './OrOverlay-4838a9b0.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/v2/{OrNotification-9c164908.js → OrNotification-ac420f39.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$2 } from './OrIconButton-5883eba0.js';
+import { _ as __vue_component__$2 } from './OrIconButton-2088a37f.js';
 import { _ as __vue_component__$1 } from './OrIcon-124f3bad.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/v2/{OrSearch-a247f072.js → OrSearch-978a3a6e.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { debouncedWatch } from '@vueuse/core';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { _ as __vue_component__$1 } from './OrInput-4a50fe57.js';
+import { _ as __vue_component__$1 } from './OrInput-24028f23.js';
 import { a as InputBoxSize } from './OrInputBox-208dceac.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/v2/OrSegmentedControl-17df63b8.js

@@ -0,0 +1,236 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
+
+const SegmentedControlItemRoot = [
+// Layout
+'flex', 'items-center', 'justify-center',
+// Shape
+'rounded-md',
+// Interactivity
+'interactivity-auto',
+// Theme
+'theme-foreground-default', 'dark:theme-foreground-default-dark',
+// Theme (selected)
+'selected:theme-background-default', 'dark:selected:theme-background-default-dark',
+// Theme (selected, enabled)
+'selected:enabled:shadow-card', 'dark:selected:enabled:shadow-card-dark'];
+const SegmentedControlItemRootSizes = {
+  'm': [
+  // Box
+  'h-[44px] md:h-[36px]',
+  // Spacing
+  'px-sm+ md:px-sm+',
+  // Typography
+  'typography-body-2-regular'],
+  's': [
+  // Box
+  'h-[36px] md:h-[32px]',
+  // Spacing
+  'px-sm+ md:px-sm',
+  // Typography
+  'typography-caption-regular']
+};
+
+var script$1 = defineComponent({
+  name: 'OrSegmentedControlItem',
+  inheritAttrs: false,
+  props: {
+    size: {
+      type: String,
+      required: true
+    },
+    selected: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-segmented-control-item', ...SegmentedControlItemRoot, ...SegmentedControlItemRootSizes[props.size], classAttribute.value]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+/* script */
+const __vue_script__$1 = script$1;
+
+/* template */
+var __vue_render__$1 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', _vm._b({
+    ref: "root",
+    class: _vm.rootStyles,
+    attrs: {
+      "selected": _vm.selected ? '' : null,
+      "disabled": _vm.disabled ? '' : null
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('click', $event);
+      }
+    }
+  }, 'div', _vm.$attrs, false), [_c('div', {
+    class: ['truncate']
+  }, [_vm._t("default")], 2)]);
+};
+var __vue_staticRenderFns__$1 = [];
+
+/* style */
+const __vue_inject_styles__$1 = undefined;
+/* scoped */
+const __vue_scope_id__$1 = undefined;
+/* module identifier */
+const __vue_module_identifier__$1 = undefined;
+/* functional template */
+const __vue_is_functional_template__$1 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$1,
+  staticRenderFns: __vue_staticRenderFns__$1
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+
+var SegmentedControlSize;
+(function (SegmentedControlSize) {
+  SegmentedControlSize["M"] = "m";
+  SegmentedControlSize["S"] = "s";
+})(SegmentedControlSize || (SegmentedControlSize = {}));
+
+const SegmentedControlRoot = [
+// Layout
+'grid', 'grid-flow-col', 'auto-cols-fr',
+// Shape
+'rounded-md',
+// Spacing
+'px-[2px]', 'py-[2px]',
+// Theme
+'theme-background-surface-variant', 'dark:theme-background-surface-variant-dark'];
+const SegmentedControlRootSizes = {
+  'm': [],
+  's': []
+};
+
+var script = defineComponent({
+  name: 'OrSegmentedControl',
+  components: {
+    OrSegmentedControlItem: __vue_component__$1
+  },
+  inheritAttrs: false,
+  props: {
+    options: {
+      type: Array,
+      default: []
+    },
+    modelValue: {
+      type: String,
+      default: undefined
+    },
+    value: {
+      type: String,
+      default: undefined
+    },
+    size: {
+      type: String,
+      default: SegmentedControlSize.M
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'input'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-segmented-control', ...SegmentedControlRoot, ...SegmentedControlRootSizes[props.size], classAttribute.value]);
+    // State
+    const proxyModelValue = computed({
+      get: () => {
+        var _a;
+        return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
+      },
+
+      set: value => {
+        context.emit('input', value);
+        context.emit('update:modelValue', value);
+      }
+    });
+    return {
+      root,
+      rootStyles,
+      proxyModelValue
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', _vm._b({
+    ref: "root",
+    class: _vm.rootStyles
+  }, 'div', _vm.$attrs, false), _vm._l(_vm.options, function (option) {
+    return _c('OrSegmentedControlItem', {
+      key: option.value,
+      attrs: {
+        "size": _vm.size,
+        "selected": option.value === _vm.proxyModelValue,
+        "disabled": _vm.disabled
+      },
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          _vm.proxyModelValue = option.value;
+        }
+      }
+    }, [_vm._v("\n    " + _vm._s(option.label) + "\n  ")]);
+  }), 1);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { SegmentedControlSize as S, __vue_component__ as _ };

package/dist/v2/{OrSelect-f416b7aa.js → OrSelect-c6d0a69e.js}

@@ -9,11 +9,11 @@ import { _ as __vue_component__$3 } from './OrExpansionPanel-ce82a6fd.js';
 import { _ as __vue_component__$4 } from './OrHint-44356417.js';
 import { _ as __vue_component__$5 } from './OrIcon-124f3bad.js';
 import { _ as __vue_component__$7, a as InputBoxSize } from './OrInputBox-208dceac.js';
-import { _ as __vue_component__$6 } from './OrInput-4a50fe57.js';
+import { _ as __vue_component__$6 } from './OrInput-24028f23.js';
 import { _ as __vue_component__$8 } from './OrLabel-5670468e.js';
 import { _ as __vue_component__$9 } from './OrMenuItem-3a28db7b.js';
 import { _ as __vue_component__$a } from './OrPopover-9080fc00.js';
-import { _ as __vue_component__$b } from './OrTag-ab03c4f7.js';
+import { _ as __vue_component__$b } from './OrTag-1ced4e58.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const SelectRoot = [

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/{OrTag-ab03c4f7.js → OrTag-1ced4e58.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watchPostEffect, unref } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import { _ as __vue_component__$1 } from './OrIconButton-5883eba0.js';
+import { _ as __vue_component__$1 } from './OrIconButton-2088a37f.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 var TagVariant;

package/dist/v2/{OrTooltip-caeac590.js → OrTooltip-afe7030b.js}

@@ -11,11 +11,41 @@ const TooltipBody = [
 // Box
 'max-w-max', 'rounded-sm',
 // Sizing
-'px-sm', 'py-xs',
+'mx-sm', 'my-sm', 'px-sm', 'py-xs',
 // Typography
 'typography-caption-regular',
 // Theme
 'bg-inverse-surface', 'dark:bg-inverse-surface-dark', 'text-inverse-on-surface', 'dark:text-inverse-on-surface-dark'];
+const TooltipBodyPlacements = {
+  'top': [],
+  'top-start': [
+  // Sizing
+  'ml-none'],
+  'top-end': [
+  // Sizing
+  'mr-none'],
+  'bottom': [],
+  'bottom-start': [
+  // Sizing
+  'ml-none'],
+  'bottom-end': [
+  // Sizing
+  'mr-none'],
+  'left': [],
+  'left-start': [
+  // Sizing
+  'mt-none'],
+  'left-end': [
+  // Sizing
+  'mb-none'],
+  'right': [],
+  'right-start': [
+  // Sizing
+  'mt-none'],
+  'right-end': [
+  // Sizing
+  'mb-none']
+};
 
 var script = defineComponent({
   name: 'OrTooltip',
@@ -35,7 +65,7 @@ var script = defineComponent({
   },
   emits: ['update:state'],
   expose: ['root', 'open', 'close'],
-  setup() {
+  setup(props) {
     // Refs
     const root = ref();
     const popover = ref();
@@ -46,7 +76,7 @@ var script = defineComponent({
     // Styles
     const classAttribute = useClassAttribute();
     const rootStyles = computed(() => ['or-tooltip', ...TooltipRoot, classAttribute.value]);
-    const bodyStyles = computed(() => [...TooltipBody]);
+    const bodyStyles = computed(() => [...TooltipBody, ...TooltipBodyPlacements[props.placement]]);
     // Methods
     function open() {
       const popoverInstance = popover.value;

package/dist/v2/components/index.d.ts

@@ -58,6 +58,7 @@ export * from './or-radio';
 export * from './or-radio-group';
 export * from './or-radio-v3';
 export * from './or-search-v3';
+export * from './or-segmented-control-v3';
 export * from './or-select';
 export * from './or-select-v3';
 export * from './or-sidebar';

package/dist/v2/components/{or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts → or-segmented-control-v3/OrSegmentedControl.stories3.d.ts}

@@ -5,7 +5,7 @@ declare const _default: Meta<import("vue").ComponentOptions<import("vue").defaul
     [x: number]: string;
 } | {}, true>)>;
 export default _default;
-export declare const RichTextEditor: StoryFn<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, {
+export declare const Base: StoryFn<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[], {} & {}, {
     [x: number]: string;

package/dist/v2/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts

@@ -0,0 +1,77 @@
+import { PropType } from 'vue-demi';
+import { SegmentedControlSize } from './props';
+import { SegmentedControlOption } from './types';
+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)[]>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    options: {
+        type: PropType<SegmentedControlOption[]>;
+        default: SegmentedControlOption[];
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<SegmentedControlSize>;
+        default: SegmentedControlSize;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    options: {
+        type: PropType<SegmentedControlOption[]>;
+        default: SegmentedControlOption[];
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<SegmentedControlSize>;
+        default: SegmentedControlSize;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    options: SegmentedControlOption[];
+    modelValue: string;
+    value: string;
+    size: SegmentedControlSize;
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<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)[]>;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    options: SegmentedControlOption[];
+    modelValue: string;
+    value: string;
+    size: SegmentedControlSize;
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    options: SegmentedControlOption[];
+    modelValue: string;
+    value: string;
+    size: SegmentedControlSize;
+    disabled: boolean;
+}, true>);
+export default _default;

package/dist/v2/components/or-segmented-control-v3/components/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts

@@ -0,0 +1,47 @@
+import { PropType } from 'vue-demi';
+import { SegmentedControlSize } from '../../props';
+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)[]>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    size: {
+        type: PropType<SegmentedControlSize>;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    size: {
+        type: PropType<SegmentedControlSize>;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    size: SegmentedControlSize;
+    selected: boolean;
+    disabled: boolean;
+} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
+    size: SegmentedControlSize;
+    selected: boolean;
+    disabled: boolean;
+} & {}, {
+    selected: boolean;
+    disabled: boolean;
+}, true>);
+export default _default;

package/dist/v2/components/or-segmented-control-v3/components/or-segmented-control-item/styles.d.ts

@@ -0,0 +1,3 @@
+import { SegmentedControlSize } from '../../props';
+export declare const SegmentedControlItemRoot: string[];
+export declare const SegmentedControlItemRootSizes: Record<SegmentedControlSize, string[]>;