@makroz/web 1.0.1

package/dist/components/MkSkeleton.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+use;
+client;
+import styles from './MkSkeleton.module.css';
+export const MkSkeleton = ({ variant = 'text', width = '100%', height, lines = 1, gap = '0.5rem', radius, className, }) => {
+    if (variant === 'circle') {
+        const size = width || 40;
+        return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width: size, height: size, borderRadius: '50%' } }));
+    }
+    if (variant === 'rect') {
+        return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width, height: height || 80, borderRadius: radius !== null && radius !== void 0 ? radius : 'var(--mk-radius, 8px)' } }));
+    }
+    // Text variant
+    if (lines <= 1) {
+        return (_jsx("div", { className: `${styles.skeleton} ${className || ''}`, style: { width, height: height || '0.875rem', borderRadius: radius !== null && radius !== void 0 ? radius : 4 } }));
+    }
+    return (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap }, children: Array.from({ length: lines }).map((_, i) => (_jsx("div", { className: styles.skeleton, style: {
+                width: i === lines - 1 ? '70%' : '100%',
+                height: height || '0.875rem',
+                borderRadius: radius !== null && radius !== void 0 ? radius : 4,
+            } }, i))) }));
+};
+//# sourceMappingURL=MkSkeleton.js.map

package/dist/components/MkSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkSkeleton.js","sourceRoot":"","sources":["../../src/components/MkSkeleton.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAuB7C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAClD,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,MAAM,EACd,MAAM,EACN,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,QAAQ,EACd,MAAM,EACN,SAAS,GACZ,EAAE,EAAE;IACD,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CACH,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,SAAS,IAAI,EAAE,EAAE,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,GAC3D,CACL,CAAC;IACN,CAAC;IAED,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACrB,OAAO,CACH,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,SAAS,IAAI,EAAE,EAAE,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAuB,EAAE,GACzF,CACL,CAAC;IACN,CAAC;IAED,eAAe;IACf,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;QACb,OAAO,CACH,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,SAAS,IAAI,EAAE,EAAE,EAClD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC,EAAE,GAC3E,CACL,CAAC;IACN,CAAC;IAED,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,YACxD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzC,cAEI,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,KAAK,EAAE;gBACH,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;gBACvC,MAAM,EAAE,MAAM,IAAI,UAAU;gBAC5B,YAAY,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC;aAC5B,IANI,CAAC,CAOR,CACL,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkSkeleton.module.css

@@ -0,0 +1,28 @@
+.skeleton {
+    --mk-skeleton-bg: var(--mk-muted);
+    --mk-skeleton-shimmer: color-mix(in srgb, var(--mk-skeleton-bg), white 40%);
+
+    background: linear-gradient(
+        90deg,
+        var(--mk-skeleton-bg) 25%,
+        var(--mk-skeleton-shimmer) 50%,
+        var(--mk-skeleton-bg) 75%
+    );
+    background-size: 200% 100%;
+    animation: mk-shimmer 2s ease-in-out infinite;
+    border-radius: var(--mk-radius, 4px);
+    transition: all 0.2s ease;
+}
+
+:global([data-theme='dark']) .skeleton {
+    --mk-skeleton-shimmer: color-mix(in srgb, var(--mk-skeleton-bg), white 8%);
+}
+
+@keyframes mk-shimmer {
+    0% {
+        background-position: 200% 0;
+    }
+    100% {
+        background-position: -200% 0;
+    }
+}

package/dist/components/MkSwitch.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+/**
+ * @module MkSwitch
+ * @description Toggle switch component. Same prop API across web and mobile.
+ *
+ * @example
+ * ```tsx
+ * <MkSwitch label="Dark mode" checked={isDark} onChange={setIsDark} />
+ * <MkSwitch label="Notifications" checked={notif} onChange={setNotif} size="lg" />
+ * ```
+ */
+export interface MkSwitchProps {
+    label?: string;
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    error?: string;
+    className?: string;
+}
+export declare const MkSwitch: React.FC<MkSwitchProps>;
+//# sourceMappingURL=MkSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkSwitch.d.ts","sourceRoot":"","sources":["../../src/components/MkSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;;;;;;GASG;AAEH,MAAM,WAAW,aAAa;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgC5C,CAAC"}

