mautourco-components 0.1.1

package/dist/hooks/useMobile.d.ts

@@ -0,0 +1,5 @@
+export declare function useMobile(breakpoint?: number): {
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+};

package/dist/hooks/useMobile.js

@@ -0,0 +1,26 @@
+import { useState, useEffect } from "react";
+export function useMobile(breakpoint) {
+    if (breakpoint === void 0) { breakpoint = 768; }
+    var _a = useState(false), isMobile = _a[0], setIsMobile = _a[1];
+    var _b = useState(false), isTablet = _b[0], setIsTablet = _b[1];
+    var _c = useState(false), isDesktop = _c[0], setIsDesktop = _c[1];
+    useEffect(function () {
+        var userAgent = typeof window.navigator === "undefined" ? "" : navigator.userAgent;
+        var mobileRegex = /Android|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i;
+        var tabletRegex = /iPad|Tablet|PlayBook|Nexus 7|Nexus 10/i;
+        var isUserAgentMobile = mobileRegex.test(userAgent);
+        var isUserAgentTablet = tabletRegex.test(userAgent);
+        var handleResize = function () {
+            var width = window.innerWidth;
+            var widthMobile = width < breakpoint;
+            var widthTablet = width >= breakpoint && width < 1024;
+            setIsMobile(isUserAgentMobile || widthMobile);
+            setIsTablet(isUserAgentTablet || widthTablet);
+            setIsDesktop(!isUserAgentMobile && !isUserAgentTablet && width >= 1024);
+        };
+        handleResize();
+        window.addEventListener("resize", handleResize);
+        return function () { return window.removeEventListener("resize", handleResize); };
+    }, [breakpoint]);
+    return { isMobile: isMobile, isTablet: isTablet, isDesktop: isDesktop };
+}

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+export { default as Button } from './components/atoms/Button/Button';
+export { default as Checkbox } from './components/atoms/Checkbox/Checkbox';
+export { default as Icon } from './components/atoms/Icon/Icon';
+export { default as DropdownInput } from './components/atoms/Inputs/DropdownInput/DropdownInput';
+export { default as Input } from './components/atoms/Inputs/Input/Input';
+export { default as Textarea } from './components/atoms/Inputs/Textarea/Textarea';
+export { default as SelectedValue } from './components/atoms/SelectedValue/SelectedValue';
+export { default as Spinner } from './components/atoms/Spinner/Spinner';
+export { Heading } from './components/atoms/Typography/Typography';
+export { Text } from './components/atoms/Typography/Typography';
+export { default as MultiSelectDropdown } from './components/molecules/MultiSelectDropdown/MultiSelectDropdown';
+export { TopNavigation } from './components/organisms/TopNavigation/TopNavigation';
+export { Footer } from './components/organisms/Footer/Footer';
+export { default as ButtonSpinner } from './components/atoms/Spinner/variants/ButtonSpinner';
+export { default as LoadingSpinner } from './components/atoms/Spinner/variants/LoadingSpinner';
+export { default as CheckIcon } from './components/atoms/Icon/icons/Check';
+export { default as ChevronIcon } from './components/atoms/Icon/icons/Chevron';
+export { default as CloseIcon } from './components/atoms/Icon/icons/Close';
+export { default as SearchIcon } from './components/atoms/Icon/icons/Search';
+export { default as SettingsIcon } from './components/atoms/Icon/icons/Settings';
+export { default as UserIcon } from './components/atoms/Icon/icons/User';
+export type { TopNavigationProps } from './components/organisms/TopNavigation/TopNavigation';
+export type { FooterProps } from './components/organisms/Footer/Footer';

package/dist/index.js

@@ -0,0 +1,28 @@
+// Atoms - Base components
+export { default as Button } from './components/atoms/Button/Button';
+export { default as Checkbox } from './components/atoms/Checkbox/Checkbox';
+export { default as Icon } from './components/atoms/Icon/Icon';
+export { default as DropdownInput } from './components/atoms/Inputs/DropdownInput/DropdownInput';
+export { default as Input } from './components/atoms/Inputs/Input/Input';
+export { default as Textarea } from './components/atoms/Inputs/Textarea/Textarea';
+export { default as SelectedValue } from './components/atoms/SelectedValue/SelectedValue';
+export { default as Spinner } from './components/atoms/Spinner/Spinner';
+export { Heading } from './components/atoms/Typography/Typography';
+export { Text } from './components/atoms/Typography/Typography';
+// Molecules - Composed components
+export { default as MultiSelectDropdown } from './components/molecules/MultiSelectDropdown/MultiSelectDropdown';
+// Organisms - Complex components
+export { TopNavigation } from './components/organisms/TopNavigation/TopNavigation';
+export { Footer } from './components/organisms/Footer/Footer';
+// Spinner Variants
+export { default as ButtonSpinner } from './components/atoms/Spinner/variants/ButtonSpinner';
+export { default as LoadingSpinner } from './components/atoms/Spinner/variants/LoadingSpinner';
+// Icons - Individual icon components
+export { default as CheckIcon } from './components/atoms/Icon/icons/Check';
+export { default as ChevronIcon } from './components/atoms/Icon/icons/Chevron';
+export { default as CloseIcon } from './components/atoms/Icon/icons/Close';
+export { default as SearchIcon } from './components/atoms/Icon/icons/Search';
+export { default as SettingsIcon } from './components/atoms/Icon/icons/Settings';
+export { default as UserIcon } from './components/atoms/Icon/icons/User';
+// export type { InputProps } from './components/atoms/Inputs/Input/Input';
+// export type { CheckboxProps } from './components/atoms/Checkbox/Checkbox';