@onereach/ui-components 20.1.0 → 20.1.2

package/dist/esm/components/or-skeleton-v3/index.js

@@ -0,0 +1,250 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderList } from 'vue';
+import { q as hs } from '../OrAutocompleteV3-8c6de221.js';
+import range from 'lodash/range';
+import '@vueuse/core';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
+import 'lodash/get';
+import 'lodash/isElement';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-icon-button-v3/index.js';
+import '../or-icon-v3/index.js';
+import '../or-tooltip-v3/index.js';
+import '../or-popover-v3/index.js';
+import '@floating-ui/dom';
+import '../or-bottom-sheet-v3/index.js';
+import '../or-overlay-v3/index.js';
+import '../or-teleport-v3/index.js';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-061441a3.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
+import '../or-menu-item-v3/index.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import '../or-button-v3/index.js';
+import '../or-tag-v3/index.js';
+
+const SkeletonRoot = [
+// Position
+'relative',
+// Layout
+'overflow-hidden',
+// Box
+'p-0',
+// Borders
+'border-0',
+// Theme
+'bg-skeletons-gradient', 'dark:bg-skeletons-gradient-dark',
+// Background
+'bg-repeat'];
+const SkeletonTextContainerRoot = [
+// Layout
+'flex', 'flex-col',
+// Box
+'h-auto'];
+const SkeletonCircle = [
+// Box
+'rounded-full'];
+const SkeletonRect = [
+// Box
+'rounded-md'];
+const SkeletonText = [
+// Box
+'w-full', 'rounded-md'];
+const SkeletonAnimated = [
+// Background
+'bg-[length:200%]',
+// Animation
+'animate-skeleton-loader'];
+
+var script$2 = defineComponent({
+  name: 'OrSkeletonCircle',
+  props: {
+    animated: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    size: {
+      type: [Number, String],
+      required: false,
+      default: 40
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-skeleton-v3', 'or-skeleton-circle', ...SkeletonRoot, ...SkeletonCircle, ...(props.animated ? SkeletonAnimated : [])]);
+    const rootStyle = computed(() => {
+      var _a;
+      const size = (_a = props.size) !== null && _a !== void 0 ? _a : 40; // 40px - medium OrAvatar
+      const sizeStyle = typeof size === 'number' ? hs(size) : size;
+      return {
+        'width': sizeStyle,
+        'min-width': sizeStyle,
+        'height': sizeStyle,
+        'min-height': sizeStyle
+      };
+    });
+    return {
+      root,
+      rootStyles,
+      rootStyle
+    };
+  }
+});
+
+function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles),
+    style: normalizeStyle(_ctx.rootStyle)
+  }, null, 6 /* CLASS, STYLE */);
+}
+
+script$2.render = render$2;
+script$2.__file = "src/components/or-skeleton-v3/or-skeleton-circle-v3/OrSkeletonCircle.vue";
+
+var script$1 = defineComponent({
+  name: 'OrSkeletonRect',
+  props: {
+    animated: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    height: {
+      type: [Number, String],
+      required: false,
+      default: 36
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-skeleton-v3', 'or-skeleton-rect', ...SkeletonRoot, ...SkeletonRect, ...(props.animated ? SkeletonAnimated : [])]);
+    const rootStyle = computed(() => {
+      var _a, _b;
+      const width = (_a = props.width) !== null && _a !== void 0 ? _a : '100%';
+      const height = (_b = props.height) !== null && _b !== void 0 ? _b : 36; // 36px - default OrInput height
+      return {
+        'width': typeof width === 'number' ? hs(width) : width,
+        'height': typeof height === 'number' ? hs(height) : height
+      };
+    });
+    return {
+      root,
+      rootStyles,
+      rootStyle
+    };
+  }
+});
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles),
+    style: normalizeStyle(_ctx.rootStyle)
+  }, null, 6 /* CLASS, STYLE */);
+}
+
+script$1.render = render$1;
+script$1.__file = "src/components/or-skeleton-v3/or-skeleton-rect-v3/OrSkeletonRect.vue";
+
+var script = defineComponent({
+  name: 'OrSkeletonText',
+  props: {
+    animated: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    linesCount: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    width: {
+      type: [Number, String],
+      required: false,
+      default: '100%'
+    },
+    fontSize: {
+      type: Number,
+      required: false,
+      default: 16
+    },
+    lineHeight: {
+      type: Number,
+      required: false,
+      default: 24
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs
+    const root = ref();
+    // Styles
+    const containerStyles = computed(() => ['or-skeleton-text-root', ...SkeletonTextContainerRoot]);
+    const containerStyle = computed(() => {
+      var _a;
+      const width = (_a = props.width) !== null && _a !== void 0 ? _a : '100%';
+      return {
+        'width': typeof width === 'number' ? hs(width) : width
+      };
+    });
+    const rowStyles = computed(() => ['or-skeleton-v3', 'or-skeleton-text', ...SkeletonRoot, ...SkeletonText, ...(props.animated ? SkeletonAnimated : [])]);
+    const rowStyle = computed(() => {
+      var _a, _b;
+      const height = (_a = props.fontSize) !== null && _a !== void 0 ? _a : 16;
+      const margin = (((_b = props.lineHeight) !== null && _b !== void 0 ? _b : 24) - height) / 2;
+      return {
+        'height': typeof height === 'number' ? hs(height) : height,
+        'margin': `${typeof margin === 'number' ? hs(margin) : margin} 0`
+      };
+    });
+    // State
+    const lineKeys = computed(() => range(props.linesCount));
+    return {
+      root,
+      containerStyles,
+      containerStyle,
+      rowStyles,
+      rowStyle,
+      lineKeys
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.containerStyles),
+    style: normalizeStyle(_ctx.containerStyle)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.lineKeys, key => {
+    return openBlock(), createElementBlock("div", {
+      key: key,
+      class: normalizeClass(_ctx.rowStyles),
+      style: normalizeStyle(_ctx.rowStyle)
+    }, null, 6 /* CLASS, STYLE */);
+  }), 128 /* KEYED_FRAGMENT */))], 6 /* CLASS, STYLE */);
+}
+
+script.render = render;
+script.__file = "src/components/or-skeleton-v3/or-skeleton-text-v3/OrSkeletonText.vue";
+
+export { script$2 as OrSkeletonCircleV3, script$1 as OrSkeletonRectV3, script as OrSkeletonTextV3 };

