@onereach/ui-components 8.13.1 → 8.14.0-beta.3784.0

package/dist/bundled/v3/components/OrToastV3-8f116ba3.js

@@ -0,0 +1,584 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createElementVNode, toDisplayString, createBlock, withModifiers, withCtx, TransitionGroup, Fragment, renderList, mergeProps } from 'vue';
+import { s as styleInject } from './OrAvatar-115d4f9c.js';
+import { defineComponent, ref, computed, onBeforeMount, onBeforeUnmount, nextTick } from 'vue-demi';
+import { q as createSharedComposable, v as useEventBus, u as useToggle, x as noop } from './OrBottomSheetV3-973394c7.js';
+import { e as errorPng } from '../assets/error.png-8d4c833b.js';
+import { s as successPng } from '../assets/success.png-dd6156fc.js';
+import { s as script$2 } from './OrIconButtonV3-31b6e16e.js';
+import { s as script$3 } from './OrLoaderV3-e690e6d5.js';
+import script$4 from './OrTeleportV3/OrTeleport.js';
+import { useElevation } from '../hooks/useElevation.js';
+
+var PositionsX;
+(function (PositionsX) {
+  PositionsX["Right"] = "right";
+  PositionsX["Left"] = "left";
+  PositionsX["Center"] = "center";
+})(PositionsX || (PositionsX = {}));
+var PositionsY;
+(function (PositionsY) {
+  PositionsY["Top"] = "top";
+  PositionsY["Bottom"] = "bottom";
+})(PositionsY || (PositionsY = {}));
+var TransitionType;
+(function (TransitionType) {
+  TransitionType["Slide"] = "slide";
+  TransitionType["Fade"] = "fade";
+})(TransitionType || (TransitionType = {}));
+var ToastType;
+(function (ToastType) {
+  ToastType["Success"] = "success";
+  ToastType["Error"] = "error";
+  ToastType["Loading"] = "loading";
+})(ToastType || (ToastType = {}));
+
+var props = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  get PositionsX () { return PositionsX; },
+  get PositionsY () { return PositionsY; },
+  get TransitionType () { return TransitionType; },
+  get ToastType () { return ToastType; }
+});
+
+const Toast = [
+// Layout
+'layout-row',
+// Box
+'w-[343px] md:w-[512px]',
+// Shape
+'rounded-md',
+// Spacing
+'px-md', 'py-md', 'gap-md',
+// Typography
+'typography-caption-regular',
+// Elevation
+'shadow-card', 'dark:shadow-card-dark',
+// Theme
+'theme-background-surface-inverse', 'dark:theme-background-surface-inverse-dark', 'theme-foreground-on-surface-inverse', 'dark:theme-foreground-on-surface-inverse-dark',
+// Theme (children)
+'[&_:any-link]:text-inverse-primary', 'dark:[&_:any-link]:text-inverse-primary-dark'];
+const ToastContainer = [
+// Position
+'absolute',
+// Layout
+'layout-column',
+// Spacing
+'gap-sm',
+// Overflow
+'overflow-hidden'];
+const ToastContainerPositions = {
+  'left-top': [
+  // Position
+  'left-md md:left-lg', 'top-md md:top-lg'],
+  'center-top': [
+  // Position
+  'top-md md:top-lg'],
+  'right-top': [
+  // Position
+  'right-md md:right-lg', 'top-md md:top-lg'],
+  'left-bottom': [
+  // Position
+  'left-md md:left-lg', 'bottom-md md:bottom-lg'],
+  'center-bottom': [
+  // Position
+  'bottom-md md:bottom-lg'],
+  'right-bottom': [
+  // Position
+  'right-md md:right-lg', 'bottom-md md:bottom-lg']
+};
+const messageStyleVariant = {
+  'success': [
+  // Typography
+  'typography-caption-regular'],
+  'error': [
+  // Typography
+  'typography-caption-bold'],
+  'loading': [
+  // Typography
+  'typography-caption-bold']
+};
+
+var script$1 = defineComponent({
+  name: 'OrToast',
+  components: {
+    OrIconButton: script$2,
+    OrLoader: script$3
+  },
+  props: {
+    toastType: {
+      type: String,
+      default: () => ToastType.Success
+    },
+    link: {
+      type: Object,
+      default: undefined
+    },
+    messageText: {
+      type: String,
+      default: undefined
+    },
+    dismissible: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ['close'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs
+    const root = ref();
+    // Styles
+    const rootStyles = computed(() => [...Toast]);
+    const toastIconStyle = computed(() => ['self-center', 'object-cover',
+    // Box
+    'w-[20px]', 'h-[20px]']);
+    const messageStyle = computed(() => [...messageStyleVariant[props.toastType], 'grow']);
+    const loaderStyle = computed(() => [
+    //Layout
+    'self-center',
+    // Theme
+    'text-inverse-primary', 'dark:text-inverse-primary-dark']);
+    // State
+    const emojiSrc = computed(() => {
+      switch (props.toastType) {
+        case ToastType.Success:
+          return successPng;
+        case ToastType.Error:
+          return errorPng;
+        default:
+          return null;
+      }
+    });
+    const hrefTarget = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.link) === null || _a === void 0 ? void 0 : _a.target) !== null && _b !== void 0 ? _b : '_self';
+    });
+    // Methods
+    function onClose() {
+      context.emit('close');
+    }
+    function onLinkClick(event) {
+      var _a, _b, _c;
+      if ((_a = props.link) === null || _a === void 0 ? void 0 : _a.callback) {
+        event.preventDefault();
+        (_c = (_b = props.link).callback) === null || _c === void 0 ? void 0 : _c.call(_b);
+      }
+    }
+    return {
+      root,
+      toastIconStyle,
+      rootStyles,
+      loaderStyle,
+      messageStyle,
+      emojiSrc,
+      hrefTarget,
+      onClose,
+      onLinkClick
+    };
+  }
+});
+
+const _hoisted_1 = ["src"];
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = {
+  class: /*#__PURE__*/normalizeClass(['layout-row', 'self-start', 'gap-md'])
+};
+const _hoisted_4 = ["href", "target"];
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLoader = resolveComponent("OrLoader");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: normalizeClass(_ctx.rootStyles)
+  }, [renderSlot(_ctx.$slots, "content", {}, () => [createCommentVNode(" before message "), _ctx.toastType === 'loading' ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(_ctx.loaderStyle)
+  }, [createVNode(_component_OrLoader, {
+    variant: 'circular',
+    color: 'inherit',
+    size: 's'
+  })], 2 /* CLASS */)) : _ctx.emojiSrc ? (openBlock(), createElementBlock("img", {
+    key: 1,
+    class: normalizeClass(_ctx.toastIconStyle),
+    src: _ctx.emojiSrc,
+    alt: "Emoji"
+  }, null, 10 /* CLASS, PROPS */, _hoisted_1)) : createCommentVNode("v-if", true), createCommentVNode(" message "), _ctx.messageText ? (openBlock(), createElementBlock("div", {
+    key: 2,
+    class: normalizeClass(_ctx.messageStyle),
+    innerHTML: _ctx.messageText
+  }, null, 10 /* CLASS, PROPS */, _hoisted_2)) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_3, [_ctx.link ? (openBlock(), createElementBlock("a", {
+    key: 0,
+    class: "or-toast__link",
+    href: _ctx.link.href,
+    target: _ctx.hrefTarget,
+    onClick: _cache[0] || (_cache[0] = function () {
+      return _ctx.onLinkClick && _ctx.onLinkClick(...arguments);
+    })
+  }, toDisplayString(_ctx.link.title), 9 /* TEXT, PROPS */, _hoisted_4)) : createCommentVNode("v-if", true), _ctx.dismissible ? (openBlock(), createBlock(_component_OrIconButton, {
+    key: 1,
+    icon: 'close',
+    size: 'm',
+    onClick: _cache[1] || (_cache[1] = withModifiers($event => _ctx.onClose(), ["stop"]))
+  })) : createCommentVNode("v-if", true)])], 2 /* CLASS */);
+}
+
+var css_248z$1 = ".or-toast__link[data-v-837e78fc] {\n  word-break: break-word;\n  white-space: nowrap;\n  cursor: pointer;\n}";
+styleInject(css_248z$1);
+
+script$1.render = render$1;
+script$1.__scopeId = "data-v-837e78fc";
+script$1.__file = "src/components/or-toast-v3/OrToast.vue";
+
+function useQueue(initialValue) {
+  //generic needed! see https://github.com/vuejs/core/issues/2136
+  const queue = ref(initialValue || []);
+  const addItem = item => {
+    const refItem = ref(item);
+    queue.value.push(refItem);
+  };
+  const removeItem = condition => {
+    const index = queue.value.findIndex((i, idx, q) => {
+      return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
+    });
+    if (index !== -1) queue.value.splice(index, 1);
+  };
+  const getItem = condition => {
+    return queue.value.filter((i, idx, q) => {
+      return condition === null || condition === void 0 ? void 0 : condition(i.value, idx, q);
+    })[0];
+  };
+  const clearAll = () => {
+    queue.value = [];
+  };
+  return {
+    queue,
+    addItem,
+    removeItem,
+    clearAll,
+    getItem
+  };
+}
+
+const useToastEventBus = () => {
+  const busPull = {
+    toastNotify: useEventBus('toastNotify'),
+    toastClose: useEventBus('toastClose'),
+    toastCloseAll: useEventBus('toastCloseAll'),
+    toastUpdate: useEventBus('toastUpdate')
+  };
+  return {
+    on: (namedQueue, listener) => {
+      busPull[namedQueue].on(listener);
+    },
+    off: (namedQueue, listener) => {
+      busPull[namedQueue].off(listener);
+    },
+    emit: (namedQueue, data) => {
+      busPull[namedQueue].emit(data);
+    }
+  };
+};
+var useToastEventBus$1 = createSharedComposable(useToastEventBus);
+
+var script = defineComponent({
+  name: 'OrToastContainer',
+  components: {
+    OrTeleport: script$4,
+    OrToast: script$1
+  },
+  props: {
+    includeHeaderHeight: {
+      type: Boolean,
+      default: true
+    },
+    position: {
+      type: Object,
+      default: {
+        positionX: PositionsX.Right,
+        positionY: PositionsY.Bottom
+      }
+    },
+    transition: {
+      type: String,
+      default: () => TransitionType.Slide
+    }
+  },
+  setup(props) {
+    // Refs
+    const root = ref();
+    const {
+      on,
+      off
+    } = useToastEventBus$1();
+    const {
+      queue: queueRef,
+      addItem,
+      removeItem,
+      clearAll,
+      getItem
+    } = useQueue();
+    const [isActive, toggle] = useToggle(false);
+    const classes = computed(() => {
+      var _a;
+      return ['or-toast-container-v3', ...ToastContainer, ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`], {
+        'position--top--with-header': ((_a = props.position) === null || _a === void 0 ? void 0 : _a.positionY) === PositionsY.Top && props.includeHeaderHeight
+      }];
+    });
+    const transitionName = computed(() => {
+      var _a;
+      return `or-toast--position-${(_a = props.position) === null || _a === void 0 ? void 0 : _a.positionX} or-toast--transition-${props.transition}`;
+    });
+    // State
+    const queue = computed(() => {
+      return queueRef.value.map(_ref => {
+        let {
+          value
+        } = _ref;
+        return value;
+      });
+    });
+    // Methods
+    function createToast(toastConfiguration) {
+      const caller = () => {
+        var _a;
+        addItem(toastConfiguration);
+        (_a = toastConfiguration.timer) === null || _a === void 0 ? void 0 : _a.start(toastRemove.bind(null, toastConfiguration), toastConfiguration.toastBehaviour.duration);
+      };
+      if (!isActive.value) {
+        // before create toast we need change isActive props, to render or-teleport,
+        // in other case first item will not be animated
+        toggle(true);
+        nextTick(caller);
+      } else {
+        caller();
+      }
+    }
+    function toastUpdate(toast) {
+      const toastItem = getItem(item => {
+        return item.hash === toast.hash;
+      });
+      if (toastItem) toastItem.value = toast;
+    }
+    function toastRemove(toast) {
+      removeItem(item => {
+        var _a, _b, _c;
+        if (item.hash === toast.hash) {
+          (_b = (_a = item.toastBehaviour) === null || _a === void 0 ? void 0 : _a.onToastClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+          (_c = item.timer) === null || _c === void 0 ? void 0 : _c.stop();
+          return true;
+        }
+        return false;
+      });
+    }
+    function onToastEnter(toast) {
+      var _a;
+      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.pause();
+    }
+    function onToastLeave(toast) {
+      var _a;
+      if (toast.toastBehaviour.pauseOnHover) (_a = toast.timer) === null || _a === void 0 ? void 0 : _a.resume();
+    }
+    function onClick(toastBehaviour) {
+      var _a;
+      (_a = toastBehaviour.onToastClick) === null || _a === void 0 ? void 0 : _a.call(toastBehaviour);
+    }
+    function onToastHidden() {
+      toggle(queue.value.length > 0);
+    }
+    // Effects
+    onBeforeMount(() => {
+      on('toastNotify', createToast);
+      on('toastClose', toastRemove);
+      on('toastUpdate', toastUpdate);
+      on('toastCloseAll', clearAll);
+    });
+    onBeforeUnmount(() => {
+      off('toastNotify', createToast);
+      off('toastClose', toastRemove);
+      off('toastUpdate', toastUpdate);
+      off('toastCloseAll', clearAll);
+    });
+    useElevation(root, isActive);
+    return {
+      on,
+      off,
+      classes,
+      transitionName,
+      isActive,
+      toggle,
+      addItem,
+      removeItem,
+      clearAll,
+      getItem,
+      queue,
+      root,
+      createToast,
+      toastUpdate,
+      toastRemove,
+      onToastEnter,
+      onToastLeave,
+      onClick,
+      onToastHidden
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrToast = resolveComponent("OrToast");
+  const _component_OrTeleport = resolveComponent("OrTeleport");
+  return openBlock(), createBlock(_component_OrTeleport, {
+    disabled: _ctx.isActive
+  }, {
+    default: withCtx(() => [createElementVNode("div", {
+      ref: "root",
+      class: normalizeClass(_ctx.classes)
+    }, [createVNode(TransitionGroup, {
+      name: _ctx.transitionName,
+      tag: "div",
+      class: "contents",
+      onAfterLeave: _ctx.onToastHidden
+    }, {
+      default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.queue, toastConfiguration => {
+        return openBlock(), createBlock(_component_OrToast, mergeProps(toastConfiguration.toastProps, {
+          key: toastConfiguration.hash,
+          onClick: $event => _ctx.onClick(toastConfiguration.toastBehaviour),
+          onMouseenter: $event => _ctx.onToastEnter(toastConfiguration),
+          onMouseleave: $event => _ctx.onToastLeave(toastConfiguration),
+          onClose: $event => _ctx.toastRemove(toastConfiguration)
+        }), null, 16 /* FULL_PROPS */, ["onClick", "onMouseenter", "onMouseleave", "onClose"]);
+      }), 128 /* KEYED_FRAGMENT */))]),
+
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["name", "onAfterLeave"])], 2 /* CLASS */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"]);
+}
+
+var css_248z = ".or-toast--transition-slide-enter-active[data-v-f1d54776],\n.or-toast--transition-slide-leave-active[data-v-f1d54776] {\n  transition: transform 0.4s ease;\n}\n.or-toast--transition-slide-enter-from.or-toast--position-right[data-v-f1d54776],\n.or-toast--transition-slide-leave-to.or-toast--position-right[data-v-f1d54776] {\n  transform: translateX(999px);\n}\n.or-toast--transition-slide-enter-from.or-toast--position-left[data-v-f1d54776],\n.or-toast--transition-slide-leave-to.or-toast--position-left[data-v-f1d54776] {\n  transform: translateX(-999px);\n}\n.or-toast--transition-fade-enter-active[data-v-f1d54776],\n.or-toast--transition-fade-leave-active[data-v-f1d54776] {\n  transition: opacity 0.4s ease;\n}\n.or-toast--transition-fade-enter-from[data-v-f1d54776],\n.or-toast--transition-fade-leave-to[data-v-f1d54776] {\n  opacity: 0;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-f1d54776";
+script.__file = "src/components/or-toast-v3/or-toast-container-v3/OrToastContainer.vue";
+
+class Timer {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  constructor() {
+    this.startedAt = null;
+    this.timer = null;
+    this.callback = noop;
+    this.delay = 0;
+  }
+  start(callback, delay) {
+    if (delay && delay > 0) {
+      this.callback = callback;
+      this.delay = delay;
+      this.startedAt = Date.now();
+      this.timer = setTimeout(this.callback, this.delay);
+    }
+  }
+  pause() {
+    if (this.timer && this.startedAt) {
+      this.stop();
+      this.delay -= Date.now() - this.startedAt;
+    }
+  }
+  resume() {
+    this.stop();
+    if (this.delay > 0) {
+      this.startedAt = Date.now();
+      this.timer = setTimeout(this.callback, this.delay);
+    }
+  }
+  stop() {
+    if (this.timer) clearTimeout(this.timer);
+  }
+}
+
+function useToast() {
+  let globalToastProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    emit
+  } = useToastEventBus$1();
+  function notify(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    const {
+      duration = 5000,
+      pauseOnHover = true,
+      onToastClose,
+      onToastClick
+    } = behaviour;
+    const propsData = {
+      ...props,
+      ...globalToastProps
+    };
+    const config = {
+      toastProps: propsData,
+      //generate ToastHash
+      hash: Math.random().toString(36).slice(2),
+      ...(Number.isInteger(duration) && {
+        timer: new Timer()
+      }),
+      toastBehaviour: {
+        duration,
+        pauseOnHover,
+        onToastClose,
+        onToastClick
+      }
+    };
+    emit('toastNotify', config);
+    return {
+      close: () => emit('toastClose', config),
+      update: data => emit('toastUpdate', {
+        ...config,
+        toastProps: {
+          ...config.toastProps,
+          ...data
+        }
+      })
+    };
+  }
+  function clearAll() {
+    emit('toastCloseAll');
+  }
+  function success(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return notify({
+      ...props,
+      toastType: ToastType.Success
+    }, behaviour);
+  }
+  function error(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return notify({
+      ...props,
+      toastType: ToastType.Error
+    }, behaviour);
+  }
+  function loading(props) {
+    let behaviour = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return notify({
+      dismissible: false,
+      ...props,
+      toastType: ToastType.Loading
+    }, {
+      ...behaviour,
+      duration: 0 // <- toast with type "loading" will not cloe automatically
+    });
+  }
+
+  return {
+    notify,
+    clearAll,
+    success,
+    error,
+    loading
+  };
+}
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+export { PositionsX as P, TransitionType as T, script as a, useQueue as b, PositionsY as c, ToastType as d, Toast as e, ToastContainer as f, ToastContainerPositions as g, useToastEventBus$1 as h, Timer as i, messageStyleVariant as m, props as p, script$1 as s, types as t, useToast as u };

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

@@ -1,7 +1,7 @@
 import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, renderSlot, createTextVNode, toDisplayString, vShow, resolveComponent, createElementBlock, normalizeClass, createVNode, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
-import { s as styleInject } from '../OrAvatar-162f9e99.js';
+import { s as styleInject } from '../OrAvatar-115d4f9c.js';
 import { defineComponent, ref } from 'vue-demi';
-import { s as script$2, O as OrFloatingPlacements } from '../OrFloating-565fb29b.js';
+import { s as script$2, O as OrFloatingPlacements } from '../OrFloating-94c55ff4.js';
 
 /**
  * Checks if `value` is `null` or `undefined`.

package/dist/bundled/v3/components/OrTooltipV3/OrTooltip.js

@@ -1 +1 @@
-export { s as default } from '../OrTooltipV3-53aafbd8.js';
+export { s as default } from '../OrTooltipV3-c329834d.js';

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

@@ -1,2 +1,2 @@
-export { s as OrTooltipV3 } from '../OrTooltipV3-53aafbd8.js';
-export { P as TooltipPlacement } from '../OrPopoverV3-d3b92420.js';
+export { s as OrTooltipV3 } from '../OrTooltipV3-c329834d.js';
+export { P as TooltipPlacement } from '../OrPopoverV3-cd2d08ad.js';

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

@@ -1 +1 @@
-export { P as TooltipPlacement } from '../OrPopoverV3-d3b92420.js';
+export { P as TooltipPlacement } from '../OrPopoverV3-cd2d08ad.js';

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

@@ -1,2 +1,2 @@
-import '../OrPopoverV3-d3b92420.js';
-export { T as Tooltip, a as TooltipBody, b as TooltipBodyPlacements } from '../OrTooltipV3-53aafbd8.js';
+import '../OrPopoverV3-cd2d08ad.js';
+export { T as Tooltip, a as TooltipBody, b as TooltipBodyPlacements } from '../OrTooltipV3-c329834d.js';

package/dist/bundled/v3/components/{OrTooltipV3-53aafbd8.js → OrTooltipV3-c329834d.js}

@@ -1,7 +1,7 @@
-import { P as PopoverPlacement, s as script$1 } from './OrPopoverV3-d3b92420.js';
+import { P as PopoverPlacement, s as script$1 } from './OrPopoverV3-cd2d08ad.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, withCtx, createElementVNode, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
-import { t as usePopoverState } from './OrBottomSheetV3-2a792cab.js';
+import { usePopoverState } from '../hooks/usePopoverState.js';
 
 const Tooltip = [
 // Layout

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

@@ -1,8 +1,8 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, createBlock, withCtx, createVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, Fragment, renderList } from 'vue';
 import { defineComponent, ref, computed, watch, unref, onMounted } from 'vue-demi';
-import { s as script$2 } from '../OrButtonV3-25e3334b.js';
+import { s as script$2 } from '../OrButtonV3-a09969a1.js';
 import { s as script$3 } from '../OrIconV3-1b563e0d.js';
-import { a as useToggle } from '../OrBottomSheetV3-2a792cab.js';
+import { u as useToggle } from '../OrBottomSheetV3-973394c7.js';
 
 var TreeNodeDropPosition;
 (function (TreeNodeDropPosition) {