@simplybusiness/mobius 5.25.2 → 5.26.0

package/dist/esm/hooks/useBreakpoint/useBreakpoint.js

@@ -1,112 +0,0 @@
-"use client";
-import debounce from "lodash.debounce";
-import { useCallback, useEffect, useState } from "react";
-// Hard code breakpoints for SB designs
-export const DEFAULT_BREAKPOINTS = [
-    {
-        size: "xs",
-        value: 320
-    },
-    {
-        size: "sm",
-        value: 480
-    },
-    {
-        size: "md",
-        value: 670
-    },
-    {
-        size: "lg",
-        value: 960
-    },
-    {
-        size: "xl",
-        value: 1200
-    },
-    {
-        size: "xxl",
-        value: 1320
-    }
-];
-const getBreakpoint = (breakpoints, windowWidth)=>{
-    // When breakpoint size and windowWidth are a match
-    // The addition of 1px ensures the right breakpoint
-    const closest = breakpoints.findIndex((breakpoint)=>breakpoint.value >= windowWidth + 1);
-    const smallest = breakpoints[0];
-    const largest = breakpoints[breakpoints.length - 1];
-    const match = breakpoints[closest - 1];
-    if (closest === 0) return smallest;
-    if (closest === -1) return largest;
-    return match;
-};
-const useBreakpoint = (customBreakpoints)=>{
-    var _globalThis;
-    const window = ((_globalThis = globalThis) === null || _globalThis === void 0 ? void 0 : _globalThis.window) || undefined;
-    const isClientSide = typeof window !== "undefined";
-    const breakpoints = customBreakpoints || DEFAULT_BREAKPOINTS;
-    const defaultBreakpoint = breakpoints[0];
-    const [windowWidth, setWindowWidth] = useState(isClientSide ? window.innerWidth : defaultBreakpoint.value);
-    const [currentBreakpoint, setCurrentBreakpoint] = useState(defaultBreakpoint);
-    const handleResize = ()=>{
-        setWindowWidth(window.innerWidth);
-    };
-    useEffect(()=>{
-        if (!windowWidth || breakpoints.length === 0) {
-            setCurrentBreakpoint(breakpoints[0]);
-            return;
-        }
-        const newBreakpoint = getBreakpoint(breakpoints, windowWidth);
-        // Don't update state if value is the same
-        if (currentBreakpoint.size === (newBreakpoint === null || newBreakpoint === void 0 ? void 0 : newBreakpoint.size)) return;
-        setCurrentBreakpoint(newBreakpoint);
-    }, [
-        currentBreakpoint,
-        windowWidth,
-        breakpoints
-    ]);
-    useEffect(()=>{
-        window.addEventListener("resize", debounce(handleResize, 200), {
-            passive: true
-        });
-        return ()=>window.removeEventListener("resize", handleResize);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        window
-    ]);
-    /**
-   * up(breakpointSize: string) => boolean
-   * Returns true if the current screen width >= breakpoint width
-   */ const up = useCallback((size)=>{
-        const sizeIndex = breakpoints.findIndex((item)=>item.size === size);
-        if (sizeIndex === -1) {
-            return false;
-        }
-        const currentIndex = breakpoints.findIndex((item)=>item.size === currentBreakpoint.size);
-        return currentIndex >= sizeIndex;
-    }, [
-        currentBreakpoint,
-        breakpoints
-    ]);
-    /**
-   * down(breakpointSize: string) => boolean
-   * Returns true if the current screen width <= breakpoint width
-   */ const down = useCallback((size)=>{
-        const sizeIndex = breakpoints.findIndex((item)=>item.size === size);
-        if (sizeIndex === -1) {
-            return true;
-        }
-        const currentIndex = breakpoints.findIndex((item)=>item.size === currentBreakpoint.size);
-        return currentIndex <= sizeIndex;
-    }, [
-        currentBreakpoint,
-        breakpoints
-    ]);
-    return {
-        breakpoint: isClientSide ? currentBreakpoint : defaultBreakpoint,
-        up,
-        down
-    };
-};
-export { useBreakpoint };
-
-//# sourceMappingURL=useBreakpoint.js.map

package/dist/esm/hooks/useBreakpoint/useBreakpoint.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useBreakpoint/useBreakpoint.tsx"],"sourcesContent":["\"use client\";\n\nimport debounce from \"lodash.debounce\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport type { SizeType } from \"../../types\";\n\nexport type Breakpoint = {\n  size: SizeType;\n  value: number;\n};\nexport type BreakpointsType = Breakpoint[];\nexport type UseBreakpointType = {\n  breakpoint: Breakpoint;\n  up: (size: SizeType) => boolean | undefined;\n  down: (size: SizeType) => boolean | undefined;\n};\n\n// Hard code breakpoints for SB designs\nexport const DEFAULT_BREAKPOINTS = [\n  { size: \"xs\", value: 320 },\n  { size: \"sm\", value: 480 },\n  { size: \"md\", value: 670 },\n  { size: \"lg\", value: 960 },\n  { size: \"xl\", value: 1200 },\n  { size: \"xxl\", value: 1320 },\n] as BreakpointsType;\n\nconst getBreakpoint = (breakpoints: BreakpointsType, windowWidth: number) => {\n  // When breakpoint size and windowWidth are a match\n  // The addition of 1px ensures the right breakpoint\n  const closest = breakpoints.findIndex(\n    breakpoint => breakpoint.value >= windowWidth + 1,\n  );\n  const smallest = breakpoints[0];\n  const largest = breakpoints[breakpoints.length - 1];\n  const match = breakpoints[closest - 1];\n\n  if (closest === 0) return smallest;\n  if (closest === -1) return largest;\n\n  return match;\n};\n\nconst useBreakpoint = (\n  customBreakpoints?: BreakpointsType,\n): UseBreakpointType => {\n  const window: Window = globalThis?.window || undefined;\n  const isClientSide = typeof window !== \"undefined\";\n  const breakpoints = customBreakpoints || DEFAULT_BREAKPOINTS;\n  const defaultBreakpoint = breakpoints[0];\n  const [windowWidth, setWindowWidth] = useState<number>(\n    isClientSide ? window.innerWidth : defaultBreakpoint.value,\n  );\n  const [currentBreakpoint, setCurrentBreakpoint] =\n    useState<Breakpoint>(defaultBreakpoint);\n  const handleResize = () => {\n    setWindowWidth(window.innerWidth);\n  };\n\n  useEffect(() => {\n    if (!windowWidth || breakpoints.length === 0) {\n      setCurrentBreakpoint(breakpoints[0]);\n      return;\n    }\n\n    const newBreakpoint = getBreakpoint(breakpoints, windowWidth);\n\n    // Don't update state if value is the same\n    if (currentBreakpoint.size === newBreakpoint?.size) return;\n\n    setCurrentBreakpoint(newBreakpoint);\n  }, [currentBreakpoint, windowWidth, breakpoints]);\n\n  useEffect(() => {\n    window.addEventListener(\"resize\", debounce(handleResize, 200), {\n      passive: true,\n    });\n\n    return () => window.removeEventListener(\"resize\", handleResize);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [window]);\n\n  /**\n   * up(breakpointSize: string) => boolean\n   * Returns true if the current screen width >= breakpoint width\n   */\n  const up = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return false;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex >= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  /**\n   * down(breakpointSize: string) => boolean\n   * Returns true if the current screen width <= breakpoint width\n   */\n  const down = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return true;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex <= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  return {\n    breakpoint: isClientSide ? currentBreakpoint : defaultBreakpoint,\n    up,\n    down,\n  };\n};\n\nexport { useBreakpoint };\n"],"names":["debounce","useCallback","useEffect","useState","DEFAULT_BREAKPOINTS","size","value","getBreakpoint","breakpoints","windowWidth","closest","findIndex","breakpoint","smallest","largest","length","match","useBreakpoint","customBreakpoints","globalThis","window","undefined","isClientSide","defaultBreakpoint","setWindowWidth","innerWidth","currentBreakpoint","setCurrentBreakpoint","handleResize","newBreakpoint","addEventListener","passive","removeEventListener","up","sizeIndex","item","currentIndex","down"],"mappings":"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"}

