// ──────────────────────────────────────────────────────────────
// Iconos SVG — stroke 1.75, currentColor
// ──────────────────────────────────────────────────────────────
function makeIcon(path, { size = 20, fill = false, stroke = 1.75 } = {}) {
return (props) => {
const s = props.size || size;
return (
);
};
}
const Icon = {
chevronLeft: makeIcon(),
chevronRight: makeIcon(),
chevronDown: makeIcon(),
check: makeIcon(),
x: makeIcon(),
plus: makeIcon(),
minus: makeIcon(),
search: makeIcon(<>),
clock: makeIcon(<>),
calendar: makeIcon(<>),
users: makeIcon(<>),
user: makeIcon(<>),
home: makeIcon(),
settings: makeIcon(<>),
bell: makeIcon(<>),
logout: makeIcon(<>),
eye: makeIcon(<>),
eyeOff: makeIcon(<>),
link: makeIcon(<>),
mail: makeIcon(<>),
lock: makeIcon(<>),
list: makeIcon(<>),
grid: makeIcon(<>),
cards: makeIcon(<>),
filter: makeIcon(),
moreH: makeIcon(<>),
arrowRight: makeIcon(),
arrowLeft: makeIcon(),
sparkle: makeIcon(),
map: makeIcon(<>),
history: makeIcon(<>),
trophy: makeIcon(<>),
edit: makeIcon(<>),
dash: makeIcon(),
dotsV: makeIcon(<>),
creditCard: makeIcon(<>),
};
// ── Avatar
function Avatar({ name, bg, size = 40, initials }) {
const ini = initials || (name || '').split(' ').map(w => w[0]).slice(0, 2).join('');
return (
{ini}
);
}
// ── Segmented
function Segmented({ options, value, onChange, size }) {
return (
{options.map(o => (
))}
);
}
// ── Toast (controlled)
function Toast({ message, icon }) {
if (!message) return null;
return (
{icon || }
{message}
);
}
// ── Button
function Button({ variant = 'primary', size, onClick, children, style, ...rest }) {
const cls = `btn btn-${variant} ${size === 'sm' ? 'btn-sm' : ''}`;
return ;
}
// ── IconButton (round, used in header)
function IconButton({ onClick, children, label }) {
return (
);
}
// ── Progress bar (cupos)
function CupoBar({ ocupados, total, tone = 'accent' }) {
const pct = Math.min(100, (ocupados / total) * 100);
const toneColor = tone === 'accent' ? 'var(--accent)' : 'var(--present)';
return (
);
}
// ── Sparkline (historial)
function Sparkline({ values, max }) {
const m = max || Math.max(...values, 1);
return (
{values.map((v, i) => (
))}
);
}
Object.assign(window, { Icon, Avatar, Segmented, Toast, Button, IconButton, CupoBar, Sparkline });