@makroz/web 1.0.1

package/dist/hooks/useMkLocalStorage.js

@@ -0,0 +1,33 @@
+import { useState } from 'react';
+/**
+ * useMkLocalStorage
+ * 🚀 Sincroniza el estado de React con el almacenamiento local.
+ */
+export function useMkLocalStorage(key, initialValue) {
+    const [storedValue, setStoredValue] = useState(() => {
+        if (typeof window === 'undefined')
+            return initialValue;
+        try {
+            const item = window.localStorage.getItem(key);
+            return item ? JSON.parse(item) : initialValue;
+        }
+        catch (error) {
+            console.error(error);
+            return initialValue;
+        }
+    });
+    const setValue = (value) => {
+        try {
+            const valueToStore = value instanceof Function ? value(storedValue) : value;
+            setStoredValue(valueToStore);
+            if (typeof window !== 'undefined') {
+                window.localStorage.setItem(key, JSON.stringify(valueToStore));
+            }
+        }
+        catch (error) {
+            console.error(error);
+        }
+    };
+    return [storedValue, setValue];
+}
+//# sourceMappingURL=useMkLocalStorage.js.map

package/dist/hooks/useMkLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkLocalStorage.js","sourceRoot":"","sources":["../../src/hooks/useMkLocalStorage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAI,GAAW,EAAE,YAAe;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAI,GAAG,EAAE;QACrD,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,YAAY,CAAC;QACvD,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAC9C,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAChD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO,YAAY,CAAC;QACtB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC9C,IAAI,CAAC;YACH,MAAM,YAAY,GAAG,KAAK,YAAY,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;YAC5E,cAAc,CAAC,YAAY,CAAC,CAAC;YAC7B,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;YACjE,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAU,CAAC;AAC1C,CAAC"}

package/dist/hooks/useMkLongPress.d.ts

@@ -0,0 +1,37 @@
+export interface MkLongPressOptions {
+    /** Duration in ms before triggering long press (default: 500) */
+    threshold?: number;
+    /** Called when a short click/tap happens instead of long press */
+    onPress?: () => void;
+}
+export interface MkLongPressResult {
+    /** Spread these onto the target element */
+    handlers: {
+        onMouseDown: () => void;
+        onMouseUp: () => void;
+        onMouseLeave: () => void;
+        onTouchStart: () => void;
+        onTouchEnd: () => void;
+    };
+    /** Whether a long press is currently active */
+    isLongPressing: boolean;
+}
+/**
+ * useMkLongPress — Detect long press gestures on any element.
+ * Supports both mouse and touch events.
+ *
+ * @param onLongPress - Callback fired when long press threshold is reached.
+ * @param options - Configuration options.
+ *
+ * @example
+ * ```tsx
+ * const { handlers, isLongPressing } = useMkLongPress(
+ *   () => console.log('Long pressed!'),
+ *   { threshold: 800, onPress: () => console.log('Short tap') }
+ * );
+ *
+ * return <div {...handlers}>Hold me</div>;
+ * ```
+ */
+export declare function useMkLongPress(onLongPress: () => void, options?: MkLongPressOptions): MkLongPressResult;
+//# sourceMappingURL=useMkLongPress.d.ts.map

package/dist/hooks/useMkLongPress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkLongPress.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkLongPress.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IAC/B,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAC9B,2CAA2C;IAC3C,QAAQ,EAAE;QACN,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,SAAS,EAAE,MAAM,IAAI,CAAC;QACtB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,UAAU,EAAE,MAAM,IAAI,CAAC;KAC1B,CAAC;IACF,+CAA+C;IAC/C,cAAc,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAC1B,WAAW,EAAE,MAAM,IAAI,EACvB,OAAO,GAAE,kBAAuB,GACjC,iBAAiB,CA0CnB"}

package/dist/hooks/useMkLongPress.js

