@onereach/ui-components 4.11.1-beta.2966.0 → 4.11.1

package/dist/bundled/v3/components/OrTreeV3/types.d.ts

@@ -0,0 +1,15 @@
+export type TreeNode = {
+    key: string;
+    children?: TreeNode[];
+    collapsible?: boolean;
+    expanded?: boolean;
+    selected?: boolean;
+    draggable?: boolean;
+    [key: string]: any;
+    canMiddleDrop?: boolean;
+};
+export declare enum TreeNodeDropPosition {
+    Top = "top",
+    Bottom = "bottom",
+    Middle = "middle"
+}

package/dist/bundled/v3/components/OrTreeV3/types.js

@@ -0,0 +1,8 @@
+var TreeNodeDropPosition;
+(function (TreeNodeDropPosition) {
+  TreeNodeDropPosition["Top"] = "top";
+  TreeNodeDropPosition["Bottom"] = "bottom";
+  TreeNodeDropPosition["Middle"] = "middle";
+})(TreeNodeDropPosition || (TreeNodeDropPosition = {}));
+
+export { TreeNodeDropPosition };

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

@@ -104,3 +104,4 @@ export * from './or-toast';
 export * from './or-toast-v3';
 export * from './or-tooltip';
 export * from './or-tooltip-v3';
+export * from './or-tree-v3';

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

@@ -14,7 +14,7 @@ export { ButtonColor, ButtonType, ButtonVariant } from './OrButtonV3/props.js';
 export { s as OrCard } from '../OrCard.vue_vue_type_script_lang-81561dd8.js';
 export { CARD_COLLECTION_LAYOUT } from './OrCardCollection/constants.js';
 export { s as OrCardCollection } from '../OrCardCollection.vue_vue_type_script_lang-eb86b548.js';
-export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-64fc129b.js';
+export { s as OrCardCollectionV3 } from '../OrCardCollection.vue_vue_type_script_lang-c7d9f452.js';
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './OrCardCollectionV3/props.js';
 export { s as OrCardV3 } from '../OrCard.vue_vue_type_script_lang-b204e541.js';
 export { s as OrCheckbox } from '../OrCheckbox.vue_vue_type_script_lang-dedfe767.js';
@@ -25,7 +25,7 @@ export { s as OrChip } from '../OrChip.vue_vue_type_script_lang-d0c62419.js';
 export { s as OrChips } from '../OrChips.vue_vue_type_script_lang-d7a38038.js';
 export { s as OrCode } from '../OrCode.vue_vue_type_script_lang-ce5a4f02.js';
 export { OrCodeLanguages } from './OrCode/constants.js';
-export { s as OrCodeV3 } from '../OrCode.vue_vue_type_script_lang-ffea1240.js';
+export { s as OrCodeV3 } from '../OrCode.vue_vue_type_script_lang-22c66c0d.js';
 export { CodeLanguage } from './OrCodeV3/props.js';
 export { s as OrCollapse } from '../OrCollapse.vue_vue_type_script_lang-e2dcce92.js';
 export { s as OrColorPicker } from '../OrColorPicker.vue_vue_type_script_lang-7c9b353d.js';
