@onereach/ui-components 5.4.1 → 5.4.2-beta.3200.0

package/dist/esm/v2/index.js

@@ -1,6 +1,6 @@
 export { O as OR_AVATAR_SIZE, _ as OrAvatar } from './OrAvatar-2d73ca2c.js';
 export { a as AvatarColor, A as AvatarSize, _ as OrAvatarV3 } from './OrAvatar-dd0e1e3b.js';
-export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from './OrBottomSheet-73bee95f.js';
+export { B as BottomSheetVariant, _ as OrBottomSheetV3 } from './OrBottomSheet-ee914ea7.js';
 export { _ as OrButton, a as OrButtonColors, b as OrButtonSizes, O as OrButtonViews } from './OrButton-dc23a0b5.js';
 export { _ as OrButtonV2 } from './OrButton-f189b59b.js';
 export { _ as OrIconButton, _ as OrIconButtonV2 } from './OrIconButton-257b38f2.js';
@@ -8,46 +8,46 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
 export { a as ButtonColor, b as ButtonType, B as ButtonVariant, _ as OrButtonV3 } from './OrButton-a23ee9f0.js';
 export { _ as OrCard } from './OrCard-c44d9783.js';
 export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from './OrCardCollection-bea023f8.js';
-export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-9a06caee.js';
+export { C as CardCollectionView, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from './OrCardCollection-5d080299.js';
 export { _ as OrCardV3 } from './OrCard-0da13cbe.js';
 export { _ as OrCheckbox } from './OrCheckbox-fcd6b64c.js';
-export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-5b015a06.js';
-export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-aa833b6d.js';
-export { _ as OrCheckboxV3 } from './OrCheckbox-dba95415.js';
+export { _ as OrCheckboxGroupV3 } from './OrCheckboxGroup-48ea3b35.js';
+export { _ as OrCheckboxTreeV3 } from './OrCheckboxTree-c5fbd059.js';
+export { _ as OrCheckboxV3 } from './OrCheckbox-046d269e.js';
 export { _ as OrChip } from './OrChip-6cae6dab.js';
 export { _ as OrChips } from './OrChips-dd82c2b6.js';
 export { _ as OrCode, O as OrCodeLanguages } from './OrCode-34234c09.js';
-export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-c9568e89.js';
+export { C as CodeLanguage, _ as OrCodeV3 } from './OrCode-c3ba920e.js';
 export { _ as OrCollapse } from './OrCollapse-9d22b072.js';
 export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from './OrColorPicker-7a4f2fcb.js';
-export { _ as OrCombinedInputV3 } from './OrCombinedInput-2639e3e1.js';
+export { _ as OrCombinedInputV3 } from './OrCombinedInput-08f20c4c.js';
 export { _ as OrInputBoxV3 } from './OrInputBox-7dc5b9e9.js';
 export { I as CombinedInputSize, I as DatePickerSize, I as DateTimePickerSize, I as InputBoxSize, a as InputBoxVariant, I as InputSize, I as SearchSize, I as SelectSize, I as TagInputSize, I as TextareaSize, I as TimePickerSize } from './OrInputBox.vue_rollup-plugin-vue_script-4fde9829.js';
 export { _ as OrConfirm } from './OrConfirm-807585ea.js';
-export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-5c2c36ab.js';
-export { _ as OrDatePickerV3 } from './OrDatePicker-1763952e.js';
+export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-c99f51e0.js';
+export { _ as OrDatePickerV3 } from './OrDatePicker-7816c5ad.js';
 export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from './OrDateTimePicker-7f4ecc89.js';
-export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-baf1e29a.js';
-export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-e0d68146.js';
+export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-c53a073c.js';
+export { D as DateTimePickerTimeFormat, D as TimePickerFormat } from './OrDateTimePicker.vue_rollup-plugin-vue_script-8f0f62c9.js';
 export { E as EmptyStateSize, _ as OrEmptyStateV3 } from './OrEmptyState-2d3fd68d.js';
 export { _ as OrError } from './OrError-efc74907.js';
 export { _ as OrErrorTagV3 } from './OrErrorTag-a55ae01a.js';
 export { _ as OrErrorV3 } from './OrError-4ffc1c39.js';
-export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-f65b9923.js';
+export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-c65e4082.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFab-f3a590c0.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-b41017c7.js';
 export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-9000fcdf.js';
 export { _ as OrHint } from './OrHint-7eadc91e.js';
 export { _ as OrHintV3 } from './OrHint-aa221198.js';
 export { _ as OrIcon, O as OrIconColors, a as OrIconType } from './OrIcon-d26e8a1e.js';
-export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-70a0ee3d.js';
+export { I as IconButtonColor, _ as OrIconButtonV3 } from './OrIconButton-3a78b121.js';
 export { I as IconButtonSize, I as IconSize, a as IconVariant, _ as OrIconV3 } from './OrIcon-d35a84d8.js';
 export { I as InlineInputBoxSize, I as InlineInputSize, _ as OrInlineInputBoxV3 } from './OrInlineInputBox-19b49ee6.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-1eabe421.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from './OrInlineInput-fecfca02.js';
 export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from './OrInlineTextEdit-2ec8a8b4.js';
-export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-c67116eb.js';
+export { _ as OrInlineTextareaV3 } from './OrInlineTextarea-97b9272d.js';
 export { _ as OrInput } from './OrInput-7a12709e.js';
-export { I as InputType, _ as OrInputV3 } from './OrInput-68f18628.js';
+export { I as InputType, _ as OrInputV3 } from './OrInput-829f5048.js';
 export { _ as OrLabel } from './OrLabel-fcceec1b.js';
 export { L as LabelVariant, _ as OrLabelV3 } from './OrLabel-4a3d8904.js';
 export { L as LinkColor, _ as OrLinkV3 } from './OrLink-cf3a0091.js';
@@ -56,32 +56,32 @@ export { _ as OrListOfInputs } from './OrListOfInputs-1eaeb7e9.js';
 export { L as LoaderViews, _ as OrLoader } from './OrLoader-90406201.js';
 export { a as LoaderColor, b as LoaderSize, L as LoaderVariant, _ as OrLoaderV3 } from './OrLoader-b0c381f9.js';
 export { _ as OrMenuItemV3 } from './OrMenuItem-c1c97ebe.js';
-export { _ as OrMenuV3 } from './OrMenu-45abc34f.js';
-export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-ad7d7d2f.js';
+export { _ as OrMenuV3 } from './OrMenu-e732f3a2.js';
+export { P as MenuPlacement, _ as OrPopoverV3, P as PopoverPlacement, a as PopoverVariant, P as TooltipPlacement } from './OrPopover-0a96e039.js';
 export { _ as OrModal, O as OrModalSizes } from './OrModal-d300f52f.js';
-export { M as ModalSize, _ as OrModalV3 } from './OrModal-488aa652.js';
+export { M as ModalSize, _ as OrModalV3 } from './OrModal-35c47deb.js';
 export { a as OR_NOTIFICATION_SIZE, O as OR_NOTIFICATION_TYPE, _ as OrNotification } from './OrNotification-defc3f87.js';
-export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-b68c3966.js';
+export { N as NotificationVariant, _ as OrNotificationV3 } from './OrNotification-cd586331.js';
 export { _ as OrNumberInput } from './OrNumberInput-7f0d6f74.js';
 export { _ as OrOverflowMenu } from './OrOverflowMenu-6f60e864.js';
 export { _ as OrOverlay } from './OrOverlay-ccec2218.js';
 export { _ as OrOverlayV3 } from './OrOverlay-33d44692.js';
-export { _ as OrPaginationV3 } from './OrPagination-3a982443.js';
+export { _ as OrPaginationV3 } from './OrPagination-64021697.js';
 export { _ as OrPassword } from './OrPassword-30825e93.js';
 export { _ as OrProgress, O as OrProgressColors, a as OrProgressTypes } from './OrProgress-65968c24.js';
 export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from './OrProgress-6b5ee791.js';
 export { _ as OrRadio } from './OrRadio-811ad5a4.js';
 export { _ as OrRadioGroup } from './OrRadioGroup-11424644.js';
-export { _ as OrRadioGroupV3 } from './OrRadioGroup-d22c9580.js';
-export { _ as OrRadioV3 } from './OrRadio-740aad2b.js';
+export { _ as OrRadioGroupV3 } from './OrRadioGroup-1d86bdbb.js';
+export { _ as OrRadioV3 } from './OrRadio-23b84d05.js';
 export { _ as OrSearch } from './OrSearch-ac542dd6.js';
-export { _ as OrSearchV3 } from './OrSearch-87ab9e00.js';
+export { _ as OrSearchV3 } from './OrSearch-ffa4470e.js';
 export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-d8fb0255.js';
 export { _ as OrSelect } from './OrSelect-c0d04cf6.js';
-export { _ as OrSelectV3 } from './OrSelect-8c9d9398.js';
+export { _ as OrSelectV3 } from './OrSelect-bb581586.js';
 export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-c56a9221.js';
-export { _ as OrSidebarV3 } from './OrSidebar-3c82bd05.js';
-export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-fc258b03.js';
+export { _ as OrSidebarV3 } from './OrSidebar-cd9babfa.js';
+export { O as OrSidebarPlacement } from './OrSidebarCollapseButton-d0b78864.js';
 export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
 export { _ as OrSkeletonRect } from './OrSkeletonRect-79162a84.js';
 export { _ as OrSkeletonText } from './OrSkeletonText-bd5d97bb.js';
@@ -90,33 +90,33 @@ export { _ as OrSkeletonCircleV3 } from './OrSkeletonCircle-3419b04d.js';
 export { _ as OrSkeletonRectV3 } from './OrSkeletonRect-7057bc1c.js';
 export { _ as OrSkeletonTextV3 } from './OrSkeletonText-6c00f797.js';
 export { _ as OrSlider } from './OrSlider-c913a2b6.js';
-export { _ as OrSortingV3 } from './OrSorting-bf1932d2.js';
+export { _ as OrSortingV3 } from './OrSorting-e7bb80e3.js';
 export { _ as OrStepper } from './OrStepper-8dc4059a.js';
 export { _ as OrSwitch } from './OrSwitch-322328f7.js';
-export { _ as OrSwitchV3 } from './OrSwitch-d0cf0abe.js';
+export { _ as OrSwitchV3 } from './OrSwitch-ba0e893f.js';
 export { _ as OrTab } from './OrTab-58821c9b.js';
 export { _ as OrTabHeaderItem } from './OrTabHeaderItem-424f2986.js';
 export { _ as OrTabV3 } from './OrTab-88036fe9.js';
 export { _ as OrTabs } from './OrTabs-62e7e478.js';
-export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-3aaae575.js';
+export { _ as OrTabsV3, T as TabsVariant } from './OrTabs-37353474.js';
 export { _ as OrTag } from './OrTag-b5803a20.js';
-export { _ as OrTagInputV3 } from './OrTagInput-f4221906.js';
-export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-3289fe81.js';
-export { _ as OrTagsV3 } from './OrTags-4c3ab717.js';
+export { _ as OrTagInputV3 } from './OrTagInput-ccaf1575.js';
+export { _ as OrTagV3, a as TagColor, T as TagVariant } from './OrTag-60b9d965.js';
+export { _ as OrTagsV3 } from './OrTags-194575ae.js';
 export { _ as OrTeleport } from './OrTeleport.vue2-f0c16c71.js';
 export { _ as OrTeleportV3 } from './OrTeleport.vue2-424c7f33.js';
 export { _ as OrTextV3 } from './OrText-44449e7b.js';
 export { _ as OrTextarea } from './OrTextarea-9febab19.js';
 export { _ as OrTextareaV3 } from './OrTextarea-c0635f76.js';
 export { _ as OrTextbox, T as TextboxTypes } from './OrTextbox-602541eb.js';
-export { _ as OrTimePickerV3 } from './OrTimePicker-2f7f6b98.js';
+export { _ as OrTimePickerV3 } from './OrTimePicker-56dcd92d.js';
 export { _ as OrToast, a as OrToastContainer } from './OrToastContainer-ecffc69f.js';
 export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from './useToast-05a9c81b.js';
-export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-84878b4f.js';
+export { a as OrToastContainerV3, _ as OrToastV3, t as TypesV3 } from './types-2bef7924.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-5aa9dc05.js';
 export { _ as OrTooltip } from './OrTooltip-2f267924.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-57a25502.js';
-export { _ as OrTooltipV3 } from './OrTooltip-f1f127a5.js';
+export { _ as OrTooltipV3 } from './OrTooltip-f60c2754.js';
 export { _ as OrTreeV3, T as TreeNodeDropPosition } from './OrTree-dfc8a086.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-06d651cf.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
@@ -125,7 +125,7 @@ export { u as useOverflow } from './useOverflow-c856b7b7.js';
 export { u as usePopoverState } from './usePopoverState-b92c698b.js';
 export { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 export { u as useResponsive } from './useResponsive-dfa0f675.js';
-export { u as useTheme } from './useTheme-e8494a32.js';
+export { u as useTheme } from './useTheme-0ef25778.js';
 export { u as useToggle } from './useToggle-c04fc920.js';
 export { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 export { H as HSL_LIMITS, t as RX_ABBREVIATION_FROM_STRING, R as RX_ARRAY_NOTATION, a as RX_BV_PREFIX, u as RX_DATE, v as RX_DATE_SPLIT, b as RX_DIGITS, y as RX_ENCODED_COMMA, z as RX_ENCODE_REVERSE, c as RX_EXTENSION, d as RX_HASH, e as RX_HASH_ID, x as RX_HREF, f as RX_HTML_TAGS, g as RX_HYPHENATE, C as RX_LONG_COLOR, h as RX_LOWER_UPPER, i as RX_NUMBER, j as RX_PLUS, A as RX_QUERY_START, k as RX_REGEXP_REPLACE, B as RX_SHORT_COLOR, l as RX_SPACES, m as RX_SPACE_SPLIT, n as RX_STAR, o as RX_START_SPACE_WORD, w as RX_TIME, p as RX_TRIM_LEFT, q as RX_TRIM_RIGHT, r as RX_UNDERSCORE, s as RX_UN_KEBAB, F as generateHslFromString, I as getHashOfString, D as hexToRgb, G as hslToColorString, J as normalize, E as rgbToHex } from './color-6b0fc765.js';
@@ -154,7 +154,7 @@ import '@codemirror/lang-markdown';
 import '@codemirror/language';
 import '@lezer/highlight';
 import '@vueuse/math';
-import './OrDateTimePickerPopoverHeader-daa351aa.js';
+import './OrDateTimePickerPopoverHeader-a884b262.js';
 import 'lodash/padStart';
 import '@floating-ui/dom';
 import './OrTooltip.vue_rollup-plugin-vue_styles.0-0aca0c11.js';

package/dist/esm/v2/{types-84878b4f.js → types-2bef7924.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { _ as __vue_component__$4 } from './OrTeleport.vue2-424c7f33.js';
 import { T as ToastType, P as PositionsX, b as PositionsY, c as TransitionType, d as useToastEventBus, a as useQueue } from './useToast-5aa9dc05.js';
-import { _ as __vue_component__$2 } from './OrIconButton-70a0ee3d.js';
+import { _ as __vue_component__$2 } from './OrIconButton-3a78b121.js';
 import { _ as __vue_component__$3 } from './OrLoader-b0c381f9.js';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';

package/dist/esm/v2/{useTheme-e8494a32.js → useTheme-0ef25778.js}

@@ -1,8 +1,7 @@
 import defaultConfig from '@onereach/styles/tailwind.config.json';
 
 function useTheme() {
-  const config = defaultConfig;
-  return config.theme;
+  return defaultConfig.theme;
 }
 
 export { useTheme as u };

package/dist/esm/v3/{OrBottomSheet-f8d589d8.js → OrBottomSheet-2b7bb857.js}

@@ -4,7 +4,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrOverlay-63e5b9ad.js';
-import { u as useTheme } from './useTheme-e8494a32.js';
+import { u as useTheme } from './useTheme-0ef25778.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
 
 var BottomSheetVariant;

package/dist/esm/v3/{OrCardCollection-6f556d9a.js → OrCardCollection-4710433b.js}

@@ -1,8 +1,8 @@
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-fbd39f8d.js';
-import { s as script$4 } from './OrSearch-895067e0.js';
+import { s as script$2 } from './OrIconButton-d8ac7350.js';
+import { s as script$4 } from './OrSearch-da31db58.js';
 import './OrInputBox-912a6254.js';
-import { s as script$3 } from './OrSorting-0cf35eea.js';
+import { s as script$3 } from './OrSorting-18e8e299.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
 
 var CardCollectionView;

package/dist/esm/v3/{OrCheckbox-7aeb8af1.js → OrCheckbox-722e08cf.js}

@@ -28,7 +28,7 @@ const CheckboxControl = [
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)
-'focus:theme-outline-2-primary', 'dark:focus:theme-outline-2-primary-dark',
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark',
 // Theme (indeterminate)

package/dist/esm/v3/{OrCheckboxGroup-9b8548d0.js → OrCheckboxGroup-72315ebc.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrCheckboxTree-6c54e835.js';
+import { s as script$1 } from './OrCheckboxTree-6034e3a9.js';
 import { s as script$2, F as FormGroupDirection } from './OrFormGroup-c4631ef0.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 

package/dist/esm/v3/{OrCheckboxTree-6c54e835.js → OrCheckboxTree-6034e3a9.js}

@@ -4,7 +4,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$3 } from './OrButton-4a3c3e7b.js';
-import { s as script$2 } from './OrCheckbox-7aeb8af1.js';
+import { s as script$2 } from './OrCheckbox-722e08cf.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createElementVNode, createBlock, withCtx, createVNode, createCommentVNode, renderList } from 'vue';
 

package/dist/esm/v3/{OrCode-5d42a6b9.js → OrCode-202b6ec5.js}

@@ -12,14 +12,14 @@ import { a as useIdAttribute, u as useControlAttributes } from './useIdAttribute
 import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind-screens';
-import { u as useTheme } from './useTheme-e8494a32.js';
+import { u as useTheme } from './useTheme-0ef25778.js';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-fbd39f8d.js';
+import { s as script$3 } from './OrIconButton-d8ac7350.js';
 import { s as script$4 } from './OrInputBox-912a6254.js';
 import { s as script$5 } from './OrLabel-d4c46bb6.js';
-import { s as script$6 } from './OrModal-6dd278c0.js';
+import { s as script$6 } from './OrModal-ef4ee42d.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, renderSlot, createVNode, withModifiers, createTextVNode, toDisplayString, createCommentVNode, withDirectives, vShow } from 'vue';
 
 var CodeLanguage;

package/dist/esm/v3/{OrCombinedInput-6dd0f75d.js → OrCombinedInput-b8a868cb.js}

@@ -5,7 +5,7 @@ import { s as script$3 } from './OrLabel-d4c46bb6.js';
 import { I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, withDirectives, vShow, createVNode } from 'vue';
 
-const CombinedInputRoot = [
+const CombinedInput = [
 // Layout
 'layout-column',
 // Spacing
@@ -16,9 +16,9 @@ const CombinedInputControlGroup = [
 // Box
 'w-full',
 // Shape (.or-input-box-v3)
-'[&_.or-input-box-v3]:first-child:rounded-r-0', '[&_.or-input-box-v3]:intermediate-child:rounded-0', '[&_.or-input-box-v3]:last-child:rounded-l-0',
+'[&_.or-input-box-v3]:first-child:rounded-r-0', '[&_.or-input-box-v3]:middle-child:rounded-0', '[&_.or-input-box-v3]:last-child:rounded-l-0',
 // Spacing (.or-input-box-v3)
-'[&_.or-input-box-v3]:first-child:mr-[-1px]', '[&_.or-input-box-v3]:intermediate-child:border-x-0', '[&_.or-input-box-v3]:last-child:ml-[-1px]'];
+'[&_.or-input-box-v3]:first-child:mr-[-1px]', '[&_.or-input-box-v3]:middle-child:border-x-0', '[&_.or-input-box-v3]:last-child:ml-[-1px]'];
 
 var script = defineComponent({
   name: 'OrCombinedInput',
@@ -65,7 +65,7 @@ var script = defineComponent({
     // Refs
     const root = ref();
     // Styles
-    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInputRoot]);
+    const rootStyles = computed(() => ['or-combined-input-v3', ...CombinedInput]);
     const controlGroup = computed(() => [...CombinedInputControlGroup]);
     return {
       root,

package/dist/esm/v3/{OrConfirm-68150686.js → OrConfirm-d4a3dbc7.js}

@@ -5,7 +5,7 @@ import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$2, a as ButtonColor } from './OrButton-4a3c3e7b.js';
-import { s as script$3 } from './OrInput-d28c8c10.js';
+import { s as script$3 } from './OrInput-e9c915e7.js';
 import { s as script$1 } from './OrOverlay-63e5b9ad.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrDatePicker-c23f1aca.js → OrDatePicker-152b020b.js}

@@ -4,14 +4,14 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-f3e5d27d.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-18d25096.js';
 import { s as script$7 } from './OrError-c01d0c29.js';
 import { s as script$8 } from './OrHint-06ab89d7.js';
-import { s as script$a } from './OrIconButton-fbd39f8d.js';
+import { s as script$a } from './OrIconButton-d8ac7350.js';
 import { s as script$9 } from './OrIcon-62793572.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$c } from './OrLabel-d4c46bb6.js';
-import { s as script$d } from './OrPopover-5637267a.js';
+import { s as script$d } from './OrPopover-d05cd957.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 
 const DatePicker = [

package/dist/esm/v3/{OrDateTimePicker-41629d12.js → OrDateTimePicker-e230c17c.js}

@@ -6,12 +6,12 @@ import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$a } from './OrError-c01d0c29.js';
 import { s as script$b } from './OrHint-06ab89d7.js';
-import { s as script$d } from './OrIconButton-fbd39f8d.js';
+import { s as script$d } from './OrIconButton-d8ac7350.js';
 import { s as script$c } from './OrIcon-62793572.js';
 import { s as script$e, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$f } from './OrLabel-d4c46bb6.js';
-import { s as script$g } from './OrPopover-5637267a.js';
-import { s as script$4, a as script$5, b as script$6, c as script$7, d as script$8, e as script$9, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-f3e5d27d.js';
+import { s as script$g } from './OrPopover-d05cd957.js';
+import { s as script$4, a as script$5, b as script$6, c as script$7, d as script$8, e as script$9, u as useCurrentDate } from './OrDateTimePickerPopoverHeader-18d25096.js';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, createCommentVNode, resolveDirective, renderSlot, withDirectives } from 'vue';
 import { s as script$3 } from './OrButton-4a3c3e7b.js';
 
@@ -37,7 +37,7 @@ const DateTimePickerTimeControl = [
 // Interactivity
 'interactivity-auto',
 // Theme (focus)
-'focus:theme-border-2-inherit', 'dark:focus:theme-border-2-inherit-dark', 'focus:theme-border-underline'];
+'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline'];
 const DateTimePickerTimeControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];

package/dist/esm/v3/{OrDateTimePickerPopoverHeader-f3e5d27d.js → OrDateTimePickerPopoverHeader-18d25096.js}

@@ -6,11 +6,11 @@ import '@onereach/styles/tailwind.config.json';
 import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, resolveComponent, createElementVNode, renderList, createBlock, withModifiers, withCtx, createVNode, renderSlot } from 'vue';
 import { s as script$6 } from './OrButton-4a3c3e7b.js';
 import { s as script$7 } from './OrLabel-d4c46bb6.js';
-import { s as script$9 } from './OrIconButton-fbd39f8d.js';
+import { s as script$9 } from './OrIconButton-d8ac7350.js';
 import { s as script$8 } from './OrIcon-62793572.js';
 import { s as script$b } from './OrMenuItem-54062d59.js';
-import { s as script$a } from './OrMenu-260be0af.js';
-import './OrPopover-5637267a.js';
+import { s as script$a } from './OrMenu-f373b4a4.js';
+import './OrPopover-d05cd957.js';
 
 function useCurrentDate() {
   const currentDate = new Date();
@@ -31,7 +31,7 @@ const DateTimePickerDateControl = [
 // Interactivity
 'interactivity-auto',
 // Theme (focus)
-'focus:theme-border-2-inherit', 'dark:focus:theme-border-2-inherit-dark', 'focus:theme-border-underline'];
+'focus-visible:theme-border-2-inherit', 'dark:focus-visible:theme-border-2-inherit-dark', 'focus-visible:theme-border-underline'];
 const DateTimePickerDateControlPlaceholder = [
 // Theme
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];

package/dist/esm/v3/{OrExpansionPanel-4a28f073.js → OrExpansionPanel-68b73b7f.js}

@@ -70,7 +70,7 @@ const ExpansionPanelHeaderColors = {
   // Theme (hover)
   'hover:md:theme-foreground-primary-hover', 'dark:hover:md:theme-foreground-primary-hover-dark',
   // Theme (focus)
-  'focus:md:theme-foreground-primary-hover', 'dark:focus:md:theme-foreground-primary-hover-dark',
+  'focus-visible:md:theme-foreground-primary-hover', 'dark:focus-visible:md:theme-foreground-primary-hover-dark',
   // Theme (active)
   'active:theme-foreground-primary-hover', 'dark:active:theme-foreground-primary-hover-dark'],
   'danger': [
@@ -79,7 +79,7 @@ const ExpansionPanelHeaderColors = {
   // Theme (hover)
   'hover:md:theme-foreground-error-hover', 'dark:hover:md:theme-foreground-error-hover-dark',
   // Theme (focus)
-  'focus:md:theme-foreground-error-hover', 'dark:focus:md:theme-foreground-error-hover-dark',
+  'focus-visible:md:theme-foreground-error-hover', 'dark:focus-visible:md:theme-foreground-error-hover-dark',
   // Theme (active)
   'active:theme-foreground-error-hover', 'dark:active:theme-foreground-error-hover-dark']
 };

package/dist/esm/v3/{OrIconButton-fbd39f8d.js → OrIconButton-d8ac7350.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
 import { s as script$1, I as IconSize } from './OrIcon-62793572.js';
-import { s as script$2 } from './OrTooltip-9d606b66.js';
-import './OrPopover-5637267a.js';
+import { s as script$2 } from './OrTooltip-8f33cc8e.js';
+import './OrPopover-d05cd957.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 
 var IconButtonColor;
@@ -25,7 +25,7 @@ const IconButtonRoot = [
 // Iconography (hover)
 'hover:md:iconography-filled',
 // Iconography (focus)
-'focus:md:iconography-filled',
+'focus-visible:md:iconography-filled',
 // Iconography (active)
 'active:iconography-filled',
 // Theme
@@ -37,7 +37,7 @@ const IconButtonRootColors = {
   // Theme (hover)
   'hover:md:outline-primary-opacity-0-08', 'dark:hover:md:outline-primary-opacity-0-08-dark', 'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
   // Theme (focus)
-  'focus:md:outline-primary-opacity-0-08', 'dark:focus:md:outline-primary-opacity-0-08-dark', 'focus:md:theme-foreground-default', 'dark:focus:md:theme-foreground-default-dark',
+  'focus-visible:md:outline-primary-opacity-0-08', 'dark:focus-visible:md:outline-primary-opacity-0-08-dark', 'focus-visible:md:theme-foreground-default', 'dark:focus-visible:md:theme-foreground-default-dark',
   // Theme (active)
   'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark', 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark',
   // Theme (selected)
@@ -48,7 +48,7 @@ const IconButtonRootColors = {
   // Theme (hover)
   'hover:md:outline-error-opacity-0-08', 'dark:hover:md:outline-error-opacity-0-08-dark',
   // Theme (focus)
-  'focus:md:outline-error-opacity-0-08', 'dark:focus:md:outline-error-opacity-0-08-dark',
+  'focus-visible:md:outline-error-opacity-0-08', 'dark:focus-visible:md:outline-error-opacity-0-08-dark',
   // Theme (active)
   'active:outline-error-opacity-0-08', 'dark:active:outline-error-opacity-0-08-dark', 'active:md:outline-error-opacity-0-16', 'dark:active:md:outline-error-opacity-0-16-dark'],
   'inherit': [
@@ -57,7 +57,7 @@ const IconButtonRootColors = {
   // Theme (hover)
   'hover:md:outline-primary-opacity-0-08', 'dark:hover:md:outline-primary-opacity-0-08-dark',
   // Theme (focus)
-  'focus:md:outline-primary-opacity-0-08', 'dark:focus:md:outline-primary-opacity-0-08-dark',
+  'focus-visible:md:outline-primary-opacity-0-08', 'dark:focus-visible:md:outline-primary-opacity-0-08-dark',
   // Theme (active)
   'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark']
 };

package/dist/esm/v3/{OrInlineInput-7fbdc006.js → OrInlineInput-091130e5.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-fbd39f8d.js';
+import { s as script$3 } from './OrIconButton-d8ac7350.js';
 import { s as script$4, I as InlineInputBoxSize } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInlineTextarea-b0d6f9f8.js → OrInlineTextarea-c210f330.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$3 } from './OrIconButton-fbd39f8d.js';
+import { s as script$3 } from './OrIconButton-d8ac7350.js';
 import { s as script$4 } from './OrInlineInputBox-01fb2cb2.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from './style-inject.es-4c6f2515.js';

package/dist/esm/v3/{OrInput-d28c8c10.js → OrInput-e9c915e7.js}

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import { u as useValidationAttributes } from './useValidationAttributes-d1abbe34.js';
 import { s as script$1 } from './OrError-c01d0c29.js';
 import { s as script$2 } from './OrHint-06ab89d7.js';
-import { s as script$4 } from './OrIconButton-fbd39f8d.js';
+import { s as script$4 } from './OrIconButton-d8ac7350.js';
 import { s as script$3 } from './OrIcon-62793572.js';
 import { s as script$5, I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { s as script$6 } from './OrLabel-d4c46bb6.js';

package/dist/esm/v3/{OrMenu-260be0af.js → OrMenu-f373b4a4.js}

@@ -3,7 +3,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1, P as PopoverPlacement } from './OrPopover-5637267a.js';
+import { s as script$1, P as PopoverPlacement } from './OrPopover-d05cd957.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, withModifiers, renderSlot } from 'vue';
 
 const Menu = [

package/dist/esm/v3/{OrModal-6dd278c0.js → OrModal-ef4ee42d.js}

@@ -5,7 +5,7 @@ import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$5 } from './OrOverlay-63e5b9ad.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, createElementVNode, createVNode, withModifiers, createBlock, withCtx, mergeProps, createCommentVNode } from 'vue';
-import { s as script$4 } from './OrIconButton-fbd39f8d.js';
+import { s as script$4 } from './OrIconButton-d8ac7350.js';
 
 const ModalContent = [
 // Overflow

package/dist/esm/v3/{OrNotification-7f25412d.js → OrNotification-ccde9cd7.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$2 } from './OrIconButton-fbd39f8d.js';
+import { s as script$2 } from './OrIconButton-d8ac7350.js';
 import { s as script$1 } from './OrIcon-62793572.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 

package/dist/esm/v3/{OrPagination-8c428114.js → OrPagination-6660467d.js}

@@ -6,8 +6,8 @@ import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrButton-4a3c3e7b.js';
 import { s as script$2 } from './OrIcon-62793572.js';
 import { s as script$4 } from './OrMenuItem-54062d59.js';
-import { s as script$3 } from './OrMenu-260be0af.js';
-import './OrPopover-5637267a.js';
+import { s as script$3 } from './OrMenu-f373b4a4.js';
+import './OrPopover-d05cd957.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withModifiers, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 
 const PaginationRoot = [

package/dist/esm/v3/{OrPopover-5637267a.js → OrPopover-d05cd957.js}

@@ -5,7 +5,7 @@ import { u as useElevation } from './useElevation-a50ec347.js';
 import { u as usePopoverState } from './usePopoverState-b92c698b.js';
 import { u as useResponsive } from './useResponsive-dfa0f675.js';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrBottomSheet-f8d589d8.js';
+import { s as script$1 } from './OrBottomSheet-2b7bb857.js';
 import { s as script$2 } from './OrTeleport.vue3-8099178c.js';
 import { resolveComponent, openBlock, createBlock, withCtx, withDirectives, createElementVNode, createElementBlock, mergeProps, renderSlot, normalizeClass, createCommentVNode, vShow } from 'vue';
 

package/dist/esm/v3/{OrRadio-dd484558.js → OrRadio-9ad8e343.js}

@@ -25,7 +25,7 @@ const RadioControl = [
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark',
 // Theme (focus)
-'focus:theme-outline-2-primary', 'dark:focus:theme-outline-2-primary-dark',
+'focus-visible:theme-outline-2-primary', 'dark:focus-visible:theme-outline-2-primary-dark',
 // Theme (checked)
 'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
 const RadioControlHandle = [

package/dist/esm/v3/{OrRadioGroup-d8044e7c.js → OrRadioGroup-58a78c02.js}

@@ -4,7 +4,7 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import '@onereach/styles/tailwind-screens';
 import '@onereach/styles/tailwind.config.json';
 import { s as script$1 } from './OrFormGroup-c4631ef0.js';
-import { s as script$2 } from './OrRadio-dd484558.js';
+import { s as script$2 } from './OrRadio-9ad8e343.js';
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 
 var script = defineComponent({

package/dist/esm/v3/{OrSearch-895067e0.js → OrSearch-da31db58.js}

@@ -1,6 +1,6 @@
 import { debouncedWatch } from '@vueuse/core';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { s as script$1 } from './OrInput-d28c8c10.js';
+import { s as script$1 } from './OrInput-e9c915e7.js';
 import { I as InputBoxSize } from './OrInputBox-912a6254.js';
 import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
 

package/dist/esm/v3/{OrSelect-1e03eb9d.js → OrSelect-4b12eb82.js}

@@ -6,18 +6,18 @@ import { u as useProxyModelValue } from './useProxyModelValue-940010d2.js';
 import { u as useResponsive } from './useResponsive-dfa0f675.js';
 import '@onereach/styles/tailwind.config.json';
 import { i as isEmptyValue } from './isEmptyValue-fd56a6e4.js';
-import { s as script$2 } from './OrCheckbox-7aeb8af1.js';
+import { s as script$2 } from './OrCheckbox-722e08cf.js';
 import { s as script$3 } from './OrError-c01d0c29.js';
-import { s as script$4 } from './OrExpansionPanel-4a28f073.js';
+import { s as script$4 } from './OrExpansionPanel-68b73b7f.js';
 import { s as script$5 } from './OrHint-06ab89d7.js';
-import { s as script$7 } from './OrIconButton-fbd39f8d.js';
+import { s as script$7 } from './OrIconButton-d8ac7350.js';
 import { s as script$6 } from './OrIcon-62793572.js';
 import { s as script$9, I as InputBoxSize } from './OrInputBox-912a6254.js';
-import { s as script$8 } from './OrInput-d28c8c10.js';
+import { s as script$8 } from './OrInput-e9c915e7.js';
 import { s as script$a } from './OrLabel-d4c46bb6.js';
 import { s as script$b } from './OrMenuItem-54062d59.js';
-import { s as script$c } from './OrPopover-5637267a.js';
-import { s as script$d } from './OrTag-31fd6ae4.js';
+import { s as script$c } from './OrPopover-d05cd957.js';
+import { s as script$d } from './OrTag-e8f5c997.js';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, resolveComponent, resolveDirective, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createElementVNode, Fragment, renderList, withModifiers, createVNode, vShow } from 'vue';
 
 const SelectPlaceholder = [

package/dist/esm/v3/{OrSidebar-47154aa9.js → OrSidebar-0153cfbb.js}

@@ -1,6 +1,6 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, computed, useSlots, watch } from 'vue-demi';
-import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-890ed7af.js';
+import { s as script$1, O as OrSidebarPlacement } from './OrSidebarCollapseButton-4aaff3b7.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withDirectives, vShow } from 'vue';
 
 const SidebarRoot = [