@@ -0,0 +1,59 @@
+import { useState, useEffect, useCallback, useRef } from 'react';
+/**
+ * useMkLongPress — Detect long press gestures on any element.
+ * Supports both mouse and touch events.
+ *
+ * @param onLongPress - Callback fired when long press threshold is reached.
+ * @param options - Configuration options.
+ *
+ * @example
+ * ```tsx
+ * const { handlers, isLongPressing } = useMkLongPress(
+ *   () => console.log('Long pressed!'),
+ *   { threshold: 800, onPress: () => console.log('Short tap') }
+ * );
+ *
+ * return <div {...handlers}>Hold me</div>;
+ * ```
+ */
+export function useMkLongPress(onLongPress, options = {}) {
+    const { threshold = 500, onPress } = options;
+    const [isLongPressing, setIsLongPressing] = useState(false);
+    const timerRef = useRef(null);
+    const didLongPressRef = useRef(false);
+    const start = useCallback(() => {
+        didLongPressRef.current = false;
+        timerRef.current = setTimeout(() => {
+            didLongPressRef.current = true;
+            setIsLongPressing(true);
+            onLongPress();
+        }, threshold);
+    }, [onLongPress, threshold]);
+    const stop = useCallback(() => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+            timerRef.current = null;
+        }
+        if (!didLongPressRef.current && onPress) {
+            onPress();
+        }
+        setIsLongPressing(false);
+    }, [onPress]);
+    useEffect(() => {
+        return () => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+        };
+    }, []);
+    return {
+        handlers: {
+            onMouseDown: start,
+            onMouseUp: stop,
+            onMouseLeave: stop,
+            onTouchStart: start,
+            onTouchEnd: stop,
+        },
+        isLongPressing,
+    };
+}
+//# sourceMappingURL=useMkLongPress.js.map

package/dist/hooks/useMkLongPress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkLongPress.js","sourceRoot":"","sources":["../../src/hooks/useMkLongPress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAsBjE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,cAAc,CAC1B,WAAuB,EACvB,UAA8B,EAAE;IAEhC,MAAM,EAAE,SAAS,GAAG,GAAG,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAC7C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACpE,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3B,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC/B,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;YAC/B,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACxB,WAAW,EAAE,CAAC;QAClB,CAAC,EAAE,SAAS,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7B,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1B,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;QACD,IAAI,CAAC,eAAe,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC;YACtC,OAAO,EAAE,CAAC;QACd,CAAC;QACD,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,IAAI,QAAQ,CAAC,OAAO;gBAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACzD,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACH,QAAQ,EAAE;YACN,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,IAAI;YACf,YAAY,EAAE,IAAI;YAClB,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,IAAI;SACnB;QACD,cAAc;KACjB,CAAC;AACN,CAAC"}

package/dist/hooks/useMkMediaQuery.d.ts

@@ -0,0 +1,14 @@
+/**
+ * useMkMediaQuery — Track CSS media query matches reactively.
+ *
+ * @param query - CSS media query string (e.g., '(max-width: 768px)')
+ * @returns `true` if the query matches, `false` otherwise.
+ *
+ * @example
+ * ```tsx
+ * const isMobile = useMkMediaQuery('(max-width: 600px)');
+ * const prefersDark = useMkMediaQuery('(prefers-color-scheme: dark)');
+ * ```
+ */
+export declare function useMkMediaQuery(query: string): boolean;
+//# sourceMappingURL=useMkMediaQuery.d.ts.map

package/dist/hooks/useMkMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkMediaQuery.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAmBtD"}

package/dist/hooks/useMkMediaQuery.js

@@ -0,0 +1,31 @@
+import { useState, useEffect } from 'react';
+/**
+ * useMkMediaQuery — Track CSS media query matches reactively.
+ *
+ * @param query - CSS media query string (e.g., '(max-width: 768px)')
+ * @returns `true` if the query matches, `false` otherwise.
+ *
+ * @example
+ * ```tsx
+ * const isMobile = useMkMediaQuery('(max-width: 600px)');
+ * const prefersDark = useMkMediaQuery('(prefers-color-scheme: dark)');
+ * ```
+ */
+export function useMkMediaQuery(query) {
+    const [matches, setMatches] = useState(() => {
+        if (typeof window === 'undefined')
+            return false;
+        return window.matchMedia(query).matches;
+    });
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const mediaQuery = window.matchMedia(query);
+        setMatches(mediaQuery.matches);
+        const handler = (event) => setMatches(event.matches);
+        mediaQuery.addEventListener('change', handler);
+        return () => mediaQuery.removeEventListener('change', handler);
+    }, [query]);
+    return matches;
+}
+//# sourceMappingURL=useMkMediaQuery.js.map

package/dist/hooks/useMkMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkMediaQuery.js","sourceRoot":"","sources":["../../src/hooks/useMkMediaQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,eAAe,CAAC,KAAa;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,GAAG,EAAE;QACjD,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,KAAK,CAAC;QAChD,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAE1C,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAC5C,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QAE/B,MAAM,OAAO,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC1E,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACnE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,OAAO,CAAC;AACnB,CAAC"}

