@makroz/web 1.0.1

package/dist/auth/auth/MkAuthForm.d.ts

@@ -0,0 +1,41 @@
+export interface MkAuthFormProps {
+    /** Auth scope to use, e.g. "admin", "member", "guard". */
+    scope: string;
+    /**
+     * Path to navigate to after a successful login. Defaults to
+     * `/{scope}/dashboard`. Use a fully qualified path or a relative one
+     * — this component only triggers a callback.
+     */
+    redirectAfterLogin?: string;
+    /**
+     * Show a "¿Olvidaste tu contraseña?" link below the submit button.
+     * Defaults to `true`.
+     */
+    showForgotPassword?: boolean;
+    /**
+     * Optional: invoked after a successful login. Receives the resolved
+     * `AdminDto` and the `redirectAfterLogin` value so the host can do
+     * `router.push(...)` with its own router. When omitted, the
+     * component only logs the success.
+     */
+    onLoginSuccess?: (admin: {
+        id: string;
+        email: string;
+    }, redirectTo: string) => void;
+    /**
+     * Optional: invoked when the user clicks the forgot-password link.
+     * When omitted, the link is rendered as a plain `<a href="/{scope}/forgot">`
+     * — sufficient for any routing setup.
+     */
+    onForgotPassword?: () => void;
+}
+/**
+ * Minimal, dependency-free login form. Renders email + password fields,
+ * a submit button, an inline error region, and an optional
+ * "¿Olvidaste tu contraseña?" link.
+ *
+ * Validation is intentionally simple (non-empty + email shape) — the
+ * server is the source of truth, and this keeps the component focused
+ * on the auth lifecycle.
+ */
+export declare function MkAuthForm({ scope, redirectAfterLogin, showForgotPassword, onLoginSuccess, onForgotPassword, }: MkAuthFormProps): React.JSX.Element;

package/dist/auth/auth/MkAuthProvider.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from 'react';
+import type { AuthStorageAdapter } from './types';
+export interface MkAuthProviderProps {
+    /** Logical scope of this provider, e.g. "admin", "member", "guard". */
+    scope: string;
+    /**
+     * Base URL of the API. The provider appends `/api/${scope}/auth/...`
+     * to it. Trailing slashes are tolerated.
+     */
+    apiBaseUrl: string;
+    /** Children wrapped by the provider. */
+    children: ReactNode;
+    /**
+     * Optional storage adapter. Defaults to `window.localStorage` when
+     * available. Tests pass an in-memory adapter.
+     */
+    storage?: AuthStorageAdapter;
+    /**
+     * Optional: inject a custom `fetch` implementation (e.g. for tests
+     * that polyfill `global.fetch` differently). Defaults to `globalThis.fetch`.
+     */
+    fetcher?: typeof fetch;
+}
+/**
+ * `<QueryClientProvider>` + `<MkAuthProviderInner>`. The outer wrapper
+ * exists so consumers don't have to remember to also mount a
+ * `QueryClient` — the auth provider is self-contained.
+ */
+export declare function MkAuthProvider(props: MkAuthProviderProps): React.JSX.Element;

package/dist/auth/auth/types.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Auth types for @mk/web.
+ *
+ * Mirrors the JSON contract produced by the Laravel backend's
+ * `AuthTokenResource` and `AdminResource` (see
+ * `apps/sandbox-laravel/app/Modules/Admin/Http/Resources/*`):
+ *
+ * - `AdminDto` — shape returned by `/api/{scope}/auth/me` and embedded in
+ *   login/refresh responses under `admin`.
+ * - `AuthTokens` — the `access_token` / `refresh_token` bundle issued on
+ *   successful login and refresh.
+ * - `LoginInput` — payload POSTed to `/api/{scope}/auth/login`.
+ * - `RefreshResponse` — shape returned by `/api/{scope}/auth/refresh`.
+ *
+ * These types are intentionally local to the auth module (not exported as
+ * a generic MK contract) so that future scopes (e.g. `member`, `guard`)
+ * can reuse the same provider with their own DTOs.
+ */
+export interface AdminDto {
+    id: string;
+    name: string;
+    email: string;
+    auth_scope: string;
+    email_verified_at: string | null;
+    abilities: string[];
+    roles: string[];
+}
+export interface AuthTokens {
+    access_token: string;
+    refresh_token: string;
+    token_type: 'Bearer';
+    expires_in: number;
+}
+export interface LoginInput {
+    email: string;
+    password: string;
+}
+export interface RefreshResponse extends AuthTokens {
+    admin: AdminDto;
+}
+export interface AuthStorageAdapter {
+    getItem: (key: string) => string | null;
+    setItem: (key: string, value: string) => void;
+    removeItem: (key: string) => void;
+}
+/**
+ * JSON shape returned by a login attempt. Login responses nest the user
+ * under `admin` (matches the backend's `AuthTokenResource`).
+ */
+export interface LoginResponse {
+    access_token: string;
+    refresh_token: string;
+    token_type: 'Bearer';
+    expires_in: number;
+    admin: AdminDto;
+}
+/**
+ * JSON shape returned by the `/me` endpoint.
+ */
+export interface MeResponse {
+    data: AdminDto;
+}

