@onereach/ui-components 10.3.4 → 10.3.5-beta.4335.0

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

@@ -1 +1 @@
-export { s as default } from '../OrBottomSheetV3-fa1d34c6.js';
+export { s as default } from '../OrBottomSheetV3-a3776e8d.js';

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

@@ -1,3 +1,4 @@
 import 'vue-demi';
-export { D as default } from '../../OrBottomSheetV3-fa1d34c6.js';
+import '../../OrAutocompleteV3-3b1ff7f8.js';
+export { u as default } from '../../OrBottomSheetV3-a3776e8d.js';
 import '../../../hooks/useTheme.js';

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

@@ -1 +1 @@
-export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheetV3-fa1d34c6.js';
+export { B as BottomSheetVariant, s as OrBottomSheetV3 } from '../OrBottomSheetV3-a3776e8d.js';

package/dist/bundled/v3/components/OrBottomSheetV3/props.js

@@ -1 +1 @@
-export { B as BottomSheetVariant } from '../OrBottomSheetV3-fa1d34c6.js';
+export { B as BottomSheetVariant } from '../OrBottomSheetV3-a3776e8d.js';

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

@@ -1 +1 @@
-export { E as BottomSheet, I as BottomSheetContent, G as BottomSheetHandle, H as BottomSheetHeader, F as BottomSheetVariants } from '../OrBottomSheetV3-fa1d34c6.js';
+export { a as BottomSheet, e as BottomSheetContent, c as BottomSheetHandle, d as BottomSheetHeader, b as BottomSheetVariants } from '../OrBottomSheetV3-a3776e8d.js';

package/dist/bundled/v3/components/OrBottomSheetV3-a3776e8d.js