package/dist/components/MkSwitch.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import { useCallback } from 'react';
+import styles from './MkSwitch.module.css';
+export const MkSwitch = ({ label, checked = false, onChange, disabled = false, size = 'md', error, className, }) => {
+    const handleToggle = useCallback(() => {
+        if (!disabled)
+            onChange === null || onChange === void 0 ? void 0 : onChange(!checked);
+    }, [checked, disabled, onChange]);
+    return (_jsxs("div", { className: `${styles.container} ${className || ''}`, children: [_jsxs("label", { className: `${styles.label} ${disabled ? styles.disabled : ''}`, children: [_jsx("div", { className: `${styles.track} ${styles[size]} ${checked ? styles.checked : ''} ${error ? styles.error : ''}`, onClick: handleToggle, role: "switch", "aria-checked": checked, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onKeyDown: (e) => { if (e.key === ' ' || e.key === 'Enter') {
+                            e.preventDefault();
+                            handleToggle();
+                        } }, children: _jsx("div", { className: `${styles.thumb} ${checked ? styles.thumbChecked : ''}` }) }), label && _jsx("span", { className: styles.text, children: label })] }), error && _jsx("span", { className: styles.errorText, children: error })] }));
+};
+//# sourceMappingURL=MkSwitch.js.map

package/dist/components/MkSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkSwitch.js","sourceRoot":"","sources":["../../src/components/MkSwitch.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAuB3C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAC9C,KAAK,EACL,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,QAAQ;YAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACpD,iBAAO,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,aAClE,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1G,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,kBACC,OAAO,mBACN,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;4BAAC,CAAC,CAAC,cAAc,EAAE,CAAC;4BAAC,YAAY,EAAE,CAAC;wBAAC,CAAC,CAAC,CAAC,YAErG,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,GACzE,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,KAAK,GAAQ,IAClD,EACP,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IACzD,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkSwitch.module.css

