@makroz/web 1.0.1 → 1.2.0

package/dist/auth/useMkAuth.d.ts

@@ -1,19 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,26 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,36 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,25 +0,0 @@
-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

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

package/dist/components/MkAccordion.module.css

@@ -1,79 +0,0 @@
-.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

@@ -1,25 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,23 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,103 +0,0 @@
-.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

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}

package/dist/components/MkAvatar.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-use;
-client;
-import { useMemo } from 'react';
-import styles from './MkAvatar.module.css';
-const SIZES = { xs: 24, sm: 32, md: 40, lg: 56, xl: 80 };
-// Darker colors for better contrast with --mk-foreground text
-const COLORS = ['#4f46e5', '#be185d', '#c2410c', '#0d9488', '#7c3aed', '#0891b2', '#dc2626', '#65a30d'];
-export const MkAvatar = ({ src, name = '', size = 'md', status, className, onClick }) => {
-    const initials = useMemo(() => {
-        var _a, _b, _c, _d;
-        const parts = name.trim().split(/\s+/);
-        return (((_b = (_a = parts[0]) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '') + ((_d = (_c = parts[1]) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : '')).toUpperCase();
-    }, [name]);
-    const bgColor = useMemo(() => {
-        let hash = 0;
-        for (let i = 0; i < name.length; i++)
-            hash = name.charCodeAt(i) + ((hash << 5) - hash);
-        return COLORS[Math.abs(hash) % COLORS.length];
-    }, [name]);
-    const px = SIZES[size];
-    const fontSize = px * 0.4;
-    return (_jsxs("div", { className: `${styles.avatar} ${className || ''}`, style: { width: px, height: px, fontSize, cursor: onClick ? 'pointer' : undefined }, onClick: onClick, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined, children: [src ? (_jsx("img", { src: src, alt: name, className: styles.image, loading: "lazy" })) : (_jsx("div", { className: styles.initials, style: { backgroundColor: bgColor }, children: initials })), status && _jsx("span", { className: `${styles.status} ${styles[status]}` })] }));
-};
-//# sourceMappingURL=MkAvatar.js.map

package/dist/components/MkAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MkAvatar.js","sourceRoot":"","sources":["../../src/components/MkAvatar.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAiB3C,MAAM,KAAK,GAA2B,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAEjF,8DAA8D;AAC9D,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAExG,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,GAAG,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAC7G,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvC,OAAO,CAAC,CAAC,MAAA,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC,GAAG,CAAC,MAAA,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAG,CAAC,CAAC,mCAAI,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACzE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE;YAAE,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;QACvF,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IACvB,MAAM,QAAQ,GAAG,EAAE,GAAG,GAAG,CAAC;IAE1B,OAAO,CACH,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,IAAI,EAAE,EAAE,EAChD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,EACnF,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,aAEhC,GAAG,CAAC,CAAC,CAAC,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAC,MAAM,GAAG,CACvE,CAAC,CAAC,CAAC,CACA,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,YAC/D,QAAQ,GACP,CACT,EACA,MAAM,IAAI,eAAM,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,EAAE,GAAI,IAClE,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkAvatar.module.css

@@ -1,62 +0,0 @@
-.avatar {
-    --mk-avatar-bg: var(--mk-muted);
-    --mk-avatar-color: var(--mk-foreground);
-    --mk-avatar-radius: 50%;
-
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: var(--mk-avatar-radius);
-    background-color: var(--mk-avatar-bg);
-    overflow: hidden;
-    flex-shrink: 0;
-}
-
-.image {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-
-.initials {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--mk-avatar-color);
-    font-weight: 600;
-    letter-spacing: 0.025em;
-}
-
-.status {
-    --mk-status-border: var(--mk-background);
-
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    width: 25%;
-    height: 25%;
-    min-width: 8px;
-    min-height: 8px;
-    border-radius: 50%;
-    border: 2px solid var(--mk-status-border);
-}
-
-.online {
-    --mk-status-bg: #22c55e;
-    background-color: var(--mk-status-bg);
-}
-.offline {
-    --mk-status-bg: #9ca3af;
-    background-color: var(--mk-status-bg);
-}
-.away {
-    --mk-status-bg: #f59e0b;
-    background-color: var(--mk-status-bg);
-}
-.busy {
-    --mk-status-bg: #ef4444;
-    background-color: var(--mk-status-bg);
-}

package/dist/components/MkBadge.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-/**
- * @module MkBadge
- * @description Small label/tag component for status, counts, and categories.
- */
-export interface MkBadgeProps {
-    children: React.ReactNode;
-    variant?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
-    size?: 'sm' | 'md';
-    dot?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export declare function MkBadge({ children, variant, size, dot, className, style, }: MkBadgeProps): React.JSX.Element;
-//# sourceMappingURL=MkBadge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkBadge.d.ts","sourceRoot":"","sources":["../../src/components/MkBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EACpB,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,GAAW,EACX,SAAS,EACT,KAAK,GACR,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUlC"}

package/dist/components/MkBadge.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-use;
-client;
-import styles from './MkBadge.module.css';
-export function MkBadge({ children, variant = 'default', size = 'sm', dot = false, className, style, }) {
-    return (_jsxs("span", { className: `${styles.badge} ${styles[variant]} ${styles[size]} ${className || ''}`, style: style, children: [dot && _jsx("span", { className: styles.dot }), children] }));
-}
-;
-//# sourceMappingURL=MkBadge.js.map

package/dist/components/MkBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MkBadge.js","sourceRoot":"","sources":["../../src/components/MkBadge.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAgB1C,MAAM,UAAU,OAAO,CAAC,EACpB,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,GAAG,GAAG,KAAK,EACX,SAAS,EACT,KAAK,GACM;IACX,OAAO,CACH,gBACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,EAClF,KAAK,EAAE,KAAK,aAEX,GAAG,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,EACtC,QAAQ,IACN,CACV,CAAC;AACN,CAAC;AAAA,CAAC"}

package/dist/components/MkBadge.module.css

@@ -1,74 +0,0 @@
-.badge {
-    --mk-badge-bg: var(--mk-muted);
-    --mk-badge-color: var(--mk-foreground);
-    --mk-badge-radius: 999px;
-
-    display: inline-flex;
-    align-items: center;
-    gap: 0.25rem;
-    font-weight: 500;
-    border-radius: var(--mk-badge-radius);
-    white-space: nowrap;
-    line-height: 1;
-    background-color: var(--mk-badge-bg);
-    color: var(--mk-badge-color);
-    transition: all 0.2s ease;
-}
-
-.sm {
-    font-size: 0.6875rem;
-    padding: 0.125rem 0.5rem;
-}
-.md {
-    font-size: 0.75rem;
-    padding: 0.25rem 0.625rem;
-}
-
-/* Variants - solid background with contrasting text */
-.default {
-    --mk-badge-bg: var(--mk-muted);
-    --mk-badge-color: var(--mk-foreground);
-}
-
-.primary {
-    --mk-badge-bg: var(--mk-primary);
-    --mk-badge-color: var(--mk-primary-foreground);
-}
-
-.success {
-    --mk-badge-bg: #22c55e;
-    --mk-badge-color: #ffffff;
-}
-
-.warning {
-    --mk-badge-bg: #f59e0b;
-    --mk-badge-color: #ffffff;
-}
-
-.error {
-    --mk-badge-bg: #ef4444;
-    --mk-badge-color: #ffffff;
-}
-
-.info {
-    --mk-badge-bg: #3b82f6;
-    --mk-badge-color: #ffffff;
-}
-
-/* Dark mode - adjust for better visibility */
-.mk-dark .success {
-    --mk-badge-bg: #16a34a;
-    --mk-badge-color: #ffffff;
-}
-.mk-dark .warning {
-    --mk-badge-bg: #d97706;
-    --mk-badge-color: #ffffff;
-}
-
-.dot {
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    background: currentColor;
-    flex-shrink: 0;
-}

package/dist/components/MkButton.d.ts

@@ -1,11 +0,0 @@
-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 {};
-//# sourceMappingURL=MkButton.d.ts.map