@onereach/ui-components 8.1.0 → 8.1.1-beta.3637.0

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

@@ -0,0 +1,97 @@
+import { SliderOrientation, SliderColor } from '../OrSliderV3/props.js';
+
+const RangeSlider = [
+// Interactivity
+'interactivity-default'];
+const RangeSliderOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-column',
+  // Box
+  'w-full'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-row',
+  // Box
+  'h-full']
+};
+const RangeSliderRail = [
+// Interactivity
+'interactivity-click',
+// Shape
+'rounded-full',
+// Theme
+'theme-background-disabled', 'dark:theme-background-disabled-dark'];
+const RangeSliderRailOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-row',
+  // Box
+  'w-full', 'h-xs', 'mx-none', 'my-md+'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-column-reverse items-center', 'w-xs', 'h-full', 'mx-md+', 'my-none']
+};
+const RangeSliderOffset = [];
+const RangeSliderOffsetOrientations = {
+  [SliderOrientation.Horizontal]: [],
+  [SliderOrientation.Vertical]: []
+};
+const RangeSliderTrack = [
+// Box
+'w-full', 'h-full',
+// Shape
+'rounded-full'];
+const RangeSliderTrackColors = {
+  [SliderColor.Primary]: [
+  // Theme
+  'theme-background-primary', 'dark:theme-background-primary-dark'],
+  [SliderColor.Secondary]: [
+  // Theme
+  'theme-background-secondary', 'dark:theme-background-secondary-dark']
+};
+const RangeSliderThumb = [
+// Layout
+'shrink-0',
+// Box
+'w-[20px]', 'h-[20px]', '-mx-[10px]', '-my-[10px]',
+// Shape
+'rounded-full',
+// Theme
+'theme-background-base', 'dark:theme-background-base-dark'];
+const RangeSliderThumbColors = {
+  [SliderColor.Primary]: [
+  // Theme
+  'theme-border-4-primary', 'dark:theme-border-4-primary-dark',
+  // Theme (hover)
+  'hover:theme-background-primary', 'dark:hover:theme-background-primary-dark',
+  // Theme (active)
+  'active:theme-background-primary', 'dark:active:theme-background-primary-dark', 'active:theme-outline-10-primary', 'dark:active:theme-outline-10-primary-dark'],
+  [SliderColor.Secondary]: [
+  // Theme
+  'theme-border-4-secondary', 'dark:theme-border-4-secondary-dark',
+  // Theme (hover)
+  'hover:theme-background-secondary', 'dark:hover:theme-background-secondary-dark',
+  // Theme (active)
+  'active:theme-background-secondary', 'dark:active:theme-background-secondary-dark', 'active:theme-outline-10-secondary', 'dark:active:theme-outline-10-secondary-dark']
+};
+const RangeSliderLabel = [];
+const RangeSliderLabelOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-row',
+  // Box
+  'w-full'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-column-reverse items-center',
+  // Box
+  'h-full']
+};
+const RangeSliderLabelMark = [
+// Typography
+'typography-caption-regular',
+// Theme
+'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+
+export { RangeSlider, RangeSliderLabel, RangeSliderLabelMark, RangeSliderLabelOrientations, RangeSliderOffset, RangeSliderOffsetOrientations, RangeSliderOrientations, RangeSliderRail, RangeSliderRailOrientations, RangeSliderThumb, RangeSliderThumbColors, RangeSliderTrack, RangeSliderTrackColors };

package/dist/bundled/v2/components/OrResizeablePanelV3/OrResizeablePanel.js

@@ -1,4 +1,4 @@
-import { g as useDraggable } from '../../index-a77d7adf.js';
+import { e as useDraggable } from '../../index-f29777b6.js';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props.js';
 import { ResizeablePanel, ResizeablePanelPlacements, ResizeablePanelContent, ResizeablePanelContentPaddings, ResizeablePanelContentPlaceholder, ResizeablePanelContentPlaceholderPlacements, ResizeablePanelResizeBar, ResizeablePanelResizeBarPlacements, ResizeablePanelCollapseButtonContainer, ResizeablePanelCollapseButtonContainerPlacements, ResizeablePanelToolbar, ResizeablePanelToolbarPlacements } from './styles.js';

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch, nextTick } from 'vue-demi';
-import { u as useFocusTrap } from '../../useFocusTrap-dad25115.js';
-import { e as useResizeObserver, o as onClickOutside } from '../../index-a77d7adf.js';
+import { u as useFocusTrap } from '../../useFocusTrap-1bc572f0.js';
+import { f as useResizeObserver, o as onClickOutside } from '../../index-f29777b6.js';
 import { B as Blockquote, a as Bold, b as BulletList, C as CodeBlock, H as HardBreak, I as Italic, L as ListItem, O as OrderedList, P as Paragraph, S as Strike, s as serialize, d as deserialize, U as Underline, c as Link, e as Highlight } from '../../markdown-7d2cd3a5.js';
 import { EditorContainer, ToolbarContainer, Toolbar, ToolbarButtonFocused, ToolbarButton, EditorInput } from './styles.js';
 import { c as commonjsGlobal } from '../../_commonjsHelpers-1789f0cf.js';

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
-import { a as watchDebounced } from '../../index-210a7ab2.js';
+import { a as watchDebounced } from '../../index-39fe2838.js';
 import { BUTTON_SIZE } from '../OrButtonV2/constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrSearchV3/OrSearch.js

