@onereach/ui-components 4.12.1-beta.2984.0 → 4.12.1-beta.2986.0

package/dist/bundled/v2/components/OrCardCollectionV3/OrCardCollection.js

@@ -3,13 +3,14 @@ import { CardCollectionContent, CardCollectionContentViews, CardCollectionRoot,
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
 import { gridView, defaultViewModes } from './props.js';
 import __vue_component__$2 from '../OrIconButtonV3/OrIconButton.js';
-import __vue_component__$3 from '../OrSortingV3/OrSortingV3.js';
-import __vue_component__$4 from '../OrSearchV3/OrSearch.js';
+import __vue_component__$3 from '../OrButtonV3/OrButton.js';
+import __vue_component__$4 from '../OrMenuV3/OrMenu.js';
+import __vue_component__$5 from '../OrMenuItemV3/OrMenuItem.js';
+import __vue_component__$6 from '../OrIconV3/OrIcon.js';
+import __vue_component__$7 from '../OrSearchV3/OrSearch.js';
 import '../OrIconButtonV3/props.js';
 import '../OrIconV3/props.js';
 import '../OrIconButtonV3/styles.js';
-import '../OrIconV3/OrIcon.js';
-import '../OrIconV3/styles.js';
 import '../OrTooltipV3/OrTooltip.js';
 import '../OrTooltipV3/styles.js';
 import '../OrPopoverV3/OrPopover.js';
@@ -29,17 +30,14 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
-import '../OrSortingV3/styles.js';
-import '../OrMenuV3/OrMenu.js';
-import '../OrMenuV3/styles.js';
-import '../OrMenuItemV3/OrMenuItem.js';
-import '../OrMenuItemV3/styles.js';
-import '../OrButtonV3/OrButton.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
+import '../OrMenuV3/styles.js';
+import '../OrMenuItemV3/styles.js';
+import '../OrIconV3/styles.js';
 import '../OrInputV3/OrInput.js';
 import '../OrInputV3/props.js';
 import '../OrInputBoxV3/props.js';
@@ -125,8 +123,11 @@ var script = defineComponent({
   components: {
     OrCardCollectionView,
     OrIconButton: __vue_component__$2,
-    OrSorting: __vue_component__$3,
-    OrSearch: __vue_component__$4
+    OrButton: __vue_component__$3,
+    OrMenu: __vue_component__$4,
+    OrMenuItem: __vue_component__$5,
+    OrIcon: __vue_component__$6,
+    OrSearch: __vue_component__$7
   },
   props: {
     items: {
@@ -167,6 +168,8 @@ var script = defineComponent({
   setup(props, context) {
     // Refs
     const root = ref();
+    const sortMenu = ref();
+    const sortButton = ref();
     // Styles
     const rootStyles = computed(() => ['or-card-collection-v3', ...CardCollectionRoot]);
     const toolbarStyles = computed(() => [...CardCollectionToolbar]);
@@ -177,11 +180,15 @@ var script = defineComponent({
     });
     // State
     const proxyView = ref(props.view);
+    const proxySort = ref(props.sort);
     const proxySearch = ref(props.search);
     // Methods
     function switchView(view) {
       proxyView.value = view;
     }
+    function handleSort(sort) {
+      proxySort.value = sort;
+    }
     function handleSearch(search) {
       proxySearch.value = search;
     }
@@ -192,6 +199,12 @@ var script = defineComponent({
     watch(proxyView, value => {
       context.emit('viewChange', value);
     });
+    watch(() => props.sort, value => {
+      proxySort.value = value;
+    });
+    watch(proxySort, value => {
+      context.emit('sortChange', value);
+    });
     watch(() => props.search, value => {
       proxySearch.value = value;
     });
@@ -200,13 +213,17 @@ var script = defineComponent({
     });
     return {
       root,
+      sortMenu,
+      sortButton,
       rootStyles,
       toolbarStyles,
       toolbarPanelStyles,
       proxyView,
+      proxySort,
       proxySearch,
       sortLabel,
       switchView,
+      handleSort,
       handleSearch
     };
   }
@@ -227,39 +244,58 @@ var __vue_render__ = function () {
     class: _vm.toolbarStyles
   }, [_c('div', {
     class: _vm.toolbarPanelStyles
-  }, [_vm.sortOptions.length ? [_c('OrSorting', {
+  }, [_vm.sortOptions.length ? [_c('OrButton', {
+    ref: "sortButton",
     attrs: {
-      "sort": _vm.sort,
-      "options": _vm.sortOptions
+      "variant": "link",
+      "color": "inherit"
     },
     on: {
-      "change": function ($event) {
-        return _vm.$emit('sortChange', $event);
+      "click": function ($event) {
+        return _vm.sortMenu.toggle();
       }
     }
-  })] : _vm._e()], 2), _vm._v(" "), _c('div', {
+  }, [_vm._v("\n          " + _vm._s(_vm.sortLabel) + "\n          "), _vm.sortMenu ? _c('OrIcon', {
+    attrs: {
+      "icon": _vm.sortMenu.isOpen ? 'arrow_drop_up' : 'arrow_drop_down'
+    }
+  }) : _vm._e()], 1), _vm._v(" "), _c('OrMenu', {
+    ref: "sortMenu",
+    attrs: {
+      "trigger": _vm.sortButton && _vm.sortButton.root
+    }
+  }, _vm._l(_vm.sortOptions, function (sortItem) {
+    return _c('OrMenuItem', {
+      key: sortItem,
+      on: {
+        "click": function ($event) {
+          return _vm.handleSort(sortItem.value);
+        }
+      }
+    }, [_vm._v("\n            " + _vm._s(sortItem.label) + "\n          ")]);
+  }), 1)] : _vm._e()], 2), _vm._v(" "), _c('div', {
     class: _vm.toolbarPanelStyles
   }, [_c('OrSearch', {
     staticClass: "md:w-[350px]",
     attrs: {
       "model-value": _vm.proxySearch,
       "placeholder": _vm.searchPlaceholder,
-      "debounce": _vm.searchDebounce
+      "debounce": _vm.searchDebounce,
+      "size": "s"
     },
     on: {
       "search": _vm.handleSearch
     }
-  }), _vm._v(" "), _vm.viewModes.length > 1 ? [_c('div', {
+  }), _vm._v(" "), _c('div', {
     staticClass: "layout-row gap-sm"
-  }, _vm._l(_vm.viewModes, function (viewOption) {
+  }, [_vm.viewModes.length > 1 ? _vm._l(_vm.viewModes, function (viewOption) {
     return _c('OrIconButton', {
       key: viewOption.view,
       attrs: {
-        "size": "l",
         "icon": {
-          icon: viewOption.icon
-        },
-        "selected": viewOption.view === _vm.proxyView
+          icon: viewOption.icon,
+          variant: viewOption.view === _vm.proxyView ? 'filled' : 'outlined'
+        }
       },
       on: {
         "click": function ($event) {
@@ -267,7 +303,7 @@ var __vue_render__ = function () {
         }
       }
     });
-  }), 1)] : _vm._e(), _vm._v(" "), _vm._t("addon")], 2)]), _vm._v(" "), _vm._t("header", null, null, {
+  }) : _vm._e(), _vm._v(" "), _vm._t("addon")], 2)], 1)]), _vm._v(" "), _vm._t("header", null, null, {
     items: _vm.items,
     mode: _vm.proxyView
   }), _vm._v(" "), _vm.items.length ? _vm._t(_vm.proxyView, function () {

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

@@ -1,15 +1,26 @@
 import { PropType } from 'vue-demi';
-import { SortOption } from '../or-sorting-v3';
-import { CardCollectionItem, ViewMode } from './types';
+import { CardCollectionItem, SortOption, ViewMode } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    sortMenu: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true>)) | undefined>;
+    sortButton: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true>)) | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyView: import("@vue/composition-api").Ref<string>;
+    proxySort: import("@vue/composition-api").Ref<string>;
     proxySearch: import("@vue/composition-api").Ref<string>;
     sortLabel: import("@vue/composition-api").ComputedRef<string | undefined>;
     switchView: (view: string) => void;
+    handleSort: (sort: string) => void;
     handleSearch: (search: string) => void;
 }> & import("@vue/composition-api").Data, {}, {}, {
     items: {
@@ -90,13 +101,25 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
+    sortMenu: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true>)) | undefined>;
+    sortButton: import("@vue/composition-api").Ref<(import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
+        [x: string]: ((...args: any[]) => any) | null;
+    } | string[], {} & {}, {
+        [x: number]: string;
+    } | {}, true>)) | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
     toolbarPanelStyles: import("@vue/composition-api").ComputedRef<string[]>;
     proxyView: import("@vue/composition-api").Ref<string>;