package/dist/auth/auth/useMkAuth.d.ts

@@ -0,0 +1,18 @@
+import type { MkAuthContextValue } from './MkAuthContext';
+/**
+ * Hook to consume the value exposed by `<MkAuthProvider>`.
+ *
+ * Throws if used outside of a provider — this is intentional. We don't
+ * want auth code to silently no-op when the provider is missing, which
+ * is a real source of bugs (e.g. a deeply nested page that forgets to
+ * mount the auth context).
+ *
+ * The error message is deliberately short and includes the provider name
+ * so the dev can grep for it.
+ *
+ * @example
+ * ```tsx
+ * const { user, isAuthenticated, hasAbility, login, logout } = useMkAuth();
+ * ```
+ */
+export declare function useMkAuth(): MkAuthContextValue;

package/dist/auth/components/MkButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { MkTheme } from '@mk/core';
+interface MkButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'outline' | 'ghost' | 'error';
+    loading?: boolean;
+    /** @deprecated Theme is now controlled via CSS variables */
+    _theme?: MkTheme;
+}
+export declare const MkButton: React.FC<MkButtonProps>;
+export {};

package/dist/auth/components/MkInput.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface MkInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    label?: string;
+    error?: string;
+    success?: boolean;
+    helperText?: string;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    onChange?: (value: string) => void;
+}
+export declare const MkInput: React.FC<MkInputProps>;
+export {};