@@ -0,0 +1,108 @@
+.container {
+    --mk-switch-track-bg: var(--mk-muted);
+    --mk-switch-track-active: var(--mk-primary);
+    --mk-switch-thumb-bg: #ffffff;
+    --mk-switch-color: var(--mk-foreground);
+    --mk-switch-accent: var(--mk-primary);
+
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+.label {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.625rem;
+    cursor: pointer;
+    user-select: none;
+    color: var(--mk-switch-color);
+}
+
+.label.disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.track {
+    position: relative;
+    border-radius: 999px;
+    background-color: var(--mk-switch-track-bg);
+    transition: all 0.2s ease;
+    cursor: pointer;
+    flex-shrink: 0;
+}
+
+:global([data-theme='dark']) .track {
+    --mk-switch-thumb-bg: var(--mk-popover);
+}
+
+.sm {
+    width: 32px;
+    height: 18px;
+}
+.md {
+    width: 40px;
+    height: 22px;
+}
+.lg {
+    width: 48px;
+    height: 26px;
+}
+
+.track:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-switch-accent), transparent 80%);
+}
+
+.checked {
+    background-color: var(--mk-switch-track-active);
+}
+.error {
+    --mk-switch-accent: var(--mk-error);
+    box-shadow: 0 0 0 2px var(--mk-error);
+}
+
+.thumb {
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    background-color: var(--mk-switch-thumb-bg);
+    border-radius: 50%;
+    transition: transform 0.2s ease;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.sm .thumb {
+    width: 14px;
+    height: 14px;
+}
+.md .thumb {
+    width: 18px;
+    height: 18px;
+}
+.lg .thumb {
+    width: 22px;
+    height: 22px;
+}
+
+.sm .thumbChecked {
+    transform: translateX(14px);
+}
+.md .thumbChecked {
+    transform: translateX(18px);
+}
+.lg .thumbChecked {
+    transform: translateX(22px);
+}
+
+.text {
+    font-size: 0.875rem;
+    color: inherit;
+}
+.errorText {
+    font-size: 0.75rem;
+    color: var(--mk-error);
+    font-weight: 500;
+    margin-left: 3rem;
+}

package/dist/components/MkTable.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { MkDropdownOptionType } from './MkDropDown';
+interface Column<T> {
+    key: keyof T | string;
+    label: string;
+    render?: (item: T) => React.ReactNode;
+    sortable?: boolean;
+}
+interface MkTableProps<T> {
+    data: T[];
+    columns: Column<T>[];
+    loading?: boolean;
+    onSort?: (field: string) => void;
+    sortField?: string;
+    sortOrder?: 'asc' | 'desc';
+    pagination?: {
+        current_page?: number;
+        last_page?: number;
+        total?: number;
+    };
+    onPageChange?: (page: number) => void;
+    actions?: (item: T) => MkDropdownOptionType[];
+    onAction?: (action: string | number, item: T) => void;
+}
+export declare function MkTable<T>({ data, columns, loading, onSort, sortField, sortOrder, pagination, onPageChange, actions, onAction }: MkTableProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=MkTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkTable.d.ts","sourceRoot":"","sources":["../../src/components/MkTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGzD,UAAU,MAAM,CAAC,CAAC;IACd,GAAG,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,YAAY,CAAC,CAAC;IACpB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE;QACT,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,oBAAoB,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;CACzD;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACvB,IAAS,EACT,OAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,EACX,EAAE,YAAY,CAAC,CAAC,CAAC,qBA4FjB"}

package/dist/components/MkTable.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import styles from './MkTable.module.css';
+import { MkDropDown } from './MkDropDown';
+export function MkTable({ data = [], columns = [], loading, onSort, sortField, sortOrder, pagination, onPageChange, actions, onAction }) {
+    const handleSort = (key) => {
+        if (onSort)
+            onSort(key);
+    };
+    return (_jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.tableWrapper, children: _jsxs("table", { className: styles.table, children: [_jsx("thead", { children: _jsxs("tr", { children: [columns.map((col) => (_jsx("th", { onClick: () => col.sortable && handleSort(String(col.key)), className: col.sortable ? styles.sortable : '', children: _jsxs("div", { className: styles.headerContent, children: [col.label, col.sortable && sortField === col.key && (_jsx("span", { className: styles.sortIcon, children: sortOrder === 'asc' ? '↑' : '↓' }))] }) }, String(col.key)))), actions && _jsx("th", { className: styles.actionsHeader, children: "Acciones" })] }) }), _jsxs("tbody", { children: [loading && (_jsx("tr", { className: styles.loadingRow, children: _jsx("td", { colSpan: columns.length, children: _jsx("div", { className: styles.skeleton }) }) })), !loading && data.length === 0 && (_jsx("tr", { className: styles.emptyRow, children: _jsx("td", { colSpan: columns.length, children: "No se encontraron datos." }) })), !loading && data.map((item, idx) => (_jsxs("tr", { className: styles.row, style: { '--row-index': idx }, children: [columns.map((col) => (_jsx("td", { children: col.render ? col.render(item) : item[col.key] }, String(col.key)))), actions && (_jsx("td", { className: styles.actionsCell, children: _jsx(MkDropDown, { options: actions(item), onSelect: (val) => onAction === null || onAction === void 0 ? void 0 : onAction(val, item) }) }))] }, idx)))] })] }) }), pagination && pagination.last_page && pagination.last_page > 1 && (_jsxs("div", { className: styles.pagination, children: [_jsx("button", { disabled: pagination.current_page === 1, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange((pagination.current_page || 1) - 1), className: styles.pageBtn, children: "Anterior" }), _jsxs("span", { className: styles.pageInfo, children: ["P\u00E1gina ", pagination.current_page, " de ", pagination.last_page] }), _jsx("button", { disabled: pagination.current_page === pagination.last_page, onClick: () => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange((pagination.current_page || 1) + 1), className: styles.pageBtn, children: "Siguiente" })] }))] }));
+}
+//# sourceMappingURL=MkTable.js.map

