meticulous-ui 3.7.11 → 3.7.13

package/cjs/components/Typography/Headings/H5.cjs

@@ -1,28 +1,4 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const styled = require("styled-components");
-const PropTypes = require("prop-types");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const PropTypes__default = /* @__PURE__ */ _interopDefault(PropTypes);
-const H5Wrapper = styled__default.default.h5`
-  color: ${({
-  $color
-}) => $color};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),n=require("styled-components"),d=require("prop-types"),o=e=>e&&e.__esModule?e:{default:e},c=o(n),t=o(d),a=c.default.h5`
+  color: ${({$color:e})=>e};
   font-size: 2.24rem;
-`;
-const H5 = ({
-  color,
-  children,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(H5Wrapper, { $color: color, ...rest, children });
-};
-H5.propTypes = {
-  /** Heading content */
-  children: PropTypes__default.default.node,
-  /** Text color (CSS color value or token) */
-  color: PropTypes__default.default.string
-};
-exports.default = H5;
+`,r=({color:e,children:s,...l})=>u.jsx(a,{$color:e,...l,children:s});r.propTypes={children:t.default.node,color:t.default.string};exports.default=r;

package/cjs/components/Typography/Headings/H6.cjs

@@ -1,28 +1,4 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const styled = require("styled-components");
-const PropTypes = require("prop-types");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const PropTypes__default = /* @__PURE__ */ _interopDefault(PropTypes);
-const H6Wrapper = styled__default.default.h6`
-  color: ${({
-  $color
-}) => $color};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),n=require("styled-components"),d=require("prop-types"),o=e=>e&&e.__esModule?e:{default:e},c=o(n),t=o(d),a=c.default.h6`
+  color: ${({$color:e})=>e};
   font-size: 1.92rem;
-`;
-const H6 = ({
-  color,
-  children,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(H6Wrapper, { $color: color, ...rest, children });
-};
-H6.propTypes = {
-  /** Heading content */
-  children: PropTypes__default.default.node,
-  /** Text color (CSS color value or token) */
-  color: PropTypes__default.default.string
-};
-exports.default = H6;
+`,r=({color:e,children:s,...l})=>u.jsx(a,{$color:e,...l,children:s});r.propTypes={children:t.default.node,color:t.default.string};exports.default=r;

package/cjs/components/Typography/Headings/index.cjs

@@ -1,23 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const H1 = require("./H1.cjs");
-const H2 = require("./H2.cjs");
-const H3 = require("./H3.cjs");
-const H4 = require("./H4.cjs");
-const H5 = require("./H5.cjs");
-const H6 = require("./H6.cjs");
-const index = {
-  H1: H1.default,
-  H2: H2.default,
-  H3: H3.default,
-  H4: H4.default,
-  H5: H5.default,
-  H6: H6.default
-};
-exports.H1 = H1.default;
-exports.H2 = H2.default;
-exports.H3 = H3.default;
-exports.H4 = H4.default;
-exports.H5 = H5.default;
-exports.H6 = H6.default;
-exports.default = index;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./H1.cjs"),t=require("./H2.cjs"),u=require("./H3.cjs"),l=require("./H4.cjs"),H=require("./H5.cjs"),d=require("./H6.cjs"),r={H1:e.default,H2:t.default,H3:u.default,H4:l.default,H5:H.default,H6:d.default};exports.H1=e.default;exports.H2=t.default;exports.H3=u.default;exports.H4=l.default;exports.H5=H.default;exports.H6=d.default;exports.default=r;

package/cjs/components/Typography/P/P.cjs