@@ -0,0 +1,235 @@
+import { resolveComponent, openBlock, createBlock, withCtx, createElementVNode, mergeProps, createElementBlock, normalizeClass, createCommentVNode, renderSlot } from 'vue';
+import { u as usePointerSwipe, o as onClickOutside } from './OrAutocompleteV3-3b1ff7f8.js';
+import { ref, computed, unref, defineComponent, toRefs, watch } from 'vue-demi';
+import { useTheme } from '../hooks/useTheme.js';
+import { s as script$1 } from './OrOverlayV3-ca4c058f.js';
+import { usePopoverState } from '../hooks/usePopoverState.js';
+
+var BottomSheetVariant;
+(function (BottomSheetVariant) {
+  BottomSheetVariant["Basic"] = "basic";
+  BottomSheetVariant["Advanced"] = "advanced";
+})(BottomSheetVariant || (BottomSheetVariant = {}));
+
+function useBottomSheetSwipeState(root, content, fullscreen, variant, close) {
+  const inlineSwipingStyles = ref({});
+  const skipSwipe = ref(false);
+  const theme = useTheme();
+  const isEventSkipped = event => {
+    return variant.value === BottomSheetVariant.Basic || event.composedPath().includes(content.value) && fullscreen.value;
+  };
+  const {
+    isSwiping
+  } = usePointerSwipe(root, {
+    threshold: 12,
+    onSwipe(event) {
+      skipSwipe.value = isEventSkipped(event);
+      if (variant.value === BottomSheetVariant.Advanced) {
+        const rootElement = unref(root);
+        inlineSwipingStyles.value = {
+          transitionProperty: 'none',
+          minHeight: `${rootElement.clientHeight - event.offsetY}px`,
+          maxHeight: `${rootElement.clientHeight - event.offsetY}px`
+        };
+      }
+    },
+    onSwipeEnd(event, direction) {
+      if (isEventSkipped(event)) {
+        return;
+      }
+      if (variant.value === BottomSheetVariant.Advanced) {
+        switch (direction) {
+          case 'up':
+          case 'UP':
+            fullscreen.value = true;
+            break;
+          case 'down':
+          case 'DOWN':
+            if (fullscreen.value) {
+              fullscreen.value = false;
+            } else {
+              close();
+            }
+            break;
+        }
+      }
+    }
+  });
+  const rootInlineStyles = computed(() => {
+    if (variant.value === BottomSheetVariant.Basic) {
+      return {
+        transitionProperty: 'min-height, max-height',
+        minHeight: '0',
+        maxHeight: `calc(100% - ${theme.spacing.xl})`
+      };
+    }
+    return isSwiping.value && !skipSwipe.value ? inlineSwipingStyles.value : fullscreen.value ? {
+      transitionProperty: 'min-height, max-height',
+      minHeight: `calc(100% - ${theme.spacing.xl})`,
+      maxHeight: `calc(100% - ${theme.spacing.xl})`
+    } : {
+      transitionProperty: 'min-height, max-height',
+      minHeight: '0',
+      maxHeight: '50%'
+    };
+  });
+  return {
+    rootInlineStyles
+  };
+}
+
+const BottomSheet = [
+// Position
+'fixed', 'left-0', 'right-0', 'bottom-0',
+// Layout
+'layout-column',
+// Shape
+'rounded-t-lg',
+// Elevation
+'shadow-contextual', 'dark:shadow-contextual-dark',
+// Typography
+'typography-body-2-regular',
+// Theme
+'theme-background-default', 'dark:theme-background-default-dark', 'theme-foreground-default', 'dark:theme-foreground-default-dark'];
+const BottomSheetVariants = {
+  [BottomSheetVariant.Basic]: [],
+  [BottomSheetVariant.Advanced]: [
+  // Box
+  'max-h-[50%]',
+  // Transition
+  'transition-[min-height]', 'transition-[max-height]']
+};
+const BottomSheetHandle = [
+// Layout
+'layout-row justify-center',
+// Interactivity
+'interactivity-drag',
+// Box
+'after:w-2xl', 'after:h-xs',
+// Spacing
+'px-sm', 'py-sm',
+// Shape
+'after:rounded-full',
+// Theme
+'after:bg-outline', 'after:dark:bg-outline'];
+const BottomSheetHeader = [
+// Layout (empty)
+'empty:hidden',
+// Spacing
+'px-lg', 'py-md',
+// Typography
+'typography-headline-3'];
+const BottomSheetContent = [
+// Layout
+'layout-column', 'grow'];
+
+var script = defineComponent({
+  name: 'OrBottomSheet',
+  components: {
+    OrOverlay: script$1
+  },
+  inheritAttrs: false,
+  props: {
+    isOpen: {
+      type: Boolean,
+      default: false
+    },
+    variant: {
+      type: String,
+      default: () => BottomSheetVariant.Advanced
+    }
+  },
+  emits: ['update:state', 'open', 'close'],
+  expose: ['root', 'state', 'open', 'close', 'toggle'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    const content = ref();
+    // Props
+    const {
+      variant,
+      isOpen
+    } = toRefs(props);
+    // State
+    const {
+      state,
+      open,
+      close,
+      toggle
+    } = usePopoverState(isOpen, context.emit);
+    const fullscreen = ref(false);
+    // Styles
+    const rootStyles = computed(() => ['or-bottom-sheet-v3', ...BottomSheet, ...BottomSheetVariants[props.variant]]);
+    const handleStyles = computed(() => [...BottomSheetHandle]);
+    const headerStyles = computed(() => [...BottomSheetHeader]);
+    const contentStyles = computed(() => [...BottomSheetContent, fullscreen.value || variant.value === 'basic' ? 'overflow-y-auto' : 'overflow-hidden']);
+    // Effects
+    // #region Swipe
+    const {
+      rootInlineStyles
+    } = useBottomSheetSwipeState(root, content, fullscreen, variant, close);
+    // #endregion
+    watch(state, value => {
+      if (value === 'closed') {
+        fullscreen.value = false;
+      }
+    });
+    // #region Click Outside
+    onClickOutside(root, event => {
+      const path = event.composedPath();
+      if (!path.some(_ref => {
+        let {
+          classList
+        } = _ref;
+        return (classList === null || classList === void 0 ? void 0 : classList.contains('or-popover-v3')) || (classList === null || classList === void 0 ? void 0 : classList.contains('or-bottom-sheet-v3'));
+      })) {
+        close();
+      }
+    });
+    // #endregion
+    return {
+      root,
+      content,
+      rootStyles,
+      rootInlineStyles,
+      handleStyles,
+      headerStyles,
+      contentStyles,
+      state,
+      fullscreen,
+      open,
+      close,
+      toggle
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrOverlay = resolveComponent("OrOverlay");
+  return _ctx.state === 'open' ? (openBlock(), createBlock(_component_OrOverlay, {
+    key: 0,
+    fullscreen: _ctx.fullscreen
+  }, {
+    default: withCtx(() => [createElementVNode("div", mergeProps({
+      ref: 'root'
+    }, _ctx.$attrs, {
+      class: _ctx.rootStyles,
+      style: _ctx.rootInlineStyles
+    }), [_ctx.variant === 'advanced' ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.handleStyles)
+    }, null, 2 /* CLASS */)) : createCommentVNode("v-if", true), createElementVNode("div", {
+      class: normalizeClass(_ctx.headerStyles)
+    }, [renderSlot(_ctx.$slots, "header")], 2 /* CLASS */), createElementVNode("div", {
+      ref: 'content',
+      class: normalizeClass(_ctx.contentStyles)
+    }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */)], 16 /* FULL_PROPS */)]),
+
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["fullscreen"])) : createCommentVNode("v-if", true);
+}
+
+script.render = render;
+script.__file = "src/components/or-bottom-sheet-v3/OrBottomSheet.vue";
+
+export { BottomSheetVariant as B, BottomSheet as a, BottomSheetVariants as b, BottomSheetHandle as c, BottomSheetHeader as d, BottomSheetContent as e, script as s, useBottomSheetSwipeState as u };

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, Transition, withCtx, withDirectives, vShow, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from '../OrAvatar-24c81841.js';
+import { s as styleInject } from '../OrAvatar-2b5539e2.js';
 import { defineComponent, computed } from 'vue-demi';
 import { OrLoader as script$1, LoaderViews } from '../OrLoader/index.js';
 

