@onereach/ui-components 2.62.7-beta.1920.0 → 2.62.7-beta.1922.0

package/dist/v2/index75.js

@@ -1,5 +1,5 @@
-export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
+export { _ as OrTabHeaderItem } from './OrTabHeaderItem-6a08756e.js';
 import 'vue-demi';
-import './useClassAttribute-47fdb016.js';
-import '@vueuse/core';
+import 'lodash';
+import './style-inject.es-4c6f2515.js';
 import './normalize-component-6e8e3d80.js';

package/dist/v2/index76.js

@@ -1,6 +1,5 @@
-export { _ as OrTabs } from './OrTabs-12138346.js';
+export { _ as OrTabV3 } from './OrTab-4e6ff742.js';
 import 'vue-demi';
-import './OrTabHeaderItem-6a08756e.js';
-import 'lodash';
-import './style-inject.es-4c6f2515.js';
+import './useClassAttribute-47fdb016.js';
+import '@vueuse/core';
 import './normalize-component-6e8e3d80.js';

package/dist/v2/index77.js

@@ -1,17 +1,6 @@
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
-import '@vueuse/core';
+export { _ as OrTabs } from './OrTabs-12138346.js';
 import 'vue-demi';
-import './useClassAttribute-47fdb016.js';
-import './OrIcon-124f3bad.js';
+import './OrTabHeaderItem-6a08756e.js';
+import 'lodash';
+import './style-inject.es-4c6f2515.js';
 import './normalize-component-6e8e3d80.js';
-import './OrMenuItem-3a28db7b.js';
-import './OrMenu-bb81644d.js';
-import './OrPopover-9080fc00.js';
-import '@floating-ui/dom';
-import './useElevation-0e973238.js';
-import './useResponsive-a02e95b7.js';
-import './OrBottomSheet-f09adbbb.js';
-import './OrOverlay-4838a9b0.js';
-import './OrTeleport.vue2-fb92f29f.js';
-import 'portal-vue';
-import './OrTab-4e6ff742.js';

package/dist/v2/index78.js

@@ -1,14 +1,17 @@
-export { _ as OrTag } from './OrTag-140d4f72.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-b4a9740b.js';
+import '@vueuse/core';
 import 'vue-demi';
-import './OrIcon-7cd10497.js';
-import 'lodash';
-import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
-import './style-inject.es-4c6f2515.js';
+import './useClassAttribute-47fdb016.js';
+import './OrIcon-124f3bad.js';
 import './normalize-component-6e8e3d80.js';
-import './OrFloating-b15309d1.js';
+import './OrMenuItem-3a28db7b.js';
+import './OrMenu-bb81644d.js';
+import './OrPopover-9080fc00.js';
 import '@floating-ui/dom';
-import './OrTeleportVue2-fce4676d.js';
-import 'vue';
-import './dom-7a41831b.js';
-import './px-to-rem-0b26b83e.js';
-import './color-1f348774.js';
+import './useElevation-0e973238.js';
+import './useResponsive-a02e95b7.js';
+import './OrBottomSheet-f09adbbb.js';
+import './OrOverlay-4838a9b0.js';
+import './OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';
+import './OrTab-4e6ff742.js';

package/dist/v2/index79.js

@@ -1,16 +1,14 @@
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
+export { _ as OrTag } from './OrTag-140d4f72.js';
 import 'vue-demi';
-import './useClassAttribute-47fdb016.js';
-import '@vueuse/core';
-import './OrIconButton-2088a37f.js';
-import './OrIcon-124f3bad.js';
+import './OrIcon-7cd10497.js';
+import 'lodash';
+import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
+import './style-inject.es-4c6f2515.js';
 import './normalize-component-6e8e3d80.js';
-import './OrTooltip-afe7030b.js';
-import './OrPopover-9080fc00.js';
+import './OrFloating-b15309d1.js';
 import '@floating-ui/dom';
-import './useElevation-0e973238.js';
-import './useResponsive-a02e95b7.js';
-import './OrBottomSheet-f09adbbb.js';
-import './OrOverlay-4838a9b0.js';
-import './OrTeleport.vue2-fb92f29f.js';
-import 'portal-vue';
+import './OrTeleportVue2-fce4676d.js';
+import 'vue';
+import './dom-7a41831b.js';
+import './px-to-rem-0b26b83e.js';
+import './color-1f348774.js';

package/dist/v2/index80.js

@@ -1,4 +1,16 @@
-export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-1ced4e58.js';
 import 'vue-demi';