package/dist/components/MkTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkTable.js","sourceRoot":"","sources":["../../src/components/MkTable.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA0B1C,MAAM,UAAU,OAAO,CAAI,EACvB,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,EAAE,EACZ,OAAO,EACP,MAAM,EACN,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,OAAO,EACP,QAAQ,EACM;IAEd,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;QAC/B,IAAI,MAAM;YAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC5B,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YAC/B,iBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,aAC1B,0BACI,yBACK,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,aAEI,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,IAAI,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAC1D,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,YAE9C,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAC/B,GAAG,CAAC,KAAK,EACT,GAAG,CAAC,QAAQ,IAAI,SAAS,KAAK,GAAG,CAAC,GAAG,IAAI,CACtC,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC3B,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAC7B,CACV,IACC,IAXD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAYnB,CACR,CAAC,EACD,OAAO,IAAI,aAAI,SAAS,EAAE,MAAM,CAAC,aAAa,yBAAe,IAC7D,GACD,EACR,4BACK,OAAO,IAAI,CACR,aAAI,SAAS,EAAE,MAAM,CAAC,UAAU,YAC5B,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,YACvB,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI,GAClC,GACJ,CACR,EACA,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAC9B,aAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC1B,aAAI,OAAO,EAAE,OAAO,CAAC,MAAM,yCAA+B,GACzD,CACR,EACA,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,cAEI,SAAS,EAAE,MAAM,CAAC,GAAG,EACrB,KAAK,EAAE,EAAE,aAAa,EAAE,GAAG,EAAyB,aAEnD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,uBACK,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAE,IAAY,CAAC,GAAG,CAAC,GAAG,CAAC,IADlD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAEnB,CACR,CAAC,EACD,OAAO,IAAI,CACR,aAAI,SAAS,EAAE,MAAM,CAAC,WAAW,YAC7B,KAAC,UAAU,IACP,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,EACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,EAAE,IAAI,CAAC,GAC1C,GACD,CACR,KAhBI,GAAG,CAiBP,CACR,CAAC,IACE,IACJ,GACN,EAEL,UAAU,IAAI,UAAU,CAAC,SAAS,IAAI,UAAU,CAAC,SAAS,GAAG,CAAC,IAAI,CAC/D,eAAK,SAAS,EAAE,MAAM,CAAC,UAAU,aAC7B,iBACI,QAAQ,EAAE,UAAU,CAAC,YAAY,KAAK,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,UAAU,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EACjE,SAAS,EAAE,MAAM,CAAC,OAAO,yBAGpB,EACT,gBAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,6BACpB,UAAU,CAAC,YAAY,UAAM,UAAU,CAAC,SAAS,IACtD,EACP,iBACI,QAAQ,EAAE,UAAU,CAAC,YAAY,KAAK,UAAU,CAAC,SAAS,EAC1D,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,UAAU,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EACjE,SAAS,EAAE,MAAM,CAAC,OAAO,0BAGpB,IACP,CACT,IACC,CACT,CAAC;AACN,CAAC"}

package/dist/components/MkTable.module.css