+    proxySort: import("@vue/composition-api").Ref<string>;
     proxySearch: import("@vue/composition-api").Ref<string>;
     sortLabel: import("@vue/composition-api").ComputedRef<string | undefined>;
     switchView: (view: string) => void;
+    handleSort: (sort: string) => void;
     handleSearch: (search: string) => void;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     sort: string;

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

@@ -28,18 +28,16 @@ import '../../hooks/useElevation.js';
 import '../../utils/isVisible.js';
 import '../../hooks/usePopoverState.js';
 import '../../hooks/useResponsive/useResponsive.js';
-import '../OrSortingV3/OrSortingV3.js';
-import '../OrSortingV3/styles.js';
-import '../OrMenuV3/OrMenu.js';
-import '../OrMenuV3/styles.js';
-import '../OrMenuItemV3/OrMenuItem.js';
-import '../OrMenuItemV3/styles.js';
 import '../OrButtonV3/OrButton.js';
 import '../OrButtonV3/props.js';
 import '../OrButtonV3/styles.js';
 import '../OrLoaderV3/OrLoader.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
+import '../OrMenuV3/OrMenu.js';
+import '../OrMenuV3/styles.js';
+import '../OrMenuItemV3/OrMenuItem.js';
+import '../OrMenuItemV3/styles.js';
 import '../OrSearchV3/OrSearch.js';
 import '../OrInputV3/OrInput.js';
 import '../OrInputV3/props.js';

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { E as EditorView, a as EditorState, k as keymap } from '../../index-451f3d87.js';
-import { b as basicSetup, i as indentWithTab } from '../../index-9c1d2908.js';
+import { E as EditorView, a as EditorState, k as keymap } from '../../index-51f352b6.js';
+import { b as basicSetup, i as indentWithTab } from '../../index-00991c6e.js';
 import { u as useElementHover } from '../../index-760079e7.js';
 import { defineComponent, ref } from 'vue-demi';
 import __vue_component__$3 from '../OrTeleport/OrTeleport.js';