@@ -1,36 +1,6 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const PropTypes = require("prop-types");
-const styled = require("styled-components");
-const black = require("../../../colors/black.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const PropTypes__default = /* @__PURE__ */ _interopDefault(PropTypes);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const PWrapper = styled__default.default.p`
-  font-size: ${({
-  $size
-}) => $size || "1.92rem"};
-  color: ${({
-  $color
-}) => $color || black.black};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),i=require("prop-types"),a=require("styled-components"),c=require("../../../colors/black.cjs"),r=e=>e&&e.__esModule?e:{default:e},t=r(i),d=r(a),p=d.default.p`
+  font-size: ${({$size:e})=>e||"1.92rem"};
+  color: ${({$color:e})=>e||c.black};
   margin: 0;
   height: auto;
-`;
-const P = ({
-  color,
-  size,
-  children,
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(PWrapper, { $color: color, $size: size, ...rest, children });
-};
-P.propTypes = {
-  /** Paragraph content */
-  children: PropTypes__default.default.node,
-  /** Text color (CSS color value or token) */
-  color: PropTypes__default.default.string,
-  /** Font size (CSS value, e.g. `'1.6rem'`) */
-  size: PropTypes__default.default.string
-};
-exports.default = P;
+`,o=({color:e,size:s,children:l,...u})=>n.jsx(p,{$color:e,$size:s,...u,children:l});o.propTypes={children:t.default.node,color:t.default.string,size:t.default.string};exports.default=o;

package/cjs/components/Typography/P/index.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const P = require("./P.cjs");
-exports.default = P.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./P.cjs");exports.default=e.default;

package/cjs/components/VideoPlayer/VideoPlayer.cjs

@@ -1,54 +1,28 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const useSpacebarToggle = require("./useSpacebarToggle.cjs");
-const Volumebar = require("./components/Volumebar/Volumebar.cjs");
-const useVolumeOverlay = require("./useVolumeOverlay.cjs");
-const Shimmer = require("../Shimmer/Shimmer.cjs");
-const styled = require("styled-components");
-const black = require("../../colors/black.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const ShimmerOverlay = styled__default.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("react"),v=require("./useSpacebarToggle.cjs"),g=require("./components/Volumebar/Volumebar.cjs"),x=require("./useVolumeOverlay.cjs"),m=require("../Shimmer/Shimmer.cjs"),$=require("styled-components"),j=require("../../colors/black.cjs"),w=e=>e&&e.__esModule?e:{default:e},i=w($),y=i.default.div`
   position: absolute;
   inset: 0;
   z-index: 2;
-  border-radius: ${({
-  $borderRadius
-}) => $borderRadius}px;
-  opacity: ${({
-  $loaded
-}) => $loaded ? 0 : 1};
+  border-radius: ${({$borderRadius:e})=>e}px;
+  opacity: ${({$loaded:e})=>e?0:1};
   transition: opacity 0.35s ease-out;
   pointer-events: none;
-`;
-const VideoContainer = styled__default.default.div`
+`,q=i.default.div`
   position: relative;
   display: inline-block;
-  width: ${({
-  $width
-}) => $width}px;
-  height: ${({
-  $height
-}) => $height}px;
+  width: ${({$width:e})=>e}px;
+  height: ${({$height:e})=>e}px;
 
   &:fullscreen video {
     width: 100vw;
     height: 100vh;
     object-fit: contain;
-    background: ${black.black.m900};
+    background: ${j.black.m900};
   }
-`;
-const Video = styled__default.default.video`
-  border-radius: ${({
-  $borderRadius
-}) => $borderRadius}px;
+`,S=i.default.video`
+  border-radius: ${({$borderRadius:e})=>e}px;
   width: 100%;
   height: 100%;
-  max-width: ${({
-  width
-}) => width}px;
+  max-width: ${({width:e})=>e}px;
   aspect-ratio: 16 / 9;
   background-color: #000;
   object-fit: contain;
@@ -58,28 +32,4 @@ const Video = styled__default.default.video`
     height: 100vh;
     object-fit: contain;
   }
-`;
-const VideoPlayer = ({
-  link,
-  thumbnail,
-  width = "600",
-  borderRadius = 8,
-  height = "auto",
-  hasShimmer = true,
-  ...rest
-}) => {
-  const videoRef = react.useRef(null);
-  const containerRef = react.useRef(null);
-  const {
-    volume,
-    showVolume
-  } = useVolumeOverlay.useVolumeOverlay();
-  const [loaded, setLoaded] = react.useState(false);
-  useSpacebarToggle.useSpacebarToggle(videoRef, containerRef, showVolume);
-  return /* @__PURE__ */ jsxRuntime.jsxs(VideoContainer, { ref: containerRef, $width: width, $height: height, ...rest, children: [
-    hasShimmer && /* @__PURE__ */ jsxRuntime.jsx(ShimmerOverlay, { $loaded: loaded, $borderRadius: borderRadius, children: /* @__PURE__ */ jsxRuntime.jsx(Shimmer.default, { borderRadius: `${borderRadius}px` }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Video, { $borderRadius: borderRadius, ref: videoRef, src: link, poster: thumbnail, controls: true, onLoadedData: () => setLoaded(true), children: "Your browser does not support the video tag." }),
-    /* @__PURE__ */ jsxRuntime.jsx(Volumebar.default, { volume })
-  ] });
-};
-exports.default = VideoPlayer;
+`,V=({link:e,thumbnail:u,width:a="600",borderRadius:o=8,height:d="auto",hasShimmer:l=!0,...c})=>{const s=r.useRef(null),n=r.useRef(null),{volume:h,showVolume:f}=x.useVolumeOverlay(),[p,b]=r.useState(!1);return v.useSpacebarToggle(s,n,f),t.jsxs(q,{ref:n,$width:a,$height:d,...c,children:[l&&t.jsx(y,{$loaded:p,$borderRadius:o,children:t.jsx(m.default,{borderRadius:`${o}px`})}),t.jsx(S,{$borderRadius:o,ref:s,src:e,poster:u,controls:!0,onLoadedData:()=>b(!0),children:"Your browser does not support the video tag."}),t.jsx(g.default,{volume:h})]})};exports.default=V;

package/cjs/components/VideoPlayer/components/Volumebar/Volumebar.cjs

@@ -1,10 +1,4 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const styled = require("styled-components");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const Wrapper = styled__default.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("styled-components"),l=e=>e&&e.__esModule?e:{default:e},r=l(i),s=r.default.div`
   position: absolute;
   right: 1.28rem;
   top: 2.56rem;
@@ -14,8 +8,7 @@ const Wrapper = styled__default.default.div`
   gap: 0.96rem;
   pointer-events: none;
   user-select: none;
-`;
-const Track = styled__default.default.div`
+`,o=r.default.div`
   width: 0.64rem;
   height: 12.8rem;
   background: rgba(255, 255, 255, 0.25);
@@ -23,31 +16,16 @@ const Track = styled__default.default.div`
   overflow: hidden;
   display: flex;
   align-items: flex-end;
-`;
-const Fill = styled__default.default.div`
+`,d=r.default.div`
   width: 100%;
-  height: ${({
-  $pct
-}) => $pct}%;
+  height: ${({$pct:e})=>e}%;
   background: #fff;
   border-radius: 0.32rem;
   transition: height 0.1s ease;
-`;
-const Label = styled__default.default.span`
+`,a=r.default.span`
   font-size: 1.76rem;
   color: rgba(255, 255, 255, 0.85);
   font-weight: 500;
   width: 5.6rem;
   text-align: center;
-`;
-const VolumeBar = ({
-  volume
-}) => {
-  if (volume === null) return null;
-  const pct = Math.round(volume);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Track, { children: /* @__PURE__ */ jsxRuntime.jsx(Fill, { $pct: pct }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { children: pct })
-  ] });
-};
-exports.default = VolumeBar;
+`,u=({volume:e})=>{if(e===null)return null;const n=Math.round(e);return t.jsxs(s,{"aria-hidden":"true",children:[t.jsx(o,{children:t.jsx(d,{$pct:n})}),t.jsx(a,{children:n})]})};exports.default=u;

package/cjs/components/VideoPlayer/index.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const VideoPlayer = require("./VideoPlayer.cjs");
-exports.default = VideoPlayer.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./VideoPlayer.cjs");exports.default=e.default;

package/cjs/components/VideoPlayer/useSpacebarToggle.cjs

@@ -1,56 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const useSpacebarToggle = (videoRef, containerRef, showVolume) => {
-  react.useEffect(() => {
-    const onKeyDown = (e) => {
-      var _a;
-      if (!["Space", "KeyF", "Escape", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "KeyM"].includes(e.code)) return;
-      const target = e.target;
-      if (target && (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable)) {
-        return;
-      }
-      const video = videoRef.current;
-      if (!video) return;
-      if (e.code === "Space") {
-        e.preventDefault();
-        if (video.paused) {
-          const playPromise = video.play();
-          if (playPromise && playPromise.catch) {
-            playPromise.catch(() => {
-            });
-          }
-        } else {
-          video.pause();
-        }
-      } else if (e.code === "KeyF") {
-        e.preventDefault();
-        if (!document.fullscreenElement) {
-          (_a = containerRef.current) == null ? void 0 : _a.requestFullscreen();
-        } else {
-          document.exitFullscreen();
-        }
-      } else if (e.code === "ArrowUp") {
-        e.preventDefault();
-        video.volume = Math.min(1, video.volume + 0.05);
-        showVolume == null ? void 0 : showVolume(video.volume);
-      } else if (e.code === "ArrowDown") {
-        e.preventDefault();
-        video.volume = Math.max(0, video.volume - 0.05);
-        showVolume == null ? void 0 : showVolume(video.volume);
-      } else if (e.code === "KeyM") {
-        video.muted = !video.muted;
-        showVolume == null ? void 0 : showVolume(video.muted ? 0 : video.volume);
-      } else if (e.code === "ArrowLeft") {
-        if (isNaN(video.duration)) return;
-        video.currentTime = Math.max(0, video.currentTime - 5);
-      } else if (e.code === "ArrowRight") {
-        if (isNaN(video.duration)) return;
-        video.currentTime = Math.min(video.duration, video.currentTime + 5);
-      }
-    };
-    window.addEventListener("keydown", onKeyDown, true);
-    return () => window.removeEventListener("keydown", onKeyDown, true);
-  }, [videoRef, containerRef, showVolume]);
-};
-exports.useSpacebarToggle = useSpacebarToggle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),l=(a,c,r)=>{f.useEffect(()=>{const u=t=>{var d;if(!["Space","KeyF","Escape","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","KeyM"].includes(t.code))return;const n=t.target;if(n&&(n.tagName==="INPUT"||n.tagName==="TEXTAREA"||n.isContentEditable))return;const e=a.current;if(e){if(t.code==="Space")if(t.preventDefault(),e.paused){const i=e.play();i&&i.catch&&i.catch(()=>{})}else e.pause();else if(t.code==="KeyF")t.preventDefault(),document.fullscreenElement?document.exitFullscreen():(d=c.current)==null||d.requestFullscreen();else if(t.code==="ArrowUp")t.preventDefault(),e.volume=Math.min(1,e.volume+.05),r==null||r(e.volume);else if(t.code==="ArrowDown")t.preventDefault(),e.volume=Math.max(0,e.volume-.05),r==null||r(e.volume);else if(t.code==="KeyM")e.muted=!e.muted,r==null||r(e.muted?0:e.volume);else if(t.code==="ArrowLeft"){if(isNaN(e.duration))return;e.currentTime=Math.max(0,e.currentTime-5)}else if(t.code==="ArrowRight"){if(isNaN(e.duration))return;e.currentTime=Math.min(e.duration,e.currentTime+5)}}};return window.addEventListener("keydown",u,!0),()=>window.removeEventListener("keydown",u,!0)},[a,c,r])};exports.useSpacebarToggle=l;

package/cjs/components/VideoPlayer/useVolumeOverlay.cjs

@@ -1,17 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const useVolumeOverlay = () => {
-  const [volume, setVolume] = react.useState(null);
-  const timerRef = react.useRef(null);
-  const showVolume = react.useCallback((vol) => {
-    setVolume(Math.round(vol * 100));
-    clearTimeout(timerRef.current);
-    timerRef.current = setTimeout(() => setVolume(null), 1500);
-  }, []);
-  return {
-    volume,
-    showVolume
-  };
-};
-exports.useVolumeOverlay = useVolumeOverlay;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),s=()=>{const[l,t]=e.useState(null),u=e.useRef(null),o=e.useCallback(r=>{t(Math.round(r*100)),clearTimeout(u.current),u.current=setTimeout(()=>t(null),1500)},[]);return{volume:l,showVolume:o}};exports.useVolumeOverlay=s;

package/cjs/hooks/index.cjs

@@ -1,38 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const usePrevious = require("./usePrevious.cjs");
-const useDebounce = require("./useDebounce.cjs");
-const useThrottle = require("./useThrottle.cjs");
-const useIsMounted = require("./useIsMounted.cjs");
-const useEventListener = require("./useEventListener.cjs");
-const useIntersectionObserver = require("./useIntersectionObserver.cjs");
-const useMediaQuery = require("./useMediaQuery.cjs");
-const useLocalStorage = require("./useLocalStorage.cjs");
-const useSessionStorage = require("./useSessionStorage.cjs");
-const useOutsideClick = require("./useOutsideClick.cjs");
-const useWindowSize = require("./useWindowSize.cjs");
-const useOnlineStatus = require("./useOnlineStatus.cjs");
-const useCopyToClipboard = require("./useCopyToClipboard.cjs");
-const useToggle = require("./useToggle.cjs");
-const useTimeout = require("./useTimeout.cjs");
-const useInterval = require("./useInterval.cjs");
-const useUnmount = require("./useUnmount.cjs");
-const useFirstRender = require("./useFirstRender.cjs");
-exports.usePrevious = usePrevious.default;
-exports.useDebounce = useDebounce.default;
-exports.useThrottle = useThrottle.default;
-exports.useIsMounted = useIsMounted.default;
-exports.useEventListener = useEventListener.default;
-exports.useIntersectionObserver = useIntersectionObserver.default;
-exports.useMediaQuery = useMediaQuery.default;
-exports.useLocalStorage = useLocalStorage.default;
-exports.useSessionStorage = useSessionStorage.default;
-exports.useOutsideClick = useOutsideClick.default;
-exports.useWindowSize = useWindowSize.default;
-exports.useOnlineStatus = useOnlineStatus.default;
-exports.useCopyToClipboard = useCopyToClipboard.default;
-exports.useToggle = useToggle.default;
-exports.useTimeout = useTimeout.default;
-exports.useInterval = useInterval.default;
-exports.useUnmount = useUnmount.default;
-exports.useFirstRender = useFirstRender.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./usePrevious.cjs"),u=require("./useDebounce.cjs"),s=require("./useThrottle.cjs"),t=require("./useIsMounted.cjs"),r=require("./useEventListener.cjs"),o=require("./useIntersectionObserver.cjs"),n=require("./useMediaQuery.cjs"),i=require("./useLocalStorage.cjs"),l=require("./useSessionStorage.cjs"),a=require("./useOutsideClick.cjs"),d=require("./useWindowSize.cjs"),c=require("./useOnlineStatus.cjs"),f=require("./useCopyToClipboard.cjs"),q=require("./useToggle.cjs"),S=require("./useTimeout.cjs"),g=require("./useInterval.cjs"),v=require("./useUnmount.cjs"),T=require("./useFirstRender.cjs");exports.usePrevious=e.default;exports.useDebounce=u.default;exports.useThrottle=s.default;exports.useIsMounted=t.default;exports.useEventListener=r.default;exports.useIntersectionObserver=o.default;exports.useMediaQuery=n.default;exports.useLocalStorage=i.default;exports.useSessionStorage=l.default;exports.useOutsideClick=a.default;exports.useWindowSize=d.default;exports.useOnlineStatus=c.default;exports.useCopyToClipboard=f.default;exports.useToggle=q.default;exports.useTimeout=S.default;exports.useInterval=g.default;exports.useUnmount=v.default;exports.useFirstRender=T.default;

package/cjs/hooks/useCopyToClipboard.cjs

@@ -1,17 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const useCopyToClipboard = () => {
-  const [copied, setCopied] = react.useState(false);
-  const copy = async (text) => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch (e) {
-      setCopied(false);
-    }
-  };
-  return [copied, copy];
-};
-exports.default = useCopyToClipboard;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),r=()=>{const[t,e]=a.useState(!1);return[t,async o=>{try{await navigator.clipboard.writeText(o),e(!0),setTimeout(()=>e(!1),2e3)}catch(c){e(!1)}}]};exports.default=r;