package/dist/hooks/useMkPrevious.d.ts

@@ -0,0 +1,7 @@
+/**
+ * useMkPrevious
+ * 🚀 Retorna el valor del render anterior.
+ * Útil para comparar cambios de props o estados y disparar animaciones o efectos.
+ */
+export declare const useMkPrevious: <T>(value: T, initialValue?: T) => T | undefined;
+//# sourceMappingURL=useMkPrevious.d.ts.map

package/dist/hooks/useMkPrevious.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkPrevious.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkPrevious.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC,KAAG,CAAC,GAAG,SAQjE,CAAC"}

package/dist/hooks/useMkPrevious.js

@@ -0,0 +1,14 @@
+import { useRef, useEffect } from "react";
+/**
+ * useMkPrevious
+ * 🚀 Retorna el valor del render anterior.
+ * Útil para comparar cambios de props o estados y disparar animaciones o efectos.
+ */
+export const useMkPrevious = (value, initialValue) => {
+    const ref = useRef(initialValue);
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+};
+//# sourceMappingURL=useMkPrevious.js.map

package/dist/hooks/useMkPrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkPrevious.js","sourceRoot":"","sources":["../../src/hooks/useMkPrevious.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAI,KAAQ,EAAE,YAAgB,EAAiB,EAAE;IAC1E,MAAM,GAAG,GAAG,MAAM,CAAgB,YAAY,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACX,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACxB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,GAAG,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC"}

package/dist/hooks/useMkScreenSize.d.ts

@@ -0,0 +1,25 @@
+export interface MkScreenSize {
+    width: number;
+    height: number;
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+}
+export interface MkScreenBreakpoints {
+    mobile: number;
+    tablet: number;
+}
+/**
+ * useMkScreenSize — Track viewport dimensions and responsive breakpoints.
+ *
+ * @param breakpoints - Custom breakpoint thresholds (optional).
+ * @returns Object with `width`, `height`, `isMobile`, `isTablet`, `isDesktop`.
+ *
+ * @example
+ * ```tsx
+ * const { isMobile, isDesktop, width } = useMkScreenSize();
+ * const { isMobile } = useMkScreenSize({ mobile: 480, tablet: 768 });
+ * ```
+ */
+export declare function useMkScreenSize(breakpoints?: Partial<MkScreenBreakpoints>): MkScreenSize;
+//# sourceMappingURL=useMkScreenSize.d.ts.map

package/dist/hooks/useMkScreenSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkScreenSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkScreenSize.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAOD;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,YAAY,CA6BxF"}

package/dist/hooks/useMkScreenSize.js

@@ -0,0 +1,43 @@
+import { useState, useEffect } from 'react';
+const DEFAULT_BREAKPOINTS = {
+    mobile: 600,
+    tablet: 1024,
+};
+/**
+ * useMkScreenSize — Track viewport dimensions and responsive breakpoints.
+ *
+ * @param breakpoints - Custom breakpoint thresholds (optional).
+ * @returns Object with `width`, `height`, `isMobile`, `isTablet`, `isDesktop`.
+ *
+ * @example
+ * ```tsx
+ * const { isMobile, isDesktop, width } = useMkScreenSize();
+ * const { isMobile } = useMkScreenSize({ mobile: 480, tablet: 768 });
+ * ```
+ */
+export function useMkScreenSize(breakpoints) {
+    const bp = Object.assign(Object.assign({}, DEFAULT_BREAKPOINTS), breakpoints);
+    const compute = () => {
+        const w = typeof window !== 'undefined' ? window.innerWidth : 1200;
+        const h = typeof window !== 'undefined' ? window.innerHeight : 800;
+        return {
+            width: w,
+            height: h,
+            isMobile: w <= bp.mobile,
+            isTablet: w > bp.mobile && w <= bp.tablet,
+            isDesktop: w > bp.tablet,
+        };
+    };
+    const [size, setSize] = useState(compute);
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const handleResize = () => setSize(compute());
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [bp.mobile, bp.tablet]);
+    return size;
+}
+//# sourceMappingURL=useMkScreenSize.js.map