@@ -13,7 +13,7 @@ import __vue_component__$5 from '../OrHint/OrHint.js';
 import __vue_component__$6 from '../OrLabel/OrLabel.js';
 import { s as styleInject } from '../../style-inject.es-4c6f2515.js';
 import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
-import '../../index-11e9d6f2.js';
+import '../../index-40a6d6e0.js';
 import '../../index-ec92055d.js';
 import 'vue';
 import '../OrTeleport/constants.js';

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

@@ -1,8 +1,8 @@
 export { default as OrCode } from './OrCode.js';
 export { OrCodeLanguages } from './constants.js';
-import '../../index-451f3d87.js';
-import '../../index-9c1d2908.js';
-import '../../index-11e9d6f2.js';
+import '../../index-51f352b6.js';
+import '../../index-00991c6e.js';
+import '../../index-40a6d6e0.js';
 import '../../index-760079e7.js';
 import '../../index-ec92055d.js';
 import 'vue-demi';

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

@@ -1,6 +1,6 @@
-import { a as javascript, c as css, h as html, j as json, m as markdown } from '../../index-11e9d6f2.js';
+import { a as javascript, c as css, h as html, j as json, m as markdown } from '../../index-40a6d6e0.js';
 import { OrCodeLanguages } from './constants.js';
