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

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

@@ -0,0 +1,68 @@
+import { OrSidebarPlacement } from './props.js';
+
+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'];
+
+export { SidebarContent, SidebarFooter, SidebarHeader, SidebarMain, SidebarResize, SidebarResizeSides, SidebarResizingSides, SidebarRoot, SidebarRootSides };

package/dist/bundled/v2/components/OrSkeleton/constants.js

@@ -0,0 +1,12 @@
+var OrSkeletonTextSizes;
+(function (OrSkeletonTextSizes) {
+  OrSkeletonTextSizes["headline1"] = "headline-1";
+  OrSkeletonTextSizes["headline2"] = "headline-2";
+  OrSkeletonTextSizes["headline3"] = "headline-3";
+  OrSkeletonTextSizes["body1"] = "body-1";
+  OrSkeletonTextSizes["body2"] = "body-2";
+  OrSkeletonTextSizes["button"] = "button";
+  OrSkeletonTextSizes["caption"] = "caption";
+})(OrSkeletonTextSizes || (OrSkeletonTextSizes = {}));
+
+export { OrSkeletonTextSizes };

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

@@ -1,8 +1,9 @@
 export { default as OrSkeletonCircle } from '../OrSkeletonCircle/OrSkeletonCircle.js';
 export { default as OrSkeletonRect } from '../OrSkeletonRect/OrSkeletonRect.js';
-export { _ as OrSkeletonText, O as OrSkeletonTextSizes } from '../../OrSkeletonText-de14d2a1.js';
+export { default as OrSkeletonText } from '../OrSkeletonText/OrSkeletonText.js';
+export { OrSkeletonTextSizes } from './constants.js';
 import 'vue-demi';
-import '../../px-to-rem-0b26b83e.js';
+import '../../utils/functions/px-to-rem.js';
 import 'lodash';
 import '../../normalize-component-6e8e3d80.js';
 import '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/OrSkeletonCircle/OrSkeletonCircle.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';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { c as createInjector } from '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/OrSkeletonCircleV3/OrSkeletonCircleV3.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 '../OrSkeletonV3/styles.js';
+import { useClassAttribute } from '../../hooks/useClassAttribute.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

package/dist/bundled/v2/components/OrSkeletonRect/OrSkeletonRect.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';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { c as createInjector } from '../../browser-82dea9ed.js';

package/dist/bundled/v2/components/OrSkeletonRectV3/OrSkeletonRectV3.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 '../OrSkeletonV3/styles.js';
+import { useClassAttribute } from '../../hooks/useClassAttribute.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

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