package/dist/hooks/useMkScreenSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkScreenSize.js","sourceRoot":"","sources":["../../src/hooks/useMkScreenSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAe5C,MAAM,mBAAmB,GAAwB;IAC7C,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,IAAI;CACf,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,eAAe,CAAC,WAA0C;IACtE,MAAM,EAAE,mCAAQ,mBAAmB,GAAK,WAAW,CAAE,CAAC;IAEtD,MAAM,OAAO,GAAG,GAAiB,EAAE;QAC/B,MAAM,CAAC,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QACnE,MAAM,CAAC,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;QACnE,OAAO;YACH,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,MAAM;YACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM;YACzC,SAAS,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM;SAC3B,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAe,OAAO,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAE1C,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QAE9C,YAAY,EAAE,CAAC;QACf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACpE,uDAAuD;IACvD,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE3B,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/dist/hooks/useMkStore.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Creates a lightweight external store with React 18's useSyncExternalStore.
+ * No Context/Provider needed — just create and use anywhere.
+ *
+ * @example
+ * ```ts
+ * // store.ts
+ * export const useCounter = createMkStore(0);
+ *
+ * // Component.tsx
+ * const [count, setCount] = useCounter();
+ * setCount(count + 1);
+ * ```
+ */
+export declare function createMkStore<T>(initialState: T): {
+    (): readonly [T, (newState: T | ((prev: T) => T)) => void];
+    getState: () => T;
+    setState: (newState: T | ((prev: T) => T)) => void;
+    subscribe: (listener: () => void) => () => void;
+    reset: () => void;
+};
+//# sourceMappingURL=useMkStore.d.ts.map

package/dist/hooks/useMkStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkStore.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkStore.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC;QAqCvB,SAAS,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC;;yBA3B/C,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;0BAUnB,MAAM,IAAI;;EA6B1C"}

package/dist/hooks/useMkStore.js

@@ -0,0 +1,58 @@
+import { useSyncExternalStore } from 'react';
+/**
+ * Creates a lightweight external store with React 18's useSyncExternalStore.
+ * No Context/Provider needed — just create and use anywhere.
+ *
+ * @example
+ * ```ts
+ * // store.ts
+ * export const useCounter = createMkStore(0);
+ *
+ * // Component.tsx
+ * const [count, setCount] = useCounter();
+ * setCount(count + 1);
+ * ```
+ */
+export function createMkStore(initialState) {
+    let state = initialState;
+    let listeners = [];
+    const notifyListeners = () => {
+        listeners.forEach(listener => listener());
+    };
+    const getSnapshot = () => state;
+    const setState = (newState) => {
+        const nextState = typeof newState === 'function'
+            ? newState(state)
+            : newState;
+        if (Object.is(state, nextState))
+            return;
+        state = nextState;
+        notifyListeners();
+    };
+    const subscribe = (listener) => {
+        listeners.push(listener);
+        return () => {
+            listeners = listeners.filter(l => l !== listener);
+        };
+    };
+    /** Reset store to initial state */
+    const reset = () => {
+        state = initialState;
+        notifyListeners();
+    };
+    /**
+     * React hook to consume this store.
+     * Returns [state, setState] tuple (like useState).
+     */
+    function useStore() {
+        const currentState = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+        return [currentState, setState];
+    }
+    // Attach utilities to the hook
+    useStore.getState = getSnapshot;
+    useStore.setState = setState;
+    useStore.subscribe = subscribe;
+    useStore.reset = reset;
+    return useStore;
+}
+//# sourceMappingURL=useMkStore.js.map

package/dist/hooks/useMkStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkStore.js","sourceRoot":"","sources":["../../src/hooks/useMkStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,aAAa,CAAI,YAAe;IAC5C,IAAI,KAAK,GAAG,YAAY,CAAC;IACzB,IAAI,SAAS,GAAsB,EAAE,CAAC;IAEtC,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;IAEhC,MAAM,QAAQ,GAAG,CAAC,QAA8B,EAAE,EAAE;QAChD,MAAM,SAAS,GAAG,OAAO,QAAQ,KAAK,UAAU;YAC5C,CAAC,CAAE,QAA2B,CAAC,KAAK,CAAC;YACrC,CAAC,CAAC,QAAQ,CAAC;QAEf,IAAI,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;YAAE,OAAO;QACxC,KAAK,GAAG,SAAS,CAAC;QAClB,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,QAAoB,EAAE,EAAE;QACvC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzB,OAAO,GAAG,EAAE;YACR,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC;QACtD,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,mCAAmC;IACnC,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,KAAK,GAAG,YAAY,CAAC;QACrB,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC;IAEF;;;OAGG;IACH,SAAS,QAAQ;QACb,MAAM,YAAY,GAAG,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;QAC/E,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAU,CAAC;IAC7C,CAAC;IAED,+BAA+B;IAC/B,QAAQ,CAAC,QAAQ,GAAG,WAAW,CAAC;IAChC,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;IAEvB,OAAO,QAAQ,CAAC;AACpB,CAAC"}

