@simplybusiness/mobius 4.8.6 → 4.8.8

package/dist/esm/src/components/index.js

@@ -0,0 +1,42 @@
+export * from "./Accordion";
+export * from "./Alert";
+export * from "./Box";
+export * from "./Breadcrumbs";
+export * from "./Button";
+export * from "./Checkbox";
+export * from "./Container";
+export * from "./Divider";
+export * from "./Drawer";
+export * from "./DropdownMenu";
+export * from "./ErrorMessage";
+export * from "./Fieldset";
+export * from "./Flex";
+export * from "./Grid";
+export * from "./Icon";
+export * from "./Image";
+export * from "./Label";
+export * from "./Link";
+export * from "./LinkButton";
+export * from "./List";
+export * from "./LoadingIndicator";
+export * from "./Logo";
+export * from "./Modal";
+export * from "./NumberField";
+export * from "./Option";
+export * from "./PasswordField";
+export * from "./Popover";
+export * from "./Progress";
+export * from "./Radio";
+export * from "./Segment";
+export * from "./Select";
+export * from "./Slider";
+export * from "./SVG";
+export * from "./Table";
+export * from "./Text";
+export * from "./TextArea";
+export * from "./TextAreaInput";
+export * from "./TextField";
+export * from "./Title";
+export * from "./VisuallyHidden";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/index.tsx"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./Box\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./Button\";\nexport * from \"./Checkbox\";\nexport * from \"./Container\";\nexport * from \"./Divider\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./ErrorMessage\";\nexport * from \"./Fieldset\";\nexport * from \"./Flex\";\nexport * from \"./Grid\";\nexport * from \"./Icon\";\nexport * from \"./Image\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./LinkButton\";\nexport * from \"./List\";\nexport * from \"./LoadingIndicator\";\nexport * from \"./Logo\";\nexport * from \"./Modal\";\nexport * from \"./NumberField\";\nexport * from \"./Option\";\nexport * from \"./PasswordField\";\nexport * from \"./Popover\";\nexport * from \"./Progress\";\nexport * from \"./Radio\";\nexport * from \"./Segment\";\nexport * from \"./Select\";\nexport * from \"./Slider\";\nexport * from \"./SVG\";\nexport * from \"./Table\";\nexport * from \"./Text\";\nexport * from \"./TextArea\";\nexport * from \"./TextAreaInput\";\nexport * from \"./TextField\";\nexport * from \"./Title\";\nexport * from \"./VisuallyHidden\";\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,mBAAmB"}

package/dist/esm/src/global.d.js

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

package/dist/esm/src/global.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/global.d.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,9 @@
+export * from "./useBodyScrollLock";
+export * from "./useBreakpoint";
+export * from "./useButton";
+export * from "./useLabel";
+export * from "./useOnClickOutside";
+export * from "./useTextField";
+export * from "./useWindowEvent";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/index.tsx"],"sourcesContent":["export * from \"./useBodyScrollLock\";\nexport * from \"./useBreakpoint\";\nexport * from \"./useButton\";\nexport * from \"./useLabel\";\nexport * from \"./useOnClickOutside\";\nexport * from \"./useTextField\";\nexport * from \"./useWindowEvent\";\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,sBAAsB;AACpC,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB"}

package/dist/esm/src/hooks/useBodyScrollLock/index.js

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

package/dist/esm/src/hooks/useBodyScrollLock/index.js.map

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

package/dist/esm/src/hooks/useBodyScrollLock/useBodyScrollLock.js

@@ -0,0 +1,28 @@
+import { useEffect } from "react";
+export function useBodyScrollLock({ enabled = true } = {}) {
+    function disableScrollLock() {
+        document.body.style.removeProperty("overflow");
+        document.body.style.removeProperty("scrollbar-gutter");
+        document.documentElement.style.removeProperty("scrollbar-gutter");
+    }
+    function enableScrollLock() {
+        document.body.style.overflow = "hidden";
+        // Prevent content jumping due to scrollbar disappearing
+        document.body.style.scrollbarGutter = "stable";
+        document.documentElement.style.scrollbarGutter = "stable";
+    }
+    useEffect(()=>{
+        if (enabled) {
+            enableScrollLock();
+        } else {
+            disableScrollLock();
+        }
+        return ()=>{
+            disableScrollLock();
+        };
+    }, [
+        enabled
+    ]);
+}
+
+//# sourceMappingURL=useBodyScrollLock.js.map