package/dist/esm/hooks/useButton/index.js

@@ -1,3 +0,0 @@
-export * from "./useButton";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useButton/index.tsx"],"sourcesContent":["export * from \"./useButton\";\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}

package/dist/esm/hooks/useButton/useButton.js

@@ -1,44 +0,0 @@
-import { useCallback } from "react";
-export function useButton({ elementType = "button", type = "button", isDisabled = false, href, target, rel, role, name, value, onClick, onPress }) {
-    const realOnClick = useCallback((event)=>{
-        if (isDisabled) {
-            return;
-        }
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-        onPress === null || onPress === void 0 ? void 0 : onPress(event);
-    }, [
-        isDisabled,
-        onClick,
-        onPress
-    ]);
-    function getRole() {
-        if (role) {
-            return role;
-        }
-        if (elementType === "a") {
-            return undefined;
-        }
-        return "button";
-    }
-    const extraProps = elementType === "button" ? {
-        type
-    } : {
-        role: getRole()
-    };
-    return {
-        buttonProps: {
-            href: elementType === "a" ? href : undefined,
-            target: elementType === "a" ? target : undefined,
-            rel: elementType === "a" ? rel : undefined,
-            tabIndex: isDisabled ? -1 : 0,
-            disabled: isDisabled || undefined,
-            "aria-disabled": isDisabled || undefined,
-            name: elementType === "input" || elementType === "button" ? name : undefined,
-            value: elementType === "input" || elementType === "button" ? value : undefined,
-            ...extraProps,
-            onClick: realOnClick
-        }
-    };
-}
-
-//# sourceMappingURL=useButton.js.map

package/dist/esm/hooks/useButton/useButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useButton/useButton.tsx"],"sourcesContent":["import type { JSXElementConstructor } from \"react\";\nimport { useCallback } from \"react\";\n\nexport interface UseButtonProps {\n  elementType?:\n    | \"button\"\n    | \"a\"\n    | \"span\"\n    | \"input\"\n    | JSXElementConstructor<unknown>\n    | undefined;\n  type?: \"button\" | \"submit\" | \"reset\";\n  isDisabled?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onPress?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  href?: string;\n  target?: string;\n  rel?: string;\n  role?: string;\n  name?: string | undefined;\n  value?: string | undefined;\n}\n\nexport function useButton({\n  elementType = \"button\",\n  type = \"button\",\n  isDisabled = false,\n  href,\n  target,\n  rel,\n  role,\n  name,\n  value,\n  onClick,\n  onPress,\n}: UseButtonProps) {\n  const realOnClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      onClick?.(event);\n      onPress?.(event);\n    },\n    [isDisabled, onClick, onPress],\n  );\n\n  function getRole() {\n    if (role) {\n      return role;\n    }\n\n    if (elementType === \"a\") {\n      return undefined;\n    }\n\n    return \"button\";\n  }\n\n  const extraProps =\n    elementType === \"button\"\n      ? { type }\n      : {\n          role: getRole(),\n        };\n\n  return {\n    buttonProps: {\n      href: elementType === \"a\" ? href : undefined,\n      target: elementType === \"a\" ? target : undefined,\n      rel: elementType === \"a\" ? rel : undefined,\n      tabIndex: isDisabled ? -1 : 0,\n      disabled: isDisabled || undefined,\n      \"aria-disabled\": isDisabled || undefined,\n      name:\n        elementType === \"input\" || elementType === \"button\" ? name : undefined,\n      value:\n        elementType === \"input\" || elementType === \"button\" ? value : undefined,\n      ...extraProps,\n      onClick: realOnClick,\n    },\n  };\n}\n"],"names":["useCallback","useButton","elementType","type","isDisabled","href","target","rel","role","name","value","onClick","onPress","realOnClick","event","getRole","undefined","extraProps","buttonProps","tabIndex","disabled"],"mappings":"AACA,SAASA,WAAW,QAAQ,QAAQ;AAsBpC,OAAO,SAASC,UAAU,EACxBC,cAAc,QAAQ,EACtBC,OAAO,QAAQ,EACfC,aAAa,KAAK,EAClBC,IAAI,EACJC,MAAM,EACNC,GAAG,EACHC,IAAI,EACJC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,OAAO,EACQ;IACf,MAAMC,cAAcb,YAClB,CAACc;QACC,IAAIV,YAAY;YACd;QACF;QAEAO,oBAAAA,8BAAAA,QAAUG;QACVF,oBAAAA,8BAAAA,QAAUE;IACZ,GACA;QAACV;QAAYO;QAASC;KAAQ;IAGhC,SAASG;QACP,IAAIP,MAAM;YACR,OAAOA;QACT;QAEA,IAAIN,gBAAgB,KAAK;YACvB,OAAOc;QACT;QAEA,OAAO;IACT;IAEA,MAAMC,aACJf,gBAAgB,WACZ;QAAEC;IAAK,IACP;QACEK,MAAMO;IACR;IAEN,OAAO;QACLG,aAAa;YACXb,MAAMH,gBAAgB,MAAMG,OAAOW;YACnCV,QAAQJ,gBAAgB,MAAMI,SAASU;YACvCT,KAAKL,gBAAgB,MAAMK,MAAMS;YACjCG,UAAUf,aAAa,CAAC,IAAI;YAC5BgB,UAAUhB,cAAcY;YACxB,iBAAiBZ,cAAcY;YAC/BP,MACEP,gBAAgB,WAAWA,gBAAgB,WAAWO,OAAOO;YAC/DN,OACER,gBAAgB,WAAWA,gBAAgB,WAAWQ,QAAQM;YAChE,GAAGC,UAAU;YACbN,SAASE;QACX;IACF;AACF"}

