@makroz/web 1.0.1

package/dist/components/MkProgressBar.module.css

@@ -0,0 +1,48 @@
+.container { 
+    display: flex; 
+    flex-direction: column; 
+    gap: 0.375rem; 
+    width: 100%; 
+}
+
+.header { display: flex; justify-content: space-between; align-items: center; }
+.label { font-size: 0.8125rem; font-weight: 500; color: var(--mk-foreground); }
+.percent { font-size: 0.75rem; color: var(--mk-muted-foreground); font-weight: 600; font-variant-numeric: tabular-nums; }
+
+.track {
+    --mk-progress-track-bg: var(--mk-muted);
+    --mk-progress-radius: 999px;
+
+    width: 100%;
+    background-color: var(--mk-progress-track-bg);
+    border-radius: var(--mk-progress-radius);
+    overflow: hidden;
+}
+
+.sm { height: 4px; }
+.md { height: 8px; }
+.lg { height: 12px; }
+
+.bar {
+    --mk-progress-color: var(--mk-primary);
+    
+    height: 100%;
+    border-radius: 999px;
+    background-color: var(--mk-progress-color);
+    transition: width 0.4s ease, background-color 0.2s ease;
+}
+
+.animated { animation: mk-progress-shimmer 2s infinite; }
+
+@keyframes mk-progress-shimmer {
+    0% { opacity: 1; }
+    50% { opacity: 0.75; }
+    100% { opacity: 1; }
+}
+
+/* Variant Overrides */
+.primary { --mk-progress-color: var(--mk-primary); }
+.success { --mk-progress-color: #22c55e; }
+.warning { --mk-progress-color: #f59e0b; }
+.error   { --mk-progress-color: #ef4444; }
+.info    { --mk-progress-color: #3b82f6; }

package/dist/components/MkRadio.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+/**
+ * @module MkRadio
+ * @description Radio group component. Same prop API as mk-mobile MkRadio.
+ *
+ * @example
+ * ```tsx
+ * <MkRadio
+ *   label="Género"
+ *   options={[{ value: 'M', label: 'Masculino' }, { value: 'F', label: 'Femenino' }]}
+ *   value={gender}
+ *   onChange={setGender}
+ * />
+ * ```
+ */
+export interface MkRadioOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+}
+export interface MkRadioProps {
+    label?: string;
+    options: MkRadioOption[];
+    value?: string | number | null;
+    onChange?: (value: string | number) => void;
+    direction?: 'horizontal' | 'vertical';
+    disabled?: boolean;
+    error?: string;
+    size?: 'sm' | 'md' | 'lg';
+    name?: string;
+    className?: string;
+}
+export declare const MkRadio: React.FC<MkRadioProps>;
+//# sourceMappingURL=MkRadio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkRadio.d.ts","sourceRoot":"","sources":["../../src/components/MkRadio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmD1C,CAAC"}

package/dist/components/MkRadio.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import { useCallback } from 'react';
+import styles from './MkRadio.module.css';
+const _SIZES = { sm: 16, md: 20, lg: 24 };
+export const MkRadio = ({ label, options, value, onChange, direction = 'vertical', disabled = false, error, size = 'md', name: _name, className, }) => {
+    const handleSelect = useCallback((optValue) => {
+        if (!disabled)
+            onChange === null || onChange === void 0 ? void 0 : onChange(optValue);
+    }, [disabled, onChange]);
+    return (_jsxs("div", { className: `${styles.container} ${className || ''}`, role: "radiogroup", "aria-label": label, children: [label && _jsx("span", { className: styles.groupLabel, children: label }), _jsx("div", { className: `${styles.options} ${styles[direction]}`, children: options.map((opt) => {
+                    const isSelected = value === opt.value;
+                    const isDisabled = disabled || opt.disabled;
+                    return (_jsxs("label", { className: `${styles.option} ${isDisabled ? styles.disabled : ''}`, children: [_jsx("div", { className: `${styles.radio} ${styles[size]} ${isSelected ? styles.selected : ''} ${error ? styles.error : ''}`, onClick: () => !isDisabled && handleSelect(opt.value), role: "radio", "aria-checked": isSelected, tabIndex: isDisabled ? -1 : 0, onKeyDown: (e) => {
+                                    if (e.key === ' ' || e.key === 'Enter')
+                                        handleSelect(opt.value);
+                                }, children: isSelected && _jsx("div", { className: styles.dot }) }), _jsx("span", { className: styles.text, children: opt.label })] }, String(opt.value)));
+                }) }), error && _jsx("span", { className: styles.errorText, children: error })] }));
+};
+//# sourceMappingURL=MkRadio.js.map

package/dist/components/MkRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkRadio.js","sourceRoot":"","sources":["../../src/components/MkRadio.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAoC1C,MAAM,MAAM,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAE1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,IAAI,EAAE,KAAK,EACX,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,QAAyB,EAAE,EAAE;QAC1B,IAAI,CAAC,QAAQ;YAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACvB,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,YAAY,gBAAa,KAAK,aACxF,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,KAAK,GAAQ,EAC5D,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,YACnD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACjB,MAAM,UAAU,GAAG,KAAK,KAAK,GAAG,CAAC,KAAK,CAAC;oBACvC,MAAM,UAAU,GAAG,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC;oBAC5C,OAAO,CACH,iBAEI,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,aAElE,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9G,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EACrD,IAAI,EAAC,OAAO,kBACE,UAAU,EACxB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oCACb,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;wCAAE,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gCACpE,CAAC,YAEA,UAAU,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,GAC3C,EACN,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,GAAG,CAAC,KAAK,GAAQ,KAf3C,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAgBlB,CACX,CAAC;gBACN,CAAC,CAAC,GACA,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IACzD,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkRadio.module.css

@@ -0,0 +1,74 @@
+.container { 
+    --mk-radio-bg: var(--mk-background);
+    --mk-radio-border: var(--mk-border);
+    --mk-radio-accent: var(--mk-primary);
+    --mk-radio-color: var(--mk-foreground);
+    --mk-radio-muted-color: var(--mk-muted-foreground);
+
+    display: flex; 
+    flex-direction: column; 
+    gap: 0.375rem; 
+    color: var(--mk-radio-color);
+}
+
+.groupLabel { 
+    font-size: 0.875rem; 
+    font-weight: 500; 
+    color: inherit;
+    opacity: 0.9; 
+}
+
+.options { display: flex; gap: 0.75rem; }
+.vertical { flex-direction: column; }
+.horizontal { flex-direction: row; flex-wrap: wrap; }
+
+.option {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    cursor: pointer;
+    user-select: none;
+    color: inherit;
+}
+.option.disabled { opacity: 0.5; cursor: not-allowed; }
+
+.radio {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 2px solid var(--mk-radio-border);
+    border-radius: 50%;
+    background-color: var(--mk-radio-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; }
+
+.radio:hover { border-color: var(--mk-radio-accent); }
+.radio:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-radio-accent), transparent 80%); }
+
+.selected { border-color: var(--mk-radio-accent); }
+.error { 
+    --mk-radio-border: var(--mk-error);
+    --mk-radio-accent: var(--mk-error);
+}
+
+.dot {
+    width: 60%;
+    height: 60%;
+    border-radius: 50%;
+    background-color: var(--mk-radio-accent);
+    animation: mk-scale-in 0.15s ease;
+}
+
+@keyframes mk-scale-in {
+    from { transform: scale(0); }
+    to { transform: scale(1); }
+}
+
+.text { font-size: 0.875rem; color: inherit; }
+.errorText { font-size: 0.75rem; color: var(--mk-error); font-weight: 500; }

package/dist/components/MkSearchInput.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+/**
+ * @module MkSearchInput
+ * @description Search input with integrated debounce.
+ * Fires onSearch only after the user stops typing.
+ *
+ * @example
+ * ```tsx
+ * <MkSearchInput
+ *   onSearch={(term) => list.setParams({ searchBy: term })}
+ *   delay={350}
+ *   placeholder="Buscar usuarios..."
+ * />
+ * ```
+ */
+export interface MkSearchInputProps {
+    onSearch: (term: string) => void;
+    delay?: number;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    loading?: boolean;
+    clearable?: boolean;
+    className?: string;
+    autoFocus?: boolean;
+}
+export declare const MkSearchInput: React.FC<MkSearchInputProps>;
+//# sourceMappingURL=MkSearchInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkSearchInput.d.ts","sourceRoot":"","sources":["../../src/components/MkSearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,kBAAkB;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2EtD,CAAC"}

package/dist/components/MkSearchInput.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import React, { useCallback, useRef } from 'react';
+import styles from './MkSearchInput.module.css';
+import { useMkDebounce } from '../hooks/useMkDebounce';
+export const MkSearchInput = ({ onSearch, delay = 350, placeholder = 'Buscar...', value, defaultValue = '', size = 'md', disabled = false, loading = false, clearable = true, className, autoFocus = false, }) => {
+    const [internalValue, setInternalValue] = React.useState(defaultValue);
+    const inputValue = value !== undefined ? value : internalValue;
+    const debouncedTerm = useMkDebounce(inputValue, delay);
+    const prevTermRef = useRef('');
+    // Fire onSearch when debounced value changes
+    React.useEffect(() => {
+        if (debouncedTerm !== prevTermRef.current) {
+            prevTermRef.current = debouncedTerm;
+            onSearch(debouncedTerm);
+        }
+    }, [debouncedTerm, onSearch]);
+    const handleChange = useCallback((e) => {
+        setInternalValue(e.target.value);
+    }, []);
+    const handleClear = useCallback(() => {
+        setInternalValue('');
+        onSearch('');
+    }, [onSearch]);
+    const hasValue = inputValue.length > 0;
+    return (_jsxs("div", { className: `${styles.wrapper} ${styles[size]} ${disabled ? styles.disabled : ''} ${className || ''}`, children: [_jsx("span", { className: styles.searchIcon, children: loading ? (_jsx("span", { className: styles.spinner })) : (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: [_jsx("circle", { cx: "7", cy: "7", r: "5" }), _jsx("line", { x1: "12", y1: "12", x2: "10.5", y2: "10.5" })] })) }), _jsx("input", { type: "text", value: inputValue, onChange: handleChange, placeholder: placeholder, disabled: disabled, autoFocus: autoFocus, className: styles.input, "aria-label": placeholder }), clearable && hasValue && !disabled && (_jsx("button", { className: styles.clearBtn, onClick: handleClear, "aria-label": "Limpiar b\u00FAsqueda", type: "button", children: "\u2715" }))] }));
+};
+//# sourceMappingURL=MkSearchInput.js.map