package/dist/esm/src/hooks/useBodyScrollLock/useBodyScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useBodyScrollLock/useBodyScrollLock.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport function useBodyScrollLock({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  function disableScrollLock() {\n    document.body.style.removeProperty(\"overflow\");\n    document.body.style.removeProperty(\"scrollbar-gutter\");\n    document.documentElement.style.removeProperty(\"scrollbar-gutter\");\n  }\n\n  function enableScrollLock() {\n    document.body.style.overflow = \"hidden\";\n    // Prevent content jumping due to scrollbar disappearing\n    document.body.style.scrollbarGutter = \"stable\";\n    document.documentElement.style.scrollbarGutter = \"stable\";\n  }\n\n  useEffect(() => {\n    if (enabled) {\n      enableScrollLock();\n    } else {\n      disableScrollLock();\n    }\n\n    return () => {\n      disableScrollLock();\n    };\n  }, [enabled]);\n}\n"],"names":["useEffect","useBodyScrollLock","enabled","disableScrollLock","document","body","style","removeProperty","documentElement","enableScrollLock","overflow","scrollbarGutter"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAElC,OAAO,SAASC,kBAAkB,EAChCC,UAAU,IAAI,EACQ,GAAG,CAAC,CAAC;IAC3B,SAASC;QACPC,SAASC,IAAI,CAACC,KAAK,CAACC,cAAc,CAAC;QACnCH,SAASC,IAAI,CAACC,KAAK,CAACC,cAAc,CAAC;QACnCH,SAASI,eAAe,CAACF,KAAK,CAACC,cAAc,CAAC;IAChD;IAEA,SAASE;QACPL,SAASC,IAAI,CAACC,KAAK,CAACI,QAAQ,GAAG;QAC/B,wDAAwD;QACxDN,SAASC,IAAI,CAACC,KAAK,CAACK,eAAe,GAAG;QACtCP,SAASI,eAAe,CAACF,KAAK,CAACK,eAAe,GAAG;IACnD;IAEAX,UAAU;QACR,IAAIE,SAAS;YACXO;QACF,OAAO;YACLN;QACF;QAEA,OAAO;YACLA;QACF;IACF,GAAG;QAACD;KAAQ;AACd"}

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

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

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

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

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

@@ -0,0 +1,112 @@
+"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/src/hooks/useBreakpoint/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useBreakpoint/useBreakpoint.tsx"],"sourcesContent":["\"use client\";\n\nimport debounce from \"lodash.debounce\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { 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/src/hooks/useButton/index.js

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

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

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

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

@@ -0,0 +1,42 @@
+import { useCallback } from "react";
+export function useButton({ elementType = "button", type = "button", isDisabled = false, href, target, rel, role, 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,
+            ...extraProps,
+            onClick: realOnClick
+        }
+    };
+}
+
+//# sourceMappingURL=useButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useButton/useButton.tsx"],"sourcesContent":["import { JSXElementConstructor, useCallback } from \"react\";\n\nexport interface UseButtonProps {\n  elementType?:\n    | \"button\"\n    | \"a\"\n    | \"span\"\n    | \"input\"\n    | JSXElementConstructor<any>\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}\n\nexport function useButton({\n  elementType = \"button\",\n  type = \"button\",\n  isDisabled = false,\n  href,\n  target,\n  rel,\n  role,\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      ...extraProps,\n      onClick: realOnClick,\n    },\n  };\n}\n"],"names":["useCallback","useButton","elementType","type","isDisabled","href","target","rel","role","onClick","onPress","realOnClick","event","getRole","undefined","extraProps","buttonProps","tabIndex","disabled"],"mappings":"AAAA,SAAgCA,WAAW,QAAQ,QAAQ;AAoB3D,OAAO,SAASC,UAAU,EACxBC,cAAc,QAAQ,EACtBC,OAAO,QAAQ,EACfC,aAAa,KAAK,EAClBC,IAAI,EACJC,MAAM,EACNC,GAAG,EACHC,IAAI,EACJC,OAAO,EACPC,OAAO,EACQ;IACf,MAAMC,cAAcX,YAClB,CAACY;QACC,IAAIR,YAAY;YACd;QACF;QAEAK,oBAAAA,8BAAAA,QAAUG;QACVF,oBAAAA,8BAAAA,QAAUE;IACZ,GACA;QAACR;QAAYK;QAASC;KAAQ;IAGhC,SAASG;QACP,IAAIL,MAAM;YACR,OAAOA;QACT;QAEA,IAAIN,gBAAgB,KAAK;YACvB,OAAOY;QACT;QAEA,OAAO;IACT;IAEA,MAAMC,aACJb,gBAAgB,WACZ;QAAEC;IAAK,IACP;QACEK,MAAMK;IACR;IAEN,OAAO;QACLG,aAAa;YACXX,MAAMH,gBAAgB,MAAMG,OAAOS;YACnCR,QAAQJ,gBAAgB,MAAMI,SAASQ;YACvCP,KAAKL,gBAAgB,MAAMK,MAAMO;YACjCG,UAAUb,aAAa,CAAC,IAAI;YAC5Bc,UAAUd,cAAcU;YACxB,iBAAiBV,cAAcU;YAC/B,GAAGC,UAAU;YACbN,SAASE;QACX;IACF;AACF"}

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

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

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

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

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

@@ -0,0 +1,31 @@
+/* eslint-disable no-console */ 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) {
+        // eslint-disable-next-line no-param-reassign
+        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/src/hooks/useLabel/useLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useLabel/useLabel.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport { LabelHTMLAttributes, 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    // eslint-disable-next-line no-param-reassign\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":"AAAA,6BAA6B,GAC7B,SAA8BA,KAAK,EAAEC,MAAM,QAAQ,QAAQ;AAyB3D,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;QACT,6CAA6C;QAC7CE,iBAAiBA,iBAAiB,CAAC,EAAEM,QAAQ,CAAC,EAAEN,eAAe,CAAC,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/src/hooks/useOnClickOutside/index.js

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

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

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

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

@@ -0,0 +1,35 @@
+"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/src/hooks/useOnClickOutside/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useOnClickOutside/useOnClickOutside.tsx"],"sourcesContent":["\"use client\";\n\nimport { RefObject, 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;AAEA,SAAoBA,SAAS,QAAQ,QAAQ;AAE7C,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/src/hooks/useTextField/index.js

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

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

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

package/dist/esm/src/hooks/useTextField/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/esm/src/hooks/useTextField/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useTextField/types.tsx"],"sourcesContent":["import { InputHTMLAttributes } from \"react\";\nimport { UseLabelProps, UseLabelReturn } from \"../useLabel/useLabel\";\nimport { FocusEvents } from \"../../types\";\n\nexport type UseTextFieldProps = UseLabelProps &\n  FocusEvents &\n  Pick<\n    InputHTMLAttributes<HTMLInputElement>,\n    | \"defaultValue\"\n    | \"value\"\n    | \"onChange\"\n    | \"autoComplete\"\n    | \"maxLength\"\n    | \"minLength\"\n    | \"name\"\n    | \"placeholder\"\n    | \"inputMode\"\n    | \"type\"\n    | \"pattern\"\n\n    // Clipboard events\n    | \"onCopy\"\n    | \"onCut\"\n    | \"onPaste\"\n\n    // Composition events\n    | \"onCompositionEnd\"\n    | \"onCompositionStart\"\n    | \"onCompositionUpdate\"\n\n    // Selection events\n    | \"onSelect\"\n\n    // Input events\n    | \"onBeforeInput\"\n    | \"onInput\"\n  > & {\n    inputElementType?: \"input\" | \"textarea\" | undefined;\n    defaultValue?: string | undefined;\n    value?: string | undefined;\n    isDisabled?: boolean | undefined;\n    isReadOnly?: boolean | undefined;\n    isRequired?: boolean | undefined;\n    validationState?: \"valid\" | \"invalid\" | undefined;\n    description?: string | undefined;\n    errorMessage?: string | undefined;\n    \"aria-describedby\"?: string | undefined;\n    \"aria-errormessage\"?: string | undefined;\n  };\n\nexport type UseTextFieldReturn = {\n  labelProps: UseLabelReturn[\"labelProps\"];\n  inputProps: InputHTMLAttributes<HTMLInputElement>;\n  descriptionProps: { id?: string | undefined };\n  errorMessageProps: { id?: string | undefined };\n};\n"],"names":[],"mappings":"AAkDA,WAKE"}

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

@@ -0,0 +1,63 @@
+import { useId } from "react";
+import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
+import { useLabel } from "../useLabel/useLabel";
+export function useTextField(props) {
+    const { isDisabled = false, isReadOnly = false, isRequired = false, inputElementType = "input" } = props;
+    const { labelProps, fieldProps } = useLabel(props);
+    const descriptionId = useId();
+    const descriptionProps = {
+        id: descriptionId
+    };
+    const errorMessageId = useId();
+    const errorMessageProps = {
+        id: errorMessageId
+    };
+    const ariaDescribedBy = spaceDelimitedList([
+        props.description && descriptionId,
+        props.errorMessage && errorMessageId,
+        props["aria-describedby"]
+    ]);
+    return {
+        descriptionProps,
+        errorMessageProps,
+        labelProps,
+        inputProps: {
+            defaultValue: props.defaultValue,
+            value: props.value,
+            onChange: props.onChange,
+            disabled: isDisabled,
+            readOnly: isReadOnly,
+            "aria-required": isRequired === true ? true : undefined,
+            "aria-invalid": props.validationState === "invalid" ? true : props.validationState === "valid" ? false : undefined,
+            "aria-describedby": ariaDescribedBy,
+            "aria-errormessage": props["aria-errormessage"],
+            type: inputElementType === "input" ? props.type : undefined,
+            pattern: inputElementType === "input" ? props.pattern : undefined,
+            autoComplete: props.autoComplete,
+            maxLength: props.maxLength,
+            minLength: props.minLength,
+            name: props.name,
+            placeholder: props.placeholder,
+            inputMode: props.inputMode,
+            // Clipboard events
+            onCopy: props.onCopy,
+            onCut: props.onCut,
+            onPaste: props.onPaste,
+            // Composition events
+            onCompositionEnd: props.onCompositionEnd,
+            onCompositionStart: props.onCompositionStart,
+            onCompositionUpdate: props.onCompositionUpdate,
+            // Selection events
+            onSelect: props.onSelect,
+            // Input events
+            onBeforeInput: props.onBeforeInput,
+            onInput: props.onInput,
+            // Focus events
+            onFocus: props.onFocus,
+            onBlur: props.onBlur,
+            ...fieldProps
+        }
+    };
+}
+
+//# sourceMappingURL=useTextField.js.map

package/dist/esm/src/hooks/useTextField/useTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useTextField/useTextField.tsx"],"sourcesContent":["import { useId } from \"react\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { useLabel } from \"../useLabel/useLabel\";\nimport { UseTextFieldProps, UseTextFieldReturn } from \"./types\";\n\nexport function useTextField(props: UseTextFieldProps): UseTextFieldReturn {\n  const {\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    inputElementType = \"input\",\n  } = props;\n  const { labelProps, fieldProps } = useLabel(props);\n\n  const descriptionId = useId();\n  const descriptionProps = { id: descriptionId };\n\n  const errorMessageId = useId();\n  const errorMessageProps = { id: errorMessageId };\n\n  const ariaDescribedBy = spaceDelimitedList([\n    props.description && descriptionId,\n    props.errorMessage && errorMessageId,\n    props[\"aria-describedby\"],\n  ]);\n\n  return {\n    descriptionProps,\n    errorMessageProps,\n    labelProps,\n    inputProps: {\n      defaultValue: props.defaultValue,\n      value: props.value,\n      onChange: props.onChange,\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      \"aria-required\": isRequired === true ? true : undefined,\n      \"aria-invalid\":\n        props.validationState === \"invalid\"\n          ? true\n          : props.validationState === \"valid\"\n            ? false\n            : undefined,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-errormessage\": props[\"aria-errormessage\"],\n\n      type: inputElementType === \"input\" ? props.type : undefined,\n      pattern: inputElementType === \"input\" ? props.pattern : undefined,\n\n      autoComplete: props.autoComplete,\n      maxLength: props.maxLength,\n      minLength: props.minLength,\n      name: props.name,\n      placeholder: props.placeholder,\n      inputMode: props.inputMode,\n\n      // Clipboard events\n      onCopy: props.onCopy,\n      onCut: props.onCut,\n      onPaste: props.onPaste,\n\n      // Composition events\n      onCompositionEnd: props.onCompositionEnd,\n      onCompositionStart: props.onCompositionStart,\n      onCompositionUpdate: props.onCompositionUpdate,\n\n      // Selection events\n      onSelect: props.onSelect,\n\n      // Input events\n      onBeforeInput: props.onBeforeInput,\n      onInput: props.onInput,\n\n      // Focus events\n      onFocus: props.onFocus,\n      onBlur: props.onBlur,\n\n      ...fieldProps,\n    },\n  };\n}\n"],"names":["useId","spaceDelimitedList","useLabel","useTextField","props","isDisabled","isReadOnly","isRequired","inputElementType","labelProps","fieldProps","descriptionId","descriptionProps","id","errorMessageId","errorMessageProps","ariaDescribedBy","description","errorMessage","inputProps","defaultValue","value","onChange","disabled","readOnly","undefined","validationState","type","pattern","autoComplete","maxLength","minLength","name","placeholder","inputMode","onCopy","onCut","onPaste","onCompositionEnd","onCompositionStart","onCompositionUpdate","onSelect","onBeforeInput","onInput","onFocus","onBlur"],"mappings":"AAAA,SAASA,KAAK,QAAQ,QAAQ;AAC9B,SAASC,kBAAkB,QAAQ,iCAAiC;AACpE,SAASC,QAAQ,QAAQ,uBAAuB;AAGhD,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAM,EACJC,aAAa,KAAK,EAClBC,aAAa,KAAK,EAClBC,aAAa,KAAK,EAClBC,mBAAmB,OAAO,EAC3B,GAAGJ;IACJ,MAAM,EAAEK,UAAU,EAAEC,UAAU,EAAE,GAAGR,SAASE;IAE5C,MAAMO,gBAAgBX;IACtB,MAAMY,mBAAmB;QAAEC,IAAIF;IAAc;IAE7C,MAAMG,iBAAiBd;IACvB,MAAMe,oBAAoB;QAAEF,IAAIC;IAAe;IAE/C,MAAME,kBAAkBf,mBAAmB;QACzCG,MAAMa,WAAW,IAAIN;QACrBP,MAAMc,YAAY,IAAIJ;QACtBV,KAAK,CAAC,mBAAmB;KAC1B;IAED,OAAO;QACLQ;QACAG;QACAN;QACAU,YAAY;YACVC,cAAchB,MAAMgB,YAAY;YAChCC,OAAOjB,MAAMiB,KAAK;YAClBC,UAAUlB,MAAMkB,QAAQ;YACxBC,UAAUlB;YACVmB,UAAUlB;YACV,iBAAiBC,eAAe,OAAO,OAAOkB;YAC9C,gBACErB,MAAMsB,eAAe,KAAK,YACtB,OACAtB,MAAMsB,eAAe,KAAK,UACxB,QACAD;YACR,oBAAoBT;YACpB,qBAAqBZ,KAAK,CAAC,oBAAoB;YAE/CuB,MAAMnB,qBAAqB,UAAUJ,MAAMuB,IAAI,GAAGF;YAClDG,SAASpB,qBAAqB,UAAUJ,MAAMwB,OAAO,GAAGH;YAExDI,cAAczB,MAAMyB,YAAY;YAChCC,WAAW1B,MAAM0B,SAAS;YAC1BC,WAAW3B,MAAM2B,SAAS;YAC1BC,MAAM5B,MAAM4B,IAAI;YAChBC,aAAa7B,MAAM6B,WAAW;YAC9BC,WAAW9B,MAAM8B,SAAS;YAE1B,mBAAmB;YACnBC,QAAQ/B,MAAM+B,MAAM;YACpBC,OAAOhC,MAAMgC,KAAK;YAClBC,SAASjC,MAAMiC,OAAO;YAEtB,qBAAqB;YACrBC,kBAAkBlC,MAAMkC,gBAAgB;YACxCC,oBAAoBnC,MAAMmC,kBAAkB;YAC5CC,qBAAqBpC,MAAMoC,mBAAmB;YAE9C,mBAAmB;YACnBC,UAAUrC,MAAMqC,QAAQ;YAExB,eAAe;YACfC,eAAetC,MAAMsC,aAAa;YAClCC,SAASvC,MAAMuC,OAAO;YAEtB,eAAe;YACfC,SAASxC,MAAMwC,OAAO;YACtBC,QAAQzC,MAAMyC,MAAM;YAEpB,GAAGnC,UAAU;QACf;IACF;AACF"}

