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

package/dist/v3/index83.js

@@ -1,5 +1,10 @@
-export { s as OrTextV3 } from './OrText-ecb46923.js';
+export { s as OrTextareaV3 } from './OrTextarea-09aa33dc.js';
+export { a as TextareaSize } from './OrInputBox-634230b1.js';
 import 'vue-demi';
 import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
+import './OrError-19a62a18.js';
 import 'vue';
+import './OrHint-73835593.js';
+import './OrLabel-7d4fe80b.js';
+import './style-inject.es-4c6f2515.js';

package/dist/v3/index84.js

@@ -1,10 +1,20 @@
-export { s as OrTextareaV3 } from './OrTextarea-09aa33dc.js';
-export { a as TextareaSize } from './OrInputBox-634230b1.js';
+export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-faa4f81a.js';
 import 'vue-demi';
-import './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
-import './OrError-19a62a18.js';
+import './useToggle-29e4d7c7.js';
+import './px-to-rem-0b26b83e.js';
+import './dom-7a41831b.js';
+import 'lodash';
+import './OrLabel-876f8729.js';
 import 'vue';
-import './OrHint-73835593.js';
-import './OrLabel-7d4fe80b.js';
 import './style-inject.es-4c6f2515.js';
+import './OrIconButton-f72cb8d9.js';
+import './OrIcon-e23028f8.js';
+import './OrTooltip-121eae2b.js';
+import './OrFloating-3da814a2.js';
+import '@floating-ui/dom';
+import './OrTeleportVue3-ad639f12.js';
+import './OrLoader-15174477.js';
+import './OrHint-1414c530.js';
+import './OrError-f90296db.js';
+import './OrCollapse-37a52e8f.js';

package/dist/v3/index85.js

@@ -1,20 +1,17 @@
-export { s as OrTextbox, T as TextboxTypes } from './OrTextbox-faa4f81a.js';
+export { s as OrToast, a as OrToastContainer } from './OrToastContainer-fe6abe90.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-f72cb8d9.js';
 import 'vue-demi';
-import '@vueuse/core';
-import './useToggle-29e4d7c7.js';
-import './px-to-rem-0b26b83e.js';
-import './dom-7a41831b.js';
+import './OrIcon-e23028f8.js';
 import 'lodash';
-import './OrLabel-876f8729.js';
+import './OrTooltip-121eae2b.js';
 import 'vue';
 import './style-inject.es-4c6f2515.js';
-import './OrIconButton-f72cb8d9.js';
-import './OrIcon-e23028f8.js';
-import './OrTooltip-121eae2b.js';
 import './OrFloating-3da814a2.js';
 import '@floating-ui/dom';
 import './OrTeleportVue3-ad639f12.js';
+import './dom-7a41831b.js';
+import './px-to-rem-0b26b83e.js';
 import './OrLoader-15174477.js';
-import './OrHint-1414c530.js';
-import './OrError-f90296db.js';
-import './OrCollapse-37a52e8f.js';
+import './OrProgress-d0d52c86.js';
+import '@vueuse/core';

package/dist/v3/index86.js

