@onereach/ui-components 10.3.4-beta.4324.0 → 10.3.4-beta.4327.0

package/dist/bundled/v2/components/OrLabelV3/index.js

@@ -1,2 +1,2 @@
 export { default as OrLabelV3 } from './OrLabel.js';
-export { L as LabelVariant } from '../../styles-30358b7e.js';
+export { LabelVariant } from './props.js';

package/dist/{esm/v2/components/or-label-v3/types.d.ts → bundled/v2/components/OrLabelV3/props.d.ts}

@@ -1,6 +1,5 @@
 export declare enum LabelVariant {
     Input = "input",
     Toggle = "toggle",
-    Group = "group",
     MenuItem = "menu-item"
 }

package/dist/bundled/v2/components/OrLabelV3/props.js

@@ -0,0 +1,8 @@
+var LabelVariant;
+(function (LabelVariant) {
+  LabelVariant["Input"] = "input";
+  LabelVariant["Toggle"] = "toggle";
+  LabelVariant["MenuItem"] = "menu-item";
+})(LabelVariant || (LabelVariant = {}));
+
+export { LabelVariant };

package/dist/bundled/v2/components/OrLabelV3/styles.d.ts

@@ -1,5 +1,5 @@
-import { LabelVariant } from './types';
+import { LabelVariant } from './props';
 export declare const Label: string[];
 export declare const LabelVariants: Record<LabelVariant, string[]>;
-export declare const LabelContent: string[];
+export declare const LabelText: string[];
 export declare const LabelAddon: string[];

package/dist/bundled/v2/components/OrLabelV3/styles.js

@@ -1 +1,38 @@
-export { a as Label, d as LabelAddon, c as LabelContent, b as LabelVariants } from '../../styles-30358b7e.js';
+import { LabelVariant } from './props.js';
+
+const Label = [
+// Layout
+'layout-row justify-between',
+// Spacing
+'gap-sm'];
+const LabelVariants = {
+  [LabelVariant.Input]: [
+  // Typography
+  'typography-caption-regular',
+  // Theme
+  'theme-foreground-outline', 'dark:theme-foreground-outline-dark'],
+  [LabelVariant.Toggle]: [
+  // Typography
+  'typography-body-2-regular',
+  // Theme
+  'theme-foreground-default', 'dark:theme-foreground-default-dark'],
+  [LabelVariant.MenuItem]: [
+  // Typography
+  'typography-body-2-regular',
+  // Typography (selected)
+  'selected:typography-body-2-semibold',
+  // Theme
+  'theme-foreground-default', 'dark:theme-foreground-default-dark']
+};
+const LabelText = [
+// Interactivity
+'interactivity-default',
+// Content (required)
+'required:after:content-["*"]'];
+const LabelAddon = [
+// Layout
+'layout-inline-row empty:hidden',
+// Typography
+'whitespace-nowrap'];
+
+export { Label, LabelAddon, LabelText, LabelVariants };

package/dist/bundled/v2/components/OrListV3/OrList.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrList-47e0d565.js';
+export { _ as default } from '../../OrList-2f433e52.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrListV3/index.js

@@ -1 +1 @@
-export { O as OrListItem, _ as OrListV3 } from '../../OrList-47e0d565.js';
+export { O as OrListItem, _ as OrListV3 } from '../../OrList-2f433e52.js';

package/dist/bundled/v2/components/OrLoaderV3/OrLoader.js

@@ -1,4 +1,4 @@
-import { k as useElementSize } from '../../index-fe85dfd9.js';
+import { j as useElementSize } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './styles.js';

package/dist/bundled/v2/components/OrModal/OrModal.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
-import { u as useFocusTrap } from '../../useFocusTrap-5b440601.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
+import { u as useFocusTrap } from '../../useFocusTrap-c1b303f8.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrOverflowMenu/OrOverflowMenu.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { l as useScrollLock } from '../../index-fe85dfd9.js';
+import { k as useScrollLock } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

package/dist/bundled/v2/components/OrPassword/OrPassword.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { e as useVModel } from '../../index-fe85dfd9.js';
+import { d as useVModel } from '../../index-13c63b4c.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,5 +1,5 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from '../../floating-ui.dom-d9ef0d1f.js';
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { useFloating } from './hooks/useFloating.js';
 import { PopoverVariant, PopoverPlacement } from './props.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

