@tcn/ui 0.12.1 → 0.12.3

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTether.d.ts","sourceRoot":"","sources":["../../../../src/overlay/tethered/hooks/useTether.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGpE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,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,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,cAAyB,EACzB,cAAsB,EACtB,gBAA0B,EAC1B,gBAA0B,EAC1B,cAAkB,EAClB,gBAAoB,GACrB,EAAE,eAAe;;;;;;EA8DjB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTether.js","sources":["../../../../src/overlay/tethered/hooks/useTether.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 './calculate_position.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\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 { position, tetherRef };\n}\n"],"names":["useTether","anchor","verticalAnchor","verticalOrigin","horizontalAnchor","horizontalOrigin","verticalOffset","horizontalOffset","position","setPosition","useState","tetherRef","useRef","getPosition","useCallback","tether","computedStyle","calculateTetheredPosition","useLayoutEffect","update","newPosition"],"mappings":";;AAeO,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,GAEvCC,IAAcC,EAAY,MAAM;AACpC,QAAI,CAACb,KAAU,CAACU,EAAU,QAAS;AAEnC,UAAMI,IAASJ,EAAU,QAAQ,sBAAA,GAC3BK,IAAgB,iBAAiBL,EAAU,OAAO;AAExD,WAAOM,EAA0B;AAAA,MAC/B,QAAAhB;AAAA,MACA,QAAQ;AAAA,QACN,YAAY;AAAA,UACV,OAAOc,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,gBAAAd;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,SAAAW,EAAgB,MAAM;AACpB,UAAMC,IAAS,MAAM;AACnB,YAAMC,IAAcP,EAAA;AACpB,UAAI,CAACO,EAAa;AAGlB,OADEZ,EAAS,QAAQY,EAAY,OAAOZ,EAAS,SAASY,EAAY,SAElEX,EAAYW,CAAW;AAAA,IAE3B;AACA,WAAAD,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAM,GACjC,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAM;AAAA,IAC7C;AAAA,EACF,CAAC,GAEM,EAAE,UAAAX,GAAU,WAAAG,EAAA;AACrB;"}

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

@@ -1,3 +0,0 @@
-import { Rectangle } from '../../../utils/index.js';
-export declare function useTetherContentRect(ref: React.RefObject<HTMLElement>): Rectangle;
-//# sourceMappingURL=useTetherContentRect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTetherContentRect.d.ts","sourceRoot":"","sources":["../../../../src/overlay/tethered/hooks/useTetherContentRect.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAuBzD,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,CAwBjF"}

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