@@ -0,0 +1,163 @@
+.container {
+    --mk-table-bg: var(--mk-background);
+    --mk-table-border: var(--mk-border);
+    --mk-table-header-bg: var(--mk-muted);
+    --mk-table-row-hover: var(--mk-accent);
+    --mk-table-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+
+    width: 100%;
+    margin: 1rem 0;
+    overflow: hidden;
+    border-radius: var(--mk-radius);
+    border: 1px solid var(--mk-table-border);
+    background: var(--mk-table-bg);
+    box-shadow: var(--mk-table-shadow);
+    transition: var(--mk-transition);
+}
+
+:global([data-theme='dark']) .container {
+    --mk-table-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
+}
+
+.tableWrapper {
+    width: 100%;
+    overflow-x: auto;
+}
+
+.table {
+    width: 100%;
+    border-collapse: collapse;
+    text-align: left;
+    font-size: 0.875rem;
+}
+
+.table thead {
+    background: var(--mk-table-header-bg);
+    border-bottom: 2px solid var(--mk-table-border);
+}
+
+.table th {
+    padding: 1rem;
+    font-weight: 700;
+    color: var(--mk-foreground);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    font-size: 0.75rem;
+    user-select: none;
+}
+
+.sortable {
+    cursor: pointer;
+}
+
+.sortable:hover {
+    color: var(--mk-foreground);
+    background: var(--mk-table-row-hover);
+}
+
+.headerContent {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.sortIcon {
+    font-size: 1rem;
+    color: var(--mk-primary);
+}
+
+.table td {
+    padding: 1rem;
+    border-bottom: 1px solid var(--mk-table-border);
+    color: var(--mk-foreground);
+    white-space: nowrap;
+}
+
+.actionsHeader {
+    width: 100px;
+    text-align: right;
+}
+
+.actionsCell {
+    text-align: right;
+    width: 60px;
+}
+
+.row {
+    animation: mk-fade-in 0.4s var(--mk-ease-out) backwards;
+    animation-delay: calc(var(--row-index, 0) * 0.04s);
+}
+
+.row:hover {
+    background: var(--mk-table-row-hover);
+    transition: background 0.15s ease;
+}
+
+.pagination {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 1rem;
+    gap: 1.5rem;
+    border-top: 1px solid var(--mk-table-border);
+    background: var(--mk-table-row-hover);
+}
+
+.pageInfo {
+    font-size: 0.75rem;
+    color: var(--mk-muted-foreground);
+    font-weight: 500;
+}
+
+.pageBtn {
+    padding: 0.4rem 0.8rem;
+    font-size: 0.75rem;
+    font-weight: 600;
+    border-radius: calc(var(--mk-radius) / 2);
+    border: 1px solid var(--mk-table-border);
+    background: var(--mk-table-bg);
+    cursor: pointer;
+    transition: var(--mk-transition);
+    color: var(--mk-foreground);
+}
+
+.pageBtn:hover:not(:disabled) {
+    border-color: var(--mk-primary);
+    color: var(--mk-primary);
+}
+
+.pageBtn:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+}
+
+/* Premium Animations */
+.skeleton {
+    --mk-table-skeleton-shimmer: color-mix(in srgb, var(--mk-muted), white 20%);
+    width: 100%;
+    height: 2.5rem;
+    background: linear-gradient(90deg, var(--mk-muted) 25%, var(--mk-table-skeleton-shimmer) 50%, var(--mk-muted) 75%);
+    background-size: 200% 100%;
+    animation: mk-shimmer 2s infinite linear;
+    border-radius: var(--mk-radius);
+}
+
+:global([data-theme='dark']) .skeleton {
+    --mk-table-skeleton-shimmer: color-mix(in srgb, var(--mk-muted), white 5%);
+}
+
+@keyframes mk-shimmer {
+    0% {
+        background-position: 200% 0;
+    }
+    100% {
+        background-position: -200% 0;
+    }
+}
+
+.emptyRow td {
+    text-align: center;
+    padding: 3rem;
+    color: var(--mk-muted-foreground);
+    font-style: italic;
+}

package/dist/components/MkTabs.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+/**
+ * @module MkTabs
+ * @description Tabbed navigation with optional badge counts and icons.
+ */
+export interface MkTabItem {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    badge?: number | string;
+    disabled?: boolean;
+}
+export interface MkTabsProps {
+    tabs: MkTabItem[];
+    activeKey?: string;
+    onChange?: (key: string) => void;
+    variant?: 'underline' | 'pills' | 'segmented';
+    size?: 'sm' | 'md';
+    className?: string;
+}
+export declare const MkTabs: React.FC<MkTabsProps>;
+//# sourceMappingURL=MkTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkTabs.d.ts","sourceRoot":"","sources":["../../src/components/MkTabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD;;;GAGG;AAEH,MAAM,WAAW,SAAS;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IACxB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,WAAW,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CxC,CAAC"}

