@makroz/web 1.2.0 → 1.2.1

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,42 @@
+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);
+    }, [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;IAEpE,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.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 (`@makroz/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,4EAA4E;AAC5E,uEAAuE;AACvE,qEAAqE;AACrE,2EAA2E"}

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,31 @@
+var _a, _b;
+import '@testing-library/jest-dom';
+// jsdom does not implement these browser APIs. Both are used by
+// virtualized list components (MkWindowList uses ResizeObserver;
+// MkInfiniteList uses IntersectionObserver). We stub them with
+// no-op classes so jsdom can mount the components without crashing.
+class ResizeObserverStub {
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+}
+class IntersectionObserverStub {
+    constructor() {
+        this.root = null;
+        this.rootMargin = '';
+        this.thresholds = [];
+    }
+    observe() { }
+    unobserve() { }
+    disconnect() { }
+    takeRecords() {
+        return [];
+    }
+}
+// jsdom does not implement these browser APIs. Both are used by
+// virtualized list components (MkWindowList uses ResizeObserver;
+// MkInfiniteList uses IntersectionObserver). We stub them with
+// no-op classes so jsdom can mount the components without crashing.
+globalThis.ResizeObserver = (_a = globalThis.ResizeObserver) !== null && _a !== void 0 ? _a : ResizeObserverStub;
+globalThis.IntersectionObserver = (_b = globalThis.IntersectionObserver) !== null && _b !== void 0 ? _b : IntersectionObserverStub;
+//# 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;AAEnC,gEAAgE;AAChE,iEAAiE;AACjE,+DAA+D;AAC/D,oEAAoE;AACpE,MAAM,kBAAkB;IACpB,OAAO,KAAI,CAAC;IACZ,SAAS,KAAI,CAAC;IACd,UAAU,KAAI,CAAC;CAClB;AAED,MAAM,wBAAwB;IAA9B;QACa,SAAI,GAAG,IAAI,CAAC;QACZ,eAAU,GAAG,EAAE,CAAC;QAChB,eAAU,GAA0B,EAAE,CAAC;IAOpD,CAAC;IANG,OAAO,KAAI,CAAC;IACZ,SAAS,KAAI,CAAC;IACd,UAAU,KAAI,CAAC;IACf,WAAW;QACP,OAAO,EAAE,CAAC;IACd,CAAC;CACJ;AAED,gEAAgE;AAChE,iEAAiE;AACjE,+DAA+D;AAC/D,oEAAoE;AACpE,UAAU,CAAC,cAAc,GAAG,MAAA,UAAU,CAAC,cAAc,mCAAI,kBAAkB,CAAC;AAC5E,UAAU,CAAC,oBAAoB,GAAG,MAAA,UAAU,CAAC,oBAAoB,mCAAI,wBAAwB,CAAC"}

package/dist/theme/MkThemeProvider.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { MkTheme } from '@makroz/core';
+interface ThemeContextType {
+    theme: MkTheme;
+    isDark: boolean;
+    toggleTheme: () => void;
+    setDark: (dark: boolean) => void;
+    customOverrides: Partial<Record<string, string>>;
+    updateOverride: (key: string, value: string) => void;
+    resetOverrides: () => void;
+}
+export declare function MkThemeProvider({ children, initialDark, defaultTheme, }: {
+    children: React.ReactNode;
+    initialDark?: boolean;
+    defaultTheme?: MkTheme;
+}): React.JSX.Element;
+export declare const useMkTheme: () => ThemeContextType;
+export { tokens } from '@makroz/core';
+export type { MkTheme } from '@makroz/core';
+//# sourceMappingURL=MkThemeProvider.d.ts.map

package/dist/utils/images.d.ts

@@ -0,0 +1,9 @@
+/**
+ * mkResizeImage
+ *
+ * Frontend image resizer using Canvas.
+ * Generates a WebP version of the image with the specified constraints.
+ * 🚀 Performance-first: Reduces upload payload size.
+ */
+export declare const mkResizeImage: (file: File | Blob, maxWidth?: number, maxHeight?: number, quality?: number) => Promise<string>;
+//# sourceMappingURL=images.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../src/utils/images.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GACtB,MAAM,IAAI,GAAG,IAAI,EACjB,WAAU,MAAa,EACvB,YAAW,MAAa,EACxB,UAAS,MAAY,KACtB,OAAO,CAAC,MAAM,CAgDhB,CAAC"}

package/dist/utils/images.js

@@ -0,0 +1,50 @@
+/**
+ * mkResizeImage
+ *
+ * Frontend image resizer using Canvas.
+ * Generates a WebP version of the image with the specified constraints.
+ * 🚀 Performance-first: Reduces upload payload size.
+ */
+export const mkResizeImage = async (file, maxWidth = 1024, maxHeight = 1024, quality = 0.8) => {
+    return new Promise((resolve, reject) => {
+        if (typeof window === 'undefined') {
+            return reject(new Error('mkResizeImage solo puede usarse en el navegador.'));
+        }
+        const reader = new FileReader();
+        reader.onload = (event) => {
+            var _a;
+            const img = new Image();
+            img.src = (_a = event.target) === null || _a === void 0 ? void 0 : _a.result;
+            img.onload = () => {
+                let width = img.width;
+                let height = img.height;
+                // Adjust based on constraints
+                if (width > maxWidth || height > maxHeight) {
+                    const aspectRatio = width / height;
+                    if (width > height) {
+                        width = maxWidth;
+                        height = maxWidth / aspectRatio;
+                    }
+                    else {
+                        height = maxHeight;
+                        width = maxHeight * aspectRatio;
+                    }
+                }
+                const canvas = document.createElement('canvas');
+                canvas.width = width;
+                canvas.height = height;
+                const ctx = canvas.getContext('2d');
+                if (!ctx)
+                    return reject(new Error('No se pudo obtener el contexto 2d del canvas.'));
+                ctx.drawImage(img, 0, 0, width, height);
+                // Convert to WebP for modern performance
+                const resizedImage = canvas.toDataURL('image/webp', quality);
+                resolve(resizedImage);
+            };
+            img.onerror = () => reject(new Error('Error al cargar la imagen en el motor de renderizado.'));
+        };
+        reader.onerror = () => reject(new Error('Error al leer el archivo de origen.'));
+        reader.readAsDataURL(file);
+    });
+};
+//# sourceMappingURL=images.js.map

package/dist/utils/images.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"images.js","sourceRoot":"","sources":["../../src/utils/images.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,EAC9B,IAAiB,EACjB,WAAmB,IAAI,EACvB,YAAoB,IAAI,EACxB,UAAkB,GAAG,EACN,EAAE;IACjB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACnC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAChC,OAAO,MAAM,CAAC,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC,CAAC;QACjF,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAEhC,MAAM,CAAC,MAAM,GAAG,CAAC,KAAK,EAAE,EAAE;;YACtB,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;YACxB,GAAG,CAAC,GAAG,GAAG,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAgB,CAAC;YAEzC,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE;gBACd,IAAI,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC;gBACtB,IAAI,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;gBAExB,8BAA8B;gBAC9B,IAAI,KAAK,GAAG,QAAQ,IAAI,MAAM,GAAG,SAAS,EAAE,CAAC;oBACzC,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,CAAC;oBACnC,IAAI,KAAK,GAAG,MAAM,EAAE,CAAC;wBACjB,KAAK,GAAG,QAAQ,CAAC;wBACjB,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;oBACpC,CAAC;yBAAM,CAAC;wBACJ,MAAM,GAAG,SAAS,CAAC;wBACnB,KAAK,GAAG,SAAS,GAAG,WAAW,CAAC;oBACpC,CAAC;gBACL,CAAC;gBAED,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAChD,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;gBACrB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;gBACvB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;gBAEpC,IAAI,CAAC,GAAG;oBAAE,OAAO,MAAM,CAAC,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC,CAAC;gBAEpF,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;gBAExC,yCAAyC;gBACzC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;gBAC7D,OAAO,CAAC,YAAY,CAAC,CAAC;YAC1B,CAAC,CAAC;YAEF,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC,CAAC;QACnG,CAAC,CAAC;QAEF,MAAM,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAC,CAAC;QAChF,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makroz/web",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "React UI components and hooks for MK-Director web applications",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@tanstack/react-query": "^5.62.0",
-    "@makroz/core": "1.1.0"
+    "@makroz/core": "1.1.1"
   },
   "peerDependencies": {
     "next": "^16.0.0",