@onereach/ui-components 17.2.0 → 17.3.0-beta.4891.0

package/dist/bundled/v2/components/OrFilterPopoverV3/OrFilterPopover.js

@@ -45,6 +45,10 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    enableDesktopControls: {
+      type: Boolean,
+      default: false
+    },
     offset: {
       type: [Number, Object, Function],
       default: 8
@@ -134,7 +138,31 @@ var __vue_render__ = function () {
         return _vm.reset();
       }
     }
-  }, [_vm._v("\n            " + _vm._s(_vm.resetLabel) + "\n          ")])], 1), _vm._v(" "), _vm._t("default"), _vm._v(" "), _vm._t('actions', null, null, {
+  }, [_vm._v("\n            " + _vm._s(_vm.resetLabel) + "\n          ")])], 1), _vm._v(" "), _vm._t("default"), _vm._v(" "), _vm._t('actions', function () {
+    return [_vm.enableDesktopControls ? _c('div', {
+      class: _vm.footerStyles
+    }, [_c('OrButton', {
+      class: ['grow'],
+      attrs: {
+        "variant": 'contained'
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.apply();
+        }
+      }
+    }, [_vm._v("\n              " + _vm._s(_vm.applyLabel) + "\n            ")]), _vm._v(" "), _c('OrButton', {
+      class: ['grow'],
+      attrs: {
+        "variant": 'outlined'
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.reset();
+        }
+      }
+    }, [_vm._v("\n              " + _vm._s(_vm.resetLabel) + "\n            ")])], 1) : _vm._e()];
+  }, null, {
     apply: _vm.apply,
     reset: _vm.reset,
     isDesktop: _vm.isDesktop,

package/dist/bundled/v2/components/OrFilterPopoverV3/OrFilterPopover.vue.d.ts

@@ -30,6 +30,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"none" | "start" | "end" | undefined>;
         default: undefined;
     };
+    enableDesktopControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     offset: {
         type: PropType<PopoverOffset>;
         default: number;
@@ -76,6 +80,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"none" | "start" | "end" | undefined>;
         default: undefined;
     };
+    enableDesktopControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     offset: {
         type: PropType<PopoverOffset>;
         default: number;
@@ -94,6 +102,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     trigger: ReferenceElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     fallbackPlacement: "none" | "start" | "end" | undefined;
+    enableDesktopControls: boolean;
     offset: PopoverOffset;
 }>;
 export default _default;

package/dist/bundled/v3/components/OrFilterPopoverV3/OrFilterPopover.js

@@ -1 +1 @@
-export { s as default } from '../OrFilterPopoverV3-27296b60.js';
+export { s as default } from '../OrFilterPopoverV3-2e88e21d.js';

package/dist/bundled/v3/components/OrFilterPopoverV3/OrFilterPopover.vue.d.ts

@@ -30,6 +30,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"none" | "start" | "end" | undefined>;
         default: undefined;
     };
+    enableDesktopControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     offset: {
         type: PropType<PopoverOffset>;
         default: number;
@@ -76,6 +80,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"none" | "start" | "end" | undefined>;
         default: undefined;
     };
+    enableDesktopControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     offset: {
         type: PropType<PopoverOffset>;
         default: number;
@@ -94,6 +102,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     trigger: ReferenceElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     fallbackPlacement: "none" | "start" | "end" | undefined;
+    enableDesktopControls: boolean;
     offset: PopoverOffset;
 }>;
 export default _default;

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

@@ -1 +1 @@
-export { s as OrFilterPopoverV3 } from '../OrFilterPopoverV3-27296b60.js';
+export { s as OrFilterPopoverV3 } from '../OrFilterPopoverV3-2e88e21d.js';

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

@@ -1 +1 @@
-export { F as FilterPopover, b as FilterPopoverFooter, a as FilterPopoverHeader } from '../OrFilterPopoverV3-27296b60.js';
+export { F as FilterPopover, b as FilterPopoverFooter, a as FilterPopoverHeader } from '../OrFilterPopoverV3-2e88e21d.js';

package/dist/bundled/v3/components/{OrFilterPopoverV3-27296b60.js → OrFilterPopoverV3-2e88e21d.js}