package/dist/esm/src/hooks/useWindowEvent/index.js

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

package/dist/esm/src/hooks/useWindowEvent/index.js.map

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

package/dist/esm/src/hooks/useWindowEvent/useWindowEvent.js

@@ -0,0 +1,38 @@
+"use client";
+import { useEffect } from "react";
+function normaliseOptions(options, otherOptions = {}) {
+    if (typeof options === "undefined") {
+        return otherOptions;
+    }
+    if (typeof options === "boolean") {
+        return {
+            capture: options,
+            ...otherOptions
+        };
+    }
+    return {
+        ...options,
+        ...otherOptions
+    };
+}
+export function useWindowEvent(type, listener, options) {
+    useEffect(()=>{
+        // Create an abort controller to abort the event listener if the hook is re-rendered
+        const controller = new AbortController();
+        const { signal } = controller;
+        const normalisedOptions = normaliseOptions(options, {
+            signal
+        });
+        window.addEventListener(type, listener, normalisedOptions);
+        return ()=>{
+            controller.abort();
+            window.removeEventListener(type, listener, normalisedOptions);
+        };
+    }, [
+        type,
+        listener,
+        options
+    ]);
+}
+
+//# sourceMappingURL=useWindowEvent.js.map

package/dist/esm/src/hooks/useWindowEvent/useWindowEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/hooks/useWindowEvent/useWindowEvent.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\n\nfunction normaliseOptions(\n  options?: boolean | AddEventListenerOptions,\n  otherOptions: AddEventListenerOptions = {},\n): AddEventListenerOptions {\n  if (typeof options === \"undefined\") {\n    return otherOptions;\n  }\n\n  if (typeof options === \"boolean\") {\n    return { capture: options, ...otherOptions };\n  }\n\n  return { ...options, ...otherOptions };\n}\n\nexport function useWindowEvent<EventType extends keyof WindowEventMap>(\n  type: EventType,\n  listener: (this: Window, ev: WindowEventMap[EventType]) => any,\n  options?: AddEventListenerOptions,\n): void {\n  useEffect(() => {\n    // Create an abort controller to abort the event listener if the hook is re-rendered\n    const controller = new AbortController();\n    const { signal } = controller;\n    const normalisedOptions = normaliseOptions(options, { signal });\n\n    window.addEventListener(type, listener, normalisedOptions);\n    return () => {\n      controller.abort();\n      window.removeEventListener(type, listener, normalisedOptions);\n    };\n  }, [type, listener, options]);\n}\n"],"names":["useEffect","normaliseOptions","options","otherOptions","capture","useWindowEvent","type","listener","controller","AbortController","signal","normalisedOptions","window","addEventListener","abort","removeEventListener"],"mappings":"AAAA;AAEA,SAASA,SAAS,QAAQ,QAAQ;AAElC,SAASC,iBACPC,OAA2C,EAC3CC,eAAwC,CAAC,CAAC;IAE1C,IAAI,OAAOD,YAAY,aAAa;QAClC,OAAOC;IACT;IAEA,IAAI,OAAOD,YAAY,WAAW;QAChC,OAAO;YAAEE,SAASF;YAAS,GAAGC,YAAY;QAAC;IAC7C;IAEA,OAAO;QAAE,GAAGD,OAAO;QAAE,GAAGC,YAAY;IAAC;AACvC;AAEA,OAAO,SAASE,eACdC,IAAe,EACfC,QAA8D,EAC9DL,OAAiC;IAEjCF,UAAU;QACR,oFAAoF;QACpF,MAAMQ,aAAa,IAAIC;QACvB,MAAM,EAAEC,MAAM,EAAE,GAAGF;QACnB,MAAMG,oBAAoBV,iBAAiBC,SAAS;YAAEQ;QAAO;QAE7DE,OAAOC,gBAAgB,CAACP,MAAMC,UAAUI;QACxC,OAAO;YACLH,WAAWM,KAAK;YAChBF,OAAOG,mBAAmB,CAACT,MAAMC,UAAUI;QAC7C;IACF,GAAG;QAACL;QAAMC;QAAUL;KAAQ;AAC9B"}