package/cjs/hooks/useDebounce.cjs

@@ -1,12 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const useDebounce = (value, delay) => {
-  const [debounced, setDebounced] = react.useState(value);
-  react.useEffect(() => {
-    const id = setTimeout(() => setDebounced(value), delay);
-    return () => clearTimeout(id);
-  }, [value, delay]);
-  return debounced;
-};
-exports.default = useDebounce;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),c=(e,t)=>{const[o,r]=u.useState(e);return u.useEffect(()=>{const s=setTimeout(()=>r(e),t);return()=>clearTimeout(s)},[e,t]),o};exports.default=c;

package/cjs/hooks/useEventListener.cjs

@@ -1,17 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const useEventListener = (event, handler, target = window) => {
-  const savedHandler = react.useRef(handler);
-  react.useEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-  react.useEffect(() => {
-    const el = target && "current" in target ? target.current : target;
-    if (!(el == null ? void 0 : el.addEventListener)) return;
-    const listener = (e) => savedHandler.current(e);
-    el.addEventListener(event, listener);
-    return () => el.removeEventListener(event, listener);
-  }, [event, target]);
-};
-exports.default = useEventListener;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),o=(r,t,e=window)=>{const u=s.useRef(t);s.useEffect(()=>{u.current=t},[t]),s.useEffect(()=>{const n=e&&"current"in e?e.current:e;if(!(n!=null&&n.addEventListener))return;const c=i=>u.current(i);return n.addEventListener(r,c),()=>n.removeEventListener(r,c)},[r,e])};exports.default=o;