@@ -63,6 +63,10 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    enableDesktopControls: {
+      type: Boolean,
+      default: false
+    },
     offset: {
       type: [Number, Object, Function],
       default: 8
@@ -130,7 +134,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     placement: _ctx.placement,
     "fallback-placement": _ctx.fallbackPlacement,
     offset: _ctx.offset,
-    "onUpdate:state": _cache[1] || (_cache[1] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
+    "onUpdate:state": _cache[3] || (_cache[3] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
   }, {
     default: withCtx(() => [createElementVNode("div", mergeProps(_ctx.$attrs, {
       ref: 'root',
@@ -148,12 +152,29 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       reset: _ctx.reset,
       isDesktop: _ctx.isDesktop,
       isMobile: _ctx.isMobile
-    })))], 16 /* FULL_PROPS */)]),
+    })), () => [_ctx.enableDesktopControls ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.footerStyles)
+    }, [createVNode(_component_OrButton, {
+      class: normalizeClass(['grow']),
+      variant: 'contained',
+      onClick: _cache[1] || (_cache[1] = $event => _ctx.apply())
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(_ctx.applyLabel), 1 /* TEXT */)]),
+      _: 1 /* STABLE */
+    }), createVNode(_component_OrButton, {
+      class: normalizeClass(['grow']),
+      variant: 'outlined',
+      onClick: _cache[2] || (_cache[2] = $event => _ctx.reset())
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(_ctx.resetLabel), 1 /* TEXT */)]),
+      _: 1 /* STABLE */
+    })], 2 /* CLASS */)) : createCommentVNode("v-if", true)])], 16 /* FULL_PROPS */)]),
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["is-open", "trigger", "placement", "fallback-placement", "offset"])) : createCommentVNode("v-if", true), _ctx.isMobile ? (openBlock(), createBlock(_component_OrModal, {
     key: 1,
     "is-open": _ctx.state === 'open',
-    "onUpdate:state": _cache[4] || (_cache[4] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
+    "onUpdate:state": _cache[6] || (_cache[6] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
   }, {
     header: withCtx(() => [createTextVNode(toDisplayString(_ctx.title), 1 /* TEXT */)]),
     footer: withCtx(() => [renderSlot(_ctx.$slots, 'actions', normalizeProps(guardReactiveProps({
@@ -166,14 +187,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [createVNode(_component_OrButton, {
       class: normalizeClass(['grow']),
       variant: 'contained',
-      onClick: _cache[2] || (_cache[2] = $event => _ctx.apply())
+      onClick: _cache[4] || (_cache[4] = $event => _ctx.apply())
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.applyLabel), 1 /* TEXT */)]),
       _: 1 /* STABLE */
     }), createVNode(_component_OrButton, {
       class: normalizeClass(['grow']),
       variant: 'outlined',
-      onClick: _cache[3] || (_cache[3] = $event => _ctx.reset())
+      onClick: _cache[5] || (_cache[5] = $event => _ctx.reset())
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.resetLabel), 1 /* TEXT */)]),
       _: 1 /* STABLE */

package/dist/bundled/v3/components/OrFilterV3/OrFilter.js

@@ -1 +1 @@
-export { s as default } from '../OrFilterV3-b28a3688.js';
+export { s as default } from '../OrFilterV3-eb8750eb.js';

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

@@ -1 +1 @@
-export { s as OrFilterV3 } from '../OrFilterV3-b28a3688.js';
+export { s as OrFilterV3 } from '../OrFilterV3-eb8750eb.js';

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

@@ -1 +1 @@
-export { F as Filter } from '../OrFilterV3-b28a3688.js';
+export { F as Filter } from '../OrFilterV3-eb8750eb.js';

package/dist/bundled/v3/components/{OrFilterV3-b28a3688.js → OrFilterV3-eb8750eb.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { s as script$1 } from './OrFilterPopoverV3-27296b60.js';
+import { s as script$1 } from './OrFilterPopoverV3-2e88e21d.js';
 import { s as script$2 } from './OrFilterTriggerV3-2d84c0ae.js';
 import { usePopoverState } from '../hooks/usePopoverState.js';
 

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

@@ -40,9 +40,9 @@ export { s as OrErrorTagV3 } from './OrErrorTagV3-1b00b9d5.js';
 export { s as OrErrorV3 } from './OrErrorV3-b04d76aa.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanelV3-8711a407.js';
 export { F as FabColor, s as OrFabV3 } from './OrFabV3-86cf1da1.js';
-export { s as OrFilterPopoverV3 } from './OrFilterPopoverV3-27296b60.js';
+export { s as OrFilterPopoverV3 } from './OrFilterPopoverV3-2e88e21d.js';
 export { s as OrFilterTriggerV3 } from './OrFilterTriggerV3-2d84c0ae.js';
-export { s as OrFilterV3 } from './OrFilterV3-b28a3688.js';
+export { s as OrFilterV3 } from './OrFilterV3-eb8750eb.js';
 export { s as OrFloating, e as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-1ff6fef4.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroupV3-37b7d9a1.js';
 export { default as OrHint } from './OrHint/OrHint.js';

package/dist/bundled/v3/index.js

@@ -27,7 +27,7 @@ export { E as EditorTabsOverflow, s as OrEditorTabsV3 } from './components/OrEdi
 export { E as EmptyStateSize, s as OrEmptyStateV3 } from './components/OrEmptyStateV3-af47ab45.js';
 export { s as OrErrorTagV3 } from './components/OrErrorTagV3-1b00b9d5.js';
 export { F as FabColor, s as OrFabV3 } from './components/OrFabV3-86cf1da1.js';
-export { s as OrFilterV3 } from './components/OrFilterV3-b28a3688.js';
+export { s as OrFilterV3 } from './components/OrFilterV3-eb8750eb.js';
 export { I as InlineInputType, s as OrInlineInputV3 } from './components/OrInlineInputV3-51563d74.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes, OrInlineTextEdit } from './components/OrInlineTextEdit/index.js';
 export { s as OrInlineTextareaV3 } from './components/OrInlineTextareaV3-f1c61121.js';
@@ -84,7 +84,7 @@ export { a as OrDateTimePickerDateControl, b as OrDateTimePickerDateSelect, c as
 export { default as OrError } from './components/OrError/OrError.js';
 export { s as OrErrorV3 } from './components/OrErrorV3-b04d76aa.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './components/OrExpansionPanelV3-8711a407.js';
-export { s as OrFilterPopoverV3 } from './components/OrFilterPopoverV3-27296b60.js';
+export { s as OrFilterPopoverV3 } from './components/OrFilterPopoverV3-2e88e21d.js';
 export { s as OrFilterTriggerV3 } from './components/OrFilterTriggerV3-2d84c0ae.js';
 export { s as OrFloating, e as OrFloatingHideStrategy, O as OrFloatingPlacements } from './components/OrFloating-1ff6fef4.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from './components/OrFormGroupV3-37b7d9a1.js';

package/dist/esm/v2/{OrFilter-3ed01d2f.js → OrFilter-140e4850.js}

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-7267fa91.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { _ as __vue_component__$1 } from './OrFilterPopover-36bc0e6d.js';
+import { _ as __vue_component__$1 } from './OrFilterPopover-a3bb9348.js';
 import { _ as __vue_component__$2 } from './OrFilterTrigger-1e4aa34c.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 

package/dist/esm/v2/{OrFilterPopover-36bc0e6d.js → OrFilterPopover-a3bb9348.js}

@@ -68,6 +68,10 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    enableDesktopControls: {
+      type: Boolean,
+      default: false
+    },
     offset: {
       type: [Number, Object, Function],
       default: 8
@@ -157,7 +161,31 @@ var __vue_render__ = function () {
         return _vm.reset();
       }
     }
-  }, [_vm._v("\n            " + _vm._s(_vm.resetLabel) + "\n          ")])], 1), _vm._v(" "), _vm._t("default"), _vm._v(" "), _vm._t('actions', null, null, {
+  }, [_vm._v("\n            " + _vm._s(_vm.resetLabel) + "\n          ")])], 1), _vm._v(" "), _vm._t("default"), _vm._v(" "), _vm._t('actions', function () {
+    return [_vm.enableDesktopControls ? _c('div', {
+      class: _vm.footerStyles
+    }, [_c('OrButton', {
+      class: ['grow'],
+      attrs: {
+        "variant": 'contained'
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.apply();
+        }
+      }
+    }, [_vm._v("\n              " + _vm._s(_vm.applyLabel) + "\n            ")]), _vm._v(" "), _c('OrButton', {
+      class: ['grow'],
+      attrs: {
+        "variant": 'outlined'
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.reset();
+        }
+      }
+    }, [_vm._v("\n              " + _vm._s(_vm.resetLabel) + "\n            ")])], 1) : _vm._e()];
+  }, null, {
     apply: _vm.apply,
     reset: _vm.reset,
     isDesktop: _vm.isDesktop,

package/dist/esm/v2/components/index.js

@@ -56,9 +56,9 @@ export { _ as OrErrorTagV3 } from '../OrErrorTag-fb59988e.js';
 export { _ as OrErrorV3 } from '../OrError-b25d782d.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from '../OrExpansionPanel-c10defa5.js';
 export { F as FabColor, _ as OrFabV3 } from '../OrFab-26e22be7.js';
-export { _ as OrFilterPopoverV3 } from '../OrFilterPopover-36bc0e6d.js';
+export { _ as OrFilterPopoverV3 } from '../OrFilterPopover-a3bb9348.js';
 export { _ as OrFilterTriggerV3 } from '../OrFilterTrigger-1e4aa34c.js';
-export { _ as OrFilterV3 } from '../OrFilter-3ed01d2f.js';
+export { _ as OrFilterV3 } from '../OrFilter-140e4850.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-517737ad.js';
 export { F as FormGroupDirection, _ as OrFormGroupV3 } from '../OrFormGroup-f0b30b3b.js';
 export { _ as OrHint } from '../OrHint-7eadc91e.js';

package/dist/esm/v2/components/or-filter-popover-v3/OrFilterPopover.vue.d.ts

@@ -30,6 +30,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"none" | "start" | "end" | undefined>;
         default: undefined;
     };
+    enableDesktopControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     offset: {
         type: PropType<PopoverOffset>;
         default: number;
@@ -76,6 +80,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"none" | "start" | "end" | undefined>;
         default: undefined;
     };
+    enableDesktopControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     offset: {
         type: PropType<PopoverOffset>;
         default: number;
@@ -94,6 +102,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     trigger: ReferenceElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     fallbackPlacement: "none" | "start" | "end" | undefined;
+    enableDesktopControls: boolean;
     offset: PopoverOffset;
 }>;
 export default _default;

package/dist/esm/v2/components/or-filter-popover-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrFilterPopoverV3 } from '../../OrFilterPopover-36bc0e6d.js';
+export { _ as OrFilterPopoverV3 } from '../../OrFilterPopover-a3bb9348.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
 import '../../dom-53c9635b.js';

package/dist/esm/v2/components/or-filter-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrFilterV3 } from '../../OrFilter-3ed01d2f.js';
+export { _ as OrFilterV3 } from '../../OrFilter-140e4850.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
 import '../../dom-53c9635b.js';