package/dist/auth/types.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Auth types for @mk/web.
+ *
+ * Mirrors the JSON contract produced by the Laravel backend's
+ * `AuthTokenResource` and `AdminResource` (see
+ * `apps/sandbox-laravel/app/Modules/Admin/Http/Resources/*`):
+ *
+ * - `AdminDto` — shape returned by `/api/{scope}/auth/me` and embedded in
+ *   login/refresh responses under `admin`.
+ * - `AuthTokens` — the `access_token` / `refresh_token` bundle issued on
+ *   successful login and refresh.
+ * - `LoginInput` — payload POSTed to `/api/{scope}/auth/login`.
+ * - `RefreshResponse` — shape returned by `/api/{scope}/auth/refresh`.
+ *
+ * These types are intentionally local to the auth module (not exported as
+ * a generic MK contract) so that future scopes (e.g. `member`, `guard`)
+ * can reuse the same provider with their own DTOs.
+ */
+export interface AdminDto {
+    id: string;
+    name: string;
+    email: string;
+    auth_scope: string;
+    email_verified_at: string | null;
+    abilities: string[];
+    roles: string[];
+}
+export interface AuthTokens {
+    access_token: string;
+    refresh_token: string;
+    token_type: 'Bearer';
+    expires_in: number;
+}
+export interface LoginInput {
+    email: string;
+    password: string;
+}
+export interface RefreshResponse extends AuthTokens {
+    admin: AdminDto;
+}
+export interface AuthStorageAdapter {
+    getItem: (key: string) => string | null;
+    setItem: (key: string, value: string) => void;
+    removeItem: (key: string) => void;
+}
+/**
+ * JSON shape returned by a login attempt. Login responses nest the user
+ * under `admin` (matches the backend's `AuthTokenResource`).
+ */
+export interface LoginResponse {
+    access_token: string;
+    refresh_token: string;
+    token_type: 'Bearer';
+    expires_in: number;
+    admin: AdminDto;
+}
+/**
+ * JSON shape returned by the `/me` endpoint.
+ */
+export interface MeResponse {
+    data: AdminDto;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/auth/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/auth/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IAC/C,KAAK,EAAE,QAAQ,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IAC/B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACxC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,QAAQ,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACvB,IAAI,EAAE,QAAQ,CAAC;CAClB"}

package/dist/auth/types.js

@@ -0,0 +1,20 @@
+/**
+ * Auth types for @mk/web.
+ *
+ * Mirrors the JSON contract produced by the Laravel backend's
+ * `AuthTokenResource` and `AdminResource` (see
+ * `apps/sandbox-laravel/app/Modules/Admin/Http/Resources/*`):
+ *
+ * - `AdminDto` — shape returned by `/api/{scope}/auth/me` and embedded in
+ *   login/refresh responses under `admin`.
+ * - `AuthTokens` — the `access_token` / `refresh_token` bundle issued on
+ *   successful login and refresh.
+ * - `LoginInput` — payload POSTed to `/api/{scope}/auth/login`.
+ * - `RefreshResponse` — shape returned by `/api/{scope}/auth/refresh`.
+ *
+ * These types are intentionally local to the auth module (not exported as
+ * a generic MK contract) so that future scopes (e.g. `member`, `guard`)
+ * can reuse the same provider with their own DTOs.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/auth/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/auth/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG"}

package/dist/auth/useMkAuth.d.ts

@@ -0,0 +1,19 @@
+import type { MkAuthContextValue } from './MkAuthContext';
+/**
+ * Hook to consume the value exposed by `<MkAuthProvider>`.
+ *
+ * Throws if used outside of a provider — this is intentional. We don't
+ * want auth code to silently no-op when the provider is missing, which
+ * is a real source of bugs (e.g. a deeply nested page that forgets to
+ * mount the auth context).
+ *
+ * The error message is deliberately short and includes the provider name
+ * so the dev can grep for it.
+ *
+ * @example
+ * ```tsx
+ * const { user, isAuthenticated, hasAbility, login, logout } = useMkAuth();
+ * ```
+ */
+export declare function useMkAuth(): MkAuthContextValue;
+//# sourceMappingURL=useMkAuth.d.ts.map

package/dist/auth/useMkAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkAuth.d.ts","sourceRoot":"","sources":["../../src/auth/useMkAuth.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C"}

package/dist/auth/useMkAuth.js

@@ -0,0 +1,26 @@
+import { useContext } from 'react';
+import { MkAuthContext } from './MkAuthContext';
+/**
+ * Hook to consume the value exposed by `<MkAuthProvider>`.
+ *
+ * Throws if used outside of a provider — this is intentional. We don't
+ * want auth code to silently no-op when the provider is missing, which
+ * is a real source of bugs (e.g. a deeply nested page that forgets to
+ * mount the auth context).
+ *
+ * The error message is deliberately short and includes the provider name
+ * so the dev can grep for it.
+ *
+ * @example
+ * ```tsx
+ * const { user, isAuthenticated, hasAbility, login, logout } = useMkAuth();
+ * ```
+ */
+export function useMkAuth() {
+    const ctx = useContext(MkAuthContext);
+    if (!ctx) {
+        throw new Error('MkAuthProvider missing');
+    }
+    return ctx;
+}
+//# sourceMappingURL=useMkAuth.js.map

package/dist/auth/useMkAuth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMkAuth.js","sourceRoot":"","sources":["../../src/auth/useMkAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,SAAS;IACrB,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IACtC,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC"}

package/dist/components/MkAccordion.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+/**
+ * @module MkAccordion
+ * @description Collapsible accordion sections. Supports single or multiple open items.
+ *
+ * @example
+ * ```tsx
+ * <MkAccordion
+ *   items={[
+ *     { key: 'faq1', title: '¿Cómo funciona?', content: <p>Explicación aquí...</p> },
+ *     { key: 'faq2', title: 'Precios', content: <p>Gratis para siempre</p> },
+ *   ]}
+ *   multiple
+ * />
+ * ```
+ */
+export interface MkAccordionItem {
+    key: string;
+    title: string | React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+export interface MkAccordionProps {
+    items: MkAccordionItem[];
+    /** Allow multiple items open at once. Default false. */
+    multiple?: boolean;
+    /** Initially expanded keys. */
+    defaultExpanded?: string[];
+    /** Controlled expanded keys. */
+    expanded?: string[];
+    onChange?: (expandedKeys: string[]) => void;
+    variant?: 'default' | 'bordered' | 'separated';
+    className?: string;
+}
+export declare const MkAccordion: React.FC<MkAccordionProps>;
+//# sourceMappingURL=MkAccordion.d.ts.map

package/dist/components/MkAccordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkAccordion.d.ts","sourceRoot":"","sources":["../../src/components/MkAccordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD;;;;;;;;;;;;;;GAcG;AAEH,MAAM,WAAW,eAAe;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqDlD,CAAC"}

package/dist/components/MkAccordion.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import { useState, useCallback } from 'react';
+import styles from './MkAccordion.module.css';
+export const MkAccordion = ({ items = [], multiple = false, defaultExpanded = [], expanded: controlledExpanded, onChange, variant = 'default', className, }) => {
+    const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);
+    const expandedKeys = controlledExpanded !== null && controlledExpanded !== void 0 ? controlledExpanded : internalExpanded;
+    const toggleItem = useCallback((key) => {
+        let next;
+        if (expandedKeys.includes(key)) {
+            next = expandedKeys.filter((k) => k !== key);
+        }
+        else {
+            next = multiple ? [...expandedKeys, key] : [key];
+        }
+        setInternalExpanded(next);
+        onChange === null || onChange === void 0 ? void 0 : onChange(next);
+    }, [expandedKeys, multiple, onChange]);
+    return (_jsx("div", { className: `${styles.accordion} ${styles[variant]} ${className || ''}`, children: items.map((item) => {
+            const isOpen = expandedKeys.includes(item.key);
+            return (_jsxs("div", { className: `${styles.item} ${isOpen ? styles.open : ''}`, children: [_jsxs("button", { className: styles.header, onClick: () => !item.disabled && toggleItem(item.key), disabled: item.disabled, "aria-expanded": isOpen, children: [_jsx("span", { className: styles.title, children: item.title }), _jsx("span", { className: `${styles.chevron} ${isOpen ? styles.chevronOpen : ''}`, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: _jsx("polyline", { points: "4 6 8 10 12 6" }) }) })] }), _jsx("div", { className: `${styles.body} ${isOpen ? styles.bodyOpen : ''}`, children: _jsx("div", { className: styles.content, children: item.content }) })] }, item.key));
+        }) }));
+};
+//# sourceMappingURL=MkAccordion.js.map

