@makroz/web 1.0.1

package/dist/components/MkIcons.js

@@ -0,0 +1,38 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+const getVariantColor = (variant) => {
+    switch (variant) {
+        case 'primary':
+            return 'var(--mk-primary)';
+        case 'muted':
+            return 'var(--mk-muted-foreground)';
+        case 'error':
+            return 'var(--mk-error)';
+        default:
+            return 'currentColor';
+    }
+};
+export const MkIconWrap = (_a) => {
+    var { children, size = 24, color, variant, style } = _a, props = __rest(_a, ["children", "size", "color", "variant", "style"]);
+    const finalColor = color || getVariantColor(variant);
+    return (_jsx("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: finalColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: Object.assign({ display: 'inline-block', verticalAlign: 'middle' }, style) }, props, { children: children })));
+};
+export const IconArrowDown = (props) => (_jsx(MkIconWrap, Object.assign({}, props, { children: _jsx("polyline", { points: "6 9 12 15 18 9" }) })));
+export const IconCheck = (props) => (_jsx(MkIconWrap, Object.assign({}, props, { children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })));
+export const IconTrash = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("polyline", { points: "3 6 5 6 21 6" }), _jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })] })));
+export const IconEdit = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), _jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })] })));
+export const IconClose = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] })));
+export const Icon3Dots = (props) => (_jsxs(MkIconWrap, Object.assign({}, props, { children: [_jsx("circle", { cx: "12", cy: "12", r: "1" }), _jsx("circle", { cx: "19", cy: "12", r: "1" }), _jsx("circle", { cx: "5", cy: "12", r: "1" })] })));
+//# sourceMappingURL=MkIcons.js.map

package/dist/components/MkIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkIcons.js","sourceRoot":"","sources":["../../src/components/MkIcons.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AASV,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;IACzC,QAAQ,OAAO,EAAE,CAAC;QACd,KAAK,SAAS;YACV,OAAO,mBAAmB,CAAC;QAC/B,KAAK,OAAO;YACR,OAAO,4BAA4B,CAAC;QACxC,KAAK,OAAO;YACR,OAAO,iBAAiB,CAAC;QAC7B;YACI,OAAO,cAAc,CAAC;IAC9B,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA0B,CAAC,EAAwD,EAAE,EAAE;QAA5D,EAAE,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,OAAY,EAAP,KAAK,cAAtD,iDAAwD,CAAF;IACpG,MAAM,UAAU,GAAG,KAAK,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC;IAErD,OAAO,CACH,4BACI,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,UAAU,EAClB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,kBAAI,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,IAAK,KAAK,KAC/D,KAAK,cAER,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CACjD,KAAC,UAAU,oBAAK,KAAK,cACjB,mBAAU,MAAM,EAAC,gBAAgB,GAAG,IAC3B,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,KAAC,UAAU,oBAAK,KAAK,cACjB,mBAAU,MAAM,EAAC,gBAAgB,GAAG,IAC3B,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,MAAC,UAAU,oBAAK,KAAK,eACjB,mBAAU,MAAM,EAAC,cAAc,GAAG,EAClC,eAAM,CAAC,EAAC,gFAAgF,GAAG,KAClF,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC5C,MAAC,UAAU,oBAAK,KAAK,eACjB,eAAM,CAAC,EAAC,4DAA4D,GAAG,EACvE,eAAM,CAAC,EAAC,yDAAyD,GAAG,KAC3D,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,MAAC,UAAU,oBAAK,KAAK,eACjB,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACtC,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,KAC7B,CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7C,MAAC,UAAU,oBAAK,KAAK,eACjB,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAChC,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAChC,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,KACtB,CAChB,CAAC"}

