@tcn/ui 0.0.1

package/dist/utils/hooks/make_context_hook.js

@@ -0,0 +1,11 @@
+import r from "react";
+const i = (e, t) => () => {
+  const o = r.useContext(e);
+  if (o === void 0)
+    throw t ? new Error(`Context ${t} was accessed outside of a context provider!`) : new Error("Context must be used within a Context Provider!");
+  return o;
+};
+export {
+  i as makeContextHook
+};
+//# sourceMappingURL=make_context_hook.js.map

package/dist/utils/hooks/make_context_hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make_context_hook.js","sources":["../../../src/utils/hooks/make_context_hook.ts"],"sourcesContent":["import React from 'react';\n\nexport type NonUndefined<T> = T extends undefined ? never : T;\n\nconst makeContextHook = <T>(context: React.Context<T>, name?: string) => {\n  return () => {\n    const contextValue = React.useContext(context);\n    if (contextValue === undefined) {\n      if (name) {\n        throw new Error(`Context ${name} was accessed outside of a context provider!`);\n      }\n      throw new Error('Context must be used within a Context Provider!');\n    }\n    return contextValue as NonUndefined<T>;\n  };\n};\nexport { makeContextHook };\n"],"names":["makeContextHook","context","name","contextValue","React"],"mappings":";AAIA,MAAMA,IAAkB,CAAIC,GAA2BC,MAC9C,MAAM;AACX,QAAMC,IAAeC,EAAM,WAAWH,CAAO;AAC7C,MAAIE,MAAiB;AACnB,UAAID,IACI,IAAI,MAAM,WAAWA,CAAI,8CAA8C,IAEzE,IAAI,MAAM,iDAAiD;AAEnE,SAAOC;AACT;"}

package/dist/utils/hooks/use_draggable.d.ts

@@ -0,0 +1,8 @@
+interface DraggableOptions {
+    startDragCallback: (startX: number, startY: number) => void;
+    dragCallback: (deltaX: number, deltaY: number, startX: number, startY: number) => void;
+    endDragCallback: (deltaX: number, deltaY: number, startX: number, startY: number) => void;
+}
+export declare function useDraggable(options: DraggableOptions): import('react').MutableRefObject<HTMLElement | null>;
+export {};
+//# sourceMappingURL=use_draggable.d.ts.map

package/dist/utils/hooks/use_draggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_draggable.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/use_draggable.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACxB,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvF,eAAe,EAAE,CACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,KACX,IAAI,CAAC;CACX;AAQD,wBAAgB,YAAY,CAAC,OAAO,EAAE,gBAAgB,wDAsDrD"}

package/dist/utils/hooks/use_draggable.js

@@ -0,0 +1,30 @@
+import { useRef as o, useEffect as g } from "react";
+function E(t) {
+  const s = o(null), m = o(t.startDragCallback);
+  m.current = t.startDragCallback;
+  const i = o(t.dragCallback);
+  i.current = t.dragCallback;
+  const v = o(t.endDragCallback);
+  return v.current = t.endDragCallback, g(() => {
+    const c = s.current;
+    let n = 0, r = 0;
+    function d(e) {
+      const l = e.clientX - n, u = e.clientY - r;
+      i.current(l, u, n, r);
+    }
+    function a(e) {
+      const l = e.clientX !== void 0 ? e.clientX - n : 0, u = e.clientY !== void 0 ? e.clientY - r : 0;
+      v.current(l, u, n, r), document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", a), document.body.removeEventListener("mouseleave", a);
+    }
+    function b(e) {
+      n = e.clientX, r = e.clientY, m.current(n, r), document.body.addEventListener("mousemove", d), document.body.addEventListener("mouseup", a), document.body.addEventListener("mouseleave", a);
+    }
+    return c?.addEventListener("mousedown", b), () => {
+      c?.removeEventListener("mousedown", b), document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", a), document.body.removeEventListener("mouseleave", a);
+    };
+  }, []), s;
+}
+export {
+  E as useDraggable
+};
+//# sourceMappingURL=use_draggable.js.map

