@tcn/ui 0.0.1

package/dist/overlay/context_menu/context_menu.js

@@ -0,0 +1,45 @@
+import { jsxs as s, Fragment as c, jsx as t } from "react/jsx-runtime";
+import { P as m } from "../../portal-qqIp4SIl.js";
+import { useState as h } from "react";
+import { Menu as u } from "../menu/menu.js";
+function v({ open: e, position: r, children: n, onClose: i }) {
+  const [o, l] = h(null);
+  return !e || r == null ? null : /* @__PURE__ */ s(c, { children: [
+    /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t("div", { style: { position: "fixed", inset: 0 }, children: /* @__PURE__ */ t(
+      "div",
+      {
+        ref: (a) => {
+          l(a);
+        },
+        style: {
+          position: "absolute",
+          top: r.y,
+          left: r.x,
+          width: "1px",
+          height: "1px",
+          opacity: 0
+        }
+      }
+    ) }) }),
+    /* @__PURE__ */ t(
+      u,
+      {
+        veil: !0,
+        horizontalAnchor: "start",
+        verticalAnchor: "top",
+        horizontalOrigin: "start",
+        verticalOrigin: "top",
+        anchorElement: o,
+        open: e,
+        onClose: i,
+        minWidth: "150px",
+        className: "context-menu",
+        children: n
+      }
+    )
+  ] });
+}
+export {
+  v as ContextMenu
+};
+//# sourceMappingURL=context_menu.js.map