package/dist/components/MkAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkAccordion.js","sourceRoot":"","sources":["../../src/components/MkAccordion.tsx"],"names":[],"mappings":"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"}

package/dist/components/MkAccordion.module.css

@@ -0,0 +1,79 @@
+.accordion { 
+    --mk-accordion-border: var(--mk-border);
+    --mk-accordion-bg: transparent;
+    --mk-accordion-header-hover: var(--mk-muted);
+    --mk-accordion-radius: var(--mk-radius, 8px);
+    --mk-accordion-color: var(--mk-foreground);
+    --mk-accordion-muted-color: var(--mk-muted-foreground);
+
+    width: 100%; 
+    color: var(--mk-accordion-color);
+}
+
+/* ── Default ── */
+.default .item { border-bottom: 1px solid var(--mk-accordion-border); }
+.default .item:last-child { border-bottom: none; }
+
+/* ── Bordered ── */
+.bordered { 
+    border: 1px solid var(--mk-accordion-border); 
+    border-radius: var(--mk-accordion-radius); 
+    overflow: hidden; 
+}
+.bordered .item + .item { border-top: 1px solid var(--mk-accordion-border); }
+
+/* ── Separated ── */
+.separated { display: flex; flex-direction: column; gap: 0.5rem; }
+.separated .item { 
+    border: 1px solid var(--mk-accordion-border); 
+    border-radius: var(--mk-accordion-radius); 
+    overflow: hidden; 
+}
+
+/* ── Header ── */
+.header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    padding: 0.875rem 1rem;
+    background-color: var(--mk-accordion-bg);
+    border: none;
+    cursor: pointer;
+    color: inherit;
+    font-size: 0.9375rem;
+    font-weight: 500;
+    outline: none;
+    transition: background-color 0.15s ease;
+    text-align: left;
+}
+
+.header:hover { background-color: var(--mk-accordion-header-hover); }
+.header:focus-visible { box-shadow: inset 0 0 0 2px var(--mk-primary); }
+.header:disabled { opacity: 0.4; cursor: not-allowed; }
+
+.title { flex: 1; }
+
+.chevron {
+    display: flex;
+    color: var(--mk-accordion-muted-color);
+    transition: transform 0.2s ease;
+    flex-shrink: 0;
+}
+.chevronOpen { transform: rotate(180deg); }
+
+/* ── Body ── */
+.body {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.25s ease;
+}
+
+.bodyOpen { max-height: 1000px; }
+
+.content {
+    padding: 0 1rem 1rem;
+    font-size: 0.875rem;
+    color: var(--mk-accordion-muted-color);
+    line-height: 1.6;
+}

