@tcn/ui 0.12.2 → 0.12.4

package/dist/overlay/tethered/hooks/{useTether.js → use_tether.js}

@@ -1,7 +1,8 @@
-import { useState as f, useRef as m, useCallback as g, useLayoutEffect as l } from "react";
-import { calculateTetheredPosition as a } from "./calculate_position.js";
-function E({
-  anchor: o,
+import { useState as w, useRef as g, useCallback as l, useLayoutEffect as a } from "react";
+import { calculateTetheredPosition as y } from "./utils/calculate_position.js";
+import { useRefDimensions as C } from "./use_ref_dimensions.js";
+function L({
+  anchor: i,
   verticalAnchor: s = "bottom",
   verticalOrigin: r = "top",
   horizontalAnchor: u = "start",
@@ -9,11 +10,11 @@ function E({
   verticalOffset: p = 0,
   horizontalOffset: c = 0
 }) {
-  const [i, h] = f({ top: 0, left: 0 }), n = m(null), w = g(() => {
-    if (!o || !n.current) return;
+  const [o, f] = w({ top: 0, left: 0 }), n = g(null), h = C(n), m = l(() => {
+    if (!i || !n.current) return;
     const t = n.current.getBoundingClientRect(), e = getComputedStyle(n.current);
-    return a({
-      anchor: o,
+    return y({
+      anchor: i,
       tether: {
         dimensions: {
           width: t.width,
@@ -37,7 +38,7 @@ function E({
       }
     });
   }, [
-    o,
+    i,
     s,
     r,
     u,
@@ -45,18 +46,21 @@ function E({
     p,
     c
   ]);
-  return l(() => {
+  return a(() => {
     const t = () => {
-      const e = w();
+      const e = m();
       if (!e) return;
-      (i.top !== e.top || i.left !== e.left) && h(e);
+      (o.top !== e.top || o.left !== e.left) && f(e);
     };
     return t(), window.addEventListener("resize", t), () => {
       window.removeEventListener("resize", t);
     };
-  }), { position: i, tetherRef: n };
+  }), {
+    rectangle: { dimensions: h, position: { x: o.left, y: o.top } },
+    tetherRef: n
+  };
 }
 export {
-  E as useTether
+  L as useTether
 };
-//# sourceMappingURL=useTether.js.map
+//# sourceMappingURL=use_tether.js.map

package/dist/overlay/tethered/hooks/use_tether.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_tether.js","sources":["../../../../src/overlay/tethered/hooks/use_tether.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport { type Rectangle } from '../../../utils/index.js';\nimport type { HorizontalTether, VerticalTether } from '../types.js';\nimport { calculateTetheredPosition } from './utils/calculate_position.js';\nimport { useRefDimensions } from './use_ref_dimensions.js';\n\nexport interface UseTetherParams {\n  anchor: Rectangle | null;\n  verticalAnchor?: VerticalTether;\n  verticalOrigin?: VerticalTether;\n  horizontalOrigin?: HorizontalTether;\n  horizontalAnchor?: HorizontalTether;\n  verticalOffset?: number;\n  horizontalOffset?: number;\n}\n\nexport function useTether({\n  anchor,\n  verticalAnchor = 'bottom',\n  verticalOrigin = 'top',\n  horizontalAnchor = 'start',\n  horizontalOrigin = 'start',\n  verticalOffset = 0,\n  horizontalOffset = 0,\n}: UseTetherParams) {\n  const [position, setPosition] = useState({ top: 0, left: 0 });\n  const tetherRef = useRef<HTMLDivElement>(null);\n  const dimensions = useRefDimensions(tetherRef);\n\n  const getPosition = useCallback(() => {\n    if (!anchor || !tetherRef.current) return;\n\n    const tether = tetherRef.current.getBoundingClientRect();\n    const computedStyle = getComputedStyle(tetherRef.current);\n\n    return calculateTetheredPosition({\n      anchor: anchor,\n      tether: {\n        dimensions: {\n          width: tether.width,\n          height: tether.height,\n        },\n        position: {\n          x: tether.left,\n          y: tether.top,\n        },\n      },\n      direction: computedStyle.direction as 'ltr' | 'rtl',\n      verticalAnchor: verticalAnchor,\n      verticalOrigin: verticalOrigin,\n      horizontalAnchor: horizontalAnchor,\n      horizontalOrigin: horizontalOrigin,\n      verticalOffset: verticalOffset,\n      horizontalOffset: horizontalOffset,\n      viewport: {\n        width: window.innerWidth,\n        height: window.innerHeight,\n      },\n    });\n  }, [\n    anchor,\n    verticalAnchor,\n    verticalOrigin,\n    horizontalAnchor,\n    horizontalOrigin,\n    verticalOffset,\n    horizontalOffset,\n  ]);\n\n  useLayoutEffect(() => {\n    const update = () => {\n      const newPosition = getPosition();\n      if (!newPosition) return;\n      const hasChanged =\n        position.top !== newPosition.top || position.left !== newPosition.left;\n      if (hasChanged) {\n        setPosition(newPosition);\n      }\n    };\n    update();\n    window.addEventListener('resize', update);\n    return () => {\n      window.removeEventListener('resize', update);\n    };\n  });\n\n  return {\n    rectangle: { dimensions, position: { x: position.left, y: position.top } },\n    tetherRef,\n  };\n}\n"],"names":["useTether","anchor","verticalAnchor","verticalOrigin","horizontalAnchor","horizontalOrigin","verticalOffset","horizontalOffset","position","setPosition","useState","tetherRef","useRef","dimensions","useRefDimensions","getPosition","useCallback","tether","computedStyle","calculateTetheredPosition","useLayoutEffect","update","newPosition"],"mappings":";;;AAgBO,SAASA,EAAU;AAAA,EACxB,QAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,gBAAAC,IAAiB;AAAA,EACjB,kBAAAC,IAAmB;AACrB,GAAoB;AAClB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAE,KAAK,GAAG,MAAM,GAAG,GACtDC,IAAYC,EAAuB,IAAI,GACvCC,IAAaC,EAAiBH,CAAS,GAEvCI,IAAcC,EAAY,MAAM;AACpC,QAAI,CAACf,KAAU,CAACU,EAAU,QAAS;AAEnC,UAAMM,IAASN,EAAU,QAAQ,sBAAA,GAC3BO,IAAgB,iBAAiBP,EAAU,OAAO;AAExD,WAAOQ,EAA0B;AAAA,MAC/B,QAAAlB;AAAA,MACA,QAAQ;AAAA,QACN,YAAY;AAAA,UACV,OAAOgB,EAAO;AAAA,UACd,QAAQA,EAAO;AAAA,QAAA;AAAA,QAEjB,UAAU;AAAA,UACR,GAAGA,EAAO;AAAA,UACV,GAAGA,EAAO;AAAA,QAAA;AAAA,MACZ;AAAA,MAEF,WAAWC,EAAc;AAAA,MACzB,gBAAAhB;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,UAAU;AAAA,QACR,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA;AAAA,IACjB,CACD;AAAA,EACH,GAAG;AAAA,IACDN;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA,CACD;AAED,SAAAa,EAAgB,MAAM;AACpB,UAAMC,IAAS,MAAM;AACnB,YAAMC,IAAcP,EAAA;AACpB,UAAI,CAACO,EAAa;AAGlB,OADEd,EAAS,QAAQc,EAAY,OAAOd,EAAS,SAASc,EAAY,SAElEb,EAAYa,CAAW;AAAA,IAE3B;AACA,WAAAD,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAM,GACjC,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAM;AAAA,IAC7C;AAAA,EACF,CAAC,GAEM;AAAA,IACL,WAAW,EAAE,YAAAR,GAAY,UAAU,EAAE,GAAGL,EAAS,MAAM,GAAGA,EAAS,MAAI;AAAA,IACvE,WAAAG;AAAA,EAAA;AAEJ;"}

package/dist/overlay/tethered/hooks/use_tether_origin.d.ts

@@ -0,0 +1,10 @@
+import { Position, Rectangle } from '../../../utils/index.js';
+import { HorizontalTether, VerticalTether } from '../types.js';
+import { CaretDirection } from './utils/calculate_origin.js';
+export interface TetherOrigin {
+    rectangle: Rectangle;
+    offset: Position;
+    direction: CaretDirection;
+}
+export declare function useTetherOrigin(tetherRectangle: Rectangle, hOrigin: HorizontalTether, vOrigin: VerticalTether, precision: 'high' | 'low'): [TetherOrigin, React.RefObject<HTMLElement>];
+//# sourceMappingURL=use_tether_origin.d.ts.map

package/dist/overlay/tethered/hooks/use_tether_origin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_tether_origin.d.ts","sourceRoot":"","sources":["../../../../src/overlay/tethered/hooks/use_tether_origin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,6BAA6B,CAAC;AAGrC,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,SAAS,CAAC;IACrB,MAAM,EAAE,QAAQ,CAAC;IACjB,SAAS,EAAE,cAAc,CAAC;CAC3B;AAQD,wBAAgB,eAAe,CAC7B,eAAe,EAAE,SAAS,EAC1B,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAM,GAAG,KAAK,GACxB,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAiB9C"}

package/dist/overlay/tethered/hooks/use_tether_origin.js

@@ -0,0 +1,22 @@
+import { useRef as g } from "react";
+import { getOriginOffset as m, getOriginPosition as u, getOriginDirection as p } from "./utils/calculate_origin.js";
+import { useRefDimensions as d } from "./use_ref_dimensions.js";
+const l = {
+  rectangle: { dimensions: { width: 0, height: 0 }, position: { x: 0, y: 0 } },
+  offset: { x: 0, y: 0 },
+  direction: "none"
+};
+function h(o, n, t, s) {
+  const i = g(null), r = d(i);
+  if (s === "low") return [l, i];
+  const e = m(o.dimensions, n, t), f = u(o.position, e), c = p(t, n);
+  return [{
+    rectangle: { dimensions: r, position: f },
+    offset: e,
+    direction: c
+  }, i];
+}
+export {
+  h as useTetherOrigin
+};
+//# sourceMappingURL=use_tether_origin.js.map

package/dist/overlay/tethered/hooks/use_tether_origin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_tether_origin.js","sources":["../../../../src/overlay/tethered/hooks/use_tether_origin.ts"],"sourcesContent":["import { useRef } from 'react';\nimport type { Position, Rectangle } from '../../../utils/index.js';\nimport type { HorizontalTether, VerticalTether } from '../types.js';\nimport {\n  getOriginDirection,\n  getOriginOffset,\n  getOriginPosition,\n  type CaretDirection,\n} from './utils/calculate_origin.js';\nimport { useRefDimensions } from './use_ref_dimensions.js';\n\nexport interface TetherOrigin {\n  rectangle: Rectangle;\n  offset: Position;\n  direction: CaretDirection;\n}\n\nconst initialOriginResult: TetherOrigin = {\n  rectangle: { dimensions: { width: 0, height: 0 }, position: { x: 0, y: 0 } },\n  offset: { x: 0, y: 0 },\n  direction: 'none',\n};\n\nexport function useTetherOrigin(\n  tetherRectangle: Rectangle,\n  hOrigin: HorizontalTether,\n  vOrigin: VerticalTether,\n  precision: 'high' | 'low'\n): [TetherOrigin, React.RefObject<HTMLElement>] {\n  const ref = useRef<HTMLElement | null>(null);\n  const dimensions = useRefDimensions(ref);\n\n  if (precision === 'low') return [initialOriginResult, ref];\n\n  // Calculate origin values for high precision\n  const originOffset = getOriginOffset(tetherRectangle.dimensions, hOrigin, vOrigin);\n  const originPosition = getOriginPosition(tetherRectangle.position, originOffset);\n  const originDirection = getOriginDirection(vOrigin, hOrigin);\n\n  const origin: TetherOrigin = {\n    rectangle: { dimensions, position: originPosition },\n    offset: originOffset,\n    direction: originDirection,\n  };\n  return [origin, ref];\n}\n"],"names":["initialOriginResult","useTetherOrigin","tetherRectangle","hOrigin","vOrigin","precision","ref","useRef","dimensions","useRefDimensions","originOffset","getOriginOffset","originPosition","getOriginPosition","originDirection","getOriginDirection"],"mappings":";;;AAiBA,MAAMA,IAAoC;AAAA,EACxC,WAAW,EAAE,YAAY,EAAE,OAAO,GAAG,QAAQ,KAAK,UAAU,EAAE,GAAG,GAAG,GAAG,IAAE;AAAA,EACzE,QAAQ,EAAE,GAAG,GAAG,GAAG,EAAA;AAAA,EACnB,WAAW;AACb;AAEO,SAASC,EACdC,GACAC,GACAC,GACAC,GAC8C;AAC9C,QAAMC,IAAMC,EAA2B,IAAI,GACrCC,IAAaC,EAAiBH,CAAG;AAEvC,MAAID,MAAc,MAAO,QAAO,CAACL,GAAqBM,CAAG;AAGzD,QAAMI,IAAeC,EAAgBT,EAAgB,YAAYC,GAASC,CAAO,GAC3EQ,IAAiBC,EAAkBX,EAAgB,UAAUQ,CAAY,GACzEI,IAAkBC,EAAmBX,GAASD,CAAO;AAO3D,SAAO,CALsB;AAAA,IAC3B,WAAW,EAAE,YAAAK,GAAY,UAAUI,EAAA;AAAA,IACnC,QAAQF;AAAA,IACR,WAAWI;AAAA,EAAA,GAEGR,CAAG;AACrB;"}

package/dist/overlay/tethered/hooks/{calculate_origin.d.ts → utils/calculate_origin.d.ts}

@@ -1,21 +1,15 @@
-import { Position, Rectangle } from '../../../utils/index.js';
-import { HorizontalTether, VerticalTether } from '../types.js';
+import { Dimensions, Position } from '../../../../utils/index.js';
+import { HorizontalTether, VerticalTether } from '../../types.js';
 export type CaretDirection = 'top' | 'bottom' | 'start' | 'end' | 'none';
 /**
  * Calculates the offset from the tethered element's top-left corner to the origin point
  * based on tether dimensions and origin alignment.
  */
-export declare function getOriginOffset(tether: Rectangle, hOrigin: HorizontalTether, vOrigin: VerticalTether): {
-    yOffset: number;
-    xOffset: number;
-};
+export declare function getOriginOffset(tetherDimensions: Dimensions, hOrigin: HorizontalTether, vOrigin: VerticalTether): Position;
 /**
  * Adds offset to baseline position to get absolute origin position.
  */
-export declare function getOriginPosition(baselinePosition: Position, offset: {
-    yOffset: number;
-    xOffset: number;
-}): Position;
+export declare function getOriginPosition(baselinePosition: Position, offset: Position): Position;
 /**
  * Determines caret direction based on origin values.
  */

package/dist/overlay/tethered/hooks/utils/calculate_origin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate_origin.d.ts","sourceRoot":"","sources":["../../../../../src/overlay/tethered/hooks/utils/calculate_origin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzE;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,cAAc,GACtB,QAAQ,CA+BV;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,gBAAgB,EAAE,QAAQ,EAC1B,MAAM,EAAE,QAAQ,GACf,QAAQ,CAKV;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,gBAAgB,GACxB,cAAc,CAQhB"}

package/dist/overlay/tethered/hooks/utils/calculate_origin.js

@@ -0,0 +1,41 @@
+function a(e, t, n) {
+  let r = 0, c = 0;
+  switch (n) {
+    case "top":
+      r = 0;
+      break;
+    case "center":
+      r = e.height / 2;
+      break;
+    case "bottom":
+      r = e.height;
+      break;
+  }
+  switch (t) {
+    case "start":
+      c = 0;
+      break;
+    case "center":
+      c = e.width / 2;
+      break;
+    case "end":
+      c = e.width;
+      break;
+  }
+  return { y: r, x: c };
+}
+function f(e, t) {
+  return {
+    x: e.x + t.x,
+    y: e.y + t.y
+  };
+}
+function i(e, t) {
+  return e !== "center" ? e : t !== "center" ? t : "none";
+}
+export {
+  i as getOriginDirection,
+  a as getOriginOffset,
+  f as getOriginPosition
+};
+//# sourceMappingURL=calculate_origin.js.map

package/dist/overlay/tethered/hooks/utils/calculate_origin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate_origin.js","sources":["../../../../../src/overlay/tethered/hooks/utils/calculate_origin.ts"],"sourcesContent":["import type { Dimensions, Position } from '../../../../utils/index.js';\nimport type { HorizontalTether, VerticalTether } from '../../types.js';\n\nexport type CaretDirection = 'top' | 'bottom' | 'start' | 'end' | 'none';\n\n/**\n * Calculates the offset from the tethered element's top-left corner to the origin point\n * based on tether dimensions and origin alignment.\n */\nexport function getOriginOffset(\n  tetherDimensions: Dimensions,\n  hOrigin: HorizontalTether,\n  vOrigin: VerticalTether\n): Position {\n  let yOffset = 0;\n  let xOffset = 0;\n\n  // Calculate vertical offset\n  switch (vOrigin) {\n    case 'top':\n      yOffset = 0;\n      break;\n    case 'center':\n      yOffset = tetherDimensions.height / 2;\n      break;\n    case 'bottom':\n      yOffset = tetherDimensions.height;\n      break;\n  }\n\n  // Calculate horizontal offset\n  switch (hOrigin) {\n    case 'start':\n      xOffset = 0;\n      break;\n    case 'center':\n      xOffset = tetherDimensions.width / 2;\n      break;\n    case 'end':\n      xOffset = tetherDimensions.width;\n      break;\n  }\n\n  return { y: yOffset, x: xOffset };\n}\n\n/**\n * Adds offset to baseline position to get absolute origin position.\n */\nexport function getOriginPosition(\n  baselinePosition: Position,\n  offset: Position\n): Position {\n  return {\n    x: baselinePosition.x + offset.x,\n    y: baselinePosition.y + offset.y,\n  };\n}\n\n/**\n * Determines caret direction based on origin values.\n */\nexport function getOriginDirection(\n  vOrigin: VerticalTether,\n  hOrigin: HorizontalTether\n): CaretDirection {\n  if (vOrigin !== 'center') {\n    return vOrigin;\n  } else if (hOrigin !== 'center') {\n    return hOrigin;\n  } else {\n    return 'none';\n  }\n}\n"],"names":["getOriginOffset","tetherDimensions","hOrigin","vOrigin","yOffset","xOffset","getOriginPosition","baselinePosition","offset","getOriginDirection"],"mappings":"AASO,SAASA,EACdC,GACAC,GACAC,GACU;AACV,MAAIC,IAAU,GACVC,IAAU;AAGd,UAAQF,GAAA;AAAA,IACN,KAAK;AACH,MAAAC,IAAU;AACV;AAAA,IACF,KAAK;AACH,MAAAA,IAAUH,EAAiB,SAAS;AACpC;AAAA,IACF,KAAK;AACH,MAAAG,IAAUH,EAAiB;AAC3B;AAAA,EAAA;AAIJ,UAAQC,GAAA;AAAA,IACN,KAAK;AACH,MAAAG,IAAU;AACV;AAAA,IACF,KAAK;AACH,MAAAA,IAAUJ,EAAiB,QAAQ;AACnC;AAAA,IACF,KAAK;AACH,MAAAI,IAAUJ,EAAiB;AAC3B;AAAA,EAAA;AAGJ,SAAO,EAAE,GAAGG,GAAS,GAAGC,EAAA;AAC1B;AAKO,SAASC,EACdC,GACAC,GACU;AACV,SAAO;AAAA,IACL,GAAGD,EAAiB,IAAIC,EAAO;AAAA,IAC/B,GAAGD,EAAiB,IAAIC,EAAO;AAAA,EAAA;AAEnC;AAKO,SAASC,EACdN,GACAD,GACgB;AAChB,SAAIC,MAAY,WACPA,IACED,MAAY,WACdA,IAEA;AAEX;"}

package/dist/overlay/tethered/hooks/{calculate_position.d.ts → utils/calculate_position.d.ts}

@@ -1,5 +1,5 @@
-import { HorizontalTether, VerticalTether } from '../types.js';
-import { Rectangle, Dimensions } from '../../../utils/index.js';
+import { HorizontalTether, VerticalTether } from '../../types.js';
+import { Rectangle, Dimensions } from '../../../../utils/index.js';
 export interface CalculateTetheredPositionParams {
     anchor: Rectangle;
     tether: Rectangle;

package/dist/overlay/tethered/hooks/utils/calculate_position.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate_position.d.ts","sourceRoot":"","sources":["../../../../../src/overlay/tethered/hooks/utils/calculate_position.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,WAAW,+BAA+B;IAC9C,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,cAAc,EAAE,cAAc,CAAC;IAC/B,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,UAAU,CAAC;CACtB;AAED,eAAO,MAAM,yBAAyB,GAAI,gJAWvC,+BAA+B;;;CAiFjC,CAAC"}

package/dist/overlay/tethered/hooks/utils/calculate_position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate_position.js","sources":["../../../../../src/overlay/tethered/hooks/utils/calculate_position.ts"],"sourcesContent":["import type { HorizontalTether, VerticalTether } from '../../types.js';\nimport type { Rectangle } from '../../../../utils/index.js';\nimport type { Dimensions } from '../../../../utils/index.js';\n\nexport interface CalculateTetheredPositionParams {\n  anchor: Rectangle;\n  tether: Rectangle;\n  direction: 'ltr' | 'rtl';\n  verticalAnchor: VerticalTether;\n  verticalOrigin: VerticalTether;\n  horizontalAnchor: HorizontalTether;\n  horizontalOrigin: HorizontalTether;\n  verticalOffset: number;\n  horizontalOffset: number;\n  viewport: Dimensions;\n}\n\nexport const calculateTetheredPosition = ({\n  anchor,\n  tether,\n  direction,\n  verticalAnchor,\n  verticalOrigin,\n  horizontalAnchor,\n  horizontalOrigin,\n  verticalOffset,\n  horizontalOffset,\n  viewport,\n}: CalculateTetheredPositionParams) => {\n  const isRtl = direction === 'rtl';\n\n  let top = anchor.position.y;\n  let left = anchor.position.x;\n\n  // Calculate vertical position\n  switch (verticalAnchor) {\n    case 'top':\n      top += verticalOffset;\n      break;\n    case 'center':\n      top += anchor.dimensions.height / 2;\n      break;\n    case 'bottom':\n      top += anchor.dimensions.height - verticalOffset;\n      break;\n  }\n\n  switch (verticalOrigin) {\n    case 'top':\n      break;\n    case 'center':\n      top -= tether.dimensions.height / 2;\n      break;\n    case 'bottom':\n      top -= tether.dimensions.height;\n      break;\n  }\n\n  // Calculate horizontal position with direction sensitivity\n  if (horizontalAnchor === 'start') {\n    left += isRtl ? anchor.dimensions.width + horizontalOffset : horizontalOffset;\n  } else if (horizontalAnchor === 'center') {\n    left += anchor.dimensions.width / 2;\n  } else if (horizontalAnchor === 'end') {\n    left += isRtl ? -horizontalOffset : anchor.dimensions.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 -= tether.dimensions.width / 2;\n  } else if (adjustedHorizontalOrigin === 'end') {\n    left -= tether.dimensions.width;\n  }\n\n  // Ensure the popover stays within the viewport\n  // Prevent overflow to the right\n  if (left + tether.dimensions.width > viewport.width) {\n    left = viewport.width - tether.dimensions.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  // FIXME: doesn't account for padding.\n  if (top + tether.dimensions.height > viewport.height) {\n    top = viewport.height - tether.dimensions.height;\n  }\n\n  // Prevent overflow to the top\n  if (top < 0) {\n    top = 0;\n  }\n\n  return { top, left };\n};\n"],"names":["calculateTetheredPosition","anchor","tether","direction","verticalAnchor","verticalOrigin","horizontalAnchor","horizontalOrigin","verticalOffset","horizontalOffset","viewport","isRtl","top","left","adjustedHorizontalOrigin"],"mappings":"AAiBO,MAAMA,IAA4B,CAAC;AAAA,EACxC,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AACF,MAAuC;AACrC,QAAMC,IAAQR,MAAc;AAE5B,MAAIS,IAAMX,EAAO,SAAS,GACtBY,IAAOZ,EAAO,SAAS;AAG3B,UAAQG,GAAA;AAAA,IACN,KAAK;AACH,MAAAQ,KAAOJ;AACP;AAAA,IACF,KAAK;AACH,MAAAI,KAAOX,EAAO,WAAW,SAAS;AAClC;AAAA,IACF,KAAK;AACH,MAAAW,KAAOX,EAAO,WAAW,SAASO;AAClC;AAAA,EAAA;AAGJ,UAAQH,GAAA;AAAA,IACN,KAAK;AACH;AAAA,IACF,KAAK;AACH,MAAAO,KAAOV,EAAO,WAAW,SAAS;AAClC;AAAA,IACF,KAAK;AACH,MAAAU,KAAOV,EAAO,WAAW;AACzB;AAAA,EAAA;AAIJ,EAAII,MAAqB,UACvBO,KAAQF,IAAQV,EAAO,WAAW,QAAQQ,IAAmBA,IACpDH,MAAqB,WAC9BO,KAAQZ,EAAO,WAAW,QAAQ,IACzBK,MAAqB,UAC9BO,KAAQF,IAAQ,CAACF,IAAmBR,EAAO,WAAW,QAAQQ;AAIhE,MAAIK,IAA2BP;AAC/B,SAAII,MACEJ,MAAqB,UACvBO,IAA2B,QAClBP,MAAqB,UAC9BO,IAA2B,WAK3BA,MAA6B,YAEtBA,MAA6B,WACtCD,KAAQX,EAAO,WAAW,QAAQ,IACzBY,MAA6B,UACtCD,KAAQX,EAAO,WAAW,SAKxBW,IAAOX,EAAO,WAAW,QAAQQ,EAAS,UAC5CG,IAAOH,EAAS,QAAQR,EAAO,WAAW,QAIxCW,IAAO,MACTA,IAAO,IAKLD,IAAMV,EAAO,WAAW,SAASQ,EAAS,WAC5CE,IAAMF,EAAS,SAASR,EAAO,WAAW,SAIxCU,IAAM,MACRA,IAAM,IAGD,EAAE,KAAAA,GAAK,MAAAC,EAAA;AAChB;"}

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

@@ -1 +1 @@
-{"version":3,"file":"tethered.d.ts","sourceRoot":"","sources":["../../../src/overlay/tethered/tethered.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAKnE,MAAM,WAAW,oBAAoB;IACnC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,oBAAoB;IAC3D,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC5B;AACD,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,WAAW;CAAG;AAEtE,eAAO,MAAM,QAAQ;;+CAgFpB,CAAC"}
+{"version":3,"file":"tethered.d.ts","sourceRoot":"","sources":["../../../src/overlay/tethered/tethered.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAKlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAKnE,MAAM,WAAW,oBAAoB;IACnC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,oBAAoB;IAC3D,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,WAAW;CAAG;AAEtE,eAAO,MAAM,QAAQ;;+CA4EpB,CAAC"}

package/dist/overlay/tethered/tethered.js

@@ -1,82 +1,83 @@
-import { jsx as p, jsxs as P } from "react/jsx-runtime";
-import { clsx as c } from "clsx";
-import { forwardRef as j } from "react";
+import { jsx as s, jsxs as T } from "react/jsx-runtime";
+import { clsx as m } from "clsx";
+import { forwardRef as _ } from "react";
 import "../../stacks/box/box.js";
 import "../../stacks/h_collapsible_box.js";
 import "../../stacks/h_stack.js";
 import "../../stacks/spacer.js";
 import "../../stacks/v_collapsible_box.js";
 import "../../stacks/v_stack.js";
-import { ZStack as D } from "../../stacks/z_stack.js";
+import { ZStack as b } from "../../stacks/z_stack.js";
 import "../../utils/click_away_listener.js";
 import "../../utils/focus_redirect.js";
 import "../../utils/scroll_away_listener.js";
-import { useForkRef as E } from "../../utils/hooks/use_fork_ref.js";
+import { useForkRef as k } from "../../utils/hooks/use_fork_ref.js";
 import "../../utils/hooks/use_resize_observer.js";
 import "../../utils/dnd/context.js";
 import "../../draggable.module-BgelQsuJ.js";
-import { Caret as N } from "../caret/caret.js";
-import { Portal as S } from "../portal/portal.js";
-import { useCaretRefDimensions as F } from "./hooks/useCaretRefDimensions.js";
-import { useTether as I } from "./hooks/useTether.js";
-import { useTetherOrigin as V } from "./hooks/useTetherOrigin.js";
-import '../../tethered.css';const Z = "_origin-indicator_cbc16ea", q = "_tethered_44058d8", f = { "origin-indicator": Z, tethered: q }, mt = j(
+import { Caret as j } from "../caret/caret.js";
+import { Portal as N } from "../portal/portal.js";
+import { useTether as C } from "./hooks/use_tether.js";
+import { useTetherOrigin as F } from "./hooks/use_tether_origin.js";
+import '../../tethered.css';const I = "_origin-indicator_cbc16ea", P = "_tethered_44058d8", p = { "origin-indicator": I, tethered: P }, tt = _(
   function({
-    anchor: h,
-    verticalAnchor: n = "bottom",
-    verticalOrigin: r = "top",
-    horizontalAnchor: s = "start",
-    horizontalOrigin: o = "start",
-    verticalOffset: x = 0,
-    horizontalOffset: g = 0,
-    precision: i = "low",
-    children: l,
-    style: $,
-    className: y,
-    ...R
-  }, u) {
-    const { position: t, tetherRef: w } = I({
-      anchor: h,
-      verticalAnchor: n,
-      verticalOrigin: r,
-      horizontalAnchor: s,
-      horizontalOrigin: o,
-      verticalOffset: x,
-      horizontalOffset: g
-    }), T = { x: t.left, y: t.top }, { originPosition: m, originOffset: d, containerRef: _, originDirection: e } = V(T, o, r, i), { caretElementRef: b, caretSize: a } = F(
+    anchor: a,
+    verticalAnchor: r = "bottom",
+    verticalOrigin: e = "top",
+    horizontalAnchor: n = "start",
+    horizontalOrigin: i = "start",
+    verticalOffset: c = 0,
+    horizontalOffset: h = 0,
+    precision: d = "low",
+    children: f,
+    style: g,
+    className: x,
+    ...l
+  }, $) {
+    const { rectangle: o, tetherRef: y } = C({
+      anchor: a,
+      verticalAnchor: r,
+      verticalOrigin: e,
+      horizontalAnchor: n,
+      horizontalOrigin: i,
+      verticalOffset: c,
+      horizontalOffset: h
+    }), [t, u] = F(
+      o,
       i,
-      e
-    ), k = E(u, w, _), C = {
-      "--tethered-top": `${t.top}px`,
-      "--tethered-left": `${t.left}px`,
-      "--tethered-origin-y": `${m.y}px`,
-      "--tethered-origin-x": `${m.x}px`,
-      "--tethered-origin-delta-y": `${d.yOffset}px`,
-      "--tethered-origin-delta-x": `${d.xOffset}px`,
-      "--origin-indicator-dimensions-width": `${a.width}px`,
-      "--origin-indicator-dimensions-height": `${a.height}px`
+      e,
+      d
+    ), R = k($, y), w = {
+      "--tethered-top": `${o.position.y}px`,
+      "--tethered-left": `${o.position.x}px`,
+      "--tethered-origin-y": `${t.rectangle.position.y}px`,
+      "--tethered-origin-x": `${t.rectangle.position.x}px`,
+      "--tethered-origin-delta-y": `${t.offset.y}px`,
+      "--tethered-origin-delta-x": `${t.offset.x}px`,
+      "--origin-indicator-dimensions-width": `${t.rectangle.dimensions.width}px`,
+      "--origin-indicator-dimensions-height": `${t.rectangle.dimensions.height}px`
     };
-    return /* @__PURE__ */ p(S, { children: /* @__PURE__ */ P(
-      D,
+    return /* @__PURE__ */ s(N, { children: /* @__PURE__ */ T(
+      b,
       {
-        ref: k,
-        className: c(f.tethered, "tcn-tethered", y),
-        style: { ...C, ...$ },
-        "data-v-anchor": n,
-        "data-h-anchor": s,
-        "data-v-origin": r,
-        "data-h-origin": o,
-        "data-anchor-direction": e,
-        ...R,
+        ref: R,
+        className: m(p.tethered, "tcn-tethered", x),
+        style: { ...w, ...g },
+        "data-v-anchor": r,
+        "data-h-anchor": n,
+        "data-v-origin": e,
+        "data-h-origin": i,
+        "data-anchor-direction": t.direction,
+        ...l,
         children: [
-          l,
-          i === "high" && e !== "none" && /* @__PURE__ */ p(
-            N,
+          f,
+          d === "high" && t.direction !== "none" && /* @__PURE__ */ s(
+            j,
             {
-              ref: b,
-              direction: e,
-              className: c(
-                f["origin-indicator"],
+              ref: u,
+              direction: t.direction,
+              className: m(
+                p["origin-indicator"],
                 "tcn-tethered-origin-indicator"
               )
             }
@@ -87,6 +88,6 @@ import '../../tethered.css';const Z = "_origin-indicator_cbc16ea", q = "_tethere
   }
 );
 export {
-  mt as Tethered
+  tt as Tethered
 };
 //# sourceMappingURL=tethered.js.map

package/dist/overlay/tethered/tethered.js.map

@@ -1 +1 @@
-{"version":3,"file":"tethered.js","sources":["../../../src/overlay/tethered/tethered.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef, type PropsWithChildren } from 'react';\nimport { ZStack, type ZStackProps } from '../../stacks/index.js';\nimport { useForkRef, type Rectangle } from '../../utils/index.js';\nimport { Caret } from '../caret/caret.js';\nimport { Portal } from '../portal/portal.js';\nimport { useCaretRefDimensions } from './hooks/useCaretRefDimensions.js';\nimport { useTether } from './hooks/useTether.js';\nimport { useTetherOrigin } from './hooks/useTetherOrigin.js';\nimport type { HorizontalTether, VerticalTether } from './types.js';\n\n// Styles\nimport styles from './tethered.module.css';\n\nexport interface BaseTetheredOwnProps {\n  verticalAnchor?: VerticalTether;\n  verticalOrigin?: VerticalTether;\n  horizontalOrigin?: HorizontalTether;\n  horizontalAnchor?: HorizontalTether;\n  verticalOffset?: number;\n  horizontalOffset?: number;\n}\n\nexport interface TetheredOwnProp extends BaseTetheredOwnProps {\n  anchor: Rectangle | null;\n  precision?: 'high' | 'low';\n}\nexport interface TetheredProps extends TetheredOwnProp, ZStackProps {}\n\nexport const Tethered = forwardRef<HTMLElement, PropsWithChildren<TetheredProps>>(\n  function Tethered(\n    {\n      anchor,\n      verticalAnchor = 'bottom',\n      verticalOrigin = 'top',\n      horizontalAnchor = 'start',\n      horizontalOrigin = 'start',\n      verticalOffset = 0,\n      horizontalOffset = 0,\n      precision = 'low',\n      children,\n      style,\n      className,\n      ...rest\n    },\n    ref\n  ) {\n    const { position, tetherRef } = useTether({\n      anchor,\n      verticalAnchor,\n      verticalOrigin,\n      horizontalAnchor,\n      horizontalOrigin,\n      verticalOffset,\n      horizontalOffset,\n    });\n\n    // Convert position from { top, left } to Position type { x, y }\n    const tetherPosition = { x: position.left, y: position.top };\n\n    const { originPosition, originOffset, containerRef, originDirection } =\n      useTetherOrigin(tetherPosition, horizontalOrigin, verticalOrigin, precision);\n\n    const { caretElementRef: setCaretElement, caretSize } = useCaretRefDimensions(\n      precision,\n      originDirection\n    );\n\n    const forkedRef = useForkRef(ref, tetherRef, containerRef);\n\n    const cssVariables = {\n      '--tethered-top': `${position.top}px`,\n      '--tethered-left': `${position.left}px`,\n      '--tethered-origin-y': `${originPosition.y}px`,\n      '--tethered-origin-x': `${originPosition.x}px`,\n      '--tethered-origin-delta-y': `${originOffset.yOffset}px`,\n      '--tethered-origin-delta-x': `${originOffset.xOffset}px`,\n      '--origin-indicator-dimensions-width': `${caretSize.width}px`,\n      '--origin-indicator-dimensions-height': `${caretSize.height}px`,\n    };\n\n    return (\n      <Portal>\n        <ZStack\n          ref={forkedRef}\n          className={clsx(styles.tethered, 'tcn-tethered', className)}\n          style={{ ...cssVariables, ...style }}\n          data-v-anchor={verticalAnchor}\n          data-h-anchor={horizontalAnchor}\n          data-v-origin={verticalOrigin}\n          data-h-origin={horizontalOrigin}\n          data-anchor-direction={originDirection}\n          {...rest}\n        >\n          {children}\n          {precision === 'high' && originDirection !== 'none' && (\n            <Caret\n              ref={setCaretElement}\n              direction={originDirection}\n              className={clsx(\n                styles['origin-indicator'],\n                'tcn-tethered-origin-indicator'\n              )}\n            />\n          )}\n        </ZStack>\n      </Portal>\n    );\n  }\n);\n"],"names":["Tethered","forwardRef","anchor","verticalAnchor","verticalOrigin","horizontalAnchor","horizontalOrigin","verticalOffset","horizontalOffset","precision","children","style","className","rest","ref","position","tetherRef","useTether","tetherPosition","originPosition","originOffset","containerRef","originDirection","useTetherOrigin","setCaretElement","caretSize","useCaretRefDimensions","forkedRef","useForkRef","cssVariables","Portal","jsxs","ZStack","clsx","styles","jsx","Caret"],"mappings":";;;;;;;;;;;;;;;;;;;;;;4GA6BaA,KAAWC;AAAA,EACtB,SACE;AAAA,IACE,QAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC,IAAmB;AAAA,IACnB,kBAAAC,IAAmB;AAAA,IACnB,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC,IAAmB;AAAA,IACnB,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAM,EAAE,UAAAC,GAAU,WAAAC,EAAA,IAAcC,EAAU;AAAA,MACxC,QAAAf;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA,CACD,GAGKU,IAAiB,EAAE,GAAGH,EAAS,MAAM,GAAGA,EAAS,IAAA,GAEjD,EAAE,gBAAAI,GAAgB,cAAAC,GAAc,cAAAC,GAAc,iBAAAC,EAAA,IAClDC,EAAgBL,GAAgBZ,GAAkBF,GAAgBK,CAAS,GAEvE,EAAE,iBAAiBe,GAAiB,WAAAC,EAAA,IAAcC;AAAA,MACtDjB;AAAA,MACAa;AAAA,IAAA,GAGIK,IAAYC,EAAWd,GAAKE,GAAWK,CAAY,GAEnDQ,IAAe;AAAA,MACnB,kBAAkB,GAAGd,EAAS,GAAG;AAAA,MACjC,mBAAmB,GAAGA,EAAS,IAAI;AAAA,MACnC,uBAAuB,GAAGI,EAAe,CAAC;AAAA,MAC1C,uBAAuB,GAAGA,EAAe,CAAC;AAAA,MAC1C,6BAA6B,GAAGC,EAAa,OAAO;AAAA,MACpD,6BAA6B,GAAGA,EAAa,OAAO;AAAA,MACpD,uCAAuC,GAAGK,EAAU,KAAK;AAAA,MACzD,wCAAwC,GAAGA,EAAU,MAAM;AAAA,IAAA;AAG7D,6BACGK,GAAA,EACC,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKL;AAAA,QACL,WAAWM,EAAKC,EAAO,UAAU,gBAAgBtB,CAAS;AAAA,QAC1D,OAAO,EAAE,GAAGiB,GAAc,GAAGlB,EAAA;AAAA,QAC7B,iBAAeR;AAAA,QACf,iBAAeE;AAAA,QACf,iBAAeD;AAAA,QACf,iBAAeE;AAAA,QACf,yBAAuBgB;AAAA,QACtB,GAAGT;AAAA,QAEH,UAAA;AAAA,UAAAH;AAAA,UACAD,MAAc,UAAUa,MAAoB,UAC3C,gBAAAa;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,KAAKZ;AAAA,cACL,WAAWF;AAAA,cACX,WAAWW;AAAA,gBACTC,EAAO,kBAAkB;AAAA,gBACzB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,GAGN;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"tethered.js","sources":["../../../src/overlay/tethered/tethered.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { forwardRef, type PropsWithChildren } from 'react';\nimport { ZStack, type ZStackProps } from '../../stacks/index.js';\nimport { useForkRef, type Rectangle } from '../../utils/index.js';\nimport { Caret } from '../caret/caret.js';\nimport { Portal } from '../portal/portal.js';\nimport { useTether } from './hooks/use_tether.js';\nimport { useTetherOrigin } from './hooks/use_tether_origin.js';\nimport type { HorizontalTether, VerticalTether } from './types.js';\n\n// Styles\nimport styles from './tethered.module.css';\n\nexport interface BaseTetheredOwnProps {\n  verticalAnchor?: VerticalTether;\n  verticalOrigin?: VerticalTether;\n  horizontalOrigin?: HorizontalTether;\n  horizontalAnchor?: HorizontalTether;\n  verticalOffset?: number;\n  horizontalOffset?: number;\n}\n\nexport interface TetheredOwnProp extends BaseTetheredOwnProps {\n  anchor: Rectangle | null;\n  precision?: 'high' | 'low';\n}\n\nexport interface TetheredProps extends TetheredOwnProp, ZStackProps {}\n\nexport const Tethered = forwardRef<HTMLElement, PropsWithChildren<TetheredProps>>(\n  function Tethered(\n    {\n      anchor,\n      verticalAnchor = 'bottom',\n      verticalOrigin = 'top',\n      horizontalAnchor = 'start',\n      horizontalOrigin = 'start',\n      verticalOffset = 0,\n      horizontalOffset = 0,\n      precision = 'low',\n      children,\n      style,\n      className,\n      ...rest\n    },\n    ref\n  ) {\n    const { rectangle, tetherRef } = useTether({\n      anchor,\n      verticalAnchor,\n      verticalOrigin,\n      horizontalAnchor,\n      horizontalOrigin,\n      verticalOffset,\n      horizontalOffset,\n    });\n\n    const [origin, originRef] = useTetherOrigin(\n      rectangle,\n      horizontalOrigin,\n      verticalOrigin,\n      precision\n    );\n\n    const forkedRef = useForkRef(ref, tetherRef);\n\n    const cssVariables = {\n      '--tethered-top': `${rectangle.position.y}px`,\n      '--tethered-left': `${rectangle.position.x}px`,\n      '--tethered-origin-y': `${origin.rectangle.position.y}px`,\n      '--tethered-origin-x': `${origin.rectangle.position.x}px`,\n      '--tethered-origin-delta-y': `${origin.offset.y}px`,\n      '--tethered-origin-delta-x': `${origin.offset.x}px`,\n      '--origin-indicator-dimensions-width': `${origin.rectangle.dimensions.width}px`,\n      '--origin-indicator-dimensions-height': `${origin.rectangle.dimensions.height}px`,\n    };\n\n    return (\n      <Portal>\n        <ZStack\n          ref={forkedRef}\n          className={clsx(styles.tethered, 'tcn-tethered', className)}\n          style={{ ...cssVariables, ...style }}\n          data-v-anchor={verticalAnchor}\n          data-h-anchor={horizontalAnchor}\n          data-v-origin={verticalOrigin}\n          data-h-origin={horizontalOrigin}\n          data-anchor-direction={origin.direction}\n          {...rest}\n        >\n          {children}\n          {precision === 'high' && origin.direction !== 'none' && (\n            <Caret\n              ref={originRef}\n              direction={origin.direction}\n              className={clsx(\n                styles['origin-indicator'],\n                'tcn-tethered-origin-indicator'\n              )}\n            />\n          )}\n        </ZStack>\n      </Portal>\n    );\n  }\n);\n"],"names":["Tethered","forwardRef","anchor","verticalAnchor","verticalOrigin","horizontalAnchor","horizontalOrigin","verticalOffset","horizontalOffset","precision","children","style","className","rest","ref","rectangle","tetherRef","useTether","origin","originRef","useTetherOrigin","forkedRef","useForkRef","cssVariables","Portal","jsxs","ZStack","clsx","styles","jsx","Caret"],"mappings":";;;;;;;;;;;;;;;;;;;;;4GA6BaA,KAAWC;AAAA,EACtB,SACE;AAAA,IACE,QAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC,IAAmB;AAAA,IACnB,kBAAAC,IAAmB;AAAA,IACnB,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC,IAAmB;AAAA,IACnB,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,GACA;AACA,UAAM,EAAE,WAAAC,GAAW,WAAAC,EAAA,IAAcC,EAAU;AAAA,MACzC,QAAAf;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA,CACD,GAEK,CAACU,GAAQC,CAAS,IAAIC;AAAA,MAC1BL;AAAA,MACAT;AAAA,MACAF;AAAA,MACAK;AAAA,IAAA,GAGIY,IAAYC,EAAWR,GAAKE,CAAS,GAErCO,IAAe;AAAA,MACnB,kBAAkB,GAAGR,EAAU,SAAS,CAAC;AAAA,MACzC,mBAAmB,GAAGA,EAAU,SAAS,CAAC;AAAA,MAC1C,uBAAuB,GAAGG,EAAO,UAAU,SAAS,CAAC;AAAA,MACrD,uBAAuB,GAAGA,EAAO,UAAU,SAAS,CAAC;AAAA,MACrD,6BAA6B,GAAGA,EAAO,OAAO,CAAC;AAAA,MAC/C,6BAA6B,GAAGA,EAAO,OAAO,CAAC;AAAA,MAC/C,uCAAuC,GAAGA,EAAO,UAAU,WAAW,KAAK;AAAA,MAC3E,wCAAwC,GAAGA,EAAO,UAAU,WAAW,MAAM;AAAA,IAAA;AAG/E,6BACGM,GAAA,EACC,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKL;AAAA,QACL,WAAWM,EAAKC,EAAO,UAAU,gBAAgBhB,CAAS;AAAA,QAC1D,OAAO,EAAE,GAAGW,GAAc,GAAGZ,EAAA;AAAA,QAC7B,iBAAeR;AAAA,QACf,iBAAeE;AAAA,QACf,iBAAeD;AAAA,QACf,iBAAeE;AAAA,QACf,yBAAuBY,EAAO;AAAA,QAC7B,GAAGL;AAAA,QAEH,UAAA;AAAA,UAAAH;AAAA,UACAD,MAAc,UAAUS,EAAO,cAAc,UAC5C,gBAAAW;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,KAAKX;AAAA,cACL,WAAWD,EAAO;AAAA,cAClB,WAAWS;AAAA,gBACTC,EAAO,kBAAkB;AAAA,gBACzB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,GAGN;AAAA,EAEJ;AACF;"}

package/dist/select_group.css

@@ -1 +1 @@
-@layer tcn-system{:where(._select-group_c24986f){--button-background: var(--surface-color, transparent);border-radius:4px}:where(._select-group-option_28f4dfd){background-color:var(--button-background);z-index:1}:where(._select-group-divider_b5b865b){display:none}:where(._select-group-option_28f4dfd:not(:first-child)){margin-left:-1px}:where(._select-group-option_28f4dfd:is(:focus,:focus-visible,:hover,:active)){z-index:2}:where(._select-group-option_28f4dfd:not(:first-child)),:where(._select-group-option_28f4dfd:not(:last-child)){border-radius:0}:where(._select-group-option_28f4dfd:last-child){border-end-end-radius:4px;border-start-end-radius:4px}:where(._select-group-option_28f4dfd:first-child){border-start-start-radius:4px;border-end-start-radius:4px}:where(._select-group-option_28f4dfd:last-child){border-inline-start-width:0}:where(._select-group-option_28f4dfd:first-child){border-inline-end-width:0}:where(._select-group-option_28f4dfd:only-child){border-inline-end-width:1px;border-inline-start-width:1px}:where(._select-group_c24986f[data-size=sm]){--button-height: calc(22px * var(--scalar, 1))}:where(._select-group_c24986f[data-size=md]){--button-height: calc(26px * var(--scalar, 1))}:where(._select-group_c24986f[data-size=lg]){--button-height: calc(32px * var(--scalar, 1))}:where(._select-group-option_28f4dfd[data-is-disabled=true]){z-index:0}}
+@layer tcn-system{:where(._select-group_9481949){--button-background: var(--surface-color, transparent);border-radius:4px}:where(._select-group-option_d8658c7){background-color:var(--button-background);z-index:1}:where(._select-group-divider_802bff5){display:none}:where(._select-group-option_d8658c7:not(:first-child)){margin-left:-1px}:where(._select-group-option_d8658c7:is(:focus,:focus-visible,:hover,:active)){z-index:2}:where(._select-group-option_d8658c7:not(:first-child)),:where(._select-group-option_d8658c7:not(:last-child)){border-radius:0}:where(._select-group-option_d8658c7:last-child){border-end-end-radius:4px;border-start-end-radius:4px}:where(._select-group-option_d8658c7:first-child){border-start-start-radius:4px;border-end-start-radius:4px}:where(._select-group-option_d8658c7:last-child){border-inline-start-width:0}:where(._select-group-option_d8658c7:first-child){border-inline-end-width:0}:where(._select-group-option_d8658c7:only-child){border-inline-end-width:1px;border-inline-start-width:1px}:where(._select-group_9481949[data-size=sm]){--button-height: calc(22px * var(--scalar, 1))}:where(._select-group_9481949[data-size=md]){--button-height: calc(26px * var(--scalar, 1))}:where(._select-group_9481949[data-size=lg]){--button-height: calc(32px * var(--scalar, 1))}:where(._select-group-option_d8658c7[data-is-disabled=true]){z-index:0}}

package/dist/surfaces/alert/alert.d.ts

@@ -3,8 +3,6 @@ import { ConfirmProps } from '../confirm/confirm.js';
 export interface AlertProps extends Omit<ConfirmProps, 'actions'> {
     open?: boolean;
     graphic?: React.ReactNode;
-    title?: string;
-    description?: string;
     onAccept?: () => void;
 }
 export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;

package/dist/surfaces/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/surfaces/alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAW,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,KAAK,mFAgBhB,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/surfaces/alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAW,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC;IAC/D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,KAAK,mFAgBhB,CAAC"}

package/dist/surfaces/alert/alert.js

@@ -1,26 +1,24 @@
 import { jsx as r } from "react/jsx-runtime";
-import { clsx as p } from "clsx";
-import e from "react";
+import { clsx as e } from "clsx";
+import p from "react";
 import "../../actions/button/base_button/base_button.js";
 import "../../actions/button/button_group/button_group.js";
 import "../../actions/button/slim_button/slim_button.js";
 import { Button as c } from "../../actions/button/button/button.js";
-import "../../actions/button/select_group/select_group.js";
-import "../../actions/button/select_group/single_select_group.js";
 import "../../actions/toggle/toggle.js";
 import { Confirm as f } from "../confirm/confirm.js";
-const R = e.forwardRef(function({ className: t, onAccept: o, ...i }, m) {
+const A = p.forwardRef(function({ className: t, onAccept: o, ...i }, m) {
   return /* @__PURE__ */ r(
     f,
     {
       ref: m,
-      className: p(t, "tcn-alert"),
+      className: e(t, "tcn-alert"),
       ...i,
       actions: /* @__PURE__ */ r(c, { onClick: o, hierarchy: "primary", width: "100%", children: "OK" })
     }
   );
 });
 export {
-  R as Alert
+  A as Alert
 };
 //# sourceMappingURL=alert.js.map

package/dist/surfaces/alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../../src/surfaces/alert/alert.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Button } from '../../actions/index.js';\nimport { Confirm, ConfirmProps } from '../confirm/confirm.js';\n\nexport interface AlertProps extends Omit<ConfirmProps, 'actions'> {\n  open?: boolean;\n  graphic?: React.ReactNode;\n  title?: string;\n  description?: string;\n  onAccept?: () => void;\n}\n\nexport const Alert = React.forwardRef(function Alert(\n  { className, onAccept, ...props }: AlertProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  return (\n    <Confirm\n      ref={ref}\n      className={clsx(className, 'tcn-alert')}\n      {...props}\n      actions={\n        <Button onClick={onAccept} hierarchy=\"primary\" width=\"100%\">\n          OK\n        </Button>\n      }\n    />\n  );\n});\n"],"names":["Alert","React","className","onAccept","props","ref","jsx","Confirm","clsx","Button"],"mappings":";;;;;;;;;;;AAaO,MAAMA,IAAQC,EAAM,WAAW,SACpC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKN,GAAW,WAAW;AAAA,MACrC,GAAGE;AAAA,MACJ,2BACGK,GAAA,EAAO,SAASN,GAAU,WAAU,WAAU,OAAM,QAAO,UAAA,KAAA,CAE5D;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"alert.js","sources":["../../../src/surfaces/alert/alert.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React from 'react';\nimport { Button } from '../../actions/index.js';\nimport { Confirm, ConfirmProps } from '../confirm/confirm.js';\n\nexport interface AlertProps extends Omit<ConfirmProps, 'actions'> {\n  open?: boolean;\n  graphic?: React.ReactNode;\n  onAccept?: () => void;\n}\n\nexport const Alert = React.forwardRef(function Alert(\n  { className, onAccept, ...props }: AlertProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  return (\n    <Confirm\n      ref={ref}\n      className={clsx(className, 'tcn-alert')}\n      {...props}\n      actions={\n        <Button onClick={onAccept} hierarchy=\"primary\" width=\"100%\">\n          OK\n        </Button>\n      }\n    />\n  );\n});\n"],"names":["Alert","React","className","onAccept","props","ref","jsx","Confirm","clsx","Button"],"mappings":";;;;;;;;;AAWO,MAAMA,IAAQC,EAAM,WAAW,SACpC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAKN,GAAW,WAAW;AAAA,MACrC,GAAGE;AAAA,MACJ,2BACGK,GAAA,EAAO,SAASN,GAAU,WAAU,WAAU,OAAM,QAAO,UAAA,KAAA,CAE5D;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/surfaces/confirm/confirm.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 import { BoxProps } from '../../stacks/box/box.js';
-export interface ConfirmProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ConfirmProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     open?: boolean;
     graphic?: React.ReactNode;
-    title?: string;
-    description?: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
     actions?: React.ReactNode;
     veilProps?: BoxProps;
 }

package/dist/surfaces/confirm/confirm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/confirm/confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAQjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,qFAuElB,CAAC"}
+{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/confirm/confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAQjE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,qFAqFlB,CAAC"}