@forgedevstack/bear 1.2.9 → 1.3.1

package/dist/hooks/index.js

@@ -1,82 +1,101 @@
 import { useIsDesktop as r, useIsMobile as s, useIsTablet as t, useMediaQuery as u, usePrefersDark as p, usePrefersReducedMotion as m } from "./useMediaQuery.js";
 import { useClickOutside as x, useClickOutsideMultiple as a } from "./useClickOutside.js";
-import { useResizeObserver as i } from "./useResizeObserver/useResizeObserver.js";
-import { useDisclosure as d } from "./useDisclosure.js";
-import { useBearStyles as b } from "./useBearStyles.js";
+import { useResizeObserver as l } from "./useResizeObserver/useResizeObserver.js";
+import { useDisclosure as n } from "./useDisclosure.js";
+import { useBearStyles as O } from "./useBearStyles.js";
 import { bearStyled as C } from "./bearStyled.js";
-import { useSlide as B } from "./useSlide/useSlide.js";
-import { useParallax as S } from "./useParallax/useParallax.js";
-import { useBounce as I } from "./useBounce/useBounce.js";
-import { useFloat as g } from "./useFloat/useFloat.js";
-import { usePulse as L } from "./usePulse/usePulse.js";
-import { useShake as T } from "./useShake/useShake.js";
-import { useClipboard as M } from "./useClipboard/useClipboard.js";
-import { useDebounce as F, useDebouncedCallback as K } from "./useDebounce/useDebounce.js";
-import { useThrottle as E, useThrottledCallback as V } from "./useThrottle/useThrottle.js";
-import { useLocalStorage as w } from "./useLocalStorage/useLocalStorage.js";
-import { useKeyPress as Q, useKeyPressState as U } from "./useKeyPress/useKeyPress.js";
-import { useInView as X, useIntersectionObserver as j } from "./useIntersectionObserver/useIntersectionObserver.js";
-import { useDragDrop as G } from "./useDragDrop/useDragDrop.js";
-import { useLazyLoad as J } from "./useLazyLoad/useLazyLoad.js";
-import { BearComponentProvider as Z, useBC as $, useBearComponent as ee, useBearComponentContext as oe } from "./useBearComponent/useBearComponent.js";
+import { useSlide as F } from "./useSlide/useSlide.js";
+import { useParallax as c } from "./useParallax/useParallax.js";
+import { useBounce as L } from "./useBounce/useBounce.js";
+import { useFloat as R } from "./useFloat/useFloat.js";
+import { usePulse as b } from "./usePulse/usePulse.js";
+import { useShake as k } from "./useShake/useShake.js";
+import { useClipboard as B } from "./useClipboard/useClipboard.js";
+import { useDebounce as v, useDebouncedCallback as V } from "./useDebounce/useDebounce.js";
+import { useThrottle as h, useThrottledCallback as Y } from "./useThrottle/useThrottle.js";
+import { useLocalStorage as X } from "./useLocalStorage/useLocalStorage.js";
+import { useKeyPress as K, useKeyPressState as U } from "./useKeyPress/useKeyPress.js";
+import { useInView as w, useIntersectionObserver as z } from "./useIntersectionObserver/useIntersectionObserver.js";
+import { useDragDrop as Q } from "./useDragDrop/useDragDrop.js";
+import { useLazyLoad as j } from "./useLazyLoad/useLazyLoad.js";
+import { BearComponentProvider as J, useBC as $, useBearComponent as ee, useBearComponentContext as oe } from "./useBearComponent/useBearComponent.js";
 import { useBearDefaultProps as se } from "./useBearDefaultProps.js";
 import { useSpotlight as ue } from "./useSpotlight/useSpotlight.js";
 import { useOnline as me } from "./useOnline/useOnline.js";
 import { useWebSocket as xe } from "./useWebSocket/useWebSocket.js";