@@ -1,6 +1,97 @@
-export { _ as default } from '../../OrSkeletonText-de14d2a1.js';
-import '../../normalize-component-6e8e3d80.js';
-import '../../browser-82dea9ed.js';
-import 'vue-demi';
-import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
+import { defineComponent } from 'vue-demi';
+import _ from 'lodash';
+import { OrSkeletonTextSizes } from '../OrSkeleton/constants.js';
+import { pxToRem } from '../../utils/functions/px-to-rem.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import { c as createInjector } from '../../browser-82dea9ed.js';
+
+var script = defineComponent({
+  name: 'OrSkeletonText',
+  props: {
+    isAnimated: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    linesCount: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    size: {
+      type: String,
+      required: false,
+      default: OrSkeletonTextSizes.body1
+    }
+  },
+  computed: {
+    skeletonClasses() {
+      var _a;
+      return [`or-skeleton-text-${(_a = this.size) !== null && _a !== void 0 ? _a : OrSkeletonTextSizes.body1}`, {
+        'is-animated': this.isAnimated
+      }];
+    },
+    rootStyle() {
+      var _a;
+      const width = (_a = this.width) !== null && _a !== void 0 ? _a : '100%';
+      return {
+        'width': _.isNumber(width) ? pxToRem(width) : width
+      };
+    },
+    lineKeys() {
+      return _.range(this.linesCount);
+    }
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    staticClass: "or-skeleton-text-root",
+    style: _vm.rootStyle
+  }, _vm._l(_vm.lineKeys, function (key) {
+    return _c('div', {
+      key: key,
+      staticClass: "or-skeleton or-skeleton-text",
+      class: _vm.skeletonClasses
+    });
+  }), 0);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = function (inject) {
+  if (!inject) return;
+  inject("data-v-1ddb38df_0", {
+    source: "@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes spinAround-data-v-1ddb38df{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-1ddb38df{from{opacity:1}to{opacity:0}}@keyframes wave-data-v-1ddb38df{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.or-skeleton[data-v-1ddb38df]{overflow:hidden;position:relative;padding:0;background:#f6f8fd;border:0}.or-skeleton.is-animated[data-v-1ddb38df]::before{content:\"\";display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:linear-gradient(90.14deg,#f6f8fd .1%,#fff 49.98%,#f6f8fd 99.06%);animation:wave-data-v-1ddb38df 1.5s linear .5s infinite}.or-skeleton-text-root[data-v-1ddb38df]{height:auto;display:flex;flex-direction:column}.or-skeleton-text-root .or-skeleton-text[data-v-1ddb38df]{border-radius:var(--s-2);width:100%}.or-skeleton-text-root .or-skeleton-text-headline-1[data-v-1ddb38df]{height:1.5rem;margin:.145rem 0}.or-skeleton-text-root .or-skeleton-text-headline-2[data-v-1ddb38df]{height:1.25rem;margin:.03125rem 0}.or-skeleton-text-root .or-skeleton-text-headline-3[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-1[data-v-1ddb38df]{height:1rem;margin:.25rem 0}.or-skeleton-text-root .or-skeleton-text-body-2[data-v-1ddb38df]{height:.875rem;margin:.21875rem 0}.or-skeleton-text-root .or-skeleton-text-button[data-v-1ddb38df]{height:.875rem;margin:.1875rem 0}.or-skeleton-text-root .or-skeleton-text-caption[data-v-1ddb38df]{height:.75rem;margin:.1875rem 0}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__ = "data-v-1ddb38df";
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
+
+export { __vue_component__ as default };

package/dist/bundled/v2/components/OrSkeletonTextV3/OrSkeletonTextV3.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 { d as SkeletonTextContainerRoot, S as SkeletonRoot, e as SkeletonText, 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 { SkeletonTextContainerRoot, SkeletonRoot, SkeletonText, SkeletonAnimated } from '../OrSkeletonV3/styles.js';
+import { useClassAttribute } from '../../hooks/useClassAttribute.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

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

@@ -3,7 +3,7 @@ export { default as OrSkeletonRectV3 } from '../OrSkeletonRectV3/OrSkeletonRectV
 export { default as OrSkeletonTextV3 } from '../OrSkeletonTextV3/OrSkeletonTextV3.js';
 import 'vue-demi';
 import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
-import '../../styles-ed564e39.js';
-import '../../useClassAttribute-47fdb016.js';
+import '../../utils/functions/px-to-rem.js';
+import './styles.js';
+import '../../hooks/useClassAttribute.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/{v3/styles-ed564e39.js → v2/components/OrSkeletonV3/styles.js}

@@ -31,4 +31,4 @@ const SkeletonAnimated = [
 // Animation
 'animate-skeleton-loader'];
 
-export { SkeletonRoot as S, SkeletonCircle as a, SkeletonAnimated as b, SkeletonRect as c, SkeletonTextContainerRoot as d, SkeletonText as e };
+export { SkeletonAnimated, SkeletonCircle, SkeletonRect, SkeletonRoot, SkeletonText, SkeletonTextContainerRoot };

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

@@ -1,17 +1,19 @@
 import { defineComponent, ref } from 'vue-demi';
 import { onClickOutside, useDraggable } from '@vueuse/core';
-import { f as addClass, h as removeClass } from '../../dom-a98e78cb.js';
-import { _ as __vue_component__$1 } from '../../OrIcon-d69f7e66.js';
+import { addClass, removeClass } from '../../utils/functions/dom.js';
+import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { c as createInjector } from '../../browser-82dea9ed.js';
 import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
-import '../../OrFloating-0397263c.js';
+import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
-import '../../constants-b4c183aa.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
 
 var script = defineComponent({
   name: 'OrSlider',

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

@@ -1,15 +1,17 @@
 export { default as OrSlider } from './OrSlider.js';
 import 'vue-demi';
 import '@vueuse/core';
-import '../../dom-a98e78cb.js';
+import '../../utils/functions/dom.js';
 import 'lodash';
-import '../../OrIcon-d69f7e66.js';
-import '../../px-to-rem-0b26b83e.js';
+import '../OrIcon/OrIcon.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../browser-82dea9ed.js';
-import '../../OrFloating-0397263c.js';
+import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
-import '../../constants-b4c183aa.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';

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

@@ -1,21 +1,10 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1 } from '../../OrIcon-7e3098b7.js';
-import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
+import { SortHeaderRoot } from './styles.js';
+import __vue_component__$1 from '../OrIconV3/OrIconV3.js';
+import { useClassAttribute } from '../../hooks/useClassAttribute.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-
-const SortHeaderRoot = [
-// Layout
-'layout-row',
-// Interactivity
-'interactivity-auto',
-// Typography
-'typography-caption-regular',
-// Typography (activated)
-'activated:typography-caption-semibold',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
-// Theme (activated)
-'activated:theme-foreground-default', 'dark:activated:theme-foreground-default-dark'];
+import '../OrIconV3/props.js';
+import '../OrIconV3/styles.js';
 
 var script = defineComponent({
   name: 'OrSortHeader',

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

@@ -1,5 +1,8 @@
 export { default as OrSortHeaderV3 } from './OrSortHeaderV3.js';
 import 'vue-demi';
-import '../../OrIcon-7e3098b7.js';
-import '../../useClassAttribute-47fdb016.js';
+import './styles.js';
+import '../OrIconV3/OrIconV3.js';
+import '../OrIconV3/props.js';
+import '../OrIconV3/styles.js';
+import '../../hooks/useClassAttribute.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -0,0 +1,15 @@
+const SortHeaderRoot = [
+// Layout
+'layout-row',
+// Interactivity
+'interactivity-auto',
+// Typography
+'typography-caption-regular',
+// Typography (activated)
+'activated:typography-caption-semibold',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
+// Theme (activated)
+'activated:theme-foreground-default', 'dark:activated:theme-foreground-default-dark'];
+
+export { SortHeaderRoot };

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

@@ -5,19 +5,22 @@ import __vue_component__$3 from '../OrStepperTitle/OrStepperTitle.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrStepperButtonOptions/OrStepperButtonOptions.js';
 import '../OrButtonV2/OrButtonV2.js';
-import '../../constants-c5d1139f.js';
-import '../../OrIcon-d69f7e66.js';
+import '../OrButtonV2/constants.js';
+import '../OrIcon/OrIcon.js';
 import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../browser-82dea9ed.js';
-import '../../OrFloating-0397263c.js';
+import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
-import '../../constants-b4c183aa.js';
-import '../../dom-a98e78cb.js';
-import '../../OrLoader-003941a2.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrLoader/OrLoader.js';
+import '../OrLoader/constants.js';
 import '../StatusIcon/StatusIcon.js';
 
 var script = defineComponent({

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

@@ -3,20 +3,23 @@ import 'vue-demi';
 import '../OrStepperOptionVertical/OrStepperOptionVertical.js';
 import '../OrStepperButtonOptions/OrStepperButtonOptions.js';
 import '../OrButtonV2/OrButtonV2.js';
-import '../../constants-c5d1139f.js';
-import '../../OrIcon-d69f7e66.js';
+import '../OrButtonV2/constants.js';
+import '../OrIcon/OrIcon.js';
 import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../browser-82dea9ed.js';
-import '../../OrFloating-0397263c.js';
+import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
-import '../../constants-b4c183aa.js';
-import '../../dom-a98e78cb.js';
-import '../../OrLoader-003941a2.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrLoader/OrLoader.js';
+import '../OrLoader/constants.js';
 import '../OrStepperTitle/OrStepperTitle.js';
 import '../StatusIcon/StatusIcon.js';
 import '../OrStepperOptionHorizontal/OrStepperOptionHorizontal.js';

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

@@ -1,19 +1,22 @@
 import { defineComponent } from 'vue-demi';
 import __vue_component__$1 from '../OrButtonV2/OrButtonV2.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../constants-c5d1139f.js';
-import '../../OrIcon-d69f7e66.js';
+import '../OrButtonV2/constants.js';
+import '../OrIcon/OrIcon.js';
 import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../browser-82dea9ed.js';
-import '../../OrFloating-0397263c.js';
+import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
-import '../../constants-b4c183aa.js';
-import '../../dom-a98e78cb.js';
-import '../../OrLoader-003941a2.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrLoader/OrLoader.js';
+import '../OrLoader/constants.js';
 
 var script = defineComponent({
   name: 'OrStepperButtonOptions',

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

@@ -2,19 +2,22 @@ import { defineComponent } from 'vue-demi';
 import __vue_component__$1 from '../OrStepperButtonOptions/OrStepperButtonOptions.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV2/OrButtonV2.js';
-import '../../constants-c5d1139f.js';
-import '../../OrIcon-d69f7e66.js';
+import '../OrButtonV2/constants.js';
+import '../OrIcon/OrIcon.js';
 import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../browser-82dea9ed.js';
-import '../../OrFloating-0397263c.js';
+import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
-import '../../constants-b4c183aa.js';
-import '../../dom-a98e78cb.js';
-import '../../OrLoader-003941a2.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrLoader/OrLoader.js';
+import '../OrLoader/constants.js';
 
 var script = defineComponent({
   name: 'OrStepperOptionHorizontal',

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

@@ -3,19 +3,22 @@ import __vue_component__$1 from '../OrStepperButtonOptions/OrStepperButtonOption
 import __vue_component__$2 from '../OrStepperTitle/OrStepperTitle.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import '../OrButtonV2/OrButtonV2.js';
-import '../../constants-c5d1139f.js';
-import '../../OrIcon-d69f7e66.js';
+import '../OrButtonV2/constants.js';
+import '../OrIcon/OrIcon.js';
 import 'lodash';
-import '../../px-to-rem-0b26b83e.js';
+import '../OrIcon/constants.js';
+import '../../utils/functions/px-to-rem.js';
 import '../OrTooltipContent/OrTooltipContent.js';
 import '../../browser-82dea9ed.js';
-import '../../OrFloating-0397263c.js';
+import '../OrFloating/OrFloating.js';
 import '../../floating-ui.dom.esm-83eba816.js';
 import '../OrTeleportVue2/OrTeleportVue2.js';
 import 'portal-vue/dist/portal-vue.esm.js';
-import '../../constants-b4c183aa.js';
-import '../../dom-a98e78cb.js';
-import '../../OrLoader-003941a2.js';
+import '../OrTeleport/constants.js';
+import '../OrFloating/constants.js';
+import '../../utils/functions/dom.js';
+import '../OrLoader/OrLoader.js';
+import '../OrLoader/constants.js';
 import '../StatusIcon/StatusIcon.js';
 
 var script = defineComponent({

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

@@ -1,8 +1,9 @@
 import { defineComponent } from 'vue-demi';
 import _ from 'lodash';
-import { _ as __vue_component__$1 } from '../../OrLoader-003941a2.js';
+import __vue_component__$1 from '../OrLoader/OrLoader.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { c as createInjector } from '../../browser-82dea9ed.js';
+import '../OrLoader/constants.js';
 
 var script = defineComponent({
   name: 'OrSwitch',

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

@@ -1,6 +1,7 @@
 export { default as OrSwitch } from './OrSwitch.js';
 import 'vue-demi';
 import 'lodash';
-import '../../OrLoader-003941a2.js';
+import '../OrLoader/OrLoader.js';
+import '../OrLoader/constants.js';
 import '../../normalize-component-6e8e3d80.js';
 import '../../browser-82dea9ed.js';

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

@@ -1,59 +1,14 @@
 import { defineComponent, getCurrentInstance, ref, computed } from 'vue-demi';
-import { _ as __vue_component__$1, L as LabelVariant } from '../../OrLabel-b26f4298.js';
-import { _ as __vue_component__$2 } from '../../OrLoader-5cf41b7d.js';
-import { u as useClassAttribute } from '../../useClassAttribute-47fdb016.js';
+import { SwitchRoot, SwitchControl, SwitchControlHandle, SwitchLoader, SwitchLoaderHandle } from './styles.js';
+import __vue_component__$1 from '../OrLabelV3/OrLabelV3.js';
+import __vue_component__$2 from '../OrLoaderV3/OrLoaderV3.js';
+import { useClassAttribute } from '../../hooks/useClassAttribute.js';
+import { LabelVariant } from '../OrLabelV3/props.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { c as createInjector } from '../../browser-82dea9ed.js';
-
-const SwitchRoot = [
-// Layout
-'layout-row',
-// Spacing
-'gap-sm+ md:gap-sm'];
-const SwitchControl = [
-// Layout
-'layout-row justify-start checked:justify-end',
-// Box
-'w-[43px] md:w-[37px]', 'h-[24px] md:h-[21px]',
-// Shape
-'rounded-full',
-// Spacing
-'px-[2px]', 'active:px-[1px]',
-// Spacing (checked)
-'checked:px-[3px]', 'active:checked:px-[2px]',
-// 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 SwitchControlHandle = [
-// Box
-'after:w-[18px] after:md:w-[16px]', 'after:h-[18px] after:md:h-[16px]',
-// Shape
-'after:rounded-full',
-// Theme
-'after:active:w-[20px] after:active:md:w-[18px]', 'after:active:h-[20px] after:active:md:h-[18px]', 'after:bg-outline', 'after:dark:bg-outline-dark', 'after:hover:bg-on-surface-variant', 'after:hover:dark:bg-on-surface-variant-dark', 'after:focus:bg-on-surface-variant', 'after:focus:dark:bg-on-surface-variant-dark', 'after:active:bg-outline', 'after:active:dark:bg-outline-dark', 'after:disabled:bg-on-disabled', 'after:disabled:dark:bg-on-disabled-dark', 'after:checked:bg-on-primary', 'after:checked:dark:bg-on-primary-dark', 'after:checked:shadow', 'after:checked:hover:bg-primary-container', 'after:checked:hover:dark:bg-primary-container-dark', 'after:checked:focus:bg-primary-container', 'after:checked:focus:dark:bg-primary-container-dark', 'after:checked:active:bg-on-primary', 'after:checked:active:dark:bg-on-primary-dark', 'after:checked:disabled:bg-on-disabled', 'after:checked:disabled:dark:bg-on-disabled-dark'];
-const SwitchLoader = [
-// Layout
-'layout-row justify-center',
-// Box
-'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
-// Shape
-'rounded-full',
-// Theme
-'theme-border-1-outline', 'dark:theme-border-1-outline-dark'];
-const SwitchLoaderHandle = [
-// Layout
-'after:absolute',
-// Box
-'after:w-[18px] after:md:w-[14px]', 'after:h-[18px] after:md:h-[14px]',
-// Shape
-'after:rounded-full',
-// Theme
-'after:bg-outline', 'dark:after:bg-outline-dark', 'disabled:after:bg-on-disabled', 'dark:disabled:after:bg-on-disabled-dark'];
+import '../OrLabelV3/styles.js';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';
 
 var script = defineComponent({
   name: 'OrSwitch',