package/dist/esm/hooks/useDebouncedValue/index.js

@@ -1,3 +0,0 @@
-export * from "./useDebouncedValue";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useDebouncedValue/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useDebouncedValue/index.tsx"],"sourcesContent":["export * from \"./useDebouncedValue\";\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB"}

package/dist/esm/hooks/useDebouncedValue/useDebouncedValue.js

@@ -1,26 +0,0 @@
-import { useEffect, useState } from "react";
-export function useDebouncedValue(value, delay = 0) {
-    const [debouncedValue, setDebouncedValue] = useState(value);
-    useEffect(()=>{
-        let timeout = null;
-        if (delay === 0) {
-            setDebouncedValue(value);
-        } else {
-            timeout = setTimeout(()=>{
-                setDebouncedValue(value);
-            }, delay);
-        }
-        return ()=>{
-            if (timeout) {
-                clearTimeout(timeout);
-                timeout = null;
-            }
-        };
-    }, [
-        value,
-        delay
-    ]);
-    return debouncedValue;
-}
-
-//# sourceMappingURL=useDebouncedValue.js.map

package/dist/esm/hooks/useDebouncedValue/useDebouncedValue.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useDebouncedValue/useDebouncedValue.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport function useDebouncedValue<T>(value: T, delay: number = 0): T {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    let timeout: NodeJS.Timeout | null = null;\n    if (delay === 0) {\n      setDebouncedValue(value);\n    } else {\n      timeout = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n    }\n\n    return () => {\n      if (timeout) {\n        clearTimeout(timeout);\n        timeout = null;\n      }\n    };\n  }, [value, delay]);\n\n  return debouncedValue;\n}\n"],"names":["useEffect","useState","useDebouncedValue","value","delay","debouncedValue","setDebouncedValue","timeout","setTimeout","clearTimeout"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,OAAO,SAASC,kBAAqBC,KAAQ,EAAEC,QAAgB,CAAC;IAC9D,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGL,SAASE;IAErDH,UAAU;QACR,IAAIO,UAAiC;QACrC,IAAIH,UAAU,GAAG;YACfE,kBAAkBH;QACpB,OAAO;YACLI,UAAUC,WAAW;gBACnBF,kBAAkBH;YACpB,GAAGC;QACL;QAEA,OAAO;YACL,IAAIG,SAAS;gBACXE,aAAaF;gBACbA,UAAU;YACZ;QACF;IACF,GAAG;QAACJ;QAAOC;KAAM;IAEjB,OAAOC;AACT"}

package/dist/esm/hooks/useDeprecationWarning/index.js

@@ -1,3 +0,0 @@
-export * from "./useDeprecationWarning";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useDeprecationWarning/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useDeprecationWarning/index.ts"],"sourcesContent":["export * from \"./useDeprecationWarning\";\n"],"names":[],"mappings":"AAAA,cAAc,0BAA0B"}

package/dist/esm/hooks/useDeprecationWarning/useDeprecationWarning.js

@@ -1,22 +0,0 @@
-import { useRef } from "react";
-export const useDeprecationWarning = (props)=>{
-    const hasWarned = useRef(false);
-    const deprecatedProps = Object.entries(props).reduce((acc, [key, value])=>{
-        if (value) {
-            acc.push(key);
-        }
-        return acc;
-    }, []);
-    const noDeprecatedProps = deprecatedProps.length === 0;
-    if (noDeprecatedProps) {
-        return;
-    }
-    if (!hasWarned.current) {
-        deprecatedProps.forEach((prop)=>{
-            console.warn(`Deprecation warning: Mobius no longer supports the prop '${prop}'. Please refer to the documentation for more information.`);
-        });
-        hasWarned.current = true;
-    }
-};
-
-//# sourceMappingURL=useDeprecationWarning.js.map