@@ -4,7 +4,7 @@ import { InputBoxSize } from '../OrInputBoxV3/props.js';
 import { useIdAttribute } from '../../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../../hooks/useControlAttributes.js';
 import { useValidationAttributes } from '../../hooks/useValidationAttributes.js';
-import { a as watchDebounced } from '../../index-210a7ab2.js';
+import { a as watchDebounced } from '../../index-39fe2838.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a77d7adf.js';
+import { o as onClickOutside } from '../../index-f29777b6.js';
 import { isEmpty } from '../../utils/isEmpty.js';
 import { _ as _baseAssignValue } from '../../_baseAssignValue-2250dbc9.js';
 import { k as keys_1, _ as _Stack, a as _baseIsEqual, i as isArguments_1 } from '../../_baseIsEqual-fe2002b6.js';

package/dist/bundled/v2/components/OrSelectV3/OrSelect.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRefs, watch, getCurrentInstance, onMounted } from 'vue-demi';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { isEmptyValue } from '../../utils/isEmptyValue.js';
-import { f as useFocus } from '../../index-a77d7adf.js';
+import { g as useFocus } from '../../index-f29777b6.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import __vue_component__$5 from '../OrTagsV3/OrTags.js';
 import { TagsOverflow } from '../OrTagsV3/props.js';

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

@@ -1,4 +1,4 @@
-import { g as useDraggable } from '../../index-a77d7adf.js';
+import { e as useDraggable } from '../../index-f29777b6.js';
 import { defineComponent, ref } from 'vue-demi';
 import { OrSidebarSide } from './constants.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside, g as useDraggable } from '../../index-a77d7adf.js';
+import { o as onClickOutside, e as useDraggable } from '../../index-f29777b6.js';
 import { f as addClass, h as removeClass } from '../../dom-cec392f3.js';
 import __vue_component__$1 from '../OrIcon/OrIcon.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -0,0 +1,186 @@
