@udecode/react-utils 51.1.2 → 52.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udecode/react-utils",
-  "version": "51.1.2",
+  "version": "52.0.0",
   "description": "React utils",
   "keywords": [
     "utils"
@@ -16,16 +16,11 @@
   "license": "MIT",
   "sideEffects": false,
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "module": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    }
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist/**/*"
   ],
@@ -42,7 +37,7 @@
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.2.3",
-    "@udecode/utils": "51.1.2",
+    "@udecode/utils": "52.0.0",
     "clsx": "^2.1.1"
   },
   "peerDependencies": {
@@ -51,5 +46,7 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "type": "module",
+  "module": "./dist/index.js"
 }

package/dist/index.d.mts

@@ -1,155 +0,0 @@
-import React, { JSX, DependencyList } from 'react';
-
-declare const Box: React.ForwardRefExoticComponent<{
-    as?: React.ElementType;
-    asChild?: boolean;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<any>>;
-type BoxProps = React.ComponentPropsWithRef<typeof Box>;
-
-declare const MemoizedChildren: React.MemoExoticComponent<({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element>;
-
-type PortalBodyProps = {
-    children: React.ReactNode;
-    element?: Element;
-};
-declare const PortalBody: ({ children, element, }: PortalBodyProps) => React.ReactPortal;
-
-declare const Text: React.ForwardRefExoticComponent<{
-    as?: React.ElementType;
-    asChild?: boolean;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<any>>;
-type TextProps = React.ComponentPropsWithRef<typeof Text>;
-
-/** @see https://github.com/radix-ui/primitives/blob/b324ec2d7ddf13a2a115cb5b11478e24d2f45b87/packages/core/primitive/src/primitive.tsx#L1 */
-declare const composeEventHandlers: <E>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
-    checkForDefaultPrevented?: boolean | undefined;
-}) => (event: E) => void;
-
-/**
- * Primitive component factory. It uses hooks for managing state and props, and
- * forwards references to child components. Component props:
- *
- * - `asChild`: If true, the component will be rendered as a `Slot`
- *   {@link https://www.radix-ui.com/docs/primitives/utilities/slot}.
- * - `options`: Options passed to the state hook.
- * - `state`: Provide your state instead of using the state hook.
- * - `className`: Class name to be merged to the component.
- * - `style`: Style object to be merged to the component.
- * - `setProps`: Function to set props from the props hook.
- * - `...props`: Props to be passed to the component. Props hook return value:
- * - `ref`: Reference to be forwarded to the component.
- * - `props`: Props to be passed to the component.
- * - `hidden`: If true, the component will not be rendered.
- *
- * @example
- *   const MyButton = createPrimitiveComponent(Button)({
- *     stateHook: useButtonState,
- *     propsHook: useButton,
- *   });
- *
- * @param {React.ElementType} element The base component or native HTML element.
- * @returns {function} A primitive component.
- */
-declare const createPrimitiveComponent: <T extends React.ElementType, P extends React.ComponentPropsWithoutRef<T>>(element: T) => <SH extends (options: any) => any, PH extends (state: any) => any>({ propsHook, stateHook, }?: {
-    propsHook?: PH;
-    stateHook?: SH;
-}) => React.ForwardRefExoticComponent<React.PropsWithoutRef<{
-    as?: React.ElementType;
-    asChild?: boolean;
-    className?: string;
-    options?: Parameters<SH>[0];
-    state?: Parameters<PH>[0];
-    style?: React.CSSProperties;
-    setProps?: (hookProps: NonNullable<ReturnType<PH>["props"]>) => P;
-} & P> & React.RefAttributes<any>>;
-
-declare function createPrimitiveElement<T extends keyof HTMLElementTagNameMap>(tag: T): React.ForwardRefExoticComponent<React.PropsWithoutRef<JSX.IntrinsicElements[T]> & React.RefAttributes<HTMLElementTagNameMap[T]>>;
-
-declare const createSlotComponent: <T extends React.ElementType, P extends React.ComponentPropsWithoutRef<T>>(element: T) => React.ForwardRefExoticComponent<React.PropsWithoutRef<{
-    as?: React.ElementType;
-    asChild?: boolean;
-} & P> & React.RefAttributes<any>>;
-
-type PossibleRef<T> = React.Ref<T> | undefined;
-/**
- * A utility to compose multiple refs together Accepts callback refs and
- * React.RefObject(s)
- */
-declare const composeRefs: <T>(...refs: PossibleRef<T>[]) => (node: T) => (() => void) | undefined;
-/**
- * A custom hook that composes multiple refs Accepts callback refs and
- * React.RefObject(s)
- */
-declare const useComposedRef: <T>(...refs: PossibleRef<T>[]) => (node: T) => (() => void) | undefined;
-
-declare function useEffectOnce(effect: React.EffectCallback, deps: React.DependencyList): void;
-
-declare const CAN_USE_DOM: boolean;
-/**
- * Prevent warning on SSR by falling back to React.useEffect when DOM isn't
- * available
- */
-declare const useIsomorphicLayoutEffect: typeof React.useEffect;
-
-/**
- * Re-render only when the selector result changes.
- *
- * @param selector A function that derives a value from deps
- * @param deps Dependencies on which to run the selector
- * @param equalityFn Optional comparison function to detect changes in the
- *   derived value
- */
-declare function useMemoizedSelector<R>(selector: () => R, deps: React.DependencyList, equalityFn?: (a: R, b: R) => boolean): R;
-
-declare const DEFAULT_IGNORE_CLASS = "ignore-onclickoutside";
-type UseOnClickOutsideCallback<T extends Event = Event> = (event: T) => void;
-type UseOnClickOutsideOptions = {
-    detectIFrame?: boolean;
-    disabled?: boolean;
-    eventTypes?: string[];
-    excludeScrollbar?: boolean;
-    ignoreClass?: string[] | string;
-    refs?: Refs;
-};
-type UseOnClickOutsideReturn = (element: El | null) => void;
-type El = HTMLElement;
-type Refs = React.RefObject<El | null>[];
-declare const useOnClickOutside: (callback: UseOnClickOutsideCallback, { detectIFrame, disabled, eventTypes, excludeScrollbar, ignoreClass, refs: refsOpt, }?: UseOnClickOutsideOptions) => UseOnClickOutsideReturn;
-
-/**
- * Create a stable version of a function that can be used in dependency arrays
- * without causing hooks like useEffect to re-run if the function changes.
- * Calling the returned function always calls the most recent version of the
- * function that was passed to useStableFn.
- *
- * If you do want the function to be replaced when certain dependency values
- * change, include those values in the dependency array of useStableFn.
- */
-declare const useStableFn: <A extends unknown[], R>(fn: (...args: A) => R, deps?: DependencyList) => (...args: A) => R;
-
-declare const useStableMemo: <T>(producer: () => T, deps?: React.DependencyList) => T;
-
-/** biome-ignore-all lint/correctness/useJsxKeyInIterable: biome */
-
-/**
- * Wrap a component into multiple providers. If there are any props that you
- * want a provider to receive, you can simply pass an array.
- */
-declare const withProviders: (...providers: any[]) => <T>(WrappedComponent: React.FC<T>) => (props: T) => any;
-
-type ElementType<P = any> = React.ComponentType<P> | {
-    [K in keyof JSX.IntrinsicElements]: P extends JSX.IntrinsicElements[K] ? K : never;
-}[keyof JSX.IntrinsicElements];
-type ForwardRefComponent<T, P = {}> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
-type InferElementRef<T> = T extends ElementType<any> ? T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] extends React.DetailedHTMLProps<React.HTMLAttributes<infer R>, any> ? R : never : T extends React.ComponentType<any> ? T extends React.ComponentClass<any> ? InstanceType<T> : T extends React.ForwardRefExoticComponent<any> ? React.ComponentPropsWithRef<T>['ref'] extends React.Ref<infer R> ? R : never : never : never : never;
-/**
- * Shorter alternative to `React.forwardRef`.
- *
- * @generic1 Component type or element type
- * @generic2 Extended prop types
- */
-declare function withRef<T extends ElementType, P = {}>(renderFunction: React.ForwardRefRenderFunction<InferElementRef<T>, React.ComponentPropsWithoutRef<T> & P>): ForwardRefComponent<InferElementRef<T>, React.ComponentPropsWithoutRef<T> & P>;
-
-export { Box, type BoxProps, CAN_USE_DOM, DEFAULT_IGNORE_CLASS, MemoizedChildren, PortalBody, type PortalBodyProps, Text, type TextProps, type UseOnClickOutsideCallback, type UseOnClickOutsideOptions, type UseOnClickOutsideReturn, composeEventHandlers, composeRefs, createPrimitiveComponent, createPrimitiveElement, createSlotComponent, useComposedRef, useEffectOnce, useIsomorphicLayoutEffect, useMemoizedSelector, useOnClickOutside, useStableFn, useStableMemo, withProviders, withRef };

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts","../src/createSlotComponent.tsx","../src/Box.tsx","../src/MemoizedChildren.tsx","../src/PortalBody.tsx","../src/Text.tsx","../src/composeEventHandlers.ts","../src/createPrimitiveComponent.tsx","../src/useComposedRef.ts","../src/createPrimitiveElement.tsx","../src/useEffectOnce.ts","../src/useIsomorphicLayoutEffect.ts","../src/useMemoizedSelector.ts","../src/useOnClickOutside.ts","../src/useStableFn.ts","../src/useStableMemo.ts","../src/withProviders.tsx","../src/withRef.tsx"],"sourcesContent":["/**\n * @file Automatically generated by barrelsby.\n */\n\nexport * from './Box';\nexport * from './MemoizedChildren';\nexport * from './PortalBody';\nexport * from './Text';\nexport * from './composeEventHandlers';\nexport * from './createPrimitiveComponent';\nexport * from './createPrimitiveElement';\nexport * from './createSlotComponent';\nexport * from './useComposedRef';\nexport * from './useEffectOnce';\nexport * from './useIsomorphicLayoutEffect';\nexport * from './useMemoizedSelector';\nexport * from './useOnClickOutside';\nexport * from './useStableFn';\nexport * from './useStableMemo';\nexport * from './withProviders';\nexport * from './withRef';\n","import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nexport const createSlotComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) =>\n  React.forwardRef<\n    any,\n    {\n      as?: React.ElementType;\n      asChild?: boolean;\n    } & P\n  >(({ as, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : (as as T) || element;\n\n    return <Comp ref={ref} {...props} />;\n  });\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Box = createSlotComponent('div');\n\nexport type BoxProps = React.ComponentPropsWithRef<typeof Box>;\n","import React from 'react';\n\nexport const MemoizedChildren = React.memo(\n  ({ children }: { children: React.ReactNode }) => <>{children}</>\n);\n","import type React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport type PortalBodyProps = { children: React.ReactNode; element?: Element };\n\nexport const PortalBody: ({\n  children,\n  element,\n}: PortalBodyProps) => React.ReactPortal = ({\n  children,\n  element,\n}: PortalBodyProps) => {\n  const container =\n    element || typeof window !== 'undefined' ? document.body : undefined;\n\n  if (!container) return children as any;\n\n  return ReactDOM.createPortal(children, element || document.body);\n};\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Text = createSlotComponent('span');\n\nexport type TextProps = React.ComponentPropsWithRef<typeof Text>;\n","/** @see https://github.com/radix-ui/primitives/blob/b324ec2d7ddf13a2a115cb5b11478e24d2f45b87/packages/core/primitive/src/primitive.tsx#L1 */\nexport const composeEventHandlers =\n  <E>(\n    originalEventHandler?: (event: E) => void,\n    ourEventHandler?: (event: E) => void,\n    { checkForDefaultPrevented = true } = {}\n  ) =>\n  (event: E) => {\n    originalEventHandler?.(event);\n\n    if (\n      checkForDefaultPrevented === false ||\n      !(event as unknown as Event).defaultPrevented\n    ) {\n      return ourEventHandler?.(event);\n    }\n  };\n","import { isDefined } from '@udecode/utils';\nimport { clsx } from 'clsx';\nimport React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\nimport { useComposedRef } from './useComposedRef';\n\n/**\n * Primitive component factory. It uses hooks for managing state and props, and\n * forwards references to child components. Component props:\n *\n * - `asChild`: If true, the component will be rendered as a `Slot`\n *   {@link https://www.radix-ui.com/docs/primitives/utilities/slot}.\n * - `options`: Options passed to the state hook.\n * - `state`: Provide your state instead of using the state hook.\n * - `className`: Class name to be merged to the component.\n * - `style`: Style object to be merged to the component.\n * - `setProps`: Function to set props from the props hook.\n * - `...props`: Props to be passed to the component. Props hook return value:\n * - `ref`: Reference to be forwarded to the component.\n * - `props`: Props to be passed to the component.\n * - `hidden`: If true, the component will not be rendered.\n *\n * @example\n *   const MyButton = createPrimitiveComponent(Button)({\n *     stateHook: useButtonState,\n *     propsHook: useButton,\n *   });\n *\n * @param {React.ElementType} element The base component or native HTML element.\n * @returns {function} A primitive component.\n */\nexport const createPrimitiveComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) => {\n  const Comp = createSlotComponent<T, P>(element);\n\n  return <SH extends (options: any) => any, PH extends (state: any) => any>({\n    propsHook,\n    stateHook,\n  }: {\n    propsHook?: PH;\n    stateHook?: SH;\n  } = {}) =>\n    React.forwardRef<\n      any,\n      {\n        as?: React.ElementType;\n        asChild?: boolean;\n        className?: string;\n        options?: Parameters<SH>[0];\n        state?: Parameters<PH>[0];\n        style?: React.CSSProperties;\n        setProps?: (hookProps: NonNullable<ReturnType<PH>['props']>) => P;\n      } & P\n    >(\n      (\n        {\n          asChild,\n          className: classNameProp,\n          getClassName,\n          options,\n          state: stateProp,\n          ...props\n        },\n        ref\n      ) => {\n        const state = isDefined(stateProp)\n          ? stateProp\n          : stateHook\n            ? stateHook(options as any)\n            : undefined;\n        const {\n          hidden,\n          props: hookProps,\n          ref: hookRef,\n        } = propsHook\n          ? propsHook(state)\n          : { hidden: false, props: {}, ref: null };\n\n        const _ref = useComposedRef(ref, hookRef);\n        const className =\n          isDefined(hookProps?.className) || isDefined(classNameProp)\n            ? clsx(hookProps?.className, classNameProp)\n            : undefined;\n        const style =\n          hookProps?.style || props.style\n            ? { ...hookProps?.style, ...props.style }\n            : undefined;\n\n        if (!asChild && hidden) return null;\n\n        return (\n          <Comp\n            asChild={asChild}\n            ref={_ref}\n            {...hookProps}\n            className={className}\n            style={style}\n            {...props}\n            {...(props.setProps?.(hookProps ?? {}) ?? {})}\n          />\n        );\n      }\n    );\n};\n","import React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value This utility takes care of different types\n * of refs: callback refs and React.RefObject(s)\n */\nconst setRef = <T>(ref: PossibleRef<T>, value: T) => {\n  if (typeof ref === 'function') {\n    return ref(value);\n  }\n  if (ref !== null && ref !== undefined) {\n    (ref as React.RefObject<T>).current = value;\n  }\n};\n\n/**\n * A utility to compose multiple refs together Accepts callback refs and\n * React.RefObject(s)\n */\nexport const composeRefs =\n  <T>(...refs: PossibleRef<T>[]) =>\n  (node: T) => {\n    const cleanups: ((() => void) | undefined)[] = [];\n\n    refs.forEach((ref) => {\n      const cleanup = setRef(ref, node);\n      if (typeof cleanup === 'function') {\n        cleanups.push(cleanup);\n      }\n    });\n\n    // Return a cleanup function if any refs returned cleanup functions\n    if (cleanups.length > 0) {\n      return () => {\n        for (const cleanup of cleanups) {\n          cleanup?.();\n        }\n      };\n    }\n  };\n\n/**\n * A custom hook that composes multiple refs Accepts callback refs and\n * React.RefObject(s)\n */\nexport const useComposedRef = <T>(...refs: PossibleRef<T>[]) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n};\n","import React, { type JSX } from 'react';\n\nexport function createPrimitiveElement<T extends keyof HTMLElementTagNameMap>(\n  tag: T\n) {\n  return React.forwardRef<HTMLElementTagNameMap[T], JSX.IntrinsicElements[T]>(\n    function CreateComponent(props, ref) {\n      return React.createElement(tag, { ...props, ref });\n    }\n  );\n}\n","import React from 'react';\n\nexport function useEffectOnce(\n  effect: React.EffectCallback,\n  deps: React.DependencyList\n) {\n  const initialized = React.useRef(false);\n  const prevDepsRef = React.useRef(deps);\n\n  React.useEffect(() => {\n    const depsChanged = deps.some((dep, i) => dep !== prevDepsRef.current[i]);\n\n    if (!initialized.current || depsChanged) {\n      initialized.current = true;\n      prevDepsRef.current = deps;\n      effect();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n}\n","import React from 'react';\n\nexport const CAN_USE_DOM =\n  typeof window !== 'undefined' && window.document?.createElement !== undefined;\n\n/**\n * Prevent warning on SSR by falling back to React.useEffect when DOM isn't\n * available\n */\nexport const useIsomorphicLayoutEffect = CAN_USE_DOM\n  ? React.useLayoutEffect\n  : React.useEffect;\n","import React from 'react';\n\n/**\n * Re-render only when the selector result changes.\n *\n * @param selector A function that derives a value from deps\n * @param deps Dependencies on which to run the selector\n * @param equalityFn Optional comparison function to detect changes in the\n *   derived value\n */\nexport function useMemoizedSelector<R>(\n  selector: () => R,\n  deps: React.DependencyList,\n  equalityFn: (a: R, b: R) => boolean = (a, b) => a === b\n) {\n  // Initialize our state with the initial \"selected\" value.\n  const [memoizedValue, setMemoizedValue] = React.useState<R>(() => selector());\n\n  // Keep a ref of the previous value so we can compare in an effect.\n  const previousValueRef = React.useRef<R>(memoizedValue);\n\n  React.useEffect(() => {\n    // Compute a new value by calling the selector.\n    const newValue = selector();\n\n    // If different, update state and the ref.\n    if (!equalityFn(previousValueRef.current, newValue)) {\n      setMemoizedValue(newValue);\n      previousValueRef.current = newValue;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return memoizedValue;\n}\n","import React from 'react';\n\nconst canUsePassiveEvents = (): boolean => {\n  if (\n    typeof window === 'undefined' ||\n    typeof window.addEventListener !== 'function'\n  )\n    return false;\n\n  let passive = false;\n  const options = Object.defineProperty({}, 'passive', {\n    get() {\n      passive = true;\n    },\n  });\n  const noop = () => null;\n\n  window.addEventListener('test', noop, options);\n  window.removeEventListener('test', noop, options);\n\n  return passive;\n};\n\nexport const DEFAULT_IGNORE_CLASS = 'ignore-onclickoutside';\n\nexport type UseOnClickOutsideCallback<T extends Event = Event> = (\n  event: T\n) => void;\n\nexport type UseOnClickOutsideOptions = {\n  detectIFrame?: boolean;\n  disabled?: boolean;\n  eventTypes?: string[];\n  excludeScrollbar?: boolean;\n  ignoreClass?: string[] | string;\n  refs?: Refs;\n};\n\nexport type UseOnClickOutsideReturn = (element: El | null) => void;\n\ntype El = HTMLElement;\n\ntype Refs = React.RefObject<El | null>[];\n\nconst checkClass = (el: HTMLElement, cl: string): boolean =>\n  el.classList?.contains(cl);\n\nconst hasIgnoreClass = (e: any, ignoreClass: string[] | string): boolean => {\n  let el = e.target || e;\n\n  while (el) {\n    if (Array.isArray(ignoreClass)) {\n      if (ignoreClass.some((c) => checkClass(el, c))) return true;\n    } else if (checkClass(el, ignoreClass)) {\n      return true;\n    }\n\n    el = el.parentElement;\n  }\n\n  return false;\n};\n\nconst clickedOnScrollbar = (e: MouseEvent): boolean =>\n  document.documentElement.clientWidth <= e.clientX ||\n  document.documentElement.clientHeight <= e.clientY;\n\nconst getEventOptions = (type: string): { passive: boolean } | boolean =>\n  type.includes('touch') && canUsePassiveEvents() ? { passive: true } : false;\n\nexport const useOnClickOutside = (\n  callback: UseOnClickOutsideCallback,\n  {\n    detectIFrame = true,\n    disabled,\n    eventTypes = ['mousedown', 'touchstart'],\n    excludeScrollbar,\n    ignoreClass = DEFAULT_IGNORE_CLASS,\n    refs: refsOpt,\n  }: UseOnClickOutsideOptions = {}\n): UseOnClickOutsideReturn => {\n  const [refsState, setRefsState] = React.useState<Refs>([]);\n  const callbackRef = React.useRef(callback);\n  callbackRef.current = callback;\n\n  const ref: UseOnClickOutsideReturn = React.useCallback(\n    (el) => setRefsState((prevState) => [...prevState, { current: el }]),\n    []\n  );\n\n  React.useEffect(\n    () => {\n      if (!refsOpt?.length && refsState.length === 0) return;\n\n      const getEls = () => {\n        const els: El[] = [];\n        for (const { current } of refsOpt || refsState) {\n          if (current) {\n            els.push(current);\n          }\n        }\n\n        return els;\n      };\n\n      const handler = (e: any) => {\n        if (\n          !hasIgnoreClass(e, ignoreClass) &&\n          !(excludeScrollbar && clickedOnScrollbar(e)) &&\n          getEls().every((el) => !el.contains(e.target))\n        )\n          callbackRef.current(e);\n      };\n\n      const blurHandler = (e: FocusEvent) =>\n        // On firefox the iframe becomes document.activeElement in the next event loop\n        setTimeout(() => {\n          const { activeElement } = document;\n\n          if (\n            activeElement?.tagName === 'IFRAME' &&\n            !hasIgnoreClass(activeElement, ignoreClass) &&\n            !getEls().includes(activeElement as HTMLIFrameElement)\n          )\n            callbackRef.current(e);\n        }, 0);\n\n      const removeEventListener = () => {\n        for (const type of eventTypes) {\n          document.removeEventListener(\n            type,\n            handler,\n            getEventOptions(type) as any\n          );\n        }\n\n        if (detectIFrame) window.removeEventListener('blur', blurHandler);\n      };\n\n      if (disabled) {\n        removeEventListener();\n\n        return;\n      }\n\n      for (const type of eventTypes) {\n        document.addEventListener(type, handler, getEventOptions(type));\n      }\n\n      if (detectIFrame) window.addEventListener('blur', blurHandler);\n\n      return () => removeEventListener();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      refsState,\n      ignoreClass,\n      excludeScrollbar,\n      disabled,\n      detectIFrame,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      JSON.stringify(eventTypes),\n    ]\n  );\n\n  return ref;\n};\n","import React, { type DependencyList } from 'react';\n\n/**\n * Create a stable version of a function that can be used in dependency arrays\n * without causing hooks like useEffect to re-run if the function changes.\n * Calling the returned function always calls the most recent version of the\n * function that was passed to useStableFn.\n *\n * If you do want the function to be replaced when certain dependency values\n * change, include those values in the dependency array of useStableFn.\n */\nexport const useStableFn = <A extends unknown[], R>(\n  fn: (...args: A) => R,\n  deps: DependencyList = []\n) => {\n  const fnRef = React.useRef(fn);\n  fnRef.current = fn;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback((...args: A) => fnRef.current(...args), deps);\n};\n","import React from 'react';\n\nexport const useStableMemo = <T>(\n  producer: () => T,\n  deps?: React.DependencyList\n): T => {\n  const [value, setValue] = React.useState(producer);\n\n  React.useLayoutEffect(() => {\n    setValue(producer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return value;\n};\n","/** biome-ignore-all lint/correctness/useJsxKeyInIterable: biome */\nimport React from 'react';\n\n/**\n * Wrap a component into multiple providers. If there are any props that you\n * want a provider to receive, you can simply pass an array.\n */\nexport const withProviders =\n  (...providers: any[]) =>\n  <T,>(WrappedComponent: React.FC<T>) =>\n  (props: T) =>\n    providers.reduceRight(\n      (acc, prov) => {\n        let Provider = prov;\n\n        if (Array.isArray(prov)) {\n          [Provider] = prov;\n\n          return <Provider {...prov[1]}>{acc}</Provider>;\n        }\n\n        return <Provider>{acc}</Provider>;\n      },\n      <WrappedComponent {...(props as any)} />\n    );\n","import React, { type JSX } from 'react';\n\ntype ElementType<P = any> =\n  | React.ComponentType<P>\n  | {\n      [K in keyof JSX.IntrinsicElements]: P extends JSX.IntrinsicElements[K]\n        ? K\n        : never;\n    }[keyof JSX.IntrinsicElements];\n\ntype ForwardRefComponent<T, P = {}> = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<P> & React.RefAttributes<T>\n>;\n\ntype InferElementRef<T> = T extends ElementType<any>\n  ? T extends keyof JSX.IntrinsicElements\n    ? JSX.IntrinsicElements[T] extends React.DetailedHTMLProps<\n        React.HTMLAttributes<infer R>,\n        any\n      >\n      ? R\n      : never\n    : T extends React.ComponentType<any>\n      ? T extends React.ComponentClass<any>\n        ? InstanceType<T>\n        : T extends React.ForwardRefExoticComponent<any>\n          ? React.ComponentPropsWithRef<T>['ref'] extends React.Ref<infer R>\n            ? R\n            : never\n          : never\n      : never\n  : never;\n\n/**\n * Shorter alternative to `React.forwardRef`.\n *\n * @generic1 Component type or element type\n * @generic2 Extended prop types\n */\nexport function withRef<T extends ElementType, P = {}>(\n  renderFunction: React.ForwardRefRenderFunction<\n    InferElementRef<T>,\n    React.ComponentPropsWithoutRef<T> & P\n  >\n): ForwardRefComponent<\n  InferElementRef<T>,\n  React.ComponentPropsWithoutRef<T> & P\n> {\n  return React.forwardRef(renderFunction as any) as any;\n}\n"],"mappings":"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","names":["React","import_react","React","ReactDOM","import_react","import_react","React","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React","import_react","React"]}

package/dist/index.mjs

@@ -1,325 +0,0 @@
-// src/createSlotComponent.tsx
-import { Slot } from "@radix-ui/react-slot";
-import React from "react";
-var createSlotComponent = (element) => React.forwardRef(({ as, asChild = false, ...props }, ref) => {
-  const Comp = asChild ? Slot : as || element;
-  return /* @__PURE__ */ React.createElement(Comp, { ref, ...props });
-});
-
-// src/Box.tsx
-var Box = createSlotComponent("div");
-
-// src/MemoizedChildren.tsx
-import React2 from "react";
-var MemoizedChildren = React2.memo(
-  ({ children }) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, children)
-);
-
-// src/PortalBody.tsx
-import ReactDOM from "react-dom";
-var PortalBody = ({
-  children,
-  element
-}) => {
-  const container = element || typeof window !== "undefined" ? document.body : void 0;
-  if (!container) return children;
-  return ReactDOM.createPortal(children, element || document.body);
-};
-
-// src/Text.tsx
-var Text = createSlotComponent("span");
-
-// src/composeEventHandlers.ts
-var composeEventHandlers = (originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) => (event) => {
-  originalEventHandler?.(event);
-  if (checkForDefaultPrevented === false || !event.defaultPrevented) {
-    return ourEventHandler?.(event);
-  }
-};
-
-// src/createPrimitiveComponent.tsx
-import { isDefined } from "@udecode/utils";
-import { clsx } from "clsx";
-import React4 from "react";
-
-// src/useComposedRef.ts
-import React3 from "react";
-var setRef = (ref, value) => {
-  if (typeof ref === "function") {
-    return ref(value);
-  }
-  if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-};
-var composeRefs = (...refs) => (node) => {
-  const cleanups = [];
-  refs.forEach((ref) => {
-    const cleanup = setRef(ref, node);
-    if (typeof cleanup === "function") {
-      cleanups.push(cleanup);
-    }
-  });
-  if (cleanups.length > 0) {
-    return () => {
-      for (const cleanup of cleanups) {
-        cleanup?.();
-      }
-    };
-  }
-};
-var useComposedRef = (...refs) => {
-  return React3.useCallback(composeRefs(...refs), refs);
-};
-
-// src/createPrimitiveComponent.tsx
-var createPrimitiveComponent = (element) => {
-  const Comp = createSlotComponent(element);
-  return ({
-    propsHook,
-    stateHook
-  } = {}) => React4.forwardRef(
-    ({
-      asChild,
-      className: classNameProp,
-      getClassName,
-      options,
-      state: stateProp,
-      ...props
-    }, ref) => {
-      const state = isDefined(stateProp) ? stateProp : stateHook ? stateHook(options) : void 0;
-      const {
-        hidden,
-        props: hookProps,
-        ref: hookRef
-      } = propsHook ? propsHook(state) : { hidden: false, props: {}, ref: null };
-      const _ref = useComposedRef(ref, hookRef);
-      const className = isDefined(hookProps?.className) || isDefined(classNameProp) ? clsx(hookProps?.className, classNameProp) : void 0;
-      const style = hookProps?.style || props.style ? { ...hookProps?.style, ...props.style } : void 0;
-      if (!asChild && hidden) return null;
-      return /* @__PURE__ */ React4.createElement(
-        Comp,
-        {
-          asChild,
-          ref: _ref,
-          ...hookProps,
-          className,
-          style,
-          ...props,
-          ...props.setProps?.(hookProps ?? {}) ?? {}
-        }
-      );
-    }
-  );
-};
-
-// src/createPrimitiveElement.tsx
-import React5 from "react";
-function createPrimitiveElement(tag) {
-  return React5.forwardRef(
-    function CreateComponent(props, ref) {
-      return React5.createElement(tag, { ...props, ref });
-    }
-  );
-}
-
-// src/useEffectOnce.ts
-import React6 from "react";
-function useEffectOnce(effect, deps) {
-  const initialized = React6.useRef(false);
-  const prevDepsRef = React6.useRef(deps);
-  React6.useEffect(() => {
-    const depsChanged = deps.some((dep, i) => dep !== prevDepsRef.current[i]);
-    if (!initialized.current || depsChanged) {
-      initialized.current = true;
-      prevDepsRef.current = deps;
-      effect();
-    }
-  }, deps);
-}
-
-// src/useIsomorphicLayoutEffect.ts
-import React7 from "react";
-var CAN_USE_DOM = typeof window !== "undefined" && window.document?.createElement !== void 0;
-var useIsomorphicLayoutEffect = CAN_USE_DOM ? React7.useLayoutEffect : React7.useEffect;
-
-// src/useMemoizedSelector.ts
-import React8 from "react";
-function useMemoizedSelector(selector, deps, equalityFn = (a, b) => a === b) {
-  const [memoizedValue, setMemoizedValue] = React8.useState(() => selector());
-  const previousValueRef = React8.useRef(memoizedValue);
-  React8.useEffect(() => {
-    const newValue = selector();
-    if (!equalityFn(previousValueRef.current, newValue)) {
-      setMemoizedValue(newValue);
-      previousValueRef.current = newValue;
-    }
-  }, deps);
-  return memoizedValue;
-}
-
-// src/useOnClickOutside.ts
-import React9 from "react";
-var canUsePassiveEvents = () => {
-  if (typeof window === "undefined" || typeof window.addEventListener !== "function")
-    return false;
-  let passive = false;
-  const options = Object.defineProperty({}, "passive", {
-    get() {
-      passive = true;
-    }
-  });
-  const noop = () => null;
-  window.addEventListener("test", noop, options);
-  window.removeEventListener("test", noop, options);
-  return passive;
-};
-var DEFAULT_IGNORE_CLASS = "ignore-onclickoutside";
-var checkClass = (el, cl) => el.classList?.contains(cl);
-var hasIgnoreClass = (e, ignoreClass) => {
-  let el = e.target || e;
-  while (el) {
-    if (Array.isArray(ignoreClass)) {
-      if (ignoreClass.some((c) => checkClass(el, c))) return true;
-    } else if (checkClass(el, ignoreClass)) {
-      return true;
-    }
-    el = el.parentElement;
-  }
-  return false;
-};
-var clickedOnScrollbar = (e) => document.documentElement.clientWidth <= e.clientX || document.documentElement.clientHeight <= e.clientY;
-var getEventOptions = (type) => type.includes("touch") && canUsePassiveEvents() ? { passive: true } : false;
-var useOnClickOutside = (callback, {
-  detectIFrame = true,
-  disabled,
-  eventTypes = ["mousedown", "touchstart"],
-  excludeScrollbar,
-  ignoreClass = DEFAULT_IGNORE_CLASS,
-  refs: refsOpt
-} = {}) => {
-  const [refsState, setRefsState] = React9.useState([]);
-  const callbackRef = React9.useRef(callback);
-  callbackRef.current = callback;
-  const ref = React9.useCallback(
-    (el) => setRefsState((prevState) => [...prevState, { current: el }]),
-    []
-  );
-  React9.useEffect(
-    () => {
-      if (!refsOpt?.length && refsState.length === 0) return;
-      const getEls = () => {
-        const els = [];
-        for (const { current } of refsOpt || refsState) {
-          if (current) {
-            els.push(current);
-          }
-        }
-        return els;
-      };
-      const handler = (e) => {
-        if (!hasIgnoreClass(e, ignoreClass) && !(excludeScrollbar && clickedOnScrollbar(e)) && getEls().every((el) => !el.contains(e.target)))
-          callbackRef.current(e);
-      };
-      const blurHandler = (e) => (
-        // On firefox the iframe becomes document.activeElement in the next event loop
-        setTimeout(() => {
-          const { activeElement } = document;
-          if (activeElement?.tagName === "IFRAME" && !hasIgnoreClass(activeElement, ignoreClass) && !getEls().includes(activeElement))
-            callbackRef.current(e);
-        }, 0)
-      );
-      const removeEventListener = () => {
-        for (const type of eventTypes) {
-          document.removeEventListener(
-            type,
-            handler,
-            getEventOptions(type)
-          );
-        }
-        if (detectIFrame) window.removeEventListener("blur", blurHandler);
-      };
-      if (disabled) {
-        removeEventListener();
-        return;
-      }
-      for (const type of eventTypes) {
-        document.addEventListener(type, handler, getEventOptions(type));
-      }
-      if (detectIFrame) window.addEventListener("blur", blurHandler);
-      return () => removeEventListener();
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      refsState,
-      ignoreClass,
-      excludeScrollbar,
-      disabled,
-      detectIFrame,
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(eventTypes)
-    ]
-  );
-  return ref;
-};
-
-// src/useStableFn.ts
-import React10 from "react";
-var useStableFn = (fn, deps = []) => {
-  const fnRef = React10.useRef(fn);
-  fnRef.current = fn;
-  return React10.useCallback((...args) => fnRef.current(...args), deps);
-};
-
-// src/useStableMemo.ts
-import React11 from "react";
-var useStableMemo = (producer, deps) => {
-  const [value, setValue] = React11.useState(producer);
-  React11.useLayoutEffect(() => {
-    setValue(producer);
-  }, deps);
-  return value;
-};
-
-// src/withProviders.tsx
-import React12 from "react";
-var withProviders = (...providers) => (WrappedComponent) => (props) => providers.reduceRight(
-  (acc, prov) => {
-    let Provider = prov;
-    if (Array.isArray(prov)) {
-      [Provider] = prov;
-      return /* @__PURE__ */ React12.createElement(Provider, { ...prov[1] }, acc);
-    }
-    return /* @__PURE__ */ React12.createElement(Provider, null, acc);
-  },
-  /* @__PURE__ */ React12.createElement(WrappedComponent, { ...props })
-);
-
-// src/withRef.tsx
-import React13 from "react";
-function withRef(renderFunction) {
-  return React13.forwardRef(renderFunction);
-}
-export {
-  Box,
-  CAN_USE_DOM,
-  DEFAULT_IGNORE_CLASS,
-  MemoizedChildren,
-  PortalBody,
-  Text,
-  composeEventHandlers,
-  composeRefs,
-  createPrimitiveComponent,
-  createPrimitiveElement,
-  createSlotComponent,
-  useComposedRef,
-  useEffectOnce,
-  useIsomorphicLayoutEffect,
-  useMemoizedSelector,
-  useOnClickOutside,
-  useStableFn,
-  useStableMemo,
-  withProviders,
-  withRef
-};
-//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/createSlotComponent.tsx","../src/Box.tsx","../src/MemoizedChildren.tsx","../src/PortalBody.tsx","../src/Text.tsx","../src/composeEventHandlers.ts","../src/createPrimitiveComponent.tsx","../src/useComposedRef.ts","../src/createPrimitiveElement.tsx","../src/useEffectOnce.ts","../src/useIsomorphicLayoutEffect.ts","../src/useMemoizedSelector.ts","../src/useOnClickOutside.ts","../src/useStableFn.ts","../src/useStableMemo.ts","../src/withProviders.tsx","../src/withRef.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nexport const createSlotComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) =>\n  React.forwardRef<\n    any,\n    {\n      as?: React.ElementType;\n      asChild?: boolean;\n    } & P\n  >(({ as, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : (as as T) || element;\n\n    return <Comp ref={ref} {...props} />;\n  });\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Box = createSlotComponent('div');\n\nexport type BoxProps = React.ComponentPropsWithRef<typeof Box>;\n","import React from 'react';\n\nexport const MemoizedChildren = React.memo(\n  ({ children }: { children: React.ReactNode }) => <>{children}</>\n);\n","import type React from 'react';\nimport ReactDOM from 'react-dom';\n\nexport type PortalBodyProps = { children: React.ReactNode; element?: Element };\n\nexport const PortalBody: ({\n  children,\n  element,\n}: PortalBodyProps) => React.ReactPortal = ({\n  children,\n  element,\n}: PortalBodyProps) => {\n  const container =\n    element || typeof window !== 'undefined' ? document.body : undefined;\n\n  if (!container) return children as any;\n\n  return ReactDOM.createPortal(children, element || document.body);\n};\n","import type React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\n\nexport const Text = createSlotComponent('span');\n\nexport type TextProps = React.ComponentPropsWithRef<typeof Text>;\n","/** @see https://github.com/radix-ui/primitives/blob/b324ec2d7ddf13a2a115cb5b11478e24d2f45b87/packages/core/primitive/src/primitive.tsx#L1 */\nexport const composeEventHandlers =\n  <E>(\n    originalEventHandler?: (event: E) => void,\n    ourEventHandler?: (event: E) => void,\n    { checkForDefaultPrevented = true } = {}\n  ) =>\n  (event: E) => {\n    originalEventHandler?.(event);\n\n    if (\n      checkForDefaultPrevented === false ||\n      !(event as unknown as Event).defaultPrevented\n    ) {\n      return ourEventHandler?.(event);\n    }\n  };\n","import { isDefined } from '@udecode/utils';\nimport { clsx } from 'clsx';\nimport React from 'react';\n\nimport { createSlotComponent } from './createSlotComponent';\nimport { useComposedRef } from './useComposedRef';\n\n/**\n * Primitive component factory. It uses hooks for managing state and props, and\n * forwards references to child components. Component props:\n *\n * - `asChild`: If true, the component will be rendered as a `Slot`\n *   {@link https://www.radix-ui.com/docs/primitives/utilities/slot}.\n * - `options`: Options passed to the state hook.\n * - `state`: Provide your state instead of using the state hook.\n * - `className`: Class name to be merged to the component.\n * - `style`: Style object to be merged to the component.\n * - `setProps`: Function to set props from the props hook.\n * - `...props`: Props to be passed to the component. Props hook return value:\n * - `ref`: Reference to be forwarded to the component.\n * - `props`: Props to be passed to the component.\n * - `hidden`: If true, the component will not be rendered.\n *\n * @example\n *   const MyButton = createPrimitiveComponent(Button)({\n *     stateHook: useButtonState,\n *     propsHook: useButton,\n *   });\n *\n * @param {React.ElementType} element The base component or native HTML element.\n * @returns {function} A primitive component.\n */\nexport const createPrimitiveComponent = <\n  T extends React.ElementType,\n  P extends React.ComponentPropsWithoutRef<T>,\n>(\n  element: T\n) => {\n  const Comp = createSlotComponent<T, P>(element);\n\n  return <SH extends (options: any) => any, PH extends (state: any) => any>({\n    propsHook,\n    stateHook,\n  }: {\n    propsHook?: PH;\n    stateHook?: SH;\n  } = {}) =>\n    React.forwardRef<\n      any,\n      {\n        as?: React.ElementType;\n        asChild?: boolean;\n        className?: string;\n        options?: Parameters<SH>[0];\n        state?: Parameters<PH>[0];\n        style?: React.CSSProperties;\n        setProps?: (hookProps: NonNullable<ReturnType<PH>['props']>) => P;\n      } & P\n    >(\n      (\n        {\n          asChild,\n          className: classNameProp,\n          getClassName,\n          options,\n          state: stateProp,\n          ...props\n        },\n        ref\n      ) => {\n        const state = isDefined(stateProp)\n          ? stateProp\n          : stateHook\n            ? stateHook(options as any)\n            : undefined;\n        const {\n          hidden,\n          props: hookProps,\n          ref: hookRef,\n        } = propsHook\n          ? propsHook(state)\n          : { hidden: false, props: {}, ref: null };\n\n        const _ref = useComposedRef(ref, hookRef);\n        const className =\n          isDefined(hookProps?.className) || isDefined(classNameProp)\n            ? clsx(hookProps?.className, classNameProp)\n            : undefined;\n        const style =\n          hookProps?.style || props.style\n            ? { ...hookProps?.style, ...props.style }\n            : undefined;\n\n        if (!asChild && hidden) return null;\n\n        return (\n          <Comp\n            asChild={asChild}\n            ref={_ref}\n            {...hookProps}\n            className={className}\n            style={style}\n            {...props}\n            {...(props.setProps?.(hookProps ?? {}) ?? {})}\n          />\n        );\n      }\n    );\n};\n","import React from 'react';\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\n/**\n * Set a given ref to a given value This utility takes care of different types\n * of refs: callback refs and React.RefObject(s)\n */\nconst setRef = <T>(ref: PossibleRef<T>, value: T) => {\n  if (typeof ref === 'function') {\n    return ref(value);\n  }\n  if (ref !== null && ref !== undefined) {\n    (ref as React.RefObject<T>).current = value;\n  }\n};\n\n/**\n * A utility to compose multiple refs together Accepts callback refs and\n * React.RefObject(s)\n */\nexport const composeRefs =\n  <T>(...refs: PossibleRef<T>[]) =>\n  (node: T) => {\n    const cleanups: ((() => void) | undefined)[] = [];\n\n    refs.forEach((ref) => {\n      const cleanup = setRef(ref, node);\n      if (typeof cleanup === 'function') {\n        cleanups.push(cleanup);\n      }\n    });\n\n    // Return a cleanup function if any refs returned cleanup functions\n    if (cleanups.length > 0) {\n      return () => {\n        for (const cleanup of cleanups) {\n          cleanup?.();\n        }\n      };\n    }\n  };\n\n/**\n * A custom hook that composes multiple refs Accepts callback refs and\n * React.RefObject(s)\n */\nexport const useComposedRef = <T>(...refs: PossibleRef<T>[]) => {\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(composeRefs(...refs), refs);\n};\n","import React, { type JSX } from 'react';\n\nexport function createPrimitiveElement<T extends keyof HTMLElementTagNameMap>(\n  tag: T\n) {\n  return React.forwardRef<HTMLElementTagNameMap[T], JSX.IntrinsicElements[T]>(\n    function CreateComponent(props, ref) {\n      return React.createElement(tag, { ...props, ref });\n    }\n  );\n}\n","import React from 'react';\n\nexport function useEffectOnce(\n  effect: React.EffectCallback,\n  deps: React.DependencyList\n) {\n  const initialized = React.useRef(false);\n  const prevDepsRef = React.useRef(deps);\n\n  React.useEffect(() => {\n    const depsChanged = deps.some((dep, i) => dep !== prevDepsRef.current[i]);\n\n    if (!initialized.current || depsChanged) {\n      initialized.current = true;\n      prevDepsRef.current = deps;\n      effect();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n}\n","import React from 'react';\n\nexport const CAN_USE_DOM =\n  typeof window !== 'undefined' && window.document?.createElement !== undefined;\n\n/**\n * Prevent warning on SSR by falling back to React.useEffect when DOM isn't\n * available\n */\nexport const useIsomorphicLayoutEffect = CAN_USE_DOM\n  ? React.useLayoutEffect\n  : React.useEffect;\n","import React from 'react';\n\n/**\n * Re-render only when the selector result changes.\n *\n * @param selector A function that derives a value from deps\n * @param deps Dependencies on which to run the selector\n * @param equalityFn Optional comparison function to detect changes in the\n *   derived value\n */\nexport function useMemoizedSelector<R>(\n  selector: () => R,\n  deps: React.DependencyList,\n  equalityFn: (a: R, b: R) => boolean = (a, b) => a === b\n) {\n  // Initialize our state with the initial \"selected\" value.\n  const [memoizedValue, setMemoizedValue] = React.useState<R>(() => selector());\n\n  // Keep a ref of the previous value so we can compare in an effect.\n  const previousValueRef = React.useRef<R>(memoizedValue);\n\n  React.useEffect(() => {\n    // Compute a new value by calling the selector.\n    const newValue = selector();\n\n    // If different, update state and the ref.\n    if (!equalityFn(previousValueRef.current, newValue)) {\n      setMemoizedValue(newValue);\n      previousValueRef.current = newValue;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return memoizedValue;\n}\n","import React from 'react';\n\nconst canUsePassiveEvents = (): boolean => {\n  if (\n    typeof window === 'undefined' ||\n    typeof window.addEventListener !== 'function'\n  )\n    return false;\n\n  let passive = false;\n  const options = Object.defineProperty({}, 'passive', {\n    get() {\n      passive = true;\n    },\n  });\n  const noop = () => null;\n\n  window.addEventListener('test', noop, options);\n  window.removeEventListener('test', noop, options);\n\n  return passive;\n};\n\nexport const DEFAULT_IGNORE_CLASS = 'ignore-onclickoutside';\n\nexport type UseOnClickOutsideCallback<T extends Event = Event> = (\n  event: T\n) => void;\n\nexport type UseOnClickOutsideOptions = {\n  detectIFrame?: boolean;\n  disabled?: boolean;\n  eventTypes?: string[];\n  excludeScrollbar?: boolean;\n  ignoreClass?: string[] | string;\n  refs?: Refs;\n};\n\nexport type UseOnClickOutsideReturn = (element: El | null) => void;\n\ntype El = HTMLElement;\n\ntype Refs = React.RefObject<El | null>[];\n\nconst checkClass = (el: HTMLElement, cl: string): boolean =>\n  el.classList?.contains(cl);\n\nconst hasIgnoreClass = (e: any, ignoreClass: string[] | string): boolean => {\n  let el = e.target || e;\n\n  while (el) {\n    if (Array.isArray(ignoreClass)) {\n      if (ignoreClass.some((c) => checkClass(el, c))) return true;\n    } else if (checkClass(el, ignoreClass)) {\n      return true;\n    }\n\n    el = el.parentElement;\n  }\n\n  return false;\n};\n\nconst clickedOnScrollbar = (e: MouseEvent): boolean =>\n  document.documentElement.clientWidth <= e.clientX ||\n  document.documentElement.clientHeight <= e.clientY;\n\nconst getEventOptions = (type: string): { passive: boolean } | boolean =>\n  type.includes('touch') && canUsePassiveEvents() ? { passive: true } : false;\n\nexport const useOnClickOutside = (\n  callback: UseOnClickOutsideCallback,\n  {\n    detectIFrame = true,\n    disabled,\n    eventTypes = ['mousedown', 'touchstart'],\n    excludeScrollbar,\n    ignoreClass = DEFAULT_IGNORE_CLASS,\n    refs: refsOpt,\n  }: UseOnClickOutsideOptions = {}\n): UseOnClickOutsideReturn => {\n  const [refsState, setRefsState] = React.useState<Refs>([]);\n  const callbackRef = React.useRef(callback);\n  callbackRef.current = callback;\n\n  const ref: UseOnClickOutsideReturn = React.useCallback(\n    (el) => setRefsState((prevState) => [...prevState, { current: el }]),\n    []\n  );\n\n  React.useEffect(\n    () => {\n      if (!refsOpt?.length && refsState.length === 0) return;\n\n      const getEls = () => {\n        const els: El[] = [];\n        for (const { current } of refsOpt || refsState) {\n          if (current) {\n            els.push(current);\n          }\n        }\n\n        return els;\n      };\n\n      const handler = (e: any) => {\n        if (\n          !hasIgnoreClass(e, ignoreClass) &&\n          !(excludeScrollbar && clickedOnScrollbar(e)) &&\n          getEls().every((el) => !el.contains(e.target))\n        )\n          callbackRef.current(e);\n      };\n\n      const blurHandler = (e: FocusEvent) =>\n        // On firefox the iframe becomes document.activeElement in the next event loop\n        setTimeout(() => {\n          const { activeElement } = document;\n\n          if (\n            activeElement?.tagName === 'IFRAME' &&\n            !hasIgnoreClass(activeElement, ignoreClass) &&\n            !getEls().includes(activeElement as HTMLIFrameElement)\n          )\n            callbackRef.current(e);\n        }, 0);\n\n      const removeEventListener = () => {\n        for (const type of eventTypes) {\n          document.removeEventListener(\n            type,\n            handler,\n            getEventOptions(type) as any\n          );\n        }\n\n        if (detectIFrame) window.removeEventListener('blur', blurHandler);\n      };\n\n      if (disabled) {\n        removeEventListener();\n\n        return;\n      }\n\n      for (const type of eventTypes) {\n        document.addEventListener(type, handler, getEventOptions(type));\n      }\n\n      if (detectIFrame) window.addEventListener('blur', blurHandler);\n\n      return () => removeEventListener();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      refsState,\n      ignoreClass,\n      excludeScrollbar,\n      disabled,\n      detectIFrame,\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      JSON.stringify(eventTypes),\n    ]\n  );\n\n  return ref;\n};\n","import React, { type DependencyList } from 'react';\n\n/**\n * Create a stable version of a function that can be used in dependency arrays\n * without causing hooks like useEffect to re-run if the function changes.\n * Calling the returned function always calls the most recent version of the\n * function that was passed to useStableFn.\n *\n * If you do want the function to be replaced when certain dependency values\n * change, include those values in the dependency array of useStableFn.\n */\nexport const useStableFn = <A extends unknown[], R>(\n  fn: (...args: A) => R,\n  deps: DependencyList = []\n) => {\n  const fnRef = React.useRef(fn);\n  fnRef.current = fn;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback((...args: A) => fnRef.current(...args), deps);\n};\n","import React from 'react';\n\nexport const useStableMemo = <T>(\n  producer: () => T,\n  deps?: React.DependencyList\n): T => {\n  const [value, setValue] = React.useState(producer);\n\n  React.useLayoutEffect(() => {\n    setValue(producer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps);\n\n  return value;\n};\n","/** biome-ignore-all lint/correctness/useJsxKeyInIterable: biome */\nimport React from 'react';\n\n/**\n * Wrap a component into multiple providers. If there are any props that you\n * want a provider to receive, you can simply pass an array.\n */\nexport const withProviders =\n  (...providers: any[]) =>\n  <T,>(WrappedComponent: React.FC<T>) =>\n  (props: T) =>\n    providers.reduceRight(\n      (acc, prov) => {\n        let Provider = prov;\n\n        if (Array.isArray(prov)) {\n          [Provider] = prov;\n\n          return <Provider {...prov[1]}>{acc}</Provider>;\n        }\n\n        return <Provider>{acc}</Provider>;\n      },\n      <WrappedComponent {...(props as any)} />\n    );\n","import React, { type JSX } from 'react';\n\ntype ElementType<P = any> =\n  | React.ComponentType<P>\n  | {\n      [K in keyof JSX.IntrinsicElements]: P extends JSX.IntrinsicElements[K]\n        ? K\n        : never;\n    }[keyof JSX.IntrinsicElements];\n\ntype ForwardRefComponent<T, P = {}> = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<P> & React.RefAttributes<T>\n>;\n\ntype InferElementRef<T> = T extends ElementType<any>\n  ? T extends keyof JSX.IntrinsicElements\n    ? JSX.IntrinsicElements[T] extends React.DetailedHTMLProps<\n        React.HTMLAttributes<infer R>,\n        any\n      >\n      ? R\n      : never\n    : T extends React.ComponentType<any>\n      ? T extends React.ComponentClass<any>\n        ? InstanceType<T>\n        : T extends React.ForwardRefExoticComponent<any>\n          ? React.ComponentPropsWithRef<T>['ref'] extends React.Ref<infer R>\n            ? R\n            : never\n          : never\n      : never\n  : never;\n\n/**\n * Shorter alternative to `React.forwardRef`.\n *\n * @generic1 Component type or element type\n * @generic2 Extended prop types\n */\nexport function withRef<T extends ElementType, P = {}>(\n  renderFunction: React.ForwardRefRenderFunction<\n    InferElementRef<T>,\n    React.ComponentPropsWithoutRef<T> & P\n  >\n): ForwardRefComponent<\n  InferElementRef<T>,\n  React.ComponentPropsWithoutRef<T> & P\n> {\n  return React.forwardRef(renderFunction as any) as any;\n}\n"],"mappings":"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","names":["React","React","React","React","React","React","React","React","React","React","React","React","React"]}