package/dist/esm/hooks/useDeprecationWarning/useDeprecationWarning.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useDeprecationWarning/useDeprecationWarning.ts"],"sourcesContent":["import { useRef } from \"react\";\n\nexport type UseDeprecationWarningProps = Record<string, unknown>;\n\nexport const useDeprecationWarning = (props: UseDeprecationWarningProps) => {\n  const hasWarned = useRef<boolean>(false);\n  const deprecatedProps = Object.entries(props).reduce<string[]>(\n    (acc, [key, value]) => {\n      if (value) {\n        acc.push(key);\n      }\n\n      return acc;\n    },\n    [],\n  );\n\n  const noDeprecatedProps = deprecatedProps.length === 0;\n\n  if (noDeprecatedProps) {\n    return;\n  }\n\n  if (!hasWarned.current) {\n    deprecatedProps.forEach(prop => {\n      console.warn(\n        `Deprecation warning: Mobius no longer supports the prop '${prop}'. Please refer to the documentation for more information.`,\n      );\n    });\n\n    hasWarned.current = true;\n  }\n};\n"],"names":["useRef","useDeprecationWarning","props","hasWarned","deprecatedProps","Object","entries","reduce","acc","key","value","push","noDeprecatedProps","length","current","forEach","prop","console","warn"],"mappings":"AAAA,SAASA,MAAM,QAAQ,QAAQ;AAI/B,OAAO,MAAMC,wBAAwB,CAACC;IACpC,MAAMC,YAAYH,OAAgB;IAClC,MAAMI,kBAAkBC,OAAOC,OAAO,CAACJ,OAAOK,MAAM,CAClD,CAACC,KAAK,CAACC,KAAKC,MAAM;QAChB,IAAIA,OAAO;YACTF,IAAIG,IAAI,CAACF;QACX;QAEA,OAAOD;IACT,GACA,EAAE;IAGJ,MAAMI,oBAAoBR,gBAAgBS,MAAM,KAAK;IAErD,IAAID,mBAAmB;QACrB;IACF;IAEA,IAAI,CAACT,UAAUW,OAAO,EAAE;QACtBV,gBAAgBW,OAAO,CAACC,CAAAA;YACtBC,QAAQC,IAAI,CACV,CAAC,yDAAyD,EAAEF,KAAK,0DAA0D,CAAC;QAEhI;QAEAb,UAAUW,OAAO,GAAG;IACtB;AACF,EAAE"}

package/dist/esm/hooks/useDialog/index.js

@@ -1,3 +0,0 @@
-export * from "./useDialog";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useDialog/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useDialog/index.ts"],"sourcesContent":["export * from \"./useDialog\";\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}

package/dist/esm/hooks/useDialog/useDialog.js