package/dist/{esm-deps → esm}/components/or-slider-v3/index.js

@@ -1,22 +1,45 @@
-import { a as SliderOrientation, S as SliderColor } from '../../types-75a1cc13.js';
+import { defineComponent, ref, computed, toRef, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
 import { useElementBounding, useElementHover, useDraggable, clamp } from '@vueuse/core';
-import { defineComponent, ref, computed, toRef, watch } from 'vue';
-import { r as re } from '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import '../../OrTooltip-62181b78.js';
+import { r as re } from '../OrAutocompleteV3-8c6de221.js';
 import { OrTooltipV3 as script$1 } from '../or-tooltip-v3/index.js';
-import '../../dom-CwV-xS38-5babad01.js';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
 import 'lodash/isElement';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-icon-button-v3/index.js';
+import '../or-icon-v3/index.js';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-061441a3.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
+import '../or-menu-item-v3/index.js';
 import '../or-popover-v3/index.js';
-import '../../extractCssVarName-IHa2pGlF-614fb8d2.js';
-import '@floating-ui/core';
-import '@floating-ui/utils';
-import '@floating-ui/utils/dom';
+import '@floating-ui/dom';
 import '../or-bottom-sheet-v3/index.js';
-import '../../OrOverlay-d67e7093.js';
 import '../or-overlay-v3/index.js';
 import '../or-teleport-v3/index.js';
-import '../../OrPopover-bd078650.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import '../or-button-v3/index.js';
+import '../or-tag-v3/index.js';
+
+var SliderColor;
+(function (SliderColor) {
+  SliderColor["Primary"] = "primary";
+  SliderColor["Secondary"] = "secondary";
+})(SliderColor || (SliderColor = {}));
+var SliderOrientation;
+(function (SliderOrientation) {
+  SliderOrientation["Horizontal"] = "horizontal";
+  SliderOrientation["HorizontalReversed"] = "horizontal-reversed";
+  SliderOrientation["Vertical"] = "vertical";
+  SliderOrientation["VerticalReversed"] = "vertical-reversed";
+})(SliderOrientation || (SliderOrientation = {}));
 
 const Slider = [
 // Interactivity
@@ -400,4 +423,73 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = ["disabled"];
+const _hoisted_4 = ["disabled"];
+const _hoisted_5 = ["activated", "disabled", "onMouseenter"];
+const _hoisted_6 = ["disabled", "force-state", "onMouseenter", "onClick"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrTooltip = resolveComponent("OrTooltip");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles),
+    disabled: _ctx.disabled
+  }, [createElementVNode("div", {
+    ref: 'rail',
+    class: normalizeClass(_ctx.railStyles),
+    disabled: _ctx.disabled
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.trackStyles),
+    style: normalizeStyle(_ctx.trackInlineStyles),
+    disabled: _ctx.disabled
+  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_3), createVNode(_component_OrTooltip, mergeProps({
+    class: ['relative', 'z-10'],
+    "is-open": _ctx.isHovering || _ctx.isDragging,
+    placement: _ctx.tooltipPlacement,
+    offset: 24,
+    "external-control": true
+  }, _ctx.tooltip), {
+    content: withCtx(() => [renderSlot(_ctx.$slots, "tooltipContent", {
+      value: _ctx.proxyModelValue
+    }, () => [createTextVNode(toDisplayString(_ctx.proxyModelValue), 1 /* TEXT */)])]),
+    default: withCtx(() => [createElementVNode("div", {
+      ref: 'thumb',
+      class: normalizeClass(_ctx.thumbStyles),
+      disabled: _ctx.disabled
+    }, null, 10 /* CLASS, PROPS */, _hoisted_4)]),
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */, ["is-open", "placement"]), _ctx.breakpoints.length > 0 ? (openBlock(true), createElementBlock(Fragment, {
+    key: 0
+  }, renderList([_ctx.minValue, ..._ctx.breakpoints, _ctx.maxValue], breakpoint => {
+    return openBlock(), createElementBlock("div", {
+      key: breakpoint,
+      class: normalizeClass(_ctx.breakpointMarkStyles),
+      style: normalizeStyle(_ctx.getBreakpointMarkComputedStyles(breakpoint)),
+      activated: breakpoint <= _ctx.proxyModelValue,
+      disabled: _ctx.disabled,
+      onMouseenter: $event => _ctx.highlightedBreakpoint = breakpoint,
+      onMouseleave: _cache[0] || (_cache[0] = $event => _ctx.highlightedBreakpoint = undefined)
+    }, null, 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_5);
+  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true)], 10 /* CLASS, PROPS */, _hoisted_2), createElementVNode("div", {
+    class: normalizeClass(_ctx.labelStyles)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList([_ctx.minValue, ..._ctx.breakpoints, _ctx.maxValue], breakpoint => {
+    return openBlock(), createElementBlock("div", {
+      key: breakpoint,
+      class: normalizeClass(_ctx.labelMarkStyles),
+      style: normalizeStyle(_ctx.getBreakpointMarkComputedStyles(breakpoint)),
+      disabled: _ctx.disabled,
+      "force-state": _ctx.highlightedBreakpoint === breakpoint ? 'hover' : undefined,
+      onMouseenter: $event => _ctx.highlightedBreakpoint = breakpoint,
+      onMouseleave: _cache[1] || (_cache[1] = $event => _ctx.highlightedBreakpoint = undefined),
+      onClick: $event => _ctx.proxyModelValue = breakpoint
+    }, [renderSlot(_ctx.$slots, `${breakpoint}-label`, {
+      value: breakpoint
+    }, () => [createTextVNode(toDisplayString(breakpoint), 1 /* TEXT */)])], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_6);
+  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)], 10 /* CLASS, PROPS */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-slider-v3/OrSlider.vue";
+
 export { script as OrSliderV3, SliderColor, SliderOrientation };

package/dist/esm/components/or-sorting-v3/index.js

@@ -0,0 +1,137 @@
+import { defineComponent, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, createElementVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, createTextVNode } from 'vue';
+import { r as re } from '../OrAutocompleteV3-8c6de221.js';
+import { OrButtonV3 as script$1 } from '../or-button-v3/index.js';
+import { OrIconV3 as script$2 } from '../or-icon-v3/index.js';
+import { OrMenuV3 as script$3 } from '../or-menu-v3/index.js';
+import { OrMenuItemV3 as script$4 } from '../or-menu-item-v3/index.js';
+import '@vueuse/core';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
+import 'lodash/get';
+import 'lodash/isElement';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-icon-button-v3/index.js';
+import '../or-tooltip-v3/index.js';
+import '../or-popover-v3/index.js';
+import '@floating-ui/dom';
+import '../or-bottom-sheet-v3/index.js';
+import '../or-overlay-v3/index.js';
+import '../or-teleport-v3/index.js';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../OrInlineInputV3-061441a3.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-label-v3/index.js';
+import '../or-loader-v3/index.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import '../or-tag-v3/index.js';
+
+const SortingRoot = [];
+const SortingLabel = [
+// Theme
+'text-on-background dark:text-on-background-dark'];
+
+var script = defineComponent({
+  name: 'OrSorting',
+  components: {
+    OrButton: script$1,
+    OrIcon: script$2,
+    OrMenu: script$3,
+    OrMenuItem: script$4
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: String,
+      default: undefined
+    },
+    options: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ['update:modelValue'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const sortMenu = ref();
+    const sortButton = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-sorting-v3', ...SortingRoot]);
+    const sortLabelStyles = computed(() => [...SortingLabel]);
+    // State
+    const proxyModelValue = re(toRef(props, 'modelValue'), context.emit);
+    const sortLabel = computed(() => {
+      var _a;
+      return (_a = props.options.find(item => item.value === proxyModelValue.value)) === null || _a === void 0 ? void 0 : _a.label;
+    });
+    // Methods
+    function handleSort(sort) {
+      proxyModelValue.value = sort;
+    }
+    return {
+      root,
+      rootStyles,
+      sortLabelStyles,
+      sortMenu,
+      sortButton,
+      sortLabel,
+      handleSort
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrButton = resolveComponent("OrButton");
+  const _component_OrMenuItem = resolveComponent("OrMenuItem");
+  const _component_OrMenu = resolveComponent("OrMenu");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createVNode(_component_OrButton, {
+    ref: 'sortButton',
+    variant: 'link',
+    color: 'primary',
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.sortMenu && _ctx.sortMenu.toggle())
+  }, {
+    default: withCtx(() => [createElementVNode("span", {
+      class: normalizeClass(_ctx.sortLabelStyles)
+    }, toDisplayString(_ctx.sortLabel), 3 /* TEXT, CLASS */), _ctx.sortMenu ? (openBlock(), createBlock(_component_OrIcon, {
+      key: 0,
+      icon: _ctx.sortMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'
+    }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)]),
+    _: 1 /* STABLE */
+  }), createVNode(_component_OrMenu, {
+    ref: 'sortMenu',
+    trigger: _ctx.sortButton && _ctx.sortButton.root,
+    placement: 'bottom-start',
+    offset: {
+      mainAxis: 8,
+      crossAxis: -8
+    }
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, item => {
+      return openBlock(), createBlock(_component_OrMenuItem, {
+        key: item.value,
+        selected: item.value === _ctx.modelValue,
+        onClick: $event => _ctx.handleSort(item.value)
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1 /* TEXT */)]),
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-sorting-v3/OrSorting.vue";
+
+export { script as OrSortingV3 };

package/dist/{esm-deps → esm}/components/or-status-v3/index.js

@@ -1,8 +1,6 @@
+import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, normalizeProps, guardReactiveProps, createElementVNode, renderSlot, toDisplayString, createCommentVNode } from 'vue';
 import { formatTimeAgo } from '@vueuse/core';
-import { defineComponent, ref, computed } from 'vue';
-import '../../OrIndicator-c4efdee9.js';
 import { OrIndicatorV3 as script$1, IndicatorColor, IndicatorSize } from '../or-indicator-v3/index.js';
-import '../../OrIcon-cd8db2b5.js';
 import '../or-icon-v3/index.js';
 
 var StatusVariant;
@@ -114,4 +112,21 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = {
+  class: /*#__PURE__*/normalizeClass(['truncate'])
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIndicator = resolveComponent("OrIndicator");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createVNode(_component_OrIndicator, normalizeProps(guardReactiveProps(_ctx.indicatorProps)), null, 16 /* FULL_PROPS */), createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default")]), _ctx.timestamp ? (openBlock(), createElementBlock("span", {
+    key: 0,
+    class: normalizeClass(_ctx.timestampStyles)
+  }, " (" + toDisplayString(_ctx.formatTimeAgo(_ctx.timestamp)) + ") ", 3 /* TEXT, CLASS */)) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+script.render = render;
+script.__file = "src/components/or-status-v3/OrStatus.vue";
+
 export { script as OrStatusV3, StatusSize, StatusVariant };

package/dist/{esm-deps → esm}/components/or-switch-v3/index.js

@@ -1,14 +1,32 @@
-import { defineComponent, reactive, ref, computed, toRef } from 'vue';
-import { K, _, r as re } from '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
-import { ac as e, i, aa as $s, a1 as ds } from '../../extractCssVarName-IHa2pGlF-614fb8d2.js';
-import '../../dom-CwV-xS38-5babad01.js';
-import '../../OrLabel-d50a3ebb.js';
+import { defineComponent, reactive, ref, computed, toRef, resolveComponent, openBlock, createElementBlock, normalizeClass, mergeProps, createVNode, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { s as styleInject } from '../OrInlineInputV3-061441a3.js';
+import { K, _, r as re, e, b as i, $ as $s, d as ds } from '../OrAutocompleteV3-8c6de221.js';
 import { OrLabelV3 as script$1, LabelVariant } from '../or-label-v3/index.js';
-import '../../OrLoader-4e331586.js';
 import { OrLoaderV3 as script$2 } from '../or-loader-v3/index.js';
+import '../or-inline-input-box-v3/index.js';
+import '../or-error-v3/index.js';
+import '../or-text-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../or-icon-button-v3/index.js';
+import '../or-icon-v3/index.js';
+import '../or-tooltip-v3/index.js';
+import '../or-popover-v3/index.js';
+import '@floating-ui/dom';
 import '@vueuse/core';
+import '../or-bottom-sheet-v3/index.js';
+import '../or-overlay-v3/index.js';
+import '../or-teleport-v3/index.js';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
 import 'lodash/isElement';
+import '../or-input-box-v3/index.js';
+import '../or-input-v3/index.js';
+import '../or-menu-item-v3/index.js';
+import '../or-tag-input-v3/index.js';
+import '../or-tags-v3/index.js';
+import '../or-button-v3/index.js';
+import '../or-tag-v3/index.js';
 
 const Switch = [
 // Layout
@@ -163,4 +181,57 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = ["checked", "required", "disabled"];
+const _hoisted_2 = ["disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLoader = resolveComponent("OrLoader");
+  const _component_OrLabel = resolveComponent("OrLabel");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [!_ctx.loading ? (openBlock(), createElementBlock("input", mergeProps({
+    key: 0,
+    ref: 'control'
+  }, _ctx.attributes, {
+    class: _ctx.controlStyles,
+    type: 'checkbox',
+    checked: _ctx.checked,
+    required: _ctx.required,
+    disabled: _ctx.disabled,
+    onChange: _cache[0] || (_cache[0] = $event => {
+      _ctx.$emit('change', $event);
+      _ctx.onChange();
+    }),
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
+  }), null, 16 /* FULL_PROPS */, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: normalizeClass(_ctx.loaderStyles),
+    disabled: _ctx.disabled
+  }, [createVNode(_component_OrLoader, {
+    variant: 'circular',
+    color: 'primary',
+    size: 'm'
+  })], 10 /* CLASS, PROPS */, _hoisted_2)), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 2,
+    "control-id": _ctx.attributes.id,
+    variant: _ctx.labelVariant,
+    selected: _ctx.checked,
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "variant", "selected", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+var css_248z = "\ninput[data-v-4296509a] {\n  line-height: 0;\n  appearance: none;\n}\n";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-4296509a";
+script.__file = "src/components/or-switch-v3/OrSwitch.vue";
+
 export { script as OrSwitchV3 };

package/dist/{esm-deps → esm}/components/or-tab-v3/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
 
 const Tab = [
 // Layout
@@ -54,4 +54,21 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = ["selected", "invalid", "disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles),
+    selected: _ctx.selected,
+    invalid: _ctx.invalid,
+    disabled: _ctx.disabled,
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[1] || (_cache[1] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[2] || (_cache[2] = $event => _ctx.$emit('blur', $event))
+  }, [renderSlot(_ctx.$slots, "default")], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1);
+}
+
+script.render = render;
+script.__file = "src/components/or-tab-v3/OrTab.vue";
+
 export { script as OrTabV3 };