@@ -1,36 +0,0 @@
-import { useState as r, useLayoutEffect as s } from "react";
-function i(t) {
-  if (!t)
-    return {
-      dimensions: { width: 0, height: 0 },
-      position: { x: 0, y: 0 }
-    };
-  const e = t.getBoundingClientRect();
-  return {
-    dimensions: {
-      width: e.width,
-      height: e.height
-    },
-    position: {
-      x: e.left,
-      y: e.top
-    }
-  };
-}
-function u(t) {
-  const [e, o] = r(
-    () => i(t.current)
-  );
-  return s(() => {
-    const n = () => {
-      o(i(t.current));
-    };
-    return n(), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
-      window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
-    };
-  }, [t]), e;
-}
-export {
-  u as useTetherContentRect
-};
-//# sourceMappingURL=useTetherContentRect.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTetherContentRect.js","sources":["../../../../src/overlay/tethered/hooks/useTetherContentRect.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\nimport type { Rectangle } from '../../../utils/index.js';\n\nfunction getTetherContentRect(element: HTMLElement | null): Rectangle {\n  if (!element) {\n    return {\n      dimensions: { width: 0, height: 0 },\n      position: { x: 0, y: 0 },\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    dimensions: {\n      width: rect.width,\n      height: rect.height,\n    },\n    position: {\n      x: rect.left,\n      y: rect.top,\n    },\n  };\n}\n\nexport function useTetherContentRect(ref: React.RefObject<HTMLElement>): Rectangle {\n  const [contentRect, setContentRect] = useState<Rectangle>(() =>\n    getTetherContentRect(ref.current)\n  );\n\n  useLayoutEffect(() => {\n    const update = () => {\n      setContentRect(getTetherContentRect(ref.current));\n    };\n\n    update();\n\n    // Track resize events\n    window.addEventListener('resize', update);\n    // Track scroll events\n    window.addEventListener('scroll', update, true);\n\n    return () => {\n      window.removeEventListener('resize', update);\n      window.removeEventListener('scroll', update, true);\n    };\n  }, [ref]);\n\n  return contentRect;\n}\n"],"names":["getTetherContentRect","element","rect","useTetherContentRect","ref","contentRect","setContentRect","useState","useLayoutEffect","update"],"mappings":";AAGA,SAASA,EAAqBC,GAAwC;AACpE,MAAI,CAACA;AACH,WAAO;AAAA,MACL,YAAY,EAAE,OAAO,GAAG,QAAQ,EAAA;AAAA,MAChC,UAAU,EAAE,GAAG,GAAG,GAAG,EAAA;AAAA,IAAE;AAI3B,QAAMC,IAAOD,EAAQ,sBAAA;AACrB,SAAO;AAAA,IACL,YAAY;AAAA,MACV,OAAOC,EAAK;AAAA,MACZ,QAAQA,EAAK;AAAA,IAAA;AAAA,IAEf,UAAU;AAAA,MACR,GAAGA,EAAK;AAAA,MACR,GAAGA,EAAK;AAAA,IAAA;AAAA,EACV;AAEJ;AAEO,SAASC,EAAqBC,GAA8C;AACjF,QAAM,CAACC,GAAaC,CAAc,IAAIC;AAAA,IAAoB,MACxDP,EAAqBI,EAAI,OAAO;AAAA,EAAA;AAGlC,SAAAI,EAAgB,MAAM;AACpB,UAAMC,IAAS,MAAM;AACnB,MAAAH,EAAeN,EAAqBI,EAAI,OAAO,CAAC;AAAA,IAClD;AAEA,WAAAK,EAAA,GAGA,OAAO,iBAAiB,UAAUA,CAAM,GAExC,OAAO,iBAAiB,UAAUA,GAAQ,EAAI,GAEvC,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAM,GAC3C,OAAO,oBAAoB,UAAUA,GAAQ,EAAI;AAAA,IACnD;AAAA,EACF,GAAG,CAACL,CAAG,CAAC,GAEDC;AACT;"}

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

@@ -1,14 +0,0 @@
-import { Position } from '../../../utils/index.js';
-import { HorizontalTether, VerticalTether } from '../types.js';
-import { CaretDirection } from './calculate_origin.js';
-export interface UseTetherOriginResult {
-    originPosition: Position;
-    originOffset: {
-        yOffset: number;
-        xOffset: number;
-    };
-    containerRef: React.RefObject<HTMLDivElement>;
-    originDirection: CaretDirection;
-}
-export declare function useTetherOrigin(tetherPosition: Position, hOrigin: HorizontalTether, vOrigin: VerticalTether, precision: 'high' | 'low'): UseTetherOriginResult;
-//# sourceMappingURL=useTetherOrigin.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTetherOrigin.d.ts","sourceRoot":"","sources":["../../../../src/overlay/tethered/hooks/useTetherOrigin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,QAAQ,CAAC;IACzB,YAAY,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,eAAe,EAAE,cAAc,CAAC;CACjC;AAED,wBAAgB,eAAe,CAC7B,cAAc,EAAE,QAAQ,EACxB,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,MAAM,GAAG,KAAK,GACxB,qBAAqB,CAyBvB"}

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