@@ -1,90 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-import { supportsDialog } from "../../utils";
-import { useBodyScrollLock } from "../useBodyScrollLock";
-import { useDialogPolyfill } from "../useDialogPolyfill";
-const TRANSITION_CLASS_NAME = "--transition";
-const FALLBACK_TRANSITION_DURATION = 0;
-export const useDialog = (props)=>{
-    const { ref, isOpen, transition, onOpen, onClose } = props;
-    const [hasDialogSupport, setHasDialogSupport] = useState(false);
-    const shouldTransition = hasDialogSupport && transition.isEnabled;
-    const { polyfillDialog } = useDialogPolyfill();
-    useEffect(()=>{
-        setHasDialogSupport(supportsDialog());
-    }, []);
-    // Read CSS variable value as number
-    const TRANSITION_DURATION_IN_MS = ref.current && Number(getComputedStyle(ref.current).getPropertyValue(transition.CSSVariable).replace("ms", "")) || FALLBACK_TRANSITION_DURATION;
-    useBodyScrollLock({
-        enabled: isOpen
-    });
-    const open = useCallback(()=>{
-        var _ref_current;
-        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.showModal();
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
-    }, [
-        onOpen,
-        ref
-    ]);
-    const close = useCallback(()=>{
-        var _ref_current;
-        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.close();
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [
-        onClose,
-        ref
-    ]);
-    // Add close handler, to enable closing transitions
-    const handleClose = useCallback((event)=>{
-        if (event) {
-            // Prevent default event coming from onCancel,
-            // which is triggered by pressing ESC key
-            event.preventDefault();
-            // Ensure that nested `<dialog>` elements
-            // don't close the parent
-            event.stopPropagation();
-        }
-        if (shouldTransition) {
-            var _ref_current;
-            (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.classList.remove(TRANSITION_CLASS_NAME);
-            // Delay close to allow exit transition
-            setTimeout(()=>close(), TRANSITION_DURATION_IN_MS);
-        } else {
-            close();
-        }
-    }, [
-        TRANSITION_DURATION_IN_MS,
-        close,
-        ref,
-        shouldTransition
-    ]);
-    useEffect(()=>{
-        async function toggleDialog() {
-            var _ref_current, _ref_current1;
-            if (isOpen && !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.open)) {
-                await polyfillDialog(ref);
-                open();
-                // Fix opening transition in Safari being skipped
-                // by wrapping with setTimeout
-                setTimeout(()=>{
-                    var _ref_current;
-                    (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.classList.add(TRANSITION_CLASS_NAME);
-                }, 0);
-            } else if (!isOpen && ((_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.open)) {
-                handleClose();
-            }
-        }
-        void toggleDialog();
-    }, [
-        handleClose,
-        isOpen,
-        open,
-        ref,
-        polyfillDialog
-    ]);
-    return {
-        open,
-        close: handleClose
-    };
-};
-
-//# sourceMappingURL=useDialog.js.map

package/dist/esm/hooks/useDialog/useDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useDialog/useDialog.ts"],"sourcesContent":["import type { MutableRefObject, SyntheticEvent } from \"react\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { supportsDialog } from \"../../utils\";\nimport { useBodyScrollLock } from \"../useBodyScrollLock\";\nimport { useDialogPolyfill } from \"../useDialogPolyfill\";\n\nexport type TransitionProps = {\n  isEnabled: boolean;\n  CSSVariable: string;\n};\n\nexport type useDialogProps = {\n  ref: MutableRefObject<HTMLDialogElement | null>;\n  transition: TransitionProps;\n  isOpen: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nconst TRANSITION_CLASS_NAME = \"--transition\";\nconst FALLBACK_TRANSITION_DURATION = 0;\n\nexport const useDialog = (props: useDialogProps) => {\n  const { ref, isOpen, transition, onOpen, onClose } = props;\n  const [hasDialogSupport, setHasDialogSupport] = useState(false);\n  const shouldTransition = hasDialogSupport && transition.isEnabled;\n  const { polyfillDialog } = useDialogPolyfill();\n\n  useEffect(() => {\n    setHasDialogSupport(supportsDialog());\n  }, []);\n\n  // Read CSS variable value as number\n  const TRANSITION_DURATION_IN_MS =\n    (ref.current &&\n      Number(\n        getComputedStyle(ref.current)\n          .getPropertyValue(transition.CSSVariable)\n          .replace(\"ms\", \"\"),\n      )) ||\n    FALLBACK_TRANSITION_DURATION;\n\n  useBodyScrollLock({ enabled: isOpen });\n\n  const open = useCallback(() => {\n    ref.current?.showModal();\n    onOpen?.();\n  }, [onOpen, ref]);\n\n  const close = useCallback(() => {\n    ref.current?.close();\n    onClose?.();\n  }, [onClose, ref]);\n\n  // Add close handler, to enable closing transitions\n  const handleClose = useCallback(\n    (event?: SyntheticEvent<HTMLElement, Event>) => {\n      if (event) {\n        // Prevent default event coming from onCancel,\n        // which is triggered by pressing ESC key\n        event.preventDefault();\n        // Ensure that nested `<dialog>` elements\n        // don't close the parent\n        event.stopPropagation();\n      }\n\n      if (shouldTransition) {\n        ref.current?.classList.remove(TRANSITION_CLASS_NAME);\n        // Delay close to allow exit transition\n        setTimeout(() => close(), TRANSITION_DURATION_IN_MS);\n      } else {\n        close();\n      }\n    },\n    [TRANSITION_DURATION_IN_MS, close, ref, shouldTransition],\n  );\n\n  useEffect(() => {\n    async function toggleDialog() {\n      if (isOpen && !ref.current?.open) {\n        await polyfillDialog(ref);\n\n        open();\n        // Fix opening transition in Safari being skipped\n        // by wrapping with setTimeout\n        setTimeout(() => {\n          ref.current?.classList.add(TRANSITION_CLASS_NAME);\n        }, 0);\n      } else if (!isOpen && ref.current?.open) {\n        handleClose();\n      }\n    }\n\n    void toggleDialog();\n  }, [handleClose, isOpen, open, ref, polyfillDialog]);\n\n  return {\n    open,\n    close: handleClose,\n  };\n};\n"],"names":["useCallback","useEffect","useState","supportsDialog","useBodyScrollLock","useDialogPolyfill","TRANSITION_CLASS_NAME","FALLBACK_TRANSITION_DURATION","useDialog","props","ref","isOpen","transition","onOpen","onClose","hasDialogSupport","setHasDialogSupport","shouldTransition","isEnabled","polyfillDialog","TRANSITION_DURATION_IN_MS","current","Number","getComputedStyle","getPropertyValue","CSSVariable","replace","enabled","open","showModal","close","handleClose","event","preventDefault","stopPropagation","classList","remove","setTimeout","toggleDialog","add"],"mappings":"AACA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,SAASC,cAAc,QAAQ,cAAc;AAC7C,SAASC,iBAAiB,QAAQ,uBAAuB;AACzD,SAASC,iBAAiB,QAAQ,uBAAuB;AAezD,MAAMC,wBAAwB;AAC9B,MAAMC,+BAA+B;AAErC,OAAO,MAAMC,YAAY,CAACC;IACxB,MAAM,EAAEC,GAAG,EAAEC,MAAM,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,EAAE,GAAGL;IACrD,MAAM,CAACM,kBAAkBC,oBAAoB,GAAGd,SAAS;IACzD,MAAMe,mBAAmBF,oBAAoBH,WAAWM,SAAS;IACjE,MAAM,EAAEC,cAAc,EAAE,GAAGd;IAE3BJ,UAAU;QACRe,oBAAoBb;IACtB,GAAG,EAAE;IAEL,oCAAoC;IACpC,MAAMiB,4BACJ,AAACV,IAAIW,OAAO,IACVC,OACEC,iBAAiBb,IAAIW,OAAO,EACzBG,gBAAgB,CAACZ,WAAWa,WAAW,EACvCC,OAAO,CAAC,MAAM,QAErBnB;IAEFH,kBAAkB;QAAEuB,SAAShB;IAAO;IAEpC,MAAMiB,OAAO5B,YAAY;YACvBU;SAAAA,eAAAA,IAAIW,OAAO,cAAXX,mCAAAA,aAAamB,SAAS;QACtBhB,mBAAAA,6BAAAA;IACF,GAAG;QAACA;QAAQH;KAAI;IAEhB,MAAMoB,QAAQ9B,YAAY;YACxBU;SAAAA,eAAAA,IAAIW,OAAO,cAAXX,mCAAAA,aAAaoB,KAAK;QAClBhB,oBAAAA,8BAAAA;IACF,GAAG;QAACA;QAASJ;KAAI;IAEjB,mDAAmD;IACnD,MAAMqB,cAAc/B,YAClB,CAACgC;QACC,IAAIA,OAAO;YACT,8CAA8C;YAC9C,yCAAyC;YACzCA,MAAMC,cAAc;YACpB,yCAAyC;YACzC,yBAAyB;YACzBD,MAAME,eAAe;QACvB;QAEA,IAAIjB,kBAAkB;gBACpBP;aAAAA,eAAAA,IAAIW,OAAO,cAAXX,mCAAAA,aAAayB,SAAS,CAACC,MAAM,CAAC9B;YAC9B,uCAAuC;YACvC+B,WAAW,IAAMP,SAASV;QAC5B,OAAO;YACLU;QACF;IACF,GACA;QAACV;QAA2BU;QAAOpB;QAAKO;KAAiB;IAG3DhB,UAAU;QACR,eAAeqC;gBACE5B,cASOA;YATtB,IAAIC,UAAU,GAACD,eAAAA,IAAIW,OAAO,cAAXX,mCAAAA,aAAakB,IAAI,GAAE;gBAChC,MAAMT,eAAeT;gBAErBkB;gBACA,iDAAiD;gBACjD,8BAA8B;gBAC9BS,WAAW;wBACT3B;qBAAAA,eAAAA,IAAIW,OAAO,cAAXX,mCAAAA,aAAayB,SAAS,CAACI,GAAG,CAACjC;gBAC7B,GAAG;YACL,OAAO,IAAI,CAACK,YAAUD,gBAAAA,IAAIW,OAAO,cAAXX,oCAAAA,cAAakB,IAAI,GAAE;gBACvCG;YACF;QACF;QAEA,KAAKO;IACP,GAAG;QAACP;QAAapB;QAAQiB;QAAMlB;QAAKS;KAAe;IAEnD,OAAO;QACLS;QACAE,OAAOC;IACT;AACF,EAAE"}

package/dist/esm/hooks/useDialogPolyfill/index.js

@@ -1,3 +0,0 @@
-export * from "./useDialogPolyfill";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useDialogPolyfill/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useDialogPolyfill/index.ts"],"sourcesContent":["export * from \"./useDialogPolyfill\";\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB"}