-import { useIdle as le } from "./useIdle/useIdle.js";
-import { usePageVisibility as ne } from "./usePageVisibility/usePageVisibility.js";
-import { useLongPress as Pe } from "./useLongPress/useLongPress.js";
-import { useAnimate as ce } from "./useAnimate.js";
-import { useResponsive as ke, useResponsiveProps as Be } from "./useResponsive.js";
-import { useBreakpoint as Se } from "./useBreakpoint/useBreakpoint.js";
-import { DEFAULT_BREAKPOINTS_PX as Ie } from "./useBreakpoint/useBreakpoint.const.js";
-import { useFormControl as ge } from "./useFormControl/useFormControl.js";
+import { useIdle as Ee } from "./useIdle/useIdle.js";
+import { usePageVisibility as ie } from "./usePageVisibility/usePageVisibility.js";
+import { useLongPress as _e } from "./useLongPress/useLongPress.js";
+import { useAnimate as Pe } from "./useAnimate.js";
+import { useResponsive as De, useResponsiveProps as Fe } from "./useResponsive.js";
+import { useBreakpoint as ce } from "./useBreakpoint/useBreakpoint.js";
+import { DEFAULT_BREAKPOINTS_PX as Le } from "./useBreakpoint/useBreakpoint.const.js";
+import { useDocumentDarkClass as Re } from "./useDocumentDarkClass/useDocumentDarkClass.js";
+import { usePointerDrag as be } from "./usePointerDrag/usePointerDrag.js";
+import { useWindowLayout as ke } from "./useWindowLayout/useWindowLayout.js";
+import { useFixedAnchorPosition as Be } from "./useFixedAnchorPosition/useFixedAnchorPosition.js";
+import { resolveOverlayEffects as ve } from "./useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
+import { ANCHOR_DEFAULT_Z_INDEX as ge, ANCHOR_EDGE_PAD_PX as he, ANCHOR_OFFSET_PX as Ye, OVERLAY_OPEN_EFFECT_DEFAULT as Me, OVERLAY_OPEN_EFFECT_FADE as Xe, OVERLAY_OPEN_EFFECT_NONE as He, OVERLAY_OPEN_EFFECT_SCALE as Ke, OVERLAY_OPEN_EFFECT_SLIDE_DOWN as Ue } from "./useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { useFormControl as we } from "./useFormControl/useFormControl.js";
 export {
-  Z as BearComponentProvider,
-  Ie as DEFAULT_BREAKPOINTS_PX,
+  ge as ANCHOR_DEFAULT_Z_INDEX,
+  he as ANCHOR_EDGE_PAD_PX,
+  Ye as ANCHOR_OFFSET_PX,
+  J as BearComponentProvider,
+  Le as DEFAULT_BREAKPOINTS_PX,
+  Me as OVERLAY_OPEN_EFFECT_DEFAULT,
+  Xe as OVERLAY_OPEN_EFFECT_FADE,
+  He as OVERLAY_OPEN_EFFECT_NONE,
+  Ke as OVERLAY_OPEN_EFFECT_SCALE,
+  Ue as OVERLAY_OPEN_EFFECT_SLIDE_DOWN,
   C as bearStyled,
-  ce as useAnimate,
+  ve as resolveOverlayEffects,
+  Pe as useAnimate,
   $ as useBC,
   ee as useBearComponent,
   oe as useBearComponentContext,
   se as useBearDefaultProps,
-  b as useBearStyles,
-  I as useBounce,
-  Se as useBreakpoint,
+  O as useBearStyles,
+  L as useBounce,
+  ce as useBreakpoint,
   x as useClickOutside,
   a as useClickOutsideMultiple,
-  M as useClipboard,
-  F as useDebounce,
-  K as useDebouncedCallback,
-  d as useDisclosure,
-  G as useDragDrop,
-  g as useFloat,
-  ge as useFormControl,
-  le as useIdle,
-  X as useInView,
-  j as useIntersectionObserver,
+  B as useClipboard,
+  v as useDebounce,
+  V as useDebouncedCallback,
+  n as useDisclosure,
+  Re as useDocumentDarkClass,
+  Q as useDragDrop,
+  Be as useFixedAnchorPosition,
+  R as useFloat,
+  we as useFormControl,
+  Ee as useIdle,
+  w as useInView,
+  z as useIntersectionObserver,
   r as useIsDesktop,
   s as useIsMobile,
   t as useIsTablet,
-  Q as useKeyPress,
+  K as useKeyPress,
   U as useKeyPressState,
-  J as useLazyLoad,
-  w as useLocalStorage,
-  Pe as useLongPress,
+  j as useLazyLoad,
+  X as useLocalStorage,
+  _e as useLongPress,
   u as useMediaQuery,
   me as useOnline,
-  ne as usePageVisibility,
-  S as useParallax,
+  ie as usePageVisibility,
+  c as useParallax,
+  be as usePointerDrag,
   p as usePrefersDark,
   m as usePrefersReducedMotion,
-  L as usePulse,
-  i as useResizeObserver,
-  ke as useResponsive,
-  Be as useResponsiveProps,
-  T as useShake,
-  B as useSlide,
+  b as usePulse,
+  l as useResizeObserver,
+  De as useResponsive,
+  Fe as useResponsiveProps,
+  k as useShake,
+  F as useSlide,
   ue as useSpotlight,
-  E as useThrottle,
-  V as useThrottledCallback,
-  xe as useWebSocket
+  h as useThrottle,
+  Y as useThrottledCallback,
+  xe as useWebSocket,
+  ke as useWindowLayout
 };