package/dist/esm/src/index.js

@@ -0,0 +1,6 @@
+"use client";
+export * from "./components";
+export * from "./hooks";
+export * from "./types";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/index.tsx"],"sourcesContent":["\"use client\";\n\nexport * from \"./components\";\nexport * from \"./hooks\";\nexport * from \"./types\";\n"],"names":[],"mappings":"AAAA;AAEA,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,UAAU"}

package/dist/esm/src/styles.d.js

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

package/dist/esm/src/styles.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles.d.ts"],"names":[],"mappings":""}

package/dist/esm/src/types/components.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=components.js.map

package/dist/esm/src/types/components.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/types/components.ts"],"sourcesContent":["import {\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  RefAttributes,\n} from \"react\";\n\nexport type ForwardedRefComponent<T, RT> = ForwardRefExoticComponent<\n  PropsWithoutRef<T> & RefAttributes<RT>\n>;\n"],"names":[],"mappings":"AAMA,WAEE"}

package/dist/esm/src/types/dom.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=dom.js.map

package/dist/esm/src/types/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/types/dom.ts"],"sourcesContent":["export interface DOMProps {\n  id?: string | undefined;\n}\n"],"names":[],"mappings":"AAAA,WAEC"}

package/dist/esm/src/types/events.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=events.js.map

