@makroz/web 1.2.0 → 1.2.2

package/dist/components/MkButton.module.css

@@ -0,0 +1,85 @@
+.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.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkButton } from './MkButton';
+declare const meta: Meta<typeof MkButton>;
+export default meta;
+type Story = StoryObj<typeof MkButton>;
+export declare const Primary: Story;
+export declare const Outline: Story;
+export declare const Ghost: Story;
+export declare const Error: Story;
+export declare const Loading: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=MkButton.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkButton.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAe/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}

package/dist/components/MkButton.stories.js

@@ -0,0 +1,57 @@
+import { MkButton } from './MkButton';
+const meta = {
+    title: 'Components/MkButton',
+    component: MkButton,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        variant: {
+            control: { type: 'select' },
+            options: ['primary', 'outline', 'ghost', 'error'],
+        },
+        loading: { control: 'boolean' },
+        disabled: { control: 'boolean' },
+    },
+};
+export default meta;
+export const Primary = {
+    args: {
+        variant: 'primary',
+        children: 'Primary Button',
+    },
+};
+export const Outline = {
+    args: {
+        variant: 'outline',
+        children: 'Outline Button',
+    },
+};
+export const Ghost = {
+    args: {
+        variant: 'ghost',
+        children: 'Ghost Button',
+    },
+};
+export const Error = {
+    args: {
+        variant: 'error',
+        children: 'Error Button',
+    },
+};
+export const Loading = {
+    args: {
+        variant: 'primary',
+        loading: true,
+        children: 'Loading...',
+    },
+};
+export const Disabled = {
+    args: {
+        variant: 'primary',
+        disabled: true,
+        children: 'Disabled',
+    },
+};
+//# sourceMappingURL=MkButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkButton.stories.js","sourceRoot":"","sources":["../../src/components/MkButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAA0B;IAChC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC;SACpD;QACD,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACnC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,gBAAgB;KAC7B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,gBAAgB;KAC7B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,cAAc;KAC3B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,cAAc;KAC3B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,YAAY;KACzB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC"}

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

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

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

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

package/dist/components/MkButton.test.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+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 === null || button === void 0 ? void 0 : button.disabled).toBe(true);
+        // When loading, children are replaced with spinner
+        expect(button === null || button === void 0 ? void 0 : 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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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

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

@@ -0,0 +1,63 @@
+.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/MkCard.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkCard } from './MkCard';
+declare const meta: Meta<typeof MkCard>;
+export default meta;
+type Story = StoryObj<typeof MkCard>;
+export declare const Default: Story;
+export declare const Outlined: Story;
+export declare const Elevated: Story;
+export declare const WithFooter: Story;
+export declare const Clickable: Story;
+//# sourceMappingURL=MkCard.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkCard.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC"}

package/dist/components/MkCard.stories.js

@@ -0,0 +1,57 @@
+import { MkCard } from './MkCard';
+const meta = {
+    title: 'Components/MkCard',
+    component: MkCard,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        variant: {
+            control: { type: 'select' },
+            options: ['default', 'outlined', 'elevated'],
+        },
+        padding: {
+            control: { type: 'select' },
+            options: ['none', 'sm', 'md', 'lg'],
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        title: 'Default Card',
+        subtitle: 'A simple card with title and body',
+        children: 'This is the body content of the card. Cards are flexible containers.',
+    },
+};
+export const Outlined = {
+    args: {
+        title: 'Outlined Card',
+        variant: 'outlined',
+        children: 'Outlined cards have a thin border and no shadow.',
+    },
+};
+export const Elevated = {
+    args: {
+        title: 'Elevated Card',
+        variant: 'elevated',
+        children: 'Elevated cards have a strong drop shadow to lift off the page.',
+    },
+};
+export const WithFooter = {
+    args: {
+        title: 'Card with Footer',
+        subtitle: 'Useful for actions',
+        children: 'Main content of the card.',
+        footer: 'Last updated: 2026-06-13',
+    },
+};
+export const Clickable = {
+    args: {
+        title: 'Clickable Card',
+        children: 'Click anywhere on this card to trigger an action.',
+        onClick: () => alert('Card clicked!'),
+    },
+};
+//# sourceMappingURL=MkCard.stories.js.map

package/dist/components/MkCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkCard.stories.js","sourceRoot":"","sources":["../../src/components/MkCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAwB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC;SAC/C;QACD,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SACtC;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,mCAAmC;QAC7C,QAAQ,EAAE,sEAAsE;KACnF;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,kDAAkD;KAC/D;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,gEAAgE;KAC7E;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,KAAK,EAAE,kBAAkB;QACzB,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE,0BAA0B;KACrC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,mDAAmD;QAC7D,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC;KACxC;CACJ,CAAC"}

package/dist/components/MkCheck.d.ts

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

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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

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

@@ -0,0 +1,87 @@
+.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/MkCheck.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkCheck } from './MkCheck';
+declare const meta: Meta<typeof MkCheck>;
+export default meta;
+type Story = StoryObj<typeof MkCheck>;
+export declare const Unchecked: Story;
+export declare const Checked: Story;
+export declare const Indeterminate: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+export declare const WithError: Story;
+export declare const Sizes: Story;
+//# sourceMappingURL=MkCheck.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkCheck.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkCheck.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAiB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC"}

package/dist/components/MkCheck.stories.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MkCheck } from './MkCheck';
+const meta = {
+    title: 'Components/MkCheck',
+    component: MkCheck,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        label: { control: 'text' },
+        checked: { control: 'boolean' },
+        indeterminate: { control: 'boolean' },
+        disabled: { control: 'boolean' },
+        size: {
+            control: { type: 'select' },
+            options: ['sm', 'md', 'lg'],
+        },
+    },
+};
+export default meta;
+export const Unchecked = {
+    args: {
+        label: 'Accept terms and conditions',
+        checked: false,
+    },
+};
+export const Checked = {
+    args: {
+        label: 'I agree',
+        checked: true,
+    },
+};
+export const Indeterminate = {
+    args: {
+        label: 'Select all (some selected)',
+        indeterminate: true,
+    },
+};
+export const Disabled = {
+    args: {
+        label: 'Locked option',
+        disabled: true,
+        checked: false,
+    },
+};
+export const DisabledChecked = {
+    args: {
+        label: 'Pre-selected (locked)',
+        disabled: true,
+        checked: true,
+    },
+};
+export const WithError = {
+    args: {
+        label: 'You must accept to continue',
+        error: 'This field is required',
+    },
+};
+export const Sizes = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 }, children: [_jsx(MkCheck, { label: "Small", size: "sm", checked: true }), _jsx(MkCheck, { label: "Medium", size: "md", checked: true }), _jsx(MkCheck, { label: "Large", size: "lg", checked: true })] })),
+};
+//# sourceMappingURL=MkCheck.stories.js.map

package/dist/components/MkCheck.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkCheck.stories.js","sourceRoot":"","sources":["../../src/components/MkCheck.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,aAAa,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACrC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SAC9B;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,6BAA6B;QACpC,OAAO,EAAE,KAAK;KACjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,IAAI;KAChB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAChC,IAAI,EAAE;QACF,KAAK,EAAE,4BAA4B;QACnC,aAAa,EAAE,IAAI;KACtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,KAAK;KACjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,IAAI,EAAE;QACF,KAAK,EAAE,uBAAuB;QAC9B,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;KAChB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,6BAA6B;QACpC,KAAK,EAAE,wBAAwB;KAClC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,aAC7D,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,EAC3C,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,EAC5C,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,IACzC,CACT;CACJ,CAAC"}

package/dist/components/MkCheck.stories.test.d.ts

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

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

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