package/dist/esm/hooks/useDialogPolyfill/useDialogPolyfill.js

@@ -1,26 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { supportsDialog } from "../../utils";
-// Add polyfill for HTML Dialog in old browsers
-export const useDialogPolyfill = ()=>{
-    const [hasDialogSupport, setHasDialogSupport] = useState(false);
-    const hasAlreadyLoaded = useRef(false);
-    useEffect(()=>{
-        setHasDialogSupport(supportsDialog());
-    }, []);
-    const polyfillDialog = async (ref)=>{
-        if (!hasAlreadyLoaded.current && !hasDialogSupport && typeof window !== "undefined" && ref.current !== null) {
-            const { default: dialogPolyfill } = await import("dialog-polyfill");
-            hasAlreadyLoaded.current = true;
-            try {
-                dialogPolyfill.registerDialog(ref.current);
-            } catch (error) {
-                console.error("Failed to load dialog-polyfill", error);
-            }
-        }
-    };
-    return {
-        polyfillDialog
-    };
-};
-
-//# sourceMappingURL=useDialogPolyfill.js.map

package/dist/esm/hooks/useDialogPolyfill/useDialogPolyfill.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useDialogPolyfill/useDialogPolyfill.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { supportsDialog } from \"../../utils\";\n\n// Add polyfill for HTML Dialog in old browsers\nexport const useDialogPolyfill = () => {\n  const [hasDialogSupport, setHasDialogSupport] = useState(false);\n  const hasAlreadyLoaded = useRef(false);\n\n  useEffect(() => {\n    setHasDialogSupport(supportsDialog());\n  }, []);\n\n  const polyfillDialog = async (\n    ref: MutableRefObject<HTMLDialogElement | null>,\n  ) => {\n    if (\n      !hasAlreadyLoaded.current &&\n      !hasDialogSupport &&\n      typeof window !== \"undefined\" &&\n      ref.current !== null\n    ) {\n      const { default: dialogPolyfill } = await import(\"dialog-polyfill\");\n      hasAlreadyLoaded.current = true;\n\n      try {\n        dialogPolyfill.registerDialog(ref.current);\n      } catch (error) {\n        console.error(\"Failed to load dialog-polyfill\", error);\n      }\n    }\n  };\n\n  return {\n    polyfillDialog,\n  };\n};\n"],"names":["useEffect","useRef","useState","supportsDialog","useDialogPolyfill","hasDialogSupport","setHasDialogSupport","hasAlreadyLoaded","polyfillDialog","ref","current","window","default","dialogPolyfill","registerDialog","error","console"],"mappings":"AACA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AACpD,SAASC,cAAc,QAAQ,cAAc;AAE7C,+CAA+C;AAC/C,OAAO,MAAMC,oBAAoB;IAC/B,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGJ,SAAS;IACzD,MAAMK,mBAAmBN,OAAO;IAEhCD,UAAU;QACRM,oBAAoBH;IACtB,GAAG,EAAE;IAEL,MAAMK,iBAAiB,OACrBC;QAEA,IACE,CAACF,iBAAiBG,OAAO,IACzB,CAACL,oBACD,OAAOM,WAAW,eAClBF,IAAIC,OAAO,KAAK,MAChB;YACA,MAAM,EAAEE,SAASC,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC;YACjDN,iBAAiBG,OAAO,GAAG;YAE3B,IAAI;gBACFG,eAAeC,cAAc,CAACL,IAAIC,OAAO;YAC3C,EAAE,OAAOK,OAAO;gBACdC,QAAQD,KAAK,CAAC,kCAAkCA;YAClD;QACF;IACF;IAEA,OAAO;QACLP;IACF;AACF,EAAE"}

package/dist/esm/hooks/useLabel/index.js

@@ -1,3 +0,0 @@
-export * from "./useLabel";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useLabel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useLabel/index.tsx"],"sourcesContent":["export * from \"./useLabel\";\n"],"names":[],"mappings":"AAAA,cAAc,aAAa"}

package/dist/esm/hooks/useLabel/useLabel.js

@@ -1,30 +0,0 @@
-import { useId, useRef } from "react";
-export function useLabel({ id: providedId, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, labelElementType = "label" }) {
-    let labelProps = {};
-    let fieldProps = {};
-    const hasWarnedAboutMissingLabels = useRef(false);
-    const fallbackId = useId();
-    const id = providedId || fallbackId;
-    const labelId = useId();
-    if (label) {
-        ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
-        labelProps = {
-            id: labelId,
-            htmlFor: labelElementType === "label" ? id : undefined
-        };
-    } else if (!ariaLabelledby && !ariaLabel && !hasWarnedAboutMissingLabels.current) {
-        hasWarnedAboutMissingLabels.current = true;
-        console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
-    }
-    fieldProps = {
-        id,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledby
-    };
-    return {
-        labelProps,
-        fieldProps
-    };
-}
-
-//# sourceMappingURL=useLabel.js.map