package/cjs/hooks/useFirstRender.cjs

@@ -1,11 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const useFirstRender = () => {
-  const isFirst = react.useRef(true);
-  react.useEffect(() => {
-    isFirst.current = false;
-  }, []);
-  return isFirst.current;
-};
-exports.default = useFirstRender;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),r=()=>{const e=t.useRef(!0);return t.useEffect(()=>{e.current=!1},[]),e.current};exports.default=r;

package/cjs/hooks/useIntersectionObserver.cjs

@@ -1,15 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const useIntersectionObserver = (ref, options = {}) => {
-  const [entry, setEntry] = react.useState(null);
-  react.useEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    const observer = new IntersectionObserver(([e]) => setEntry(e), options);
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [ref, options.threshold, options.root, options.rootMargin]);
-  return entry;
-};
-exports.default = useIntersectionObserver;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),l=(r,e={})=>{const[u,c]=s.useState(null);return s.useEffect(()=>{const t=r.current;if(!t)return;const n=new IntersectionObserver(([o])=>c(o),e);return n.observe(t),()=>n.disconnect()},[r,e.threshold,e.root,e.rootMargin]),u};exports.default=l;

package/cjs/hooks/useInterval.cjs

@@ -1,15 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const useInterval = (callback, delay) => {
-  const savedCallback = react.useRef(callback);
-  react.useEffect(() => {
-    savedCallback.current = callback;
-  }, [callback]);
-  react.useEffect(() => {
-    if (delay === null) return;
-    const id = setInterval(() => savedCallback.current(), delay);
-    return () => clearInterval(id);
-  }, [delay]);
-};
-exports.default = useInterval;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),s=(e,t)=>{const u=r.useRef(e);r.useEffect(()=>{u.current=e},[e]),r.useEffect(()=>{if(t===null)return;const n=setInterval(()=>u.current(),t);return()=>clearInterval(n)},[t])};exports.default=s;