-import 'vue';
+import './useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+import './OrIconButton-2088a37f.js';
+import './OrIcon-124f3bad.js';
 import './normalize-component-6e8e3d80.js';
+import './OrTooltip-afe7030b.js';
+import './OrPopover-9080fc00.js';
+import '@floating-ui/dom';
+import './useElevation-0e973238.js';
+import './useResponsive-a02e95b7.js';
+import './OrBottomSheet-f09adbbb.js';
+import './OrOverlay-4838a9b0.js';
+import './OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';

package/dist/v2/index81.js

@@ -1,4 +1,4 @@
-export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
-import 'portal-vue';
+export { _ as OrTeleport } from './OrTeleportVue2-fce4676d.js';
 import 'vue-demi';
+import 'vue';
 import './normalize-component-6e8e3d80.js';

package/dist/v2/index82.js

@@ -1,5 +1,4 @@
-export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
+export { _ as OrTeleportV3 } from './OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';
 import 'vue-demi';
-import './useClassAttribute-47fdb016.js';
-import '@vueuse/core';
 import './normalize-component-6e8e3d80.js';

package/dist/v2/index83.js

@@ -1,10 +1,5 @@
-export { _ as OrTextareaV3 } from './OrTextarea-8773d494.js';
-export { a as TextareaSize } from './OrInputBox-208dceac.js';
+export { _ as OrTextV3 } from './OrText-ba5a2b6c.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrError-be656098.js';
 import './normalize-component-6e8e3d80.js';
-import './OrHint-44356417.js';
-import './OrLabel-5670468e.js';
-import './style-inject.es-4c6f2515.js';

package/dist/v2/index84.js

@@ -1,23 +1,10 @@
-export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-91382d58.js';
+export { _ as OrTextareaV3 } from './OrTextarea-8773d494.js';
+export { a as TextareaSize } from './OrInputBox-208dceac.js';
 import 'vue-demi';
+import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './useToggle-29e4d7c7.js';
-import './px-to-rem-0b26b83e.js';
-import './dom-7a41831b.js';
-import 'lodash';
-import './OrLabel-931394a5.js';
-import './style-inject.es-4c6f2515.js';
+import './OrError-be656098.js';
 import './normalize-component-6e8e3d80.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
-import './OrIcon-7cd10497.js';
-import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
-import './OrFloating-b15309d1.js';
-import '@floating-ui/dom';
-import './OrTeleportVue2-fce4676d.js';
-import 'vue';
-import './OrLoader-212ef381.js';
-import './OrTooltip-b31bd78d.js';
-import './OrIconButton-cab39659.js';
-import './OrHint-fe65fbe6.js';
-import './OrError-efc74907.js';
-import './OrCollapse-50e3914c.js';
+import './OrHint-44356417.js';
+import './OrLabel-5670468e.js';
+import './style-inject.es-4c6f2515.js';

package/dist/v2/index85.js

@@ -1,20 +1,23 @@
-export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e285a86c.js';
-export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
-import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
+export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-91382d58.js';
 import 'vue-demi';
-import './OrIcon-7cd10497.js';
+import '@vueuse/core';
+import './useToggle-29e4d7c7.js';
+import './px-to-rem-0b26b83e.js';
+import './dom-7a41831b.js';
 import 'lodash';
-import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
+import './OrLabel-931394a5.js';
 import './style-inject.es-4c6f2515.js';
 import './normalize-component-6e8e3d80.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
+import './OrIcon-7cd10497.js';
+import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
 import './OrFloating-b15309d1.js';
 import '@floating-ui/dom';
 import './OrTeleportVue2-fce4676d.js';
 import 'vue';
-import './dom-7a41831b.js';
-import './px-to-rem-0b26b83e.js';
 import './OrLoader-212ef381.js';
 import './OrTooltip-b31bd78d.js';
 import './OrIconButton-cab39659.js';
-import './OrProgress-e6f20dc1.js';
-import '@vueuse/core';
+import './OrHint-fe65fbe6.js';
+import './OrError-efc74907.js';
+import './OrCollapse-50e3914c.js';

package/dist/v2/index86.js