@@ -1,4 +1,4 @@
-import { f as useElementBounding } from '../../index-fe85dfd9.js';
+import { e as useElementBounding } from '../../index-13c63b4c.js';
 import { r as round_1 } from '../../round-b22acb42.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';

package/dist/bundled/v2/components/OrRadioGroupV3/OrRadioGroup.js

@@ -1,7 +1,7 @@
 import { defineComponent, toRef } from 'vue-demi';
 import __vue_component__$1 from '../OrFormGroupV3/OrFormGroup.js';
 import __vue_component__$2 from '../OrRadioV3/OrRadio.js';
-import { F as FormGroupDirection } from '../../styles-a198cbef.js';
+import { FormGroupDirection } from '../OrFormGroupV3/props.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 

package/dist/bundled/v2/components/OrRadioV3/OrRadio.js

@@ -1,7 +1,7 @@
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
 import { Radio, RadioControl, RadioControlHandle } from './styles.js';
 import __vue_component__$1 from '../OrLabelV3/OrLabel.js';
-import { L as LabelVariant } from '../../styles-30358b7e.js';
+import { LabelVariant } from '../OrLabelV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
@@ -23,7 +23,7 @@ var script = defineComponent({
       default: undefined
     },
     value: {
-      type: undefined,
+      type: [String, Number, Object],
       required: true
     },
     label: {
@@ -87,7 +87,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-c017d408]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
+var css_248z = "input[data-v-601f50f1]{line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}";
 styleInject(css_248z);
 
 /* script */
@@ -150,7 +150,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-c017d408";
+const __vue_scope_id__ = "data-v-601f50f1";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

package/dist/bundled/v2/components/OrRadioV3/OrRadio.vue.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "group" | "menu-item">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: () => LabelVariant.Toggle;
     };
     required: {
@@ -55,7 +55,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "group" | "menu-item">;
+        type: PropType<"input" | "toggle" | "menu-item">;
         default: () => LabelVariant.Toggle;
     };
     required: {
@@ -70,7 +70,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: RadioModelValue;
     value: RadioValue;
     label: string;
-    labelVariant: "input" | "toggle" | "group" | "menu-item";
+    labelVariant: "input" | "toggle" | "menu-item";
     required: boolean;
     disabled: boolean;
 } & {} & {
@@ -94,7 +94,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     modelValue: RadioModelValue;
     value: RadioValue;
     label: string;
-    labelVariant: "input" | "toggle" | "group" | "menu-item";
+    labelVariant: "input" | "toggle" | "menu-item";
     required: boolean;
     disabled: boolean;
 } & {} & {
@@ -102,7 +102,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, {
     modelValue: RadioModelValue;
     label: string;
-    labelVariant: "input" | "toggle" | "group" | "menu-item";
+    labelVariant: "input" | "toggle" | "menu-item";
     required: boolean;
     disabled: boolean;
 }, true>);

package/dist/bundled/v2/components/OrRadioV3/types.d.ts

@@ -1,3 +1,2 @@
-import { ModelValue } from '../../types';
-export type RadioModelValue = ModelValue<RadioValue>;
+export type RadioModelValue = RadioValue | null | undefined;
 export type RadioValue = string | number | object;

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.js

@@ -1,4 +1,4 @@
-import { f as useElementBounding, u as useElementHover, g as useDraggable } from '../../index-fe85dfd9.js';
+import { e as useElementBounding, u as useElementHover, f as useDraggable } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { RangeSlider, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderTrack, RangeSliderTrackColors, RangeSliderThumb, RangeSliderThumbColors, RangeSliderBreakpointMark, RangeSliderBreakpointMarkColors, RangeSliderLabel, RangeSliderLabelOrientations, RangeSliderLabelMark, RangeSliderLabelMarkOrientations } from './styles.js';
 import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';