@@ -1,24 +0,0 @@
-import { useRef as g } from "react";
-import { getOriginOffset as u, getOriginPosition as O, getOriginDirection as m } from "./calculate_origin.js";
-import { useTetherContentRect as p } from "./useTetherContentRect.js";
-function P(r, o, t, f) {
-  const i = g(null), n = p(i);
-  if (f === "low")
-    return {
-      originPosition: r,
-      originOffset: { yOffset: 0, xOffset: 0 },
-      containerRef: i,
-      originDirection: "none"
-    };
-  const e = u(n, o, t), s = O(n.position, e), c = m(t, o);
-  return {
-    originPosition: s,
-    originOffset: e,
-    containerRef: i,
-    originDirection: c
-  };
-}
-export {
-  P as useTetherOrigin
-};
-//# sourceMappingURL=useTetherOrigin.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTetherOrigin.js","sources":["../../../../src/overlay/tethered/hooks/useTetherOrigin.ts"],"sourcesContent":["import { useRef } from 'react';\nimport type { Position } from '../../../utils/index.js';\nimport type { HorizontalTether, VerticalTether } from '../types.js';\nimport {\n  getOriginDirection,\n  getOriginOffset,\n  getOriginPosition,\n  type CaretDirection,\n} from './calculate_origin.js';\nimport { useTetherContentRect } from './useTetherContentRect.js';\n\nexport interface UseTetherOriginResult {\n  originPosition: Position;\n  originOffset: { yOffset: number; xOffset: number };\n  containerRef: React.RefObject<HTMLDivElement>;\n  originDirection: CaretDirection;\n}\n\nexport function useTetherOrigin(\n  tetherPosition: Position,\n  hOrigin: HorizontalTether,\n  vOrigin: VerticalTether,\n  precision: 'high' | 'low'\n): UseTetherOriginResult {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const containerRect = useTetherContentRect(containerRef);\n\n  // If precision is low, return default values\n  if (precision === 'low') {\n    return {\n      originPosition: tetherPosition,\n      originOffset: { yOffset: 0, xOffset: 0 },\n      containerRef,\n      originDirection: 'none',\n    };\n  }\n\n  // Calculate origin values for high precision\n  const originOffset = getOriginOffset(containerRect, hOrigin, vOrigin);\n  const originPosition = getOriginPosition(containerRect.position, originOffset);\n  const originDirection = getOriginDirection(vOrigin, hOrigin);\n\n  return {\n    originPosition,\n    originOffset,\n    containerRef,\n    originDirection,\n  };\n}\n"],"names":["useTetherOrigin","tetherPosition","hOrigin","vOrigin","precision","containerRef","useRef","containerRect","useTetherContentRect","originOffset","getOriginOffset","originPosition","getOriginPosition","originDirection","getOriginDirection"],"mappings":";;;AAkBO,SAASA,EACdC,GACAC,GACAC,GACAC,GACuB;AACvB,QAAMC,IAAeC,EAAuB,IAAI,GAC1CC,IAAgBC,EAAqBH,CAAY;AAGvD,MAAID,MAAc;AAChB,WAAO;AAAA,MACL,gBAAgBH;AAAA,MAChB,cAAc,EAAE,SAAS,GAAG,SAAS,EAAA;AAAA,MACrC,cAAAI;AAAA,MACA,iBAAiB;AAAA,IAAA;AAKrB,QAAMI,IAAeC,EAAgBH,GAAeL,GAASC,CAAO,GAC9DQ,IAAiBC,EAAkBL,EAAc,UAAUE,CAAY,GACvEI,IAAkBC,EAAmBX,GAASD,CAAO;AAE3D,SAAO;AAAA,IACL,gBAAAS;AAAA,IACA,cAAAF;AAAA,IACA,cAAAJ;AAAA,IACA,iBAAAQ;AAAA,EAAA;AAEJ;"}

package/dist/surfaces/popconfirm/pop_confirm.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-import { ElementPopperProps } from '../../overlay/popper/element_popper.js';
-export type PopConfirmProps = ElementPopperProps;
-export declare const PopConfirm: React.ForwardRefExoticComponent<import('../../overlay/index.js').BasePopperProps & import('../../overlay/index.js').ElementTetheredProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=pop_confirm.d.ts.map