package/dist/components/MkAlert.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+/**
+ * @module MkAlert
+ * @description Inline alert banner for validation messages, warnings, and info.
+ * Not a toast — renders inline in the document flow.
+ *
+ * @example
+ * ```tsx
+ * <MkAlert variant="warning" title="Atención">
+ *   Esta acción no se puede deshacer.
+ * </MkAlert>
+ * ```
+ */
+export interface MkAlertProps {
+    variant?: 'info' | 'success' | 'warning' | 'error' | 'default';
+    title?: string;
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    action?: React.ReactNode;
+    className?: string;
+}
+export declare const MkAlert: React.FC<MkAlertProps>;
+//# sourceMappingURL=MkAlert.d.ts.map

package/dist/components/MkAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkAlert.d.ts","sourceRoot":"","sources":["../../src/components/MkAlert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,YAAY;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAUD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgC1C,CAAC"}

package/dist/components/MkAlert.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import React from 'react';
+import styles from './MkAlert.module.css';
+const DEFAULT_ICONS = {
+    info: 'ℹ️',
+    success: '✅',
+    warning: '⚠️',
+    error: '❌',
+    default: '🔔',
+};
+export const MkAlert = ({ variant = 'default', title, children, icon, dismissible = false, onDismiss, action, className, }) => {
+    const [dismissed, setDismissed] = React.useState(false);
+    const handleDismiss = () => {
+        setDismissed(true);
+        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+    };
+    if (dismissed)
+        return null;
+    return (_jsxs("div", { className: `${styles.alert} ${styles[variant]} ${className || ''}`, role: "alert", children: [_jsx("span", { className: styles.icon, children: icon || DEFAULT_ICONS[variant] }), _jsxs("div", { className: styles.body, children: [title && _jsx("strong", { className: styles.title, children: title }), children && _jsx("p", { className: styles.content, children: children }), action && _jsx("div", { className: styles.action, children: action })] }), dismissible && (_jsx("button", { className: styles.dismiss, onClick: handleDismiss, "aria-label": "Cerrar", children: "\u2715" }))] }));
+};
+//# sourceMappingURL=MkAlert.js.map

package/dist/components/MkAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkAlert.js","sourceRoot":"","sources":["../../src/components/MkAlert.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AA0B1C,MAAM,aAAa,GAA2B;IAC1C,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,GAAG;IACV,OAAO,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,OAAO,GAAG,SAAS,EACnB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,MAAM,EACN,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;IAClB,CAAC,CAAC;IAEF,IAAI,SAAS;QAAE,OAAO,IAAI,CAAC;IAE3B,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,aACjF,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,IAAI,aAAa,CAAC,OAAO,CAAC,GAAQ,EACrE,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACtB,KAAK,IAAI,iBAAQ,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAU,EAC1D,QAAQ,IAAI,YAAG,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAK,EACxD,MAAM,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAAG,MAAM,GAAO,IACtD,EACL,WAAW,IAAI,CACZ,iBAAQ,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,aAAa,gBAAa,QAAQ,uBAAW,CAC5F,IACC,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkAlert.module.css

