@makroz/web 1.0.1 → 1.2.0

package/dist/components/MkButton.module.css

@@ -1,85 +0,0 @@
-.button {
-    --mk-btn-bg: var(--mk-primary);
-    --mk-btn-color: var(--mk-primary-foreground);
-    --mk-btn-border: transparent;
-    --mk-btn-radius: var(--mk-radius, 8px);
-    --mk-btn-padding: 0.5rem 1rem;
-    --mk-btn-font-size: 0.875rem;
-    --mk-btn-gap: 0.5rem;
-
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: var(--mk-btn-padding);
-    font-family: var(--mk-font-sans);
-    font-weight: 500;
-    font-size: var(--mk-btn-font-size);
-    border-radius: var(--mk-btn-radius);
-    background-color: var(--mk-btn-bg);
-    color: var(--mk-btn-color);
-    border: 1px solid var(--mk-btn-border);
-    gap: var(--mk-btn-gap);
-    cursor: pointer;
-    transition: var(--mk-transition);
-    outline: none;
-}
-
-.button:active {
-    transform: scale(0.98);
-}
-
-.button:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-/* Variants */
-.primary {
-    --mk-btn-bg: var(--mk-primary);
-    --mk-btn-color: var(--mk-primary-foreground);
-}
-
-.primary:hover:not(:disabled) {
-    filter: brightness(1.1);
-}
-
-.outline {
-    --mk-btn-bg: transparent;
-    --mk-btn-border: var(--mk-border);
-    --mk-btn-color: var(--mk-foreground);
-}
-
-.outline:hover:not(:disabled) {
-    background-color: var(--mk-accent);
-}
-
-.ghost {
-    --mk-btn-bg: transparent;
-    --mk-btn-border: transparent;
-    --mk-btn-color: var(--mk-foreground);
-}
-
-.ghost:hover:not(:disabled) {
-    background-color: var(--mk-accent);
-}
-
-.error {
-    --mk-btn-bg: var(--mk-error);
-    --mk-btn-color: #ffffff;
-}
-
-/* Loader Animation */
-.loader {
-    width: 1rem;
-    height: 1rem;
-    border: 2px solid currentColor;
-    border-bottom-color: transparent;
-    border-radius: 50%;
-    display: inline-block;
-    animation: rotation 1s linear infinite;
-}
-
-@keyframes rotation {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
-}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkButton.test.d.ts.map

package/dist/components/MkButton.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MkButton.test.d.ts","sourceRoot":"","sources":["../../src/components/MkButton.test.tsx"],"names":[],"mappings":""}