@@ -1,3 +1,20 @@
-export { a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
+export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-e285a86c.js';
+export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
+import './OrIconButton.vue_rollup-plugin-vue_styles.0-dc224e53.js';
 import 'vue-demi';
+import './OrIcon-7cd10497.js';
+import 'lodash';
+import './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
+import './style-inject.es-4c6f2515.js';
+import './normalize-component-6e8e3d80.js';
+import './OrFloating-b15309d1.js';
+import '@floating-ui/dom';
+import './OrTeleportVue2-fce4676d.js';
+import 'vue';
+import './dom-7a41831b.js';
+import './px-to-rem-0b26b83e.js';
+import './OrLoader-212ef381.js';
+import './OrTooltip-b31bd78d.js';
+import './OrIconButton-cab39659.js';
+import './OrProgress-e6f20dc1.js';
 import '@vueuse/core';

package/dist/v2/index87.js

@@ -1,19 +1,3 @@
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-89aad7fb.js';
-export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
-import '@vueuse/core';
+export { a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
 import 'vue-demi';
-import './OrTeleport.vue2-fb92f29f.js';
-import 'portal-vue';
-import './normalize-component-6e8e3d80.js';
-import './OrIconButton-2088a37f.js';
-import './useClassAttribute-47fdb016.js';
-import './OrIcon-124f3bad.js';
-import './OrTooltip-afe7030b.js';
-import './OrPopover-9080fc00.js';
-import '@floating-ui/dom';
-import './useElevation-0e973238.js';
-import './useResponsive-a02e95b7.js';
-import './OrBottomSheet-f09adbbb.js';
-import './OrOverlay-4838a9b0.js';
-import './OrLoader-bd088836.js';
-import './style-inject.es-4c6f2515.js';
+import '@vueuse/core';

package/dist/v2/index88.js

@@ -1,3 +1,19 @@
-export { a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
-import 'vue-demi';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-89aad7fb.js';
+export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 import '@vueuse/core';
+import 'vue-demi';
+import './OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';
+import './normalize-component-6e8e3d80.js';
+import './OrIconButton-2088a37f.js';
+import './useClassAttribute-47fdb016.js';
+import './OrIcon-124f3bad.js';
+import './OrTooltip-afe7030b.js';
+import './OrPopover-9080fc00.js';
+import '@floating-ui/dom';
+import './useElevation-0e973238.js';
+import './useResponsive-a02e95b7.js';
+import './OrBottomSheet-f09adbbb.js';
+import './OrOverlay-4838a9b0.js';
+import './OrLoader-bd088836.js';
+import './style-inject.es-4c6f2515.js';

package/dist/v2/index89.js

@@ -1,11 +1,3 @@
-export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
-export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
-import './normalize-component-6e8e3d80.js';
+export { a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 import 'vue-demi';
-import 'lodash';
-import './style-inject.es-4c6f2515.js';
-import './OrFloating-b15309d1.js';
-import '@floating-ui/dom';
-import './OrTeleportVue2-fce4676d.js';
-import 'vue';
-import './dom-7a41831b.js';
+import '@vueuse/core';

package/dist/v2/index90.js

@@ -1,13 +1,11 @@
-export { _ as OrTooltipV3 } from './OrTooltip-afe7030b.js';
-export { P as TooltipPlacement } from './OrPopover-9080fc00.js';
-import '@vueuse/core';
-import 'vue-demi';
-import './useClassAttribute-47fdb016.js';
+export { _ as OrTooltip } from './OrTooltip-b31bd78d.js';
+export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_styles.0-54c17910.js';
 import './normalize-component-6e8e3d80.js';
+import 'vue-demi';
+import 'lodash';
+import './style-inject.es-4c6f2515.js';
+import './OrFloating-b15309d1.js';
 import '@floating-ui/dom';
-import './useElevation-0e973238.js';
-import './useResponsive-a02e95b7.js';
-import './OrBottomSheet-f09adbbb.js';
-import './OrOverlay-4838a9b0.js';
-import './OrTeleport.vue2-fb92f29f.js';
-import 'portal-vue';
+import './OrTeleportVue2-fce4676d.js';
+import 'vue';
+import './dom-7a41831b.js';

package/dist/v2/index91.js

@@ -1,2 +1,13 @@
-export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
+export { _ as OrTooltipV3 } from './OrTooltip-afe7030b.js';
+export { P as TooltipPlacement } from './OrPopover-9080fc00.js';
+import '@vueuse/core';
 import 'vue-demi';
+import './useClassAttribute-47fdb016.js';
+import './normalize-component-6e8e3d80.js';
+import '@floating-ui/dom';
+import './useElevation-0e973238.js';
+import './useResponsive-a02e95b7.js';
+import './OrBottomSheet-f09adbbb.js';
+import './OrOverlay-4838a9b0.js';
+import './OrTeleport.vue2-fb92f29f.js';
+import 'portal-vue';

package/dist/v2/index92.js

@@ -1,7 +1,2 @@
-export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-export { u as useElevation } from './useElevation-0e973238.js';
-export { u as useOverflow } from './useOverflow-ac506c65.js';
-export { u as useResponsive } from './useResponsive-a02e95b7.js';
-export { u as useToggle } from './useToggle-29e4d7c7.js';
+export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import 'vue-demi';
-import '@vueuse/core';

package/dist/v2/index93.js

@@ -1,3 +1,7 @@
+export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+export { u as useElevation } from './useElevation-0e973238.js';
+export { u as useOverflow } from './useOverflow-ac506c65.js';
 export { u as useResponsive } from './useResponsive-a02e95b7.js';
-import '@vueuse/core';
+export { u as useToggle } from './useToggle-29e4d7c7.js';
 import 'vue-demi';
+import '@vueuse/core';

package/dist/v2/index94.js

@@ -0,0 +1,3 @@
+export { u as useResponsive } from './useResponsive-a02e95b7.js';
+import '@vueuse/core';
+import 'vue-demi';

package/dist/v3/OrSegmentedControls-e4522910.js

@@ -0,0 +1,183 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import '@vueuse/core';
+import { openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, normalizeClass, resolveComponent, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
+
+const SegmentedControlsItemRoot = [
+// 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 SegmentedControlsItemRootSizes = {
+  '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: 'OrSegmentedControlsItem',
+  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-controls-item', ...SegmentedControlsItemRoot, ...SegmentedControlsItemRootSizes[props.size], classAttribute.value]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+const _hoisted_1 = ["selected", "disabled"];
+const _hoisted_2 = {
+  class: /*#__PURE__*/normalizeClass(['truncate'])
+};
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles,
+    selected: _ctx.selected ? '' : null,
+    disabled: _ctx.disabled ? '' : null
+  }), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")])], 16 /* FULL_PROPS */, _hoisted_1);
+}
+
+script$1.render = render$1;
+script$1.__file = "src/components/or-segmented-controls-v3/components/or-segmented-controls-item/OrSegmentedControlsItem.vue";
+
+var SegmentedControlsSize;
+(function (SegmentedControlsSize) {
+  SegmentedControlsSize["M"] = "m";
+  SegmentedControlsSize["S"] = "s";
+})(SegmentedControlsSize || (SegmentedControlsSize = {}));
+
+const SegmentedControlsRoot = [
+// 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 SegmentedControlsRootSizes = {
+  'm': [],
+  's': []
+};
+
+var script = defineComponent({
+  name: 'OrSegmentedControls',
+  components: {
+    OrSegmentedControlsItem: script$1
+  },
+  inheritAttrs: false,
+  props: {
+    options: {
+      type: Array,
+      default: []
+    },
+    modelValue: {
+      type: String,
+      default: undefined
+    },
+    value: {
+      type: String,
+      default: undefined
+    },
+    size: {
+      type: String,
+      default: SegmentedControlsSize.M
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'input', 'focus', 'blur'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-segmented-controls', ...SegmentedControlsRoot, ...SegmentedControlsRootSizes[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
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrSegmentedControlsItem = resolveComponent("OrSegmentedControlsItem");
+  return openBlock(), createElementBlock("div", mergeProps({
+    ref: "root"
+  }, _ctx.$attrs, {
+    class: _ctx.rootStyles
+  }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, option => {
+    return openBlock(), createBlock(_component_OrSegmentedControlsItem, {
+      key: option.value,
+      size: _ctx.size,
+      selected: option.value === _ctx.proxyModelValue,
+      disabled: _ctx.disabled,
+      onClick: $event => _ctx.proxyModelValue = option.value
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)]),
+
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["size", "selected", "disabled", "onClick"]);
+  }), 128 /* KEYED_FRAGMENT */))], 16 /* FULL_PROPS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-segmented-controls-v3/OrSegmentedControls.vue";
+
+export { SegmentedControlsSize as S, script as s };

package/dist/v3/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-controls-v3';
 export * from './or-select';
 export * from './or-select-v3';
 export * from './or-sidebar';

package/dist/v3/components/or-segmented-controls-v3/OrSegmentedControls.stories3.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryFn } from '@storybook/vue3';
+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[], {} & {}, {
+    [x: number]: string;
+} | {}, true>)>;
+export default _default;
+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;
+} | {}, true>)>;

package/dist/v3/components/or-segmented-controls-v3/OrSegmentedControls.vue.d.ts

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