package/dist/components/MkSearchInput.js.map

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

package/dist/components/MkSearchInput.module.css

@@ -0,0 +1,80 @@
+.wrapper {
+    --mk-search-bg: var(--mk-muted);
+    --mk-search-border: var(--mk-border);
+    --mk-search-focus-bg: var(--mk-background);
+    --mk-search-color: var(--mk-foreground);
+    --mk-search-placeholder: var(--mk-muted-foreground);
+    --mk-search-radius: 999px;
+
+    position: relative;
+    display: flex;
+    align-items: center;
+    background-color: var(--mk-search-bg);
+    border: 1px solid var(--mk-search-border);
+    border-radius: var(--mk-search-radius);
+    transition: all 0.2s ease;
+    padding: 0 0.75rem;
+    gap: 0.5rem;
+    color: var(--mk-search-color);
+}
+
+.wrapper:focus-within {
+    border-color: var(--mk-primary);
+    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-primary), transparent 85%);
+    background-color: var(--mk-search-focus-bg);
+}
+
+.disabled { opacity: 0.5; pointer-events: none; }
+
+/* Sizes */
+.sm { height: 36px; }
+.md { height: 44px; }
+.lg { height: 52px; }
+
+.searchIcon {
+    display: flex;
+    color: var(--mk-search-placeholder);
+    flex-shrink: 0;
+}
+
+.input {
+    flex: 1;
+    background: none;
+    border: none;
+    outline: none;
+    font-size: 0.875rem;
+    color: inherit;
+    min-width: 0;
+}
+
+.sm .input { font-size: 0.8125rem; }
+.lg .input { font-size: 1rem; }
+
+.input::placeholder { color: var(--mk-search-placeholder); }
+
+.clearBtn {
+    background: none;
+    border: none;
+    cursor: pointer;
+    color: var(--mk-search-placeholder);
+    font-size: 0.75rem;
+    padding: 2px 6px;
+    border-radius: 999px;
+    line-height: 1;
+    transition: all 0.15s ease;
+}
+.clearBtn:hover { 
+    background-color: var(--mk-border); 
+    color: var(--mk-search-color); 
+}
+
+@keyframes spin { to { transform: rotate(360deg); } }
+.spinner {
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+    border: 2px solid var(--mk-border);
+    border-top-color: var(--mk-primary);
+    border-radius: 50%;
+    animation: spin 0.7s linear infinite;
+}