package/dist/components/MkInfiniteList.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface MkInfiniteListProps<T> {
+    items: T[];
+    renderItem: (item: T) => React.ReactNode;
+    loading?: boolean;
+    hasMore?: boolean;
+    onLoadMore: () => void;
+    emptyMessage?: string;
+    skeletonCount?: number;
+    skeletonItem?: React.ReactNode;
+    perPage?: number;
+}
+export declare function MkInfiniteList<T>({ items, renderItem, loading, hasMore, onLoadMore, emptyMessage, skeletonCount, skeletonItem, perPage }: MkInfiniteListProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=MkInfiniteList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkInfiniteList.d.ts","sourceRoot":"","sources":["../../src/components/MkInfiniteList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,UAAU,mBAAmB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAC9B,KAAK,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAA8C,EAC9C,aAAiB,EACjB,YAAY,EACZ,OAAY,EACf,EAAE,mBAAmB,CAAC,CAAC,CAAC,qBA2DxB"}

package/dist/components/MkInfiniteList.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import { useEffect, useRef, useCallback } from 'react';
+import styles from './MkInfiniteList.module.css';
+export function MkInfiniteList({ items, renderItem, loading, hasMore, onLoadMore, emptyMessage = "No se encontraron resultados.", skeletonCount = 3, skeletonItem, perPage = 15 }) {
+    const observerTarget = useRef(null);
+    const handleObserver = useCallback((entries) => {
+        const target = entries[0];
+        if (target.isIntersecting && hasMore && !loading) {
+            onLoadMore();
+        }
+    }, [hasMore, loading, onLoadMore]);
+    useEffect(() => {
+        const element = observerTarget.current;
+        const observer = new IntersectionObserver(handleObserver, {
+            root: null, // Use viewport
+            threshold: 1.0, // Fully visible trigger
+            rootMargin: '100px' // Pre-fetch slightly before reaching bottom
+        });
+        if (element) {
+            observer.observe(element);
+        }
+        return () => {
+            if (element)
+                observer.unobserve(element);
+        };
+    }, [handleObserver]);
+    return (_jsx("div", { className: styles.scrollContainer, children: _jsxs("div", { className: styles.list, children: [items.length === 0 && !loading && (_jsx("div", { className: styles.empty, children: emptyMessage })), items.map((item, index) => (_jsx("div", { className: styles.itemWrapper, style: { '--row-index': index % perPage }, children: renderItem(item) }, index))), loading && (_jsx("div", { className: styles.loadingArea, children: Array.from({ length: skeletonCount }).map((_, i) => (_jsx("div", { className: styles.skeletonWrapper, children: skeletonItem || _jsx("div", { className: styles.defaultSkeleton }) }, `skeleton-${i}`))) })), _jsx("div", { ref: observerTarget, className: styles.trigger })] }) }));
+}
+//# sourceMappingURL=MkInfiniteList.js.map

package/dist/components/MkInfiniteList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkInfiniteList.js","sourceRoot":"","sources":["../../src/components/MkInfiniteList.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAcjD,MAAM,UAAU,cAAc,CAAI,EAC9B,KAAK,EACL,UAAU,EACV,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAY,GAAG,+BAA+B,EAC9C,aAAa,GAAG,CAAC,EACjB,YAAY,EACZ,OAAO,GAAG,EAAE,EACS;IAErB,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEpD,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,OAAoC,EAAE,EAAE;QACxE,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAI,MAAM,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YAC/C,UAAU,EAAE,CAAC;QACjB,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC;QACvC,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,cAAc,EAAE;YACtD,IAAI,EAAE,IAAI,EAAE,eAAe;YAC3B,SAAS,EAAE,GAAG,EAAE,wBAAwB;YACxC,UAAU,EAAE,OAAO,CAAC,4CAA4C;SACnE,CAAC,CAAC;QAEH,IAAI,OAAO,EAAE,CAAC;YACV,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;QAED,OAAO,GAAG,EAAE;YACR,IAAI,OAAO;gBAAE,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,YAClC,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACtB,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,CAC/B,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,YAAY,GAAO,CACrD,EAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,cAEI,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,GAAG,OAAO,EAAyB,YAE/D,UAAU,CAAC,IAAI,CAAC,IAJZ,KAAK,CAKR,CACT,CAAC,EAED,OAAO,IAAI,CACR,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAC7B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACjD,cAA2B,SAAS,EAAE,MAAM,CAAC,eAAe,YACvD,YAAY,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,eAAe,GAAI,IADrD,YAAY,CAAC,EAAE,CAEnB,CACT,CAAC,GACA,CACT,EAED,cAAK,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,IACrD,GACJ,CACT,CAAC;AACN,CAAC"}

package/dist/components/MkInfiniteList.module.css

@@ -0,0 +1,69 @@
+.scrollContainer {
+    --mk-inf-list-gap: 1rem;
+    --mk-inf-list-item-bg: transparent;
+    --mk-inf-list-border: var(--mk-border);
+    --mk-inf-list-radius: var(--mk-radius, 8px);
+    --mk-inf-list-muted-color: var(--mk-muted-foreground);
+
+    width: 100%;
+    margin: 1rem 0;
+}
+
+.list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mk-inf-list-gap);
+}
+
+.itemWrapper {
+    width: 100%;
+    background-color: var(--mk-inf-list-item-bg);
+    animation: mk-fade-in 0.5s var(--mk-ease-out) backwards;
+    animation-delay: calc(var(--row-index, 0) * 0.05s);
+}
+
+.trigger {
+    height: 10px;
+    margin-top: 10px;
+}
+
+.loadingArea {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mk-inf-list-gap);
+    padding: 1rem 0;
+}
+
+.defaultSkeleton {
+    height: 4rem;
+    background-color: var(--mk-muted);
+    background-image: linear-gradient(
+        90deg,
+        transparent 25%,
+        var(--mk-border) 50%,
+        transparent 75%
+    );
+    background-size: 200% 100%;
+    animation: mk-shimmer 2s infinite linear;
+    border-radius: var(--mk-inf-list-radius);
+    width: 100%;
+}
+
+.empty {
+    text-align: center;
+    padding: 4rem 1rem;
+    color: var(--mk-inf-list-muted-color);
+    font-size: 0.875rem;
+    border: 1px dashed var(--mk-inf-list-border);
+    border-radius: var(--mk-inf-list-radius);
+}
+
+@keyframes skeleton-loading {
+    0% { background-position: 200% 0; }
+    100% { background-position: -200% 0; }
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; transform: translateY(10px); }
+    to { opacity: 1; transform: translateY(0); }
+}