package/dist/esm/src/types/events.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/types/events.ts"],"sourcesContent":["import type {\n  ClipboardEvent,\n  CompositionEvent,\n  FocusEvent,\n  KeyboardEvent,\n} from \"react\";\n\nexport interface KeyboardEvents {\n  /** Event called when the value changes (mandatory for controlled components) */\n  onKeyUp?: (e: KeyboardEvent) => void;\n\n  /** Event called when the value changes (mandatory for controlled components) */\n  onKeyDown?: (e: KeyboardEvent) => void;\n}\n\nexport interface ClipboardEvents {\n  /** Fired when the user initiates a copy action through the browser's user interface. */\n  onCopy?: (e: ClipboardEvent) => void;\n\n  /** Fired when the user initiates a cut action through the browser's user interface. */\n  onCut?: (e: ClipboardEvent) => void;\n\n  /** Fired when the user initiates a paste action through the browser's user interface. */\n  onPaste?: (e: ClipboardEvent) => void;\n}\n\nexport interface CompositionEvents {\n  /** Fired when a text composition system such as an input method editor completes or cancels the current composition session. */\n  onCompositionEnd?: (e: CompositionEvent) => void;\n\n  /** Fired when a text composition system such as an input method editor starts a new composition session. */\n  onCompositionStart?: (e: CompositionEvent) => void;\n\n  /** Fired when a new character is received in the context of a text composition session controlled by a text composition system such as an input method editor. */\n  onCompositionUpdate?: (e: CompositionEvent) => void;\n}\n\nexport interface FocusEvents {\n  /** Fired when an element has lost focus. */\n  onBlur?: (e: FocusEvent) => void;\n\n  /** Fired when an element has gained focus. */\n  onFocus?: (e: FocusEvent) => void;\n}\n\nexport interface InputEvents {\n  /** Event called when the value changes (mandatory for controlled components) */\n  onChange?: (value: string) => void;\n}\n\nexport type HTMLElementEvent<T extends HTMLElement> = Event & {\n  target: T;\n};\n\nexport type ValidationState = \"valid\" | \"invalid\";\n\nexport interface Validation {\n  /** Whether user input is required on the input before form submission. */\n  isRequired?: boolean;\n  /** Whether the input value is invalid. */\n  isInvalid?: boolean;\n  /** @deprecated Use `isInvalid` instead. */\n  validationState?: ValidationState;\n}\n"],"names":[],"mappings":"AAwDA,WAOC"}