@onereach/ui-components 2.62.7-beta.1930.0 → 2.62.7-beta.1932.0

package/dist/v2/{OrConfirm-edc537b3.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-655bed71.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/{OrInlineInput-73ec1b85.js → OrInlineInput-f00cba5e.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-98e5193c]{min-width:0;background:0 0;outline:0}input[type=number][data-v-98e5193c]::-webkit-inner-spin-button{display:none}input[type=search][data-v-98e5193c]::-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 */
@@ -310,15 +311,15 @@ var __vue_render__ = function () {
         return _vm.reset.apply(null, arguments);
       }
     }
-  })], 1)] : _vm._e()], 2), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  })], 1)] : _vm._e()], 2), _vm._v(" "), !_vm.invalid ? [_c('OrHint', {
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
+        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\n        ")])] : _vm._e()] : [_c('OrError', {
+  }, [_vm._v("\n      " + _vm._s(_vm.hint) + "\n\n      ")])] : [_c('OrError', {
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
@@ -333,7 +334,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-98e5193c";
+const __vue_scope_id__ = "data-v-a3435312";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/v2/{OrInlineTextarea-1858a348.js → OrInlineTextarea-75de33d0.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-0bd7ec36]{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 */
@@ -222,15 +223,15 @@ var __vue_render__ = function () {
         return _vm.reset.apply(null, arguments);
       }
     }
-  })], 1)] : _vm._e()], 2), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  })], 1)] : _vm._e()], 2), _vm._v(" "), !_vm.invalid ? [_c('OrHint', {
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
+        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\n        ")])] : _vm._e()] : [_c('OrError', {
+  }, [_vm._v("\n      " + _vm._s(_vm.hint) + "\n\n      ")])] : [_c('OrError', {
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
@@ -245,7 +246,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-0bd7ec36";
+const __vue_scope_id__ = "data-v-314d21b0";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/v2/{OrInput-655bed71.js → OrInput-24028f23.js}

@@ -143,7 +143,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-2b692b9f]{min-width:0;background:0 0;outline:0}input[type=number][data-v-2b692b9f]::-webkit-inner-spin-button{display:none}input[type=search][data-v-2b692b9f]::-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 */
@@ -336,18 +336,18 @@ var __vue_render__ = function () {
       "icon": 'search',
       "variant": 'outlined'
     }
-  })]] : _vm._e()], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  })]] : _vm._e()], 2)]), _vm._v(" "), !_vm.invalid ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
+        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\n        ")])] : _vm._e()] : [_c('OrError', {
+  }, [_vm._v("\n      " + _vm._s(_vm.hint) + "\n\n      ")])] : [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -365,7 +365,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-2b692b9f";
+const __vue_scope_id__ = "data-v-61c8b450";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/v2/{OrSearch-287a08a9.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-655bed71.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-1a353817.js → OrSelect-c6d0a69e.js}

@@ -9,7 +9,7 @@ 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-655bed71.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';
@@ -481,11 +481,11 @@ var __vue_render__ = function () {
     class: _vm.noSearchResultsStyles
   }, [_vm._t("noSearchResultsTemplate", function () {
     return [_vm._v("\n            No results\n          ")];
-  })], 2)]], 2)], 2), _vm._v(" "), !_vm.invalid ? [_vm.hint ? [_c('OrHint', {
+  })], 2)]], 2)], 2), _vm._v(" "), !_vm.invalid ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     }
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n      ")])] : _vm._e()] : [_c('OrError', {
+  }, [_vm._v("\n      " + _vm._s(_vm.hint) + "\n    ")])] : [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     }

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/{OrTextarea-cc70afc9.js → OrTextarea-8773d494.js}

@@ -113,7 +113,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "textarea[data-v-61af6ad5]{min-width:0;background:0 0;outline:0}";
+var css_248z = "textarea[data-v-65e7a0bc]{min-width:0;background:0 0;outline:0}";
 styleInject(css_248z);
 
 /* script */
@@ -184,18 +184,18 @@ var __vue_render__ = function () {
         _vm.proxyModelValue = $event.target.value;
       }
     }
