@octanejs/base-ui 0.1.50 → 0.1.51

package/dist/cjs/utils/floating/safePolygon.cjs

@@ -1,301 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var safePolygon_exports = {};
-__export(safePolygon_exports, {
-  safePolygon: () => safePolygon
-});
-module.exports = __toCommonJS(safePolygon_exports);
-var import_dom = require("../dom.cjs");
-var import_useTimeout = require("../useTimeout.cjs");
-var import_element = require("./element.cjs");
-var import_nodes = require("./nodes.cjs");
-const CURSOR_SPEED_THRESHOLD = 0.1;
-const CURSOR_SPEED_THRESHOLD_SQUARED = CURSOR_SPEED_THRESHOLD * CURSOR_SPEED_THRESHOLD;
-const POLYGON_BUFFER = 0.5;
-function hasIntersectingEdge(pointX, pointY, xi, yi, xj, yj) {
-  return yi >= pointY !== yj >= pointY && pointX <= (xj - xi) * (pointY - yi) / (yj - yi) + xi;
-}
-function isPointInQuadrilateral(pointX, pointY, x1, y1, x2, y2, x3, y3, x4, y4) {
-  let isInsideValue = false;
-  if (hasIntersectingEdge(pointX, pointY, x1, y1, x2, y2)) {
-    isInsideValue = !isInsideValue;
-  }
-  if (hasIntersectingEdge(pointX, pointY, x2, y2, x3, y3)) {
-    isInsideValue = !isInsideValue;
-  }
-  if (hasIntersectingEdge(pointX, pointY, x3, y3, x4, y4)) {
-    isInsideValue = !isInsideValue;
-  }
-  if (hasIntersectingEdge(pointX, pointY, x4, y4, x1, y1)) {
-    isInsideValue = !isInsideValue;
-  }
-  return isInsideValue;
-}
-function isInsideRect(pointX, pointY, rect) {
-  return pointX >= rect.x && pointX <= rect.x + rect.width && pointY >= rect.y && pointY <= rect.y + rect.height;
-}
-function isInsideAxisAlignedRect(pointX, pointY, x1, y1, x2, y2) {
-  const minX = Math.min(x1, x2);
-  const maxX = Math.max(x1, x2);
-  const minY = Math.min(y1, y2);
-  const maxY = Math.max(y1, y2);
-  return pointX >= minX && pointX <= maxX && pointY >= minY && pointY <= maxY;
-}
-function safePolygon(options = {}) {
-  const { blockPointerEvents = false } = options;
-  const timeout = new import_useTimeout.Timeout();
-  const fn = ({ x, y, placement, elements, onClose, nodeId, tree }) => {
-    const side = placement?.split("-")[0];
-    let hasLanded = false;
-    let lastX = null;
-    let lastY = null;
-    let lastCursorTime = typeof performance !== "undefined" ? performance.now() : 0;
-    function isCursorMovingSlowly(nextX, nextY) {
-      const currentTime = performance.now();
-      const elapsedTime = currentTime - lastCursorTime;
-      if (lastX === null || lastY === null || elapsedTime === 0) {
-        lastX = nextX;
-        lastY = nextY;
-        lastCursorTime = currentTime;
-        return false;
-      }
-      const deltaX = nextX - lastX;
-      const deltaY = nextY - lastY;
-      const distanceSquared = deltaX * deltaX + deltaY * deltaY;
-      const thresholdSquared = elapsedTime * elapsedTime * CURSOR_SPEED_THRESHOLD_SQUARED;
-      lastX = nextX;
-      lastY = nextY;
-      lastCursorTime = currentTime;
-      return distanceSquared < thresholdSquared;
-    }
-    function close() {
-      timeout.clear();
-      onClose();
-    }
-    return function onMouseMove(event) {
-      timeout.clear();
-      const domReference = elements.domReference;
-      const floating = elements.floating;
-      if (!domReference || !floating || side == null || x == null || y == null) {
-        return void 0;
-      }
-      const { clientX, clientY } = event;
-      const target = (0, import_element.getTarget)(event);
-      const isLeave = event.type === "mouseleave";
-      const isOverFloatingEl = (0, import_element.contains)(floating, target);
-      const isOverReferenceEl = (0, import_element.contains)(domReference, target);
-      if (isOverFloatingEl) {
-        hasLanded = true;
-        if (!isLeave) {
-          return void 0;
-        }
-      }
-      if (isOverReferenceEl) {
-        hasLanded = false;
-        if (!isLeave) {
-          hasLanded = true;
-          return void 0;
-        }
-      }
-      if (isLeave && (0, import_dom.isElement)(event.relatedTarget) && (0, import_element.contains)(floating, event.relatedTarget)) {
-        return void 0;
-      }
-      function hasOpenChildNode() {
-        return Boolean(tree && (0, import_nodes.getNodeChildren)(tree.nodesRef.current, nodeId).length > 0);
-      }
-      function closeIfNoOpenChild() {
-        if (!hasOpenChildNode()) {
-          close();
-        }
-      }
-      if (hasOpenChildNode()) {
-        return void 0;
-      }
-      const refRect = domReference.getBoundingClientRect();
-      const rect = floating.getBoundingClientRect();
-      const cursorLeaveFromRight = x > rect.right - rect.width / 2;
-      const cursorLeaveFromBottom = y > rect.bottom - rect.height / 2;
-      const isFloatingWider = rect.width > refRect.width;
-      const isFloatingTaller = rect.height > refRect.height;
-      const left = (isFloatingWider ? refRect : rect).left;
-      const right = (isFloatingWider ? refRect : rect).right;
-      const top = (isFloatingTaller ? refRect : rect).top;
-      const bottom = (isFloatingTaller ? refRect : rect).bottom;
-      if (side === "top" && y >= refRect.bottom - 1 || side === "bottom" && y <= refRect.top + 1 || side === "left" && x >= refRect.right - 1 || side === "right" && x <= refRect.left + 1) {
-        closeIfNoOpenChild();
-        return void 0;
-      }
-      let isInsideTroughRect = false;
-      switch (side) {
-        case "top":
-          isInsideTroughRect = isInsideAxisAlignedRect(
-            clientX,
-            clientY,
-            left,
-            refRect.top + 1,
-            right,
-            rect.bottom - 1
-          );
-          break;
-        case "bottom":
-          isInsideTroughRect = isInsideAxisAlignedRect(
-            clientX,
-            clientY,
-            left,
-            rect.top + 1,
-            right,
-            refRect.bottom - 1
-          );
-          break;
-        case "left":
-          isInsideTroughRect = isInsideAxisAlignedRect(
-            clientX,
-            clientY,
-            rect.right - 1,
-            bottom,
-            refRect.left + 1,
-            top
-          );
-          break;
-        case "right":
-          isInsideTroughRect = isInsideAxisAlignedRect(
-            clientX,
-            clientY,
-            refRect.right - 1,
-            bottom,
-            rect.left + 1,
-            top
-          );
-          break;
-        default:
-      }
-      if (isInsideTroughRect) {
-        return void 0;
-      }
-      if (hasLanded && !isInsideRect(clientX, clientY, refRect)) {
-        closeIfNoOpenChild();
-        return void 0;
-      }
-      if (!isLeave && isCursorMovingSlowly(clientX, clientY)) {
-        closeIfNoOpenChild();
-        return void 0;
-      }
-      let isInsidePolygon = false;
-      switch (side) {
-        case "top": {
-          const cursorXOffset = isFloatingWider ? POLYGON_BUFFER / 2 : POLYGON_BUFFER * 4;
-          const cursorPointOneX = isFloatingWider ? x + cursorXOffset : cursorLeaveFromRight ? x + cursorXOffset : x - cursorXOffset;
-          const cursorPointTwoX = isFloatingWider ? x - cursorXOffset : cursorLeaveFromRight ? x + cursorXOffset : x - cursorXOffset;
-          const cursorPointY = y + POLYGON_BUFFER + 1;
-          const commonYLeft = cursorLeaveFromRight ? rect.bottom - POLYGON_BUFFER : isFloatingWider ? rect.bottom - POLYGON_BUFFER : rect.top;
-          const commonYRight = cursorLeaveFromRight ? isFloatingWider ? rect.bottom - POLYGON_BUFFER : rect.top : rect.bottom - POLYGON_BUFFER;
-          isInsidePolygon = isPointInQuadrilateral(
-            clientX,
-            clientY,
-            cursorPointOneX,
-            cursorPointY,
-            cursorPointTwoX,
-            cursorPointY,
-            rect.left,
-            commonYLeft,
-            rect.right,
-            commonYRight
-          );
-          break;
-        }
-        case "bottom": {
-          const cursorXOffset = isFloatingWider ? POLYGON_BUFFER / 2 : POLYGON_BUFFER * 4;
-          const cursorPointOneX = isFloatingWider ? x + cursorXOffset : cursorLeaveFromRight ? x + cursorXOffset : x - cursorXOffset;
-          const cursorPointTwoX = isFloatingWider ? x - cursorXOffset : cursorLeaveFromRight ? x + cursorXOffset : x - cursorXOffset;
-          const cursorPointY = y - POLYGON_BUFFER;
-          const commonYLeft = cursorLeaveFromRight ? rect.top + POLYGON_BUFFER : isFloatingWider ? rect.top + POLYGON_BUFFER : rect.bottom;
-          const commonYRight = cursorLeaveFromRight ? isFloatingWider ? rect.top + POLYGON_BUFFER : rect.bottom : rect.top + POLYGON_BUFFER;
-          isInsidePolygon = isPointInQuadrilateral(
-            clientX,
-            clientY,
-            cursorPointOneX,
-            cursorPointY,
-            cursorPointTwoX,
-            cursorPointY,
-            rect.left,
-            commonYLeft,
-            rect.right,
-            commonYRight
-          );
-          break;
-        }
-        case "left": {
-          const cursorYOffset = isFloatingTaller ? POLYGON_BUFFER / 2 : POLYGON_BUFFER * 4;
-          const cursorPointOneY = isFloatingTaller ? y + cursorYOffset : cursorLeaveFromBottom ? y + cursorYOffset : y - cursorYOffset;
-          const cursorPointTwoY = isFloatingTaller ? y - cursorYOffset : cursorLeaveFromBottom ? y + cursorYOffset : y - cursorYOffset;
-          const cursorPointX = x + POLYGON_BUFFER + 1;
-          const commonXTop = cursorLeaveFromBottom ? rect.right - POLYGON_BUFFER : isFloatingTaller ? rect.right - POLYGON_BUFFER : rect.left;
-          const commonXBottom = cursorLeaveFromBottom ? isFloatingTaller ? rect.right - POLYGON_BUFFER : rect.left : rect.right - POLYGON_BUFFER;
-          isInsidePolygon = isPointInQuadrilateral(
-            clientX,
-            clientY,
-            commonXTop,
-            rect.top,
-            commonXBottom,
-            rect.bottom,
-            cursorPointX,
-            cursorPointOneY,
-            cursorPointX,
-            cursorPointTwoY
-          );
-          break;
-        }
-        case "right": {
-          const cursorYOffset = isFloatingTaller ? POLYGON_BUFFER / 2 : POLYGON_BUFFER * 4;
-          const cursorPointOneY = isFloatingTaller ? y + cursorYOffset : cursorLeaveFromBottom ? y + cursorYOffset : y - cursorYOffset;
-          const cursorPointTwoY = isFloatingTaller ? y - cursorYOffset : cursorLeaveFromBottom ? y + cursorYOffset : y - cursorYOffset;
-          const cursorPointX = x - POLYGON_BUFFER;
-          const commonXTop = cursorLeaveFromBottom ? rect.left + POLYGON_BUFFER : isFloatingTaller ? rect.left + POLYGON_BUFFER : rect.right;
-          const commonXBottom = cursorLeaveFromBottom ? isFloatingTaller ? rect.left + POLYGON_BUFFER : rect.right : rect.left + POLYGON_BUFFER;
-          isInsidePolygon = isPointInQuadrilateral(
-            clientX,
-            clientY,
-            cursorPointX,
-            cursorPointOneY,
-            cursorPointX,
-            cursorPointTwoY,
-            commonXTop,
-            rect.top,
-            commonXBottom,
-            rect.bottom
-          );
-          break;
-        }
-        default:
-      }
-      if (!isInsidePolygon) {
-        closeIfNoOpenChild();
-      } else if (!hasLanded) {
-        timeout.start(40, closeIfNoOpenChild);
-      }
-      return void 0;
-    };
-  };
-  fn.__options = { ...options, blockPointerEvents };
-  return fn;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  safePolygon
-});