package/dist/components/MkButton.test.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-use;
-client;
-import { describe, it, expect, vi } from 'vitest';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { MkButton } from '../components/MkButton';
-describe('MkButton', () => {
-    it('renders with correct text', () => {
-        render(_jsx(MkButton, { children: "Click me" }));
-        const button = screen.getByRole('button');
-        expect(button.textContent).toBe('Click me');
-    });
-    it('calls onClick when clicked', () => {
-        const handleClick = vi.fn();
-        render(_jsx(MkButton, { onClick: handleClick, children: "Click me" }));
-        fireEvent.click(screen.getByRole('button'));
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-    it('does not call onClick when disabled', () => {
-        const handleClick = vi.fn();
-        render(_jsx(MkButton, { disabled: true, onClick: handleClick, children: "Click me" }));
-        fireEvent.click(screen.getByRole('button'));
-        expect(handleClick).not.toHaveBeenCalled();
-    });
-    it('applies variant class correctly', () => {
-        const { container } = render(_jsx(MkButton, { variant: "outline", children: "Outline" }));
-        const button = container.querySelector('button');
-        expect(button === null || button === void 0 ? void 0 : button.className).toMatch(/outline/);
-    });
-    it('shows loading spinner and disables button', () => {
-        render(_jsx(MkButton, { loading: true, children: "Click me" }));
-        const button = screen.getByRole('button');
-        expect(button.disabled).toBe(true);
-        // When loading, children are replaced with spinner
-        expect(button.querySelector('span')).not.toBeNull();
-    });
-    it('does not render children when loading', () => {
-        render(_jsx(MkButton, { loading: true, children: "Submit Form" }));
-        // When loading, the spinner replaces the children
-        expect(screen.queryByText('Submit Form')).toBeNull();
-    });
-    it('applies custom className', () => {
-        const { container } = render(_jsx(MkButton, { className: "custom-class", children: "Test" }));
-        const button = container.querySelector('button');
-        expect(button === null || button === void 0 ? void 0 : button.className).toContain('custom-class');
-    });
-    it('supports error variant', () => {
-        const { container } = render(_jsx(MkButton, { variant: "error", children: "Delete" }));
-        const button = container.querySelector('button');
-        expect(button === null || button === void 0 ? void 0 : button.className).toMatch(/error/);
-    });
-    it('supports ghost variant', () => {
-        const { container } = render(_jsx(MkButton, { variant: "ghost", children: "Ghost" }));
-        const button = container.querySelector('button');
-        expect(button === null || button === void 0 ? void 0 : button.className).toMatch(/ghost/);
-    });
-});
-//# sourceMappingURL=MkButton.test.js.map

package/dist/components/MkButton.test.js.map

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

package/dist/components/MkCard.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-/**
- * @module MkCard
- * @description Versatile card container with header, body, footer sections.
- */
-export interface MkCardProps {
-    children: React.ReactNode;
-    title?: string;
-    subtitle?: string;
-    headerRight?: React.ReactNode;
-    footer?: React.ReactNode;
-    variant?: 'default' | 'outlined' | 'elevated';
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-    onClick?: () => void;
-    className?: string;
-}
-export declare const MkCard: React.FC<MkCardProps>;
-//# sourceMappingURL=MkCard.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkCard.d.ts","sourceRoot":"","sources":["../../src/components/MkCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,WAAW;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+BxC,CAAC"}

package/dist/components/MkCard.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-use;
-client;
-import styles from './MkCard.module.css';
-export const MkCard = ({ children, title, subtitle, headerRight, footer, variant = 'default', padding = 'md', onClick, className, }) => {
-    return (_jsxs("div", { className: `${styles.card} ${styles[variant]} ${styles[`pad-${padding}`]} ${onClick ? styles.clickable : ''} ${className || ''}`, onClick: onClick, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined, children: [(title || headerRight) && (_jsxs("div", { className: styles.header, children: [_jsxs("div", { children: [title && _jsx("h3", { className: styles.title, children: title }), subtitle && _jsx("p", { className: styles.subtitle, children: subtitle })] }), headerRight && _jsx("div", { className: styles.headerRight, children: headerRight })] })), _jsx("div", { className: styles.body, children: children }), footer && _jsx("div", { className: styles.footer, children: footer })] }));
-};
-//# sourceMappingURL=MkCard.js.map

package/dist/components/MkCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MkCard.js","sourceRoot":"","sources":["../../src/components/MkCard.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAmBzC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC1C,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,MAAM,EACN,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,IAAI,EACd,OAAO,EACP,SAAS,GACZ,EAAE,EAAE;IACD,OAAO,CACH,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,OAAO,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,IAAI,EAAE,EAAE,EAChI,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,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACzB,0BACK,KAAK,IAAI,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAM,EAClD,QAAQ,IAAI,YAAG,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAK,IACxD,EACL,WAAW,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,GAAO,IACrE,CACT,EACD,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,QAAQ,GAAO,EAC5C,MAAM,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAAG,MAAM,GAAO,IACtD,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkCard.module.css

@@ -1,63 +0,0 @@
-.card {
-    --mk-card-bg: var(--mk-background);
-    --mk-card-border: var(--mk-border);
-    --mk-card-radius: var(--mk-radius, 8px);
-    --mk-card-shadow: none;
-    --mk-card-hover-shadow: 0 6px 16px rgba(0,0,0,0.1);
-    --mk-card-color: var(--mk-foreground);
-    --mk-card-muted-color: var(--mk-muted-foreground);
-
-    border-radius: var(--mk-card-radius);
-    background-color: var(--mk-card-bg);
-    color: var(--mk-card-color);
-    transition: var(--mk-transition);
-    overflow: hidden;
-}
-
-:global([data-theme='dark']) .card {
-    --mk-card-hover-shadow: 0 6px 16px rgba(0,0,0,0.4);
-}
-
-.default { border: 1px solid var(--mk-card-border); }
-.outlined { border: 2px solid var(--mk-card-border); background: transparent; }
-.elevated { 
-    --mk-card-shadow: 0 4px 12px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.06);
-    border: none; 
-    box-shadow: var(--mk-card-shadow); 
-}
-
-:global([data-theme='dark']) .elevated {
-    --mk-card-shadow: 0 4px 12px rgba(0,0,0,0.4), 0 1px 3px rgba(0,0,0,0.2);
-}
-
-.pad-none {}
-.pad-sm { padding: 0.75rem; }
-.pad-md { padding: 1rem; }
-.pad-lg { padding: 1.5rem; }
-
-.clickable { cursor: pointer; }
-.clickable:hover { box-shadow: var(--mk-card-hover-shadow); transform: translateY(-1px); }
-
-.header {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    margin-bottom: 0.75rem;
-}
-
-.title {
-    margin: 0;
-    font-size: 1rem;
-    font-weight: 600;
-    color: inherit;
-}
-
-.subtitle {
-    margin: 0.125rem 0 0;
-    font-size: 0.8125rem;
-    color: var(--mk-card-muted-color);
-}
-
-.headerRight { flex-shrink: 0; }
-.body {}
-.footer { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--mk-card-border); }

