@onereach/ui-components 6.5.1-beta.3474.0 → 6.5.1-beta.3478.0

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

@@ -0,0 +1,16 @@
+var ResizeablePanelPadding;
+(function (ResizeablePanelPadding) {
+  ResizeablePanelPadding["L"] = "l";
+  ResizeablePanelPadding["M"] = "m";
+  ResizeablePanelPadding["S"] = "s";
+  ResizeablePanelPadding["None"] = "none";
+})(ResizeablePanelPadding || (ResizeablePanelPadding = {}));
+var ResizeablePanelPlacement;
+(function (ResizeablePanelPlacement) {
+  ResizeablePanelPlacement["Top"] = "top";
+  ResizeablePanelPlacement["Bottom"] = "bottom";
+  ResizeablePanelPlacement["Left"] = "left";
+  ResizeablePanelPlacement["Right"] = "right";
+})(ResizeablePanelPlacement || (ResizeablePanelPlacement = {}));
+
+export { ResizeablePanelPadding, ResizeablePanelPlacement };

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

@@ -0,0 +1,13 @@
+import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';
+export declare const ResizeablePanel: string[];
+export declare const ResizeablePanelPlacements: Record<ResizeablePanelPlacement, string[]>;
+export declare const ResizeablePanelContent: string[];
+export declare const ResizeablePanelContentPaddings: Record<ResizeablePanelPadding, string[]>;
+export declare const ResizeablePanelContentPlaceholder: string[];
+export declare const ResizeablePanelContentPlaceholderPlacements: Record<ResizeablePanelPlacement, string[]>;
+export declare const ResizeablePanelResizeBar: string[];
+export declare const ResizeablePanelResizeBarPlacements: Record<ResizeablePanelPlacement, string[]>;
+export declare const ResizeablePanelCollapseButtonContainer: string[];
+export declare const ResizeablePanelCollapseButtonContainerPlacements: Record<ResizeablePanelPlacement, string[]>;
+export declare const ResizeablePanelToolbar: string[];
+export declare const ResizeablePanelToolbarPlacements: Record<ResizeablePanelPlacement, string[]>;

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