package/cjs/hooks/useIsMounted.cjs

@@ -1,14 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const useIsMounted = () => {
-  const isMounted = react.useRef(false);
-  react.useEffect(() => {
-    isMounted.current = true;
-    return () => {
-      isMounted.current = false;
-    };
-  }, []);
-  return isMounted;
-};
-exports.default = useIsMounted;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),u=()=>{const e=t.useRef(!1);return t.useEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),e};exports.default=u;

package/cjs/hooks/useLocalStorage.cjs

@@ -1,30 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const useLocalStorage = (key, initialValue) => {
-  const [stored, setStored] = react.useState(() => {
-    try {
-      const item = localStorage.getItem(key);
-      return item !== null ? JSON.parse(item) : initialValue;
-    } catch (e) {
-      return initialValue;
-    }
-  });
-  const setValue = (value) => {
-    const next = typeof value === "function" ? value(stored) : value;
-    setStored(next);
-    try {
-      localStorage.setItem(key, JSON.stringify(next));
-    } catch (e) {
-    }
-  };
-  const remove = () => {
-    setStored(initialValue);
-    try {
-      localStorage.removeItem(key);
-    } catch (e) {
-    }
-  };
-  return [stored, setValue, remove];
-};
-exports.default = useLocalStorage;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),a=(e,r)=>{const[o,c]=n.useState(()=>{try{const t=localStorage.getItem(e);return t!==null?JSON.parse(t):r}catch(t){return r}});return[o,t=>{const s=typeof t=="function"?t(o):t;c(s);try{localStorage.setItem(e,JSON.stringify(s))}catch(S){}},()=>{c(r);try{localStorage.removeItem(e)}catch(t){}}]};exports.default=a;