package/dist/bundled/v3/components/OrButtonGroupV3/OrButtonGroup.js

@@ -1 +1 @@
-export { s as default } from '../OrButtonGroupV3-be10bd71.js';
+export { s as default } from '../OrButtonGroupV3-e60ec180.js';

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

@@ -1 +1 @@
-export { s as OrButtonGroupV3 } from '../OrButtonGroupV3-be10bd71.js';
+export { s as OrButtonGroupV3 } from '../OrButtonGroupV3-e60ec180.js';

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

@@ -1,2 +1,2 @@
-import '../OrButtonV3-1f4faede.js';
-export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-be10bd71.js';
+import '../OrButtonV3-2ae348a8.js';
+export { B as ButtonGroup, a as ButtonGroupVariants } from '../OrButtonGroupV3-e60ec180.js';

package/dist/bundled/v3/components/{OrButtonGroupV3-be10bd71.js → OrButtonGroupV3-e60ec180.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { B as ButtonVariant, a as ButtonColor } from './OrButtonV3-1f4faede.js';
+import { B as ButtonVariant, a as ButtonColor } from './OrButtonV3-2ae348a8.js';
 
 const ButtonGroup = [
 // Layout

package/dist/bundled/v3/components/OrButtonV2/OrButton.js

@@ -1 +1 @@
-export { s as default } from '../OrButtonV2-4aa24400.js';
+export { s as default } from '../OrButtonV2-54dd2f04.js';

package/dist/bundled/v3/components/OrButtonV2/constants.js

@@ -1 +1 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-4aa24400.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, H as HTML_BUTTON_TYPE, I as ICON_BUTTON_TYPE } from '../OrButtonV2-54dd2f04.js';

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

@@ -1,2 +1,2 @@
-export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2 } from '../OrButtonV2-4aa24400.js';
+export { B as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, a as BUTTON_SIZE, b as BUTTON_TYPE, I as ICON_BUTTON_TYPE, s as OrButtonV2 } from '../OrButtonV2-54dd2f04.js';
 export { default as OrIconButton } from '../OrIconButtonV2/OrIconButton.js';

