@onereach/ui-components 4.11.1 → 4.11.3-beta.2972.0

package/dist/bundled/v3/components/OrCardCollectionV3/OrCardCollection.vue.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue-demi';
-import { CardCollectionItem, SortOption, ViewMode } from './types';
+import { SortOption } from '../or-sorting-v3';
+import { CardCollectionItem, ViewMode } from './types';
 declare const _default: import("vue-demi").DefineComponent<{
     items: {
         type: PropType<CardCollectionItem[]>;
@@ -35,17 +36,13 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
-    sortMenu: import("vue-demi").Ref<any>;
-    sortButton: import("vue-demi").Ref<any>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     toolbarStyles: import("vue-demi").ComputedRef<string[]>;
     toolbarPanelStyles: import("vue-demi").ComputedRef<string[]>;
     proxyView: import("vue-demi").Ref<string>;
-    proxySort: import("vue-demi").Ref<string | undefined>;
     proxySearch: import("vue-demi").Ref<string>;
     sortLabel: import("vue-demi").ComputedRef<string | undefined>;
     switchView: (view: string) => void;
-    handleSort: (sort: string) => void;
     handleSearch: (search: string) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("viewChange" | "sortChange" | "searchChange")[], "viewChange" | "sortChange" | "searchChange", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     items: {

package/dist/bundled/v3/components/OrCardCollectionV3/index.js

@@ -1,10 +1,10 @@
 export { DefaultCardCollectionViews, defaultViewModes, gridView, listView } from './props.js';
-export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-c7d9f452.js';
+export { s as OrCardCollectionV3 } from '../../OrCardCollection.vue_vue_type_script_lang-a833fe48.js';
 import 'vue-demi';
 import './styles.js';
 import 'vue';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -34,6 +34,14 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
+import '../OrSortingV3/OrSortingV3.js';
+import '../../OrSortingV3.vue_vue_type_script_lang-9e8ccd25.js';
+import '../OrMenuV3/OrMenu.js';
+import '../../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
+import '../OrMenuV3/styles.js';
+import '../OrMenuItemV3/OrMenuItem.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-aed2c8e6.js';
+import '../OrMenuItemV3/styles.js';
 import '../OrButtonV3/OrButton.js';
 import '../../OrButton.vue_vue_type_script_lang-7370e903.js';
 import '../OrButtonV3/props.js';
@@ -42,16 +50,10 @@ import '../OrLoaderV3/OrLoader.js';
 import '../../OrLoader.vue_vue_type_script_lang-a21dc976.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../OrMenuV3/OrMenu.js';
-import '../../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
-import '../OrMenuV3/styles.js';
-import '../OrMenuItemV3/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
-import '../OrMenuItemV3/styles.js';
 import '../OrSearchV3/OrSearch.js';
-import '../../OrSearch.vue_vue_type_script_lang-3fa2209d.js';
+import '../../OrSearch.vue_vue_type_script_lang-143806cd.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-0b8a2b69.js';
+import '../../OrInput.vue_vue_type_script_lang-73c33e2e.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';

package/dist/bundled/v3/components/OrCardCollectionV3/styles.js

@@ -2,9 +2,7 @@ const CardCollectionRoot = [
 // Layout
 'layout-column',
 // Spacing
-'gap-md', 'max-h-full',
-// Overflow
-'overflow-hidden'];
+'gap-md', 'max-h-full'];
 const CardCollectionToolbar = [
 // Layout
 'layout-row justify-between',
@@ -23,11 +21,14 @@ const CardCollectionContent = [
 // Spacing
 'gap-sm md:gap-md',
 // Overflow
-'overflow-auto'];
+'overflow-y-auto', 'p-xs*', '-m-xs*'
+// '-mr-sm*',
+];
+
 const CardCollectionContentViews = {
   'grid': [
   // Layout
-  'sm:grid-cols-1', 'md:grid-cols-2', 'lg:grid-cols-4', 'xl:grid-cols-6'],
+  'grid-cols-1', 'md:grid-cols-5'],
   'list': ['grid-cols-1']
 };
 

package/dist/bundled/v3/components/OrCardCollectionV3/types.d.ts

@@ -6,7 +6,3 @@ export interface ViewMode {
     view: string;
     icon: string;
 }
-export interface SortOption {
-    label: string;
-    value: string;
-}

package/dist/bundled/v3/components/OrCodeV3/OrCode.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrCode.vue_vue_type_script_lang-22c66c0d.js';
-export { s as default } from '../../OrCode.vue_vue_type_script_lang-22c66c0d.js';
+import { s as script } from '../../OrCode.vue_vue_type_script_lang-ec51e1e8.js';
+export { s as default } from '../../OrCode.vue_vue_type_script_lang-ec51e1e8.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createElementVNode, renderSlot, createVNode, withModifiers, createTextVNode, toDisplayString, createCommentVNode, withDirectives, vShow } from 'vue';
 import '../../index-9c1d2908.js';
 import '../../index-451f3d87.js';
@@ -14,7 +14,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -53,7 +53,7 @@ import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../OrModalV3/OrModal.js';
-import '../../OrModal.vue_vue_type_script_lang-e00165f1.js';
+import '../../OrModal.vue_vue_type_script_lang-5397e0dd.js';
 import '../OrModalV3/props.js';
 import '../OrModalV3/styles.js';
 import '../../hooks/useTheme.js';

package/dist/bundled/v3/components/OrCodeV3/index.js

@@ -1,5 +1,5 @@
 export { CodeLanguage } from './props.js';
-export { s as OrCodeV3 } from '../../OrCode.vue_vue_type_script_lang-22c66c0d.js';
+export { s as OrCodeV3 } from '../../OrCode.vue_vue_type_script_lang-ec51e1e8.js';
 import '../../index-9c1d2908.js';
 import '../../index-451f3d87.js';
 import '../../index-11e9d6f2.js';
@@ -13,7 +13,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
@@ -52,7 +52,7 @@ import '../../OrLabel.vue_vue_type_script_lang-3e11ab8a.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
 import '../OrModalV3/OrModal.js';
-import '../../OrModal.vue_vue_type_script_lang-e00165f1.js';
+import '../../OrModal.vue_vue_type_script_lang-5397e0dd.js';
 import '../OrModalV3/props.js';
 import '../OrModalV3/styles.js';
 import '../../hooks/useTheme.js';

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

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-88d3aeda.js';
-export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-88d3aeda.js';
+import { s as script } from '../../OrConfirm.vue_vue_type_script_lang-2f107000.js';
+export { s as default } from '../../OrConfirm.vue_vue_type_script_lang-2f107000.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, normalizeClass, renderSlot, createTextVNode, toDisplayString, createElementBlock, createVNode, createCommentVNode } from 'vue';
 import '../../index-e11e05e2.js';
 import '../../index-f4d8e24c.js';
@@ -23,7 +23,7 @@ import '../../OrLoader.vue_vue_type_script_lang-a21dc976.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-0b8a2b69.js';
+import '../../OrInput.vue_vue_type_script_lang-73c33e2e.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -38,7 +38,7 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';

package/dist/bundled/v3/components/OrConfirmV3/index.js

@@ -1,5 +1,5 @@
 export { ConfirmType } from './props.js';
-export { s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-88d3aeda.js';
+export { s as OrConfirmV3 } from '../../OrConfirm.vue_vue_type_script_lang-2f107000.js';
 import '../../index-e11e05e2.js';
 import '../../index-f4d8e24c.js';
 import 'vue-demi';
@@ -22,7 +22,7 @@ import '../../OrLoader.vue_vue_type_script_lang-a21dc976.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
 import '../OrInputV3/OrInput.js';
-import '../../OrInput.vue_vue_type_script_lang-0b8a2b69.js';
+import '../../OrInput.vue_vue_type_script_lang-73c33e2e.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
 import '../OrInputV3/styles.js';
@@ -37,7 +37,7 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';

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

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-80de9d3a.js';
-export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-80de9d3a.js';
+import { s as script } from '../../OrDatePicker.vue_vue_type_script_lang-17a4f0de.js';
+export { s as default } from '../../OrDatePicker.vue_vue_type_script_lang-17a4f0de.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-44038b6b.js';
+import '../../OrDateTimePickerMonthSelect-14136fbd.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import '../OrButtonV3/OrButton.js';
@@ -21,7 +21,7 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
@@ -49,7 +49,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-aed2c8e6.js';
 import '../OrMenuItemV3/styles.js';
 import '../../OrDateTimePickerPopoverHeader-4959231c.js';
 import '../OrLabelV3/OrLabel.js';

package/dist/bundled/v3/components/OrDatePickerV3/index.js

@@ -1,8 +1,8 @@
-export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-80de9d3a.js';
+export { s as OrDatePickerV3 } from '../../OrDatePicker.vue_vue_type_script_lang-17a4f0de.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-44038b6b.js';
+import '../../OrDateTimePickerMonthSelect-14136fbd.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import 'vue';
@@ -21,7 +21,7 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
@@ -49,7 +49,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-aed2c8e6.js';
 import '../OrMenuItemV3/styles.js';
 import '../../OrDateTimePickerPopoverHeader-4959231c.js';
 import '../OrLabelV3/OrLabel.js';

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

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-300f009d.js';
-export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-300f009d.js';
+import { s as script } from '../../OrDateTimePicker.vue_vue_type_script_lang-eae6683b.js';
+export { s as default } from '../../OrDateTimePicker.vue_vue_type_script_lang-eae6683b.js';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, Fragment, createElementVNode } from 'vue';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-44038b6b.js';
+import '../../OrDateTimePickerMonthSelect-14136fbd.js';
 import './hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import '../OrButtonV3/OrButton.js';
@@ -21,7 +21,7 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
@@ -49,7 +49,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-aed2c8e6.js';
 import '../OrMenuItemV3/styles.js';
 import '../../OrDateTimePickerPopoverHeader-4959231c.js';
 import '../OrLabelV3/OrLabel.js';

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

@@ -1,9 +1,9 @@
 export { DateTimePickerTimeFormat } from './props.js';
-export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-300f009d.js';
+export { s as OrDateTimePickerV3 } from '../../OrDateTimePicker.vue_vue_type_script_lang-eae6683b.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-44038b6b.js';
+import '../../OrDateTimePickerMonthSelect-14136fbd.js';
 import './hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import 'vue';
@@ -22,7 +22,7 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
@@ -50,7 +50,7 @@ import '../OrMenuV3/OrMenu.js';
 import '../../OrMenu.vue_vue_type_script_lang-f8611f9d.js';
 import '../OrMenuV3/styles.js';
 import '../OrMenuItemV3/OrMenuItem.js';
-import '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
+import '../../OrMenuItem.vue_vue_type_script_lang-aed2c8e6.js';
 import '../OrMenuItemV3/styles.js';
 import '../../OrDateTimePickerPopoverHeader-4959231c.js';
 import '../OrLabelV3/OrLabel.js';

package/dist/bundled/v3/components/OrFabV3/OrFab.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     color: {
-        type: PropType<FabColor>;
+        type: PropType<"primary" | "danger">;
         default: FabColor;
     };
     disabled: {
@@ -23,7 +23,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     color: {
-        type: PropType<FabColor>;
+        type: PropType<"primary" | "danger">;
         default: FabColor;
     };
     disabled: {
@@ -31,7 +31,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    color: FabColor;
+    color: "primary" | "danger";
     disabled: boolean;
 }>;
 export default _default;

package/dist/bundled/v3/components/OrIconButtonV3/OrIconButton.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
-export { s as default } from '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import { s as script } from '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
+export { s as default } from '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, mergeProps, toHandlers, createVNode } from 'vue';
 import 'vue-demi';
 import './props.js';
@@ -42,7 +42,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createElementVNode("button", mergeProps({
       ref: "root"
     }, _ctx.$attrs, {
-      class: _ctx.rootStyles,
+      class: [_ctx.rootStyles, ..._ctx.additionalStyles],
       type: 'button',
       selected: _ctx.selected ? '' : null,
       disabled: _ctx.disabled

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

@@ -1,6 +1,10 @@
 import { PropType } from 'vue-demi';
 import { IconButtonColor, IconButtonSize } from './props';
 declare const _default: import("vue-demi").DefineComponent<{
+    additionalStyles: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
     icon: {
         type: PropType<string | Omit<any, "size">>;
         required: true;
@@ -30,6 +34,10 @@ declare const _default: import("vue-demi").DefineComponent<{
     rootStyles: import("vue-demi").ComputedRef<string[]>;
     isVue3: boolean;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("click" | "focus" | "blur")[], "click" | "focus" | "blur", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    additionalStyles: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
     icon: {
         type: PropType<string | Omit<any, "size">>;
         required: true;
@@ -60,6 +68,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     size: "inherit" | "xl" | "l" | "m";
+    additionalStyles: string[];
     color: "default" | "danger" | "inherit";
     selected: boolean;
     disabled: boolean;

package/dist/bundled/v3/components/OrIconButtonV3/index.js

@@ -1,5 +1,5 @@
 export { IconButtonColor } from './props.js';
-export { s as OrIconButtonV3 } from '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+export { s as OrIconButtonV3 } from '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 export { IconSize as IconButtonSize } from '../OrIconV3/props.js';
 import 'vue-demi';
 import './styles.js';

package/dist/bundled/v3/components/OrInlineInputV3/OrInlineInput.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInlineInput.vue_vue_type_script_lang-fec60585.js';
-export { s as default } from '../../OrInlineInput.vue_vue_type_script_lang-fec60585.js';
+import { s as script } from '../../OrInlineInput.vue_vue_type_script_lang-13269054.js';
+export { s as default } from '../../OrInlineInput.vue_vue_type_script_lang-13269054.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelDynamic, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -13,7 +13,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';

package/dist/bundled/v3/components/OrInlineInputV3/index.js

@@ -1,5 +1,5 @@
 export { InlineInputType } from './props.js';
-export { s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-fec60585.js';
+export { s as OrInlineInputV3 } from '../../OrInlineInput.vue_vue_type_script_lang-13269054.js';
 export { InlineInputBoxSize as InlineInputSize } from '../OrInlineInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';
@@ -11,7 +11,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';

package/dist/bundled/v3/components/OrInlineTextareaV3/OrInlineTextarea.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInlineTextarea.vue_vue_type_script_lang-4265a2a2.js';
-export { s as default } from '../../OrInlineTextarea.vue_vue_type_script_lang-4265a2a2.js';
+import { s as script } from '../../OrInlineTextarea.vue_vue_type_script_lang-3a251a7b.js';
+export { s as default } from '../../OrInlineTextarea.vue_vue_type_script_lang-3a251a7b.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, withCtx, withDirectives, mergeProps, vModelText, withModifiers, createCommentVNode, createBlock, createSlots, createTextVNode, toDisplayString, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -11,7 +11,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';

package/dist/bundled/v3/components/OrInlineTextareaV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-4265a2a2.js';
+export { s as OrInlineTextareaV3 } from '../../OrInlineTextarea.vue_vue_type_script_lang-3a251a7b.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrErrorV3/OrError.js';
@@ -9,7 +9,7 @@ import '../OrHintV3/OrHint.js';
 import '../../OrHint.vue_vue_type_script_lang-0f5e8377.js';
 import '../OrHintV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';

package/dist/bundled/v3/components/OrInputV3/OrInput.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrInput.vue_vue_type_script_lang-0b8a2b69.js';
-export { s as default } from '../../OrInput.vue_vue_type_script_lang-0b8a2b69.js';
+import { s as script } from '../../OrInput.vue_vue_type_script_lang-73c33e2e.js';
+export { s as default } from '../../OrInput.vue_vue_type_script_lang-73c33e2e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, Fragment, withModifiers, withDirectives, createElementVNode, mergeProps, vModelDynamic, createSlots, vShow } from 'vue';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import 'vue-demi';
@@ -17,7 +17,7 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';

package/dist/bundled/v3/components/OrInputV3/index.js

@@ -1,5 +1,5 @@
 export { InputType } from './props.js';
-export { s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-0b8a2b69.js';
+export { s as OrInputV3 } from '../../OrInput.vue_vue_type_script_lang-73c33e2e.js';
 export { InputBoxSize as InputSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './styles.js';
@@ -15,7 +15,7 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';

package/dist/bundled/v3/components/OrMenuItemV3/OrMenuItem.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
-export { s as default } from '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
+import { s as script } from '../../OrMenuItem.vue_vue_type_script_lang-aed2c8e6.js';
+export { s as default } from '../../OrMenuItem.vue_vue_type_script_lang-aed2c8e6.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, normalizeProps, mergeProps, createCommentVNode, createElementVNode, renderSlot } from 'vue';
 import 'vue-demi';
 import './styles.js';

package/dist/bundled/v3/components/OrMenuItemV3/index.js

@@ -1,4 +1,4 @@
-export { s as OrMenuItemV3 } from '../../OrMenuItem.vue_vue_type_script_lang-b338d68a.js';
+export { s as OrMenuItemV3 } from '../../OrMenuItem.vue_vue_type_script_lang-aed2c8e6.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrIconV3/OrIcon.js';

package/dist/bundled/v3/components/OrMenuItemV3/styles.js

@@ -12,6 +12,8 @@ const MenuItemRoot = [
 // Theme
 'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-foreground-outline', 'dark:theme-foreground-outline-dark',
 // Theme (hover)
-'hover:theme-foreground-default', 'dark:hover:theme-foreground-default-dark'];
+'hover:theme-foreground-default', 'dark:hover:theme-foreground-default-dark',
+// Typography (selected)
+'selected:text-on-background dark:selected:text-on-background-dark'];
 
 export { MenuItemRoot };

package/dist/bundled/v3/components/OrModalV3/OrModal.js

@@ -1,9 +1,9 @@
-import { s as script } from '../../OrModal.vue_vue_type_script_lang-e00165f1.js';
-export { s as default } from '../../OrModal.vue_vue_type_script_lang-e00165f1.js';
+import { s as script } from '../../OrModal.vue_vue_type_script_lang-5397e0dd.js';
+export { s as default } from '../../OrModal.vue_vue_type_script_lang-5397e0dd.js';
 import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createVNode, renderSlot, createCommentVNode } from 'vue';
 import 'vue-demi';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';

package/dist/bundled/v3/components/OrModalV3/index.js

@@ -1,9 +1,9 @@
 export { ModalSize } from './props.js';
-export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-e00165f1.js';
+export { s as OrModalV3 } from '../../OrModal.vue_vue_type_script_lang-5397e0dd.js';
 import 'vue-demi';
 import 'vue';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';

package/dist/bundled/v3/components/OrNotificationV3/OrNotification.js

@@ -1,5 +1,5 @@
-import { s as script } from '../../OrNotification.vue_vue_type_script_lang-9d3dd0d9.js';
-export { s as default } from '../../OrNotification.vue_vue_type_script_lang-9d3dd0d9.js';
+import { s as script } from '../../OrNotification.vue_vue_type_script_lang-a0b4041e.js';
+export { s as default } from '../../OrNotification.vue_vue_type_script_lang-a0b4041e.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createBlock, withModifiers, createCommentVNode } from 'vue';
 import 'vue-demi';
 import './props.js';
@@ -9,7 +9,7 @@ import '../../OrIcon.vue_vue_type_script_lang-73f9cc63.js';
 import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';

package/dist/bundled/v3/components/OrNotificationV3/index.js

@@ -1,5 +1,5 @@
 export { NotificationVariant } from './props.js';
-export { s as OrNotificationV3 } from '../../OrNotification.vue_vue_type_script_lang-9d3dd0d9.js';
+export { s as OrNotificationV3 } from '../../OrNotification.vue_vue_type_script_lang-a0b4041e.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import '../OrIconV3/props.js';
 import '../OrIconV3/styles.js';
 import 'vue';
 import '../OrIconButtonV3/OrIconButton.js';
-import '../../OrIconButton.vue_vue_type_script_lang-41792494.js';
+import '../../OrIconButton.vue_vue_type_script_lang-42887e92.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconButtonV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';