@@ -35,7 +35,7 @@ var script = defineComponent({
     },
     breakpoints: {
       type: Array,
-      default: []
+      default: () => []
     },
     color: {
       type: String,
@@ -334,16 +334,16 @@ var script = defineComponent({
       onEnd: onDrag
     });
     // Constraints
-    watch(() => props.minValue, value => {
+    watch(toRef(props, 'minValue'), value => {
       if (value >= props.maxValue) {
-        throw new Error('[OrRangeSlider]: `minValue` must be lesser than `maxValue`.');
+        throw new Error('OrRangeSlider: `minValue` cannot be greater or equal to `maxValue`.');
       }
     }, {
       immediate: true
     });
-    watch(() => props.maxValue, value => {
+    watch(toRef(props, 'maxValue'), value => {
       if (value <= props.minValue) {
-        throw new Error('[OrRangeSlider]: `maxValue` must be greater than `minValue`.');
+        throw new Error('OrRangeSlider: `maxValue` cannot be lesser or equal to `minValue`.');
       }
     }, {
       immediate: true

package/dist/bundled/v2/components/OrRangeSliderV3/OrRangeSlider.vue.d.ts

@@ -62,7 +62,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     breakpoints: {
         type: PropType<number[]>;
-        default: number[];
+        default: () => never[];
     };
     color: {
         type: PropType<"primary" | "secondary">;
@@ -101,7 +101,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
     breakpoints: {
         type: PropType<number[]>;
-        default: number[];
+        default: () => never[];
     };
     color: {
         type: PropType<"primary" | "secondary">;

package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -1,4 +1,4 @@
-import { g as useDraggable } from '../../index-fe85dfd9.js';
+import { f as useDraggable } from '../../index-13c63b4c.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props.js';
 import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './styles.js';
@@ -208,7 +208,7 @@ var __vue_render__ = function () {
     attrs: {
       "activated": _vm.isDragging
     }
-  }), _vm._v(" "), _vm.collapsible ? [_c('div', {
+  }, [_vm.collapsible ? [_c('div', {
     class: _vm.collapseButtonContainerStyles
   }, [_c('OrIconButton', {
     attrs: {
@@ -222,7 +222,7 @@ var __vue_render__ = function () {
         return _vm.toggle();
       }
     }
-  })], 1)] : _vm._e(), _vm._v(" "), _vm.$slots.toolbar ? [_c('div', {
+  })], 1)] : _vm._e()], 2), _vm._v(" "), _vm.$slots.toolbar ? [_c('div', {
     class: _vm.toolbarStyles
   }, [_vm._t("toolbar")], 2)] : _vm._e()], 2);
 };

package/dist/bundled/v2/components/OrResizeablePanelV3/styles.js

@@ -1,8 +1,6 @@
 import { ResizeablePanelPlacement, ResizeablePanelPadding } from './props.js';
 
 const ResizeablePanel = [
-// Position
-'relative',
 // Layout
 'shrink-0',
 // Theme
@@ -59,7 +57,7 @@ const ResizeablePanelContentPlaceholderPlacements = {
 };
 const ResizeablePanelResizeBar = [
 // Position
-'relative z-10',
+'relative',
 // Layout
 'shrink-0',
 // Layout (after)
@@ -76,10 +74,8 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-col justify-center',
   // Interactivity
   'interactivity-resize-row',
-  // Box
-  'h-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-my-[calc(theme(spacing.md)/2)]',
+  '-my-[calc(theme(spacing.md)/2)]', 'py-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-b-1'],
   [ResizeablePanelPlacement.Bottom]: [
@@ -87,10 +83,8 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-col justify-center',
   // Interactivity
   'interactivity-resize-row',
-  // Box
-  'h-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-my-[calc(theme(spacing.md)/2)]',
+  '-my-[calc(theme(spacing.md)/2)]', 'py-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-t-1'],
   [ResizeablePanelPlacement.Left]: [
@@ -98,10 +92,8 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-row justify-center',
   // Interactivity
   'interactivity-resize-column',
-  // Box
-  'w-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-mx-[calc(theme(spacing.md)/2)]',
+  '-mx-[calc(theme(spacing.md)/2)]', 'px-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-r-1'],
   [ResizeablePanelPlacement.Right]: [
@@ -109,16 +101,14 @@ const ResizeablePanelResizeBarPlacements = {
   'flex flex-row justify-center',
   // Interactivity
   'interactivity-resize-column',
-  // Box
-  'w-[calc(theme(spacing.md)+1px)]',
   // Spacing
-  '-mx-[calc(theme(spacing.md)/2)]',
+  '-mx-[calc(theme(spacing.md)/2)]', 'px-[calc(theme(spacing.md)/2)]',
   // Theme (after)
   'after:border-l-1']
 };
 const ResizeablePanelCollapseButtonContainer = [
 // Position
-'relative z-10',
+'absolute',
 // Shape
 'rounded-full',
 // Box
@@ -130,24 +120,16 @@ const ResizeablePanelCollapseButtonContainer = [
 const ResizeablePanelCollapseButtonContainerPlacements = {
   [ResizeablePanelPlacement.Top]: [
   // Position
-  'left-md',
-  // Spacing
-  '-my-[calc(theme(spacing.md)-2px)]'],
+  'left-md'],
   [ResizeablePanelPlacement.Bottom]: [
   // Position
-  'left-md',
-  // Spacing
-  '-my-[calc(theme(spacing.md)-2px)]'],
+  'left-md'],
   [ResizeablePanelPlacement.Left]: [
   // Position
-  'top-md',
-  // Spacing
-  '-mx-[calc(theme(spacing.md)-2px)]'],
+  'top-md'],
   [ResizeablePanelPlacement.Right]: [
   // Position
-  'top-md',
-  // Spacing
-  '-mx-[calc(theme(spacing.md)-2px)]']
+  'top-md']
 };
 const ResizeablePanelToolbar = [
 // Layout

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1,5 +1,5 @@
-import { h as useResizeObserver, o as onClickOutside } from '../../index-fe85dfd9.js';
-import { u as useFocusTrap } from '../../useFocusTrap-5b440601.js';
+import { g as useResizeObserver, o as onClickOutside } from '../../index-13c63b4c.js';
+import { u as useFocusTrap } from '../../useFocusTrap-c1b303f8.js';
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
 import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, c as HorizontalRule, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, e as Link, f as Highlight } from '../../markdown-62ee11bf.js';
 import { OrRichTextEditor, EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './styles.js';
@@ -12,13 +12,12 @@ import __vue_component__$2 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$3 from '../OrMenuItemV3/OrMenuItem.js';
 import __vue_component__$4 from '../OrMenuV3/OrMenu.js';
 import __vue_component__$5 from '../OrModalV3/OrModal.js';
-import { _ as __vue_component__$6 } from '../../OrInput-9b115866.js';
+import { _ as __vue_component__$6 } from '../../OrInput-436fb208.js';
 import __vue_component__$7 from '../OrButtonV3/OrButton.js';
 import __vue_component__$8 from '../OrPopoverV3/OrPopover.js';
 import __vue_component__$9 from '../OrHintV3/OrHint.js';
 import __vue_component__$a from '../OrErrorV3/OrError.js';
 import { a as useDebounceFn } from '../../index-279e78b9.js';
-import { isArray } from '../../utils/isArray.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
@@ -1653,7 +1652,7 @@ var script = defineComponent({
       activeHeadingLevel.value = ((_a = editor === null || editor === void 0 ? void 0 : editor.getAttributes('heading')) === null || _a === void 0 ? void 0 : _a.level) || 0;
     };
     const isVisible = value => {
-      if (isArray(value)) {
+      if (Array.isArray(value)) {
         const isHaveNotVisibleTools = value.some(item => notVisibleTools.value.has(item));
         return isHaveNotVisibleTools;
       }

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, reactive, toRef, watch } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../OrInput-9b115866.js';
+import { _ as __vue_component__$1 } from '../../OrInput-436fb208.js';
 import { b as watchDebounced } from '../../index-279e78b9.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';

package/dist/bundled/v2/components/OrSelect/OrSelect.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-fe85dfd9.js';
+import { o as onClickOutside } from '../../index-13c63b4c.js';
 import { DEFAULT_TEXT, OR_SELECT_NO_RESULTS_TITLE_PROP, OR_SELECT_NO_RESULTS_START_TEXT_PROP, OR_SELECT_NO_RESULTS_END_TEXT_PROP, OR_SELECT_UPDATE_SEARCH_TEXT_PROP, OR_SELECT_VALUE_PROP, OR_SELECT_OPTIONS_PROP, OR_SELECT_SEARCH_OPTIONS_PROP, OR_SELECT_PLACEHOLDER_PROP, COMMON_STRING_PROP, SEARCH_OPTIONS_FUNCTION_PROP } from './constants.js';
 import __vue_component__$9 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';