@@ -8,7 +8,7 @@ import '@vueuse/core';
 import '../../usePopoverState-7267fa91.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrFilterPopover-36bc0e6d.js';
+import '../../OrFilterPopover-a3bb9348.js';
 import '../../useResponsive-491da8c6.js';
 import '../../OrButton-01ca6705.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-0b37151a.js';

package/dist/esm/v2/index.js

@@ -56,9 +56,9 @@ export { _ as OrErrorTagV3 } from './OrErrorTag-fb59988e.js';
 export { _ as OrErrorV3 } from './OrError-b25d782d.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, _ as OrExpansionPanelV3 } from './OrExpansionPanel-c10defa5.js';
 export { F as FabColor, _ as OrFabV3 } from './OrFab-26e22be7.js';
-export { _ as OrFilterPopoverV3 } from './OrFilterPopover-36bc0e6d.js';
+export { _ as OrFilterPopoverV3 } from './OrFilterPopover-a3bb9348.js';
 export { _ as OrFilterTriggerV3 } from './OrFilterTrigger-1e4aa34c.js';
-export { _ as OrFilterV3 } from './OrFilter-3ed01d2f.js';
+export { _ as OrFilterV3 } from './OrFilter-140e4850.js';
 export { _ as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-517737ad.js';
 export { F as FormGroupDirection, _ as OrFormGroupV3 } from './OrFormGroup-f0b30b3b.js';
 export { _ as OrHint } from './OrHint-7eadc91e.js';

package/dist/esm/v3/{OrFilter-b38dcd0e.js → OrFilter-d3b39b0d.js}

@@ -5,7 +5,7 @@ import '@vueuse/core';
 import { u as usePopoverState } from './usePopoverState-7267fa91.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { s as script$1 } from './OrFilterPopover-624150ff.js';
+import { s as script$1 } from './OrFilterPopover-28255b45.js';
 import { s as script$2 } from './OrFilterTrigger-7fe3a2dc.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 

package/dist/esm/v3/{OrFilterPopover-624150ff.js → OrFilterPopover-28255b45.js}

@@ -67,6 +67,10 @@ var script = defineComponent({
       type: String,
       default: undefined
     },
+    enableDesktopControls: {
+      type: Boolean,
+      default: false
+    },
     offset: {
       type: [Number, Object, Function],
       default: 8
@@ -134,7 +138,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     placement: _ctx.placement,
     "fallback-placement": _ctx.fallbackPlacement,
     offset: _ctx.offset,
-    "onUpdate:state": _cache[1] || (_cache[1] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
+    "onUpdate:state": _cache[3] || (_cache[3] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
   }, {
     default: withCtx(() => [createElementVNode("div", mergeProps(_ctx.$attrs, {
       ref: 'root',
@@ -152,12 +156,29 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       reset: _ctx.reset,
       isDesktop: _ctx.isDesktop,
       isMobile: _ctx.isMobile
-    })))], 16 /* FULL_PROPS */)]),
+    })), () => [_ctx.enableDesktopControls ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.footerStyles)
+    }, [createVNode(_component_OrButton, {
+      class: normalizeClass(['grow']),
+      variant: 'contained',
+      onClick: _cache[1] || (_cache[1] = $event => _ctx.apply())
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(_ctx.applyLabel), 1 /* TEXT */)]),
+      _: 1 /* STABLE */
+    }), createVNode(_component_OrButton, {
+      class: normalizeClass(['grow']),
+      variant: 'outlined',
+      onClick: _cache[2] || (_cache[2] = $event => _ctx.reset())
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(_ctx.resetLabel), 1 /* TEXT */)]),
+      _: 1 /* STABLE */
+    })], 2 /* CLASS */)) : createCommentVNode("v-if", true)])], 16 /* FULL_PROPS */)]),
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["is-open", "trigger", "placement", "fallback-placement", "offset"])) : createCommentVNode("v-if", true), _ctx.isMobile ? (openBlock(), createBlock(_component_OrModal, {
     key: 1,
     "is-open": _ctx.state === 'open',
-    "onUpdate:state": _cache[4] || (_cache[4] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
+    "onUpdate:state": _cache[6] || (_cache[6] = $event => $event === 'open' ? _ctx.open() : _ctx.close())
   }, {
     header: withCtx(() => [createTextVNode(toDisplayString(_ctx.title), 1 /* TEXT */)]),
     footer: withCtx(() => [renderSlot(_ctx.$slots, 'actions', normalizeProps(guardReactiveProps({
@@ -170,14 +191,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [createVNode(_component_OrButton, {
       class: normalizeClass(['grow']),
       variant: 'contained',
-      onClick: _cache[2] || (_cache[2] = $event => _ctx.apply())
+      onClick: _cache[4] || (_cache[4] = $event => _ctx.apply())
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.applyLabel), 1 /* TEXT */)]),
       _: 1 /* STABLE */
     }), createVNode(_component_OrButton, {
       class: normalizeClass(['grow']),
       variant: 'outlined',
-      onClick: _cache[3] || (_cache[3] = $event => _ctx.reset())
+      onClick: _cache[5] || (_cache[5] = $event => _ctx.reset())
     }, {
       default: withCtx(() => [createTextVNode(toDisplayString(_ctx.resetLabel), 1 /* TEXT */)]),
       _: 1 /* STABLE */

package/dist/esm/v3/components/index.js

@@ -54,9 +54,9 @@ export { s as OrErrorTagV3 } from '../OrErrorTag-94f074a2.js';
 export { s as OrErrorV3 } from '../OrError-331220bc.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from '../OrExpansionPanel-99c697c1.js';
 export { F as FabColor, s as OrFabV3 } from '../OrFab-f949bf4f.js';
-export { s as OrFilterPopoverV3 } from '../OrFilterPopover-624150ff.js';
+export { s as OrFilterPopoverV3 } from '../OrFilterPopover-28255b45.js';
 export { s as OrFilterTriggerV3 } from '../OrFilterTrigger-7fe3a2dc.js';
-export { s as OrFilterV3 } from '../OrFilter-b38dcd0e.js';
+export { s as OrFilterV3 } from '../OrFilter-d3b39b0d.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from '../OrFloating-00617713.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from '../OrFormGroup-45c7904c.js';
 export { s as OrHint } from '../OrHint-8822005b.js';

package/dist/esm/v3/components/or-filter-popover-v3/OrFilterPopover.vue.d.ts

@@ -30,6 +30,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"none" | "start" | "end" | undefined>;
         default: undefined;
     };
+    enableDesktopControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     offset: {
         type: PropType<PopoverOffset>;
         default: number;
@@ -76,6 +80,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<"none" | "start" | "end" | undefined>;
         default: undefined;
     };
+    enableDesktopControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     offset: {
         type: PropType<PopoverOffset>;
         default: number;
@@ -94,6 +102,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     trigger: ReferenceElement;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     fallbackPlacement: "none" | "start" | "end" | undefined;
+    enableDesktopControls: boolean;
     offset: PopoverOffset;
 }>;
 export default _default;

package/dist/esm/v3/components/or-filter-popover-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrFilterPopoverV3 } from '../../OrFilterPopover-624150ff.js';
+export { s as OrFilterPopoverV3 } from '../../OrFilterPopover-28255b45.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
 import '../../dom-53c9635b.js';

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

@@ -1,4 +1,4 @@
-export { s as OrFilterV3 } from '../../OrFilter-b38dcd0e.js';
+export { s as OrFilterV3 } from '../../OrFilter-d3b39b0d.js';
 import 'vue-demi';
 import '../../TimeFormat-a7f5565b.js';
 import '../../dom-53c9635b.js';
@@ -8,7 +8,7 @@ import '@vueuse/core';
 import '../../usePopoverState-7267fa91.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import '../../OrFilterPopover-624150ff.js';
+import '../../OrFilterPopover-28255b45.js';
 import '../../useResponsive-491da8c6.js';
 import '../../OrButton-9154d1be.js';
 import '../../OrLoader-472e965e.js';

package/dist/esm/v3/index.js

@@ -54,9 +54,9 @@ export { s as OrErrorTagV3 } from './OrErrorTag-94f074a2.js';
 export { s as OrErrorV3 } from './OrError-331220bc.js';
 export { b as ExpansionPanelBackgroundColor, a as ExpansionPanelColor, E as ExpansionPanelVariant, s as OrExpansionPanelV3 } from './OrExpansionPanel-99c697c1.js';
 export { F as FabColor, s as OrFabV3 } from './OrFab-f949bf4f.js';
-export { s as OrFilterPopoverV3 } from './OrFilterPopover-624150ff.js';
+export { s as OrFilterPopoverV3 } from './OrFilterPopover-28255b45.js';
 export { s as OrFilterTriggerV3 } from './OrFilterTrigger-7fe3a2dc.js';
-export { s as OrFilterV3 } from './OrFilter-b38dcd0e.js';
+export { s as OrFilterV3 } from './OrFilter-d3b39b0d.js';
 export { s as OrFloating, a as OrFloatingHideStrategy, O as OrFloatingPlacements } from './OrFloating-00617713.js';
 export { F as FormGroupDirection, s as OrFormGroupV3 } from './OrFormGroup-45c7904c.js';
 export { s as OrHint } from './OrHint-8822005b.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "17.2.0",
+  "version": "17.3.0-beta.4891.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -40,7 +40,7 @@
     "@codemirror/lang-json": "6.0.1",
     "@codemirror/lang-markdown": "6.1.1",
     "@floating-ui/dom": "1.5.3",
-    "@onereach/styles": "^17.2.0",
+    "@onereach/styles": "^17.3.0-beta.4891.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -179,6 +179,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "38ac2e816cf061627046041fa96f7a489f342d4d"
+  }
 }

package/src/components/or-filter-popover-v3/OrFilterPopover.vue

@@ -33,7 +33,28 @@
           <slot
             v-bind="{ apply, reset, isDesktop, isMobile }"
             :name="'actions'"
-          />
+          >
+            <div
+              v-if="enableDesktopControls"
+              :class="footerStyles"
+            >
+              <OrButton
+                :class="['grow']"
+                :variant="'contained'"
+                @click="apply()"
+              >
+                {{ applyLabel }}
+              </OrButton>
+
+              <OrButton
+                :class="['grow']"
+                :variant="'outlined'"
+                @click="reset()"
+              >
+                {{ resetLabel }}
+              </OrButton>
+            </div>
+          </slot>
         </div>
       </OrPopover>
     </template>
@@ -140,6 +161,11 @@ export default defineComponent({
       default: undefined,
     },
 
+    enableDesktopControls: {
+      type: Boolean,
+      default: false,
+    },
+
     offset: {
       type: [Number, Object, Function] as PropType<PopoverOffset>,
       default: 8,