@makroz/web 1.0.1 → 1.2.0

package/dist/components/MkTable.module.css

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

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

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

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

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

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

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

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

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

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

@@ -1,8 +0,0 @@
-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.module.css

@@ -1,177 +0,0 @@
-.container {
-    --mk-theme-editor-bg: var(--mk-card);
-    --mk-theme-editor-border: var(--mk-border);
-    --mk-theme-editor-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
-
-    position: fixed;
-    bottom: 1.5rem;
-    right: 1.5rem;
-    width: 320px;
-    max-height: 500px;
-    background-color: var(--mk-theme-editor-bg);
-    border: 1px solid var(--mk-theme-editor-border);
-    border-radius: var(--mk-radius, 12px);
-    box-shadow: var(--mk-theme-editor-shadow);
-    z-index: 10000;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-    animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-}
-
-:global([data-theme='dark']) .container {
-    --mk-theme-editor-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
-}
-
-@keyframes slideUp {
-    from {
-        opacity: 0;
-        transform: translateY(20px) scale(0.95);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0) scale(1);
-    }
-}
-
-.header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0.85rem 1rem;
-    background-color: var(--mk-muted);
-    border-bottom: 1px solid var(--mk-theme-editor-border);
-}
-
-.title {
-    font-size: 0.875rem;
-    font-weight: 700;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-    color: var(--mk-foreground);
-    margin: 0;
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-}
-
-.content {
-    flex: 1;
-    overflow-y: auto;
-    padding: 1rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1.25rem;
-}
-
-.section {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-}
-
-.sectionTitle {
-    font-size: 0.75rem;
-    font-weight: 600;
-    color: var(--mk-muted-foreground);
-    text-transform: uppercase;
-    letter-spacing: 0.025em;
-}
-
-.tokenRow {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 0.75rem;
-}
-
-.tokenInfo {
-    display: flex;
-    flex-direction: column;
-    gap: 0.125rem;
-}
-
-.tokenLabel {
-    font-size: 0.8125rem;
-    font-weight: 500;
-    color: var(--mk-foreground);
-    font-family: inherit;
-}
-
-.tokenValue {
-    font-size: 0.7rem;
-    color: var(--mk-muted-foreground);
-    font-family: var(--mk-font-mono, monospace);
-}
-
-.colorInput {
-    width: 28px;
-    height: 28px;
-    padding: 0;
-    border: 2px solid var(--mk-theme-editor-border);
-    border-radius: 4px;
-    cursor: pointer;
-    background: none;
-    flex-shrink: 0;
-}
-
-.colorInput::-webkit-color-swatch-wrapper {
-    padding: 0;
-}
-.colorInput::-webkit-color-swatch {
-    border: none;
-    border-radius: 2px;
-}
-
-.footer {
-    padding: 0.75rem 1rem;
-    border-top: 1px solid var(--mk-theme-editor-border);
-    display: flex;
-    gap: 0.5rem;
-    background-color: var(--mk-muted);
-}
-
-.controlButton {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 0.375rem;
-    padding: 0.5rem;
-    border-radius: 6px;
-    font-size: 0.75rem;
-    font-weight: 600;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    border: 1px solid var(--mk-theme-editor-border);
-    background-color: var(--mk-background);
-    color: var(--mk-foreground);
-}
-
-.controlButton:hover {
-    background-color: var(--mk-primary);
-    color: var(--mk-primary-foreground);
-}
-
-.minimized {
-    position: fixed;
-    bottom: 1.5rem;
-    right: 1.5rem;
-    width: 44px;
-    height: 44px;
-    border-radius: 50%;
-    background-color: var(--mk-primary);
-    color: white;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-    cursor: pointer;
-    z-index: 10000;
-    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
-    border: none;
-}
-
-.minimized:hover {
-    transform: scale(1.1);
-}

package/dist/components/MkToastContainer.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const MkToastContainer: React.FC;
-//# sourceMappingURL=MkToastContainer.d.ts.map

package/dist/components/MkToastContainer.module.css

@@ -1,95 +0,0 @@
-.container {
-    position: fixed;
-    z-index: 9999;
-    padding: 1rem;
-    pointer-events: none;
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-}
-
-.toast {
-    --mk-toast-bg: var(--mk-popover);
-    --mk-toast-fg: var(--mk-popover-foreground);
-    --mk-toast-border: var(--mk-border);
-    --mk-toast-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-    --mk-toast-color: var(--mk-foreground);
-    --mk-toast-radius: var(--mk-radius, 8px);
-
-    background-color: var(--mk-toast-bg);
-    color: var(--mk-toast-fg);
-    border: 1px solid var(--mk-toast-border);
-    border-radius: var(--mk-toast-radius);
-    padding: 0.85rem 1rem;
-    min-width: 280px;
-    max-width: 420px;
-    box-shadow: var(--mk-toast-shadow);
-    pointer-events: auto;
-    overflow: hidden;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    animation: mk-fade-in 0.3s var(--mk-ease-out) backwards;
-    transition: all 0.3s var(--mk-ease-out);
-}
-
-:global([data-theme='dark']) .toast {
-    --mk-toast-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
-}
-
-.toast.exiting {
-    opacity: 0;
-    transform: scale(0.95);
-}
-
-.content {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-}
-
-.icon {
-    font-size: 1.2rem;
-    flex-shrink: 0;
-}
-
-.text {
-    flex-grow: 1;
-    font-size: 0.95rem;
-    font-weight: 500;
-}
-
-.close {
-    background: none;
-    border: none;
-    font-size: 1.5rem;
-    cursor: pointer;
-    color: var(--mk-muted-foreground);
-    line-height: 1;
-    padding: 0;
-    transition: color 0.15s ease;
-}
-
-.close:hover {
-    color: var(--mk-foreground);
-}
-
-.progress {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    height: 3px;
-    opacity: 0.5;
-}
-
-/* Animations */
-@keyframes slideIn {
-    from {
-        opacity: 0;
-        transform: translateY(10px) scale(0.95);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0) scale(1);
-    }
-}

package/dist/components/MkTooltip.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-/**
- * @module MkTooltip
- * @description Hover/focus tooltip for web. Shows contextual info on hover.
- */
-export interface MkTooltipProps {
-    content: string | React.ReactNode;
-    position?: 'top' | 'bottom' | 'left' | 'right';
-    delay?: number;
-    children: React.ReactElement;
-    className?: string;
-}
-export declare const MkTooltip: React.FC<MkTooltipProps>;
-//# sourceMappingURL=MkTooltip.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkTooltip.d.ts","sourceRoot":"","sources":["../../src/components/MkTooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC3B,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoC9C,CAAC"}