@arolariu/components 0.1.1 → 0.2.0

package/src/lib/utilities.ts

@@ -0,0 +1,12 @@
+import {clsx, type ClassValue} from "clsx";
+import {twMerge} from "tailwind-merge";
+
+/**
+ * Helper function that merges tailwindcss
+ * class names in the given input array.
+ * @param inputs Array of class names
+ * @returns Merged class names
+ */
+export function cn(...inputs: ReadonlyArray<ClassValue>): Readonly<string> {
+  return twMerge(clsx(inputs));
+}

package/dist/hooks/use-mobile.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAgBrC"}

package/dist/hooks/use-mobile.js

@@ -1,18 +0,0 @@
-import { useEffect, useState } from "react";
-const MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-    const [isMobile, setIsMobile] = useState(void 0);
-    useEffect(()=>{
-        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-        const onChange = ()=>{
-            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-        };
-        mql.addEventListener("change", onChange);
-        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-        return ()=>mql.removeEventListener("change", onChange);
-    }, []);
-    return !!isMobile;
-}
-export { useIsMobile };
-
-//# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks\\use-mobile.js","sources":["webpack://@arolariu/components/./src/hooks/use-mobile.tsx"],"sourcesContent":["import * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\n/**\n * A custom React hook that detects whether the current device is a mobile device\n * based on the screen width.\n *\n * This hook uses a media query to check if the viewport width is less than the defined\n * mobile breakpoint (768px). It updates the state when the window size changes.\n *\n * @returns {boolean} Returns true if the viewport width is less than the mobile breakpoint,\n *                   false otherwise.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const isMobile = useIsMobile();\n *\n *   return (\n *     <div>\n *       {isMobile ? 'Mobile View' : 'Desktop View'}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useIsMobile(): boolean {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(\n    undefined,\n  );\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"names":["MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","React","undefined","mql","window","onChange"],"mappings":";AAEA,MAAMA,oBAAoB;AAyBnB,SAASC;IACd,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAC9BC;IAGFD,UAAgB;QACd,MAAME,MAAMC,OAAO,UAAU,CAAC,CAAC,YAAY,EAAEP,oBAAoB,EAAE,GAAG,CAAC;QACvE,MAAMQ,WAAW;YACfL,YAAYI,OAAO,UAAU,GAAGP;QAClC;QACAM,IAAI,gBAAgB,CAAC,UAAUE;QAC/BL,YAAYI,OAAO,UAAU,GAAGP;QAChC,OAAO,IAAMM,IAAI,mBAAmB,CAAC,UAAUE;IACjD,GAAG,EAAE;IAEL,OAAO,CAAC,CAACN;AACX"}

package/dist/lib/utils.d.ts

@@ -1,7 +0,0 @@
-import { type ClassValue } from "clsx";
-/**
- * Helper function that merges tailwindcss
- * class names in the given input array.
- */
-export declare function cn(...inputs: ClassValue[]): string;
-//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C;;;GAGG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"lib\\utils.js","sources":["webpack://@arolariu/components/./src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Helper function that merges tailwindcss\n * class names in the given input array.\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAOO,SAASA,GAAG,GAAGC,MAAoB;IACxC,OAAOC,QAAQC,KAAKF;AACtB"}

package/src/lib/utils.ts

@@ -1,10 +0,0 @@
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-/**
- * Helper function that merges tailwindcss
- * class names in the given input array.
- */
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}