+import { d as useElementBounding, e as useDraggable } from '../../index-f29777b6.js';
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { SliderColor, SliderOrientation } from './props.js';
+import { Slider, SliderOrientations, SliderRail, SliderRailOrientations, SliderTrack, SliderTrackColors, SliderThumb, SliderThumbColors, SliderLabel, SliderLabelOrientations, SliderLabelMark } from './styles.js';
+import __vue_component__$1 from '../OrTooltipV3/OrTooltip.js';
+import { c as clamp } from '../../index-39fe2838.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+
+var script = defineComponent({
+  components: {
+    OrTooltip: __vue_component__$1
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Number,
+      default: undefined
+    },
+    minValue: {
+      type: Number,
+      default: 0
+    },
+    maxValue: {
+      type: Number,
+      default: 100
+    },
+    steps: {
+      type: Number,
+      default: undefined
+    },
+    color: {
+      type: String,
+      default: SliderColor.Primary
+    },
+    orientation: {
+      type: String,
+      default: SliderOrientation.Horizontal
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const rail = ref();
+    const thumb = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-slider-v3', ...Slider, ...SliderOrientations[props.orientation]]);
+    const railStyles = computed(() => [...SliderRail, ...SliderRailOrientations[props.orientation]]);
+    const trackStyles = computed(() => [...SliderTrack, ...SliderTrackColors[props.color]]);
+    const trackComputedStyles = computed(() => ({
+      [props.orientation === SliderOrientation.Horizontal ? 'width' : 'height']: `${internalModelValue.value * 100}%`
+    }));
+    const thumbStyles = computed(() => [...SliderThumb, ...SliderThumbColors[props.color]]);
+    const labelStyles = computed(() => [...SliderLabel, ...SliderLabelOrientations[props.orientation]]);
+    const labelMarkStyles = computed(() => [...SliderLabelMark]);
+    // State
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const internalModelValue = computed({
+      get: () => {
+        if (!proxyModelValue.value) {
+          return props.minValue;
+        }
+        return (proxyModelValue.value - props.minValue) / (props.maxValue - props.minValue);
+      },
+      set: value => {
+        proxyModelValue.value = Math.round(value * (props.maxValue - props.minValue) + props.minValue);
+      }
+    });
+    const railBoundingBox = useElementBounding(rail);
+    // Handlers
+    function onDrag(position, event) {
+      if (props.disabled) {
+        return;
+      }
+      const totalWidth = railBoundingBox.width.value;
+      const totalHeight = railBoundingBox.height.value;
+      internalModelValue.value = props.orientation === SliderOrientation.Horizontal ? clamp(event.clientX - railBoundingBox.left.value, 0, totalWidth) / totalWidth : clamp(totalHeight - (event.clientY - railBoundingBox.top.value), 0, totalHeight) / totalHeight;
+    }
+    // Effects
+    const {
+      isDragging
+    } = useDraggable(rail, {
+      onStart: onDrag,
+      onMove: onDrag,
+      onEnd: onDrag
+    });
+    return {
+      root,
+      rail,
+      thumb,
+      rootStyles,
+      railStyles,
+      trackStyles,
+      trackComputedStyles,
+      thumbStyles,
+      labelStyles,
+      labelMarkStyles,
+      proxyModelValue,
+      internalModelValue,
+      isDragging
+    };
+  }
+});
+
+/* 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', {
+    ref: "root",
+    class: _vm.rootStyles,
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  }, [_c('div', {
+    ref: "rail",
+    class: _vm.railStyles,
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  }, [_c('div', {
+    class: _vm.trackStyles,
+    style: _vm.trackComputedStyles,
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  }), _vm._v(" "), _c('OrTooltip', {
+    class: ['relative', 'z-1'],
+    attrs: {
+      "is-open": _vm.isDragging,
+      "content": String(_vm.proxyModelValue),
+      "placement": _vm.orientation === 'horizontal' ? 'top' : 'right',
+      "offset": 8,
+      "external-control": true
+    }
+  }, [_c('div', {
+    ref: "thumb",
+    class: _vm.thumbStyles,
+    attrs: {
+      "disabled": _vm.disabled
+    }
+  })])], 1), _vm._v(" "), _c('div', {
+    class: _vm.labelStyles
+  }, [_c('div', {
+    class: _vm.labelMarkStyles
+  }, [_vm._v("\n      " + _vm._s(_vm.minValue) + "\n    ")]), _vm._v(" "), _c('div', {
+    class: ['grow']
+  }), _vm._v(" "), _c('div', {
+    class: _vm.labelMarkStyles
+  }, [_vm._v("\n      " + _vm._s(_vm.maxValue) + "\n    ")])])]);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* 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, undefined, undefined, undefined);
+
+export { __vue_component__ as default };

package/dist/bundled/v2/components/OrSliderV3/OrSlider.vue.d.ts

@@ -0,0 +1,122 @@
+import { PropType } from 'vue-demi';
+import { SliderColor, SliderOrientation } from './props';
+declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rail: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumb: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    railStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    trackComputedStyles: import("@vue/composition-api").ComputedRef<{
+        [x: string]: string;
+    }>;
+    thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
+    internalModelValue: import("@vue/composition-api").WritableComputedRef<number>;
+    isDragging: import("@vue/composition-api").ComputedRef<boolean>;
+}> & import("@vue/composition-api").Data, {}, {}, {
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    steps: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<"primary" | "secondary">;
+        default: SliderColor;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: SliderOrientation;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, import("@vue/composition-api").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    steps: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    color: {
+        type: PropType<"primary" | "secondary">;
+        default: SliderColor;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: SliderOrientation;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    modelValue: number;
+    minValue: number;
+    maxValue: number;
+    steps: number;
+    color: "primary" | "secondary";
+    orientation: "horizontal" | "vertical";
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, import("@vue/composition-api").ShallowUnwrapRef<{
+    root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rail: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    thumb: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    railStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    trackStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    trackComputedStyles: import("@vue/composition-api").ComputedRef<{
+        [x: string]: string;
+    }>;
+    thumbStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    labelStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    labelMarkStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    proxyModelValue: import("../../hooks").UseProxyModelValueReturn<number>;
+    internalModelValue: import("@vue/composition-api").WritableComputedRef<number>;
+    isDragging: import("@vue/composition-api").ComputedRef<boolean>;
+}>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
+    modelValue: number;
+    minValue: number;
+    maxValue: number;
+    steps: number;
+    color: "primary" | "secondary";
+    orientation: "horizontal" | "vertical";
+    disabled: boolean;
+} & {} & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: number;
+    minValue: number;
+    maxValue: number;
+    steps: number;
+    color: "primary" | "secondary";
+    orientation: "horizontal" | "vertical";
+    disabled: boolean;
+}, true>);
+export default _default;

package/dist/bundled/v2/components/OrSliderV3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrSliderV3 } from './OrSlider.vue';
+export * from './props';

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

@@ -0,0 +1,2 @@
+export { default as OrSliderV3 } from './OrSlider.js';
+export { SliderColor, SliderOrientation } from './props.js';

package/dist/bundled/v2/components/OrSliderV3/props.d.ts

@@ -0,0 +1,8 @@
+export declare enum SliderColor {
+    Primary = "primary",
+    Secondary = "secondary"
+}
+export declare enum SliderOrientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}

package/dist/bundled/v2/components/OrSliderV3/props.js

@@ -0,0 +1,12 @@
+var SliderColor;
+(function (SliderColor) {
+  SliderColor["Primary"] = "primary";
+  SliderColor["Secondary"] = "secondary";
+})(SliderColor || (SliderColor = {}));
+var SliderOrientation;
+(function (SliderOrientation) {
+  SliderOrientation["Horizontal"] = "horizontal";
+  SliderOrientation["Vertical"] = "vertical";
+})(SliderOrientation || (SliderOrientation = {}));
+
+export { SliderColor, SliderOrientation };

package/dist/bundled/v2/components/OrSliderV3/styles.d.ts

@@ -0,0 +1,12 @@
+import { SliderColor, SliderOrientation } from './props';
+export declare const Slider: string[];
+export declare const SliderOrientations: Record<SliderOrientation, string[]>;
+export declare const SliderRail: string[];
+export declare const SliderRailOrientations: Record<SliderOrientation, string[]>;
+export declare const SliderTrack: string[];
+export declare const SliderTrackColors: Record<SliderColor, string[]>;
+export declare const SliderThumb: string[];
+export declare const SliderThumbColors: Record<SliderColor, string[]>;
+export declare const SliderLabel: string[];
+export declare const SliderLabelOrientations: Record<SliderOrientation, string[]>;
+export declare const SliderLabelMark: string[];

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

@@ -0,0 +1,92 @@
+import { SliderOrientation, SliderColor } from './props.js';
+
+const Slider = [
+// Interactivity
+'interactivity-default'];
+const SliderOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-column',
+  // Box
+  'w-full'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-row',
+  // Box
+  'h-full']
+};
+const SliderRail = [
+// Interactivity
+'interactivity-click',
+// Shape
+'rounded-full',
+// Theme
+'theme-background-disabled', 'dark:theme-background-disabled-dark'];
+const SliderRailOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-row',
+  // Box
+  'w-full', 'h-xs', 'mx-none', 'my-md+'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-column-reverse items-center', 'w-xs', 'h-full', 'mx-md+', 'my-none']
+};
+const SliderTrack = [
+// Box
+'w-full', 'h-full',
+// Shape
+'rounded-full'];
+const SliderTrackColors = {
+  [SliderColor.Primary]: [
+  // Theme
+  'theme-background-primary', 'dark:theme-background-primary-dark'],
+  [SliderColor.Secondary]: [
+  // Theme
+  'theme-background-secondary', 'dark:theme-background-secondary-dark']
+};
+const SliderThumb = [
+// Layout
+'shrink-0',
+// Box
+'w-[20px]', 'h-[20px]', '-mx-[10px]', '-my-[10px]',
+// Shape
+'rounded-full',
+// Theme
+'theme-background-base', 'dark:theme-background-base-dark'];
+const SliderThumbColors = {
+  [SliderColor.Primary]: [
+  // Theme
+  'theme-border-4-primary', 'dark:theme-border-4-primary-dark',
+  // Theme (hover)
+  'hover:theme-background-primary', 'dark:hover:theme-background-primary-dark',
+  // Theme (active)
+  'active:theme-background-primary', 'dark:active:theme-background-primary-dark', 'active:theme-outline-10-primary', 'dark:active:theme-outline-10-primary-dark'],
+  [SliderColor.Secondary]: [
+  // Theme
+  'theme-border-4-secondary', 'dark:theme-border-4-secondary-dark',
+  // Theme (hover)
+  'hover:theme-background-secondary', 'dark:hover:theme-background-secondary-dark',
+  // Theme (active)
+  'active:theme-background-secondary', 'dark:active:theme-background-secondary-dark', 'active:theme-outline-10-secondary', 'dark:active:theme-outline-10-secondary-dark']
+};
+const SliderLabel = [];
+const SliderLabelOrientations = {
+  [SliderOrientation.Horizontal]: [
+  // Layout
+  'layout-row',
+  // Box
+  'w-full'],
+  [SliderOrientation.Vertical]: [
+  // Layout
+  'layout-column-reverse items-center',
+  // Box
+  'h-full']
+};
+const SliderLabelMark = [
+// Typography
+'typography-caption-regular',
+// Theme
+'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+
+export { Slider, SliderLabel, SliderLabelMark, SliderLabelOrientations, SliderOrientations, SliderRail, SliderRailOrientations, SliderThumb, SliderThumbColors, SliderTrack, SliderTrackColors };

package/dist/bundled/v2/components/OrTabsV3/OrTabs.js

@@ -1,4 +1,4 @@
-import { e as useResizeObserver } from '../../index-a77d7adf.js';
+import { f as useResizeObserver } from '../../index-f29777b6.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, nextTick, onMounted } from 'vue-demi';
 import { TabsVariant } from './props.js';
 import { TabsRoot, TabsRootVariants, TabsContainer, TabsContent } from './styles.js';

package/dist/bundled/v2/components/OrTagInputV3/OrTagInput.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, toRefs, computed, reactive, watch, nextTick } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a77d7adf.js';
+import { o as onClickOutside } from '../../index-f29777b6.js';
 import { TagInput, TagInputControl, TagInputItem } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, toRef } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9e43a0fd.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c59105c1.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-72397f4c.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-eccc1549.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-9e43a0fd.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-72397f4c.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-c59105c1.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { DateTimePickerTimeFormat } from '../OrDateTimePickerV3/props.js';