package/dist/components/MkTabs.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import { useState, useCallback } from 'react';
+import styles from './MkTabs.module.css';
+export const MkTabs = ({ tabs, activeKey, onChange, variant = 'underline', size = 'md', className, }) => {
+    var _a, _b;
+    const [internalKey, setInternalKey] = useState((_b = (_a = tabs[0]) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : '');
+    const currentKey = activeKey !== null && activeKey !== void 0 ? activeKey : internalKey;
+    const handleSelect = useCallback((key) => {
+        setInternalKey(key);
+        onChange === null || onChange === void 0 ? void 0 : onChange(key);
+    }, [onChange]);
+    return (_jsx("div", { className: `${styles.container} ${styles[variant]} ${styles[size]} ${className || ''}`, role: "tablist", children: tabs.map((tab) => {
+            const isActive = currentKey === tab.key;
+            return (_jsxs("button", { role: "tab", "aria-selected": isActive, disabled: tab.disabled, className: `${styles.tab} ${isActive ? styles.active : ''}`, onClick: () => !tab.disabled && handleSelect(tab.key), children: [tab.icon && _jsx("span", { className: styles.icon, children: tab.icon }), _jsx("span", { children: tab.label }), tab.badge !== null && tab.badge !== undefined && (_jsx("span", { className: styles.badge, children: tab.badge }))] }, tab.key));
+        }) }));
+};
+//# sourceMappingURL=MkTabs.js.map

package/dist/components/MkTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkTabs.js","sourceRoot":"","sources":["../../src/components/MkTabs.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAwBzC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC1C,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,IAAI,EACX,SAAS,GACZ,EAAE,EAAE;;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,MAAA,MAAA,IAAI,CAAC,CAAC,CAAC,0CAAE,GAAG,mCAAI,EAAE,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,WAAW,CAAC;IAE5C,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,GAAW,EAAE,EAAE;QACZ,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,CAAC;IACpB,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,SAAS,YACtG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACd,MAAM,QAAQ,GAAG,UAAU,KAAK,GAAG,CAAC,GAAG,CAAC;YACxC,OAAO,CACH,kBAEI,IAAI,EAAC,KAAK,mBACK,QAAQ,EACvB,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,EAC3D,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,IAAI,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,aAEpD,GAAG,CAAC,IAAI,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,GAAG,CAAC,IAAI,GAAQ,EAC5D,yBAAO,GAAG,CAAC,KAAK,GAAQ,EACvB,GAAG,CAAC,KAAK,KAAK,IAAI,IAAI,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,CAC9C,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,GAAG,CAAC,KAAK,GAAQ,CACpD,KAXI,GAAG,CAAC,GAAG,CAYP,CACZ,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkTabs.module.css

@@ -0,0 +1,117 @@
+.container {
+    display: flex;
+    gap: 0;
+    overflow-x: auto;
+    --mk-tabs-active-color: var(--mk-primary);
+    --mk-tabs-inactive-color: var(--mk-muted-foreground);
+    --mk-tabs-hover-color: var(--mk-foreground);
+    --mk-tabs-active-bg: var(--mk-background);
+    --mk-tabs-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
+:global([data-theme='dark']) .container {
+    --mk-tabs-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+}
+
+/* ── Underline ── */
+.underline {
+    border-bottom: 1px solid var(--mk-border);
+}
+.underline .tab {
+    padding: 0.625rem 1rem;
+    border-bottom: 2px solid transparent;
+    color: var(--mk-tabs-inactive-color);
+    transition: all 0.2s ease;
+}
+.underline .tab:hover {
+    color: var(--mk-tabs-hover-color);
+}
+.underline .active {
+    border-bottom-color: var(--mk-tabs-active-color);
+    color: var(--mk-tabs-active-color);
+    font-weight: 600;
+}
+
+/* ── Pills ── */
+.pills {
+    gap: 0.375rem;
+}
+.pills .tab {
+    padding: 0.375rem 0.875rem;
+    border-radius: 999px;
+    color: var(--mk-tabs-inactive-color);
+    transition: all 0.2s ease;
+}
+.pills .tab:hover {
+    background: var(--mk-muted);
+}
+.pills .active {
+    background: var(--mk-primary);
+    color: var(--mk-primary-foreground, #fff);
+}
+
+/* ── Segmented ── */
+.segmented {
+    background: var(--mk-muted);
+    border-radius: var(--mk-radius, 8px);
+    padding: 3px;
+    gap: 2px;
+    border: 1px solid var(--mk-border);
+}
+.segmented .tab {
+    padding: 0.375rem 0.875rem;
+    border-radius: calc(var(--mk-radius, 8px) - 2px);
+    color: var(--mk-muted-foreground);
+    transition: all 0.2s ease;
+}
+.segmented .active {
+    background: var(--mk-card);
+    color: var(--mk-foreground);
+    font-weight: 600;
+    box-shadow:
+        0 1px 3px rgba(0, 0, 0, 0.12),
+        0 1px 2px rgba(0, 0, 0, 0.06);
+}
+
+/* ── Shared ── */
+.tab {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.375rem;
+    border: none;
+    background: none;
+    cursor: pointer;
+    font-size: 0.875rem;
+    white-space: nowrap;
+    outline: none;
+}
+.tab:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+}
+.tab:focus-visible {
+    box-shadow: 0 0 0 2px var(--mk-primary);
+    border-radius: 4px;
+}
+
+.sm .tab {
+    font-size: 0.8125rem;
+    padding: 0.375rem 0.75rem;
+}
+
+.icon {
+    display: flex;
+    font-size: 1rem;
+}
+
+.badge {
+    font-size: 0.625rem;
+    background: var(--mk-primary);
+    color: var(--mk-primary-foreground, #fff);
+    padding: 0 0.375rem;
+    border-radius: 999px;
+    font-weight: 600;
+    min-width: 18px;
+    text-align: center;
+    line-height: 1.4;
+}

package/dist/components/MkTextArea.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+/**
+ * @module MkTextArea
+ * @description Multi-line text input. Inherits MkInput's styling.
+ * Same prop API as mk-mobile MkTextArea.
+ */
+export interface MkTextAreaProps {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    rows?: number;
+    maxLength?: number;
+    disabled?: boolean;
+    showCount?: boolean;
+    className?: string;
+}
+export declare const MkTextArea: React.FC<MkTextAreaProps>;
+//# sourceMappingURL=MkTextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkTextArea.d.ts","sourceRoot":"","sources":["../../src/components/MkTextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;GAIG;AAEH,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6ChD,CAAC"}

package/dist/components/MkTextArea.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import { useCallback } from 'react';
+import styles from './MkInput.module.css';
+export const MkTextArea = ({ label, error, helperText, placeholder, value = '', onChange, rows = 4, maxLength, disabled = false, showCount = false, className, }) => {
+    const handleChange = useCallback((e) => { onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value); }, [onChange]);
+    return (_jsxs("div", { className: styles.container, children: [label && _jsx("label", { className: styles.label, children: label }), _jsx("div", { className: `${styles.wrapper} ${error ? styles.wrapperError : ''}`, children: _jsx("textarea", { className: `${styles.input} ${className || ''}`, style: { resize: 'vertical', minHeight: `${rows * 1.5}rem` }, placeholder: placeholder, value: value, onChange: handleChange, rows: rows, maxLength: maxLength, disabled: disabled }) }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [error ? (_jsx("span", { className: styles.errorText, children: error })) : helperText ? (_jsx("span", { className: styles.helperText, children: helperText })) : _jsx("span", {}), showCount && maxLength && (_jsxs("span", { className: styles.helperText, children: [value.length, "/", maxLength] }))] })] }));
+};
+//# sourceMappingURL=MkTextArea.js.map

package/dist/components/MkTextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkTextArea.js","sourceRoot":"","sources":["../../src/components/MkTextArea.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAsB1C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAClD,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,IAAI,GAAG,CAAC,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,CAAyC,EAAE,EAAE,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC9E,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAK,IAAI,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAS,EACzD,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,YACnE,mBACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,SAAS,IAAI,EAAE,EAAE,EAC/C,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,GAAG,GAAG,KAAK,EAAE,EAC5D,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GACpB,GACA,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,aAC3D,KAAK,CAAC,CAAC,CAAC,CACL,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,CACpD,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CACb,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,UAAU,GAAQ,CAC1D,CAAC,CAAC,CAAC,gBAAQ,EACX,SAAS,IAAI,SAAS,IAAI,CACvB,gBAAM,SAAS,EAAE,MAAM,CAAC,UAAU,aAAG,KAAK,CAAC,MAAM,OAAG,SAAS,IAAQ,CACxE,IACC,IACJ,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkThemeEditor.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * @module MkThemeEditor
+ * @description Real-time Theme Editor for MK-Director.
+ * Allows visual modification of CSS variables during development.
+ */
+export declare function MkThemeEditor(): React.JSX.Element;
+//# sourceMappingURL=MkThemeEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkThemeEditor.d.ts","sourceRoot":"","sources":["../../src/components/MkThemeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD;;;;GAIG;AAEH,wBAAgB,aAAa,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAiHjD"}