package/dist/components/MkInput.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface MkInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    label?: string;
+    error?: string;
+    success?: boolean;
+    helperText?: string;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    onChange?: (value: string) => void;
+}
+export declare const MkInput: React.FC<MkInputProps>;
+export {};
+//# sourceMappingURL=MkInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkInput.d.ts","sourceRoot":"","sources":["../../src/components/MkInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+B1C,CAAC"}

package/dist/components/MkInput.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import styles from './MkInput.module.css';
+export const MkInput = (_a) => {
+    var { label, error, success, helperText, iconLeft, iconRight, className, onChange } = _a, props = __rest(_a, ["label", "error", "success", "helperText", "iconLeft", "iconRight", "className", "onChange"]);
+    const handleChange = (e) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+    };
+    return (_jsxs("div", { className: styles.container, children: [label && _jsx("label", { className: styles.label, children: label }), _jsxs("div", { className: `${styles.wrapper} ${error ? styles.wrapperError : success ? styles.wrapperSuccess : ''}`, children: [iconLeft && _jsx("span", { className: styles.iconLeft, children: iconLeft }), _jsx("input", Object.assign({ className: `${styles.input} ${iconLeft ? styles.inputWithLeft : ''} ${iconRight ? styles.inputWithRight : ''} ${className || ''}`, onChange: handleChange }, props)), iconRight && _jsx("span", { className: styles.iconRight, children: iconRight })] }), error && _jsx("span", { className: styles.errorText, children: error }), !error && helperText && _jsx("span", { className: styles.helperText, children: helperText })] }));
+};
+//# sourceMappingURL=MkInput.js.map

