@onereach/ui-components 6.5.1-beta.3475.0 → 6.5.1-beta.3478.0

package/dist/bundled/v2/{OrDateTimePickerMonthSelect-3f6ce0c2.js → OrDateTimePickerMonthSelect-eed760b4.js}

@@ -21,6 +21,7 @@ const DateTimePickerDateControlPlaceholder = [
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
 var script$2 = defineComponent({
+  name: 'OrDateTimePickerDateControl',
   model: {
     prop: 'modelValue',
     event: 'update:modelValue'
@@ -121,12 +122,12 @@ const DateTimePickerDateSelectButtonGroup = [
 // Box
 'h-[262px]',
 // Spacing
-'mx-[-2px]', 'my-[-2px]'];
+'gap-xs'];
 const DateTimePickerDateSelectButtonGroupWeekdayItem = [
 // Layout
 'layout-row justify-center',
 // Spacing
-'mx-[2px]', 'my-[2px]', 'px-sm', 'py-sm',
+'px-sm', 'py-sm',
 // Interactivity
 'interactivity-none',
 // Typography
@@ -137,21 +138,15 @@ const DateTimePickerDateSelectButtonGroupDateItem = [
 // Box
 '!min-w-fit',
 // Spacing
-'mx-[2px]', 'my-[2px]', '!px-sm', '!py-sm',
+'!px-sm', '!py-sm',
 // Typography
 'typography-caption-regular'];
 const DateTimePickerDateSelectButtonGroupCurrentDateItem = [
 // Theme
 'theme-foreground-primary', 'dark:theme-foreground-primary-dark', 'theme-outline-1-primary', 'dark:theme-outline-1-primary-dark'];
-const DateTimePickerDateSelectButtonGroupInRangeDateItem = [
-// Spacing
-'!mx-none', '!px-[10px]',
-// Shape
-'!rounded-none',
-// Theme
-'theme-background-primary-translucent-2', 'dark:theme-background-primary-translucent-2-dark'];
 
 var script$1 = defineComponent({
+  name: 'OrDateTimePickerDateSelect',
   components: {
     OrButton: __vue_component__$3
   },
@@ -171,14 +166,6 @@ var script$1 = defineComponent({
     dateFilter: {
       type: Function,
       default: undefined
-    },
-    rangeStart: {
-      type: Date,
-      default: undefined
-    },
-    rangeEnd: {
-      type: Date,
-      default: undefined
     }
   },
   emits: ['update:modelValue'],
@@ -192,7 +179,6 @@ var script$1 = defineComponent({
     const buttonGroupWeekdayItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupWeekdayItem]);
     const buttonGroupDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupDateItem]);
     const buttonGroupCurrentDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupCurrentDateItem]);
-    const buttonGroupInRangeDateItemStyles = computed(() => [...DateTimePickerDateSelectButtonGroupInRangeDateItem]);
     // State
     const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit, {
       defaultValue: toRef(props, 'initialValue')
@@ -240,7 +226,6 @@ var script$1 = defineComponent({
       buttonGroupWeekdayItemStyles,
       buttonGroupDateItemStyles,
       buttonGroupCurrentDateItemStyles,
-      buttonGroupInRangeDateItemStyles,
       proxyModelValue,
       dayOptions,
       currentDate,
@@ -272,7 +257,7 @@ var __vue_render__$1 = function () {
     var _obj;
     return _c('OrButton', {
       key: Number(value),
-      class: (_obj = {}, _obj[_vm.buttonGroupDateItemStyles.join(' ')] = true, _obj[_vm.buttonGroupCurrentDateItemStyles.join(' ')] = Number(value) === Number(_vm.currentDate) && Number(value) !== Number(_vm.proxyModelValue), _obj[_vm.buttonGroupInRangeDateItemStyles.join(' ')] = _vm.rangeStart && Number(value) > Number(_vm.rangeStart) && _vm.rangeEnd && Number(value) < Number(_vm.rangeEnd), _obj['invisible'] = value.getUTCMonth() !== _vm.proxyModelValue.getUTCMonth(), _obj),
+      class: (_obj = {}, _obj[_vm.buttonGroupDateItemStyles.join(' ')] = true, _obj[_vm.buttonGroupCurrentDateItemStyles.join(' ')] = Number(value) === Number(_vm.currentDate) && Number(value) !== Number(_vm.proxyModelValue), _obj['invisible'] = value.getUTCMonth() !== _vm.proxyModelValue.getUTCMonth(), _obj),
       attrs: {
         "variant": Number(value) === Number(_vm.proxyModelValue) ? 'contained' : 'text',
         "color": Number(value) === Number(_vm.proxyModelValue) ? 'primary' : 'inherit',
@@ -316,6 +301,7 @@ const DateTimePickerMonthSelect = [
 'px-md', 'py-md', 'gap-md'];
 
 var script = defineComponent({
+  name: 'OrDateTimePickerMonthSelect',
   components: {
     OrButton: __vue_component__$3,
     OrIcon: __vue_component__$4,

package/dist/bundled/v2/{OrDateTimePickerPopoverHeader-da41a651.js → OrDateTimePickerPopoverHeader-9ae6cede.js}

@@ -6,19 +6,16 @@ import __vue_component__$4 from './components/OrButtonV3/OrButton.js';
 const DateTimePickerMobileControl = [
 // Layout
 'layout-column',
-// Interactivity
-'interactivity-auto',
 // Spacing
-'gap-xs',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
-// Theme (selected)
-'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark'];
+'gap-xs'];
 const DateTimePickerMobileControlContent = [
 // Typography
-'typography-headline-1'];
+'typography-headline-1',
+// Theme
+'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
 var script$2 = defineComponent({
+  name: 'OrDateTimePickerMobileControl',
   components: {
     OrLabel: __vue_component__$3
   },
@@ -26,10 +23,6 @@ var script$2 = defineComponent({
     label: {
       type: String,
       required: true
-    },
-    selected: {
-      type: Boolean,
-      default: false
     }
   },
   expose: ['root'],
@@ -57,10 +50,7 @@ var __vue_render__$2 = function () {
   var _c = _vm._self._c || _h;
   return _c('div', {
     ref: "root",
-    class: _vm.rootStyles,
-    attrs: {
-      "selected": _vm.selected ? '' : null
-    }
+    class: _vm.rootStyles
   }, [_c('OrLabel', [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _c('div', {
     class: _vm.contentStyles
   }, [_vm._t("default")], 2)], 1);
@@ -98,6 +88,7 @@ const DateTimePickerPopoverFooter = [
 'theme-border-1-outline-variant', 'dark:theme-border-1-outline-variant-dark', 'theme-border-overline'];
 
 var script$1 = defineComponent({
+  name: 'OrDateTimePickerPopoverFooter',
   components: {
     OrButton: __vue_component__$4
   },
@@ -184,6 +175,7 @@ const DateTimePickerPopoverHeader = [
 'px-md', 'py-md', 'gap-xl'];
 
 var script = defineComponent({
+  name: 'OrDateTimePickerPopoverHeader',
   expose: ['root'],
   setup() {
     // Refs

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-5efbeec4.js → OrDateTimePickerTimeSelect-84ba8d39.js}

@@ -18,6 +18,7 @@ const DateTimePickerTimeControlPlaceholder = [
 'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
 
 var script$1 = defineComponent({
+  name: 'OrDateTimePickerTimeControl',
   model: {
     prop: 'modelValue',
     event: 'update:modelValue'
@@ -134,6 +135,7 @@ const DateTimePickerTimeSelectButtonGroupItem = [
 'typography-caption-regular'];
 
 var script = defineComponent({
+  name: 'OrDateTimePickerTimeSelect',
   components: {
     OrButton: __vue_component__$2
   },

package/dist/bundled/v2/components/OrBottomSheetV3/OrBottomSheet.js

@@ -1,4 +1,4 @@
-import { o as onClickOutside } from '../../index-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import { defineComponent, ref, toRefs, computed, watch } from 'vue-demi';
 import useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState.js';
 import { BottomSheetVariant } from './props.js';

package/dist/bundled/v2/components/OrBottomSheetV3/hooks/useBottomSheetSwipeState.js

@@ -1,5 +1,5 @@
 import { ref, computed, unref } from 'vue-demi';
-import { m as usePointerSwipe, S as SwipeDirection } from '../../../index-a488b35e.js';
+import { m as usePointerSwipe, S as SwipeDirection } from '../../../index-46c3b387.js';
 import { BottomSheetVariant } from '../props.js';
 import { useTheme } from '../../../hooks/useTheme.js';
 

package/dist/bundled/v2/components/OrCardV3/OrCard.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     padding: {
-        type: PropType<"none" | "m" | "l">;
+        type: PropType<"l" | "m" | "none">;
         default: CardPadding;
     };
     interactive: {
@@ -22,7 +22,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: boolean;
     };
     padding: {
-        type: PropType<"none" | "m" | "l">;
+        type: PropType<"l" | "m" | "none">;
         default: CardPadding;
     };
     interactive: {
@@ -31,18 +31,18 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     selected: boolean;
-    padding: "none" | "m" | "l";
+    padding: "l" | "m" | "none";
     interactive: boolean;
 } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
     selected: boolean;
-    padding: "none" | "m" | "l";
+    padding: "l" | "m" | "none";
     interactive: boolean;
 } & {}, {
     selected: boolean;
-    padding: "none" | "m" | "l";
+    padding: "l" | "m" | "none";
     interactive: boolean;
 }, true>);
 export default _default;

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

@@ -1,5 +1,5 @@
 export declare enum CardPadding {
-    None = "none",
+    L = "l",
     M = "m",
-    L = "l"
+    None = "none"
 }

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

@@ -1,8 +1,8 @@
 var CardPadding;
 (function (CardPadding) {
-  CardPadding["None"] = "none";
-  CardPadding["M"] = "m";
   CardPadding["L"] = "l";
+  CardPadding["M"] = "m";
+  CardPadding["None"] = "none";
 })(CardPadding || (CardPadding = {}));
 
 export { CardPadding };

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

@@ -1,6 +1,6 @@
 import { E as EditorView, a as EditorState, k as keymap } from '../../index-d5c13979.js';
 import { b as basicSetup, i as indentWithTab } from '../../index-d4e4f8a8.js';
-import { u as useElementHover } from '../../index-a488b35e.js';
+import { u as useElementHover } from '../../index-46c3b387.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
 import { OrCodeLanguages } from './constants.js';

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

@@ -1,6 +1,6 @@
 import Palette from './constants.js';
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import defaultPalette from './utils/defultPalette.js';
 import __vue_component__$1 from '../OrFloating/OrFloating.js';
 import { OrFloatingPlacements } from '../OrFloating/constants.js';

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

@@ -9,7 +9,7 @@ const CombinedInputControlGroup = [
 // Box
 'w-full',
 // Shape (.or-input-box-v3)
-'[&_.or-input-box-v3]:first-child:rounded-r-none', '[&_.or-input-box-v3]:middle-child:rounded-none', '[&_.or-input-box-v3]:last-child:rounded-l-none',
+'[&_.or-input-box-v3]:first-child:rounded-r-0', '[&_.or-input-box-v3]:middle-child:rounded-0', '[&_.or-input-box-v3]:last-child:rounded-l-0',
 // Spacing (.or-input-box-v3)
 '[&_.or-input-box-v3]:first-child:mr-[-1px]', '[&_.or-input-box-v3]:middle-child:border-x-0', '[&_.or-input-box-v3]:last-child:ml-[-1px]'];
 

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed } from 'vue-demi';
-import { a as useMagicKeys, b as useActiveElement } from '../../index-a488b35e.js';
+import { a as useMagicKeys, b as useActiveElement } from '../../index-46c3b387.js';
 import { l as logicAnd } from '../../index-bd1d316d.js';
 import __vue_component__$1 from '../OrButtonV2/OrButton.js';
 import __vue_component__$2 from '../OrModal/OrModal.js';

package/dist/bundled/v2/components/OrConfirmV3/OrConfirm.js

@@ -1,4 +1,4 @@
-import { a as useMagicKeys, o as onClickOutside } from '../../index-a488b35e.js';
+import { a as useMagicKeys, o as onClickOutside } from '../../index-46c3b387.js';
 import { l as logicAnd } from '../../index-bd1d316d.js';
 import { defineComponent, ref, toRef, computed, watch } from 'vue-demi';
 import { ConfirmType } from './props.js';

package/dist/bundled/v2/components/OrDatePickerV3/OrDatePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { DatePicker, DatePickerPopover } from './styles.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3f6ce0c2.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-da41a651.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-eed760b4.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9ae6cede.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';
@@ -17,6 +17,7 @@ import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
+  name: 'OrDatePicker',
   components: {
     OrDateTimePickerDateControl,
     OrDateTimePickerDateSelect,
@@ -293,8 +294,7 @@ var __vue_render__ = function () {
     }
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": 'Date',
-      "selected": true
+      "label": "Date"
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatDateAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
     attrs: {

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

@@ -2,7 +2,7 @@ import { _ as _baseToString, t as toString_1 } from '../../toString-b6e4472a.js'
 import { _ as _baseProperty } from '../../_baseProperty-a52739e9.js';
 import { t as toInteger_1 } from '../../toInteger-9fa0151c.js';
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from '../../dom-cec392f3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import { OrDateTimePickerItemTypes, OrDateTimePickerTypes, DEFAULT_TEXT } from './constants.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3f6ce0c2.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-da41a651.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-5efbeec4.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-eed760b4.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9ae6cede.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-84ba8d39.js';
 import { DateTimePickerTimeFormat } from './props.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
@@ -19,6 +19,7 @@ import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 
 var script = defineComponent({
+  name: 'OrDateTimePicker',
   components: {
     OrDateTimePickerDateControl,
     OrDateTimePickerDateSelect,
@@ -380,11 +381,11 @@ var __vue_render__ = function () {
     }
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": 'Date'
+      "label": "Date"
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatDateAlt(_vm.draftModelValue)) + "\n        ")]), _vm._v(" "), _c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": 'Time'
+      "label": "Time"
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerMonthSelect', {
     attrs: {
@@ -443,11 +444,11 @@ var __vue_render__ = function () {
     }
   }, [_c('OrDateTimePickerPopoverHeader', [_c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": 'Date'
+      "label": "Date"
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatDateAlt(_vm.draftModelValue)) + "\n        ")]), _vm._v(" "), _c('OrDateTimePickerMobileControl', {
     attrs: {
-      "label": 'Time'
+      "label": "Time"
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
     attrs: {

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

@@ -1,7 +1,7 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-3f6ce0c2.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-da41a651.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-5efbeec4.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-eed760b4.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-9ae6cede.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-84ba8d39.js';
 export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 export { formatDate } from './utils/formatDate.js';

package/dist/bundled/v2/components/OrIconButtonV3/OrIconButton.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: true;
     };
     color: {
-        type: PropType<"default" | "danger" | "inherit">;
+        type: PropType<"default" | "primary" | "danger" | "inherit">;
         default: IconButtonColor;
     };
     size: {
@@ -55,7 +55,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         required: true;
     };
     color: {
-        type: PropType<"default" | "danger" | "inherit">;
+        type: PropType<"default" | "primary" | "danger" | "inherit">;
         default: IconButtonColor;
     };
     size: {
@@ -82,7 +82,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     icon: Omit<Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>, "size">;
-    color: "default" | "danger" | "inherit";
+    color: "default" | "primary" | "danger" | "inherit";
     selected: boolean;
     disabled: boolean;
     tooltip: string | Readonly<Partial<{
@@ -105,7 +105,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     icon: Omit<Readonly<Partial<{
         [x: number]: string;
     } | {}> & Omit<{} & {}, never>>, "size">;
-    color: "default" | "danger" | "inherit";
+    color: "default" | "primary" | "danger" | "inherit";
     selected: boolean;
     disabled: boolean;
     tooltip: string | Readonly<Partial<{
@@ -116,7 +116,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, {
     size: "inherit" | "xl" | "l" | "m";
     additionalStyles: string[];
-    color: "default" | "danger" | "inherit";
+    color: "default" | "primary" | "danger" | "inherit";
     selected: boolean;
     disabled: boolean;
     tooltip: string | Readonly<Partial<{

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

@@ -1,5 +1,6 @@
 export declare enum IconButtonColor {
     Default = "default",
+    Primary = "primary",
     Danger = "danger",
     Inherit = "inherit"
 }

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

@@ -3,6 +3,7 @@ export { IconSize as IconButtonSize } from '../OrIconV3/props.js';
 var IconButtonColor;
 (function (IconButtonColor) {
   IconButtonColor["Default"] = "default";
+  IconButtonColor["Primary"] = "primary";
   IconButtonColor["Danger"] = "danger";
   IconButtonColor["Inherit"] = "inherit";
 })(IconButtonColor || (IconButtonColor = {}));

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

@@ -31,6 +31,15 @@ const IconButtonColors = {
   'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark', 'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark',
   // Theme (selected)
   'selected:theme-foreground-default', 'dark:selected:theme-foreground-default-dark'],
+  [IconButtonColor.Primary]: [
+  // Theme
+  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark',
+  // Theme (hover)
+  'hover:md:outline-primary-opacity-0-08', 'dark:hover:md:outline-primary-opacity-0-08-dark',
+  // Theme (focus)
+  'focus-visible:md:outline-primary-opacity-0-08', 'dark:focus-visible:md:outline-primary-opacity-0-08-dark',
+  // Theme (active)
+  'active:outline-primary-opacity-0-08', 'dark:active:outline-primary-opacity-0-08-dark', 'active:md:outline-primary-opacity-0-16', 'dark:active:md:outline-primary-opacity-0-16-dark'],
   [IconButtonColor.Danger]: [
   // Theme
   'theme-preset-3-error', 'dark:theme-preset-3-error-dark',

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
 import { InlineTextEditTypes, InlineTextEditTrimmingTypes } from './constants.js';
-import { c as useVModel } from '../../index-a488b35e.js';
+import { c as useVModel } from '../../index-46c3b387.js';
 import { o as setStyle, r as requestAF, u as getCS, b as reflow, c as cancelAF } from '../../dom-cec392f3.js';
 import { pxToRem } from '../../utils/functions/px-to-rem.js';
 import __vue_component__$1 from '../OrCollapse/OrCollapse.js';

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

@@ -16,13 +16,13 @@ const InputBoxVariants = {
   // Theme
   'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark', 'theme-border-1-outline', 'dark:theme-border-1-outline-dark', 'theme-outline-2-transparent', 'dark:theme-outline-2-transparent',
   // Theme (focus)
-  'focus-within:theme-background-primary-translucent-1', 'dark:focus-within:theme-background-primary-translucent-1-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-2-primary', 'dark:focus-within:theme-outline-2-primary-dark',
+  'focus-within:theme-background-primary-translucent', 'dark:focus-within:theme-background-primary-translucent-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:theme-outline-2-primary', 'dark:focus-within:theme-outline-2-primary-dark',
   // Theme (read-only)
-  'read-only:theme-background-primary-translucent-1', 'dark:read-only:theme-background-primary-translucent-1-dark', 'read-only:!border-transparent', 'dark:read-only:!border-transparent',
+  'read-only:theme-background-primary-translucent', 'dark:read-only:theme-background-primary-translucent-dark', 'read-only:!border-transparent', 'dark:read-only:!border-transparent',
   // Theme (invalid)
-  'invalid:theme-preset-3-error', 'dark:invalid:theme-preset-3-error-dark', 'invalid:theme-background-error-translucent-1', 'dark:invalid:theme-background-error-translucent-1-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-1-error', 'dark:invalid:theme-border-1-error-dark', 'invalid:theme-outline-2-transparent', 'dark:invalid:theme-outline-2-transparent',
+  'invalid:theme-preset-3-error', 'dark:invalid:theme-preset-3-error-dark', 'invalid:theme-background-error-translucent', 'dark:invalid:theme-background-error-translucent-dark', 'invalid:theme-foreground-default', 'dark:invalid:theme-foreground-default-dark', 'invalid:theme-border-1-error', 'dark:invalid:theme-border-1-error-dark', 'invalid:theme-outline-2-transparent', 'dark:invalid:theme-outline-2-transparent',
   // Theme (invalid, focus)
-  'invalid:focus-within:theme-background-error-translucent-1', 'dark:invalid:focus-within:theme-background-error-translucent-1-dark', 'invalid:focus-within:theme-border-1-error', 'dark:invalid:focus-within:theme-border-1-error-dark', 'invalid:focus-within:theme-outline-2-error', 'dark:invalid:focus-within:theme-outline-2-error-dark',
+  'invalid:focus-within:theme-background-error-translucent', 'dark:invalid:focus-within:theme-background-error-translucent-dark', 'invalid:focus-within:theme-border-1-error', 'dark:invalid:focus-within:theme-border-1-error-dark', 'invalid:focus-within:theme-outline-2-error', 'dark:invalid:focus-within:theme-outline-2-error-dark',
   // Theme (invalid, read-only)
   'invalid:read-only:bg-error-opacity-0-08', 'dark:invalid:read-only:bg-error-opacity-0-08-dark', 'invalid:read-only:!border-transparent', 'dark:invalid:read-only:!border-transparent'],
   [InputBoxVariant.Unstyled]: [

package/dist/bundled/v2/components/OrLoaderV3/OrLoader.js

@@ -1,4 +1,4 @@
-import { g as useElementSize } from '../../index-a488b35e.js';
+import { g as useElementSize } from '../../index-46c3b387.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { LoaderVariant, LoaderColor, LoaderSize } from './props.js';
 import { LoaderRoot, LoaderRootColors, LoaderTitle, LoaderDescription, LoaderContainer } from './styles.js';

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, onBeforeUnmount } from 'vue-demi';
 import { OrModalSizes } from './constants.js';
-import { o as onClickOutside } from '../../index-a488b35e.js';
-import { u as useFocusTrap } from '../../useFocusTrap-d0cc90cc.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
+import { u as useFocusTrap } from '../../useFocusTrap-93867923.js';
 import __vue_component__$1 from '../OrIconButtonV2/OrIconButton.js';
 import __vue_component__$2 from '../OrOverlay/OrOverlay.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { o as onClickOutside } from '../../index-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import __vue_component__$2 from '../OrButtonV2/OrButton.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/OrOverlayV3/OrOverlay.js

@@ -1,4 +1,4 @@
-import { h as useScrollLock } from '../../index-a488b35e.js';
+import { h as useScrollLock } from '../../index-46c3b387.js';
 import { defineComponent, ref, computed } from 'vue-demi';
 import { Overlay } from './styles.js';
 import __vue_component__$1 from '../OrTeleportV3/OrTeleport.js';

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from 'vue-demi';
-import { c as useVModel } from '../../index-a488b35e.js';
+import { c as useVModel } from '../../index-46c3b387.js';
 import __vue_component__$1 from '../OrInput/OrInput.js';
 import __vue_component__$2 from '../OrIconButtonV2/OrIconButton.js';
 import useToggle from '../../hooks/useToggle.js';

package/dist/bundled/v2/components/OrPopoverV3/OrPopover.js

@@ -1,5 +1,5 @@
 import { o as offset, s as shift, f as flip, h as hide, b as size, a as autoUpdate } from '../../floating-ui.dom-d9ef0d1f.js';
-import { o as onClickOutside } from '../../index-a488b35e.js';
+import { o as onClickOutside } from '../../index-46c3b387.js';
 import { defineComponent, ref, computed, toRefs, toRef } from 'vue-demi';
 import { PopoverVariant, PopoverPlacement } from './props.js';
 import { Popover, PopoverBody, PopoverBodyPlacements } from './styles.js';

package/dist/bundled/v2/components/OrProgressV3/OrProgress.js

@@ -1,4 +1,4 @@
-import { d as useElementBounding } from '../../index-a488b35e.js';
+import { d as useElementBounding } from '../../index-46c3b387.js';
 import { r as round_1 } from '../../round-567ede34.js';
 import { defineComponent, ref, useSlots, computed } from 'vue-demi';
 import { ProgressType, ProgressColor } from './props.js';