package/dist/surfaces/popconfirm/pop_confirm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pop_confirm.d.ts","sourceRoot":"","sources":["../../../src/surfaces/popconfirm/pop_confirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC;AAEjD,eAAO,MAAM,UAAU,iLAQtB,CAAC"}

package/dist/surfaces/popconfirm/pop_confirm.js

@@ -1,13 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import p from "react";
-import { clsx as e } from "clsx";
-import { ElementPopper as n } from "../../overlay/popper/element_popper.js";
-const u = p.forwardRef(
-  function({ children: o, className: r, ...m }, t) {
-    return /* @__PURE__ */ f(n, { ref: t, className: e(r, "tcn-popconfirm"), ...m, children: o });
-  }
-);
-export {
-  u as PopConfirm
-};
-//# sourceMappingURL=pop_confirm.js.map

package/dist/surfaces/popconfirm/pop_confirm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pop_confirm.js","sources":["../../../src/surfaces/popconfirm/pop_confirm.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport {\n  ElementPopper,\n  type ElementPopperProps,\n} from '../../overlay/popper/element_popper.js';\n\nexport type PopConfirmProps = ElementPopperProps;\n\nexport const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(\n  function PopConfirm({ children, className, ...props }, ref) {\n    return (\n      <ElementPopper ref={ref} className={clsx(className, 'tcn-popconfirm')} {...props}>\n        {children}\n      </ElementPopper>\n    );\n  }\n);\n"],"names":["PopConfirm","React","children","className","props","ref","jsx","ElementPopper","clsx"],"mappings":";;;;AASO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,SAAoB,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAASC,GAAK;AAC1D,WACE,gBAAAC,EAACC,GAAA,EAAc,KAAAF,GAAU,WAAWG,EAAKL,GAAW,gBAAgB,GAAI,GAAGC,GACxE,UAAAF,EAAA,CACH;AAAA,EAEJ;AACF;"}

package/src/overlay/tethered/hooks/useCaretRefDimensions.ts

@@ -1,22 +0,0 @@
-import { useLayoutEffect, useState } from 'react';
-import type { CaretDirection } from './calculate_origin.js';
-
-export function useCaretRefDimensions(
-  precision: 'high' | 'low',
-  originDirection: CaretDirection
-): {
-  caretElementRef: (element: HTMLElement | null) => void;
-  caretSize: { width: number; height: number };
-} {
-  const [caretElement, setCaretElement] = useState<HTMLElement | null>(null);
-  const [caretSize, setCaretSize] = useState({ width: 0, height: 0 });
-
-  useLayoutEffect(() => {
-    if (precision === 'high' && originDirection !== 'none' && caretElement) {
-      const rect = caretElement.getBoundingClientRect();
-      setCaretSize({ width: rect.width, height: rect.height });
-    }
-  }, [precision, originDirection, caretElement]);
-
-  return { caretElementRef: setCaretElement, caretSize };
-}

package/src/overlay/tethered/hooks/useTetherContentRect.ts

@@ -1,49 +0,0 @@
-import { useLayoutEffect, useState } from 'react';
-import type { Rectangle } from '../../../utils/index.js';
-
-function getTetherContentRect(element: HTMLElement | null): Rectangle {
-  if (!element) {
-    return {
-      dimensions: { width: 0, height: 0 },
-      position: { x: 0, y: 0 },
-    };
-  }
-
-  const rect = element.getBoundingClientRect();
-  return {
-    dimensions: {
-      width: rect.width,
-      height: rect.height,
-    },
-    position: {
-      x: rect.left,
-      y: rect.top,
-    },
-  };
-}
-
-export function useTetherContentRect(ref: React.RefObject<HTMLElement>): Rectangle {
-  const [contentRect, setContentRect] = useState<Rectangle>(() =>
-    getTetherContentRect(ref.current)
-  );
-
-  useLayoutEffect(() => {
-    const update = () => {
-      setContentRect(getTetherContentRect(ref.current));
-    };
-
-    update();
-
-    // Track resize events
-    window.addEventListener('resize', update);
-    // Track scroll events
-    window.addEventListener('scroll', update, true);
-
-    return () => {
-      window.removeEventListener('resize', update);
-      window.removeEventListener('scroll', update, true);
-    };
-  }, [ref]);
-
-  return contentRect;
-}