package/dist/hooks/useMkToggle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * useMkToggle
+ * 🚀 Gestor de estado booleano simple y atómico.
+ */
+export declare const useMkToggle: (initialValue?: boolean) => [boolean, () => void, (v: boolean) => void];
+//# sourceMappingURL=useMkToggle.d.ts.map

package/dist/hooks/useMkToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useMkToggle.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,eAAc,OAAe,KAAG,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAQrG,CAAC"}

package/dist/hooks/useMkToggle.js

@@ -0,0 +1,13 @@
+import { useState, useCallback } from 'react';
+/**
+ * useMkToggle
+ * 🚀 Gestor de estado booleano simple y atómico.
+ */
+export const useMkToggle = (initialValue = false) => {
+    const [value, setValue] = useState(initialValue);
+    const toggle = useCallback(() => {
+        setValue((v) => !v);
+    }, []);
+    return [value, toggle, setValue];
+};
+//# sourceMappingURL=useMkToggle.js.map

package/dist/hooks/useMkToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkToggle.js","sourceRoot":"","sources":["../../src/hooks/useMkToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,eAAwB,KAAK,EAA+C,EAAE;IACxG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,YAAY,CAAC,CAAC;IAE1D,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;AACnC,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+export * from './components';
+export { MkThemeEditor } from './components/MkThemeEditor';
+export { MkThemeProvider, useMkTheme } from './theme/MkThemeProvider';
+export * from './context/MkApiContext';
+export * from './context/MkToastContext';
+export * from './context/MkConfirmContext';
+export * from './theme/MkThemeProvider';
+export * from './hooks/useApi';
+export * from './hooks/useMkList';
+export * from './hooks/useMkInfiniteList';
+export * from './hooks/useMkDebounce';
+export * from './hooks/useMkInViewPort';
+export * from './hooks/useMkClickOutside';
+export * from './hooks/useMkEffectDebug';
+export * from './hooks/useMkEvent';
+export * from './hooks/useMkLocalStorage';
+export * from './hooks/useMkPrevious';
+export * from './hooks/useMkToggle';
+export * from './hooks/useMkForm';
+export * from './hooks/useMkCrud';
+export * from './hooks/useMkMediaQuery';
+export * from './hooks/useMkScreenSize';
+export * from './hooks/useMkLongPress';
+export * from './hooks/useMkStore';
+export { MkAuthProvider } from './auth/MkAuthProvider';
+export type { MkAuthProviderProps } from './auth/MkAuthProvider';
+export { useMkAuth } from './auth/useMkAuth';
+export { MkAuthForm } from './auth/MkAuthForm';
+export type { MkAuthFormProps } from './auth/MkAuthForm';
+export type { MkAuthContextValue } from './auth/MkAuthContext';
+export type { AdminDto, AuthTokens, LoginInput, LoginResponse, RefreshResponse, } from './auth/types';
+export * from './utils/images';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGtE,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAGnC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,aAAa,EACb,eAAe,GAClB,MAAM,cAAc,CAAC;AAGtB,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,37 @@
+export * from './components';
+export { MkThemeEditor } from './components/MkThemeEditor';
+export { MkThemeProvider, useMkTheme } from './theme/MkThemeProvider';
+// Contexts
+export * from './context/MkApiContext';
+export * from './context/MkToastContext';
+export * from './context/MkConfirmContext';
+export * from './theme/MkThemeProvider';
+// Hooks
+export * from './hooks/useApi';
+export * from './hooks/useMkList';
+export * from './hooks/useMkInfiniteList';
+export * from './hooks/useMkDebounce';
+export * from './hooks/useMkInViewPort';
+export * from './hooks/useMkClickOutside';
+export * from './hooks/useMkEffectDebug';
+export * from './hooks/useMkEvent';
+export * from './hooks/useMkLocalStorage';
+export * from './hooks/useMkPrevious';
+export * from './hooks/useMkToggle';
+export * from './hooks/useMkForm';
+export * from './hooks/useMkCrud';
+export * from './hooks/useMkMediaQuery';
+export * from './hooks/useMkScreenSize';
+export * from './hooks/useMkLongPress';
+export * from './hooks/useMkStore';
+// Auth (mk-web 1.0 — scope-aware provider, see MK-WEB-1.0.3 / 1.0.4)
+export { MkAuthProvider } from './auth/MkAuthProvider';
+export { useMkAuth } from './auth/useMkAuth';
+export { MkAuthForm } from './auth/MkAuthForm';
+// Utils
+export * from './utils/images';
+// Note: Global CSS (`@mk/web/styles/index.css`) MUST be imported by the
+// consuming app from `pages/_app.tsx` (or `app/layout.tsx`) — Next 13+
+// forbids auto-importing global CSS from a package's main entry, and
+// Turbopack in Next 16 enforces it strictly. See package README for usage.
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEtE,WAAW;AACX,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AAExC,QAAQ;AACR,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AAEnC,qEAAqE;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAW/C,QAAQ;AACR,cAAc,gBAAgB,CAAC;AAE/B,wEAAwE;AACxE,uEAAuE;AACvE,qEAAqE;AACrE,2EAA2E"}