-import '../../index-451f3d87.js';
+import '../../index-51f352b6.js';
 
 const JS = javascript({
   typescript: false

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

@@ -1,4 +1,4 @@
-import { E as EditorView, Z as HighlightStyle, _ as tags, L as syntaxHighlighting } from '../../index-451f3d87.js';
+import { E as EditorView, Z as HighlightStyle, _ as tags, L as syntaxHighlighting } from '../../index-51f352b6.js';
 
 // Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
 const chalky = 'var(--c-warning-darken-20)',

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

@@ -1,6 +1,6 @@
-import { b as basicSetup, i as indentWithTab } from '../../index-9c1d2908.js';
-import { m as markdown, j as json, a as javascript, c as css, h as html } from '../../index-11e9d6f2.js';
-import { E as EditorView, k as keymap, a as EditorState } from '../../index-451f3d87.js';
+import { b as basicSetup, i as indentWithTab } from '../../index-00991c6e.js';
+import { m as markdown, j as json, a as javascript, c as css, h as html } from '../../index-40a6d6e0.js';
+import { E as EditorView, k as keymap, a as EditorState } from '../../index-51f352b6.js';
 import { defineComponent, ref, computed, reactive, toRef, watch, onMounted, onUnmounted } from 'vue-demi';
 import { CodeLanguage } from './props.js';
 import { Code, CodeControl } from './styles.js';

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

@@ -1,8 +1,8 @@
 export { default as OrCodeV3 } from './OrCode.js';
 export { CodeLanguage } from './props.js';
-import '../../index-9c1d2908.js';
-import '../../index-451f3d87.js';
-import '../../index-11e9d6f2.js';
+import '../../index-00991c6e.js';
+import '../../index-51f352b6.js';
+import '../../index-40a6d6e0.js';
 import 'vue-demi';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-2e61ba21.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-232c4dda.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-52a99e6a.js';
 import { DatePicker, DatePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';

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

@@ -2,7 +2,7 @@ export { default as OrDatePickerV3 } from './OrDatePicker.js';
 export { InputBoxSize as DatePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-2e61ba21.js';
+import '../../OrDateTimePickerMonthSelect-232c4dda.js';
 import '../OrDateTimePickerV3/hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
-import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-2e61ba21.js';
+import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-232c4dda.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-52a99e6a.js';
 import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-8851268e.js';
 import { DateTimePickerTimeFormat } from './props.js';

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

@@ -3,7 +3,7 @@ export { DateTimePickerTimeFormat } from './props.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
-import '../../OrDateTimePickerMonthSelect-2e61ba21.js';
+import '../../OrDateTimePickerMonthSelect-232c4dda.js';
 import './hooks/useDatePlaceholder.js';
 import '../../hooks/useProxyModelValue.js';
 import '../../normalize-component-6e8e3d80.js';

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

@@ -115,7 +115,7 @@ var script = defineComponent({
       default: false
     }
   },
-  emits: ['update:modelValue', 'keydown', 'keyup', 'focus', 'blur'],
+  emits: ['update:modelValue', 'input', 'keydown', 'keyup', 'focus', 'blur'],
   expose: ['root', 'focus', 'blur'],
   setup(props, context) {
     // Refs
@@ -166,7 +166,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = "input[data-v-1ec35d5c]{min-width:0;background:0 0;outline:0}input[type=number][data-v-1ec35d5c]::-webkit-inner-spin-button{display:none}input[type=search][data-v-1ec35d5c]::-webkit-search-cancel-button{display:none}";
+var css_248z = "input[data-v-78bc5cde]{min-width:0;background:0 0;outline:0}input[type=number][data-v-78bc5cde]::-webkit-inner-spin-button{display:none}input[type=search][data-v-78bc5cde]::-webkit-search-cancel-button{display:none}";
 styleInject(css_248z);
 
 /* script */
@@ -267,6 +267,9 @@ var __vue_render__ = function () {
       "checked": Array.isArray(_vm.proxyModelValue) ? _vm._i(_vm.proxyModelValue, null) > -1 : _vm.proxyModelValue
     },
     on: {
+      "input": function ($event) {
+        return _vm.$emit('input', $event);
+      },
       "keydown": function ($event) {
         return _vm.$emit('keydown', $event);
       },
@@ -317,6 +320,9 @@ var __vue_render__ = function () {
       "checked": _vm._q(_vm.proxyModelValue, null)
     },
     on: {
+      "input": function ($event) {
+        return _vm.$emit('input', $event);
+      },
       "keydown": function ($event) {
         return _vm.$emit('keydown', $event);
       },
@@ -354,6 +360,14 @@ var __vue_render__ = function () {
       "value": _vm.proxyModelValue
     },
     on: {
+      "input": [function ($event) {
+        if ($event.target.composing) {
+          return;
+        }
+        _vm.proxyModelValue = $event.target.value;
+      }, function ($event) {
+        return _vm.$emit('input', $event);
+      }],
       "keydown": function ($event) {
         return _vm.$emit('keydown', $event);
       },
@@ -365,12 +379,6 @@ var __vue_render__ = function () {
       },
       "blur": function ($event) {
         return _vm.$emit('blur', $event);
-      },
-      "input": function ($event) {
-        if ($event.target.composing) {
-          return;
-        }
-        _vm.proxyModelValue = $event.target.value;
       }
     }
   }, 'input', _vm.controlAttributes, false))]), _vm._v(" "), _c('div', {
@@ -418,7 +426,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = undefined;
 /* scoped */
-const __vue_scope_id__ = "data-v-1ec35d5c";
+const __vue_scope_id__ = "data-v-78bc5cde";
 /* module identifier */
 const __vue_module_identifier__ = undefined;
 /* functional template */

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

@@ -14,8 +14,6 @@ const MenuItemRoot = [
 // Theme (hover)
 'hover:md:theme-foreground-default', 'dark:hover:md:theme-foreground-default-dark',
 // Theme (active)
-'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark',
-// Theme (selected)
-'selected:text-on-background dark:selected:text-on-background-dark'];
+'active:theme-foreground-default', 'dark:active:theme-foreground-default-dark'];
 
 export { MenuItemRoot };

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

@@ -0,0 +1,109 @@
+import { defineComponent, ref, computed, toRef } from 'vue-demi';
+import { SortHeaderRoot } from './styles.js';
+import __vue_component__$1 from '../OrIconV3/OrIcon.js';
+import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import '../OrIconV3/props.js';
+import '../OrIconV3/styles.js';
+
+var script = defineComponent({
+  name: 'OrSortHeader',
+  components: {
+    OrIcon: __vue_component__$1
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Object,
+      default: undefined
+    },
+    value: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ['update:modelValue', 'focus', 'blur'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => ['or-sort-header-v3', ...SortHeaderRoot]);
+    // State
+    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
+    const activated = computed(() => {
+      var _a;
+      return ((_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.column) === props.value;
+    });
+    // Methods
+    function toggleDirection() {
+      var _a;
+      proxyModelValue.value = {
+        column: props.value,
+        direction: ((_a = proxyModelValue.value) === null || _a === void 0 ? void 0 : _a.direction) === 'asc' ? 'desc' : 'asc'
+      };
+    }
+    return {
+      root,
+      rootStyles,
+      proxyModelValue,
+      activated,
+      toggleDirection
+    };
+  }
+});
+
+/* 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: {
+      "activated": _vm.activated ? '' : null
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.toggleDirection();
+      }
+    }
+  }, [_vm._t("default"), _vm._v(" "), _vm.activated ? [_c('OrIcon', {
+    class: {
+      'rotate-180': _vm.proxyModelValue.direction === 'asc'
+    },
+    attrs: {
+      "icon": 'arrow_downward'
+    }
+  })] : _vm._e()], 2);
+};
+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 };