package/dist/overlay/context_menu/context_menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context_menu.js","sources":["../../../src/overlay/context_menu/context_menu.tsx"],"sourcesContent":["import { Position } from '../../utils/index.js';\nimport { Portal } from '../portal/portal.js';\nimport React, { useState } from 'react';\nimport { Menu } from '../menu/menu.js';\n\nexport interface ContextMenuProps {\n  open: boolean;\n  onClose: () => void;\n  position?: Position | null;\n  children?: React.ReactNode;\n}\n\nexport function ContextMenu({ open, position, children, onClose }: ContextMenuProps) {\n  const [anchorElement, setAnchorElement] = useState<HTMLElement | null>(null);\n\n  if (!open || position == null) {\n    return null;\n  }\n\n  return (\n    <>\n      <Portal>\n        <div style={{ position: 'fixed', inset: 0 }}>\n          <div\n            ref={element => {\n              setAnchorElement(element);\n            }}\n            style={{\n              position: 'absolute',\n              top: position.y,\n              left: position.x,\n              width: '1px',\n              height: '1px',\n              opacity: 0,\n            }}\n          ></div>\n        </div>\n      </Portal>\n      <Menu\n        veil\n        horizontalAnchor=\"start\"\n        verticalAnchor=\"top\"\n        horizontalOrigin=\"start\"\n        verticalOrigin=\"top\"\n        anchorElement={anchorElement}\n        open={open}\n        onClose={onClose}\n        minWidth=\"150px\"\n        className=\"context-menu\"\n      >\n        {children}\n      </Menu>\n    </>\n  );\n}\n"],"names":["ContextMenu","open","position","children","onClose","anchorElement","setAnchorElement","useState","jsxs","Fragment","jsx","Portal","element","Menu"],"mappings":";;;;AAYO,SAASA,EAAY,EAAE,MAAAC,GAAM,UAAAC,GAAU,UAAAC,GAAU,SAAAC,KAA6B;AACnF,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAA6B,IAAI;AAE3E,SAAI,CAACN,KAAQC,KAAY,OAChB,OAIP,gBAAAM,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACC,4BAAC,OAAA,EAAI,OAAO,EAAE,UAAU,SAAS,OAAO,EAAA,GACtC,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK,CAAAE,MAAW;AACd,UAAAN,EAAiBM,CAAO;AAAA,QAC1B;AAAA,QACA,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAKV,EAAS;AAAA,UACd,MAAMA,EAAS;AAAA,UACf,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,GAEJ,EAAA,CACF;AAAA,IACA,gBAAAQ;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAI;AAAA,QACJ,kBAAiB;AAAA,QACjB,gBAAe;AAAA,QACf,kBAAiB;AAAA,QACjB,gBAAe;AAAA,QACf,eAAAR;AAAA,QACA,MAAAJ;AAAA,QACA,SAAAG;AAAA,QACA,UAAS;AAAA,QACT,WAAU;AAAA,QAET,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/overlay/menu/menu.d.ts

@@ -0,0 +1,29 @@
+import { HStackProps } from '../../stacks/h_stack.js';
+import { VStackProps } from '../../stacks/v_stack.js';
+import { PopperProps } from '../../overlay/popper/popper.js';
+import { default as React } from 'react';
+export type MenuProps = Omit<PopperProps & VStackProps, 'children'> & {
+    children?: React.ReactNode;
+    onActivatedMenu?: (hasActiveMenu: boolean) => void;
+    direction?: 'up' | 'down';
+};
+export declare const Menu: React.ForwardRefExoticComponent<Omit<PopperProps & VStackProps<HTMLElement>, "children"> & {
+    children?: React.ReactNode;
+    onActivatedMenu?: (hasActiveMenu: boolean) => void;
+    direction?: "up" | "down";
+} & React.RefAttributes<HTMLDivElement>>;
+export interface MenuItemProps extends Omit<HStackProps, 'children'> {
+    open?: boolean;
+    children?: React.ReactElement<MenuItemProps>[];
+    selected?: boolean;
+    label?: React.ReactNode;
+    direction?: 'up' | 'down';
+    verticalAnchor?: 'top' | 'center' | 'bottom';
+    verticalOrigin?: 'top' | 'center' | 'bottom';
+    verticalOffset?: number;
+    horizontalAnchor?: 'center' | 'start' | 'end';
+    horizontalOrigin?: 'center' | 'start' | 'end';
+    horizontalOffset?: number;
+}
+export declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=menu.d.ts.map

package/dist/overlay/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/overlay/menu/menu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,KAA4C,MAAM,OAAO,CAAC;AAIjE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,GAAG,WAAW,EAAE,UAAU,CAAC,GAAG;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,IAAI;eALJ,KAAK,CAAC,SAAS;sBACR,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI;gBACtC,IAAI,GAAG,MAAM;wCAkGzB,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAClE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAC9C,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,sFA0InB,CAAC"}

package/dist/overlay/menu/menu.js

@@ -0,0 +1,165 @@
+import { jsx as g, jsxs as W, Fragment as q } from "react/jsx-runtime";
+import { BodyText as O } from "../../typography/body_text/body_text.js";
+import "../../utils/focus_redirect.js";
+import "../../utils/click_away_listener.js";
+import "../../utils/scroll_away_listener.js";
+import f, { useState as F, useLayoutEffect as _, useRef as M } from "react";
+import { useForkRef as T } from "../../utils/hooks/use_fork_ref.js";
+import "../../utils/hooks/use_resize_observer.js";
+import { HStack as G } from "../../stacks/h_stack.js";
+import { VStack as J } from "../../stacks/v_stack.js";
+import { Popper as K } from "../popper/popper.js";
+import L from "classnames";
+import '../../menu.css';const Q = "_menu_9ce21e3", U = "_menu-item_68b387f", N = { menu: Q, "menu-item": U }, Z = f.forwardRef(function({
+  anchorElement: R,
+  verticalAnchor: y,
+  verticalOrigin: S,
+  verticalOffset: i,
+  horizontalAnchor: C,
+  horizontalOrigin: X,
+  horizontalOffset: h,
+  direction: m,
+  open: d,
+  onClose: x,
+  restoreFocus: Y,
+  veil: s,
+  onActivatedMenu: c,
+  children: b = [],
+  className: E,
+  ...I
+}, z) {
+  const [P, r] = F(-1), l = f.Children.toArray(b).map((t, a) => {
+    if (!f.isValidElement(t))
+      return t;
+    if (t.type !== D)
+      return f.cloneElement(t, {
+        ...t.props,
+        onClick: (e) => {
+          e.stopPropagation(), t.props.onClick && t.props.onClick(e);
+        }
+      });
+    const k = {
+      ...t.props,
+      key: a,
+      verticalAnchor: m === "up" ? "bottom" : "top",
+      verticalOrigin: m === "up" ? "bottom" : "top",
+      verticalOffset: i,
+      horizontalAnchor: "end",
+      horizontalOrigin: "start",
+      horizontalOffset: h,
+      direction: m,
+      onClick: (e) => {
+        t.props.children == null && x && x(), t.props.onClick && t.props.onClick(e);
+      },
+      onMouseEnter: (e) => {
+        r(a), c && c(!0), t.props.onMouseEnter && t.props.onMouseEnter(e);
+      }
+    };
+    return t.type === D && (k.open = P === a), f.cloneElement(t, k);
+  });
+  return m === "up" && l.reverse(), _(() => {
+    d || (r(-1), c && c(!1));
+  }, [d, c]), /* @__PURE__ */ g(
+    K,
+    {
+      anchorElement: R,
+      verticalAnchor: y,
+      verticalOrigin: S,
+      verticalOffset: i,
+      horizontalAnchor: C || "end",
+      horizontalOrigin: X || "end",
+      horizontalOffset: h,
+      open: d,
+      onClose: x,
+      restoreFocus: Y,
+      veil: s,
+      children: /* @__PURE__ */ g(J, { ref: z, className: L(N.menu, E, "menu"), ...I, children: l })
+    }
+  );
+}), D = f.forwardRef(function({
+  selected: R,
+  label: y,
+  className: S,
+  children: i,
+  direction: C = "down",
+  verticalAnchor: X = "top",
+  verticalOrigin: h = "top",
+  verticalOffset: m,
+  horizontalAnchor: d = "end",
+  horizontalOrigin: x = "start",
+  horizontalOffset: Y,
+  open: s = !1,
+  ...c
+}, b) {
+  const E = M(!1), I = M({ x: -1, y: -1 }), z = M({ x: -1, y: -1 }), [P, r] = F(!1), l = M(null), t = T(b, l), a = i != null && i.length > 0;
+  function k() {
+    r(!1);
+  }
+  return _(() => {
+    const e = l.current;
+    if (e && a && s) {
+      const u = window.getComputedStyle(e).direction, o = I.current, p = z.current, B = (n) => {
+        o.x === -1 && (o.x = n.clientX, o.y = n.clientY);
+        const V = n.clientX - o.x, w = n.clientY - o.y;
+        if (p.x = Math.max(Math.abs(V), 1e-3), p.y = Math.max(Math.abs(w), 1e-3), (V < 0 || u === "down" && w < 0 || u === "up" && w > 0) && u === "ltr" || (V > 0 || u === "down" && w < 0 || u === "up" && w > 0) && u === "rtl") {
+          o.x = n.clientX, o.y = n.clientY, r(!1);
+          return;
+        }
+        const A = Math.sqrt(p.x ** 2 + p.y ** 2);
+        if (E.current) {
+          o.x = n.clientX, o.y = n.clientY, r(!1);
+          return;
+        }
+        if (A > 5) {
+          const H = p.x / p.y > 0.2;
+          r(!!H), o.x = n.clientX, o.y = n.clientY;
+        }
+      };
+      return window.addEventListener("mousemove", B), () => {
+        window.removeEventListener("mousemove", B);
+      };
+    }
+  }, [a, s]), _(() => {
+    r(s);
+  }, [s]), /* @__PURE__ */ W(q, { children: [
+    /* @__PURE__ */ g(
+      G,
+      {
+        as: "button",
+        ref: t,
+        "data-is-selected": !!R,
+        "data-has-children": !!a,
+        className: L(S, N["menu-item"], "menu-item"),
+        "data-is-open": s,
+        ...c,
+        children: typeof y == "string" ? /* @__PURE__ */ g(O, { color: "inherit", children: y }) : y
+      }
+    ),
+    i && /* @__PURE__ */ g(
+      Z,
+      {
+        anchorElement: l.current,
+        veil: P,
+        onClose: k,
+        open: s,
+        direction: C,
+        verticalAnchor: X,
+        verticalOrigin: h,
+        verticalOffset: m,
+        horizontalAnchor: d,
+        horizontalOrigin: x,
+        horizontalOffset: Y,
+        hAlign: "start",
+        onActivatedMenu: (e) => {
+          E.current = e;
+        },
+        children: i
+      }
+    )
+  ] });
+});
+export {
+  Z as Menu,
+  D as MenuItem
+};
+//# sourceMappingURL=menu.js.map

package/dist/overlay/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sources":["../../../src/overlay/menu/menu.tsx"],"sourcesContent":["import { BodyText } from '../../typography/body_text/body_text.js';\nimport { useForkRef } from '../../utils/index.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport type { HStackProps } from '../../stacks/h_stack.js';\nimport type { VStackProps } from '../../stacks/v_stack.js';\nimport { Popper, type PopperProps } from '../../overlay/popper/popper.js';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport styles from './menu.module.css';\nimport classNames from 'classnames';\n\nexport type MenuProps = Omit<PopperProps & VStackProps, 'children'> & {\n  children?: React.ReactNode;\n  onActivatedMenu?: (hasActiveMenu: boolean) => void;\n  direction?: 'up' | 'down';\n};\n\nexport const Menu = React.forwardRef(function Menu(\n  {\n    anchorElement,\n    verticalAnchor,\n    verticalOrigin,\n    verticalOffset,\n    horizontalAnchor,\n    horizontalOrigin,\n    horizontalOffset,\n    direction,\n    open,\n    onClose,\n    restoreFocus,\n    veil,\n    onActivatedMenu,\n    children = [],\n    className,\n    ...props\n  }: MenuProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n  const clonedChildren = React.Children.toArray(children).map((child, index) => {\n    if (!React.isValidElement(child)) {\n      return child;\n    }\n\n    if (child.type !== MenuItem) {\n      return React.cloneElement(child, {\n        ...child.props,\n        onClick: (e: React.MouseEvent<HTMLElement>) => {\n          e.stopPropagation();\n          child.props.onClick && child.props.onClick(e);\n        },\n      });\n    }\n\n    const props = {\n      ...child.props,\n      key: index,\n      verticalAnchor: direction === 'up' ? 'bottom' : 'top',\n      verticalOrigin: direction === 'up' ? 'bottom' : 'top',\n      verticalOffset,\n      horizontalAnchor: 'end',\n      horizontalOrigin: 'start',\n      horizontalOffset,\n      direction,\n      onClick: (e: React.MouseEvent<HTMLDivElement>) => {\n        if (child.props.children == null) {\n          onClose && onClose();\n        }\n        child.props.onClick && child.props.onClick(e);\n      },\n      onMouseEnter: (e: React.MouseEvent<HTMLDivElement>) => {\n        setFocusedIndex(index);\n        onActivatedMenu && onActivatedMenu(true);\n        child.props.onMouseEnter && child.props.onMouseEnter(e);\n      },\n    };\n\n    if (child.type === MenuItem) {\n      props.open = focusedIndex === index;\n    }\n\n    return React.cloneElement(child, props);\n  });\n\n  direction === 'up' && clonedChildren.reverse();\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setFocusedIndex(-1);\n      onActivatedMenu && onActivatedMenu(false);\n    }\n  }, [open, onActivatedMenu]);\n\n  return (\n    <Popper\n      anchorElement={anchorElement}\n      verticalAnchor={verticalAnchor}\n      verticalOrigin={verticalOrigin}\n      verticalOffset={verticalOffset}\n      horizontalAnchor={horizontalAnchor || 'end'}\n      horizontalOrigin={horizontalOrigin || 'end'}\n      horizontalOffset={horizontalOffset}\n      open={open}\n      onClose={onClose}\n      restoreFocus={restoreFocus}\n      veil={veil}\n    >\n      <VStack ref={ref} className={classNames(styles.menu, className, 'menu')} {...props}>\n        {clonedChildren}\n      </VStack>\n    </Popper>\n  );\n});\n\nexport interface MenuItemProps extends Omit<HStackProps, 'children'> {\n  open?: boolean;\n  children?: React.ReactElement<MenuItemProps>[];\n  selected?: boolean;\n  label?: React.ReactNode;\n  direction?: 'up' | 'down';\n  verticalAnchor?: 'top' | 'center' | 'bottom';\n  verticalOrigin?: 'top' | 'center' | 'bottom';\n  verticalOffset?: number;\n  horizontalAnchor?: 'center' | 'start' | 'end';\n  horizontalOrigin?: 'center' | 'start' | 'end';\n  horizontalOffset?: number;\n}\n\nexport const MenuItem = React.forwardRef(function MenuItem(\n  {\n    selected,\n    label,\n    className,\n    children,\n    direction = 'down',\n    verticalAnchor = 'top',\n    verticalOrigin = 'top',\n    verticalOffset,\n    horizontalAnchor = 'end',\n    horizontalOrigin = 'start',\n    horizontalOffset,\n    open = false,\n    ...props\n  }: MenuItemProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const hasEnteredMenuRef = useRef(false);\n  const cursorPositionRef = useRef({ x: -1, y: -1 });\n  const cursorDeltaRef = useRef({ x: -1, y: -1 });\n  const [showVeil, setShowVeil] = useState(false);\n  const itemRef = useRef<HTMLElement | null>(null);\n  const forkedRef = useForkRef(ref, itemRef);\n  const hasSubmenu = children != null && children.length > 0;\n\n  function close() {\n    setShowVeil(false);\n  }\n\n  useLayoutEffect(() => {\n    const itemElement = itemRef.current;\n\n    if (itemElement && hasSubmenu && open) {\n      const direction = window.getComputedStyle(itemElement).direction;\n\n      const startPosition = cursorPositionRef.current;\n      const delta = cursorDeltaRef.current;\n\n      const calculateSlope = (event: MouseEvent) => {\n        if (startPosition.x === -1) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n        }\n\n        const deltaX = event.clientX - startPosition.x;\n        const deltaY = event.clientY - startPosition.y;\n        delta.x = Math.max(Math.abs(deltaX), 0.001);\n        delta.y = Math.max(Math.abs(deltaY), 0.001);\n\n        const isSlopeWrongDirection =\n          ((deltaX < 0 ||\n            (direction === 'down' && deltaY < 0) ||\n            (direction === 'up' && deltaY > 0)) &&\n            direction === 'ltr') ||\n          ((deltaX > 0 ||\n            (direction === 'down' && deltaY < 0) ||\n            (direction === 'up' && deltaY > 0)) &&\n            direction === 'rtl');\n\n        if (isSlopeWrongDirection) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n          setShowVeil(false);\n          return;\n        }\n\n        const distance = Math.sqrt(delta.x ** 2 + delta.y ** 2);\n\n        if (hasEnteredMenuRef.current) {\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n          setShowVeil(false);\n          return;\n        }\n\n        if (distance > 5) {\n          const movingHorizontal = delta.x / delta.y > 0.2;\n\n          if (movingHorizontal) {\n            setShowVeil(true);\n          } else {\n            setShowVeil(false);\n          }\n\n          startPosition.x = event.clientX;\n          startPosition.y = event.clientY;\n        }\n      };\n\n      window.addEventListener('mousemove', calculateSlope);\n\n      return () => {\n        window.removeEventListener('mousemove', calculateSlope);\n      };\n    }\n  }, [hasSubmenu, open]);\n\n  useLayoutEffect(() => {\n    setShowVeil(open);\n  }, [open]);\n\n  return (\n    <>\n      <HStack\n        as=\"button\"\n        ref={forkedRef}\n        data-is-selected={Boolean(selected)}\n        data-has-children={Boolean(hasSubmenu)}\n        className={classNames(className, styles['menu-item'], 'menu-item')}\n        data-is-open={open}\n        {...props}\n      >\n        {typeof label === 'string' ? <BodyText color=\"inherit\">{label}</BodyText> : label}\n      </HStack>\n      {children && (\n        <Menu\n          anchorElement={itemRef.current}\n          veil={showVeil}\n          onClose={close}\n          open={open}\n          direction={direction}\n          verticalAnchor={verticalAnchor}\n          verticalOrigin={verticalOrigin}\n          verticalOffset={verticalOffset}\n          horizontalAnchor={horizontalAnchor}\n          horizontalOrigin={horizontalOrigin}\n          horizontalOffset={horizontalOffset}\n          hAlign=\"start\"\n          onActivatedMenu={hasActiveMenu => {\n            hasEnteredMenuRef.current = hasActiveMenu;\n          }}\n        >\n          {children}\n        </Menu>\n      )}\n    </>\n  );\n});\n"],"names":["Menu","React","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","direction","open","onClose","restoreFocus","veil","onActivatedMenu","children","className","props","ref","focusedIndex","setFocusedIndex","useState","clonedChildren","child","index","MenuItem","useLayoutEffect","jsx","Popper","VStack","classNames","styles","selected","label","hasEnteredMenuRef","useRef","cursorPositionRef","cursorDeltaRef","showVeil","setShowVeil","itemRef","forkedRef","useForkRef","hasSubmenu","close","itemElement","startPosition","delta","calculateSlope","event","deltaX","deltaY","distance","movingHorizontal","jsxs","Fragment","HStack","BodyText","hasActiveMenu"],"mappings":";;;;;;;;;;;;sFAiBaA,IAAOC,EAAM,WAAW,SACnC;AAAA,EACE,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC,IAAW,CAAA;AAAA,EACX,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAE,GAC7CC,IAAiBrB,EAAM,SAAS,QAAQc,CAAQ,EAAE,IAAI,CAACQ,GAAOC,MAAU;AAC5E,QAAI,CAACvB,EAAM,eAAesB,CAAK;AAC7B,aAAOA;AAGT,QAAIA,EAAM,SAASE;AACjB,aAAOxB,EAAM,aAAasB,GAAO;AAAA,QAC/B,GAAGA,EAAM;AAAA,QACT,SAAS,CAAC,MAAqC;AAC7C,YAAE,gBAAA,GACFA,EAAM,MAAM,WAAWA,EAAM,MAAM,QAAQ,CAAC;AAAA,QAC9C;AAAA,MAAA,CACD;AAGH,UAAMN,IAAQ;AAAA,MACZ,GAAGM,EAAM;AAAA,MACT,KAAKC;AAAA,MACL,gBAAgBf,MAAc,OAAO,WAAW;AAAA,MAChD,gBAAgBA,MAAc,OAAO,WAAW;AAAA,MAChD,gBAAAJ;AAAA,MACA,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAAG;AAAA,MACA,WAAAC;AAAA,MACA,SAAS,CAAC,MAAwC;AAChD,QAAIc,EAAM,MAAM,YAAY,QAC1BZ,KAAWA,EAAA,GAEbY,EAAM,MAAM,WAAWA,EAAM,MAAM,QAAQ,CAAC;AAAA,MAC9C;AAAA,MACA,cAAc,CAAC,MAAwC;AACrD,QAAAH,EAAgBI,CAAK,GACrBV,KAAmBA,EAAgB,EAAI,GACvCS,EAAM,MAAM,gBAAgBA,EAAM,MAAM,aAAa,CAAC;AAAA,MACxD;AAAA,IAAA;AAGF,WAAIA,EAAM,SAASE,MACjBR,EAAM,OAAOE,MAAiBK,IAGzBvB,EAAM,aAAasB,GAAON,CAAK;AAAA,EACxC,CAAC;AAED,SAAAR,MAAc,QAAQa,EAAe,QAAA,GAErCI,EAAgB,MAAM;AACpB,IAAKhB,MACHU,EAAgB,EAAE,GAClBN,KAAmBA,EAAgB,EAAK;AAAA,EAE5C,GAAG,CAACJ,GAAMI,CAAe,CAAC,GAGxB,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAA1B;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAkBC,KAAoB;AAAA,MACtC,kBAAkBC,KAAoB;AAAA,MACtC,kBAAAC;AAAA,MACA,MAAAE;AAAA,MACA,SAAAC;AAAA,MACA,cAAAC;AAAA,MACA,MAAAC;AAAA,MAEA,UAAA,gBAAAc,EAACE,GAAA,EAAO,KAAAX,GAAU,WAAWY,EAAWC,EAAO,MAAMf,GAAW,MAAM,GAAI,GAAGC,GAC1E,UAAAK,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC,GAgBYG,IAAWxB,EAAM,WAAW,SACvC;AAAA,EACE,UAAA+B;AAAA,EACA,OAAAC;AAAA,EACA,WAAAjB;AAAA,EACA,UAAAD;AAAA,EACA,WAAAN,IAAY;AAAA,EACZ,gBAAAN,IAAiB;AAAA,EACjB,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC;AAAA,EACA,MAAAE,IAAO;AAAA,EACP,GAAGO;AACL,GACAC,GACA;AACA,QAAMgB,IAAoBC,EAAO,EAAK,GAChCC,IAAoBD,EAAO,EAAE,GAAG,IAAI,GAAG,IAAI,GAC3CE,IAAiBF,EAAO,EAAE,GAAG,IAAI,GAAG,IAAI,GACxC,CAACG,GAAUC,CAAW,IAAIlB,EAAS,EAAK,GACxCmB,IAAUL,EAA2B,IAAI,GACzCM,IAAYC,EAAWxB,GAAKsB,CAAO,GACnCG,IAAa5B,KAAY,QAAQA,EAAS,SAAS;AAEzD,WAAS6B,IAAQ;AACf,IAAAL,EAAY,EAAK;AAAA,EACnB;AAEA,SAAAb,EAAgB,MAAM;AACpB,UAAMmB,IAAcL,EAAQ;AAE5B,QAAIK,KAAeF,KAAcjC,GAAM;AACrC,YAAMD,IAAY,OAAO,iBAAiBoC,CAAW,EAAE,WAEjDC,IAAgBV,EAAkB,SAClCW,IAAQV,EAAe,SAEvBW,IAAiB,CAACC,MAAsB;AAC5C,QAAIH,EAAc,MAAM,OACtBA,EAAc,IAAIG,EAAM,SACxBH,EAAc,IAAIG,EAAM;AAG1B,cAAMC,IAASD,EAAM,UAAUH,EAAc,GACvCK,IAASF,EAAM,UAAUH,EAAc;AAc7C,YAbAC,EAAM,IAAI,KAAK,IAAI,KAAK,IAAIG,CAAM,GAAG,IAAK,GAC1CH,EAAM,IAAI,KAAK,IAAI,KAAK,IAAII,CAAM,GAAG,IAAK,IAGtCD,IAAS,KACRzC,MAAc,UAAU0C,IAAS,KACjC1C,MAAc,QAAQ0C,IAAS,MAChC1C,MAAc,UACdyC,IAAS,KACRzC,MAAc,UAAU0C,IAAS,KACjC1C,MAAc,QAAQ0C,IAAS,MAChC1C,MAAc,OAES;AACzB,UAAAqC,EAAc,IAAIG,EAAM,SACxBH,EAAc,IAAIG,EAAM,SACxBV,EAAY,EAAK;AACjB;AAAA,QACF;AAEA,cAAMa,IAAW,KAAK,KAAKL,EAAM,KAAK,IAAIA,EAAM,KAAK,CAAC;AAEtD,YAAIb,EAAkB,SAAS;AAC7B,UAAAY,EAAc,IAAIG,EAAM,SACxBH,EAAc,IAAIG,EAAM,SACxBV,EAAY,EAAK;AACjB;AAAA,QACF;AAEA,YAAIa,IAAW,GAAG;AAChB,gBAAMC,IAAmBN,EAAM,IAAIA,EAAM,IAAI;AAE7C,UACER,EADE,EAAAc,CACc,GAKlBP,EAAc,IAAIG,EAAM,SACxBH,EAAc,IAAIG,EAAM;AAAA,QAC1B;AAAA,MACF;AAEA,oBAAO,iBAAiB,aAAaD,CAAc,GAE5C,MAAM;AACX,eAAO,oBAAoB,aAAaA,CAAc;AAAA,MACxD;AAAA,IACF;AAAA,EACF,GAAG,CAACL,GAAYjC,CAAI,CAAC,GAErBgB,EAAgB,MAAM;AACpB,IAAAa,EAAY7B,CAAI;AAAA,EAClB,GAAG,CAACA,CAAI,CAAC,GAGP,gBAAA4C,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAA5B;AAAA,MAAC6B;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,KAAKf;AAAA,QACL,oBAAkB,EAAQT;AAAA,QAC1B,qBAAmB,EAAQW;AAAA,QAC3B,WAAWb,EAAWd,GAAWe,EAAO,WAAW,GAAG,WAAW;AAAA,QACjE,gBAAcrB;AAAA,QACb,GAAGO;AAAA,QAEH,UAAA,OAAOgB,KAAU,WAAW,gBAAAN,EAAC8B,KAAS,OAAM,WAAW,aAAM,IAAcxB;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7ElB,KACC,gBAAAY;AAAA,MAAC3B;AAAA,MAAA;AAAA,QACC,eAAewC,EAAQ;AAAA,QACvB,MAAMF;AAAA,QACN,SAASM;AAAA,QACT,MAAAlC;AAAA,QACA,WAAAD;AAAA,QACA,gBAAAN;AAAA,QACA,gBAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,QAAO;AAAA,QACP,iBAAiB,CAAAkD,MAAiB;AAChC,UAAAxB,EAAkB,UAAUwB;AAAA,QAC9B;AAAA,QAEC,UAAA3C;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ,CAAC;"}

package/dist/overlay/popper/popper.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export interface PopperProps {
+    anchorElement: HTMLElement | null;
+    verticalAnchor?: 'top' | 'center' | 'bottom';
+    verticalOrigin?: 'top' | 'center' | 'bottom';
+    verticalOffset?: number;
+    horizontalAnchor?: 'start' | 'center' | 'end';
+    horizontalOrigin?: 'start' | 'center' | 'end';
+    horizontalOffset?: number;
+    open: boolean;
+    onClose: () => void;
+    restoreFocus?: boolean;
+    children: React.ReactNode;
+    veil?: boolean;
+    onVeilClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    clickAwayRefs?: React.RefObject<HTMLElement>[];
+    isClickAwayException?: (target: HTMLElement) => boolean;
+    isScrollAwayException?: (target: HTMLElement) => boolean;
+    disableClickAway?: boolean;
+}
+export declare function Popper({ anchorElement, verticalAnchor, verticalOrigin, verticalOffset, horizontalAnchor, horizontalOrigin, horizontalOffset, restoreFocus, veil, onVeilClick, clickAwayRefs, open, onClose, children, disableClickAway, isClickAwayException, isScrollAwayException, }: PopperProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=popper.d.ts.map

package/dist/overlay/popper/popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popper.d.ts","sourceRoot":"","sources":["../../../src/overlay/popper/popper.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,WAAW;IAC1B,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC9C,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;IAC/C,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC;IACxD,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC;IACzD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,MAAM,CAAC,EACrB,aAAa,EACb,cAAyB,EACzB,cAAsB,EACtB,cAAkB,EAClB,gBAA0B,EAC1B,gBAA0B,EAC1B,gBAAoB,EACpB,YAAoB,EACpB,IAAY,EACZ,WAAW,EACX,aAAkB,EAClB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,gBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,GACtB,EAAE,WAAW,kDA8Kb"}

package/dist/overlay/popper/popper.js

@@ -0,0 +1,111 @@
+import { jsx as p, jsxs as G } from "react/jsx-runtime";
+import "../../utils/focus_redirect.js";
+import { ClickAwayListener as I } from "../../utils/click_away_listener.js";
+import { ScrollAwayListener as J } from "../../utils/scroll_away_listener.js";
+import { useRef as f, useState as K, useLayoutEffect as P } from "react";
+import "../../utils/hooks/use_resize_observer.js";
+import { P as M } from "../../portal-qqIp4SIl.js";
+import '../../popper.css';const Q = "_popover_069b323", U = "_popover-veil_2f5f985", E = { popover: Q, "popover-veil": U };
+function ie({
+  anchorElement: n,
+  verticalAnchor: _ = "bottom",
+  verticalOrigin: j = "top",
+  verticalOffset: h = 0,
+  horizontalAnchor: a = "start",
+  horizontalOrigin: d = "start",
+  horizontalOffset: s = 0,
+  restoreFocus: g = !1,
+  veil: y = !1,
+  onVeilClick: b,
+  clickAwayRefs: H = [],
+  open: u,
+  onClose: R,
+  children: B,
+  disableClickAway: N = !1,
+  isClickAwayException: W,
+  isScrollAwayException: $
+}) {
+  const k = f(n), [c, q] = K({ top: 0, left: 0 }), x = f(null), w = f(null), T = u && n != null, D = H ?? [], F = !N, C = f(null);
+  function S() {
+    R && R();
+  }
+  const m = () => {
+    if (!n || !w.current) return;
+    const e = n.getBoundingClientRect(), o = w.current.getBoundingClientRect(), A = window.innerWidth, L = window.innerHeight, v = getComputedStyle(n).direction === "rtl";
+    let t = e.top, i = e.left;
+    switch (_) {
+      case "top":
+        t += h;
+        break;
+      case "center":
+        t += e.height / 2;
+        break;
+      case "bottom":
+        t += e.height - h;
+        break;
+    }
+    switch (j) {
+      case "top":
+        break;
+      case "center":
+        t -= o.height / 2;
+        break;
+      case "bottom":
+        t -= o.height;
+        break;
+    }
+    a === "start" ? i += v ? e.width + s : s : a === "center" ? i += e.width / 2 : a === "end" && (i += v ? -s : e.width + s);
+    let r = d;
+    v && (d === "start" ? r = "end" : d === "end" && (r = "start")), r === "start" || (r === "center" ? i -= o.width / 2 : r === "end" && (i -= o.width)), i + o.width > A && (i = A - o.width), i < 0 && (i = 0), t + o.height > L && (t = L - o.height), t < 0 && (t = 0), (t !== c.top || i !== c.left) && q({ top: t, left: i });
+  };
+  if (P(() => (m(), window.addEventListener("resize", m), () => {
+    window.removeEventListener("resize", m);
+  })), P(() => {
+    if (u)
+      x.current = window.document.activeElement;
+    else {
+      const e = x.current;
+      requestAnimationFrame(() => {
+        g && e?.focus();
+      });
+    }
+  }, [u, g]), !T)
+    return null;
+  k.current = n;
+  let l = /* @__PURE__ */ p(J, { onScrollAway: S, isException: $, children: /* @__PURE__ */ p(
+    "div",
+    {
+      ref: w,
+      className: E.popover,
+      style: {
+        top: `${c.top}px`,
+        left: `${c.left}px`
+      },
+      children: B
+    }
+  ) });
+  return F && (l = /* @__PURE__ */ p(
+    I,
+    {
+      onClickAway: S,
+      refs: [k, ...D],
+      isException: W,
+      children: l
+    }
+  )), /* @__PURE__ */ G(M, { children: [
+    y && /* @__PURE__ */ p(
+      "div",
+      {
+        ref: C,
+        onClick: (e) => C.current === e.target && b && b(e),
+        className: E["popover-veil"],
+        children: l
+      }
+    ),
+    !y && l
+  ] });
+}
+export {
+  ie as Popper
+};
+//# sourceMappingURL=popper.js.map

package/dist/overlay/popper/popper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popper.js","sources":["../../../src/overlay/popper/popper.tsx"],"sourcesContent":["import { ClickAwayListener, ScrollAwayListener } from '../../utils/index.js';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { Portal } from '../portal/portal.js';\nimport styles from './popper.module.css';\n\nexport interface PopperProps {\n  anchorElement: HTMLElement | null;\n  verticalAnchor?: 'top' | 'center' | 'bottom';\n  verticalOrigin?: 'top' | 'center' | 'bottom';\n  verticalOffset?: number;\n  horizontalAnchor?: 'start' | 'center' | 'end';\n  horizontalOrigin?: 'start' | 'center' | 'end';\n  horizontalOffset?: number;\n  open: boolean;\n  onClose: () => void;\n  restoreFocus?: boolean;\n  children: React.ReactNode;\n  veil?: boolean;\n  onVeilClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  clickAwayRefs?: React.RefObject<HTMLElement>[];\n  isClickAwayException?: (target: HTMLElement) => boolean;\n  isScrollAwayException?: (target: HTMLElement) => boolean;\n  disableClickAway?: boolean;\n}\n\nexport function Popper({\n  anchorElement,\n  verticalAnchor = 'bottom',\n  verticalOrigin = 'top',\n  verticalOffset = 0,\n  horizontalAnchor = 'start',\n  horizontalOrigin = 'start',\n  horizontalOffset = 0,\n  restoreFocus = false,\n  veil = false,\n  onVeilClick,\n  clickAwayRefs = [],\n  open,\n  onClose,\n  children,\n  disableClickAway = false,\n  isClickAwayException,\n  isScrollAwayException,\n}: PopperProps) {\n  const anchorElementRef = useRef(anchorElement);\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n  const activeElementRef = useRef<HTMLElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const canOpen = open && anchorElement != null;\n  const finalClickAwayRefs: React.RefObject<HTMLElement>[] = clickAwayRefs ?? [];\n  const enableClickAway = !disableClickAway;\n  const veilRef = useRef<HTMLDivElement>(null);\n  function close() {\n    onClose && onClose();\n  }\n\n  // eslint-disable-next-line complexity\n  const updatePosition = () => {\n    if (!anchorElement || !popoverRef.current) return;\n\n    const anchorRect = anchorElement.getBoundingClientRect();\n    const popoverRect = popoverRef.current.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Determine the text direction (ltr or rtl)\n    const computedStyle = getComputedStyle(anchorElement);\n    const isRtl = computedStyle.direction === 'rtl';\n\n    let top = anchorRect.top;\n    let left = anchorRect.left;\n\n    // Calculate vertical position\n    switch (verticalAnchor) {\n      case 'top':\n        top += verticalOffset;\n        break;\n      case 'center':\n        top += anchorRect.height / 2;\n        break;\n      case 'bottom':\n        top += anchorRect.height - verticalOffset;\n        break;\n    }\n\n    switch (verticalOrigin) {\n      case 'top':\n        break;\n      case 'center':\n        top -= popoverRect.height / 2;\n        break;\n      case 'bottom':\n        top -= popoverRect.height;\n        break;\n    }\n\n    // Calculate horizontal position with direction sensitivity\n    if (horizontalAnchor === 'start') {\n      left += isRtl ? anchorRect.width + horizontalOffset : horizontalOffset;\n    } else if (horizontalAnchor === 'center') {\n      left += anchorRect.width / 2;\n    } else if (horizontalAnchor === 'end') {\n      left += isRtl ? -horizontalOffset : anchorRect.width + horizontalOffset;\n    }\n\n    // Adjust the origin based on RTL direction\n    let adjustedHorizontalOrigin = horizontalOrigin;\n    if (isRtl) {\n      if (horizontalOrigin === 'start') {\n        adjustedHorizontalOrigin = 'end';\n      } else if (horizontalOrigin === 'end') {\n        adjustedHorizontalOrigin = 'start';\n      }\n    }\n\n    // Apply adjusted origin to the position calculation\n    if (adjustedHorizontalOrigin === 'start') {\n      // No adjustment needed\n    } else if (adjustedHorizontalOrigin === 'center') {\n      left -= popoverRect.width / 2;\n    } else if (adjustedHorizontalOrigin === 'end') {\n      left -= popoverRect.width;\n    }\n\n    // Ensure the popover stays within the viewport\n    // Prevent overflow to the right\n    if (left + popoverRect.width > viewportWidth) {\n      left = viewportWidth - popoverRect.width;\n    }\n\n    // Prevent overflow to the left\n    if (left < 0) {\n      left = 0;\n    }\n\n    // Prevent overflow to the bottom\n    if (top + popoverRect.height > viewportHeight) {\n      top = viewportHeight - popoverRect.height;\n    }\n\n    // Prevent overflow to the top\n    if (top < 0) {\n      top = 0;\n    }\n\n    // Only update if position has changed to avoid unnecessary re-renders\n    if (top !== position.top || left !== position.left) {\n      setPosition({ top, left });\n    }\n  };\n\n  useLayoutEffect(() => {\n    updatePosition();\n    window.addEventListener('resize', updatePosition);\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n    };\n  });\n\n  useLayoutEffect(() => {\n    if (open) {\n      activeElementRef.current = window.document.activeElement as HTMLElement;\n    } else {\n      const restoreToElement = activeElementRef.current;\n      requestAnimationFrame(() => {\n        restoreFocus && restoreToElement?.focus();\n      });\n    }\n  }, [open, restoreFocus]);\n\n  if (!canOpen) {\n    return null;\n  }\n\n  anchorElementRef.current = anchorElement;\n\n  let content = (\n    <ScrollAwayListener onScrollAway={close} isException={isScrollAwayException}>\n      <div\n        ref={popoverRef}\n        className={styles.popover}\n        style={{\n          top: `${position.top}px`,\n          left: `${position.left}px`,\n        }}\n      >\n        {children}\n      </div>\n    </ScrollAwayListener>\n  );\n\n  if (enableClickAway) {\n    content = (\n      <ClickAwayListener\n        onClickAway={close}\n        refs={[anchorElementRef, ...finalClickAwayRefs]}\n        isException={isClickAwayException}\n      >\n        {content}\n      </ClickAwayListener>\n    );\n  }\n\n  return (\n    <Portal>\n      {veil && (\n        <div\n          ref={veilRef}\n          onClick={e => veilRef.current === e.target && onVeilClick && onVeilClick(e)}\n          className={styles['popover-veil']}\n        >\n          {content}\n        </div>\n      )}\n      {!veil && content}\n    </Portal>\n  );\n}\n"],"names":["Popper","anchorElement","verticalAnchor","verticalOrigin","verticalOffset","horizontalAnchor","horizontalOrigin","horizontalOffset","restoreFocus","veil","onVeilClick","clickAwayRefs","open","onClose","children","disableClickAway","isClickAwayException","isScrollAwayException","anchorElementRef","useRef","position","setPosition","useState","activeElementRef","popoverRef","canOpen","finalClickAwayRefs","enableClickAway","veilRef","close","updatePosition","anchorRect","popoverRect","viewportWidth","viewportHeight","isRtl","top","left","adjustedHorizontalOrigin","useLayoutEffect","restoreToElement","content","jsx","ScrollAwayListener","styles","ClickAwayListener","Portal"],"mappings":"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"}

package/dist/overlay/portal/portal.css

@@ -0,0 +1 @@
+body>*{position:relative;z-index:0}.portal{position:absolute;inset:0;overflow:hidden;padding:0;margin:0;pointer-events:none}.portal>*{pointer-events:auto}.portal-platform{position:fixed;inset:0;overflow:hidden;padding:0;margin:0;background-color:#0000;pointer-events:none;transform:none;z-index:1}

package/dist/overlay/portal/portal.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface PortalProps {
+    children: React.ReactNode | React.ReactNode[];
+    zIndex?: number;
+}
+export declare const Portal: ({ children, zIndex }: PortalProps) => React.ReactPortal | null;
+//# sourceMappingURL=portal.d.ts.map

package/dist/overlay/portal/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/overlay/portal/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,GAAI,sBAAsB,WAAW,6BAiBvD,CAAC"}

package/dist/overlay/portal/portal_platform.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export declare class PortalPresenter {
+    private _window;
+    div: HTMLDivElement;
+    hasMounted: boolean;
+    constructor(win?: Window & typeof globalThis, zIndex?: number | string);
+    setZIndex(zIndex?: number | string): void;
+    render(children: React.ReactNode): React.ReactPortal | null;
+}
+export declare class PortalPlatform {
+    private _window;
+    private _root;
+    private _portals;
+    readonly platform: HTMLDivElement;
+    constructor(win?: Window & typeof globalThis, root?: HTMLElement);
+    private _getPlatformRoot;
+    setZIndex(zIndex?: number | string): void;
+    setRoot(root: HTMLElement | null): void;
+    createPortal(): PortalPresenter;
+    mountPortal(portal: PortalPresenter): void;
+    unmountPortal(portal: PortalPresenter): void;
+    removePortal(portal: PortalPresenter): void;
+    showPlatform(): void;
+    hidePlatformIfNecessary(): void;
+    dispose(): void;
+}
+//# sourceMappingURL=portal_platform.d.ts.map

package/dist/overlay/portal/portal_platform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal_platform.d.ts","sourceRoot":"","sources":["../../../src/overlay/portal/portal_platform.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,qBAAa,eAAe;IAC1B,OAAO,CAAC,OAAO,CAA6B;IAC5C,GAAG,EAAE,cAAc,CAAC;IACpB,UAAU,UAAS;gBAEP,GAAG,6BAAS,EAAE,MAAM,GAAE,MAAM,GAAG,MAAY;IAOvD,SAAS,CAAC,MAAM,GAAE,MAAM,GAAG,MAAY;IAMvC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS;CAOjC;AAED,qBAAa,cAAc;IACzB,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,QAAQ,CAAyB;IAEzC,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;gBAEtB,GAAG,6BAAS,EAAE,IAAI,GAAE,WAA+B;IAO/D,OAAO,CAAC,gBAAgB;IAiBxB,SAAS,CAAC,MAAM,GAAE,MAAM,GAAG,MAAe;IAM1C,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAQhC,YAAY;IAMZ,WAAW,CAAC,MAAM,EAAE,eAAe;IAMnC,aAAa,CAAC,MAAM,EAAE,eAAe;IAIrC,YAAY,CAAC,MAAM,EAAE,eAAe;IAUpC,YAAY;IAMZ,uBAAuB;IAMvB,OAAO;CAKR"}

package/dist/overlay/portal/portal_platform.js

@@ -0,0 +1,70 @@
+import { createPortal as e } from "react-dom";
+import './portal.css';/* empty css       */
+class s {
+  _window;
+  div;
+  hasMounted = !1;
+  constructor(t = window, o = "0") {
+    this._window = t, this.div = this._window.document.createElement("div"), this.div.className = "portal", this.setZIndex(o);
+  }
+  setZIndex(t = "0") {
+    this.div != null && (this.div.style.zIndex = t.toString());
+  }
+  render(t) {
+    return this.div == null ? null : e(t, this.div);
+  }
+}
+class n {
+  _window;
+  _root;
+  _portals = [];
+  platform;
+  constructor(t = window, o = t.document.body) {
+    this._window = t, this._root = o, this.platform = this._getPlatformRoot(), this.platform.classList.add("platform-root");
+  }
+  _getPlatformRoot() {
+    const t = this._window.document.body.querySelector(
+      ".platform-root"
+    );
+    if (t)
+      return t;
+    {
+      const o = this._window.document.createElement("div"), i = this._window.document.createElement("div");
+      return i.id = "portal-platform", i.classList.add("portal-platform"), o.appendChild(i), o;
+    }
+  }
+  setZIndex(t = "auto") {
+    this.platform != null && (this.platform.style.zIndex = t.toString());
+  }
+  setRoot(t) {
+    t !== this._root && (this.platform?.parentNode?.removeChild(this.platform), this._root = t ?? document.body, this.showPlatform());
+  }
+  createPortal() {
+    const t = new s(this._window);
+    return this._portals.push(t), t;
+  }
+  mountPortal(t) {
+    t.hasMounted = !0, this.platform.firstElementChild?.appendChild(t.div), this.showPlatform();
+  }
+  unmountPortal(t) {
+    this.removePortal(t);
+  }
+  removePortal(t) {
+    const o = this._portals.indexOf(t);
+    o > -1 && (t.hasMounted = !1, this._portals.splice(o, 1), this.platform.firstElementChild?.removeChild(t.div), this.hidePlatformIfNecessary());
+  }
+  showPlatform() {
+    this.platform != null && this.platform.parentElement == null && this._root.appendChild(this.platform);
+  }
+  hidePlatformIfNecessary() {
+    this._portals.length === 0 && this.platform.parentElement != null && this._root.removeChild(this.platform);
+  }
+  dispose() {
+    this.platform != null && this._root.contains(this.platform) && this._root.removeChild(this.platform);
+  }
+}
+export {
+  n as PortalPlatform,
+  s as PortalPresenter
+};
+//# sourceMappingURL=portal_platform.js.map

package/dist/overlay/portal/portal_platform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal_platform.js","sources":["../../../src/overlay/portal/portal_platform.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport './portal.css';\n\nexport class PortalPresenter {\n  private _window: Window & typeof globalThis;\n  div: HTMLDivElement;\n  hasMounted = false;\n\n  constructor(win = window, zIndex: number | string = '0') {\n    this._window = win;\n    this.div = this._window.document.createElement('div');\n    this.div.className = 'portal';\n    this.setZIndex(zIndex);\n  }\n\n  setZIndex(zIndex: number | string = '0') {\n    if (this.div != null) {\n      this.div.style.zIndex = zIndex.toString();\n    }\n  }\n\n  render(children: React.ReactNode) {\n    if (this.div == null) {\n      return null;\n    }\n\n    return createPortal(children, this.div);\n  }\n}\n\nexport class PortalPlatform {\n  private _window: Window & typeof globalThis;\n  private _root: HTMLElement;\n  private _portals: PortalPresenter[] = [];\n\n  readonly platform: HTMLDivElement;\n\n  constructor(win = window, root: HTMLElement = win.document.body) {\n    this._window = win;\n    this._root = root;\n    this.platform = this._getPlatformRoot();\n    this.platform.classList.add('platform-root');\n  }\n\n  private _getPlatformRoot() {\n    const existingPlatformRoot = this._window.document.body.querySelector(\n      '.platform-root'\n    ) as HTMLDivElement | null;\n    if (!existingPlatformRoot) {\n      const root = this._window.document.createElement('div');\n      const portalPlatform = this._window.document.createElement('div');\n      portalPlatform.id = 'portal-platform';\n      portalPlatform.classList.add('portal-platform');\n      root.appendChild(portalPlatform);\n\n      return root;\n    } else {\n      return existingPlatformRoot;\n    }\n  }\n\n  setZIndex(zIndex: number | string = 'auto') {\n    if (this.platform != null) {\n      this.platform.style.zIndex = zIndex.toString();\n    }\n  }\n\n  setRoot(root: HTMLElement | null) {\n    if (root !== this._root) {\n      this.platform?.parentNode?.removeChild(this.platform);\n      this._root = root == null ? document.body : root;\n      this.showPlatform();\n    }\n  }\n\n  createPortal() {\n    const portal = new PortalPresenter(this._window);\n    this._portals.push(portal);\n    return portal;\n  }\n\n  mountPortal(portal: PortalPresenter) {\n    portal.hasMounted = true;\n    this.platform.firstElementChild?.appendChild(portal.div);\n    this.showPlatform();\n  }\n\n  unmountPortal(portal: PortalPresenter) {\n    this.removePortal(portal);\n  }\n\n  removePortal(portal: PortalPresenter) {\n    const index = this._portals.indexOf(portal);\n    if (index > -1) {\n      portal.hasMounted = false;\n      this._portals.splice(index, 1);\n      this.platform.firstElementChild?.removeChild(portal.div);\n      this.hidePlatformIfNecessary();\n    }\n  }\n\n  showPlatform() {\n    if (this.platform != null && this.platform.parentElement == null) {\n      this._root.appendChild(this.platform);\n    }\n  }\n\n  hidePlatformIfNecessary() {\n    if (this._portals.length === 0 && this.platform.parentElement != null) {\n      this._root.removeChild(this.platform);\n    }\n  }\n\n  dispose() {\n    if (this.platform != null && this._root.contains(this.platform)) {\n      this._root.removeChild(this.platform);\n    }\n  }\n}\n"],"names":["PortalPresenter","win","zIndex","children","createPortal","PortalPlatform","root","existingPlatformRoot","portalPlatform","portal","index"],"mappings":";;AAIO,MAAMA,EAAgB;AAAA,EACnB;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EAEb,YAAYC,IAAM,QAAQC,IAA0B,KAAK;AACvD,SAAK,UAAUD,GACf,KAAK,MAAM,KAAK,QAAQ,SAAS,cAAc,KAAK,GACpD,KAAK,IAAI,YAAY,UACrB,KAAK,UAAUC,CAAM;AAAA,EACvB;AAAA,EAEA,UAAUA,IAA0B,KAAK;AACvC,IAAI,KAAK,OAAO,SACd,KAAK,IAAI,MAAM,SAASA,EAAO,SAAA;AAAA,EAEnC;AAAA,EAEA,OAAOC,GAA2B;AAChC,WAAI,KAAK,OAAO,OACP,OAGFC,EAAaD,GAAU,KAAK,GAAG;AAAA,EACxC;AACF;AAEO,MAAME,EAAe;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAA8B,CAAA;AAAA,EAE7B;AAAA,EAET,YAAYJ,IAAM,QAAQK,IAAoBL,EAAI,SAAS,MAAM;AAC/D,SAAK,UAAUA,GACf,KAAK,QAAQK,GACb,KAAK,WAAW,KAAK,iBAAA,GACrB,KAAK,SAAS,UAAU,IAAI,eAAe;AAAA,EAC7C;AAAA,EAEQ,mBAAmB;AACzB,UAAMC,IAAuB,KAAK,QAAQ,SAAS,KAAK;AAAA,MACtD;AAAA,IAAA;AAEF,QAAKA;AASH,aAAOA;AATkB;AACzB,YAAMD,IAAO,KAAK,QAAQ,SAAS,cAAc,KAAK,GAChDE,IAAiB,KAAK,QAAQ,SAAS,cAAc,KAAK;AAChE,aAAAA,EAAe,KAAK,mBACpBA,EAAe,UAAU,IAAI,iBAAiB,GAC9CF,EAAK,YAAYE,CAAc,GAExBF;AAAA,IACT;AAAA,EAGF;AAAA,EAEA,UAAUJ,IAA0B,QAAQ;AAC1C,IAAI,KAAK,YAAY,SACnB,KAAK,SAAS,MAAM,SAASA,EAAO,SAAA;AAAA,EAExC;AAAA,EAEA,QAAQI,GAA0B;AAChC,IAAIA,MAAS,KAAK,UAChB,KAAK,UAAU,YAAY,YAAY,KAAK,QAAQ,GACpD,KAAK,QAAQA,KAAe,SAAS,MACrC,KAAK,aAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,UAAMG,IAAS,IAAIT,EAAgB,KAAK,OAAO;AAC/C,gBAAK,SAAS,KAAKS,CAAM,GAClBA;AAAA,EACT;AAAA,EAEA,YAAYA,GAAyB;AACnC,IAAAA,EAAO,aAAa,IACpB,KAAK,SAAS,mBAAmB,YAAYA,EAAO,GAAG,GACvD,KAAK,aAAA;AAAA,EACP;AAAA,EAEA,cAAcA,GAAyB;AACrC,SAAK,aAAaA,CAAM;AAAA,EAC1B;AAAA,EAEA,aAAaA,GAAyB;AACpC,UAAMC,IAAQ,KAAK,SAAS,QAAQD,CAAM;AAC1C,IAAIC,IAAQ,OACVD,EAAO,aAAa,IACpB,KAAK,SAAS,OAAOC,GAAO,CAAC,GAC7B,KAAK,SAAS,mBAAmB,YAAYD,EAAO,GAAG,GACvD,KAAK,wBAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,IAAI,KAAK,YAAY,QAAQ,KAAK,SAAS,iBAAiB,QAC1D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,0BAA0B;AACxB,IAAI,KAAK,SAAS,WAAW,KAAK,KAAK,SAAS,iBAAiB,QAC/D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,UAAU;AACR,IAAI,KAAK,YAAY,QAAQ,KAAK,MAAM,SAAS,KAAK,QAAQ,KAC5D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AACF;"}

package/dist/overlay/portal/portal_platform_context.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { PortalPlatform } from './portal_platform.js';
+export declare const PortalPlatformContext: React.Context<PortalPlatform>;
+export declare const PortalPlatformProvider: React.Provider<PortalPlatform>;
+export declare function usePortalPlatform(): PortalPlatform;
+//# sourceMappingURL=portal_platform_context.d.ts.map

package/dist/overlay/portal/portal_platform_context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal_platform_context.d.ts","sourceRoot":"","sources":["../../../src/overlay/portal/portal_platform_context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAItD,eAAO,MAAM,qBAAqB,+BAAuC,CAAC;AAC1E,eAAO,MAAM,sBAAsB,gCAAiC,CAAC;AAErE,wBAAgB,iBAAiB,mBAEhC"}

package/dist/overlay/portal/portal_platform_context.js

@@ -0,0 +1,12 @@
+import o, { useContext as r } from "react";
+import { PortalPlatform as e } from "./portal_platform.js";
+const a = new e(), t = o.createContext(a), n = t.Provider;
+function f() {
+  return r(t);
+}
+export {
+  t as PortalPlatformContext,
+  n as PortalPlatformProvider,
+  f as usePortalPlatform
+};
+//# sourceMappingURL=portal_platform_context.js.map

package/dist/overlay/portal/portal_platform_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal_platform_context.js","sources":["../../../src/overlay/portal/portal_platform_context.ts"],"sourcesContent":["import React, { useContext } from 'react';\nimport { PortalPlatform } from './portal_platform.js';\n\nconst defaultPlatform = new PortalPlatform();\n\nexport const PortalPlatformContext = React.createContext(defaultPlatform);\nexport const PortalPlatformProvider = PortalPlatformContext.Provider;\n\nexport function usePortalPlatform() {\n  return useContext(PortalPlatformContext);\n}\n"],"names":["defaultPlatform","PortalPlatform","PortalPlatformContext","React","PortalPlatformProvider","usePortalPlatform","useContext"],"mappings":";;AAGA,MAAMA,IAAkB,IAAIC,EAAA,GAEfC,IAAwBC,EAAM,cAAcH,CAAe,GAC3DI,IAAyBF,EAAsB;AAErD,SAASG,IAAoB;AAClC,SAAOC,EAAWJ,CAAqB;AACzC;"}

package/dist/overlay/tooltip/tooltip.d.ts

@@ -0,0 +1,7 @@
+import { VStackProps } from '../../stacks/v_stack.js';
+import { default as React } from 'react';
+export interface TooltipProps extends Omit<VStackProps, 'as' | 'children'> {
+    children?: React.ReactNode;
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/overlay/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/overlay/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,UAAU,CAAC;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,kFAclB,CAAC"}