package/cjs/hooks/useMediaQuery.cjs

@@ -1,14 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const useMediaQuery = (query) => {
-  const [matches, setMatches] = react.useState(() => window.matchMedia(query).matches);
-  react.useEffect(() => {
-    const mql = window.matchMedia(query);
-    const handler = (e) => setMatches(e.matches);
-    mql.addEventListener("change", handler);
-    return () => mql.removeEventListener("change", handler);
-  }, [query]);
-  return matches;
-};
-exports.default = useMediaQuery;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),o=e=>{const[n,c]=s.useState(()=>window.matchMedia(e).matches);return s.useEffect(()=>{const t=window.matchMedia(e),a=r=>c(r.matches);return t.addEventListener("change",a),()=>t.removeEventListener("change",a)},[e]),n};exports.default=o;

package/cjs/hooks/useOnlineStatus.cjs

@@ -1,18 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const useOnlineStatus = () => {
-  const [isOnline, setIsOnline] = react.useState(navigator.onLine);
-  react.useEffect(() => {
-    const onOnline = () => setIsOnline(true);
-    const onOffline = () => setIsOnline(false);
-    window.addEventListener("online", onOnline);
-    window.addEventListener("offline", onOffline);
-    return () => {
-      window.removeEventListener("online", onOnline);
-      window.removeEventListener("offline", onOffline);
-    };
-  }, []);
-  return isOnline;
-};
-exports.default = useOnlineStatus;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),s=()=>{const[o,e]=i.useState(navigator.onLine);return i.useEffect(()=>{const n=()=>e(!0),t=()=>e(!1);return window.addEventListener("online",n),window.addEventListener("offline",t),()=>{window.removeEventListener("online",n),window.removeEventListener("offline",t)}},[]),o};exports.default=s;

package/cjs/hooks/useOutsideClick.cjs

@@ -1,17 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const useOutsideClick = (ref, callback) => {
-  react.useEffect(() => {
-    const handler = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) callback(e);
-    };
-    document.addEventListener("mousedown", handler);
-    document.addEventListener("touchstart", handler);
-    return () => {
-      document.removeEventListener("mousedown", handler);
-      document.removeEventListener("touchstart", handler);
-    };
-  }, [ref, callback]);
-};
-exports.default = useOutsideClick;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),o=(t,n)=>{u.useEffect(()=>{const e=r=>{t.current&&!t.current.contains(r.target)&&n(r)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}},[t,n])};exports.default=o;

package/cjs/hooks/usePrevious.cjs

@@ -1,11 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const react = require("react");
-const usePrevious = (value) => {
-  const ref = react.useRef(void 0);
-  react.useEffect(() => {
-    ref.current = value;
-  });
-  return ref.current;
-};
-exports.default = usePrevious;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),u=t=>{const e=r.useRef(void 0);return r.useEffect(()=>{e.current=t}),e.current};exports.default=u;