@@ -33,19 +33,19 @@ export { amber, black, blue, blueGrey, brown, cyan, deepOrange, deepPurple, gree
 export { s as OrCombinedInputV3 } from '../OrCombinedInput.vue_vue_type_script_lang-cb7a88f3.js';
 export { InputBoxSize as CombinedInputSize, InputBoxSize as DatePickerSize, InputBoxSize as DateTimePickerSize, InputBoxSize, InputBoxVariant, InputBoxSize as InputSize, InputBoxSize as SearchSize, InputBoxSize as SelectSize, InputBoxSize as TagInputSize, InputBoxSize as TextareaSize, InputBoxSize as TimePickerSize } from './OrInputBoxV3/props.js';
 export { s as OrConfirm } from '../OrConfirm.vue_vue_type_script_lang-836e2a0f.js';
-export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-4877404b.js';
+export { s as OrConfirmV3 } from '../OrConfirm.vue_vue_type_script_lang-88d3aeda.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
-export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-af356edd.js';
+export { s as OrDatePickerV3 } from '../OrDatePicker.vue_vue_type_script_lang-80de9d3a.js';
 export { s as OrDateTimePicker } from '../OrDateTimePicker.vue_vue_type_script_lang-b7857a99.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
-export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-8a9460ea.js';
+export { s as OrDateTimePickerV3 } from '../OrDateTimePicker.vue_vue_type_script_lang-300f009d.js';
 export { DateTimePickerTimeFormat, DateTimePickerTimeFormat as TimePickerFormat } from './OrDateTimePickerV3/props.js';
 export { s as OrEmptyStateV3 } from '../OrEmptyState.vue_vue_type_script_lang-2c1f09ef.js';
 export { EmptyStateSize } from './OrEmptyStateV3/props.js';
 export { s as OrError } from '../OrError.vue_vue_type_script_lang-450321b8.js';
 export { s as OrErrorTagV3 } from '../OrErrorTag.vue_vue_type_script_lang-a4be8f6a.js';
 export { s as OrErrorV3 } from '../OrError.vue_vue_type_script_lang-df7b5e32.js';
-export { s as OrExpansionPanelV3 } from '../OrExpansionPanel.vue_vue_type_script_lang-fa265d9a.js';
+export { s as OrExpansionPanelV3 } from '../OrExpansionPanel.vue_vue_type_script_lang-6ea94b95.js';
 export { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './OrExpansionPanelV3/props.js';
 export { s as OrFabV3 } from '../OrFab.vue_vue_type_script_lang-e2723ddc.js';
 export { FabColor } from './OrFabV3/props.js';
@@ -57,25 +57,25 @@ export { s as OrHint } from '../OrHint.vue_vue_type_script_lang-5eb3ee22.js';
 export { s as OrHintV3 } from '../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 export { s as OrIcon } from '../OrIcon.vue_vue_type_script_lang-b77bb268.js';
 export { OrIconColors, OrIconType } from './OrIcon/constants.js';
-export { s as OrIconButtonV3 } from '../OrIconButton.vue_vue_type_script_lang-22914946.js';
+export { s as OrIconButtonV3 } from '../OrIconButton.vue_vue_type_script_lang-41792494.js';
 export { IconSize as IconButtonSize, IconSize, IconVariant } from './OrIconV3/props.js';
 export { IconButtonColor } from './OrIconButtonV3/props.js';
 export { s as OrIconV3 } from '../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 export { s as OrInlineInputBoxV3 } from '../OrInlineInputBox.vue_vue_type_script_lang-fe99c485.js';
 export { InlineInputBoxSize, InlineInputBoxSize as InlineInputSize } from './OrInlineInputBoxV3/props.js';
-export { s as OrInlineInputV3 } from '../OrInlineInput.vue_vue_type_script_lang-561438ce.js';
+export { s as OrInlineInputV3 } from '../OrInlineInput.vue_vue_type_script_lang-fec60585.js';
 export { InlineInputType } from './OrInlineInputV3/props.js';
 export { s as OrInlineTextEdit } from '../OrInlineTextEdit.vue_vue_type_script_lang-58bc1a00.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
-export { s as OrInlineTextareaV3 } from '../OrInlineTextarea.vue_vue_type_script_lang-86793e79.js';
+export { s as OrInlineTextareaV3 } from '../OrInlineTextarea.vue_vue_type_script_lang-4265a2a2.js';
 export { s as OrInput } from '../OrInput.vue_vue_type_script_lang-1be980cf.js';
 export { s as OrInputBoxV3 } from '../OrInputBox.vue_vue_type_script_lang-49fb179a.js';
-export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-5c476bb2.js';
+export { s as OrInputV3 } from '../OrInput.vue_vue_type_script_lang-0b8a2b69.js';
 export { InputType } from './OrInputV3/props.js';
 export { s as OrLabel } from '../OrLabel.vue_vue_type_script_lang-6243e348.js';
 export { s as OrLabelV3 } from '../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 export { LabelVariant } from './OrLabelV3/props.js';
-export { s as OrLinkV3 } from '../OrLink.vue_vue_type_script_lang-f813dee2.js';
+export { s as OrLinkV3 } from '../OrLink.vue_vue_type_script_lang-2d66ea4d.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { s as OrList } from '../OrList.vue_vue_type_script_lang-c6f46a0e.js';
 export { s as OrListOfInputs } from '../OrListOfInputs.vue_vue_type_script_lang-04af76e1.js';
@@ -83,22 +83,22 @@ export { s as OrLoader } from '../OrLoader.vue_vue_type_script_lang-a1fed697.js'
 export { LoaderViews } from './OrLoader/constants.js';
 export { s as OrLoaderV3 } from '../OrLoader.vue_vue_type_script_lang-a21dc976.js';
 export { LoaderColor, LoaderSize, LoaderVariant } from './OrLoaderV3/props.js';
-export { s as OrMenuItemV3 } from '../OrMenuItem.vue_vue_type_script_lang-f35dcab4.js';
+export { s as OrMenuItemV3 } from '../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
 export { s as OrMenuV3 } from '../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
 export { PopoverPlacement as MenuPlacement, PopoverPlacement, PopoverVariant, PopoverPlacement as TooltipPlacement } from './OrPopoverV3/props.js';
 export { s as OrModal } from '../OrModal.vue_vue_type_script_lang-32c395a3.js';
 export { OrModalSizes } from './OrModal/constants.js';
-export { s as OrModalV3 } from '../OrModal.vue_vue_type_script_lang-8fc43c64.js';
+export { s as OrModalV3 } from '../OrModal.vue_vue_type_script_lang-e00165f1.js';
 export { ModalSize } from './OrModalV3/props.js';
 export { s as OrNotification } from '../OrNotification.vue_vue_type_script_lang-86084f5e.js';
 export { OR_NOTIFICATION_SIZE, OR_NOTIFICATION_TYPE } from './OrNotification/constants.js';
-export { s as OrNotificationV3 } from '../OrNotification.vue_vue_type_script_lang-d3e5531b.js';
+export { s as OrNotificationV3 } from '../OrNotification.vue_vue_type_script_lang-9d3dd0d9.js';
 export { NotificationVariant } from './OrNotificationV3/props.js';
 export { s as OrNumberInput } from '../OrNumberInput.vue_vue_type_script_lang-9d6763fa.js';
 export { s as OrOverflowMenu } from '../OrOverflowMenu.vue_vue_type_script_lang-e077c7fd.js';
 export { s as OrOverlay } from '../OrOverlay.vue_vue_type_script_lang-2f5d626d.js';
 export { s as OrOverlayV3 } from '../OrOverlay.vue_vue_type_script_lang-9036d75d.js';
-export { s as OrPaginationV3 } from '../OrPagination.vue_vue_type_script_lang-32a27808.js';
+export { s as OrPaginationV3 } from '../OrPagination.vue_vue_type_script_lang-cf545aab.js';
 export { s as OrPassword } from '../OrPassword.vue_vue_type_script_lang-0a87f331.js';
 export { s as OrPopoverV3 } from '../OrPopover.vue_vue_type_script_lang-d15ec5cb.js';
 export { s as OrProgress } from '../OrProgress.vue_vue_type_script_lang-89224310.js';
@@ -110,14 +110,14 @@ export { s as OrRadioGroup } from '../OrRadioGroup.vue_vue_type_script_lang-75b6
 export { s as OrRadioGroupV3 } from '../OrRadioGroup.vue_vue_type_script_lang-d7f6f8ca.js';
 export { s as OrRadioV3 } from '../OrRadio.vue_vue_type_script_lang-48c2bc6b.js';
 export { s as OrSearch } from '../OrSearch.vue_vue_type_script_lang-933e71b8.js';
-export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-964ca4bb.js';
+export { s as OrSearchV3 } from '../OrSearch.vue_vue_type_script_lang-3fa2209d.js';
 export { s as OrSegmentedControlV3 } from '../OrSegmentedControl.vue_vue_type_script_lang-3a7df112.js';
 export { SegmentedControlSize } from './OrSegmentedControlV3/props.js';
 export { s as OrSelect } from '../OrSelect.vue_vue_type_script_lang-b8b014f6.js';
-export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-517b30ea.js';
+export { s as OrSelectV3 } from '../OrSelect.vue_vue_type_script_lang-b11ea2e9.js';
 export { s as OrSidebar } from '../OrSidebar.vue_vue_type_script_lang-cac8e5b7.js';
 export { OrSidebarSide } from './OrSidebar/constants.js';
-export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-5faf7b1f.js';
+export { s as OrSidebarV3 } from '../OrSidebar.vue_vue_type_script_lang-55f0db3b.js';
 export { OrSidebarPlacement } from './OrSidebarV3/props.js';
 export { s as OrSkeletonCircle } from '../OrSkeletonCircle.vue_vue_type_script_lang-b768e00d.js';
 export { s as OrSkeletonRect } from '../OrSkeletonRect.vue_vue_type_script_lang-32f819ad.js';
@@ -133,15 +133,15 @@ export { s as OrSwitch } from '../OrSwitch.vue_vue_type_script_lang-3ef06bbd.js'
 export { s as OrSwitchV3 } from '../OrSwitch.vue_vue_type_script_lang-2014e70b.js';
 export { s as OrTab } from '../OrTab.vue_vue_type_script_lang-d9ee65b6.js';
 export { s as OrTabHeaderItem } from '../OrTabHeaderItem.vue_vue_type_script_lang-e1a0b91f.js';
-export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-8af58197.js';
+export { s as OrTabV3 } from '../OrTab.vue_vue_type_script_lang-79f2f523.js';
 export { s as OrTabs } from '../OrTabs.vue_vue_type_script_lang-9129d34b.js';
-export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-e9ea6c28.js';
+export { s as OrTabsV3 } from '../OrTabs.vue_vue_type_script_lang-9072248f.js';
 export { TabsVariant } from './OrTabsV3/props.js';
 export { s as OrTag } from '../OrTag.vue_vue_type_script_lang-42a69c16.js';
-export { s as OrTagInputV3 } from '../OrTagInput.vue_vue_type_script_lang-f6a4ac47.js';
-export { s as OrTagV3 } from '../OrTag.vue_vue_type_script_lang-366ed9f1.js';
+export { s as OrTagInputV3 } from '../OrTagInput.vue_vue_type_script_lang-67c8d12f.js';
+export { s as OrTagV3 } from '../OrTag.vue_vue_type_script_lang-640a19c4.js';
 export { TagColor, TagVariant } from './OrTagV3/props.js';
-export { s as OrTagsV3 } from '../OrTags.vue_vue_type_script_lang-f4313e35.js';
+export { s as OrTagsV3 } from '../OrTags.vue_vue_type_script_lang-18b7221b.js';
 export { default as OrTeleport } from './OrTeleport/OrTeleport.js';
 export { s as OrTeleportV3 } from '../OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 export { s as OrTextV3 } from '../OrText.vue_vue_type_script_lang-6ce019db.js';
@@ -149,14 +149,14 @@ export { s as OrTextarea } from '../OrTextarea.vue_vue_type_script_lang-af7cab22
 export { s as OrTextareaV3 } from '../OrTextarea.vue_vue_type_script_lang-44484741.js';
 export { s as OrTextbox } from '../OrTextbox.vue_vue_type_script_lang-80e42d58.js';
 export { TextboxTypes } from './OrTextbox/constants.js';
-export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-32dd6c1a.js';
+export { s as OrTimePickerV3 } from '../OrTimePicker.vue_vue_type_script_lang-5c88aee4.js';
 export { default as OrToast } from './OrToast/OrToast.js';
 export { s as OrToastContainer } from '../OrToastContainer.vue_vue_type_script_lang-f9813bc6.js';
 export { default as useToast } from './OrToast/composable/useToast.js';
 export { default as useQueue } from './OrToast/composable/useQueue.js';
 export { PositionsX, PositionsY, ToastType, TransitionType } from './OrToast/constants.js';
 export { default as OrToastV3 } from './OrToastV3/OrToast.js';
-export { s as OrToastContainerV3 } from '../OrToastContainer.vue_vue_type_script_lang-de596582.js';
+export { s as OrToastContainerV3 } from '../OrToastContainer.vue_vue_type_script_lang-7d44207e.js';
 export { default as useToastV3 } from './OrToastV3/composable/useToast.js';
 export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 export { t as TypesV3 } from '../types-668300dd.js';
@@ -164,6 +164,8 @@ export { p as PropsV3 } from '../props-7be029c7.js';
 export { s as OrTooltip } from '../OrTooltip.vue_vue_type_script_lang-3bf79d56.js';
 export { s as OrTooltipContent } from '../OrTooltipContent.vue_vue_type_script_lang-4c1afacb.js';
 export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-7f5d792c.js';
+export { s as OrTreeV3 } from '../OrTree.vue_vue_type_script_lang-99197964.js';
+export { TreeNodeDropPosition } from './OrTreeV3/types.js';
 import 'vue-demi';
 import './OrIcon/OrIcon.js';
 import 'vue';
@@ -268,7 +270,7 @@ import '../index-500b3ace.js';
 import './OrButtonV2/OrButton.js';
 import './OrConfirmV3/styles.js';
 import './OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../OrDateTimePickerMonthSelect-6618de22.js';
+import '../OrDateTimePickerMonthSelect-44038b6b.js';
 import './OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../OrDateTimePickerPopoverHeader-4959231c.js';
 import './OrDatePickerV3/styles.js';

package/dist/bundled/v3/hooks/useTheme.js

@@ -2244,7 +2244,6 @@ var tailwind_config_preset = {
             fontSize: fontSizeMobile ?? fontSizeDesktop,
             lineHeight: optionsMobile?.lineHeight ?? optionsDesktop?.lineHeight,
 
-            // Desktop
             [`@media (min-width: ${theme('screens.md')})`]: {
               fontFamily: theme(`fontFamily.${value}`),
               fontWeight: theme(`fontWeight.${value}`),
@@ -2318,23 +2317,12 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:active, &[force-state="active"]': {
+              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
                 backgroundColor: theme(`backgroundColor.${token}-hover` + suffix),
               },
 
-              // Desktop
-              [`@media (min-width: ${theme('screens.md')})`]: {
-                '&:hover, &[force-state="hover"]': {
-                  backgroundColor: theme(`backgroundColor.${token}-hover` + suffix),
-                },
-
-                '&:focus-visible, &[force-state="focus"]': {
-                  backgroundColor: theme(`backgroundColor.${token}-hover` + suffix),
-                },
-
-                '&:active, &[force-state="active"]': {
-                  backgroundColor: theme(`backgroundColor.${token}` + suffix),
-                },
+              '&:active, &[force-state="active"]': {
+                backgroundColor: theme(`backgroundColor.${token}` + suffix),
               },
             },
 
@@ -2360,23 +2348,12 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:active, &[force-state="active"]': {
+              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
                 backgroundColor: theme(`backgroundColor.${token}-opacity-0-12` + suffix),
               },
 
-              // Desktop
-              [`@media (min-width: ${theme('screens.md')})`]: {
-                '&:hover, &[force-state="hover"]': {
-                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-12` + suffix),
-                },
-
-                '&:focus-visible, &[force-state="focus"]': {
-                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-12` + suffix),
-                },
-
-                '&:active, &[force-state="active"]': {
-                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-16` + suffix),
-                },
+              '&:active, &[force-state="active"]': {
+                backgroundColor: theme(`backgroundColor.${token}-opacity-0-16` + suffix),
               },
             },
 
@@ -2402,23 +2379,12 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:active, &[force-state="active"]': {
+              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
                 backgroundColor: theme(`backgroundColor.${token}-opacity-0-08` + suffix),
               },
 
-              // Desktop
-              [`@media (min-width: ${theme('screens.md')})`]: {
-                '&:hover, &[force-state="hover"]': {
-                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-08` + suffix),
-                },
-
-                '&:focus-visible, &[force-state="focus"]': {
-                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-08` + suffix),
-                },
-
-                '&:active, &[force-state="active"]': {
-                  backgroundColor: theme(`backgroundColor.${token}-opacity-0-16` + suffix),
-                },
+              '&:active, &[force-state="active"]': {
+                backgroundColor: theme(`backgroundColor.${token}-opacity-0-16` + suffix),
               },
             },
 
@@ -2444,23 +2410,12 @@ var tailwind_config_preset = {
             },
 
             '&:not(.interactivity-none)': {
-              '&:active, &[force-state="active"]': {
+              '&:hover, &[force-state="hover"], &:focus-visible, &[force-state="focus"]': {
                 color: theme(`textColor.${token}-hover` + suffix),
               },
 
-              // Desktop
-              [`@media (min-width: ${theme('screens.md')})`]: {
-                '&:hover, &[force-state="hover"]': {
-                  color: theme(`textColor.${token}-hover` + suffix),
-                },
-
-                '&:focus-visible, &[force-state="focus"]': {
-                  color: theme(`textColor.${token}-hover` + suffix),
-                },
-
-                '&:active, &[force-state="active"]': {
-                  color: theme(`textColor.${token}` + suffix),
-                },
+              '&:active, &[force-state="active"]': {
+                color: theme(`textColor.${token}` + suffix),
               },
             },