package/dist/components/MkInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkInput.js","sourceRoot":"","sources":["../../src/components/MkInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAY1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAU/C,EAAE,EAAE;QAV2C,EAC5C,KAAK,EACL,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,OAEX,EADM,KAAK,cAToC,6FAU/C,CADW;IAER,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC5D,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAK,IAAI,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAS,EACzD,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,aACpG,QAAQ,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAQ,EAChE,8BACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,IAAI,EAAE,EAAE,EACjI,QAAQ,EAAE,YAAY,IAClB,KAAK,EACX,EACD,SAAS,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,SAAS,GAAQ,IACjE,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,EAC1D,CAAC,KAAK,IAAI,UAAU,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,UAAU,GAAQ,IAC9E,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/MkInput.module.css

@@ -0,0 +1,94 @@
+.container {
+    --mk-input-bg: var(--mk-background);
+    --mk-input-border: var(--mk-border);
+    --mk-input-color: var(--mk-foreground);
+    --mk-input-radius: var(--mk-radius, 8px);
+    --mk-input-focus-border: var(--mk-primary);
+    --mk-input-placeholder: var(--mk-muted-foreground);
+    
+    display: flex;
+    flex-direction: column;
+    gap: 0.375rem;
+    width: 100%;
+}
+
+.label {
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: var(--mk-input-color);
+    opacity: 0.9;
+}
+
+.wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+}
+
+.input {
+    width: 100%;
+    padding: 0.625rem 0.875rem;
+    font-size: 0.875rem;
+    background-color: var(--mk-input-bg);
+    border: 1px solid var(--mk-input-border);
+    border-radius: var(--mk-input-radius);
+    color: var(--mk-input-color);
+    transition: var(--mk-transition);
+    outline: none;
+}
+
+.input::placeholder {
+    color: var(--mk-input-placeholder);
+}
+
+.input:focus {
+    border-color: var(--mk-input-focus-border);
+    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mk-input-focus-border), transparent 85%);
+}
+
+.wrapperError .input {
+    --mk-input-border: var(--mk-error);
+    --mk-input-focus-border: var(--mk-error);
+}
+
+.wrapperSuccess .input {
+    --mk-input-border: var(--mk-success, #10b981);
+    --mk-input-focus-border: var(--mk-success, #10b981);
+}
+
+.iconLeft, .iconRight {
+    position: absolute;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--mk-muted-foreground);
+    pointer-events: none;
+}
+
+.iconLeft {
+    left: 0.875rem;
+}
+
+.iconRight {
+    right: 0.875rem;
+}
+
+.inputWithLeft {
+    padding-left: 2.5rem;
+}
+
+.inputWithRight {
+    padding-right: 2.5rem;
+}
+
+.errorText {
+    font-size: 0.75rem;
+    color: var(--mk-error);
+    font-weight: 500;
+}
+
+.helperText {
+    font-size: 0.75rem;
+    color: var(--mk-muted-foreground);
+}

package/dist/components/MkLoading.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+/**
+ * @module MkLoading
+ * @description Loading spinner/indicator with optional label and overlay mode.
+ */
+export interface MkLoadingProps {
+    /** Show/hide the loading state. Default true. */
+    visible?: boolean;
+    /** Loading label text. */
+    label?: string;
+    /** Spinner size. */
+    size?: 'sm' | 'md' | 'lg';
+    /** If true, renders as a full-screen overlay. */
+    overlay?: boolean;
+    /** Color override for the spinner. */
+    color?: string;
+    className?: string;
+}
+export declare const MkLoading: React.FC<MkLoadingProps>;
+//# sourceMappingURL=MkLoading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkLoading.d.ts","sourceRoot":"","sources":["../../src/components/MkLoading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,cAAc;IAC3B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2B9C,CAAC"}

package/dist/components/MkLoading.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import styles from './MkLoading.module.css';
+const SIZES = { sm: 20, md: 32, lg: 48 };
+export const MkLoading = ({ visible = true, label, size = 'md', overlay = false, color, className, }) => {
+    if (!visible)
+        return null;
+    const px = SIZES[size];
+    const spinner = (_jsxs("div", { className: `${styles.wrapper} ${className || ''}`, children: [_jsxs("svg", { className: styles.spinner, width: px, height: px, viewBox: "0 0 24 24", fill: "none", children: [_jsx("circle", { cx: "12", cy: "12", r: "10", stroke: color || 'var(--mk-primary, #6366f1)', strokeWidth: "3", opacity: "0.25" }), _jsx("path", { d: "M12 2a10 10 0 0 1 10 10", stroke: color || 'var(--mk-primary, #6366f1)', strokeWidth: "3", strokeLinecap: "round" })] }), label && _jsx("span", { className: styles.label, children: label })] }));
+    if (overlay) {
+        return _jsx("div", { className: styles.overlay, children: spinner });
+    }
+    return spinner;
+};
+//# sourceMappingURL=MkLoading.js.map

package/dist/components/MkLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkLoading.js","sourceRoot":"","sources":["../../src/components/MkLoading.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAqB5C,MAAM,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAChD,OAAO,GAAG,IAAI,EACd,KAAK,EACL,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,KAAK,EACL,SAAS,GACZ,EAAE,EAAE;IACD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IAEvB,MAAM,OAAO,GAAG,CACZ,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,IAAI,EAAE,EAAE,aAClD,eAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aAClF,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAE,KAAK,IAAI,4BAA4B,EAAE,WAAW,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,GAAG,EAC/G,eAAM,CAAC,EAAC,yBAAyB,EAAC,MAAM,EAAE,KAAK,IAAI,4BAA4B,EAAE,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,IACvH,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,IACrD,CACT,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACV,OAAO,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAO,CAAC;IAC3D,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

package/dist/components/MkLoading.module.css

@@ -0,0 +1,39 @@
+.wrapper {
+    --mk-loading-color: var(--mk-primary);
+    --mk-loading-muted: var(--mk-muted-foreground);
+    --mk-loading-overlay-bg: color-mix(in srgb, var(--mk-background) 80%, transparent);
+    --mk-loading-overlay-blur: 4px;
+
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 0.75rem;
+}
+
+.spinner {
+    animation: mk-spin 0.75s linear infinite;
+    color: var(--mk-loading-color);
+}
+
+@keyframes mk-spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+.label {
+    font-size: 0.8125rem;
+    color: var(--mk-loading-muted);
+}
+
+.overlay {
+    position: fixed;
+    inset: 0;
+    z-index: 9999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--mk-loading-overlay-bg);
+    backdrop-filter: blur(var(--mk-loading-overlay-blur));
+}