package/dist/utils/hooks/use_draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_draggable.js","sources":["../../../src/utils/hooks/use_draggable.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\ninterface DraggableOptions {\n  startDragCallback: (startX: number, startY: number) => void;\n  dragCallback: (deltaX: number, deltaY: number, startX: number, startY: number) => void;\n  endDragCallback: (\n    deltaX: number,\n    deltaY: number,\n    startX: number,\n    startY: number\n  ) => void;\n}\n\n// const handleRef: Ref<HTMLElement> = useDraggable(\n//   (startX: number, startY: number) => {},\n//   (deltaX: number, deltaY: number, startX: number, startY: number) => {},\n//   (deltaX: number, deltaY: number, startX: number, startY: number) => {}\n// );\n\nexport function useDraggable(options: DraggableOptions) {\n  const ref = useRef<HTMLElement | null>(null);\n  const startDragCallbackRef = useRef(options.startDragCallback);\n  startDragCallbackRef.current = options.startDragCallback;\n  const dragCallbackRef = useRef(options.dragCallback);\n  dragCallbackRef.current = options.dragCallback;\n  const endDragCallbackRef = useRef(options.endDragCallback);\n  endDragCallbackRef.current = options.endDragCallback;\n\n  useEffect(() => {\n    const element = ref.current;\n    let startX = 0;\n    let startY = 0;\n\n    function drag(event: MouseEvent) {\n      const deltaX = event.clientX - startX;\n      const deltaY = event.clientY - startY;\n\n      dragCallbackRef.current(deltaX, deltaY, startX, startY);\n    }\n\n    function endDrag(event: MouseEvent) {\n      const deltaX = event.clientX !== undefined ? event.clientX - startX : 0;\n      const deltaY = event.clientY !== undefined ? event.clientY - startY : 0;\n      endDragCallbackRef.current(deltaX, deltaY, startX, startY);\n      document.body.removeEventListener('mousemove', drag);\n      document.body.removeEventListener('mouseup', endDrag);\n      document.body.removeEventListener('mouseleave', endDrag);\n    }\n\n    function startDrag(event: MouseEvent) {\n      startX = event.clientX;\n      startY = event.clientY;\n\n      startDragCallbackRef.current(startX, startY);\n\n      document.body.addEventListener('mousemove', drag);\n      document.body.addEventListener('mouseup', endDrag);\n      document.body.addEventListener('mouseleave', endDrag);\n    }\n\n    if (element != null) {\n      element.addEventListener('mousedown', startDrag);\n    }\n\n    return () => {\n      element?.removeEventListener('mousedown', startDrag);\n      document.body.removeEventListener('mousemove', drag);\n      document.body.removeEventListener('mouseup', endDrag);\n      document.body.removeEventListener('mouseleave', endDrag);\n    };\n  }, []);\n\n  return ref;\n}\n"],"names":["useDraggable","options","ref","useRef","startDragCallbackRef","dragCallbackRef","endDragCallbackRef","useEffect","element","startX","startY","drag","event","deltaX","deltaY","endDrag","startDrag"],"mappings":";AAmBO,SAASA,EAAaC,GAA2B;AACtD,QAAMC,IAAMC,EAA2B,IAAI,GACrCC,IAAuBD,EAAOF,EAAQ,iBAAiB;AAC7D,EAAAG,EAAqB,UAAUH,EAAQ;AACvC,QAAMI,IAAkBF,EAAOF,EAAQ,YAAY;AACnD,EAAAI,EAAgB,UAAUJ,EAAQ;AAClC,QAAMK,IAAqBH,EAAOF,EAAQ,eAAe;AACzD,SAAAK,EAAmB,UAAUL,EAAQ,iBAErCM,EAAU,MAAM;AACd,UAAMC,IAAUN,EAAI;AACpB,QAAIO,IAAS,GACTC,IAAS;AAEb,aAASC,EAAKC,GAAmB;AAC/B,YAAMC,IAASD,EAAM,UAAUH,GACzBK,IAASF,EAAM,UAAUF;AAE/B,MAAAL,EAAgB,QAAQQ,GAAQC,GAAQL,GAAQC,CAAM;AAAA,IACxD;AAEA,aAASK,EAAQH,GAAmB;AAClC,YAAMC,IAASD,EAAM,YAAY,SAAYA,EAAM,UAAUH,IAAS,GAChEK,IAASF,EAAM,YAAY,SAAYA,EAAM,UAAUF,IAAS;AACtE,MAAAJ,EAAmB,QAAQO,GAAQC,GAAQL,GAAQC,CAAM,GACzD,SAAS,KAAK,oBAAoB,aAAaC,CAAI,GACnD,SAAS,KAAK,oBAAoB,WAAWI,CAAO,GACpD,SAAS,KAAK,oBAAoB,cAAcA,CAAO;AAAA,IACzD;AAEA,aAASC,EAAUJ,GAAmB;AACpC,MAAAH,IAASG,EAAM,SACfF,IAASE,EAAM,SAEfR,EAAqB,QAAQK,GAAQC,CAAM,GAE3C,SAAS,KAAK,iBAAiB,aAAaC,CAAI,GAChD,SAAS,KAAK,iBAAiB,WAAWI,CAAO,GACjD,SAAS,KAAK,iBAAiB,cAAcA,CAAO;AAAA,IACtD;AAEA,WACEP,GAAQ,iBAAiB,aAAaQ,CAAS,GAG1C,MAAM;AACX,MAAAR,GAAS,oBAAoB,aAAaQ,CAAS,GACnD,SAAS,KAAK,oBAAoB,aAAaL,CAAI,GACnD,SAAS,KAAK,oBAAoB,WAAWI,CAAO,GACpD,SAAS,KAAK,oBAAoB,cAAcA,CAAO;AAAA,IACzD;AAAA,EACF,GAAG,CAAA,CAAE,GAEEb;AACT;"}

package/dist/utils/hooks/use_fork_ref.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare function useForkRef<T>(...args: (React.Ref<T> | undefined)[]): (obj: any | null) => void;
+//# sourceMappingURL=use_fork_ref.d.ts.map

package/dist/utils/hooks/use_fork_ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_fork_ref.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/use_fork_ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,wBAAgB,UAAU,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,SACxC,GAAG,GAAG,IAAI,UAcpC"}

package/dist/utils/hooks/use_fork_ref.js