package/dist/components/MkCheck.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-/**
- * @module MkCheck
- * @description Checkbox component with label, error, and indeterminate support.
- * Same prop interface as mk-mobile MkCheck.
- *
- * @example
- * ```tsx
- * <MkCheck label="Accept terms" checked={agreed} onChange={setAgreed} />
- * <MkCheck label="Select all" indeterminate={someChecked} onChange={handleAll} />
- * ```
- */
-export interface MkCheckProps {
-    /** Checkbox label text. */
-    label?: string;
-    /** Whether checked. */
-    checked?: boolean;
-    /** Indeterminate state (partial selection). */
-    indeterminate?: boolean;
-    /** Callback when value changes. */
-    onChange?: (checked: boolean) => void;
-    /** Disabled state. */
-    disabled?: boolean;
-    /** Error message. */
-    error?: string;
-    /** Size variant. */
-    size?: 'sm' | 'md' | 'lg';
-    /** Additional className. */
-    className?: string;
-}
-export declare const MkCheck: React.FC<MkCheckProps>;
-//# sourceMappingURL=MkCheck.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkCheck.d.ts","sourceRoot":"","sources":["../../src/components/MkCheck.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,YAAY;IACzB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA0C1C,CAAC"}

package/dist/components/MkCheck.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-use;
-client;
-import { useCallback } from 'react';
-import styles from './MkCheck.module.css';
-export const MkCheck = ({ label, checked = false, indeterminate = false, onChange, disabled = false, error, size = 'md', className, }) => {
-    const handleChange = 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: [_jsxs("div", { className: `${styles.checkbox} ${styles[size]} ${checked ? styles.checked : ''} ${indeterminate ? styles.indeterminate : ''} ${error ? styles.error : ''}`, onClick: handleChange, role: "checkbox", "aria-checked": indeterminate ? 'mixed' : checked, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onKeyDown: (e) => { if (e.key === ' ' || e.key === 'Enter')
-                            handleChange(); }, children: [checked && (_jsx("svg", { viewBox: "0 0 12 12", className: styles.icon, children: _jsx("polyline", { points: "1.5 6 4.5 9 10.5 3", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })), indeterminate && !checked && (_jsx("svg", { viewBox: "0 0 12 12", className: styles.icon, children: _jsx("line", { x1: "2.5", y1: "6", x2: "9.5", y2: "6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }))] }), label && _jsx("span", { className: styles.text, children: label })] }), error && _jsx("span", { className: styles.errorText, children: error })] }));
-};
-//# sourceMappingURL=MkCheck.js.map

package/dist/components/MkCheck.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MkCheck.js","sourceRoot":"","sources":["../../src/components/MkCheck.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAiC1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,KAAK,EACL,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,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,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1J,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,UAAU,kBACD,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,mBAChC,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;4BAAE,YAAY,EAAE,CAAC,CAAC,CAAC,aAE5E,OAAO,IAAI,CACR,cAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,YAC3C,mBAAU,MAAM,EAAC,oBAAoB,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GACrI,CACT,EACA,aAAa,IAAI,CAAC,OAAO,IAAI,CAC1B,cAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,YAC3C,eAAM,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,GAClG,CACT,IACC,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/MkCheck.module.css

@@ -1,87 +0,0 @@
-.container {
-    --mk-check-bg: var(--mk-background);
-    --mk-check-border: var(--mk-border);
-    --mk-check-checked-bg: var(--mk-primary);
-    --mk-check-radius: calc(var(--mk-radius, 8px) * 0.375);
-    --mk-check-color: var(--mk-foreground);
-    --mk-check-accent: var(--mk-primary);
-
-    display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
-    color: var(--mk-check-color);
-}
-
-.label {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.5rem;
-    cursor: pointer;
-    user-select: none;
-    color: inherit;
-}
-
-.label.disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-}
-
-.checkbox {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 2px solid var(--mk-check-border);
-    border-radius: var(--mk-check-radius);
-    background-color: var(--mk-check-bg);
-    transition: all 0.15s ease;
-    flex-shrink: 0;
-    cursor: pointer;
-}
-
-.sm { width: 16px; height: 16px; }
-.md { width: 20px; height: 20px; }
-.lg { width: 24px; height: 24px; }
-
-.checkbox:hover {
-    border-color: var(--mk-check-accent);
-}
-
-.checkbox:focus-visible {
-    outline: none;
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-check-accent), transparent 80%);
-}
-
-.checked {
-    background-color: var(--mk-check-checked-bg);
-    border-color: var(--mk-check-checked-bg);
-    color: var(--mk-primary-foreground, #fff);
-}
-
-.indeterminate {
-    background-color: var(--mk-check-checked-bg);
-    border-color: var(--mk-check-checked-bg);
-    color: var(--mk-primary-foreground, #fff);
-}
-
-.error {
-    --mk-check-border: var(--mk-error);
-    --mk-check-accent: var(--mk-error);
-}
-
-.icon {
-    width: 12px;
-    height: 12px;
-}
-
-.text {
-    font-size: 0.875rem;
-    color: inherit;
-    line-height: 1.4;
-}
-
-.errorText {
-    font-size: 0.75rem;
-    color: var(--mk-error);
-    font-weight: 500;
-    margin-left: 1.75rem;
-}

package/dist/components/MkDatePicker.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-/**
- * @module MkDatePicker
- * @description Date picker component using native HTML5 date input.
- * Styled to match MkInput.
- *
- * @example
- * ```tsx
- * <MkDatePicker
- *   label="Fecha de nacimiento"
- *   value={date}
- *   onChange={setDate}
- *   error={errors.date}
- * />
- * ```
- */
-export interface MkDatePickerProps {
-    label?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-    error?: string;
-    disabled?: boolean;
-    min?: string;
-    max?: string;
-    className?: string;
-    name?: string;
-}
-export declare const MkDatePicker: React.FC<MkDatePickerProps>;
-//# sourceMappingURL=MkDatePicker.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkDatePicker.d.ts","sourceRoot":"","sources":["../../src/components/MkDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;;;;;;;;;;;GAcG;AAEH,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiCpD,CAAC"}

package/dist/components/MkDatePicker.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-use;
-client;
-import { useCallback } from 'react';
-import styles from './MkDatePicker.module.css';
-export const MkDatePicker = ({ label, value, onChange, error, disabled = false, min, max, className, name, }) => {
-    const handleChange = useCallback((e) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
-    }, [onChange]);
-    return (_jsxs("div", { className: `${styles.wrapper} ${className || ''}`, children: [label && _jsx("label", { className: styles.label, children: label }), _jsx("div", { className: styles.inputContainer, children: _jsx("input", { type: "date", name: name, value: value || '', onChange: handleChange, disabled: disabled, min: min, max: max, className: `${styles.input} ${error ? styles.hasError : ''} ${disabled ? styles.disabled : ''}` }) }), error && _jsx("span", { className: styles.errorText, children: error })] }));
-};
-//# sourceMappingURL=MkDatePicker.js.map

package/dist/components/MkDatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MkDatePicker.js","sourceRoot":"","sources":["../../src/components/MkDatePicker.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,2BAA2B,CAAC;AA8B/C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACtD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,GAAG,EACH,GAAG,EACH,SAAS,EACT,IAAI,GACP,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QACxE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,IAAI,EAAE,EAAE,aACjD,KAAK,IAAI,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAS,EACzD,cAAK,SAAS,EAAE,MAAM,CAAC,cAAc,YACjC,gBACI,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,GACjG,GACA,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IACzD,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkDatePicker.module.css

@@ -1,77 +0,0 @@
-.wrapper {
-    --mk-datepicker-bg: var(--mk-background);
-    --mk-datepicker-border: var(--mk-border);
-    --mk-datepicker-color: var(--mk-foreground);
-    --mk-datepicker-radius: var(--mk-radius, 8px);
-    --mk-datepicker-focus: var(--mk-primary);
-    
-    display: flex;
-    flex-direction: column;
-    gap: 0.375rem;
-    width: 100%;
-    color: var(--mk-datepicker-color);
-}
-
-.label {
-    font-size: 0.875rem;
-    font-weight: 500;
-    color: inherit;
-    opacity: 0.9;
-}
-
-.inputContainer {
-    position: relative;
-    width: 100%;
-}
-
-.input {
-    width: 100%;
-    padding: 0.625rem 0.875rem;
-    font-size: 0.875rem;
-    color: inherit;
-    background-color: var(--mk-datepicker-bg);
-    border: 1px solid var(--mk-datepicker-border);
-    border-radius: var(--mk-datepicker-radius);
-    transition: all 0.2s ease;
-    outline: none;
-    font-family: inherit;
-    appearance: none;
-}
-
-/* Browser calendar indicator */
-.input::-webkit-calendar-picker-indicator {
-    cursor: pointer;
-    opacity: 0.6;
-    transition: opacity 0.2s ease;
-}
-
-:global([data-theme='dark']) .input::-webkit-calendar-picker-indicator {
-    filter: invert(1);
-    opacity: 0.8;
-}
-
-.input::-webkit-calendar-picker-indicator:hover {
-    opacity: 1;
-}
-
-.input:focus {
-    border-color: var(--mk-datepicker-focus);
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-datepicker-focus), transparent 85%);
-}
-
-.hasError {
-    --mk-datepicker-border: var(--mk-error);
-    --mk-datepicker-focus: var(--mk-error);
-}
-
-.disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-    background-color: var(--mk-muted);
-}
-
-.errorText {
-    font-size: 0.75rem;
-    font-weight: 500;
-    color: var(--mk-error);
-}

package/dist/components/MkDivider.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-/**
- * @module MkDivider
- * @description Visual separator with optional label text.
- */
-export interface MkDividerProps {
-    label?: string;
-    orientation?: 'horizontal' | 'vertical';
-    variant?: 'solid' | 'dashed' | 'dotted';
-    spacing?: 'sm' | 'md' | 'lg';
-    className?: string;
-}
-export declare const MkDivider: React.FC<MkDividerProps>;
-//# sourceMappingURL=MkDivider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkDivider.d.ts","sourceRoot":"","sources":["../../src/components/MkDivider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACxC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsB9C,CAAC"}

package/dist/components/MkDivider.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-use;
-client;
-import styles from './MkDivider.module.css';
-export const MkDivider = ({ label, orientation = 'horizontal', variant = 'solid', spacing = 'md', className, }) => {
-    if (orientation === 'vertical') {
-        return _jsx("div", { className: `${styles.vertical} ${styles[variant]} ${styles[`v-${spacing}`]} ${className || ''}` });
-    }
-    if (label) {
-        return (_jsxs("div", { className: `${styles.withLabel} ${styles[`h-${spacing}`]} ${className || ''}`, children: [_jsx("div", { className: `${styles.line} ${styles[variant]}` }), _jsx("span", { className: styles.label, children: label }), _jsx("div", { className: `${styles.line} ${styles[variant]}` })] }));
-    }
-    return _jsx("div", { className: `${styles.horizontal} ${styles[variant]} ${styles[`h-${spacing}`]} ${className || ''}` });
-};
-//# sourceMappingURL=MkDivider.js.map

package/dist/components/MkDivider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MkDivider.js","sourceRoot":"","sources":["../../src/components/MkDivider.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAe5C,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAChD,KAAK,EACL,WAAW,GAAG,YAAY,EAC1B,OAAO,GAAG,OAAO,EACjB,OAAO,GAAG,IAAI,EACd,SAAS,GACZ,EAAE,EAAE;IACD,IAAI,WAAW,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,OAAO,EAAE,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,GAAI,CAAC;IACpH,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK,OAAO,EAAE,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,aAC9E,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,GAAI,EACvD,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,EAC7C,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,GAAI,IACrD,CACT,CAAC;IACN,CAAC;IAED,OAAO,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,KAAK,OAAO,EAAE,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,GAAI,CAAC;AACtH,CAAC,CAAC"}

package/dist/components/MkDivider.module.css

@@ -1,39 +0,0 @@
-.horizontal {
-    --mk-divider-color: var(--mk-border);
-    --mk-divider-thickness: 1px;
-    
-    width: 100%;
-    height: var(--mk-divider-thickness);
-    background-color: var(--mk-divider-color);
-}
-
-.solid { border-style: none; }
-.dashed { background: none; border-top: var(--mk-divider-thickness) dashed var(--mk-divider-color); height: 0; }
-.dotted { background: none; border-top: var(--mk-divider-thickness) dotted var(--mk-divider-color); height: 0; }
-
-.h-sm { margin: 0.5rem 0; }
-.h-md { margin: 1rem 0; }
-.h-lg { margin: 1.5rem 0; }
-
-.vertical {
-    --mk-divider-color: var(--mk-border);
-    --mk-divider-thickness: 1px;
-
-    width: var(--mk-divider-thickness);
-    align-self: stretch;
-    background-color: var(--mk-divider-color);
-    min-height: 1em;
-}
-
-.v-sm { margin: 0 0.5rem; }
-.v-md { margin: 0 1rem; }
-.v-lg { margin: 0 1.5rem; }
-
-.withLabel {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-}
-
-.line { flex: 1; height: var(--mk-divider-thickness, 1px); background-color: var(--mk-divider-color, var(--mk-border)); }
-.label { font-size: 0.75rem; color: var(--mk-muted-foreground); white-space: nowrap; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; }

package/dist/components/MkDropDown.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-export interface MkDropdownOptionType {
-    value: string | number;
-    label: string;
-    icon?: React.ReactNode;
-}
-export interface MkDropDownProps {
-    options: MkDropdownOptionType[];
-    onSelect: (value: string | number) => void;
-    initiator?: React.ReactNode;
-    withSearch?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    value?: string | number;
-    placeholder?: string;
-}
-/**
- * MkDropDown
- * 🚀 Premium Floating Menu with search and theme support.
- */
-export declare const MkDropDown: React.FC<MkDropDownProps>;
-//# sourceMappingURL=MkDropDown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MkDropDown.d.ts","sourceRoot":"","sources":["../../src/components/MkDropDown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC5B,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiEhD,CAAC"}