package/src/overlay/tethered/hooks/useTetherOrigin.ts

@@ -1,49 +0,0 @@
-import { useRef } from 'react';
-import type { Position } from '../../../utils/index.js';
-import type { HorizontalTether, VerticalTether } from '../types.js';
-import {
-  getOriginDirection,
-  getOriginOffset,
-  getOriginPosition,
-  type CaretDirection,
-} from './calculate_origin.js';
-import { useTetherContentRect } from './useTetherContentRect.js';
-
-export interface UseTetherOriginResult {
-  originPosition: Position;
-  originOffset: { yOffset: number; xOffset: number };
-  containerRef: React.RefObject<HTMLDivElement>;
-  originDirection: CaretDirection;
-}
-
-export function useTetherOrigin(
-  tetherPosition: Position,
-  hOrigin: HorizontalTether,
-  vOrigin: VerticalTether,
-  precision: 'high' | 'low'
-): UseTetherOriginResult {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const containerRect = useTetherContentRect(containerRef);
-
-  // If precision is low, return default values
-  if (precision === 'low') {
-    return {
-      originPosition: tetherPosition,
-      originOffset: { yOffset: 0, xOffset: 0 },
-      containerRef,
-      originDirection: 'none',
-    };
-  }
-
-  // Calculate origin values for high precision
-  const originOffset = getOriginOffset(containerRect, hOrigin, vOrigin);
-  const originPosition = getOriginPosition(containerRect.position, originOffset);
-  const originDirection = getOriginDirection(vOrigin, hOrigin);
-
-  return {
-    originPosition,
-    originOffset,
-    containerRef,
-    originDirection,
-  };
-}

package/src/surfaces/popconfirm/pop_confirm.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { clsx } from 'clsx';
-import {
-  ElementPopper,
-  type ElementPopperProps,
-} from '../../overlay/popper/element_popper.js';
-
-export type PopConfirmProps = ElementPopperProps;
-
-export const PopConfirm = React.forwardRef<HTMLDivElement, PopConfirmProps>(
-  function PopConfirm({ children, className, ...props }, ref) {
-    return (
-      <ElementPopper ref={ref} className={clsx(className, 'tcn-popconfirm')} {...props}>
-        {children}
-      </ElementPopper>
-    );
-  }
-);

package/src/surfaces/tooltip/tooltip.stories.tsx

@@ -1,54 +0,0 @@
-import { StyleBox } from '../../stacks/story_components/style_box.js';
-import { BodyText } from '../../typography/index.js';
-import { Tooltip as TooltipComponent } from './tooltip.js';
-
-export default {
-  title: 'Surfaces/Tooltip',
-  component: TooltipComponent,
-  tags: ['autodocs'],
-  parameters: {
-    docs: {
-      description: {
-        component: 'A tooltip component that displays a tooltip when hovered.',
-      },
-    },
-  },
-};
-
-export const DefaultTooltip = () => {
-  return (
-    <TooltipComponent label={'Tooltip content'}>
-      <StyleBox
-        backgroundColor="red"
-        padding="8px"
-        borderRadius={'8px'}
-        width="200px"
-        height="100px"
-        display="flex"
-        justifyContent="center"
-        alignItems="center"
-      >
-        Hover to open
-      </StyleBox>
-    </TooltipComponent>
-  );
-};
-
-export const CustomTooltip = () => {
-  return (
-    <TooltipComponent label={<BodyText>Tooltip content</BodyText>}>
-      <StyleBox
-        backgroundColor="red"
-        padding="8px"
-        borderRadius={'8px'}
-        width="200px"
-        height="100px"
-        display="flex"
-        justifyContent="center"
-        alignItems="center"
-      >
-        Hover to open
-      </StyleBox>
-    </TooltipComponent>
-  );
-};