@@ -0,0 +1,12 @@
+import { useCallback as e } from "react";
+function c(...o) {
+  return e((n) => {
+    o.forEach((t) => {
+      typeof t == "function" ? t(n) : typeof t == "object" && t != null && t.hasOwnProperty("current") && (t.current = n);
+    });
+  }, o);
+}
+export {
+  c as useForkRef
+};
+//# sourceMappingURL=use_fork_ref.js.map

package/dist/utils/hooks/use_fork_ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_fork_ref.js","sources":["../../../src/utils/hooks/use_fork_ref.ts"],"sourcesContent":["import React, { useCallback } from 'react';\n\nexport function useForkRef<T>(...args: (React.Ref<T> | undefined)[]) {\n  return useCallback((obj: any | null) => {\n    args.forEach(ref => {\n      if (typeof ref === 'function') {\n        ref(obj);\n      } else if (\n        typeof ref === 'object' &&\n        ref != null &&\n        ref.hasOwnProperty('current')\n      ) {\n        (ref as any).current = obj;\n      }\n    });\n    // biome-ignore lint/correctness/useExhaustiveDependencies: it is actually an array literal biome is wrong.\n  }, args);\n}\n"],"names":["useForkRef","args","useCallback","obj","ref"],"mappings":";AAEO,SAASA,KAAiBC,GAAoC;AACnE,SAAOC,EAAY,CAACC,MAAoB;AACtC,IAAAF,EAAK,QAAQ,CAAAG,MAAO;AAClB,MAAI,OAAOA,KAAQ,aACjBA,EAAID,CAAG,IAEP,OAAOC,KAAQ,YACfA,KAAO,QACPA,EAAI,eAAe,SAAS,MAE3BA,EAAY,UAAUD;AAAA,IAE3B,CAAC;AAAA,EAEH,GAAGF,CAAI;AACT;"}

package/dist/utils/hooks/use_media_query.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Custom hook that returns a boolean indicating if the current viewport
+ * matches the given media query.
+ *
+ * @param query - The media query to match against (e.g. "(min-width: 768px)")
+ * @returns boolean indicating if the media query matches
+ */
+export declare function useMediaQuery(query: string): boolean;
+//# sourceMappingURL=use_media_query.d.ts.map

package/dist/utils/hooks/use_media_query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_media_query.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/use_media_query.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAsBpD"}

package/dist/utils/hooks/use_media_query.js

@@ -0,0 +1,16 @@
+import s from "react";
+function h(t) {
+  const [c, a] = s.useState(!1);
+  return s.useEffect(() => {
+    const e = window.matchMedia(t);
+    a(e.matches);
+    const n = (r) => {
+      a(r.matches);
+    };
+    return e.addEventListener("change", n), () => e.removeEventListener("change", n);
+  }, [t]), c;
+}
+export {
+  h as useMediaQuery
+};
+//# sourceMappingURL=use_media_query.js.map

package/dist/utils/hooks/use_media_query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_media_query.js","sources":["../../../src/utils/hooks/use_media_query.ts"],"sourcesContent":["import React from 'react';\n\n/**\n * Custom hook that returns a boolean indicating if the current viewport\n * matches the given media query.\n *\n * @param query - The media query to match against (e.g. \"(min-width: 768px)\")\n * @returns boolean indicating if the media query matches\n */\nexport function useMediaQuery(query: string): boolean {\n  const [matches, setMatches] = React.useState(false);\n\n  React.useEffect(() => {\n    const mediaQuery = window.matchMedia(query);\n\n    // Set initial value\n    setMatches(mediaQuery.matches);\n\n    // Create event listener\n    const handler = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    // Add the listener\n    mediaQuery.addEventListener('change', handler);\n\n    // Clean up\n    return () => mediaQuery.removeEventListener('change', handler);\n  }, [query]);\n\n  return matches;\n}\n"],"names":["useMediaQuery","query","matches","setMatches","React","mediaQuery","handler","event"],"mappings":";AASO,SAASA,EAAcC,GAAwB;AACpD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM,SAAS,EAAK;AAElD,SAAAA,EAAM,UAAU,MAAM;AACpB,UAAMC,IAAa,OAAO,WAAWJ,CAAK;AAG1C,IAAAE,EAAWE,EAAW,OAAO;AAG7B,UAAMC,IAAU,CAACC,MAA+B;AAC9C,MAAAJ,EAAWI,EAAM,OAAO;AAAA,IAC1B;AAGA,WAAAF,EAAW,iBAAiB,UAAUC,CAAO,GAGtC,MAAMD,EAAW,oBAAoB,UAAUC,CAAO;AAAA,EAC/D,GAAG,CAACL,CAAK,CAAC,GAEHC;AACT;"}

package/dist/utils/hooks/use_resize_observer.d.ts

@@ -0,0 +1,9 @@
+type ResizeHandler = (newWidth: number, newHeight: number, entry: ResizeObserverEntry) => void;
+export declare enum TriggerConfig {
+    Both = 0,
+    Width = 1,
+    Height = 2
+}
+export declare function useResizeObserver<T extends Element>(resizeHandler: ResizeHandler, triggerConfig?: TriggerConfig): (newElement: T | null) => void;
+export {};
+//# sourceMappingURL=use_resize_observer.d.ts.map

package/dist/utils/hooks/use_resize_observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_resize_observer.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/use_resize_observer.ts"],"names":[],"mappings":"AACA,KAAK,aAAa,GAAG,CACnB,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,mBAAmB,KACvB,IAAI,CAAC;AAKV,oBAAY,aAAa;IACvB,IAAI,IAAI;IACR,KAAK,IAAA;IACL,MAAM,IAAA;CACP;AA+ED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EACjD,aAAa,EAAE,aAAa,EAC5B,aAAa,GAAE,aAAkC,gBAIJ,CAAC,GAAG,IAAI,UAgDtD"}

package/dist/utils/hooks/use_resize_observer.js

@@ -0,0 +1,78 @@
+import { useState as a, useCallback as c, useRef as u, useLayoutEffect as z } from "react";
+var S = /* @__PURE__ */ ((s) => (s[s.Both = 0] = "Both", s[s.Width = 1] = "Width", s[s.Height = 2] = "Height", s))(S || {});
+class _ {
+  _resizeObserver;
+  _elementHandlers;
+  _elementSizes;
+  _elementTriggerConfig;
+  constructor() {
+    this._elementHandlers = /* @__PURE__ */ new WeakMap(), this._elementSizes = /* @__PURE__ */ new WeakMap(), this._elementTriggerConfig = /* @__PURE__ */ new WeakMap(), this._resizeObserver = new ResizeObserver((t) => {
+      requestAnimationFrame(() => {
+        for (let e of t) {
+          const h = this._elementSizes.get(e.target);
+          if (h != null) {
+            const n = e.borderBoxSize[0].blockSize, r = e.borderBoxSize[0].inlineSize, l = this._elementTriggerConfig.get(e.target), i = n !== h.height, o = r !== h.width, g = i || o;
+            h.width = r, h.height = n, g && (i && (l === 0 || l === 2) || o && (l === 0 || l === 1)) && this._elementHandlers.get(e.target)?.forEach((d) => d(r, n, e));
+          }
+        }
+      });
+    });
+  }
+  register(t, e, h = 0) {
+    this._elementSizes.set(t, {
+      width: 0,
+      height: 0
+    }), this._elementTriggerConfig.set(t, h), this._resizeObserver.observe(t);
+    const n = this.getElementHandlers(t);
+    return n.push(e), () => {
+      const r = n.indexOf(e);
+      r > -1 && n.splice(r, 1), n.length <= 0 && (this._elementHandlers.delete(t), this._elementSizes.delete(t), this._elementTriggerConfig.delete(t), this._resizeObserver.unobserve(t));
+    };
+  }
+  getElementHandlers(t) {
+    let e = this._elementHandlers.get(t);
+    return e == null && (e = [], this._elementHandlers.set(t, e)), e;
+  }
+}
+const b = new _();
+function R(s, t = 0) {
+  const [e, h] = a(null), n = c((l) => {
+    h(l);
+  }, []), r = u(s);
+  return r.current = s, z(() => {
+    if (e != null) {
+      const l = b.register(
+        e,
+        r.current,
+        t
+      ), i = e.getBoundingClientRect(), o = {
+        target: e,
+        contentRect: i,
+        borderBoxSize: [
+          {
+            inlineSize: i.width,
+            blockSize: i.height
+          }
+        ],
+        contentBoxSize: [
+          {
+            inlineSize: i.width,
+            blockSize: i.height
+          }
+        ],
+        devicePixelContentBoxSize: [
+          {
+            inlineSize: i.width * window.devicePixelRatio,
+            blockSize: i.height * window.devicePixelRatio
+          }
+        ]
+      };
+      return r.current(i.width, i.height, o), l;
+    }
+  }, [t, e]), n;
+}
+export {
+  S as TriggerConfig,
+  R as useResizeObserver
+};
+//# sourceMappingURL=use_resize_observer.js.map

package/dist/utils/hooks/use_resize_observer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_resize_observer.js","sources":["../../../src/utils/hooks/use_resize_observer.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState } from 'react';\ntype ResizeHandler = (\n  newWidth: number,\n  newHeight: number,\n  entry: ResizeObserverEntry\n) => void;\ninterface Size {\n  width: number;\n  height: number;\n}\nexport enum TriggerConfig {\n  Both = 0,\n  Width,\n  Height,\n}\nclass ResizeObserverRegistry {\n  private _resizeObserver: ResizeObserver;\n  private _elementHandlers: WeakMap<Element, ResizeHandler[]>;\n  private _elementSizes: WeakMap<Element, Size>;\n  private _elementTriggerConfig: WeakMap<Element, TriggerConfig>;\n  constructor() {\n    this._elementHandlers = new WeakMap();\n    this._elementSizes = new WeakMap();\n    this._elementTriggerConfig = new WeakMap();\n    this._resizeObserver = new ResizeObserver(entries => {\n      requestAnimationFrame(() => {\n        for (let entry of entries) {\n          const size = this._elementSizes.get(entry.target);\n          if (size != null) {\n            const newHeight = entry.borderBoxSize[0].blockSize;\n            const newWidth = entry.borderBoxSize[0].inlineSize;\n            const triggerConfig = this._elementTriggerConfig.get(entry.target);\n            const hasHeightChanged = newHeight !== size.height;\n            const hasWidthChanged = newWidth !== size.width;\n            const hasSizeChanged = hasHeightChanged || hasWidthChanged;\n            size.width = newWidth;\n            size.height = newHeight;\n            if (hasSizeChanged) {\n              const shouldTriggerHeightChange =\n                hasHeightChanged &&\n                (triggerConfig === TriggerConfig.Both ||\n                  triggerConfig === TriggerConfig.Height);\n              const shouldTriggerWidthChange =\n                hasWidthChanged &&\n                (triggerConfig === TriggerConfig.Both ||\n                  triggerConfig === TriggerConfig.Width);\n              const shouldTrigger = shouldTriggerHeightChange || shouldTriggerWidthChange;\n              if (shouldTrigger) {\n                const handlers = this._elementHandlers.get(entry.target);\n                handlers?.forEach(handler => handler(newWidth, newHeight, entry));\n              }\n            }\n          }\n        }\n      });\n    });\n  }\n  register(\n    element: Element,\n    handler: ResizeHandler,\n    triggerConfig: TriggerConfig = TriggerConfig.Both\n  ) {\n    this._elementSizes.set(element, {\n      width: 0,\n      height: 0,\n    });\n    this._elementTriggerConfig.set(element, triggerConfig);\n    this._resizeObserver.observe(element);\n    const handlers = this.getElementHandlers(element);\n    handlers.push(handler);\n    return () => {\n      const handlerIndex = handlers.indexOf(handler);\n      if (handlerIndex > -1) {\n        handlers.splice(handlerIndex, 1);\n      }\n      if (handlers.length <= 0) {\n        this._elementHandlers.delete(element);\n        this._elementSizes.delete(element);\n        this._elementTriggerConfig.delete(element);\n        this._resizeObserver.unobserve(element);\n      }\n    };\n  }\n  getElementHandlers(element: Element) {\n    let handlers = this._elementHandlers.get(element);\n    if (handlers == null) {\n      handlers = [];\n      this._elementHandlers.set(element, handlers);\n    }\n    return handlers as ResizeHandler[];\n  }\n}\nconst resizeObserverRegistry = new ResizeObserverRegistry();\nexport function useResizeObserver<T extends Element>(\n  resizeHandler: ResizeHandler,\n  triggerConfig: TriggerConfig = TriggerConfig.Both\n) {\n  const [element, setElement] = useState<T | null>(null);\n\n  const callbackRef = useCallback((newElement: T | null) => {\n    setElement(newElement);\n  }, []);\n\n  const resizeHandlerRef = useRef<ResizeHandler>(resizeHandler);\n  resizeHandlerRef.current = resizeHandler;\n\n  useLayoutEffect(() => {\n    if (element != null) {\n      const unregister = resizeObserverRegistry.register(\n        element,\n        resizeHandlerRef.current,\n        triggerConfig\n      );\n\n      const rect = element.getBoundingClientRect();\n\n      // Simulated properties\n      const simulatedEntry = {\n        target: element,\n        contentRect: rect,\n        borderBoxSize: [\n          {\n            inlineSize: rect.width,\n            blockSize: rect.height,\n          },\n        ],\n        contentBoxSize: [\n          {\n            inlineSize: rect.width,\n            blockSize: rect.height,\n          },\n        ],\n        devicePixelContentBoxSize: [\n          {\n            inlineSize: rect.width * window.devicePixelRatio,\n            blockSize: rect.height * window.devicePixelRatio,\n          },\n        ],\n      };\n\n      resizeHandlerRef.current(rect.width, rect.height, simulatedEntry);\n\n      return unregister;\n    }\n  }, [triggerConfig, element]);\n\n  return callbackRef;\n}\n"],"names":["TriggerConfig","ResizeObserverRegistry","entries","entry","size","newHeight","newWidth","triggerConfig","hasHeightChanged","hasWidthChanged","hasSizeChanged","handler","element","handlers","handlerIndex","resizeObserverRegistry","useResizeObserver","resizeHandler","setElement","useState","callbackRef","useCallback","newElement","resizeHandlerRef","useRef","useLayoutEffect","unregister","rect","simulatedEntry"],"mappings":"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"}

package/dist/utils/index.d.ts

@@ -0,0 +1,17 @@
+export * from './focus_redirect.js';
+export * from './click_away_listener.js';
+export * from './scroll_away_listener.js';
+export * from './hooks/make_context_hook.js';
+export * from './hooks/use_draggable.js';
+export * from './hooks/use_fork_ref.js';
+export * from './hooks/use_media_query.js';
+export * from './hooks/use_resize_observer.js';
+export * from './default_value.js';
+export * from './calendar/calendar_date.js';
+export * from './calendar/calendar_dates_generator.js';
+export * from './calendar/month.js';
+export * from './calendar/get_months_of_year.js';
+export * from './calendar/get_days_of_week.js';
+export * from './types/variations.js';
+export * from './types/dimensions.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAE/C,cAAc,oBAAoB,CAAC;AAEnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wCAAwC,CAAC;AACvD,cAAc,qBAAqB,CAAC;AACpC,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,30 @@
+import { FocusRedirect as o } from "./focus_redirect.js";
+import { ClickAwayListener as f } from "./click_away_listener.js";
+import { ScrollAwayListener as m } from "./scroll_away_listener.js";
+import { makeContextHook as p } from "./hooks/make_context_hook.js";
+import { useDraggable as i } from "./hooks/use_draggable.js";
+import { useForkRef as u } from "./hooks/use_fork_ref.js";
+import { useMediaQuery as l } from "./hooks/use_media_query.js";
+import { TriggerConfig as c, useResizeObserver as d } from "./hooks/use_resize_observer.js";
+import { defaultValue as C } from "./default_value.js";
+import { CalendarDatesGenerator as M } from "./calendar/calendar_dates_generator.js";
+import { Month as R } from "./calendar/month.js";
+import { getMonthsOfYear as h } from "./calendar/get_months_of_year.js";
+import { getDaysOfWeek as A } from "./calendar/get_days_of_week.js";
+export {
+  M as CalendarDatesGenerator,
+  f as ClickAwayListener,
+  o as FocusRedirect,
+  R as Month,
+  m as ScrollAwayListener,
+  c as TriggerConfig,
+  C as defaultValue,
+  A as getDaysOfWeek,
+  h as getMonthsOfYear,
+  p as makeContextHook,
+  i as useDraggable,
+  u as useForkRef,
+  l as useMediaQuery,
+  d as useResizeObserver
+};
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

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

package/dist/utils/responsive/responsive_renderer.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface ResponsiveRendererProps {
+    /**
+     * Component to render on mobile devices (width < 768px)
+     */
+    mobile: React.ReactNode;
+    /**
+     * Component to render on desktop devices (width >= 768px)
+     */
+    desktop: React.ReactNode;
+    /**
+     * Optional breakpoint in pixels. Defaults to 768px
+     */
+    breakpoint?: number;
+}
+/**
+ * A component that renders different content based on screen size.
+ * Uses the useMediaQuery hook to detect screen size changes.
+ */
+export declare function ResponsiveRenderer({ mobile, desktop, breakpoint, }: ResponsiveRendererProps): React.ReactNode;
+//# sourceMappingURL=responsive_renderer.d.ts.map

package/dist/utils/responsive/responsive_renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive_renderer.d.ts","sourceRoot":"","sources":["../../../src/utils/responsive/responsive_renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,UAAgB,GACjB,EAAE,uBAAuB,mBAIzB"}

package/dist/utils/responsive/responsive_renderer.js

@@ -0,0 +1,12 @@
+import { useMediaQuery as r } from "../hooks/use_media_query.js";
+function n({
+  mobile: e,
+  desktop: i,
+  breakpoint: o = 450
+}) {
+  return r(`(min-width: ${o}px)`) ? i : e;
+}
+export {
+  n as ResponsiveRenderer
+};
+//# sourceMappingURL=responsive_renderer.js.map

package/dist/utils/responsive/responsive_renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive_renderer.js","sources":["../../../src/utils/responsive/responsive_renderer.tsx"],"sourcesContent":["import React from 'react';\nimport { useMediaQuery } from '../hooks/use_media_query.js';\n\nexport interface ResponsiveRendererProps {\n  /**\n   * Component to render on mobile devices (width < 768px)\n   */\n  mobile: React.ReactNode;\n  /**\n   * Component to render on desktop devices (width >= 768px)\n   */\n  desktop: React.ReactNode;\n  /**\n   * Optional breakpoint in pixels. Defaults to 768px\n   */\n  breakpoint?: number;\n}\n\n/**\n * A component that renders different content based on screen size.\n * Uses the useMediaQuery hook to detect screen size changes.\n */\nexport function ResponsiveRenderer({\n  mobile,\n  desktop,\n  breakpoint = 450,\n}: ResponsiveRendererProps) {\n  const isDesktop = useMediaQuery(`(min-width: ${breakpoint}px)`);\n\n  return isDesktop ? desktop : mobile;\n}\n"],"names":["ResponsiveRenderer","mobile","desktop","breakpoint","useMediaQuery"],"mappings":";AAsBO,SAASA,EAAmB;AAAA,EACjC,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAA4B;AAG1B,SAFkBC,EAAc,eAAeD,CAAU,KAAK,IAE3CD,IAAUD;AAC/B;"}

package/dist/utils/scroll_away_listener.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface ScrollAwayListenerProps {
+    children: React.ReactElement;
+    isException?: (target: HTMLElement) => boolean;
+    onScrollAway: () => void;
+}
+/**
+ * This can be used for things that need to disappear when the user scrolls somewhere other
+ * than the place this component surrounds.
+ *
+ * Mainly this will be used for tooltips and popovers. It should be used with caution and
+ * correctly. If too many things are listening for other things scrolling it can become
+ * quite inefficient. Within the Popover it doesn't add it to the JSX until the popover is
+ * visible. That way the scroll away isn't alway listening to scroll events on the
+ * document.
+ */
+export declare const ScrollAwayListener: React.ForwardRefExoticComponent<ScrollAwayListenerProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=scroll_away_listener.d.ts.map

package/dist/utils/scroll_away_listener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll_away_listener.d.ts","sourceRoot":"","sources":["../../src/utils/scroll_away_listener.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC;IAC/C,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,6FAoC9B,CAAC"}

package/dist/utils/scroll_away_listener.js

@@ -0,0 +1,23 @@
+import u, { useRef as m, useEffect as a } from "react";
+import { useForkRef as d } from "./hooks/use_fork_ref.js";
+const L = u.forwardRef(
+  function({ children: r, onScrollAway: c, isException: o }, f) {
+    const n = m(null), l = d(f, n, r.ref);
+    return a(() => {
+      const s = (e) => {
+        let t;
+        o && o(e.target) ? t = !0 : e.composedPath ? t = e.composedPath().indexOf(n.current) > -1 : t = !document.documentElement.contains(e.target) || n.current.contains(e.target), t || (c(), document.removeEventListener("scroll", s, !0), e.preventDefault());
+      };
+      return document.addEventListener("scroll", s, !0), () => {
+        document.removeEventListener("scroll", s, !0);
+      };
+    }, [c, o]), u.cloneElement(r, {
+      ...r.props,
+      ref: l
+    });
+  }
+);
+export {
+  L as ScrollAwayListener
+};
+//# sourceMappingURL=scroll_away_listener.js.map

package/dist/utils/scroll_away_listener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll_away_listener.js","sources":["../../src/utils/scroll_away_listener.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { useForkRef } from './hooks/use_fork_ref.js';\nexport interface ScrollAwayListenerProps {\n  children: React.ReactElement;\n  isException?: (target: HTMLElement) => boolean;\n  onScrollAway: () => void;\n}\n\n/**\n * This can be used for things that need to disappear when the user scrolls somewhere other\n * than the place this component surrounds.\n *\n * Mainly this will be used for tooltips and popovers. It should be used with caution and\n * correctly. If too many things are listening for other things scrolling it can become\n * quite inefficient. Within the Popover it doesn't add it to the JSX until the popover is\n * visible. That way the scroll away isn't alway listening to scroll events on the\n * document.\n */\nexport const ScrollAwayListener = React.forwardRef<HTMLElement, ScrollAwayListenerProps>(\n  function ScrollAwayListener(\n    { children, onScrollAway, isException }: ScrollAwayListenerProps,\n    ref\n  ) {\n    const nodeRef = useRef<any>(null);\n    const newRef = useForkRef(ref, nodeRef, (children as any).ref);\n    useEffect(() => {\n      const onScroll = (event: any) => {\n        let insideDOM: boolean;\n        if (isException && isException(event.target)) {\n          insideDOM = true;\n        } else if (event.composedPath) {\n          insideDOM = event.composedPath().indexOf(nodeRef.current) > -1;\n        } else {\n          insideDOM =\n            !document.documentElement.contains(event.target) ||\n            nodeRef.current.contains(event.target);\n        }\n\n        if (!insideDOM) {\n          onScrollAway();\n          document.removeEventListener('scroll', onScroll, true);\n          event.preventDefault();\n        }\n      };\n      document.addEventListener('scroll', onScroll, true);\n      return () => {\n        document.removeEventListener('scroll', onScroll, true);\n      };\n    }, [onScrollAway, isException]);\n    return React.cloneElement(children, {\n      ...children.props,\n      ref: newRef,\n    });\n  }\n);\n"],"names":["ScrollAwayListener","React","children","onScrollAway","isException","ref","nodeRef","useRef","newRef","useForkRef","useEffect","onScroll","event","insideDOM"],"mappings":";;AAkBO,MAAMA,IAAqBC,EAAM;AAAA,EACtC,SACE,EAAE,UAAAC,GAAU,cAAAC,GAAc,aAAAC,EAAA,GAC1BC,GACA;AACA,UAAMC,IAAUC,EAAY,IAAI,GAC1BC,IAASC,EAAWJ,GAAKC,GAAUJ,EAAiB,GAAG;AAC7D,WAAAQ,EAAU,MAAM;AACd,YAAMC,IAAW,CAACC,MAAe;AAC/B,YAAIC;AACJ,QAAIT,KAAeA,EAAYQ,EAAM,MAAM,IACzCC,IAAY,KACHD,EAAM,eACfC,IAAYD,EAAM,aAAA,EAAe,QAAQN,EAAQ,OAAO,IAAI,KAE5DO,IACE,CAAC,SAAS,gBAAgB,SAASD,EAAM,MAAM,KAC/CN,EAAQ,QAAQ,SAASM,EAAM,MAAM,GAGpCC,MACHV,EAAA,GACA,SAAS,oBAAoB,UAAUQ,GAAU,EAAI,GACrDC,EAAM,eAAA;AAAA,MAEV;AACA,sBAAS,iBAAiB,UAAUD,GAAU,EAAI,GAC3C,MAAM;AACX,iBAAS,oBAAoB,UAAUA,GAAU,EAAI;AAAA,MACvD;AAAA,IACF,GAAG,CAACR,GAAcC,CAAW,CAAC,GACvBH,EAAM,aAAaC,GAAU;AAAA,MAClC,GAAGA,EAAS;AAAA,MACZ,KAAKM;AAAA,IAAA,CACN;AAAA,EACH;AACF;"}

package/dist/utils/types/dimensions.d.ts

@@ -0,0 +1,15 @@
+export interface Position {
+    x: number;
+    y: number;
+}
+export interface Dimensions {
+    width: number;
+    height: number;
+}
+export interface Rect {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+//# sourceMappingURL=dimensions.d.ts.map

package/dist/utils/types/dimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimensions.d.ts","sourceRoot":"","sources":["../../../src/utils/types/dimensions.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd"}

package/dist/utils/types/variations.d.ts

@@ -0,0 +1,5 @@
+export type Size = 'sm' | 'md' | 'lg';
+export type ExpandedSize = Size | 'xs' | 'xl';
+export type Hierarchy = 'primary' | 'secondary' | 'tertiary';
+export type Emphasis = 'strong' | 'normal' | 'faint';
+//# sourceMappingURL=variations.d.ts.map

package/dist/utils/types/variations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variations.d.ts","sourceRoot":"","sources":["../../../src/utils/types/variations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC"}

package/dist/window.css

@@ -0,0 +1 @@
+._window_7610fdb{position:relative;box-sizing:border-box}

package/package.json

@@ -0,0 +1,136 @@
+{
+  "name": "@tcn/ui",
+  "version": "0.0.1",
+  "type": "module",
+  "description": "",
+  "author": "TCN",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "access": "public",
+  "files": [
+    "dist",
+    "src",
+    "types",
+    "README.md",
+    "tsconfig.json"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "@bc-monorepo/source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./actions": {
+      "@bc-monorepo/source": "./src/actions/index.ts",
+      "types": "./dist/actions/index.d.ts",
+      "import": "./dist/actions/index.js",
+      "default": "./dist/actions/index.js"
+    },
+    "./feedback": {
+      "@bc-monorepo/source": "./src/feedback/index.ts",
+      "types": "./dist/feedback/index.d.ts",
+      "import": "./dist/feedback/index.js",
+      "default": "./dist/feedback/index.js"
+    },
+    "./form": {
+      "@bc-monorepo/source": "./src/form/index.ts",
+      "types": "./dist/form/index.d.ts",
+      "import": "./dist/form/index.js",
+      "default": "./dist/form/index.js"
+    },
+    "./inputs": {
+      "@bc-monorepo/source": "./src/inputs/index.ts",
+      "types": "./dist/inputs/index.d.ts",
+      "import": "./dist/inputs/index.js",
+      "default": "./dist/inputs/index.js"
+    },
+    "./layouts": {
+      "@bc-monorepo/source": "./src/layouts/index.ts",
+      "types": "./dist/layouts/index.d.ts",
+      "import": "./dist/layouts/index.js",
+      "default": "./dist/layouts/index.js"
+    },
+    "./overlay": {
+      "@bc-monorepo/source": "./src/overlay/index.ts",
+      "types": "./dist/overlay/index.d.ts",
+      "import": "./dist/overlay/index.js",
+      "default": "./dist/overlay/index.js"
+    },
+    "./stacks": {
+      "@bc-monorepo/source": "./src/stacks/index.ts",
+      "types": "./dist/stacks/index.d.ts",
+      "import": "./dist/stacks/index.js",
+      "default": "./dist/stacks/index.js"
+    },
+    "./surfaces": {
+      "@bc-monorepo/source": "./src/surfaces/index.ts",
+      "types": "./dist/surfaces/index.d.ts",
+      "import": "./dist/surfaces/index.js",
+      "default": "./dist/surfaces/index.js"
+    },
+    "./themes": {
+      "@bc-monorepo/source": "./src/themes/index.ts",
+      "types": "./dist/themes/index.d.ts",
+      "import": "./dist/themes/index.js",
+      "default": "./dist/themes/index.js"
+    },
+    "./tokens": {
+      "@bc-monorepo/source": "./src/tokens/index.ts",
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.js",
+      "default": "./dist/tokens/index.js"
+    },
+    "./typography": {
+      "@bc-monorepo/source": "./src/typography/index.ts",
+      "types": "./dist/typography/index.d.ts",
+      "import": "./dist/typography/index.js",
+      "default": "./dist/typography/index.js"
+    },
+    "./utils": {
+      "@bc-monorepo/source": "./src/utils/index.ts",
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "default": "./dist/utils/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "react-color": "^2.19.3",
+    "@tcn/icons": "2.1.0",
+    "@tcn/state": "1.0.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "clean": "rm -rf dist storybook-static",
+    "clean-all": "pnpm clean && rm -rf node_modules",
+    "storybook": "bash ../../scripts/ensure-addon-built.sh && storybook dev",
+    "storybook:silent": "storybook dev --no-open --disable-telemetry --quiet",
+    "storybook:build": "storybook build",
+    "start": "pnpm storybook",
+    "test": "vitest run",
+    "test-coverage": "vitest run --coverage",
+    "check-all": "concurrently 'pnpm check-types' 'pnpm dlx @biomejs/biome check .'",
+    "check-types": "tsc --project tsconfig.typecheck.json --noEmit",
+    "check-format": "pnpm dlx @biomejs/biome format .",
+    "check-lint": "pnpm dlx @biomejs/biome lint .",
+    "check-imports": "pnpm dlx @biomejs/biome check --formatter-enabled=false --linter-enabled=false --assist-enabled=true",
+    "fix-all": "pnpm dlx @biomejs/biome check --write",
+    "fix-format": "pnpm dlx @biomejs/biome format --write",
+    "fix-lint": "pnpm dlx @biomejs/biome lint --write",
+    "fix-imports": "pnpm dlx @biomejs/biome check --write --unsafe --formatter-enabled=false --linter-enabled=false --assist-enabled=true",
+    "publish-dry-run": "pnpm build && pnpm publish --dry-run --force --no-git-checks"
+  }
+}