package/dist/components/MkSelect.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+interface Option {
+    label: string;
+    value: string | number;
+}
+interface MkSelectProps {
+    label?: string;
+    error?: string;
+    options: Option[];
+    placeholder?: string;
+    value?: string | number | (string | number)[];
+    onChange?: (value: any) => void;
+    searchable?: boolean;
+    multiple?: boolean;
+    className?: string;
+}
+/**
+ * MkSelect
+ * 🧪 Feature-rich selector with search and multiple selection support.
+ */
+export declare const MkSelect: React.FC<MkSelectProps>;
+export {};
+//# sourceMappingURL=MkSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkSelect.d.ts","sourceRoot":"","sources":["../../src/components/MkSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,UAAU,aAAa;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyH5C,CAAC"}

package/dist/components/MkSelect.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import { useState, useRef, useMemo } from 'react';
+import styles from './MkSelect.module.css';
+import { IconArrowDown, IconCheck } from './MkIcons';
+import { useMkClickOutside } from '../hooks/useMkClickOutside';
+/**
+ * MkSelect
+ * 🧪 Feature-rich selector with search and multiple selection support.
+ */
+export const MkSelect = ({ label, error, options = [], placeholder = "Seleccionar...", value, onChange, searchable = false, multiple = false, className = "" }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [searchTerm, setSearchTerm] = useState("");
+    const containerRef = useRef(null);
+    useMkClickOutside([containerRef], () => setIsOpen(false));
+    // Normalize value to array for easier processing if multiple
+    const selectedValues = useMemo(() => {
+        if (value === undefined || value === null || value === '')
+            return [];
+        return Array.isArray(value) ? value : [value];
+    }, [value]);
+    const filteredOptions = useMemo(() => {
+        if (!searchable || !searchTerm)
+            return options;
+        return options.filter(opt => opt.label.toLowerCase().includes(searchTerm.toLowerCase()));
+    }, [options, searchable, searchTerm]);
+    const handleSelect = (val) => {
+        if (multiple) {
+            const next = selectedValues.includes(val)
+                ? selectedValues.filter(v => v !== val)
+                : [...selectedValues, val];
+            onChange === null || onChange === void 0 ? void 0 : onChange(next);
+        }
+        else {
+            onChange === null || onChange === void 0 ? void 0 : onChange(val);
+            setIsOpen(false);
+        }
+    };
+    const displayText = useMemo(() => {
+        var _a;
+        if (multiple) {
+            if (selectedValues.length === 0)
+                return placeholder;
+            if (selectedValues.length === 1) {
+                return ((_a = options.find(o => o.value === selectedValues[0])) === null || _a === void 0 ? void 0 : _a.label) || placeholder;
+            }
+            return `${selectedValues.length} seleccionados`;
+        }
+        const found = options.find(o => o.value === value);
+        return found ? found.label : placeholder;
+    }, [multiple, selectedValues, value, options, placeholder]);
+    return (_jsxs("div", { className: `${styles.container} ${className}`, ref: containerRef, children: [label && _jsx("label", { className: styles.label, children: label }), _jsxs("div", { className: styles.selectWrapper, children: [_jsxs("div", { className: `${styles.select} ${error ? styles.selectError : ''} ${isOpen ? styles.selectActive : ''}`, onClick: () => setIsOpen(!isOpen), children: [_jsx("span", { className: (selectedValues.length > 0 || (value !== undefined && value !== null && value !== '')) ? styles.valueText : styles.placeholderText, children: displayText }), _jsx("span", { className: `${styles.chevron} ${isOpen ? styles.chevronOpen : ''}`, children: _jsx(IconArrowDown, { size: 16 }) })] }), isOpen && (_jsxs("div", { className: styles.dropdown, children: [searchable && (_jsx("div", { className: styles.searchContainer, children: _jsx("input", { autoFocus: true, className: styles.searchInput, placeholder: "Buscar...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), onClick: (e) => e.stopPropagation() }) })), _jsx("div", { className: styles.optionsList, children: filteredOptions.length > 0 ? (filteredOptions.map((opt) => {
+                                    const isSelected = selectedValues.includes(opt.value);
+                                    return (_jsxs("div", { className: `${styles.option} ${isSelected ? styles.optionSelected : ''}`, onClick: (e) => {
+                                            e.stopPropagation();
+                                            handleSelect(opt.value);
+                                        }, children: [_jsx("span", { className: styles.optionLabel, children: opt.label }), isSelected && (_jsx("span", { className: styles.checkIcon, children: _jsx(IconCheck, { size: 14 }) }))] }, opt.value));
+                                })) : (_jsx("div", { className: styles.noResults, children: "Sin resultados" })) })] }))] }), error && _jsx("span", { className: styles.errorText, children: error })] }));
+};
+//# sourceMappingURL=MkSelect.js.map

