@makroz/web 1.2.0 → 1.2.2

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Smoke snapshot for MkCheck — generates `__snapshots__/MkCheck.stories.snap`.
+ * Required by R-MK-002 stories coverage rule (mk:lint:stories).
+ */
+import { describe, it, expect, afterEach } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
+import { MkCheck } from './MkCheck';
+describe('MkCheck story smoke', () => {
+    afterEach(cleanup);
+    it('renders checked', () => {
+        const { container } = render(_jsx(MkCheck, { label: "I agree", checked: true }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=MkCheck.stories.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkCheck.stories.test.js","sourceRoot":"","sources":["../../src/components/MkCheck.stories.test.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACvB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,SAAG,CAAC,CAAC;QAClE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkDatePicker.d.ts

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

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

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

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

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkDatePicker } from './MkDatePicker';
+declare const meta: Meta<typeof MkDatePicker>;
+export default meta;
+type Story = StoryObj<typeof MkDatePicker>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const WithMinMax: Story;
+export declare const Disabled: Story;
+export declare const WithError: Story;
+//# sourceMappingURL=MkDatePicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkDatePicker.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkDatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAYnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC"}

package/dist/components/MkDatePicker.stories.js

@@ -0,0 +1,47 @@
+import { MkDatePicker } from './MkDatePicker';
+const meta = {
+    title: 'Components/MkDatePicker',
+    component: MkDatePicker,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        label: { control: 'text' },
+        disabled: { control: 'boolean' },
+        error: { control: 'text' },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Select date',
+    },
+};
+export const WithValue = {
+    args: {
+        label: 'Fecha de nacimiento',
+        value: '1990-04-15',
+    },
+};
+export const WithMinMax = {
+    args: {
+        label: 'Appointment date',
+        min: '2026-01-01',
+        max: '2026-12-31',
+    },
+};
+export const Disabled = {
+    args: {
+        label: 'Locked date',
+        value: '2026-06-14',
+        disabled: true,
+    },
+};
+export const WithError = {
+    args: {
+        label: 'Required',
+        error: 'Please select a date',
+    },
+};
+//# sourceMappingURL=MkDatePicker.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkDatePicker.stories.js","sourceRoot":"","sources":["../../src/components/MkDatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,IAAI,GAA8B;IACpC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC7B;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,aAAa;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,qBAAqB;QAC5B,KAAK,EAAE,YAAY;KACtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,KAAK,EAAE,kBAAkB;QACzB,GAAG,EAAE,YAAY;QACjB,GAAG,EAAE,YAAY;KACpB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,IAAI;KACjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,sBAAsB;KAChC;CACJ,CAAC"}

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

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

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

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

package/dist/components/MkDatePicker.stories.test.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Smoke snapshot for MkDatePicker — generates `__snapshots__/MkDatePicker.stories.snap`.
+ * Required by R-MK-002 stories coverage rule (mk:lint:stories).
+ */
+import { describe, it, expect, afterEach } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
+import { MkDatePicker } from './MkDatePicker';
+describe('MkDatePicker story smoke', () => {
+    afterEach(cleanup);
+    it('renders with value', () => {
+        const { container } = render(_jsx(MkDatePicker, { label: "Birthday", value: "1990-04-15" }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=MkDatePicker.stories.test.js.map

package/dist/components/MkDatePicker.stories.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkDatePicker.stories.test.js","sourceRoot":"","sources":["../../src/components/MkDatePicker.stories.test.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,YAAY,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,YAAY,GAAG,CACvD,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkDivider.d.ts

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

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

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

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

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkDivider } from './MkDivider';
+declare const meta: Meta<typeof MkDivider>;
+export default meta;
+type Story = StoryObj<typeof MkDivider>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const Dashed: Story;
+export declare const Dotted: Story;
+export declare const Vertical: Story;
+export declare const Spacings: Story;
+//# sourceMappingURL=MkDivider.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkDivider.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkDivider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAUhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC"}

package/dist/components/MkDivider.stories.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MkDivider } from './MkDivider';
+const meta = {
+    title: 'Components/MkDivider',
+    component: MkDivider,
+    parameters: { layout: 'padded' },
+    tags: ['autodocs'],
+    argTypes: {
+        orientation: { control: { type: 'select' }, options: ['horizontal', 'vertical'] },
+        variant: { control: { type: 'select' }, options: ['solid', 'dashed', 'dotted'] },
+        spacing: { control: { type: 'select' }, options: ['sm', 'md', 'lg'] },
+    },
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+export const WithLabel = {
+    args: { label: 'or continue with' },
+};
+export const Dashed = {
+    args: { variant: 'dashed' },
+};
+export const Dotted = {
+    args: { variant: 'dotted' },
+};
+export const Vertical = {
+    render: () => (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 16, height: 80 }, children: [_jsx("span", { children: "Left" }), _jsx(MkDivider, { orientation: "vertical" }), _jsx("span", { children: "Center" }), _jsx(MkDivider, { orientation: "vertical" }), _jsx("span", { children: "Right" })] })),
+};
+export const Spacings = {
+    render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 24 }, children: [_jsxs("div", { children: [_jsx("span", { children: "Small spacing" }), _jsx(MkDivider, { spacing: "sm" })] }), _jsxs("div", { children: [_jsx("span", { children: "Medium spacing" }), _jsx(MkDivider, { spacing: "md" })] }), _jsxs("div", { children: [_jsx("span", { children: "Large spacing" }), _jsx(MkDivider, { spacing: "lg" })] })] })),
+};
+//# sourceMappingURL=MkDivider.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkDivider.stories.js","sourceRoot":"","sources":["../../src/components/MkDivider.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,IAAI,GAA2B;IACjC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE;QACjF,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE;QAChF,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;KACxE;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,aACtE,kCAAiB,EACjB,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EACpC,oCAAmB,EACnB,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EACpC,mCAAkB,IAChB,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,aAC7D,0BACI,2CAA0B,EAC1B,KAAC,SAAS,IAAC,OAAO,EAAC,IAAI,GAAG,IACxB,EACN,0BACI,4CAA2B,EAC3B,KAAC,SAAS,IAAC,OAAO,EAAC,IAAI,GAAG,IACxB,EACN,0BACI,2CAA0B,EAC1B,KAAC,SAAS,IAAC,OAAO,EAAC,IAAI,GAAG,IACxB,IACJ,CACT;CACJ,CAAC"}

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

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

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

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

package/dist/components/MkDivider.stories.test.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Smoke snapshot for MkDivider — required by R-MK-002 (mk:lint:stories).
+ */
+import { describe, it, expect, afterEach } from 'vitest';
+import { render, cleanup } from '@testing-library/react';
+import { MkDivider } from './MkDivider';
+describe('MkDivider story smoke', () => {
+    afterEach(cleanup);
+    it('renders with label', () => {
+        const { container } = render(_jsx(MkDivider, { label: "or continue with" }));
+        expect(container.firstChild).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=MkDivider.stories.test.js.map

package/dist/components/MkDivider.stories.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkDivider.stories.test.js","sourceRoot":"","sources":["../../src/components/MkDivider.stories.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACnC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,IAAC,KAAK,EAAC,kBAAkB,GAAG,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/MkDropDown.d.ts

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

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

package/dist/components/MkDropDown.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useMemo } from 'react';
+import styles from './MkDropDown.module.css';
+import { Icon3Dots } from './MkIcons';
+import { useMkClickOutside } from '../hooks/useMkClickOutside';
+/**
+ * MkDropDown
+ * 🚀 Premium Floating Menu with search and theme support.
+ */
+export const MkDropDown = ({ options, onSelect, initiator = _jsx(Icon3Dots, {}), withSearch = false, className = '', style = {}, value, placeholder = 'Buscar...', }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [searchTerm, setSearchTerm] = useState('');
+    const containerRef = useRef(null);
+    useMkClickOutside([containerRef], () => setIsOpen(false));
+    const filteredOptions = useMemo(() => {
+        return options.filter((option) => option.label.toLowerCase().includes(searchTerm.toLowerCase()));
+    }, [options, searchTerm]);
+    const handleSelect = (val) => {
+        onSelect(val);
+        setIsOpen(false);
+    };
+    return (_jsxs("div", { ref: containerRef, className: `${styles.container} ${className}`, style: style, children: [_jsx("div", { className: styles.trigger, onClick: () => setIsOpen(!isOpen), children: initiator }), isOpen && (_jsxs("div", { className: styles.menu, children: [withSearch && (_jsx("div", { className: styles.search, children: _jsx("input", { autoFocus: true, type: "text", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), placeholder: placeholder, className: styles.searchInput }) })), _jsx("div", { className: styles.optionsList, children: filteredOptions.length > 0 ? (filteredOptions.map((opt) => (_jsxs("div", { className: `${styles.option} ${value === opt.value ? styles.active : ''}`, onClick: () => handleSelect(opt.value), children: [opt.icon && _jsx("span", { className: styles.icon, children: opt.icon }), _jsx("span", { className: styles.label, children: opt.label })] }, opt.value)))) : (_jsx("div", { className: styles.empty, children: "Sin resultados" })) })] }))] }));
+};
+//# sourceMappingURL=MkDropDown.js.map

package/dist/components/MkDropDown.js.map

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

package/dist/components/MkDropDown.module.css

@@ -0,0 +1,108 @@
+.container {
+    position: relative;
+    display: inline-block;
+}
+
+.trigger {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: var(--mk-transition);
+    opacity: 0.8;
+}
+
+.trigger:hover {
+    opacity: 1;
+}
+
+.menu {
+    --mk-dropdown-bg: var(--mk-popover);
+    --mk-dropdown-fg: var(--mk-popover-foreground);
+    --mk-dropdown-border: var(--mk-border);
+    --mk-dropdown-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    --mk-dropdown-radius: var(--mk-radius, 8px);
+
+    position: absolute;
+    top: calc(100% + 8px);
+    right: 0;
+    min-width: 200px;
+    max-width: 300px;
+    background-color: var(--mk-dropdown-bg);
+    color: var(--mk-dropdown-fg);
+    border: 1px solid var(--mk-dropdown-border);
+    border-radius: var(--mk-dropdown-radius);
+    box-shadow: var(--mk-dropdown-shadow);
+    z-index: 50;
+    overflow: hidden;
+    animation: mk-fade-in 0.2s ease-out;
+}
+
+:global([data-theme='dark']) .menu {
+    --mk-dropdown-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
+}
+
+.search {
+    padding: 8px;
+    border-bottom: 1px solid var(--mk-border);
+    background-color: var(--mk-muted);
+}
+
+.searchInput {
+    width: 100%;
+    padding: 6px 12px;
+    background-color: var(--mk-background);
+    border: 1px solid var(--mk-border);
+    border-radius: 4px;
+    color: inherit;
+    font-size: 0.875rem;
+    outline: none;
+}
+
+.searchInput:focus {
+    border-color: var(--mk-primary);
+}
+
+.optionsList {
+    max-height: 250px;
+    overflow-y: auto;
+    padding: 4px;
+}
+
+.option {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    border-radius: 4px;
+    cursor: pointer;
+    color: inherit;
+    font-size: 0.875rem;
+    transition: var(--mk-transition);
+}
+
+.option:hover {
+    background-color: var(--mk-muted);
+}
+
+.active {
+    background-color: var(--mk-primary);
+    color: var(--mk-primary-foreground);
+}
+
+.active:hover {
+    background-color: var(--mk-primary);
+}
+
+.icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.empty {
+    padding: 12px;
+    text-align: center;
+    color: var(--mk-muted-foreground);
+    font-size: 0.875rem;
+}

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { MkDropDown } from './MkDropDown';
+declare const meta: Meta<typeof MkDropDown>;
+export default meta;
+type Story = StoryObj<typeof MkDropDown>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const WithSearch: Story;
+export declare const WithIcons: Story;
+export declare const CustomInitiator: Story;
+export declare const ManyOptions: Story;
+//# sourceMappingURL=MkDropDown.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkDropDown.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkDropDown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAQjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAgBzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC"}