@dmsi/wedgekit-react 0.0.50 → 0.0.51

package/dist/chunk-SEKKGFM6.js

@@ -1,28 +0,0 @@
-// src/components/useMatchesMedia.tsx
-import { useLayoutEffect, useState } from "react";
-var useMatchesMedia = (query) => {
-  const [matches, setMatches] = useState(
-    () => typeof window !== "undefined" ? window.matchMedia(query).matches : false
-  );
-  useLayoutEffect(() => {
-    const mediaQueryList = window.matchMedia(query);
-    const listener = (event) => {
-      setMatches(event.matches);
-    };
-    mediaQueryList.addEventListener("change", listener);
-    setMatches(mediaQueryList.matches);
-    return () => {
-      mediaQueryList.removeEventListener("change", listener);
-    };
-  }, [query]);
-  return matches;
-};
-var useMatchesMobile = () => {
-  const isMobile = useMatchesMedia("(width < 48rem)");
-  return isMobile;
-};
-
-export {
-  useMatchesMedia,
-  useMatchesMobile
-};

package/dist/components/useMatchesMedia.cjs

@@ -1,53 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/useMatchesMedia.tsx
-var useMatchesMedia_exports = {};
-__export(useMatchesMedia_exports, {
-  useMatchesMedia: () => useMatchesMedia,
-  useMatchesMobile: () => useMatchesMobile
-});
-module.exports = __toCommonJS(useMatchesMedia_exports);
-var import_react = require("react");
-var useMatchesMedia = (query) => {
-  const [matches, setMatches] = (0, import_react.useState)(
-    () => typeof window !== "undefined" ? window.matchMedia(query).matches : false
-  );
-  (0, import_react.useLayoutEffect)(() => {
-    const mediaQueryList = window.matchMedia(query);
-    const listener = (event) => {
-      setMatches(event.matches);
-    };
-    mediaQueryList.addEventListener("change", listener);
-    setMatches(mediaQueryList.matches);
-    return () => {
-      mediaQueryList.removeEventListener("change", listener);
-    };
-  }, [query]);
-  return matches;
-};
-var useMatchesMobile = () => {
-  const isMobile = useMatchesMedia("(width < 48rem)");
-  return isMobile;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useMatchesMedia,
-  useMatchesMobile
-});

package/src/components/useMatchesMedia.tsx

@@ -1,28 +0,0 @@
-import { useLayoutEffect, useState } from "react";
-
-export const useMatchesMedia = (query: string): boolean => {
-  const [matches, setMatches] = useState(() =>
-    typeof window !== "undefined" ? window.matchMedia(query).matches : false,
-  );
-
-  useLayoutEffect(() => {
-    const mediaQueryList = window.matchMedia(query);
-    const listener = (event: MediaQueryListEvent) => {
-      setMatches(event.matches);
-    };
-
-    mediaQueryList.addEventListener("change", listener);
-    setMatches(mediaQueryList.matches);
-    return () => {
-      mediaQueryList.removeEventListener("change", listener);
-    };
-  }, [query]);
-
-  return matches;
-};
-
-export const useMatchesMobile = (): boolean => {
-  const isMobile = useMatchesMedia("(width < 48rem)");
-
-  return isMobile;
-};