@@ -0,0 +1,103 @@
+.alert {
+    --mk-alert-bg: var(--mk-muted);
+    --mk-alert-border: var(--mk-primary);
+    --mk-alert-color: var(--mk-foreground);
+
+    display: flex;
+    align-items: flex-start;
+    gap: 0.75rem;
+    padding: 0.875rem 1rem;
+    border-radius: var(--mk-radius, 8px);
+    border-left: 4px solid var(--mk-alert-border);
+    background-color: var(--mk-alert-bg);
+    color: var(--mk-alert-color);
+    transition: all 0.2s ease;
+}
+
+.icon {
+    font-size: 1.1rem;
+    flex-shrink: 0;
+    padding-top: 1px;
+    color: var(--mk-alert-border);
+}
+
+.body {
+    flex: 1;
+    min-width: 0;
+}
+.title {
+    display: block;
+    font-size: 0.9375rem;
+    font-weight: 600;
+    margin-bottom: 0.25rem;
+}
+.content {
+    margin: 0;
+    font-size: 0.875rem;
+    line-height: 1.5;
+}
+.action {
+    margin-top: 0.5rem;
+}
+
+.dismiss {
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-size: 0.875rem;
+    flex-shrink: 0;
+    padding: 2px 4px;
+    border-radius: 4px;
+    line-height: 1;
+    color: currentColor;
+    opacity: 0.6;
+    transition: opacity 0.15s;
+}
+.dismiss:hover {
+    opacity: 1;
+    background-color: rgba(0, 0, 0, 0.05);
+}
+
+/* Variants - solid tinted backgrounds (12% color, not 90% transparent) */
+.info {
+    --mk-alert-border: #3b82f6;
+    --mk-alert-bg: color-mix(in srgb, #3b82f6 12%, var(--mk-background));
+    --mk-alert-color: #1e3a5f;
+}
+
+.success {
+    --mk-alert-border: #22c55e;
+    --mk-alert-bg: color-mix(in srgb, #22c55e 12%, var(--mk-background));
+    --mk-alert-color: #14532d;
+}
+
+.warning {
+    --mk-alert-border: #f59e0b;
+    --mk-alert-bg: color-mix(in srgb, #f59e0b 12%, var(--mk-background));
+    --mk-alert-color: #78350f;
+}
+
+.error {
+    --mk-alert-border: #ef4444;
+    --mk-alert-bg: color-mix(in srgb, #ef4444 12%, var(--mk-background));
+    --mk-alert-color: #7f1d1d;
+}
+
+.default {
+    --mk-alert-border: var(--mk-primary);
+    --mk-alert-bg: var(--mk-muted);
+}
+
+/* Dark mode overrides */
+.mk-dark .info {
+    --mk-alert-color: #bfdbfe;
+}
+.mk-dark .success {
+    --mk-alert-color: #bbf7d0;
+}
+.mk-dark .warning {
+    --mk-alert-color: #fde68a;
+}
+.mk-dark .error {
+    --mk-alert-color: #fecaca;
+}

package/dist/components/MkAvatar.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+/**
+ * @module MkAvatar
+ * @description Avatar with image, initials fallback, and status indicator.
+ * Same prop API as mk-mobile MkAvatar.
+ */
+export interface MkAvatarProps {
+    src?: string | null;
+    name?: string;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    status?: 'online' | 'offline' | 'away' | 'busy' | null;
+    className?: string;
+    onClick?: () => void;
+}
+export declare const MkAvatar: React.FC<MkAvatarProps>;
+//# sourceMappingURL=MkAvatar.d.ts.map

package/dist/components/MkAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkAvatar.d.ts","sourceRoot":"","sources":["../../src/components/MkAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC;;;;GAIG;AAEH,MAAM,WAAW,aAAa;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAOD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiC5C,CAAC"}