package/dist/components/MkModal.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export interface MkModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: ReactNode;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: () => void;
+    showCancel?: boolean;
+    variant?: 'default' | 'destructive' | 'warning' | 'success';
+    size?: 'sm' | 'md' | 'lg' | 'full';
+}
+/**
+ * MkModal
+ * 🚀 Premium Dialog component with blur background and smooth animations.
+ */
+export declare const MkModal: React.FC<MkModalProps>;
+//# sourceMappingURL=MkModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkModal.d.ts","sourceRoot":"","sources":["../../src/components/MkModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,YAAY;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CACtC;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmE1C,CAAC"}

package/dist/components/MkModal.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import { useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { MkButton } from './MkButton';
+import styles from './MkModal.module.css';
+/**
+ * MkModal
+ * 🚀 Premium Dialog component with blur background and smooth animations.
+ */
+export const MkModal = ({ isOpen, onClose, title, children, confirmText, cancelText = 'Cancelar', onConfirm, showCancel = true, variant = 'default', size = 'md', }) => {
+    // Handle Escape key
+    useEffect(() => {
+        const handleEsc = (e) => {
+            if (e.key === 'Escape')
+                onClose();
+        };
+        if (isOpen) {
+            document.body.style.overflow = 'hidden';
+            window.addEventListener('keydown', handleEsc);
+        }
+        return () => {
+            document.body.style.overflow = '';
+            window.removeEventListener('keydown', handleEsc);
+        };
+    }, [isOpen, onClose]);
+    if (!isOpen)
+        return null;
+    const modalContent = (_jsx("div", { className: styles.overlay, onClick: onClose, children: _jsxs("div", { className: `${styles.container} ${styles[size]}`, onClick: (e) => e.stopPropagation(), role: "dialog", "aria-modal": "true", children: [title && (_jsxs("div", { className: styles.header, children: [_jsx("h2", { children: title }), _jsx("button", { className: styles.closeBtn, onClick: onClose, children: "\u00D7" })] })), _jsx("div", { className: styles.content, children: children }), (onConfirm || showCancel) && (_jsxs("div", { className: styles.footer, children: [showCancel && (_jsx(MkButton, { variant: "outline", onClick: onClose, children: cancelText })), onConfirm && (_jsx(MkButton, { variant: variant === 'destructive' ? 'error' : 'primary', onClick: onConfirm, children: confirmText || 'Aceptar' }))] }))] }) }));
+    return createPortal(modalContent, document.body);
+};
+//# sourceMappingURL=MkModal.js.map

package/dist/components/MkModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkModal.js","sourceRoot":"","sources":["../../src/components/MkModal.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AACV,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAe1C;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,GAAG,UAAU,EACvB,SAAS,EACT,UAAU,GAAG,IAAI,EACjB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACd,EAAE,EAAE;IACD,oBAAoB;IACpB,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,OAAO,EAAE,CAAC;QACtC,CAAC,CAAC;QACF,IAAI,MAAM,EAAE,CAAC;YACT,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACxC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAClD,CAAC;QACD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;YAClC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,YAAY,GAAG,CACjB,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,YAC5C,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,EAChD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,IAAI,EAAC,QAAQ,gBACF,MAAM,aAEhB,KAAK,IAAI,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACzB,uBAAK,KAAK,GAAM,EAChB,iBAAQ,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,uBAE3C,IACP,CACT,EAED,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,GAAO,EAE/C,CAAC,SAAS,IAAI,UAAU,CAAC,IAAI,CAC1B,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACxB,UAAU,IAAI,CACX,KAAC,QAAQ,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,YACvC,UAAU,GACJ,CACd,EACA,SAAS,IAAI,CACV,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,YACjF,WAAW,IAAI,SAAS,GAClB,CACd,IACC,CACT,IACC,GACJ,CACT,CAAC;IAEF,OAAO,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AACrD,CAAC,CAAC"}

package/dist/components/MkModal.module.css

@@ -0,0 +1,107 @@
+.overlay {
+    --mk-modal-overlay: rgba(0, 0, 0, 0.4);
+    --mk-modal-blur: 8px;
+
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    background: var(--mk-modal-overlay);
+    backdrop-filter: blur(var(--mk-modal-blur));
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 1000;
+    animation: mk-fade-in 0.3s ease-out;
+}
+
+:global([data-theme='dark']) .overlay {
+    --mk-modal-overlay: rgba(0, 0, 0, 0.6);
+}
+
+.container {
+    --mk-modal-bg: var(--mk-background);
+    --mk-modal-border: var(--mk-border);
+    --mk-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+    --mk-modal-color: var(--mk-foreground);
+    --mk-modal-header-bg: transparent;
+    --mk-modal-footer-bg: var(--mk-muted);
+
+    background: var(--mk-modal-bg);
+    border: 1px solid var(--mk-modal-border);
+    border-radius: var(--mk-radius);
+    max-width: 90vw;
+    max-height: 90vh;
+    display: flex;
+    flex-direction: column;
+    box-shadow: var(--mk-modal-shadow);
+    animation: mk-scale-up 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+    overflow: hidden;
+    color: var(--mk-modal-color);
+}
+
+:global([data-theme='dark']) .container {
+    --mk-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3);
+}
+
+.sm { width: 400px; }
+.md { width: 600px; }
+.lg { width: 800px; }
+.full { width: 95vw; height: 95vh; }
+
+.header {
+    padding: 1.5rem;
+    border-bottom: 1px solid var(--mk-modal-border);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: var(--mk-modal-header-bg);
+}
+
+.header h2 {
+    margin: 0;
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: inherit;
+}
+
+.closeBtn {
+    background: none;
+    border: none;
+    font-size: 1.5rem;
+    color: var(--mk-muted-foreground);
+    cursor: pointer;
+    transition: var(--mk-transition);
+    line-height: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 4px;
+    border-radius: 4px;
+}
+
+.closeBtn:hover {
+    color: var(--mk-foreground);
+    background-color: var(--mk-muted);
+}
+
+.content {
+    padding: 1.5rem;
+    overflow-y: auto;
+    line-height: 1.6;
+}
+
+.footer {
+    padding: 1.5rem;
+    border-top: 1px solid var(--mk-modal-border);
+    display: flex;
+    justify-content: flex-end;
+    gap: 1rem;
+    background: var(--mk-modal-footer-bg);
+}
+
+@keyframes mk-scale-up {
+    from { transform: scale(0.9) translateY(20px); opacity: 0; }
+    to { transform: scale(1) translateY(0); opacity: 1; }
+}