package/dist/esm/hooks/useLabel/useLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useLabel/useLabel.tsx"],"sourcesContent":["import type { LabelHTMLAttributes } from \"react\";\nimport { useId, useRef } from \"react\";\n\nexport type UseLabelProps = {\n  id?: string | undefined;\n  label?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  labelElementType?: \"label\" | \"span\" | undefined;\n};\n\nexport type UseLabelReturn = {\n  labelProps: {\n    id?: string | undefined;\n  } & LabelHTMLAttributes<HTMLLabelElement>;\n  fieldProps: LabellingProps;\n};\n\nexport type LabellingProps = {\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  \"aria-describedby\"?: string | undefined;\n  \"aria-details\"?: string | undefined;\n};\n\nexport function useLabel({\n  id: providedId,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  labelElementType = \"label\",\n}: UseLabelProps) {\n  let labelProps: UseLabelReturn[\"labelProps\"] = {};\n  let fieldProps: UseLabelReturn[\"fieldProps\"] = {};\n\n  const hasWarnedAboutMissingLabels = useRef(false);\n\n  const fallbackId = useId();\n  const id = providedId || fallbackId;\n  const labelId = useId();\n\n  if (label) {\n    ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    labelProps = {\n      id: labelId,\n      htmlFor: labelElementType === \"label\" ? id : undefined,\n    };\n  } else if (\n    !ariaLabelledby &&\n    !ariaLabel &&\n    !hasWarnedAboutMissingLabels.current\n  ) {\n    hasWarnedAboutMissingLabels.current = true;\n    console.warn(\n      \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n    );\n  }\n\n  fieldProps = {\n    id,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n  };\n\n  return {\n    labelProps,\n    fieldProps,\n  };\n}\n"],"names":["useId","useRef","useLabel","id","providedId","label","ariaLabel","ariaLabelledby","labelElementType","labelProps","fieldProps","hasWarnedAboutMissingLabels","fallbackId","labelId","htmlFor","undefined","current","console","warn"],"mappings":"AACA,SAASA,KAAK,EAAEC,MAAM,QAAQ,QAAQ;AAyBtC,OAAO,SAASC,SAAS,EACvBC,IAAIC,UAAU,EACdC,KAAK,EACL,cAAcC,SAAS,EACvB,mBAAmBC,cAAc,EACjCC,mBAAmB,OAAO,EACZ;IACd,IAAIC,aAA2C,CAAC;IAChD,IAAIC,aAA2C,CAAC;IAEhD,MAAMC,8BAA8BV,OAAO;IAE3C,MAAMW,aAAaZ;IACnB,MAAMG,KAAKC,cAAcQ;IACzB,MAAMC,UAAUb;IAEhB,IAAIK,OAAO;QACTE,iBAAiBA,iBAAiB,GAAGM,QAAQ,CAAC,EAAEN,gBAAgB,GAAGM;QACnEJ,aAAa;YACXN,IAAIU;YACJC,SAASN,qBAAqB,UAAUL,KAAKY;QAC/C;IACF,OAAO,IACL,CAACR,kBACD,CAACD,aACD,CAACK,4BAA4BK,OAAO,EACpC;QACAL,4BAA4BK,OAAO,GAAG;QACtCC,QAAQC,IAAI,CACV;IAEJ;IAEAR,aAAa;QACXP;QACA,cAAcG;QACd,mBAAmBC;IACrB;IAEA,OAAO;QACLE;QACAC;IACF;AACF"}

package/dist/esm/hooks/useOnClickOutside/index.js

@@ -1,3 +0,0 @@
-export * from "./useOnClickOutside";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useOnClickOutside/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useOnClickOutside/index.tsx"],"sourcesContent":["export * from \"./useOnClickOutside\";\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB"}

package/dist/esm/hooks/useOnClickOutside/useOnClickOutside.js

@@ -1,35 +0,0 @@
-"use client";
-import { useEffect } from "react";
-export const useOnClickOutside = (ref, handler)=>{
-    useEffect(()=>{
-        const listener = (event)=>{
-            // Do nothing if clicking ref's element or descendent elements
-            if (!ref.current || ref.current.contains(event.target)) {
-                return;
-            }
-            event.preventDefault();
-            event.stopPropagation();
-            handler(event);
-        };
-        const handleEscapeKeyPress = (event)=>{
-            if (event.key === "Escape") {
-                event.preventDefault();
-                event.stopPropagation();
-                handler(event);
-            }
-        };
-        document.addEventListener("mousedown", listener);
-        document.addEventListener("touchstart", listener);
-        document.addEventListener("keydown", handleEscapeKeyPress);
-        return ()=>{
-            document.removeEventListener("mousedown", listener);
-            document.removeEventListener("touchstart", listener);
-            document.addEventListener("keydown", handleEscapeKeyPress);
-        };
-    }, [
-        ref,
-        handler
-    ]);
-};
-
-//# sourceMappingURL=useOnClickOutside.js.map

package/dist/esm/hooks/useOnClickOutside/useOnClickOutside.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useOnClickOutside/useOnClickOutside.tsx"],"sourcesContent":["\"use client\";\n\nimport type { RefObject } from \"react\";\nimport { useEffect } from \"react\";\n\nexport const useOnClickOutside = (\n  ref: RefObject<HTMLElement>,\n  handler: (event: MouseEvent | TouchEvent | KeyboardEvent) => void,\n) => {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (!ref.current || ref.current.contains(event.target as HTMLElement)) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      handler(event);\n    };\n\n    const handleEscapeKeyPress = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        event.stopPropagation();\n        handler(event);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    document.addEventListener(\"keydown\", handleEscapeKeyPress);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n      document.addEventListener(\"keydown\", handleEscapeKeyPress);\n    };\n  }, [ref, handler]);\n};\n"],"names":["useEffect","useOnClickOutside","ref","handler","listener","event","current","contains","target","preventDefault","stopPropagation","handleEscapeKeyPress","key","document","addEventListener","removeEventListener"],"mappings":"AAAA;AAGA,SAASA,SAAS,QAAQ,QAAQ;AAElC,OAAO,MAAMC,oBAAoB,CAC/BC,KACAC;IAEAH,UAAU;QACR,MAAMI,WAAW,CAACC;YAChB,8DAA8D;YAC9D,IAAI,CAACH,IAAII,OAAO,IAAIJ,IAAII,OAAO,CAACC,QAAQ,CAACF,MAAMG,MAAM,GAAkB;gBACrE;YACF;YAEAH,MAAMI,cAAc;YACpBJ,MAAMK,eAAe;YACrBP,QAAQE;QACV;QAEA,MAAMM,uBAAuB,CAACN;YAC5B,IAAIA,MAAMO,GAAG,KAAK,UAAU;gBAC1BP,MAAMI,cAAc;gBACpBJ,MAAMK,eAAe;gBACrBP,QAAQE;YACV;QACF;QAEAQ,SAASC,gBAAgB,CAAC,aAAaV;QACvCS,SAASC,gBAAgB,CAAC,cAAcV;QACxCS,SAASC,gBAAgB,CAAC,WAAWH;QAErC,OAAO;YACLE,SAASE,mBAAmB,CAAC,aAAaX;YAC1CS,SAASE,mBAAmB,CAAC,cAAcX;YAC3CS,SAASC,gBAAgB,CAAC,WAAWH;QACvC;IACF,GAAG;QAACT;QAAKC;KAAQ;AACnB,EAAE"}