package/dist/hooks/useBearComponent/useBearComponent.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BearComponentOverrides, ButtonVariantsConfig } from '../../types/component.types';
+import { BearComponentOverrides, ButtonVariantsConfig } from '../../types';
 import { UseBearComponentReturn, BearComponentContextValue } from './useBearComponent.types';
 interface BearComponentProviderProps {
     children: ReactNode;

package/dist/hooks/useBearComponent/useBearComponent.types.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { BearComponentOverrides, ButtonVariantsConfig } from '../../types/component.types';
+import { BearComponentOverrides, ButtonVariantsConfig } from '../../types';
 /**
  * Component part style definition
  */

package/dist/hooks/useBearDefaultProps.d.ts

@@ -1,2 +1,2 @@
-import { BearDefaultPropsMap } from '../types/component.types';
+import { BearDefaultPropsMap } from '../types';
 export declare const useBearDefaultProps: <T extends Record<string, unknown>>(componentKey: keyof BearDefaultPropsMap, props: T) => T;

package/dist/hooks/useBearStyles.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { BisProp } from '../types/bis.types';
+import { BisProp } from '../types';
 /**
  * Resolve bis into a style object. Merge with optional existing style.
  * When bis is a function, theme from BearProvider is used.

package/dist/hooks/useDocumentDarkClass/index.d.ts

@@ -0,0 +1 @@
+export { useDocumentDarkClass } from './useDocumentDarkClass';

package/dist/hooks/useDocumentDarkClass/useDocumentDarkClass.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("../../constants/generals.const.cjs"),u=t=>{const s=document.documentElement;return s.classList.contains(e.DOCUMENT_CLASS_DARK)||s.classList.contains(e.DOCUMENT_CLASS_BEAR_DARK)||t.matches},i=t=>{const[s,a]=o.useState(e.BOOLEAN_FALSE);return o.useEffect(()=>{if(!t)return;const r=window.matchMedia(e.PREFERS_COLOR_SCHEME_DARK),n=()=>{a(u(r))};n();const c=new MutationObserver(n);return c.observe(document.documentElement,{attributes:!0,attributeFilter:[e.DOCUMENT_CLASS_ATTRIBUTE]}),r.addEventListener("change",n),()=>{c.disconnect(),r.removeEventListener("change",n)}},[t]),s};exports.useDocumentDarkClass=i;

package/dist/hooks/useDocumentDarkClass/useDocumentDarkClass.d.ts

@@ -0,0 +1 @@
+export declare const useDocumentDarkClass: (enabled: boolean) => boolean;

package/dist/hooks/useDocumentDarkClass/useDocumentDarkClass.js

@@ -0,0 +1,26 @@
+import { useState as c, useEffect as a } from "react";
+import { BOOLEAN_FALSE as i, PREFERS_COLOR_SCHEME_DARK as u, DOCUMENT_CLASS_ATTRIBUTE as m, DOCUMENT_CLASS_DARK as E, DOCUMENT_CLASS_BEAR_DARK as D } from "../../constants/generals.const.js";
+const _ = (t) => {
+  const e = document.documentElement;
+  return e.classList.contains(E) || e.classList.contains(D) || t.matches;
+}, S = (t) => {
+  const [e, o] = c(i);
+  return a(() => {
+    if (!t)
+      return;
+    const s = window.matchMedia(u), n = () => {
+      o(_(s));
+    };
+    n();
+    const r = new MutationObserver(n);
+    return r.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: [m]
+    }), s.addEventListener("change", n), () => {
+      r.disconnect(), s.removeEventListener("change", n);
+    };
+  }, [t]), e;
+};
+export {
+  S as useDocumentDarkClass
+};

package/dist/hooks/useFixedAnchorPosition/index.d.ts

@@ -0,0 +1,4 @@
+export { useFixedAnchorPosition } from './useFixedAnchorPosition';
+export type { OverlayCloseEffect, OverlayCoords, OverlayEffectConfig, OverlayEffectProps, OverlayMotionEffect, OverlayOpenEffect, OverlayPlacement, UseFixedAnchorPositionOptions, UseFixedAnchorPositionReturn, } from './useFixedAnchorPosition.types';
+export { resolveOverlayEffects } from './useFixedAnchorPosition.utils';
+export { ANCHOR_DEFAULT_Z_INDEX, ANCHOR_EDGE_PAD_PX, ANCHOR_OFFSET_PX, OVERLAY_OPEN_EFFECT_DEFAULT, OVERLAY_OPEN_EFFECT_FADE, OVERLAY_OPEN_EFFECT_NONE, OVERLAY_OPEN_EFFECT_SCALE, OVERLAY_OPEN_EFFECT_SLIDE_DOWN, VISIBILITY_VISIBLE, } from './useFixedAnchorPosition.const';

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./useFixedAnchorPosition.const.cjs"),f=require("./useFixedAnchorPosition.utils.cjs"),v={top:0,left:0},L=P=>{const{anchorRef:n,open:r,offsetPx:s=e.ANCHOR_OFFSET_PX,edgePadPx:d=e.ANCHOR_EDGE_PAD_PX,estimatedHeightPx:E,placement:c=e.DEFAULT_PLACEMENT,matchWidth:u=!1,minWidthPx:a}=P,[t,_]=o.useState(v),[h,w]=o.useState(!1);return o.useLayoutEffect(()=>{if(!r){w(!1);return}const i=()=>{var I;const l=(I=n.current)==null?void 0:I.getBoundingClientRect();l&&(_(f.resolveOverlayCoords({rect:l,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,offsetPx:s,edgePadPx:d,estimatedHeightPx:E,placement:c,matchWidth:u,minWidthPx:a})),w(!0))};return i(),window.addEventListener(e.RESIZE_EVENT,i),window.addEventListener(e.SCROLL_EVENT,i,!0),()=>{window.removeEventListener(e.RESIZE_EVENT,i),window.removeEventListener(e.SCROLL_EVENT,i,!0)}},[r,n,s,d,E,c,u,a]),{coords:t,ready:h,style:{position:e.POSITION_FIXED,top:t.top,left:t.left,...t.width===void 0?{}:{width:t.width},...t.minWidth===void 0?{}:{minWidth:t.minWidth},visibility:h?e.VISIBILITY_VISIBLE:e.VISIBILITY_HIDDEN}}};exports.useFixedAnchorPosition=L;

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=8,O=8,T=11e3,N="top",L="bottom",A="end",F="bottom-start",I="hidden",t="visible",o="fixed",P="scroll",C="resize",D="none",s="fade",E="slide-down",n="scale",c=E;exports.ANCHOR_DEFAULT_Z_INDEX=T;exports.ANCHOR_EDGE_PAD_PX=O;exports.ANCHOR_OFFSET_PX=_;exports.DEFAULT_PLACEMENT=F;exports.OVERLAY_OPEN_EFFECT_DEFAULT=c;exports.OVERLAY_OPEN_EFFECT_FADE=s;exports.OVERLAY_OPEN_EFFECT_NONE=D;exports.OVERLAY_OPEN_EFFECT_SCALE=n;exports.OVERLAY_OPEN_EFFECT_SLIDE_DOWN=E;exports.PLACEMENT_BOTTOM=L;exports.PLACEMENT_END=A;exports.PLACEMENT_TOP=N;exports.POSITION_FIXED=o;exports.RESIZE_EVENT=C;exports.SCROLL_EVENT=P;exports.VISIBILITY_HIDDEN=I;exports.VISIBILITY_VISIBLE=t;

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.d.ts

@@ -0,0 +1,17 @@
+export declare const ANCHOR_OFFSET_PX = 8;
+export declare const ANCHOR_EDGE_PAD_PX = 8;
+export declare const ANCHOR_DEFAULT_Z_INDEX = 11000;
+export declare const PLACEMENT_TOP = "top";
+export declare const PLACEMENT_BOTTOM = "bottom";
+export declare const PLACEMENT_END = "end";
+export declare const DEFAULT_PLACEMENT = "bottom-start";
+export declare const VISIBILITY_HIDDEN = "hidden";
+export declare const VISIBILITY_VISIBLE = "visible";
+export declare const POSITION_FIXED = "fixed";
+export declare const SCROLL_EVENT = "scroll";
+export declare const RESIZE_EVENT = "resize";
+export declare const OVERLAY_OPEN_EFFECT_NONE = "none";
+export declare const OVERLAY_OPEN_EFFECT_FADE = "fade";
+export declare const OVERLAY_OPEN_EFFECT_SLIDE_DOWN = "slide-down";
+export declare const OVERLAY_OPEN_EFFECT_SCALE = "scale";
+export declare const OVERLAY_OPEN_EFFECT_DEFAULT = "slide-down";

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js

@@ -0,0 +1,20 @@
+const _ = 8, o = 8, t = 11e3, s = "top", n = "bottom", O = "end", N = "bottom-start", T = "hidden", c = "visible", L = "fixed", A = "scroll", F = "resize", I = "none", C = "fade", E = "slide-down", P = "scale", D = E;
+export {
+  t as ANCHOR_DEFAULT_Z_INDEX,
+  o as ANCHOR_EDGE_PAD_PX,
+  _ as ANCHOR_OFFSET_PX,
+  N as DEFAULT_PLACEMENT,
+  D as OVERLAY_OPEN_EFFECT_DEFAULT,
+  C as OVERLAY_OPEN_EFFECT_FADE,
+  I as OVERLAY_OPEN_EFFECT_NONE,
+  P as OVERLAY_OPEN_EFFECT_SCALE,
+  E as OVERLAY_OPEN_EFFECT_SLIDE_DOWN,
+  n as PLACEMENT_BOTTOM,
+  O as PLACEMENT_END,
+  s as PLACEMENT_TOP,
+  L as POSITION_FIXED,
+  F as RESIZE_EVENT,
+  A as SCROLL_EVENT,
+  T as VISIBILITY_HIDDEN,
+  c as VISIBILITY_VISIBLE
+};

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.d.ts

@@ -0,0 +1,2 @@
+import { UseFixedAnchorPositionOptions, UseFixedAnchorPositionReturn } from './useFixedAnchorPosition.types';
+export declare const useFixedAnchorPosition: (options: UseFixedAnchorPositionOptions) => UseFixedAnchorPositionReturn;

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.js

@@ -0,0 +1,64 @@
+import { useState as m, useLayoutEffect as l } from "react";
+import { RESIZE_EVENT as I, SCROLL_EVENT as u, ANCHOR_OFFSET_PX as L, ANCHOR_EDGE_PAD_PX as P, DEFAULT_PLACEMENT as _, VISIBILITY_VISIBLE as O, VISIBILITY_HIDDEN as S, POSITION_FIXED as T } from "./useFixedAnchorPosition.const.js";
+import { resolveOverlayCoords as C } from "./useFixedAnchorPosition.utils.js";
+const R = { top: 0, left: 0 }, g = (p) => {
+  const {
+    anchorRef: i,
+    open: o,
+    offsetPx: n = L,
+    edgePadPx: r = P,
+    estimatedHeightPx: d,
+    placement: s = _,
+    matchWidth: E = !1,
+    minWidthPx: w
+  } = p, [t, v] = m(R), [a, c] = m(!1);
+  return l(() => {
+    if (!o) {
+      c(!1);
+      return;
+    }
+    const e = () => {
+      var h;
+      const f = (h = i.current) == null ? void 0 : h.getBoundingClientRect();
+      f && (v(
+        C({
+          rect: f,
+          viewportWidth: window.innerWidth,
+          viewportHeight: window.innerHeight,
+          offsetPx: n,
+          edgePadPx: r,
+          estimatedHeightPx: d,
+          placement: s,
+          matchWidth: E,
+          minWidthPx: w
+        })
+      ), c(!0));
+    };
+    return e(), window.addEventListener(I, e), window.addEventListener(u, e, !0), () => {
+      window.removeEventListener(I, e), window.removeEventListener(u, e, !0);
+    };
+  }, [
+    o,
+    i,
+    n,
+    r,
+    d,
+    s,
+    E,
+    w
+  ]), {
+    coords: t,
+    ready: a,
+    style: {
+      position: T,
+      top: t.top,
+      left: t.left,
+      ...t.width === void 0 ? {} : { width: t.width },
+      ...t.minWidth === void 0 ? {} : { minWidth: t.minWidth },
+      visibility: a ? O : S
+    }
+  };
+};
+export {
+  g as useFixedAnchorPosition
+};

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.types.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties, RefObject } from 'react';
+export type OverlayMotionEffect = 'none' | 'fade' | 'slide-down' | 'scale';
+export type OverlayOpenEffect = OverlayMotionEffect;
+export type OverlayCloseEffect = OverlayMotionEffect;
+export interface OverlayEffectConfig {
+    open?: OverlayMotionEffect;
+    close?: OverlayMotionEffect;
+}
+export interface OverlayEffectProps {
+    openEffect?: OverlayMotionEffect;
+    closeEffect?: OverlayMotionEffect;
+    effect?: OverlayEffectConfig;
+}
+export type OverlayPlacement = 'bottom-start' | 'bottom-end' | 'bottom' | 'top-start' | 'top-end' | 'top';
+export interface OverlayCoords {
+    top: number;
+    left: number;
+    width?: number;
+    minWidth?: number;
+}
+export interface UseFixedAnchorPositionOptions {
+    anchorRef: RefObject<HTMLElement | null>;
+    open: boolean;
+    offsetPx?: number;
+    edgePadPx?: number;
+    estimatedHeightPx?: number;
+    placement?: OverlayPlacement;
+    matchWidth?: boolean;
+    minWidthPx?: number;
+}
+export interface UseFixedAnchorPositionReturn {
+    coords: OverlayCoords;
+    ready: boolean;
+    style: CSSProperties;
+}

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./useFixedAnchorPosition.const.cjs"),x=(o,t=n.OVERLAY_OPEN_EFFECT_DEFAULT)=>{var c,e;const r=((c=o.effect)==null?void 0:c.open)??o.openEffect??t,i=((e=o.effect)==null?void 0:e.close)??o.closeEffect??r;return{openEffect:r,closeEffect:i}},A=o=>{const{rect:t,viewportWidth:r,viewportHeight:i,offsetPx:c,edgePadPx:e,estimatedHeightPx:s,placement:f,matchWidth:h,minWidthPx:l}=o,a=h?t.width:l??t.width,v=f.endsWith(n.PLACEMENT_END),m=f===n.PLACEMENT_TOP||f===n.PLACEMENT_BOTTOM,P=v?t.right-a:m?t.left+t.width/2-a/2:t.left,T=Math.max(e,r-a-e),M=Math.min(Math.max(e,P),T),E=f.startsWith(n.PLACEMENT_TOP),O=i-t.bottom,w=!E&&s!==void 0&&O<s&&t.top>s,p=E||w?t.top-(s??0)-c:t.bottom+c,d={top:s===void 0?p:Math.max(e,Math.min(p,i-s-e)),left:M};return h&&(d.width=t.width),l!==void 0&&(d.minWidth=a),d};exports.resolveOverlayCoords=A;exports.resolveOverlayEffects=x;

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

@@ -0,0 +1,16 @@
+import { OverlayCoords, OverlayEffectProps, OverlayMotionEffect, OverlayPlacement } from './useFixedAnchorPosition.types';
+export declare const resolveOverlayEffects: (input: OverlayEffectProps, fallback?: OverlayMotionEffect) => {
+    openEffect: OverlayMotionEffect;
+    closeEffect: OverlayMotionEffect;
+};
+export declare const resolveOverlayCoords: (params: {
+    rect: DOMRect;
+    viewportWidth: number;
+    viewportHeight: number;
+    offsetPx: number;
+    edgePadPx: number;
+    estimatedHeightPx?: number;
+    placement: OverlayPlacement;
+    matchWidth: boolean;
+    minWidthPx?: number;
+}) => OverlayCoords;

package/dist/hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js

@@ -0,0 +1,23 @@
+import { OVERLAY_OPEN_EFFECT_DEFAULT as M, PLACEMENT_END as T, PLACEMENT_TOP as l, PLACEMENT_BOTTOM as A } from "./useFixedAnchorPosition.const.js";
+const b = (o, t = M) => {
+  var s, e;
+  const n = ((s = o.effect) == null ? void 0 : s.open) ?? o.openEffect ?? t, f = ((e = o.effect) == null ? void 0 : e.close) ?? o.closeEffect ?? n;
+  return { openEffect: n, closeEffect: f };
+}, N = (o) => {
+  const {
+    rect: t,
+    viewportWidth: n,
+    viewportHeight: f,
+    offsetPx: s,
+    edgePadPx: e,
+    estimatedHeightPx: c,
+    placement: i,
+    matchWidth: d,
+    minWidthPx: h
+  } = o, r = d ? t.width : h ?? t.width, m = i.endsWith(T) ? t.right - r : i === l || i === A ? t.left + t.width / 2 - r / 2 : t.left, v = Math.max(e, n - r - e), P = Math.min(Math.max(e, m), v), p = i.startsWith(l), w = f - t.bottom, x = !p && c !== void 0 && w < c && t.top > c, E = p || x ? t.top - (c ?? 0) - s : t.bottom + s, a = { top: c === void 0 ? E : Math.max(e, Math.min(E, f - c - e)), left: P };
+  return d && (a.width = t.width), h !== void 0 && (a.minWidth = r), a;
+};
+export {
+  N as resolveOverlayCoords,
+  b as resolveOverlayEffects
+};

package/dist/hooks/usePointerDrag/index.d.ts

@@ -0,0 +1,2 @@
+export { usePointerDrag } from './usePointerDrag';
+export type { PointerDragStart, UsePointerDragOptions, UsePointerDragReturn, } from './usePointerDrag.types';

package/dist/hooks/usePointerDrag/usePointerDrag.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),i=require("../../constants/numbers.const.cjs"),t=require("../../constants/generals.const.cjs"),O=u=>{const{enabled:l=t.BOOLEAN_TRUE,onMove:a,onEnd:o}=u,s=P.useRef({clientX:i.ZERO,clientY:i.ZERO,pointerId:i.ZERO});return{onPointerDown:e=>{var d;if(!l)return;e.preventDefault();const n=e.target;(d=n.setPointerCapture)==null||d.call(n,e.pointerId),s.current={clientX:e.clientX,clientY:e.clientY,pointerId:e.pointerId};const c=r=>{a(r,s.current)},E=()=>{var r;(r=n.releasePointerCapture)==null||r.call(n,e.pointerId),window.removeEventListener(t.EVENT_POINTER_MOVE,c),window.removeEventListener(t.EVENT_POINTER_UP,E),o==null||o()};window.addEventListener(t.EVENT_POINTER_MOVE,c),window.addEventListener(t.EVENT_POINTER_UP,E)}}};exports.usePointerDrag=O;

package/dist/hooks/usePointerDrag/usePointerDrag.d.ts

@@ -0,0 +1,2 @@
+import { UsePointerDragOptions, UsePointerDragReturn } from './usePointerDrag.types';
+export declare const usePointerDrag: (options: UsePointerDragOptions) => UsePointerDragReturn;

package/dist/hooks/usePointerDrag/usePointerDrag.js

@@ -0,0 +1,32 @@
+import { useRef as u } from "react";
+import { ZERO as r } from "../../constants/numbers.const.js";
+import { BOOLEAN_TRUE as m, EVENT_POINTER_MOVE as p, EVENT_POINTER_UP as E } from "../../constants/generals.const.js";
+const R = (l) => {
+  const { enabled: w = m, onMove: a, onEnd: t } = l, i = u({
+    clientX: r,
+    clientY: r,
+    pointerId: r
+  });
+  return { onPointerDown: (e) => {
+    var d;
+    if (!w)
+      return;
+    e.preventDefault();
+    const n = e.target;
+    (d = n.setPointerCapture) == null || d.call(n, e.pointerId), i.current = {
+      clientX: e.clientX,
+      clientY: e.clientY,
+      pointerId: e.pointerId
+    };
+    const s = (o) => {
+      a(o, i.current);
+    }, c = () => {
+      var o;
+      (o = n.releasePointerCapture) == null || o.call(n, e.pointerId), window.removeEventListener(p, s), window.removeEventListener(E, c), t == null || t();
+    };
+    window.addEventListener(p, s), window.addEventListener(E, c);
+  } };
+};
+export {
+  R as usePointerDrag
+};

package/dist/hooks/usePointerDrag/usePointerDrag.types.d.ts

@@ -0,0 +1,14 @@
+import { PointerEvent as ReactPointerEvent } from 'react';
+export interface PointerDragStart {
+    clientX: number;
+    clientY: number;
+    pointerId: number;
+}
+export interface UsePointerDragOptions {
+    enabled?: boolean;
+    onMove: (event: PointerEvent, start: PointerDragStart) => void;
+    onEnd?: () => void;
+}
+export interface UsePointerDragReturn {
+    onPointerDown: (event: ReactPointerEvent) => void;
+}

package/dist/hooks/useResponsive.d.ts

@@ -1,4 +1,4 @@
-import { ResponsiveProp } from '../types/theme.types';
+import { ResponsiveProp } from '../types';
 /**
  * useResponsive - Resolves responsive prop values based on current viewport
  *

package/dist/hooks/useWindowLayout/index.d.ts

@@ -0,0 +1,2 @@
+export { useWindowLayout } from './useWindowLayout';
+export type { UseWindowLayoutOptions } from './useWindowLayout.types';

package/dist/hooks/useWindowLayout/useWindowLayout.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("../../constants/generals.const.cjs"),n=require("./useWindowLayout.const.cjs"),i=E=>{const{enabled:o=t.BOOLEAN_TRUE,onLayout:e}=E;r.useEffect(()=>{if(o)return e(),window.addEventListener(n.RESIZE_EVENT,e),window.addEventListener(n.SCROLL_EVENT,e,t.BOOLEAN_TRUE),()=>{window.removeEventListener(n.RESIZE_EVENT,e),window.removeEventListener(n.SCROLL_EVENT,e,t.BOOLEAN_TRUE)}},[o,e])};exports.useWindowLayout=i;

package/dist/hooks/useWindowLayout/useWindowLayout.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="scroll",e="resize";exports.RESIZE_EVENT=e;exports.SCROLL_EVENT=E;

package/dist/hooks/useWindowLayout/useWindowLayout.const.d.ts

@@ -0,0 +1,2 @@
+export declare const SCROLL_EVENT = "scroll";
+export declare const RESIZE_EVENT = "resize";

package/dist/hooks/useWindowLayout/useWindowLayout.const.js

@@ -0,0 +1,5 @@
+const E = "scroll", o = "resize";
+export {
+  o as RESIZE_EVENT,
+  E as SCROLL_EVENT
+};

package/dist/hooks/useWindowLayout/useWindowLayout.d.ts

@@ -0,0 +1,5 @@
+import { UseWindowLayoutOptions } from './useWindowLayout.types';
+/**
+ * useWindowLayout — subscribe to window scroll and resize.
+ */
+export declare const useWindowLayout: (options: UseWindowLayoutOptions) => void;

package/dist/hooks/useWindowLayout/useWindowLayout.js

@@ -0,0 +1,15 @@
+import { useEffect as E } from "react";
+import { BOOLEAN_TRUE as n } from "../../constants/generals.const.js";
+import { RESIZE_EVENT as t, SCROLL_EVENT as r } from "./useWindowLayout.const.js";
+const m = (i) => {
+  const { enabled: o = n, onLayout: e } = i;
+  E(() => {
+    if (o)
+      return e(), window.addEventListener(t, e), window.addEventListener(r, e, n), () => {
+        window.removeEventListener(t, e), window.removeEventListener(r, e, n);
+      };
+  }, [o, e]);
+};
+export {
+  m as useWindowLayout
+};

package/dist/hooks/useWindowLayout/useWindowLayout.types.d.ts

@@ -0,0 +1,4 @@
+export interface UseWindowLayoutOptions {
+    enabled?: boolean;
+    onLayout: () => void;
+}