@@ -0,0 +1,182 @@
+import { ResizeablePanelPlacement, ResizeablePanelPadding } from './props.js';
+
+const ResizeablePanel = [
+// Position
+'relative',
+// Layout
+'shrink-0'];
+const ResizeablePanelPlacements = {
+  [ResizeablePanelPlacement.Top]: [
+  // Layout
+  'layout-column'],
+  [ResizeablePanelPlacement.Bottom]: [
+  // Layout
+  'layout-column-reverse'],
+  [ResizeablePanelPlacement.Left]: [
+  // Layout
+  'layout-row !items-stretch'],
+  [ResizeablePanelPlacement.Right]: [
+  // Layout
+  'layout-row-reverse !items-stretch']
+};
+const ResizeablePanelContent = [
+// Layout
+'grow',
+// Overflow
+'overflow-auto',
+// Box
+'max-w-full', 'max-h-full'];
+const ResizeablePanelContentPaddings = {
+  [ResizeablePanelPadding.L]: [
+  // Spacing
+  'px-lg', 'py-lg'],
+  [ResizeablePanelPadding.M]: [
+  // Spacing
+  'px-md', 'py-md'],
+  [ResizeablePanelPadding.S]: [
+  // Spacing
+  'px-sm', 'py-sm'],
+  [ResizeablePanelPadding.None]: []
+};
+const ResizeablePanelContentPlaceholder = [];
+const ResizeablePanelContentPlaceholderPlacements = {
+  [ResizeablePanelPlacement.Top]: [
+  // Box
+  'h-[calc(theme(spacing.md)+theme(spacing.sm))]'],
+  [ResizeablePanelPlacement.Bottom]: [
+  // Box
+  'h-[calc(theme(spacing.md)+theme(spacing.sm))]'],
+  [ResizeablePanelPlacement.Left]: [
+  // Box
+  'w-[calc(theme(spacing.md)+theme(spacing.sm))]'],
+  [ResizeablePanelPlacement.Right]: [
+  // Box
+  'w-[calc(theme(spacing.md)+theme(spacing.sm))]']
+};
+const ResizeablePanelResizeBar = [
+// Position
+'relative z-1',
+// Layout
+'shrink-0',
+// Layout (after)
+'after:block',
+// Theme (after)
+'after:border-outline-variant', 'after:dark:border-outline-variant-dark',
+// Theme (after, hover)
+'after:hover:border-primary-hover', 'after:dark:hover:border-primary-hover-dark',
+// Theme (after, activated)
+'after:activated:border-primary-hover', 'after:dark:activated:border-primary-hover-dark'];
+const ResizeablePanelResizeBarPlacements = {
+  [ResizeablePanelPlacement.Top]: [
+  // Layout
+  'flex flex-col justify-center',
+  // Interactivity
+  'cursor-row-resize',
+  // Box
+  'h-[calc(theme(spacing.md)+1px)]',
+  // Spacing
+  '-my-[calc(theme(spacing.md)/2)]',
+  // Theme (after)
+  'after:border-b-1'],
+  [ResizeablePanelPlacement.Bottom]: [
+  // Layout
+  'flex flex-col justify-center',
+  // Interactivity
+  'cursor-row-resize',
+  // Box
+  'h-[calc(theme(spacing.md)+1px)]',
+  // Spacing
+  '-my-[calc(theme(spacing.md)/2)]',
+  // Theme (after)
+  'after:border-t-1'],
+  [ResizeablePanelPlacement.Left]: [
+  // Layout
+  'flex flex-row justify-center',
+  // Interactivity
+  'cursor-col-resize',
+  // Box
+  'w-[calc(theme(spacing.md)+1px)]',
+  // Spacing
+  '-mx-[calc(theme(spacing.md)/2)]',
+  // Theme (after)
+  'after:border-r-1'],
+  [ResizeablePanelPlacement.Right]: [
+  // Layout
+  'flex flex-row justify-center',
+  // Interactivity
+  'cursor-col-resize',
+  // Box
+  'w-[calc(theme(spacing.md)+1px)]',
+  // Spacing
+  '-mx-[calc(theme(spacing.md)/2)]',
+  // Theme (after)
+  'after:border-l-1']
+};
+const ResizeablePanelCollapseButtonContainer = [
+// Position
+'relative',
+// Box
+'w-fit', 'h-fit',
+// Spacing
+'px-[1px]', 'py-[1px]',
+// Shape
+'rounded-full',
+// Typography
+'leading-[0]',
+// Theme
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
+const ResizeablePanelCollapseButtonContainerPlacements = {
+  [ResizeablePanelPlacement.Top]: [
+  // Position
+  'left-md',
+  // Spacing
+  '-my-[calc(theme(spacing.md)-2px)]'],
+  [ResizeablePanelPlacement.Bottom]: [
+  // Position
+  'left-md',
+  // Spacing
+  '-my-[calc(theme(spacing.md)-2px)]'],
+  [ResizeablePanelPlacement.Left]: [
+  // Position
+  'top-md',
+  // Spacing
+  '-mx-[calc(theme(spacing.md)-2px)]'],
+  [ResizeablePanelPlacement.Right]: [
+  // Position
+  'top-md',
+  // Spacing
+  '-mx-[calc(theme(spacing.md)-2px)]']
+};
+const ResizeablePanelToolbar = [
+// Layout
+'shrink-0',
+// Overflow
+'overflow-auto',
+// Spacing
+'px-md', 'py-md', 'gap-md',
+// Theme
+'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark'];
+const ResizeablePanelToolbarPlacements = {
+  [ResizeablePanelPlacement.Top]: [
+  // Layout
+  'layout-row',
+  // Theme
+  '!border-t-0', '!border-x-0'],
+  [ResizeablePanelPlacement.Bottom]: [
+  // Layout
+  'layout-row',
+  // Theme
+  '!border-b-0', '!border-x-0'],
+  [ResizeablePanelPlacement.Left]: [
+  // Layout
+  'layout-column',
+  // Theme
+  '!border-l-0', '!border-y-0'],
+  [ResizeablePanelPlacement.Right]: [
+  // Layout
+  'layout-column',
+  // Theme
+  '!border-r-0', '!border-y-0']
+};
+
+export { ResizeablePanel, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements };

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
-import { u as useFocusTrap } from '../../useFocusTrap-d0cc90cc.js';
-import { e as useResizeObserver, o as onClickOutside } from '../../index-a488b35e.js';
+import { u as useFocusTrap } from '../../useFocusTrap-93867923.js';
+import { f as useResizeObserver, o as onClickOutside } from '../../index-46c3b387.js';
 import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from '../../markdown-625aa5ef.js';
 import { EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './styles.js';
 import { c as commonjsGlobal } from '../../_commonjsHelpers-1789f0cf.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-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { _ as _baseAssignValue } from '../../_baseAssignValue-2250dbc9.js';
 import { k as keys_1, _ as _Stack, a as _baseIsEqual, i as isArguments_1 } from '../../_baseIsEqual-fe2002b6.js';

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

@@ -1,4 +1,4 @@
-import { f as useDraggable } from '../../index-a488b35e.js';
+import { e as useDraggable } from '../../index-46c3b387.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrSidebarV3/OrSidebar.js

@@ -1,4 +1,4 @@
-import { f as useDraggable, d as useElementBounding } from '../../index-a488b35e.js';
+import { e as useDraggable, d as useElementBounding } from '../../index-46c3b387.js';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
 import { OrSidebarPlacement } from './props.js';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, f as useDraggable } from '../../index-a488b35e.js';
+import { o as onClickOutside, e as useDraggable } from '../../index-46c3b387.js';
 import { f as addClass, h as removeClass } from '../../dom-cec392f3.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { e as useResizeObserver } from '../../index-a488b35e.js';
+import { f as useResizeObserver } from '../../index-46c3b387.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsRoot, TabsRootVariants, TabsContainer, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-3d88a1aa.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-84ba8d39.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-e90e27c0.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9ae6cede.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { k as useEventBus } from '../../../index-a488b35e.js';
+import { k as useEventBus } from '../../../index-46c3b387.js';
 import { c as createSharedComposable } from '../../../index-210a7ab2.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { k as useEventBus } from '../../../index-a488b35e.js';
+import { k as useEventBus } from '../../../index-46c3b387.js';
 import { c as createSharedComposable } from '../../../index-210a7ab2.js';
 
 const useToastEventBus = () => {

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

@@ -52,7 +52,6 @@ export * from './or-label-v3';
 export * from './or-link-v3';
 export * from './or-list';
 export * from './or-list-of-inputs';
-export * from './or-list-v3';
 export * from './or-loader';
 export * from './or-loader-v3';
 export * from './or-menu-item-v3';
@@ -74,6 +73,7 @@ export * from './or-radio';
 export * from './or-radio-group';
 export * from './or-radio-group-v3';
 export * from './or-radio-v3';
+export * from './or-resizeable-panel-v3';
 export * from './or-rich-text-editor-v3';
 export * from './or-search';
 export * from './or-search-v3';

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

@@ -50,9 +50,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-c5329a40.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-e90e27c0.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-3d88a1aa.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-eed760b4.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-9ae6cede.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-84ba8d39.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat } from './OrDateTimePickerV3/props.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatTime } from './OrDateTimePickerV3/utils/formatTime.js';
@@ -98,7 +98,6 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-6d5e66b4.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
@@ -128,6 +127,8 @@ export { default as OrRadio } from './OrRadio/OrRadio.js';
 export { default as OrRadioGroup } from './OrRadioGroup/OrRadioGroup.js';
 export { default as OrRadioGroupV3 } from './OrRadioGroupV3/OrRadioGroup.js';
 export { default as OrRadioV3 } from './OrRadioV3/OrRadio.js';
+export { default as OrResizeablePanelV3 } from './OrResizeablePanelV3/OrResizeablePanel.js';
+export { ResizeablePanelPadding, ResizeablePanelPlacement } from './OrResizeablePanelV3/props.js';
 export { default as OrRichTextEditorV3 } from './OrRichTextEditorV3/OrRichTextEditor.js';
 export { Formats } from './OrRichTextEditorV3/props.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';

package/dist/bundled/v2/hooks/useOverflow.js

@@ -1,4 +1,4 @@
-import { i as useMutationObserver, e as useResizeObserver } from '../index-a488b35e.js';
+import { i as useMutationObserver, f as useResizeObserver } from '../index-46c3b387.js';
 import { isRef, ref, watch } from 'vue-demi';
 import { r as requestAF } from '../dom-cec392f3.js';
 

package/dist/bundled/v2/hooks/useResponsive/useResponsive.js

@@ -1,4 +1,4 @@
-import { j as useMediaQuery } from '../../index-a488b35e.js';
+import { j as useMediaQuery } from '../../index-46c3b387.js';
 import { getCurrentInstance, ref, watch, onMounted, isVue3, computed } from 'vue-demi';
 
 var createPlugin$2 = {};

package/dist/bundled/v2/{index-a488b35e.js → index-46c3b387.js}

@@ -794,4 +794,4 @@ function useVModel(props, key, emit, options = {}) {
   }
 }
 
-export { SwipeDirection as S, useMagicKeys as a, useActiveElement as b, useVModel as c, useElementBounding as d, useResizeObserver as e, useDraggable as f, useElementSize as g, useScrollLock as h, useMutationObserver as i, useMediaQuery as j, useEventBus as k, unrefElement as l, usePointerSwipe as m, onClickOutside as o, useElementHover as u };
+export { SwipeDirection as S, useMagicKeys as a, useActiveElement as b, useVModel as c, useElementBounding as d, useDraggable as e, useResizeObserver as f, useElementSize as g, useScrollLock as h, useMutationObserver as i, useMediaQuery as j, useEventBus as k, unrefElement as l, usePointerSwipe as m, onClickOutside as o, useElementHover as u };