package/dist/bundled/v3/components/{OrButtonV2-4aa24400.js → OrButtonV2-54dd2f04.js}

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createBlock, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from './OrAvatar-24c81841.js';
+import { s as styleInject } from './OrAvatar-2b5539e2.js';
 import { defineComponent, isVue3 } from 'vue-demi';
 import { OrIcon as script$1 } from './OrIcon/index.js';
 import { OrLoader as script$2, LoaderViews } from './OrLoader/index.js';

package/dist/bundled/v3/components/OrButtonV3/OrButton.js

@@ -1 +1 @@
-export { s as default } from '../OrButtonV3-1f4faede.js';
+export { s as default } from '../OrButtonV3-2ae348a8.js';

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

@@ -1 +1 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButtonV3-1f4faede.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant, s as OrButtonV3 } from '../OrButtonV3-2ae348a8.js';

package/dist/bundled/v3/components/OrButtonV3/props.js

@@ -1 +1 @@
-export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButtonV3-1f4faede.js';
+export { a as ButtonColor, b as ButtonType, B as ButtonVariant } from '../OrButtonV3-2ae348a8.js';

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

@@ -1 +1 @@
-export { c as Button, e as ButtonColors, d as ButtonVariants } from '../OrButtonV3-1f4faede.js';
+export { c as Button, e as ButtonColors, d as ButtonVariants } from '../OrButtonV3-2ae348a8.js';