@@ -1,17 +1,3 @@
-export { s as OrToast, a as OrToastContainer } from './OrToastContainer-fe6abe90.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-f72cb8d9.js';
+export { a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
 import 'vue-demi';
-import './OrIcon-e23028f8.js';
-import 'lodash';
-import './OrTooltip-121eae2b.js';
-import 'vue';
-import './style-inject.es-4c6f2515.js';
-import './OrFloating-3da814a2.js';
-import '@floating-ui/dom';
-import './OrTeleportVue3-ad639f12.js';
-import './dom-7a41831b.js';
-import './px-to-rem-0b26b83e.js';
-import './OrLoader-15174477.js';
-import './OrProgress-d0d52c86.js';
 import '@vueuse/core';

package/dist/v3/index87.js

@@ -1,3 +1,18 @@
-export { a as useQueue, u as useToast } from './useToast-4fbe0e5a.js';
-import 'vue-demi';
+export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-d5d4ab32.js';
+export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 import '@vueuse/core';
+import 'vue-demi';
+import './OrTeleport.vue3-8099178c.js';
+import 'vue';
+import './OrIconButton-5fb3a9aa.js';
+import './useClassAttribute-47fdb016.js';
+import './OrIcon-b3906e35.js';
+import './OrTooltip-36c6728c.js';
+import './OrPopover-3525c670.js';
+import '@floating-ui/dom';
+import './useElevation-0e973238.js';
+import './useResponsive-a02e95b7.js';
+import './OrBottomSheet-9de57dd0.js';
+import './OrOverlay-27050c19.js';
+import './OrLoader-60943812.js';
+import './style-inject.es-4c6f2515.js';

package/dist/v3/index88.js

@@ -1,18 +1,3 @@
-export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-d5d4ab32.js';
-export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
-import '@vueuse/core';
+export { a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 import 'vue-demi';
-import './OrTeleport.vue3-8099178c.js';
-import 'vue';
-import './OrIconButton-5fb3a9aa.js';
-import './useClassAttribute-47fdb016.js';
-import './OrIcon-b3906e35.js';
-import './OrTooltip-36c6728c.js';
-import './OrPopover-3525c670.js';
-import '@floating-ui/dom';
-import './useElevation-0e973238.js';
-import './useResponsive-a02e95b7.js';
-import './OrBottomSheet-9de57dd0.js';
-import './OrOverlay-27050c19.js';
-import './OrLoader-60943812.js';
-import './style-inject.es-4c6f2515.js';
+import '@vueuse/core';

package/dist/v3/index89.js

@@ -1,3 +1,9 @@
-export { a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
+export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
 import 'vue-demi';
-import '@vueuse/core';
+import 'lodash';
+import 'vue';
+import './style-inject.es-4c6f2515.js';
+import './OrFloating-3da814a2.js';
+import '@floating-ui/dom';
+import './OrTeleportVue3-ad639f12.js';
+import './dom-7a41831b.js';

package/dist/v3/index90.js

@@ -1,9 +1,12 @@
-export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-121eae2b.js';
+export { s as OrTooltipV3 } from './OrTooltip-36c6728c.js';
+export { P as TooltipPlacement } from './OrPopover-3525c670.js';
+import '@vueuse/core';
 import 'vue-demi';
-import 'lodash';
+import './useClassAttribute-47fdb016.js';
 import 'vue';
-import './style-inject.es-4c6f2515.js';
-import './OrFloating-3da814a2.js';
 import '@floating-ui/dom';
-import './OrTeleportVue3-ad639f12.js';
-import './dom-7a41831b.js';
+import './useElevation-0e973238.js';
+import './useResponsive-a02e95b7.js';
+import './OrBottomSheet-9de57dd0.js';
+import './OrOverlay-27050c19.js';
+import './OrTeleport.vue3-8099178c.js';

package/dist/v3/index91.js

@@ -1,12 +1,2 @@
-export { s as OrTooltipV3 } from './OrTooltip-36c6728c.js';
-export { P as TooltipPlacement } from './OrPopover-3525c670.js';
-import '@vueuse/core';
+export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 import 'vue-demi';
-import './useClassAttribute-47fdb016.js';
-import 'vue';
-import '@floating-ui/dom';
-import './useElevation-0e973238.js';
-import './useResponsive-a02e95b7.js';
-import './OrBottomSheet-9de57dd0.js';
-import './OrOverlay-27050c19.js';
-import './OrTeleport.vue3-8099178c.js';

package/dist/v3/index92.js

@@ -1,2 +1,7 @@
-export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
+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';
 import 'vue-demi';
+import '@vueuse/core';

package/dist/v3/index93.js

@@ -1,7 +1,3 @@
-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';
-import 'vue-demi';
 import '@vueuse/core';
+import 'vue-demi';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.62.7-beta.1932.0",
+  "version": "2.62.7",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -29,7 +29,7 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.30.0",
+    "@onereach/styles": "^2.31.0",
     "@splidejs/splide": "4.0.6",
     "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
@@ -78,5 +78,6 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "68786c7ab00263953414278989c2661a57789053"
 }

package/src/components/index.ts

@@ -58,7 +58,6 @@ 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/src/components/or-checkbox-v3/OrCheckbox.stories3.ts

@@ -27,7 +27,7 @@ export default {
     },
 
     value: { // TODO: Remove Vue 2 fallback
-      table: { disable: true },
+      control: { type: 'object' },
     },
 
     inputValue: { // TODO: Rename to `value` after complete migration to Vue 3

package/src/components/or-inline-input-v3/OrInlineInput.vue

@@ -217,7 +217,7 @@ export default defineComponent({
 
     function reset(): void {
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value ?? '';
+        draftModelValue.value = proxyModelValue.value;
       }
 
       activated.value = false;
@@ -225,7 +225,7 @@ export default defineComponent({
 
     // Effects
     watch(proxyModelValue, (value) => {
-      draftModelValue.value = value ?? '';
+      draftModelValue.value = value;
     }, { immediate: true });
 
     return {

package/src/components/or-inline-textarea-v3/OrInlineTextarea.vue

@@ -205,7 +205,7 @@ export default defineComponent({
 
     function reset(): void {
       if (draftModelValue.value !== proxyModelValue.value) {
-        draftModelValue.value = proxyModelValue.value ?? '';
+        draftModelValue.value = proxyModelValue.value;
       }
 
       activated.value = false;
@@ -213,7 +213,7 @@ export default defineComponent({
 
     // Effects
     watch(proxyModelValue, (value) => {
-      draftModelValue.value = value ?? '';
+      draftModelValue.value = value;
     }, { immediate: true });
 
     return {

package/src/components/or-radio-v3/OrRadio.stories3.ts

@@ -27,7 +27,7 @@ export default {
     },
 
     value: { // TODO: Remove Vue 2 fallback
-      table: { disable: true },
+      control: { type: 'object' },
     },
 
     inputValue: { // TODO: Rename to `value` after complete migration to Vue 3

package/src/components/or-switch-v3/OrSwitch.stories3.ts

@@ -27,7 +27,7 @@ export default {
     },
 
     value: { // TODO: Remove Vue 2 fallback
-      table: { disable: true },
+      control: { type: 'object' },
     },
 
     inputValue: { // TODO: Rename to `value` after complete migration to Vue 3

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, watch } from 'vue-demi';
+import { ref } from 'vue-demi';
 import OrTabsDocs from './OrTabs.docs.mdx';
 import OrTabs from './OrTabs.vue';
 import { TabsVariant } from './props';
@@ -63,16 +63,11 @@ const Template: StoryFn<typeof OrTabs> = (args) => ({
 
   setup() {
     // State
-    const model = ref<string>();
-
-    // Effects
-    watch(model, (value) => {
-      console.debug(value);
-    });
+    const value = ref<string>();
 
     return {
       args,
-      model,
+      value,
       onUpdateModelValue: action('update:modelValue'),
       onInput: action('input'),
     };
@@ -80,7 +75,7 @@ const Template: StoryFn<typeof OrTabs> = (args) => ({
 
   template: `
     <OrTabs
-      v-model="model"
+      v-model="value"
       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="tab.value === proxyModelValue"
+        :selected="proxyModelValue === tab.value"
         @click.stop="proxyModelValue = tab.value"
       >
         {{ tab.label }}

package/src/hooks/useClassAttribute.ts

@@ -8,7 +8,7 @@ export function useClassAttribute(): UseClassAttributeReturn {
 
   // Functions
   function composeClass(): UnwrapRef<UseClassAttributeReturn> {
-    const { staticClass = '', class: classProperty } = (currentInstance?.vnode as unknown as VNode).data ?? {};
+    const { staticClass = '', class: classProperty } = (currentInstance?.vnode as VNode).data ?? {};
 
     if (!classProperty) {
       return staticClass || undefined;

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

@@ -1,236 +0,0 @@
-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/components/or-segmented-control-v3/OrSegmentedControl.stories3.d.ts

@@ -1,12 +0,0 @@
-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>)>;