package/dist/components/MkProgressBar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+/**
+ * @module MkProgressBar
+ * @description Animated progress bar with optional label, percentage text, and color variants.
+ */
+export interface MkProgressBarProps {
+    value: number;
+    max?: number;
+    label?: string;
+    showPercent?: boolean;
+    variant?: 'primary' | 'success' | 'warning' | 'error' | 'info';
+    size?: 'sm' | 'md' | 'lg';
+    animated?: boolean;
+    className?: string;
+}
+export declare const MkProgressBar: React.FC<MkProgressBarProps>;
+//# sourceMappingURL=MkProgressBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MkProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/MkProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgCtD,CAAC"}

package/dist/components/MkProgressBar.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+use;
+client;
+import styles from './MkProgressBar.module.css';
+export const MkProgressBar = ({ value, max = 100, label, showPercent = false, variant = 'primary', size = 'md', animated = true, className, }) => {
+    const percent = Math.min(Math.max((value / max) * 100, 0), 100);
+    return (_jsxs("div", { className: `${styles.container} ${className || ''}`, children: [(label || showPercent) && (_jsxs("div", { className: styles.header, children: [label && _jsx("span", { className: styles.label, children: label }), showPercent && _jsxs("span", { className: styles.percent, children: [Math.round(percent), "%"] })] })), _jsx("div", { className: `${styles.track} ${styles[size]}`, children: _jsx("div", { className: `${styles.bar} ${styles[variant]} ${animated ? styles.animated : ''}`, style: { width: `${percent}%` }, role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max }) })] }));
+};
+//# sourceMappingURL=MkProgressBar.js.map

package/dist/components/MkProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MkProgressBar.js","sourceRoot":"","sources":["../../src/components/MkProgressBar.tsx"],"names":[],"mappings":";AAAA,GAAG,CAAA;AAAC,MAAM,CAAA;AAEV,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAkBhD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EACxD,KAAK,EACL,GAAG,GAAG,GAAG,EACT,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,IAAI,EACf,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAEhE,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACnD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACxB,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,EACtD,WAAW,IAAI,gBAAM,SAAS,EAAE,MAAM,CAAC,OAAO,aAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,IAC5E,CACT,EACD,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,YAC7C,cACI,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAChF,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,EAC/B,IAAI,EAAC,aAAa,mBACH,KAAK,mBACL,CAAC,mBACD,GAAG,GACpB,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC"}