package/dist/esm/hooks/useOnUnmount/index.js

@@ -1,3 +0,0 @@
-export * from "./useOnUnmount";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useOnUnmount/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useOnUnmount/index.tsx"],"sourcesContent":["export * from \"./useOnUnmount\";\n"],"names":[],"mappings":"AAAA,cAAc,iBAAiB"}

package/dist/esm/hooks/useOnUnmount/useOnUnmount.js

@@ -1,17 +0,0 @@
-import { useEffect, useRef } from "react";
-export function useOnUnmount(callback) {
-    const callbackRef = useRef(callback);
-    // Update the ref each render so it always has the latest callback.
-    // This allows the callback to change while the component is mounted
-    // without it being called repeatedly.
-    useEffect(()=>{
-        callbackRef.current = callback;
-    }, [
-        callback
-    ]);
-    useEffect(()=>()=>{
-            callbackRef.current();
-        }, []);
-}
-
-//# sourceMappingURL=useOnUnmount.js.map

package/dist/esm/hooks/useOnUnmount/useOnUnmount.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useOnUnmount/useOnUnmount.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nexport function useOnUnmount(callback: () => void) {\n  const callbackRef = useRef(callback);\n\n  // Update the ref each render so it always has the latest callback.\n  // This allows the callback to change while the component is mounted\n  // without it being called repeatedly.\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  useEffect(\n    () => () => {\n      callbackRef.current();\n    },\n    [],\n  );\n}\n"],"names":["useEffect","useRef","useOnUnmount","callback","callbackRef","current"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAE1C,OAAO,SAASC,aAAaC,QAAoB;IAC/C,MAAMC,cAAcH,OAAOE;IAE3B,mEAAmE;IACnE,oEAAoE;IACpE,sCAAsC;IACtCH,UAAU;QACRI,YAAYC,OAAO,GAAGF;IACxB,GAAG;QAACA;KAAS;IAEbH,UACE,IAAM;YACJI,YAAYC,OAAO;QACrB,GACA,EAAE;AAEN"}

package/dist/esm/hooks/usePrefersReducedMotion/index.js

@@ -1,3 +0,0 @@
-export * from "./usePrefersReducedMotion";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/usePrefersReducedMotion/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/usePrefersReducedMotion/index.tsx"],"sourcesContent":["export * from \"./usePrefersReducedMotion\";\n"],"names":[],"mappings":"AAAA,cAAc,4BAA4B"}

package/dist/esm/hooks/usePrefersReducedMotion/usePrefersReducedMotion.js

@@ -1,18 +0,0 @@
-import { useEffect, useState } from "react";
-export function usePrefersReducedMotion() {
-    const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
-    useEffect(()=>{
-        const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-        setPrefersReducedMotion(mediaQuery.matches);
-        const listener = (event)=>{
-            setPrefersReducedMotion(event.matches);
-        };
-        mediaQuery.addEventListener("change", listener);
-        return ()=>{
-            mediaQuery.removeEventListener("change", listener);
-        };
-    }, []);
-    return prefersReducedMotion;
-}
-
-//# sourceMappingURL=usePrefersReducedMotion.js.map

package/dist/esm/hooks/usePrefersReducedMotion/usePrefersReducedMotion.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/usePrefersReducedMotion/usePrefersReducedMotion.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport function usePrefersReducedMotion(): boolean {\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n\n  useEffect(() => {\n    const mediaQuery = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    setPrefersReducedMotion(mediaQuery.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setPrefersReducedMotion(event.matches);\n    };\n\n    mediaQuery.addEventListener(\"change\", listener);\n\n    return () => {\n      mediaQuery.removeEventListener(\"change\", listener);\n    };\n  }, []);\n\n  return prefersReducedMotion;\n}\n"],"names":["useEffect","useState","usePrefersReducedMotion","prefersReducedMotion","setPrefersReducedMotion","mediaQuery","window","matchMedia","matches","listener","event","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,OAAO,SAASC;IACd,MAAM,CAACC,sBAAsBC,wBAAwB,GAAGH,SAAS;IAEjED,UAAU;QACR,MAAMK,aAAaC,OAAOC,UAAU,CAAC;QACrCH,wBAAwBC,WAAWG,OAAO;QAE1C,MAAMC,WAAW,CAACC;YAChBN,wBAAwBM,MAAMF,OAAO;QACvC;QAEAH,WAAWM,gBAAgB,CAAC,UAAUF;QAEtC,OAAO;YACLJ,WAAWO,mBAAmB,CAAC,UAAUH;QAC3C;IACF,GAAG,EAAE;IAEL,OAAON;AACT"}

package/dist/esm/hooks/useRenderCount/index.js

@@ -1,3 +0,0 @@
-export * from "./useRenderCount";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/hooks/useRenderCount/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useRenderCount/index.ts"],"sourcesContent":["export * from \"./useRenderCount\";\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB"}

package/dist/esm/hooks/useRenderCount/useRenderCount.js

@@ -1,10 +0,0 @@
-import { useEffect, useRef } from "react";
-export function useRenderCount() {
-    const count = useRef(1);
-    useEffect(()=>{
-        count.current += 1;
-    });
-    return count.current;
-}
-
-//# sourceMappingURL=useRenderCount.js.map

package/dist/esm/hooks/useRenderCount/useRenderCount.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/useRenderCount/useRenderCount.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nexport function useRenderCount() {\n  const count = useRef(1);\n  useEffect(() => {\n    count.current += 1;\n  });\n  return count.current;\n}\n"],"names":["useEffect","useRef","useRenderCount","count","current"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAE1C,OAAO,SAASC;IACd,MAAMC,QAAQF,OAAO;IACrBD,UAAU;QACRG,MAAMC,OAAO,IAAI;IACnB;IACA,OAAOD,MAAMC,OAAO;AACtB"}

package/dist/esm/hooks/useTextField/index.js

@@ -1,4 +0,0 @@
-export * from "./useTextField";
-export * from "./types";
-
-//# sourceMappingURL=index.js.map