package/dist/cjs/utils/floating/tabbable.cjs

@@ -1,242 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var tabbable_exports = {};
-__export(tabbable_exports, {
-  disableFocusInside: () => disableFocusInside,
-  enableFocusInside: () => enableFocusInside,
-  focusable: () => focusable,
-  getNextTabbable: () => getNextTabbable,
-  getPreviousTabbable: () => getPreviousTabbable,
-  getTabbableAfterElement: () => getTabbableAfterElement,
-  getTabbableBeforeElement: () => getTabbableBeforeElement,
-  isOutsideEvent: () => isOutsideEvent,
-  isTabbable: () => isTabbable,
-  tabbable: () => tabbable
-});
-module.exports = __toCommonJS(tabbable_exports);
-var import_dom = require("@floating-ui/utils/dom");
-var import_owner = require("../owner.cjs");
-var import_element = require("./element.cjs");
-var import_composite = require("./composite.cjs");
-const CANDIDATE_SELECTOR = 'a[href],button,input,select,textarea,summary,details,iframe,object,embed,[tabindex],[contenteditable]:not([contenteditable="false"]),audio[controls],video[controls]';
-function getParentElement(element) {
-  const assignedSlot = element.assignedSlot;
-  if (assignedSlot) {
-    return assignedSlot;
-  }
-  if (element.parentElement) {
-    return element.parentElement;
-  }
-  const rootNode = element.getRootNode();
-  return (0, import_dom.isShadowRoot)(rootNode) ? rootNode.host : null;
-}
-function getDetailsSummary(details) {
-  for (const child of Array.from(details.children)) {
-    if ((0, import_dom.getNodeName)(child) === "summary") {
-      return child;
-    }
-  }
-  return null;
-}
-function isWithinOpenDetailsSummary(element, details) {
-  const summary = getDetailsSummary(details);
-  return !!summary && (element === summary || (0, import_element.contains)(summary, element));
-}
-function isFocusableCandidate(element) {
-  const nodeName = element ? (0, import_dom.getNodeName)(element) : "";
-  return element != null && element.matches(CANDIDATE_SELECTOR) && (nodeName !== "summary" || element.parentElement != null && (0, import_dom.getNodeName)(element.parentElement) === "details" && getDetailsSummary(element.parentElement) === element) && (nodeName !== "details" || getDetailsSummary(element) == null) && (nodeName !== "input" || element.type !== "hidden");
-}
-function isFocusableElement(element) {
-  if (!isFocusableCandidate(element) || !element.isConnected || element.matches(":disabled")) {
-    return false;
-  }
-  for (let current = element; current; current = getParentElement(current)) {
-    const isAncestor = current !== element;
-    const isSlot = (0, import_dom.getNodeName)(current) === "slot";
-    if (current.hasAttribute("inert")) {
-      return false;
-    }
-    if (isAncestor && (0, import_dom.getNodeName)(current) === "details" && !current.open && !isWithinOpenDetailsSummary(element, current) || current.hasAttribute("hidden") || !isSlot && !isVisibleInTabbableTree(current, isAncestor)) {
-      return false;
-    }
-  }
-  return true;
-}
-function isVisibleInTabbableTree(element, isAncestor) {
-  const styles = (0, import_dom.getComputedStyle)(element);
-  if (!isAncestor) {
-    return (0, import_composite.isElementVisible)(element, styles);
-  }
-  return styles.display !== "none";
-}
-function getTabIndex(element) {
-  const tabIndex = element.tabIndex;
-  if (tabIndex < 0) {
-    const nodeName = (0, import_dom.getNodeName)(element);
-    if (nodeName === "details" || nodeName === "audio" || nodeName === "video" || (0, import_dom.isHTMLElement)(element) && element.isContentEditable) {
-      return 0;
-    }
-  }
-  return tabIndex;
-}
-function getNamedRadioInput(element) {
-  if ((0, import_dom.getNodeName)(element) !== "input") {
-    return null;
-  }
-  const input = element;
-  return input.type === "radio" && input.name !== "" ? input : null;
-}
-function isTabbableRadio(element, candidates) {
-  const input = getNamedRadioInput(element);
-  if (!input) {
-    return true;
-  }
-  const checkedRadio = candidates.find((candidate) => {
-    const radio = getNamedRadioInput(candidate);
-    return radio?.name === input.name && radio.form === input.form && radio.checked;
-  });
-  if (checkedRadio) {
-    return checkedRadio === input;
-  }
-  return candidates.find((candidate) => {
-    const radio = getNamedRadioInput(candidate);
-    return radio?.name === input.name && radio.form === input.form;
-  }) === input;
-}
-function getComposedChildren(container) {
-  if ((0, import_dom.isHTMLElement)(container) && (0, import_dom.getNodeName)(container) === "slot") {
-    const assignedElements = container.assignedElements({
-      flatten: true
-    });
-    if (assignedElements.length > 0) {
-      return assignedElements;
-    }
-  }
-  if ((0, import_dom.isHTMLElement)(container) && container.shadowRoot) {
-    return Array.from(container.shadowRoot.children);
-  }
-  return Array.from(container.children);
-}
-function appendCandidates(container, list) {
-  getComposedChildren(container).forEach((child) => {
-    if (isFocusableCandidate(child)) {
-      list.push(child);
-    }
-    appendCandidates(child, list);
-  });
-}
-function appendMatchingElements(container, selector, list) {
-  getComposedChildren(container).forEach((child) => {
-    if ((0, import_dom.isHTMLElement)(child) && child.matches(selector)) {
-      list.push(child);
-    }
-    appendMatchingElements(child, selector, list);
-  });
-}
-function isTabbable(element) {
-  return isFocusableElement(element) && getTabIndex(element) >= 0;
-}
-function focusable(container) {
-  const candidates = [];
-  appendCandidates(container, candidates);
-  return candidates.filter(isFocusableElement);
-}
-function tabbable(container) {
-  const candidates = focusable(container);
-  return candidates.filter(
-    (element) => getTabIndex(element) >= 0 && isTabbableRadio(element, candidates)
-  );
-}
-function getTabbableIn(container, dir) {
-  const list = tabbable(container);
-  const len = list.length;
-  if (len === 0) {
-    return void 0;
-  }
-  const active = (0, import_element.activeElement)((0, import_owner.ownerDocument)(container));
-  const index = list.indexOf(active);
-  const nextIndex = index === -1 ? dir === 1 ? 0 : len - 1 : index + dir;
-  return list[nextIndex];
-}
-function getNextTabbable(referenceElement) {
-  return getTabbableIn((0, import_owner.ownerDocument)(referenceElement).body, 1) || referenceElement;
-}
-function getPreviousTabbable(referenceElement) {
-  return getTabbableIn((0, import_owner.ownerDocument)(referenceElement).body, -1) || referenceElement;
-}
-function getTabbableNearElement(referenceElement, dir) {
-  if (!referenceElement) {
-    return null;
-  }
-  const list = tabbable((0, import_owner.ownerDocument)(referenceElement).body);
-  const elementCount = list.length;
-  if (elementCount === 0) {
-    return null;
-  }
-  const index = list.indexOf(referenceElement);
-  if (index === -1) {
-    return null;
-  }
-  const nextIndex = (index + dir + elementCount) % elementCount;
-  return list[nextIndex];
-}
-function getTabbableAfterElement(referenceElement) {
-  return getTabbableNearElement(referenceElement, 1);
-}
-function getTabbableBeforeElement(referenceElement) {
-  return getTabbableNearElement(referenceElement, -1);
-}
-function isOutsideEvent(event, container) {
-  const containerElement = container || event.currentTarget;
-  const relatedTarget = event.relatedTarget;
-  return !relatedTarget || !(0, import_element.contains)(containerElement, relatedTarget);
-}
-function disableFocusInside(container) {
-  const tabbableElements = tabbable(container);
-  tabbableElements.forEach((element) => {
-    element.dataset.tabindex = element.getAttribute("tabindex") || "";
-    element.setAttribute("tabindex", "-1");
-  });
-}
-function enableFocusInside(container) {
-  const elements = [];
-  appendMatchingElements(container, "[data-tabindex]", elements);
-  elements.forEach((element) => {
-    const tabindex = element.dataset.tabindex;
-    delete element.dataset.tabindex;
-    if (tabindex) {
-      element.setAttribute("tabindex", tabindex);
-    } else {
-      element.removeAttribute("tabindex");
-    }
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  disableFocusInside,
-  enableFocusInside,
-  focusable,
-  getNextTabbable,
-  getPreviousTabbable,
-  getTabbableAfterElement,
-  getTabbableBeforeElement,
-  isOutsideEvent,
-  isTabbable,
-  tabbable
-});

package/dist/cjs/utils/floating/types.cjs

@@ -1,16 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);