package/dist/bundled/v3/components/{OrButtonV3-1f4faede.js → OrButtonV3-2ae348a8.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, openBlock, createElementBlock, mergeProps, toHandlers, createElementVNode, normalizeClass, renderSlot, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { defineComponent, ref, computed, isVue3 } from 'vue-demi';
-import { s as script$1 } from './OrLoaderV3-ea21ea97.js';
+import { s as script$1 } from './OrLoaderV3-ad5b89c6.js';
 
 var ButtonVariant;
 (function (ButtonVariant) {

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

@@ -1,5 +1,5 @@
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot } from 'vue';
-import { s as styleInject } from '../OrAvatar-24c81841.js';
+import { s as styleInject } from '../OrAvatar-2b5539e2.js';
 import { defineComponent } from 'vue-demi';
 
 var script = defineComponent({

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString, createVNode, withCtx, createTextVNode, createCommentVNode, renderSlot, createBlock, normalizeProps, guardReactiveProps } from 'vue';
-import { s as styleInject } from '../OrAvatar-24c81841.js';
+import { s as styleInject } from '../OrAvatar-2b5539e2.js';
 import { defineComponent, ref } from 'vue-demi';
 import script$1 from '../OrCard/OrCard.js';
 import { OrIcon as script$2 } from '../OrIcon/index.js';

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

@@ -1 +1 @@
-export { s as default } from '../OrCardCollectionV3-d90d8932.js';
+export { s as default } from '../OrCardCollectionV3-32230916.js';

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

@@ -1 +1 @@
-export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-d90d8932.js';
+export { C as CardCollectionView, s as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-32230916.js';

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

@@ -1 +1 @@
-export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-d90d8932.js';
+export { C as CardCollectionView, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollectionV3-32230916.js';

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

@@ -1 +1 @@
-export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, h as CardCollectionEmptyContentItem, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-d90d8932.js';
+export { a as CardCollection, e as CardCollectionContent, f as CardCollectionContentViews, h as CardCollectionEmptyContentItem, b as CardCollectionToolbar, c as CardCollectionToolbarPanel } from '../OrCardCollectionV3-32230916.js';

package/dist/bundled/v3/components/{OrCardCollectionV3-d90d8932.js → OrCardCollectionV3-32230916.js}

@@ -1,9 +1,9 @@
 import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString, resolveComponent, createElementVNode, createBlock, createCommentVNode, createVNode, normalizeProps, guardReactiveProps, withCtx } from 'vue';
 import { defineComponent, computed, ref, watch } from 'vue-demi';
-import { s as script$2 } from './OrIconButtonV3-4c00d7c0.js';
-import { s as script$3 } from './OrSortingV3-7e22e6cf.js';
+import { s as script$2 } from './OrIconButtonV3-8c956740.js';
+import { s as script$3 } from './OrSortingV3-734720cc.js';
 import script$4 from './OrSearchV3/OrSearch.js';
-import { s as script$5 } from './OrLoaderV3-ea21ea97.js';
+import { s as script$5 } from './OrLoaderV3-ad5b89c6.js';
 
 var CardCollectionView;
 (function (CardCollectionView) {

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

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, withModifiers, normalizeStyle, createVNode, Transition, withCtx, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from '../OrAvatar-24c81841.js';
+import { s as styleInject } from '../OrAvatar-2b5539e2.js';
 import { defineComponent } from 'vue-demi';
 import { OrIcon as script$1 } from '../OrIcon/index.js';
 

package/dist/bundled/v3/components/OrCheckboxGroupV3/OrCheckboxGroup.js

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementBlock, Fragment, renderList } from 'vue';
 import { defineComponent, toRef } from 'vue-demi';
-import { s as script$1 } from '../OrCheckboxTreeV3-b749ff88.js';
-import { s as script$2, F as FormGroupDirection } from '../OrFormGroupV3-72dc8852.js';
+import { s as script$1 } from '../OrCheckboxTreeV3-e844ae19.js';
+import { s as script$2, F as FormGroupDirection } from '../OrFormGroupV3-b80c18d1.js';
 import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
 
 var script = defineComponent({

package/dist/bundled/v3/components/OrCheckboxTreeV3/OrCheckboxTree.js

@@ -1 +1 @@
-export { s as default } from '../OrCheckboxTreeV3-b749ff88.js';
+export { s as default } from '../OrCheckboxTreeV3-e844ae19.js';

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

@@ -1 +1 @@
-export { s as OrCheckboxTreeV3 } from '../OrCheckboxTreeV3-b749ff88.js';
+export { s as OrCheckboxTreeV3 } from '../OrCheckboxTreeV3-e844ae19.js';

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

@@ -1 +1 @@
-export { C as CheckboxTreeRoot, a as CheckboxTreeRootParent } from '../OrCheckboxTreeV3-b749ff88.js';
+export { C as CheckboxTreeRoot, a as CheckboxTreeRootParent } from '../OrCheckboxTreeV3-e844ae19.js';

package/dist/bundled/v3/components/OrCheckboxTreeV3/utils/extractChildrenValues.js

@@ -1,2 +1,2 @@
 import '../../../utils/functions/flattenDeep.js';
-export { e as extractChildrenValues } from '../../OrCheckboxTreeV3-b749ff88.js';
+export { e as extractChildrenValues } from '../../OrCheckboxTreeV3-e844ae19.js';

package/dist/bundled/v3/components/{OrCheckboxTreeV3-b749ff88.js → OrCheckboxTreeV3-e844ae19.js}

@@ -2,9 +2,9 @@ import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragme
 import { defineComponent, toRefs, computed, watch } from 'vue-demi';
 import flattenDeep from '../utils/functions/flattenDeep.js';
 import { s as script$1 } from './OrIconV3-34670800.js';
-import { s as script$2 } from './OrCheckboxV3-7c614121.js';
-import { s as script$3 } from './OrButtonV3-1f4faede.js';
-import { u as useToggle } from './OrBottomSheetV3-fa1d34c6.js';
+import { s as script$2 } from './OrCheckboxV3-81e7bbf2.js';
+import { s as script$3 } from './OrButtonV3-2ae348a8.js';
+import { a as useToggle } from './OrAutocompleteV3-3b1ff7f8.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
 
 const CheckboxTreeRoot = [

package/dist/bundled/v3/components/OrCheckboxV3/OrCheckbox.js

@@ -1 +1 @@
-export { s as default } from '../OrCheckboxV3-7c614121.js';
+export { s as default } from '../OrCheckboxV3-81e7bbf2.js';

package/dist/bundled/v3/components/OrCheckboxV3/OrCheckbox.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "menu-item">;
+        type: PropType<"input" | "toggle" | "group" | "menu-item">;
         default: () => LabelVariant;
     };
     indeterminate: {
@@ -59,7 +59,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     labelVariant: {
-        type: PropType<"input" | "toggle" | "menu-item">;
+        type: PropType<"input" | "toggle" | "group" | "menu-item">;
         default: () => LabelVariant;
     };
     indeterminate: {
@@ -84,7 +84,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelValue: CheckboxModelValue;
     value: CheckboxValue;
     label: string;
-    labelVariant: "input" | "toggle" | "menu-item";
+    labelVariant: "input" | "toggle" | "group" | "menu-item";
     indeterminate: boolean;
     required: boolean;
     disabled: boolean;

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

@@ -1 +1 @@
-export { s as OrCheckboxV3 } from '../OrCheckboxV3-7c614121.js';
+export { s as OrCheckboxV3 } from '../OrCheckboxV3-81e7bbf2.js';

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

@@ -1 +1 @@
-export { C as Checkbox, a as CheckboxControl, b as CheckboxControlHandle } from '../OrCheckboxV3-7c614121.js';
+export { C as Checkbox, a as CheckboxControl, b as CheckboxControlHandle } from '../OrCheckboxV3-81e7bbf2.js';

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

@@ -1,2 +1,3 @@
-export type CheckboxModelValue = CheckboxValue[] | boolean | null | undefined;
+import { ModelValue } from '../../types';
+export type CheckboxModelValue = ModelValue<CheckboxValue[] | boolean>;
 export type CheckboxValue = string | number | object;

package/dist/bundled/v3/components/{OrCheckboxV3-7c614121.js → OrCheckboxV3-81e7bbf2.js}

@@ -1,12 +1,14 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
-import { s as styleInject } from './OrAvatar-24c81841.js';
+import { s as styleInject } from './OrAvatar-2b5539e2.js';
 import { defineComponent, reactive, ref, computed, toRef } from 'vue-demi';
-import { s as script$1, L as LabelVariant } from './OrLabelV3-23a42d9d.js';
-import { isArray } from '../utils/isArray.js';
-import { isNil } from '../utils/isNil.js';
+import { s as script$1, L as LabelVariant } from './OrLabelV3-2715e117.js';
 import { useIdAttribute } from '../hooks/useIdAttribute.js';
 import { useControlAttributes } from '../hooks/useControlAttributes.js';
 import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
+import { isArray } from '../utils/isArray.js';
+import { isUndefined } from '../utils/isUndefined.js';
+import { include } from '../utils/include.js';
+import { exclude } from '../utils/exclude.js';
 
 const Checkbox = [
 // Layout
@@ -53,7 +55,7 @@ var script = defineComponent({
       default: undefined
     },
     value: {
-      type: [String, Number, Object],
+      type: undefined,
       default: undefined
     },
     label: {
@@ -93,8 +95,8 @@ var script = defineComponent({
     const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
     const checked = computed(() => {
       if (isArray(model.value)) {
-        if (isNil(props.value)) {
-          throw new Error('[OrCheckbox]: Property "value" must be specified.');
+        if (isUndefined(props.value)) {
+          throw new Error('[OrCheckbox]: `value` must be specified.');
         }
         return model.value.includes(props.value);
       }
@@ -103,13 +105,13 @@ var script = defineComponent({
     // Handlers
     function onChange() {
       if (isArray(model.value)) {
-        if (isNil(props.value)) {
-          throw new Error('[OrCheckbox]: Property "value" must be specified.');
+        if (isUndefined(props.value)) {
+          throw new Error('[OrCheckbox]: `value` must be specified.');
         }
-        if (checked.value) {
-          model.value = model.value.filter(value => value !== props.value);
+        if (!checked.value) {
+          model.value = include(props.value, model.value);
         } else {
-          model.value = [...model.value, props.value];
+          model.value = exclude(props.value, model.value);
         }
       } else {
         model.value = !model.value;

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

@@ -1 +1 @@
-export { s as default } from '../OrChips-0bc2d3f3.js';
+export { s as default } from '../OrChips-3739c71a.js';

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

@@ -1 +1 @@
-export { s as OrChip } from '../OrChips-0bc2d3f3.js';
+export { s as OrChip } from '../OrChips-3739c71a.js';

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

@@ -1 +1 @@
-export { a as default } from '../OrChips-0bc2d3f3.js';
+export { a as default } from '../OrChips-3739c71a.js';

package/dist/bundled/v3/components/OrChips/constants.js

@@ -1 +1 @@
-export { O as OR_CHIPS_VALUE_PROP, P as PLACEHOLDER_PROP } from '../OrChips-0bc2d3f3.js';
+export { O as OR_CHIPS_VALUE_PROP, P as PLACEHOLDER_PROP } from '../OrChips-3739c71a.js';

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

@@ -1 +1 @@
-export { s as OrChip, a as OrChips } from '../OrChips-0bc2d3f3.js';
+export { s as OrChip, a as OrChips } from '../OrChips-3739c71a.js';

package/dist/bundled/v3/components/{OrChips-0bc2d3f3.js → OrChips-3739c71a.js}

@@ -1,5 +1,5 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode, withModifiers, Fragment, renderList, createBlock, withCtx, renderSlot } from 'vue';
-import { s as styleInject } from './OrAvatar-24c81841.js';
+import { s as styleInject } from './OrAvatar-2b5539e2.js';
 import { defineComponent } from 'vue-demi';
 import script$4 from './OrLabel/OrLabel.js';
 import script$5 from './OrError/OrError.js';

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

@@ -1 +1 @@
-export { q as default } from '../OrCode-76048d47.js';
+export { q as default } from '../OrCode-3e22f680.js';

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

@@ -1 +1 @@
-export { O as OrCodeLanguages } from '../OrCode-76048d47.js';
+export { O as OrCodeLanguages } from '../OrCode-3e22f680.js';

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

@@ -1 +1 @@
-export { q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-76048d47.js';
+export { q as OrCode, O as OrCodeLanguages, b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-3e22f680.js';

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

@@ -1 +1 @@
-export { r as CSS, u as HTML, J as JS, v as JSON, M as MD, T as TS, w as default } from '../OrCode-76048d47.js';
+export { r as CSS, u as HTML, J as JS, v as JSON, M as MD, T as TS, w as default } from '../OrCode-3e22f680.js';

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

@@ -1 +1 @@
-export { b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-76048d47.js';
+export { b as basicSetup, h as html, j as javascript, d as json, e as jsonParseLinter, c as lintGutter, l as linter } from '../OrCode-3e22f680.js';

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

@@ -1 +1 @@
-export { x as color, A as default, z as orCodeHighlightStyle, y as orCodeTheme } from '../OrCode-76048d47.js';
+export { x as color, A as default, z as orCodeHighlightStyle, y as orCodeTheme } from '../OrCode-3e22f680.js';

package/dist/bundled/v3/components/{OrCode-76048d47.js → OrCode-3e22f680.js}

@@ -1,10 +1,10 @@
 import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, createElementVNode, normalizeClass, createBlock, createCommentVNode, withDirectives, vShow } from 'vue';
-import { s as styleInject } from './OrAvatar-24c81841.js';
-import { a as useElementHover } from './OrBottomSheetV3-fa1d34c6.js';
+import { s as styleInject } from './OrAvatar-2b5539e2.js';
+import { b as useElementHover } from './OrAutocompleteV3-3b1ff7f8.js';
 import { defineComponent, ref } from 'vue-demi';
 import { s as script$3 } from './OrTeleport-5a34b07f.js';
 import script$1 from './OrIconButtonV2/OrIconButton.js';
-import { s as script$2 } from './OrModal-055d4e9e.js';
+import { s as script$2 } from './OrModal-46864b9d.js';
 import script$4 from './OrError/OrError.js';
 import script$5 from './OrHint/OrHint.js';
 import script$6 from './OrLabel/OrLabel.js';

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

@@ -1 +1 @@
-export { s as default } from '../OrCodeV3-97c10e05.js';
+export { s as default } from '../OrCodeV3-a8b4212c.js';