package/dist/styles/index.css

@@ -0,0 +1,124 @@
+/**
+ * MK-Director Design Tokens
+ * -------------------------
+ * Overwrite these variables in your own CSS to customize the entire UI Kit.
+ */
+
+:root {
+    /* Colors - Light Mode */
+    --mk-primary: #3b82f6;
+    --mk-primary-foreground: #ffffff;
+
+    --mk-background: #ffffff;
+    --mk-foreground: #0f172a;
+
+    --mk-muted: #f1f5f9;
+    --mk-muted-foreground: #64748b;
+
+    --mk-accent: #f8fafc;
+    --mk-accent-foreground: #0f172a;
+
+    --mk-border: #e2e8f0;
+    --mk-input: #e2e8f0;
+
+    --mk-success: #10b981;
+    --mk-success-foreground: #ffffff;
+    --mk-error: #ef4444;
+    --mk-error-foreground: #ffffff;
+    --mk-warning: #f59e0b;
+    --mk-warning-foreground: #ffffff;
+    --mk-info: #3b82f6;
+    --mk-info-foreground: #ffffff;
+
+    /* Card / Surface */
+    --mk-card: #ffffff;
+    --mk-card-foreground: #0f172a;
+
+    /* Popover / Dropdown */
+    --mk-popover: #ffffff;
+    --mk-popover-foreground: #0f172a;
+
+    /* Shared Tokens */
+    --mk-radius: 0.5rem;
+    --mk-font-sans: 'Inter', system-ui, sans-serif;
+
+    /* Animations & Transitions */
+    --mk-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    --mk-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --mk-ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --mk-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+@keyframes mk-fade-in {
+    from {
+        opacity: 0;
+        transform: translateY(8px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+@keyframes mk-shimmer {
+    0% {
+        background-position: -200% 0;
+    }
+    100% {
+        background-position: 200% 0;
+    }
+}
+
+@keyframes mk-pulse-subtle {
+    0%,
+    100% {
+        opacity: 1;
+        transform: scale(1);
+    }
+    50% {
+        opacity: 0.85;
+        transform: scale(0.995);
+    }
+}
+
+/* Dark Mode */
+.mk-dark {
+    --mk-background: #0f172a;
+    --mk-foreground: #f8fafc;
+
+    --mk-muted: #1e293b;
+    --mk-muted-foreground: #94a3b8;
+
+    --mk-accent: #1e293b;
+    --mk-accent-foreground: #f8fafc;
+
+    --mk-border: #334155;
+    --mk-input: #334155;
+
+    --mk-primary: #60a5fa;
+    --mk-primary-foreground: #0f172a;
+
+    --mk-success-foreground: #0f172a;
+    --mk-error-foreground: #ffffff;
+    --mk-warning-foreground: #0f172a;
+    --mk-info-foreground: #0f172a;
+
+    /* Card / Surface */
+    --mk-card: #1e293b;
+    --mk-card-foreground: #f8fafc;
+
+    /* Popover / Dropdown */
+    --mk-popover: #1e293b;
+    --mk-popover-foreground: #f8fafc;
+}
+
+/* Global Styles */
+* {
+    border-color: var(--mk-border);
+}
+
+body {
+    background-color: var(--mk-background);
+    color: var(--mk-foreground);
+    font-family: var(--mk-font-sans);
+}

package/dist/test-setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/test-setup.js

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=test-setup.js.map

package/dist/test-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.js","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}