@onereach/ui-components 2.70.0-beta.2185.0 → 2.70.0-beta.2206.0

package/dist/bundled/v3/OrNotification.vue_vue_type_script_lang-fc61927a.js

@@ -0,0 +1,55 @@
+import { defineComponent, ref, computed } from 'vue-demi';
+import { NotificationVariant } from './components/OrNotificationV3/props.js';
+import { NotificationRoot, NotificationRootVariants, NotificationIcon, NotificationIconVariants, NotificationAction } from './components/OrNotificationV3/styles.js';
+import './components/OrIconV3/OrIconV3.js';
+import './components/OrIconButtonV3/OrIconButtonV3.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-1cb537ef.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-da74839d.js';
+
+var script = defineComponent({
+  name: 'OrNotification',
+  components: {
+    OrIcon: script$1,
+    OrIconButton: script$2
+  },
+  inheritAttrs: false,
+  props: {
+    variant: {
+      type: String,
+      default: NotificationVariant.Info
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const classAttribute = useClassAttribute();
+    const rootStyles = computed(() => ['or-notification', ...NotificationRoot, ...NotificationRootVariants[props.variant], classAttribute.value]);
+    const iconStyles = computed(() => [...NotificationIcon, ...NotificationIconVariants[props.variant]]);
+    const actionStyles = computed(() => [...NotificationAction]);
+    // State
+    const icon = computed(() => {
+      switch (props.variant) {
+        case 'success':
+          return 'check_circle';
+        case 'warning':
+          return 'warning';
+        case 'error':
+          return 'error';
+        case 'info':
+          return 'info';
+      }
+    });
+    return {
+      root,
+      rootStyles,
+      iconStyles,
+      actionStyles,
+      icon
+    };
+  }
+});
+
+export { script as s };

package/dist/bundled/v3/{OrOverflowMenu.vue_vue_type_script_lang-eee56669.js → OrOverflowMenu.vue_vue_type_script_lang-5b37e82f.js}

@@ -3,8 +3,9 @@ import { useToggle, onClickOutside } from '@vueuse/core';
 import script$2 from './components/OrOverflowMenuItem/OrOverflowMenuItem.js';
 import './components/OrIconButtonV2/OrIconButtonV2.js';
 import './components/OrFloating/OrFloating.js';
-import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-71dd403b.js';
-import { s as script$3, O as OrFloatingPlacements } from './OrFloating.vue_vue_type_script_lang-d29049e5.js';
+import { s as script$1 } from './OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
+import { s as script$3 } from './OrFloating.vue_vue_type_script_lang-66ce28ae.js';
+import { OrFloatingPlacements } from './components/OrFloating/constants.js';
 
 var script = defineComponent({
   name: 'OrOverflowMenu',

package/dist/bundled/v3/{OrOverlay.vue_vue_type_script_lang-f2bdd70b.js → OrOverlay.vue_vue_type_script_lang-5e5b5fac.js}

@@ -1,17 +1,10 @@
 import { useScrollLock } from '@vueuse/core';
 import { defineComponent, ref, computed } from 'vue-demi';
+import { OverlayRoot } from './components/OrOverlayV3/styles.js';
 import './components/OrTeleport.vue2V3/OrTeleport.vue2V3.js';
 import { s as script$1 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { u as useElevation } from './useElevation-31bfe1f6.js';
-
-const OverlayRoot = [
-// Position
-'fixed', 'inset-none',
-// Layout
-'flex', 'items-center', 'justify-center',
-// Theme
-'bg-overlay', 'dark:bg-overlay-dark'];
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { useElevation } from './hooks/useElevation.js';
 
 var script = defineComponent({
   name: 'OrOverlay',

package/dist/bundled/v3/{OrPassword.vue_vue_type_script_lang-aae45890.js → OrPassword.vue_vue_type_script_lang-0be1092d.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref } from 'vue-demi';
 import script$1 from './components/OrInput/OrInput.js';
 import { useVModel } from '@vueuse/core';
 import './components/OrIconButtonV2/OrIconButtonV2.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-71dd403b.js';
-import { u as useToggle } from './useToggle-29e4d7c7.js';
-import { b as BUTTON_SIZE } from './constants-c5d1139f.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
+import useToggle from './hooks/useToggle.js';
+import { BUTTON_SIZE } from './components/OrButtonV2/constants.js';
 
 var script = defineComponent({
   name: 'OrPassword',

package/dist/bundled/v3/{OrPopover.vue_vue_type_script_lang-3aab2e20.js → OrPopover.vue_vue_type_script_lang-bca04ff0.js}

@@ -1,79 +1,16 @@
 import { a as autoUpdate, c as computePosition, f as flip, s as shift, h as hide } from './floating-ui.dom.esm-83eba816.js';
 import { onClickOutside } from '@vueuse/core';
 import { defineComponent, ref, computed, watch, watchPostEffect, unref, toRef, nextTick } from 'vue-demi';
+import { PopoverVariant, PopoverPlacement } from './components/OrPopoverV3/props.js';
+import { PopoverRoot, PopoverBody, PopoverBodyPlacements } from './components/OrPopoverV3/styles.js';
 import './components/OrBottomSheetV3/OrBottomSheetV3.js';
-import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-7926afd5.js';
+import { s as script$1 } from './OrBottomSheet.vue_vue_type_script_lang-bcf12a2a.js';
 import './components/OrTeleport.vue2V3/OrTeleport.vue2V3.js';
-import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { u as useElevation } from './useElevation-31bfe1f6.js';
+import useResponsive from './hooks/useResponsive/useResponsive.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { useElevation } from './hooks/useElevation.js';
 import { s as script$2 } from './OrTeleport.vue3.vue_vue_type_script_lang-a6ce162e.js';
 
-var PopoverVariant;
-(function (PopoverVariant) {
-  PopoverVariant["Auto"] = "auto";
-  PopoverVariant["Popover"] = "popover";
-  PopoverVariant["BottomSheet"] = "bottom-sheet";
-})(PopoverVariant || (PopoverVariant = {}));
-var PopoverPlacement;
-(function (PopoverPlacement) {
-  PopoverPlacement["Top"] = "top";
-  PopoverPlacement["TopStart"] = "top-start";
-  PopoverPlacement["TopEnd"] = "top-end";
-  PopoverPlacement["Bottom"] = "bottom";
-  PopoverPlacement["BottomStart"] = "bottom-start";
-  PopoverPlacement["BottomEnd"] = "bottom-end";
-  PopoverPlacement["Left"] = "left";
-  PopoverPlacement["LeftStart"] = "left-start";
-  PopoverPlacement["LeftEnd"] = "left-end";
-  PopoverPlacement["Right"] = "right";
-  PopoverPlacement["RightStart"] = "right-start";
-  PopoverPlacement["RightEnd"] = "right-end";
-})(PopoverPlacement || (PopoverPlacement = {}));
-
-const PopoverRoot = [
-// Position
-'absolute'];
-const PopoverBody = [
-// Shape
-'rounded-md',
-// Spacing
-'mx-sm', 'my-sm',
-// Theme
-'bg-background', 'dark:bg-background-dark',
-// Elevation
-'shadow-contextual', 'dark:shadow-contextual-dark'];
-const PopoverBodyPlacements = {
-  'top': [],
-  'top-start': [
-  // Spacing
-  'ml-none'],
-  'top-end': [
-  // Spacing
-  'mr-none'],
-  'bottom': [],
-  'bottom-start': [
-  // Spacing
-  'ml-none'],
-  'bottom-end': [
-  // Spacing
-  'mr-none'],
-  'left': [],
-  'left-start': [
-  // Spacing
-  'mt-none'],
-  'left-end': [
-  // Spacing
-  'mb-none'],
-  'right': [],
-  'right-start': [
-  // Spacing
-  'mt-none'],
-  'right-end': [
-  // Spacing
-  'mb-none']
-};
-
 var script = defineComponent({
   name: 'OrPopover',
   components: {
@@ -241,4 +178,4 @@ var script = defineComponent({
   }
 });
 
-export { PopoverPlacement as P, PopoverVariant as a, script as s };
+export { script as s };

package/dist/bundled/v3/{OrProgress.vue_vue_type_script_lang-6105a07e.js → OrProgress.vue_vue_type_script_lang-26d7b3da.js}

@@ -1,19 +1,6 @@
 import _ from 'lodash';
 import { defineComponent } from 'vue-demi';
-
-var OrProgressColors;
-(function (OrProgressColors) {
-  OrProgressColors["auto"] = "auto";
-  OrProgressColors["primary"] = "primary";
-  OrProgressColors["success"] = "success";
-  OrProgressColors["warning"] = "warning";
-  OrProgressColors["error"] = "error";
-})(OrProgressColors || (OrProgressColors = {}));
-var OrProgressTypes;
-(function (OrProgressTypes) {
-  OrProgressTypes["linear"] = "linear";
-  OrProgressTypes["circle"] = "circle";
-})(OrProgressTypes || (OrProgressTypes = {}));
+import { OrProgressTypes, OrProgressColors } from './components/OrProgress/constants.js';
 
 var script = defineComponent({
   name: 'OrProgress',
@@ -143,4 +130,4 @@ var script = defineComponent({
   }
 });
 
-export { OrProgressColors as O, OrProgressTypes as a, script as s };
+export { script as s };

package/dist/bundled/v3/{OrProgress.vue_vue_type_script_lang-42d51690.js → OrProgress.vue_vue_type_script_lang-720cd55c.js}

@@ -1,82 +1,10 @@
 import _ from 'lodash';
 import { useElementBounding } from '@vueuse/core';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
-import { u as useResponsive } from './useResponsive-a02e95b7.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-
-var ProgressColor;
-(function (ProgressColor) {
-  ProgressColor["Auto"] = "auto";
-  ProgressColor["Primary"] = "primary";
-  ProgressColor["Success"] = "success";
-  ProgressColor["Warning"] = "warning";
-  ProgressColor["Error"] = "error";
-})(ProgressColor || (ProgressColor = {}));
-var ProgressType;
-(function (ProgressType) {
-  ProgressType["Linear"] = "linear";
-  ProgressType["Circle"] = "circle";
-})(ProgressType || (ProgressType = {}));
-
-const ProgressRoot = [
-// Typography
-'typography-caption-regular',
-// Theme
-'text-outline', 'dark:text-outline-dark'];
-const ProgressRootTypes = {
-  [ProgressType.Linear]: [
-  // Layout
-  'flex', 'flex-col',
-  // Box
-  'w-full', 'min-w-[160px]', 'max-w-[295px]'],
-  [ProgressType.Circle]: ['-rotate-90']
-};
-const ProgressHeader = [
-// Layout
-'flex', 'flex-row',
-// Sizing
-'mb-[6px]'];
-const ProgressHeaderLabel = [
-// Typography
-'typography-caption-bold',
-// Theme
-'text-on-background', 'dark:text-on-background-dark'];
-const ProgressHeaderPercent = [
-// Sizing
-'ml-auto'];
-const ProgressBarBackground = [
-// Theme
-'stroke-surface-variant', 'dark:stroke-surface-variant-dark'];
-const ProgressBarMain = [
-// Position
-'origin-center',
-// Animation
-'transition-[stroke-dashoffset]'];
-const ProgressBarAnimationTypes = {
-  [ProgressType.Linear]: [
-  // Animation
-  'animate-linear-loader'],
-  [ProgressType.Circle]: [
-  // Animation
-  'animate-circular-loader']
-};
-const ProgressBarColors = {
-  [ProgressColor.Primary]: [
-  // Theme
-  'stroke-primary-hover', 'dark:stroke-primary-hover-dark'],
-  [ProgressColor.Success]: [
-  // Theme
-  'stroke-success-hover', 'dark:stroke-success-hover-dark'],
-  [ProgressColor.Warning]: [
-  // Theme
-  'stroke-warning-hover', 'dark:stroke-warning-hover-dark'],
-  [ProgressColor.Error]: [
-  // Theme
-  'stroke-error-hover', 'dark:stroke-error-hover-dark']
-};
-const ProgressFooter = [
-// Sizing
-'mt-[2px]'];
+import { ProgressType, ProgressColor } from './components/OrProgressV3/props.js';
+import { ProgressRoot, ProgressRootTypes, ProgressHeader, ProgressHeaderLabel, ProgressHeaderPercent, ProgressFooter, ProgressBarBackground, ProgressBarMain, ProgressBarAnimationTypes, ProgressBarColors } from './components/OrProgressV3/styles.js';
+import useResponsive from './hooks/useResponsive/useResponsive.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
 
 var script = defineComponent({
   name: 'OrProgress',
@@ -206,4 +134,4 @@ var script = defineComponent({
   }
 });
 
-export { ProgressColor as P, ProgressType as a, script as s };
+export { script as s };

package/dist/bundled/v3/{OrRadio.vue_vue_type_script_lang-1dc76d07.js → OrRadio.vue_vue_type_script_lang-5cc9bde1.js}

@@ -1,37 +1,9 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
+import { RadioRoot, RadioControl, RadioControlHandle } from './components/OrRadioV3/styles.js';
 import './components/OrLabelV3/OrLabelV3.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1, L as LabelVariant } from './OrLabel.vue_vue_type_script_lang-55e01b7a.js';
-
-const RadioRoot = [
-// Layout
-'layout-row',
-// Spacing
-'gap-sm+ md:gap-sm'];
-const RadioControl = [
-// Layout
-'layout-row justify-center',
-// Box
-'w-md+ md:w-md', 'h-md+ md:h-md',
-// Shape
-'rounded-full',
-// Interactivity
-'interactivity-auto',
-// 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-primary', 'dark:focus:theme-outline-primary-dark',
-// Theme (checked)
-'checked:theme-preset-1-primary', 'dark:checked:theme-preset-1-primary-dark'];
-const RadioControlHandle = [
-// Box
-'after:w-sm after:md:w-xs', 'after:h-sm after:md:h-xs',
-// Shape
-'after:rounded-full',
-// Theme
-'checked:after:bg-on-primary', 'dark:checked:after:bg-on-primary-dark',
-// Theme (disabled)
-'disabled:checked:after:bg-on-disabled', 'dark:disabled:checked:after:bg-on-disabled-dark'];
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { s as script$1 } from './OrLabel.vue_vue_type_script_lang-5bedeb7c.js';
+import { LabelVariant } from './components/OrLabelV3/props.js';
 
 var script = defineComponent({
   name: 'OrCheckbox',

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-692ef46f.js → OrSearch.vue_vue_type_script_lang-94badc35.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { debouncedWatch } from '@vueuse/core';
 import './components/OrInputV3/OrInputV3.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-e970f1b2.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { I as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-d3b211c2.js';
+import { s as script$1 } from './OrInput.vue_vue_type_script_lang-d1c06414.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 
 var script = defineComponent({
   name: 'OrSearch',

package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-923fcd46.js → OrSearch.vue_vue_type_script_lang-a55b9a2b.js}

@@ -2,8 +2,8 @@ import { defineComponent, ref } from 'vue-demi';
 import script$1 from './components/OrInput/OrInput.js';
 import { debouncedWatch } from '@vueuse/core';
 import './components/OrIconButtonV2/OrIconButtonV2.js';
-import { b as BUTTON_SIZE } from './constants-c5d1139f.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-71dd403b.js';
+import { BUTTON_SIZE } from './components/OrButtonV2/constants.js';
+import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-721e0c2f.js';
 
 var script = defineComponent({
   name: 'OrSearch',

package/dist/bundled/v3/{OrSegmentedControl.vue_vue_type_script_lang-4ef23285.js → OrSegmentedControl.vue_vue_type_script_lang-0723e144.js}

@@ -1,12 +1,7 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import script$1 from './components/OrSegmentedControlItemV3/OrSegmentedControlItemV3.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-
-var SegmentedControlSize;
-(function (SegmentedControlSize) {
-  SegmentedControlSize["M"] = "m";
-  SegmentedControlSize["S"] = "s";
-})(SegmentedControlSize || (SegmentedControlSize = {}));
+import { SegmentedControlSize } from './components/OrSegmentedControlV3/props.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
 
 const SegmentedControlRoot = [
 // Layout
@@ -78,4 +73,4 @@ var script = defineComponent({
   }
 });
 
-export { SegmentedControlSize as S, script as s };
+export { script as s };

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-2e23b39c.js → OrSelect.vue_vue_type_script_lang-055a36a4.js}

@@ -1,9 +1,10 @@
 import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from 'vue-demi';
+import { SelectRoot, SelectControl, SelectPlaceholder, SelectDropdown, SelectNoSearchResults } from './components/OrSelectV3/styles.js';
 import './components/OrCheckboxV3/OrCheckboxV3.js';
-import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-3e6ddbd0.js';
+import { s as script$1 } from './OrCheckbox.vue_vue_type_script_lang-841594f0.js';
 import './components/OrErrorV3/OrErrorV3.js';
 import './components/OrExpansionPanelV3/OrExpansionPanelV3.js';
-import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-efcd3cc1.js';
+import { s as script$3 } from './OrExpansionPanel.vue_vue_type_script_lang-c908e8be.js';
 import './components/OrHintV3/OrHintV3.js';
 import './components/OrIconV3/OrIconV3.js';
 import './components/OrInputV3/OrInputV3.js';
@@ -12,54 +13,20 @@ import './components/OrLabelV3/OrLabelV3.js';
 import './components/OrMenuItemV3/OrMenuItemV3.js';
 import './components/OrPopoverV3/OrPopoverV3.js';
 import './components/OrTagV3/OrTagV3.js';
-import { s as script$b } from './OrTag.vue_vue_type_script_lang-d70c4e48.js';
-import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { u as useOverflow } from './useOverflow-af6161c8.js';
-import { s as script$2 } from './OrError.vue_vue_type_script_lang-6954e9de.js';
-import { s as script$4 } from './OrHint.vue_vue_type_script_lang-7dc58eba.js';
-import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-c13ec0ac.js';
-import { s as script$6 } from './OrInput.vue_vue_type_script_lang-e970f1b2.js';
-import { s as script$7, I as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-d3b211c2.js';
-import { s as script$8 } from './OrLabel.vue_vue_type_script_lang-55e01b7a.js';
-import { s as script$9 } from './OrMenuItem.vue_vue_type_script_lang-53cb4736.js';
-import { s as script$a } from './OrPopover.vue_vue_type_script_lang-3aab2e20.js';
-
-const SelectRoot = [
-// Layout
-'layout-column',
-// Spacing
-'gap-xs'];
-const SelectControl = [
-// Layout
-'layout-row grow',
-// Overflow
-'overflow-hidden',
-// Spacing
-'gap-xs',
-// Typography
-'typography-inherit'];
-const SelectPlaceholder = [
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
-const SelectDropdown = [
-// Overflow
-'overflow-y-auto',
-// Box
-'max-h-[340px]',
-// Shape
-'rounded-b-md',
-// Theme
-'theme-background-default', 'dark:theme-background-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark', '!border-t-0'];
-const SelectNoSearchResults = [
-// Layout
-'layout-row justify-center',
-// Spacing
-'px-md', 'py-md',
-// Typography
-'typography-caption-regular',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
+import { s as script$b } from './OrTag.vue_vue_type_script_lang-c9188abe.js';
+import { DropdownClose } from './directives/dropdown-close.js';
+import { DropdownOpen } from './directives/dropdown-open.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
+import { useOverflow } from './hooks/useOverflow.js';
+import { s as script$2 } from './OrError.vue_vue_type_script_lang-98601766.js';
+import { s as script$4 } from './OrHint.vue_vue_type_script_lang-e5ffd5fa.js';
+import { s as script$5 } from './OrIcon.vue_vue_type_script_lang-1cb537ef.js';
+import { s as script$6 } from './OrInput.vue_vue_type_script_lang-d1c06414.js';
+import { s as script$7 } from './OrInputBox.vue_vue_type_script_lang-49d89486.js';
+import { s as script$8 } from './OrLabel.vue_vue_type_script_lang-5bedeb7c.js';
+import { s as script$9 } from './OrMenuItem.vue_vue_type_script_lang-78262bac.js';
+import { s as script$a } from './OrPopover.vue_vue_type_script_lang-bca04ff0.js';
+import { InputBoxSize } from './components/OrInputBoxV3/props.js';
 
 var script = defineComponent({
   name: 'OrSelect',

package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-0ec9363b.js → OrSelect.vue_vue_type_script_lang-14c949c1.js}

@@ -1,6 +1,6 @@
 import { defineComponent } from 'vue-demi';
 import script$1 from './components/OrSelectMain/OrSelectMain.js';
-import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP, b as OR_SELECT_SEARCH_OPTIONS_PROP, c as OR_SELECT_PLACEHOLDER_PROP, C as COMMON_STRING_PROP, S as SEARCH_OPTIONS_FUNCTION_PROP, d as OR_SELECT_NO_RESULTS_TITLE_PROP, e as OR_SELECT_NO_RESULTS_START_TEXT_PROP, f as OR_SELECT_NO_RESULTS_END_TEXT_PROP, g as OR_SELECT_UPDATE_SEARCH_TEXT_PROP } from './constants-59507e57.js';
+import { OR_SELECT_VALUE_PROP, OR_SELECT_OPTIONS_PROP, OR_SELECT_SEARCH_OPTIONS_PROP, OR_SELECT_PLACEHOLDER_PROP, COMMON_STRING_PROP, SEARCH_OPTIONS_FUNCTION_PROP, 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 } from './components/OrSelect/constants.js';
 import './components/OrLabel/OrLabel.js';
 import './components/OrError/OrError.js';
 import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-755f291c.js → OrSidebar.vue_vue_type_script_lang-00e9cda7.js}

@@ -1,12 +1,7 @@
 import { useDraggable } from '@vueuse/core';
 import _ from 'lodash';
 import { defineComponent, ref } from 'vue-demi';
-
-var OrSidebarSide;
-(function (OrSidebarSide) {
-  OrSidebarSide["left"] = "left";
-  OrSidebarSide["right"] = "right";
-})(OrSidebarSide || (OrSidebarSide = {}));
+import { OrSidebarSide } from './components/OrSidebar/constants.js';
 
 var script = defineComponent({
   name: 'OrSidebar',
@@ -91,4 +86,4 @@ var script = defineComponent({
   }
 });
 
-export { OrSidebarSide as O, script as s };
+export { script as s };

package/dist/bundled/v3/{OrSidebar.vue_vue_type_script_lang-d438c111.js → OrSidebar.vue_vue_type_script_lang-4f5c8abd.js}

@@ -1,77 +1,8 @@
 import { useDraggable, useElementBounding } from '@vueuse/core';
 import _ from 'lodash';
 import { defineComponent, ref, computed, watch } from 'vue-demi';
-
-var OrSidebarPlacement;
-(function (OrSidebarPlacement) {
-  OrSidebarPlacement["left"] = "left";
-  OrSidebarPlacement["right"] = "right";
-})(OrSidebarPlacement || (OrSidebarPlacement = {}));
-
-const SidebarRoot = [
-// Position
-'relative',
-// Layout
-'flex', 'flex-col', 'shrink-0',
-// Box
-'min-h-0', 'p-0'];
-const SidebarRootSides = {
-  [OrSidebarPlacement.left]: [
-  // Borders
-  'border-r-[1px]', 'border-r-solid', 'border-r-secondary dark:border-r-secondary-dark'],
-  [OrSidebarPlacement.right]: [
-  // Borders
-  'border-l-[1px]', 'border-l-solid', 'border-l-secondary dark:border-l-secondary-dark']
-};
-const SidebarResize = [
-// Position
-'absolute', 'inset-y-none', 'z-[1]',
-// Box
-'w-[12px]', 'h-[100%]',
-// Cursor
-'cursor-ew-resize'];
-const SidebarResizeSides = {
-  [OrSidebarPlacement.left]: [
-  // Position
-  '-right-[1px]',
-  // Borders
-  'hover:border-r-2', 'hover:border-r-primary hover:dark:border-r-primary-dark',
-  // Transition
-  'transition-[border-right]'],
-  [OrSidebarPlacement.right]: [
-  // Position
-  '-left-[1px]',
-  // Borders
-  'hover:border-l-2', 'hover:border-l-primary hover:dark:border-l-primary-dark',
-  // Transition
-  'transition-[border-left]']
-};
-const SidebarResizingSides = {
-  [OrSidebarPlacement.left]: [
-  // Borders
-  'border-r-2', 'border-r-primary dark:border-r-primary-dark'],
-  [OrSidebarPlacement.right]: [
-  // Borders
-  'border-l-2', 'border-l-primary dark:border-l-primary-dark']
-};
-const SidebarMain = [
-// Layout
-'flex', 'flex-col', 'grow',
-// Box
-'min-h-0'];
-const SidebarHeader = [
-// Sizing
-'p-md'];
-const SidebarContent = [
-// Layout
-'grow', 'overflow-auto',
-// Sizing
-'p-md'];
-const SidebarFooter = [
-// Sizing
-'p-md',
-// Borders
-'border-t-[1px]', 'border-t-solid', 'border-t-secondary dark:border-t-secondary-dark'];
+import { OrSidebarPlacement } from './components/OrSidebarV3/props.js';
+import { SidebarRoot, SidebarRootSides, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarMain, SidebarHeader, SidebarContent, SidebarFooter } from './components/OrSidebarV3/styles.js';
 
 var script = defineComponent({
   name: 'OrSidebar',
@@ -178,4 +109,4 @@ var script = defineComponent({
   }
 });
 
-export { OrSidebarPlacement as O, script as s };
+export { script as s };

package/dist/bundled/v3/{OrSkeletonCircle.vue_vue_type_script_lang-30516785.js → OrSkeletonCircle.vue_vue_type_script_lang-e8f70634.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { p as pxToRem } from './px-to-rem-0b26b83e.js';
+import { pxToRem } from './utils/functions/px-to-rem.js';
 import _ from 'lodash';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrSkeletonCircle.vue_vue_type_script_lang-21b57a2f.js → OrSkeletonCircle.vue_vue_type_script_lang-ef1d0034.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import _ from 'lodash';
-import { p as pxToRem } from './px-to-rem-0b26b83e.js';
-import { S as SkeletonRoot, a as SkeletonCircle, b as SkeletonAnimated } from './styles-ed564e39.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import { pxToRem } from './utils/functions/px-to-rem.js';
+import { SkeletonRoot, SkeletonCircle, SkeletonAnimated } from './components/OrSkeletonV3/styles.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
 
 var script = defineComponent({
   name: 'OrSkeletonCircle',

package/dist/bundled/v3/{OrSkeletonRect.vue_vue_type_script_lang-71f648ad.js → OrSkeletonRect.vue_vue_type_script_lang-808412d2.js}

@@ -1,5 +1,5 @@
 import { defineComponent } from 'vue-demi';
-import { p as pxToRem } from './px-to-rem-0b26b83e.js';
+import { pxToRem } from './utils/functions/px-to-rem.js';
 import _ from 'lodash';
 
 var script = defineComponent({

package/dist/bundled/v3/{OrSkeletonRect.vue_vue_type_script_lang-f6cc46a6.js → OrSkeletonRect.vue_vue_type_script_lang-87fe8cfd.js}

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import _ from 'lodash';
-import { p as pxToRem } from './px-to-rem-0b26b83e.js';
-import { S as SkeletonRoot, c as SkeletonRect, b as SkeletonAnimated } from './styles-ed564e39.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
+import { pxToRem } from './utils/functions/px-to-rem.js';
+import { SkeletonRoot, SkeletonRect, SkeletonAnimated } from './components/OrSkeletonV3/styles.js';
+import { useClassAttribute } from './hooks/useClassAttribute.js';
 
 var script = defineComponent({
   name: 'OrSkeletonRect',