package/dist/components/MkSelect.js.map

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

package/dist/components/MkSelect.module.css

@@ -0,0 +1,177 @@
+.container {
+    --mk-select-bg: var(--mk-background);
+    --mk-select-border: var(--mk-border);
+    --mk-select-color: var(--mk-foreground);
+    --mk-select-radius: var(--mk-radius, 8px);
+    --mk-select-focus-border: var(--mk-primary);
+    --mk-select-placeholder: var(--mk-muted-foreground);
+    --mk-dropdown-bg: var(--mk-popover);
+    --mk-dropdown-fg: var(--mk-popover-foreground);
+    --mk-dropdown-border: var(--mk-border);
+    --mk-option-hover-bg: var(--mk-muted);
+    --mk-option-selected-bg: color-mix(in srgb, var(--mk-primary) 15%, var(--mk-background));
+
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+    width: 100%;
+    position: relative;
+    color: var(--mk-select-color);
+}
+
+.label {
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: inherit;
+    opacity: 0.9;
+}
+
+.selectWrapper {
+    position: relative;
+    width: 100%;
+}
+
+.select {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+    padding: 0.625rem 0.875rem;
+    min-height: 40px;
+    font-size: 0.875rem;
+    background-color: var(--mk-select-bg);
+    border: 1px solid var(--mk-select-border);
+    border-radius: var(--mk-select-radius);
+    color: inherit;
+    transition: all 0.2s ease;
+    cursor: pointer;
+    user-select: none;
+}
+
+.select:hover {
+    border-color: var(--mk-muted-foreground);
+}
+
+.selectActive {
+    border-color: var(--mk-select-focus-border);
+    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-select-focus-border), transparent 85%);
+}
+
+.selectError {
+    --mk-select-border: var(--mk-error);
+    --mk-select-focus-border: var(--mk-error);
+}
+
+.valueText {
+    color: inherit;
+}
+
+.placeholderText {
+    color: var(--mk-select-placeholder);
+}
+
+.chevron {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--mk-muted-foreground);
+    transition: transform 0.2s ease;
+    margin-left: 0.5rem;
+}
+
+.chevronOpen {
+    transform: rotate(180deg);
+    color: var(--mk-primary);
+}
+
+.dropdown {
+    position: absolute;
+    top: calc(100% + 4px);
+    left: 0;
+    width: 100%;
+    background-color: var(--mk-dropdown-bg);
+    border: 1px solid var(--mk-dropdown-border);
+    border-radius: var(--mk-select-radius);
+    box-shadow:
+        0 10px 15px -3px rgba(0, 0, 0, 0.1),
+        0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    z-index: 50;
+    overflow: hidden;
+    animation: slideDown 0.2s ease-out;
+}
+
+@keyframes slideDown {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.searchContainer {
+    padding: 0.5rem;
+    border-bottom: 1px solid var(--mk-dropdown-border);
+}
+
+.searchInput {
+    width: 100%;
+    padding: 0.5rem 0.75rem;
+    font-size: 0.875rem;
+    background-color: var(--mk-muted);
+    border: 1px solid var(--mk-dropdown-border);
+    border-radius: calc(var(--mk-select-radius) - 2px);
+    color: inherit;
+    outline: none;
+}
+
+.searchInput:focus {
+    border-color: var(--mk-primary);
+}
+
+.optionsList {
+    max-height: 240px;
+    overflow-y: auto;
+}
+
+.option {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.625rem 0.875rem;
+    font-size: 0.875rem;
+    cursor: pointer;
+    transition: background 0.1s;
+    color: inherit;
+}
+
+.option:hover {
+    background-color: var(--mk-option-hover-bg);
+}
+
+.optionSelected {
+    background-color: var(--mk-option-selected-bg);
+    color: var(--mk-primary);
+    font-weight: 500;
+}
+
+.checkIcon {
+    display: flex;
+    color: var(--mk-primary);
+}
+
+.noResults {
+    padding: 1rem;
+    text-align: center;
+    color: var(--mk-muted-foreground);
+    font-size: 0.875rem;
+}
+
+.errorText {
+    font-size: 0.75rem;
+    color: var(--mk-error);
+    font-weight: 500;
+    margin-top: 0.25rem;
+}

package/dist/components/MkSkeleton.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+/**
+ * @module MkSkeleton
+ * @description Placeholder loading skeleton. Supports text lines, circles, and custom dimensions.
+ */
+export interface MkSkeletonProps {
+    /** Shape: 'text', 'circle', 'rect'. Default 'text'. */
+    variant?: 'text' | 'circle' | 'rect';
+    /** Width in px or string. Default '100%'. */
+    width?: number | string;
+    /** Height in px. Default auto-calculated by variant. */
+    height?: number | string;
+    /** Number of text lines to render. Default 1. */
+    lines?: number;
+    /** Gap between lines. Default '0.5rem'. */
+    gap?: string;
+    /** Border radius override. */
+    radius?: number | string;
+    className?: string;
+}
+export declare const MkSkeleton: React.FC<MkSkeletonProps>;
+//# sourceMappingURL=MkSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/MkSkeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,eAAe;IAC5B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqDhD,CAAC"}