@aristobyte-ui/utils 1.0.105 → 1.0.107

package/dist/index.d.mts

@@ -1,6 +1,8 @@
 import * as React$1 from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+declare const useMediaQuery: (query: string) => boolean;
+
 type RippleParamsRef = HTMLButtonElement | HTMLAnchorElement;
 type RippleParams<HTMLElementType extends RippleParamsRef> = {
     ref: React.RefObject<HTMLElementType | null>;
@@ -14,7 +16,7 @@ declare const Portal: React$1.FC<{
 }>;
 
 type IconPropsType = {
-    size?: number;
+    size?: number | `${number}%`;
     color?: string;
     colors?: string[];
 };
@@ -61,4 +63,4 @@ declare const Icons: {
     Yarn: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
 };
 
-export { type IconPropsType, Icons, Portal, type RippleParams, renderRipple };
+export { type IconPropsType, Icons, Portal, type RippleParams, renderRipple, useMediaQuery };

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import * as React$1 from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+declare const useMediaQuery: (query: string) => boolean;
+
 type RippleParamsRef = HTMLButtonElement | HTMLAnchorElement;
 type RippleParams<HTMLElementType extends RippleParamsRef> = {
     ref: React.RefObject<HTMLElementType | null>;
@@ -14,7 +16,7 @@ declare const Portal: React$1.FC<{
 }>;
 
 type IconPropsType = {
-    size?: number;
+    size?: number | `${number}%`;
     color?: string;
     colors?: string[];
 };
@@ -61,4 +63,4 @@ declare const Icons: {
     Yarn: ({ size }: IconPropsType) => react_jsx_runtime.JSX.Element;
 };
 
-export { type IconPropsType, Icons, Portal, type RippleParams, renderRipple };
+export { type IconPropsType, Icons, Portal, type RippleParams, renderRipple, useMediaQuery };

package/dist/index.js

@@ -32,10 +32,27 @@ var index_exports = {};
 __export(index_exports, {
   Icons: () => Icons,
   Portal: () => Portal,
-  renderRipple: () => renderRipple
+  renderRipple: () => renderRipple,
+  useMediaQuery: () => useMediaQuery
 });
 module.exports = __toCommonJS(index_exports);
 
+// hooks/useMediaQuery.ts
+var React = __toESM(require("react"));
+var useMediaQuery = (query) => {
+  const [matches, setMatches] = React.useState(false);
+  React.useEffect(() => {
+    const media = window.matchMedia(query);
+    if (media.matches !== matches) {
+      setMatches(media.matches);
+    }
+    const listener = () => setMatches(media.matches);
+    media.addEventListener("change", listener);
+    return () => media.removeEventListener("change", listener);
+  }, [matches, query]);
+  return matches;
+};
+
 // helpers/ripple.tsx
 var renderRipple = ({
   ref,
@@ -80,13 +97,13 @@ var renderRipple = ({
 };
 
 // helpers/Portal.tsx
-var React = __toESM(require("react"));
+var React2 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 var Portal = ({
   children
 }) => {
-  const [mounted, setMounted] = React.useState(false);
-  React.useEffect(() => {
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useEffect(() => {
     setMounted(true);
   }, []);
   if (!mounted || typeof window === "undefined") return null;
@@ -1917,6 +1934,7 @@ var Icons = {
 0 && (module.exports = {
   Icons,
   Portal,
-  renderRipple
+  renderRipple,
+  useMediaQuery
 });
 //# sourceMappingURL=index.js.map