-  }, 'textarea', _vm.$attrs, false))]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
+  }, 'textarea', _vm.$attrs, false))]), _vm._v(" "), !_vm.invalid ? [_c('OrHint', {
     attrs: {
       "disabled": _vm.disabled
     },
     scopedSlots: _vm._u([_vm.maxLength ? {
       key: "addon",
       fn: function () {
-        return [_vm._v("\n          " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n        ")];
+        return [_vm._v("\n        " + _vm._s(_vm.currentLength) + " / " + _vm._s(_vm.maxLength) + "\n      ")];
       },
       proxy: true
     } : null], null, true)
-  }, [_vm._v("\n        " + _vm._s(_vm.hint) + "\n\n        ")])] : _vm._e()] : [_c('OrError', {
+  }, [_vm._v("\n      " + _vm._s(_vm.hint) + "\n\n      ")])] : [_c('OrError', {
     attrs: {
       "disabled": _vm.disabled
     },
@@ -213,7 +213,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-61af6ad5";
+const __vue_scope_id__ = "data-v-65e7a0bc";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -6,7 +6,6 @@ export * from './or-button-v2';
 export * from './or-button-v3';
 export * from './or-card';
 export * from './or-card-collection';
-export * from './or-card-collection-v3';
 export * from './or-card-v3';
 export * from './or-carousel';
 export * from './or-checkbox';
@@ -59,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';
@@ -66,7 +66,6 @@ export * from './or-sidebar-v3';
 export * from './or-skeleton';
 export * from './or-skeleton-v3';
 export * from './or-slider';
-export * from './or-sort-header-v3';
 export * from './or-stepper';
 export * from './or-switch';
 export * from './or-switch-v3';

package/dist/v2/components/{or-sort-header-v3/OrSortHeader.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 Default: 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/{v3/components/or-sort-header-v3/OrSortHeader.vue.d.ts → v2/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts}

@@ -1,57 +1,77 @@
 import { PropType } from 'vue-demi';
-import { SortHeaderModel } from './types';
+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<SortHeaderModel>;
-    activated: import("@vue/composition-api").ComputedRef<boolean>;
-    toggleDirection: () => void;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
 }> & import("@vue/composition-api").Data, {}, {}, {
+    options: {
+        type: PropType<SegmentedControlOption[]>;
+        default: SegmentedControlOption[];
+    };
     modelValue: {
-        type: PropType<SortHeaderModel>;
+        type: StringConstructor;
         default: undefined;
     };
     value: {
-        type: PropType<SortHeaderModel>;
+        type: StringConstructor;
         default: undefined;
     };
-    inputValue: {
-        type: StringConstructor;
-        required: true;
+    size: {
+        type: PropType<SegmentedControlSize>;
+        default: SegmentedControlSize;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
     };
 }, import("@vue/composition-api").ExtractPropTypes<{
+    options: {
+        type: PropType<SegmentedControlOption[]>;
+        default: SegmentedControlOption[];
+    };
     modelValue: {
-        type: PropType<SortHeaderModel>;
+        type: StringConstructor;
         default: undefined;
     };
     value: {
-        type: PropType<SortHeaderModel>;
+        type: StringConstructor;
         default: undefined;
     };
-    inputValue: {
-        type: StringConstructor;
-        required: true;
+    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<{
-    modelValue: SortHeaderModel;
-    value: SortHeaderModel;
-    inputValue: string;
+    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<SortHeaderModel>;
-    activated: import("@vue/composition-api").ComputedRef<boolean>;
-    toggleDirection: () => void;
+    proxyModelValue: import("@vue/composition-api").WritableComputedRef<string>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
-    modelValue: SortHeaderModel;
-    value: SortHeaderModel;
-    inputValue: string;
+    options: SegmentedControlOption[];
+    modelValue: string;
+    value: string;
+    size: SegmentedControlSize;
+    disabled: boolean;
 } & {} & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: SortHeaderModel;
-    value: SortHeaderModel;
+    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;