@tcn/ui 0.2.0 → 0.3.1

package/dist/overlay/tethered/tethered.js

@@ -0,0 +1,59 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as R } 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 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 k } from "../../utils/hooks/use_fork_ref.js";
+import "../../utils/hooks/use_resize_observer.js";
+import { useTether as T } from "./hooks/useTether.js";
+import { clsx as y } from "clsx";
+import { Portal as _ } from "../portal/portal.js";
+import '../../tethered.css';const $ = "_tethered_44058d8", j = { tethered: $ }, I = R(
+  function({
+    anchor: r,
+    verticalAnchor: e = "bottom",
+    verticalOrigin: m = "top",
+    horizontalAnchor: p = "start",
+    horizontalOrigin: i = "start",
+    verticalOffset: s = 0,
+    horizontalOffset: f = 0,
+    children: c,
+    style: n,
+    className: d,
+    ...a
+  }, h) {
+    const { position: t, tetherRef: l } = T({
+      anchor: r,
+      verticalAnchor: e,
+      verticalOrigin: m,
+      horizontalAnchor: p,
+      horizontalOrigin: i,
+      verticalOffset: s,
+      horizontalOffset: f
+    }), u = k(h, l), x = {
+      "--tethered-top": `${t.top}px`,
+      "--tethered-left": `${t.left}px`
+    };
+    return /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
+      b,
+      {
+        ref: u,
+        className: y(j.tethered, d),
+        style: { position: "absolute", ...x, ...n },
+        ...a,
+        children: c
+      }
+    ) });
+  }
+);
+export {
+  I as Tethered
+};
+//# sourceMappingURL=tethered.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tethered.js","sources":["../../../src/overlay/tethered/tethered.tsx"],"sourcesContent":["import { forwardRef, type PropsWithChildren } from 'react';\nimport type { HorizontalTether, VerticalTether } from './types.js';\nimport { ZStack, type ZStackProps } from '../../stacks/index.js';\nimport { useForkRef, type Rectangle } from '../../utils/index.js';\nimport { useTether } from './hooks/useTether.js';\nimport { clsx } from 'clsx';\nimport { Portal } from '../portal/portal.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}\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      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    const forkedRef = useForkRef(ref, tetherRef);\n\n    const cssVariables = {\n      '--tethered-top': `${position.top}px`,\n      '--tethered-left': `${position.left}px`,\n    };\n\n    return (\n      <Portal>\n        <ZStack\n          ref={forkedRef}\n          className={clsx(styles.tethered, className)}\n          style={{ position: 'absolute', ...cssVariables, ...style }}\n          {...rest}\n        >\n          {children}\n        </ZStack>\n      </Portal>\n    );\n  }\n);\n"],"names":["Tethered","forwardRef","anchor","verticalAnchor","verticalOrigin","horizontalAnchor","horizontalOrigin","verticalOffset","horizontalOffset","children","style","className","rest","ref","position","tetherRef","useTether","forkedRef","useForkRef","cssVariables","Portal","jsx","ZStack","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;;oDAyBaA,IAAWC;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,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,QAAAd;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,IAAA,CACD,GACKS,IAAYC,EAAWL,GAAKE,CAAS,GAErCI,IAAe;AAAA,MACnB,kBAAkB,GAAGL,EAAS,GAAG;AAAA,MACjC,mBAAmB,GAAGA,EAAS,IAAI;AAAA,IAAA;AAGrC,6BACGM,GAAA,EACC,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKL;AAAA,QACL,WAAWM,EAAKC,EAAO,UAAUb,CAAS;AAAA,QAC1C,OAAO,EAAE,UAAU,YAAY,GAAGQ,GAAc,GAAGT,EAAA;AAAA,QAClD,GAAGE;AAAA,QAEH,UAAAH;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF;"}

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

@@ -0,0 +1,3 @@
+export type VerticalTether = 'top' | 'center' | 'bottom';
+export type HorizontalTether = 'start' | 'center' | 'end';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/overlay/tethered/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC"}

package/dist/overlay/tethered/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/popper.css

@@ -1 +1 @@
-._popover_069b323{display:inline-block;position:absolute}._popover-veil_2f5f985{position:fixed;inset:0;background-color:#0000}
+._popover_fcfb66a{display:inline-block;position:absolute}._popover-veil_c56df66{position:fixed;inset:0;background-color:#0000}

package/dist/scaffold.css

@@ -0,0 +1 @@
+._scaffold-stack_8f97a6a{width:100%;height:100%;overflow:auto}