@wheelhouse/ui 0.2.0 → 0.2.2

package/dist/components/text/text.js

@@ -39,7 +39,7 @@ const textVariants = cva('text-start', {
     },
 });
 function Text({ className, size = 'default', tone = 'default', weight = 'normal', truncate = false, lines, render, ...props }) {
-    const layoutClass = lines !== undefined ? cn(`line-clamp-${lines}`, 'inline-block max-w-full min-w-0') : truncate ? 'inline-block min-w-0 max-w-full truncate' : 'inline';
+    const layoutClass = lines !== undefined ? cn(`line-clamp-${lines}`, 'inline-block max-w-full min-w-0') : truncate ? 'inline-block min-w-0 max-w-full truncate' : undefined;
     const defaultProps = {
         'data-slot': 'text',
         className: cn(layoutClass, textVariants({ size, tone, weight, className })),

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

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}

package/dist/hooks/use-mobile.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.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;
+}