@misael703/ui 1.0.0

package/dist/chunk-AAQ7KUZH.mjs

@@ -0,0 +1,352 @@
+import { resolveDateFormat, dateFormatPlaceholder, parseDate, formatDate } from './chunk-BCIZLGM3.mjs';
+import { useLocale } from './chunk-ZRFSTYRL.mjs';
+import { X, CalendarIcon, ChevronLeft, ChevronRight } from './chunk-CIBJKJV3.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultFilter = (o, q) => o.label.toLowerCase().includes(q.toLowerCase());
+function Combobox({
+  value,
+  onChange,
+  options,
+  placeholder,
+  emptyMessage,
+  filter = defaultFilter,
+  className,
+  invalid,
+  disabled,
+  id
+}) {
+  const locale = useLocale();
+  const ph = placeholder ?? locale["common.search"];
+  const empty = emptyMessage ?? locale["common.noResults"];
+  const [open, setOpen] = React.useState(false);
+  const [query, setQuery] = React.useState("");
+  const [active, setActive] = React.useState(0);
+  const wrapRef = React.useRef(null);
+  const inputRef = React.useRef(null);
+  const listRef = React.useRef(null);
+  const [coords, setCoords] = React.useState(null);
+  const reactId = React.useId();
+  const listboxId = `${id ?? reactId}-listbox`;
+  const selected = React.useMemo(
+    () => options.find((o) => o.value === value) ?? null,
+    [options, value]
+  );
+  const filtered = React.useMemo(
+    () => query ? options.filter((o) => filter(o, query)) : options,
+    [options, query, filter]
+  );
+  React.useEffect(() => {
+    const onClick = (e) => {
+      const target = e.target;
+      if (wrapRef.current?.contains(target)) return;
+      if (listRef.current?.contains(target)) return;
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", onClick);
+    return () => document.removeEventListener("mousedown", onClick);
+  }, []);
+  React.useEffect(() => {
+    if (!open || !wrapRef.current) return;
+    const t = wrapRef.current.getBoundingClientRect();
+    setCoords({ top: t.bottom + 4 + window.scrollY, left: t.left + window.scrollX, width: t.width });
+  }, [open]);
+  React.useEffect(() => {
+    setActive(0);
+  }, [query, open]);
+  const onKey = (e) => {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setOpen(true);
+      setActive((a) => Math.min(filtered.length - 1, a + 1));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setActive((a) => Math.max(0, a - 1));
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      const opt = filtered[active];
+      if (opt && !opt.disabled) {
+        onChange(opt.value);
+        setQuery("");
+        setOpen(false);
+      }
+    } else if (e.key === "Escape") {
+      setOpen(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { ref: wrapRef, className: cx("combobox", invalid && "is-invalid", disabled && "is-disabled", className), children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        id,
+        type: "text",
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-controls": listboxId,
+        className: "combobox__input",
+        placeholder: ph,
+        disabled,
+        value: open ? query : selected?.label ?? "",
+        onFocus: () => setOpen(true),
+        onChange: (e) => {
+          setQuery(e.target.value);
+          setOpen(true);
+        },
+        onKeyDown: onKey
+      }
+    ),
+    selected && !open && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "combobox__clear",
+        onClick: () => {
+          onChange(null);
+          setQuery("");
+          inputRef.current?.focus();
+        },
+        "aria-label": locale["picker.clearSelection"],
+        children: /* @__PURE__ */ jsx(X, { size: 16 })
+      }
+    ),
+    open && typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsx(
+        "ul",
+        {
+          ref: listRef,
+          id: listboxId,
+          role: "listbox",
+          className: "combobox__list",
+          style: coords ? { position: "absolute", top: coords.top, left: coords.left, width: coords.width } : { position: "absolute", visibility: "hidden" },
+          children: filtered.length === 0 ? /* @__PURE__ */ jsx("li", { className: "combobox__empty", children: empty }) : filtered.map((o, i) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              role: "option",
+              "aria-selected": o.value === value,
+              "aria-disabled": o.disabled,
+              className: cx("combobox__option", i === active && "is-active", o.value === value && "is-selected", o.disabled && "is-disabled"),
+              onMouseEnter: () => setActive(i),
+              onMouseDown: (e) => {
+                e.preventDefault();
+                if (o.disabled) return;
+                onChange(o.value);
+                setQuery("");
+                setOpen(false);
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "combobox__option-label", children: o.label }),
+                o.description && /* @__PURE__ */ jsx("span", { className: "combobox__option-desc", children: o.description })
+              ]
+            },
+            String(o.value)
+          ))
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function startOfMonth(d) {
+  return new Date(d.getFullYear(), d.getMonth(), 1);
+}
+function addMonths(d, n) {
+  return new Date(d.getFullYear(), d.getMonth() + n, 1);
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function DatePicker({
+  value,
+  onChange,
+  minDate,
+  maxDate,
+  placeholder,
+  disabled,
+  invalid,
+  className,
+  id,
+  format = "auto"
+}) {
+  const locale = useLocale();
+  const fmt = resolveDateFormat(format);
+  const ph = placeholder ?? dateFormatPlaceholder(fmt);
+  const weekdays = locale["picker.weekdaysShort"];
+  const months = locale["calendar.months"];
+  const [open, setOpen] = React.useState(false);
+  const [view, setView] = React.useState(() => startOfMonth(value ?? /* @__PURE__ */ new Date()));
+  const wrapRef = React.useRef(null);
+  const popoverRef = React.useRef(null);
+  const [coords, setCoords] = React.useState(null);
+  React.useEffect(() => {
+    const onClick = (e) => {
+      const target = e.target;
+      if (wrapRef.current?.contains(target)) return;
+      if (popoverRef.current?.contains(target)) return;
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", onClick);
+    return () => document.removeEventListener("mousedown", onClick);
+  }, []);
+  React.useEffect(() => {
+    if (!open || !wrapRef.current) return;
+    const t = wrapRef.current.getBoundingClientRect();
+    setCoords({ top: t.bottom + 4 + window.scrollY, left: t.left + window.scrollX });
+  }, [open]);
+  React.useEffect(() => {
+    if (value) setView(startOfMonth(value));
+  }, [value]);
+  const monthStart = view;
+  const startDow = (monthStart.getDay() + 6) % 7;
+  const daysInMonth = new Date(view.getFullYear(), view.getMonth() + 1, 0).getDate();
+  const cells = [];
+  for (let i = 0; i < startDow; i++) cells.push(null);
+  for (let d = 1; d <= daysInMonth; d++) cells.push(new Date(view.getFullYear(), view.getMonth(), d));
+  const isDisabled = (d) => minDate && d < new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate()) || maxDate && d > new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate());
+  return /* @__PURE__ */ jsxs("div", { ref: wrapRef, className: cx("datepicker", invalid && "is-invalid", disabled && "is-disabled", className), children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id,
+        type: "text",
+        className: "datepicker__input",
+        placeholder: ph,
+        disabled,
+        value: value ? formatDate(value, fmt) : "",
+        onChange: (e) => {
+          const d = parseDate(e.target.value, fmt);
+          onChange(d);
+        },
+        onFocus: () => setOpen(true),
+        "aria-invalid": invalid || void 0
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "datepicker__toggle",
+        onClick: () => setOpen((o) => !o),
+        disabled,
+        "aria-label": locale["picker.openCalendar"],
+        children: /* @__PURE__ */ jsx(CalendarIcon, { size: 16 })
+      }
+    ),
+    open && typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: popoverRef,
+          className: "datepicker__popover",
+          role: "dialog",
+          style: coords ? { position: "absolute", top: coords.top, left: coords.left } : { position: "absolute", visibility: "hidden" },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "datepicker__nav", children: [
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setView((v) => addMonths(v, -1)), "aria-label": locale["calendar.prevMonth"], children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 }) }),
+              /* @__PURE__ */ jsxs("span", { className: "datepicker__title", children: [
+                months[view.getMonth()],
+                " ",
+                view.getFullYear()
+              ] }),
+              /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setView((v) => addMonths(v, 1)), "aria-label": locale["calendar.nextMonth"], children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "datepicker__grid", children: [
+              weekdays.map((w, i) => /* @__PURE__ */ jsx("span", { className: "datepicker__dow", children: w }, i)),
+              cells.map((d, i) => {
+                if (!d) return /* @__PURE__ */ jsx("span", {}, `b${i}`);
+                const sel = value && isSameDay(d, value);
+                const today = isSameDay(d, /* @__PURE__ */ new Date());
+                const off = isDisabled(d);
+                return /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: cx("datepicker__day", sel && "is-selected", today && "is-today", off && "is-disabled"),
+                    disabled: !!off,
+                    onClick: () => {
+                      onChange(d);
+                      setOpen(false);
+                    },
+                    children: d.getDate()
+                  },
+                  i
+                );
+              })
+            ] })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function FileUpload({
+  onFiles,
+  accept,
+  multiple = false,
+  maxSize,
+  disabled,
+  className,
+  hint,
+  "aria-label": ariaLabel
+}) {
+  const [drag, setDrag] = React.useState(false);
+  const inputRef = React.useRef(null);
+  const hintId = React.useId();
+  const locale = useLocale();
+  const handle = (list) => {
+    if (!list) return;
+    let arr = Array.from(list);
+    if (maxSize) arr = arr.filter((f) => f.size <= maxSize);
+    if (!multiple) arr = arr.slice(0, 1);
+    onFiles(arr);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx("file-upload", drag && "is-drag", disabled && "is-disabled", className),
+      onDragOver: (e) => {
+        e.preventDefault();
+        if (!disabled) setDrag(true);
+      },
+      onDragLeave: () => setDrag(false),
+      onDrop: (e) => {
+        e.preventDefault();
+        setDrag(false);
+        if (!disabled) handle(e.dataTransfer.files);
+      },
+      onClick: () => !disabled && inputRef.current?.click(),
+      role: "button",
+      tabIndex: disabled ? -1 : 0,
+      "aria-label": ariaLabel,
+      "aria-describedby": hint ? hintId : void 0,
+      onKeyDown: (e) => {
+        if ((e.key === "Enter" || e.key === " ") && !disabled) inputRef.current?.click();
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "file",
+            accept,
+            multiple,
+            disabled,
+            hidden: true,
+            onChange: (e) => handle(e.target.files)
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "file-upload__icon", "aria-hidden": "true", children: "\u2934" }),
+        /* @__PURE__ */ jsx("div", { className: "file-upload__title", children: locale["fileUpload.title"] }),
+        hint && /* @__PURE__ */ jsx("div", { id: hintId, className: "file-upload__hint", children: hint })
+      ]
+    }
+  );
+}
+
+export { Combobox, DatePicker, FileUpload };
+//# sourceMappingURL=chunk-AAQ7KUZH.mjs.map
+//# sourceMappingURL=chunk-AAQ7KUZH.mjs.map

package/dist/chunk-AAQ7KUZH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pickers.tsx"],"names":[],"mappings":"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","file":"chunk-AAQ7KUZH.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\nimport { CalendarIcon, ChevronLeft, ChevronRight, X } from './Icons';\nimport { resolveDateFormat, formatDate, parseDate, dateFormatPlaceholder, type DateFormat } from '../utils/dateFormat';\nimport { useLocale } from '../locale/LocaleProvider';\n\n// ---------- Combobox -----------------------------------------------------\nexport interface ComboboxOption<T = string> {\n  value: T;\n  label: string;\n  description?: string;\n  disabled?: boolean;\n}\n\nexport interface ComboboxProps<T = string> {\n  value: T | null;\n  onChange: (value: T | null) => void;\n  options: ComboboxOption<T>[];\n  placeholder?: string;\n  emptyMessage?: string;\n  filter?: (option: ComboboxOption<T>, query: string) => boolean;\n  className?: string;\n  invalid?: boolean;\n  disabled?: boolean;\n  id?: string;\n}\n\nconst defaultFilter = <T,>(o: ComboboxOption<T>, q: string) =>\n  o.label.toLowerCase().includes(q.toLowerCase());\n\nexport function Combobox<T = string>({\n  value, onChange, options, placeholder,\n  emptyMessage, filter = defaultFilter,\n  className, invalid, disabled, id,\n}: ComboboxProps<T>) {\n  const locale = useLocale();\n  const ph = placeholder ?? locale['common.search'];\n  const empty = emptyMessage ?? locale['common.noResults'];\n  const [open, setOpen] = React.useState(false);\n  const [query, setQuery] = React.useState('');\n  const [active, setActive] = React.useState(0);\n  const wrapRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const listRef = React.useRef<HTMLUListElement>(null);\n  const [coords, setCoords] = React.useState<{ top: number; left: number; width: number } | null>(null);\n  // Stable per-instance listbox id so multiple Comboboxes don't collide on aria-controls.\n  const reactId = React.useId();\n  const listboxId = `${id ?? reactId}-listbox`;\n\n  const selected = React.useMemo(\n    () => options.find((o) => o.value === value) ?? null,\n    [options, value]\n  );\n  const filtered = React.useMemo(\n    () => (query ? options.filter((o) => filter(o, query)) : options),\n    [options, query, filter]\n  );\n\n  React.useEffect(() => {\n    const onClick = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (wrapRef.current?.contains(target)) return;\n      if (listRef.current?.contains(target)) return;\n      setOpen(false);\n    };\n    document.addEventListener('mousedown', onClick);\n    return () => document.removeEventListener('mousedown', onClick);\n  }, []);\n\n  React.useEffect(() => {\n    if (!open || !wrapRef.current) return;\n    const t = wrapRef.current.getBoundingClientRect();\n    setCoords({ top: t.bottom + 4 + window.scrollY, left: t.left + window.scrollX, width: t.width });\n  }, [open]);\n\n  React.useEffect(() => { setActive(0); }, [query, open]);\n\n  const onKey = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      setOpen(true);\n      setActive((a) => Math.min(filtered.length - 1, a + 1));\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      setActive((a) => Math.max(0, a - 1));\n    } else if (e.key === 'Enter') {\n      e.preventDefault();\n      const opt = filtered[active];\n      if (opt && !opt.disabled) {\n        onChange(opt.value);\n        setQuery('');\n        setOpen(false);\n      }\n    } else if (e.key === 'Escape') {\n      setOpen(false);\n    }\n  };\n\n  return (\n    <div ref={wrapRef} className={cx('combobox', invalid && 'is-invalid', disabled && 'is-disabled', className)}>\n      <input\n        ref={inputRef}\n        id={id}\n        type=\"text\"\n        role=\"combobox\"\n        aria-expanded={open}\n        aria-controls={listboxId}\n        className=\"combobox__input\"\n        placeholder={ph}\n        disabled={disabled}\n        value={open ? query : selected?.label ?? ''}\n        onFocus={() => setOpen(true)}\n        onChange={(e) => { setQuery(e.target.value); setOpen(true); }}\n        onKeyDown={onKey}\n      />\n      {selected && !open && (\n        <button\n          type=\"button\"\n          className=\"combobox__clear\"\n          onClick={() => { onChange(null); setQuery(''); inputRef.current?.focus(); }}\n          aria-label={locale['picker.clearSelection']}\n        ><X size={16} /></button>\n      )}\n      {open && typeof document !== 'undefined' && createPortal(\n        <ul\n          ref={listRef}\n          id={listboxId}\n          role=\"listbox\"\n          className=\"combobox__list\"\n          style={coords ? { position: 'absolute', top: coords.top, left: coords.left, width: coords.width } : { position: 'absolute', visibility: 'hidden' }}\n        >\n          {filtered.length === 0 ? (\n            <li className=\"combobox__empty\">{empty}</li>\n          ) : (\n            filtered.map((o, i) => (\n              <li\n                key={String(o.value)}\n                role=\"option\"\n                aria-selected={o.value === value}\n                aria-disabled={o.disabled}\n                className={cx('combobox__option', i === active && 'is-active', o.value === value && 'is-selected', o.disabled && 'is-disabled')}\n                onMouseEnter={() => setActive(i)}\n                onMouseDown={(e) => {\n                  e.preventDefault();\n                  if (o.disabled) return;\n                  onChange(o.value);\n                  setQuery('');\n                  setOpen(false);\n                }}\n              >\n                <span className=\"combobox__option-label\">{o.label}</span>\n                {o.description && <span className=\"combobox__option-desc\">{o.description}</span>}\n              </li>\n            ))\n          )}\n        </ul>,\n        document.body\n      )}\n    </div>\n  );\n}\n\n// ---------- DatePicker (text + calendar popover) -------------------------\nfunction startOfMonth(d: Date) { return new Date(d.getFullYear(), d.getMonth(), 1); }\nfunction addMonths(d: Date, n: number) { return new Date(d.getFullYear(), d.getMonth() + n, 1); }\nfunction isSameDay(a: Date, b: Date) {\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n}\n\nexport interface DatePickerProps {\n  value: Date | null;\n  onChange: (date: Date | null) => void;\n  minDate?: Date;\n  maxDate?: Date;\n  placeholder?: string;\n  disabled?: boolean;\n  invalid?: boolean;\n  className?: string;\n  id?: string;\n  /**\n   * Display & parse format. Default `'auto'` derives from `configureBrand().locale`\n   * (e.g. `es-CL` → `dd-mm-aaaa`, `en-US` → `mm-dd-aaaa`, `ja-JP` → `aaaa-mm-dd`).\n   */\n  format?: DateFormat;\n}\n\nexport function DatePicker({\n  value, onChange, minDate, maxDate, placeholder,\n  disabled, invalid, className, id, format = 'auto',\n}: DatePickerProps) {\n  const locale = useLocale();\n  const fmt = resolveDateFormat(format);\n  const ph = placeholder ?? dateFormatPlaceholder(fmt);\n  const weekdays = locale['picker.weekdaysShort'];\n  const months = locale['calendar.months'];\n  const [open, setOpen] = React.useState(false);\n  const [view, setView] = React.useState(() => startOfMonth(value ?? new Date()));\n  const wrapRef = React.useRef<HTMLDivElement>(null);\n  const popoverRef = React.useRef<HTMLDivElement>(null);\n  const [coords, setCoords] = React.useState<{ top: number; left: number } | null>(null);\n\n  React.useEffect(() => {\n    const onClick = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (wrapRef.current?.contains(target)) return;\n      if (popoverRef.current?.contains(target)) return;\n      setOpen(false);\n    };\n    document.addEventListener('mousedown', onClick);\n    return () => document.removeEventListener('mousedown', onClick);\n  }, []);\n\n  // Position popover relative to trigger; portal'd to body so overflow ancestors\n  // don't clip and absolute coords (document-relative) match the offset parent.\n  React.useEffect(() => {\n    if (!open || !wrapRef.current) return;\n    const t = wrapRef.current.getBoundingClientRect();\n    setCoords({ top: t.bottom + 4 + window.scrollY, left: t.left + window.scrollX });\n  }, [open]);\n\n  React.useEffect(() => {\n    if (value) setView(startOfMonth(value));\n  }, [value]);\n\n  const monthStart = view;\n  const startDow = (monthStart.getDay() + 6) % 7; // Mon=0\n  const daysInMonth = new Date(view.getFullYear(), view.getMonth() + 1, 0).getDate();\n  const cells: (Date | null)[] = [];\n  for (let i = 0; i < startDow; i++) cells.push(null);\n  for (let d = 1; d <= daysInMonth; d++) cells.push(new Date(view.getFullYear(), view.getMonth(), d));\n\n  const isDisabled = (d: Date) =>\n    (minDate && d < new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate())) ||\n    (maxDate && d > new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate()));\n\n  return (\n    <div ref={wrapRef} className={cx('datepicker', invalid && 'is-invalid', disabled && 'is-disabled', className)}>\n      <input\n        id={id}\n        type=\"text\"\n        className=\"datepicker__input\"\n        placeholder={ph}\n        disabled={disabled}\n        value={value ? formatDate(value, fmt) : ''}\n        onChange={(e) => {\n          const d = parseDate(e.target.value, fmt);\n          onChange(d);\n        }}\n        onFocus={() => setOpen(true)}\n        aria-invalid={invalid || undefined}\n      />\n      <button\n        type=\"button\"\n        className=\"datepicker__toggle\"\n        onClick={() => setOpen((o) => !o)}\n        disabled={disabled}\n        aria-label={locale['picker.openCalendar']}\n      ><CalendarIcon size={16} /></button>\n      {open && typeof document !== 'undefined' && createPortal(\n        <div\n          ref={popoverRef}\n          className=\"datepicker__popover\"\n          role=\"dialog\"\n          style={coords ? { position: 'absolute', top: coords.top, left: coords.left } : { position: 'absolute', visibility: 'hidden' }}\n        >\n          <div className=\"datepicker__nav\">\n            <button type=\"button\" onClick={() => setView((v) => addMonths(v, -1))} aria-label={locale['calendar.prevMonth']}><ChevronLeft size={16} /></button>\n            <span className=\"datepicker__title\">{months[view.getMonth()]} {view.getFullYear()}</span>\n            <button type=\"button\" onClick={() => setView((v) => addMonths(v, 1))} aria-label={locale['calendar.nextMonth']}><ChevronRight size={16} /></button>\n          </div>\n          <div className=\"datepicker__grid\">\n            {weekdays.map((w, i) => <span key={i} className=\"datepicker__dow\">{w}</span>)}\n            {cells.map((d, i) => {\n              if (!d) return <span key={`b${i}`} />;\n              const sel = value && isSameDay(d, value);\n              const today = isSameDay(d, new Date());\n              const off = isDisabled(d);\n              return (\n                <button\n                  key={i}\n                  type=\"button\"\n                  className={cx('datepicker__day', sel && 'is-selected', today && 'is-today', off && 'is-disabled')}\n                  disabled={!!off}\n                  onClick={() => { onChange(d); setOpen(false); }}\n                >\n                  {d.getDate()}\n                </button>\n              );\n            })}\n          </div>\n        </div>,\n        document.body\n      )}\n    </div>\n  );\n}\n\n// ---------- FileUpload (drop zone) ---------------------------------------\nexport interface FileUploadProps {\n  onFiles: (files: File[]) => void;\n  accept?: string;\n  multiple?: boolean;\n  maxSize?: number; // bytes\n  disabled?: boolean;\n  className?: string;\n  hint?: React.ReactNode;\n  /** Accessible name for the drop zone (e.g. \"Subir foto de perfil\"). */\n  'aria-label'?: string;\n}\n\nexport function FileUpload({\n  onFiles, accept, multiple = false, maxSize, disabled, className, hint,\n  'aria-label': ariaLabel,\n}: FileUploadProps) {\n  const [drag, setDrag] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const hintId = React.useId();\n  const locale = useLocale();\n  const handle = (list: FileList | null) => {\n    if (!list) return;\n    let arr = Array.from(list);\n    if (maxSize) arr = arr.filter((f) => f.size <= maxSize);\n    if (!multiple) arr = arr.slice(0, 1);\n    onFiles(arr);\n  };\n  return (\n    <div\n      className={cx('file-upload', drag && 'is-drag', disabled && 'is-disabled', className)}\n      onDragOver={(e) => { e.preventDefault(); if (!disabled) setDrag(true); }}\n      onDragLeave={() => setDrag(false)}\n      onDrop={(e) => { e.preventDefault(); setDrag(false); if (!disabled) handle(e.dataTransfer.files); }}\n      onClick={() => !disabled && inputRef.current?.click()}\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      aria-label={ariaLabel}\n      aria-describedby={hint ? hintId : undefined}\n      onKeyDown={(e) => { if ((e.key === 'Enter' || e.key === ' ') && !disabled) inputRef.current?.click(); }}\n    >\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        disabled={disabled}\n        hidden\n        onChange={(e) => handle(e.target.files)}\n      />\n      <div className=\"file-upload__icon\" aria-hidden=\"true\">⤴</div>\n      <div className=\"file-upload__title\">{locale['fileUpload.title']}</div>\n      {hint && <div id={hintId} className=\"file-upload__hint\">{hint}</div>}\n    </div>\n  );\n}\n"]}

package/dist/chunk-ADIKHOEG.js

@@ -0,0 +1,212 @@
+'use strict';
+
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var TabsContext = React__namespace.createContext(null);
+function Tabs({ value, defaultValue, onChange, children, className }) {
+  const [internal, setInternal] = React__namespace.useState(defaultValue ?? "");
+  const v = value ?? internal;
+  const setV = (next) => {
+    if (value === void 0) setInternal(next);
+    onChange?.(next);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { value: v, setValue: setV }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkPASF6T4H_js.cx("tabs", className), children }) });
+}
+function TabList({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", className: chunkPASF6T4H_js.cx("tabs__list", className), children });
+}
+function Tab({ value, className, children, ...rest }) {
+  const ctx = React__namespace.useContext(TabsContext);
+  if (!ctx) throw new Error("<Tab> must be used inside <Tabs>");
+  const active = ctx.value === value;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      "aria-selected": active,
+      className: chunkPASF6T4H_js.cx("tabs__tab", active && "is-active", className),
+      onClick: () => ctx.setValue(value),
+      ...rest,
+      children
+    }
+  );
+}
+function TabPanel({ value, children, className }) {
+  const ctx = React__namespace.useContext(TabsContext);
+  if (!ctx) throw new Error("<TabPanel> must be used inside <Tabs>");
+  if (ctx.value !== value) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tabpanel", className: chunkPASF6T4H_js.cx("tabs__panel", className), children });
+}
+var Table = React__namespace.forwardRef(
+  function Table2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-wrap", children: /* @__PURE__ */ jsxRuntime.jsx("table", { ref, className: chunkPASF6T4H_js.cx("table", className), ...rest }) });
+  }
+);
+function Tooltip({ label, children, side = "top" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkPASF6T4H_js.cx("tooltip", `tooltip--${side}`), "data-tooltip": typeof label === "string" ? label : void 0, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tooltip__bubble", role: "tooltip", children: label })
+  ] });
+}
+function Divider({ orientation = "horizontal", className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "separator",
+      "aria-orientation": orientation,
+      className: chunkPASF6T4H_js.cx("divider", orientation === "vertical" && "divider--vertical", className),
+      ...rest
+    }
+  );
+}
+var Stack = React__namespace.forwardRef(function Stack2({ direction = "column", gap = 4, align, justify, wrap, inline, className, style, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: chunkPASF6T4H_js.cx("stack", className),
+      style: {
+        display: inline ? "inline-flex" : "flex",
+        flexDirection: direction,
+        gap: `var(--space-${gap})`,
+        alignItems: align,
+        justifyContent: justify,
+        flexWrap: wrap ? "wrap" : void 0,
+        ...style
+      },
+      ...rest
+    }
+  );
+});
+var HStack = React__namespace.forwardRef(
+  function HStack2(props, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "row", align: props.align ?? "center", ...props });
+  }
+);
+var VStack = React__namespace.forwardRef(
+  function VStack2(props, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Stack, { ref, direction: "column", ...props });
+  }
+);
+var CONTAINER_MAX = { sm: 640, md: 768, lg: 1024, xl: 1280, full: "100%" };
+function Container({ size = "lg", className, style, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkPASF6T4H_js.cx("container", `container--${size}`, className),
+      style: {
+        width: "100%",
+        maxWidth: CONTAINER_MAX[size],
+        marginInline: "auto",
+        paddingInline: "var(--space-4)",
+        ...style
+      },
+      ...rest
+    }
+  );
+}
+function Grid({ columns, gap = 4, minColWidth, className, style, ...rest }) {
+  const tpl = minColWidth ? `repeat(auto-fit, minmax(${typeof minColWidth === "number" ? `${minColWidth}px` : minColWidth}, 1fr))` : typeof columns === "number" ? `repeat(${columns}, minmax(0, 1fr))` : columns ?? "repeat(12, minmax(0, 1fr))";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunkPASF6T4H_js.cx("grid", className),
+      style: {
+        display: "grid",
+        gridTemplateColumns: tpl,
+        gap: `var(--space-${gap})`,
+        ...style
+      },
+      ...rest
+    }
+  );
+}
+function KeyValue({ keyWidth, className, style, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "dl",
+    {
+      className: chunkPASF6T4H_js.cx("kv", className),
+      style: keyWidth ? { gridTemplateColumns: `${typeof keyWidth === "number" ? `${keyWidth}px` : keyWidth} 1fr`, ...style } : style,
+      ...rest
+    }
+  );
+}
+function KeyValueRow({ label, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "kv__k", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "kv__v", children })
+  ] });
+}
+var ListGroup = React__namespace.forwardRef(
+  function ListGroup2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, className: chunkPASF6T4H_js.cx("list-group", className), ...rest });
+  }
+);
+var ListGroupItem = React__namespace.forwardRef(
+  function ListGroupItem2({ interactive, className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        ref,
+        className: chunkPASF6T4H_js.cx("list-group__item", interactive && "list-group__item--interactive", className),
+        ...rest
+      }
+    );
+  }
+);
+function Stepper({ steps, current, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: chunkPASF6T4H_js.cx("stepper", className), children: steps.map((s, i) => {
+    const state = i < current ? "is-done" : i === current ? "is-current" : "";
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: chunkPASF6T4H_js.cx("stepper__item", state), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "stepper__circle", children: i < current ? /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.Check, { size: 16 }) : i + 1 }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "stepper__label", children: s.label }),
+        s.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "stepper__desc", children: s.description })
+      ] })
+    ] }, i);
+  }) });
+}
+
+exports.Container = Container;
+exports.Divider = Divider;
+exports.Grid = Grid;
+exports.HStack = HStack;
+exports.KeyValue = KeyValue;
+exports.KeyValueRow = KeyValueRow;
+exports.ListGroup = ListGroup;
+exports.ListGroupItem = ListGroupItem;
+exports.Stack = Stack;
+exports.Stepper = Stepper;
+exports.Tab = Tab;
+exports.TabList = TabList;
+exports.TabPanel = TabPanel;
+exports.Table = Table;
+exports.Tabs = Tabs;
+exports.Tooltip = Tooltip;
+exports.VStack = VStack;
+//# sourceMappingURL=chunk-ADIKHOEG.js.map
+//# sourceMappingURL=chunk-ADIKHOEG.js.map

package/dist/chunk-ADIKHOEG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Layout.tsx"],"names":["React","jsx","cx","Table","jsxs","Stack","HStack","VStack","Fragment","ListGroup","ListGroupItem","Check"],"mappings":"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","file":"chunk-ADIKHOEG.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Check } from './Icons';\n\n// ---------- Tabs ---------------------------------------------------------\ninterface TabsContextValue {\n  value: string;\n  setValue: (v: string) => void;\n}\nconst TabsContext = React.createContext<TabsContextValue | null>(null);\n\nexport interface TabsProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (v: string) => void;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Tabs({ value, defaultValue, onChange, children, className }: TabsProps) {\n  const [internal, setInternal] = React.useState(defaultValue ?? '');\n  const v = value ?? internal;\n  const setV = (next: string) => {\n    if (value === undefined) setInternal(next);\n    onChange?.(next);\n  };\n  return (\n    <TabsContext.Provider value={{ value: v, setValue: setV }}>\n      <div className={cx('tabs', className)}>{children}</div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabList({ children, className }: { children: React.ReactNode; className?: string }) {\n  return <div role=\"tablist\" className={cx('tabs__list', className)}>{children}</div>;\n}\n\nexport interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string;\n}\n\nexport function Tab({ value, className, children, ...rest }: TabProps) {\n  const ctx = React.useContext(TabsContext);\n  if (!ctx) throw new Error('<Tab> must be used inside <Tabs>');\n  const active = ctx.value === value;\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={active}\n      className={cx('tabs__tab', active && 'is-active', className)}\n      onClick={() => ctx.setValue(value)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabPanel({ value, children, className }: { value: string; children: React.ReactNode; className?: string }) {\n  const ctx = React.useContext(TabsContext);\n  if (!ctx) throw new Error('<TabPanel> must be used inside <Tabs>');\n  if (ctx.value !== value) return null;\n  return <div role=\"tabpanel\" className={cx('tabs__panel', className)}>{children}</div>;\n}\n\n// ---------- Table --------------------------------------------------------\nexport const Table = React.forwardRef<HTMLTableElement, React.TableHTMLAttributes<HTMLTableElement>>(\n  function Table({ className, ...rest }, ref) {\n    return (\n      <div className=\"table-wrap\">\n        <table ref={ref} className={cx('table', className)} {...rest} />\n      </div>\n    );\n  }\n);\n\n// ---------- Tooltip (CSS hover) ------------------------------------------\nexport interface TooltipProps {\n  label: React.ReactNode;\n  children: React.ReactElement;\n  side?: 'top' | 'bottom' | 'left' | 'right';\n}\n\nexport function Tooltip({ label, children, side = 'top' }: TooltipProps) {\n  return (\n    <span className={cx('tooltip', `tooltip--${side}`)} data-tooltip={typeof label === 'string' ? label : undefined}>\n      {children}\n      <span className=\"tooltip__bubble\" role=\"tooltip\">{label}</span>\n    </span>\n  );\n}\n\n// ---------- Divider ------------------------------------------------------\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport function Divider({ orientation = 'horizontal', className, ...rest }: DividerProps) {\n  return (\n    <div\n      role=\"separator\"\n      aria-orientation={orientation}\n      className={cx('divider', orientation === 'vertical' && 'divider--vertical', className)}\n      {...rest}\n    />\n  );\n}\n\n// ---------- Stack / HStack / VStack -------------------------------------\ntype SpaceToken = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24;\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'row' | 'column';\n  gap?: SpaceToken;\n  align?: React.CSSProperties['alignItems'];\n  justify?: React.CSSProperties['justifyContent'];\n  wrap?: boolean;\n  inline?: boolean;\n}\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(\n  { direction = 'column', gap = 4, align, justify, wrap, inline, className, style, ...rest },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx('stack', className)}\n      style={{\n        display: inline ? 'inline-flex' : 'flex',\n        flexDirection: direction,\n        gap: `var(--space-${gap})`,\n        alignItems: align,\n        justifyContent: justify,\n        flexWrap: wrap ? 'wrap' : undefined,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n});\n\nexport const HStack = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  function HStack(props, ref) {\n    return <Stack ref={ref} direction=\"row\" align={props.align ?? 'center'} {...props} />;\n  }\n);\n\nexport const VStack = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  function VStack(props, ref) {\n    return <Stack ref={ref} direction=\"column\" {...props} />;\n  }\n);\n\n// ---------- Container ----------------------------------------------------\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nconst CONTAINER_MAX = { sm: 640, md: 768, lg: 1024, xl: 1280, full: '100%' };\n\nexport function Container({ size = 'lg', className, style, ...rest }: ContainerProps) {\n  return (\n    <div\n      className={cx('container', `container--${size}`, className)}\n      style={{\n        width: '100%',\n        maxWidth: CONTAINER_MAX[size],\n        marginInline: 'auto',\n        paddingInline: 'var(--space-4)',\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n}\n\n// ---------- Grid ---------------------------------------------------------\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  columns?: number | string;\n  gap?: SpaceToken;\n  minColWidth?: number | string;\n}\n\nexport function Grid({ columns, gap = 4, minColWidth, className, style, ...rest }: GridProps) {\n  const tpl = minColWidth\n    ? `repeat(auto-fit, minmax(${typeof minColWidth === 'number' ? `${minColWidth}px` : minColWidth}, 1fr))`\n    : typeof columns === 'number'\n      ? `repeat(${columns}, minmax(0, 1fr))`\n      : columns ?? 'repeat(12, minmax(0, 1fr))';\n  return (\n    <div\n      className={cx('grid', className)}\n      style={{\n        display: 'grid',\n        gridTemplateColumns: tpl,\n        gap: `var(--space-${gap})`,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n}\n\n// ---------- KeyValue ----------------------------------------------------\nexport interface KeyValueProps extends React.HTMLAttributes<HTMLDListElement> {\n  /** Override del ancho de la columna de keys (default 200px) */\n  keyWidth?: number | string;\n}\n\nexport function KeyValue({ keyWidth, className, style, ...rest }: KeyValueProps) {\n  return (\n    <dl\n      className={cx('kv', className)}\n      style={keyWidth ? { gridTemplateColumns: `${typeof keyWidth === 'number' ? `${keyWidth}px` : keyWidth} 1fr`, ...style } : style}\n      {...rest}\n    />\n  );\n}\n\nexport interface KeyValueRowProps {\n  label: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport function KeyValueRow({ label, children }: KeyValueRowProps) {\n  return (\n    <>\n      <dt className=\"kv__k\">{label}</dt>\n      <dd className=\"kv__v\">{children}</dd>\n    </>\n  );\n}\n\n// ---------- ListGroup ---------------------------------------------------\nexport const ListGroup = React.forwardRef<HTMLUListElement, React.HTMLAttributes<HTMLUListElement>>(\n  function ListGroup({ className, ...rest }, ref) {\n    return <ul ref={ref} className={cx('list-group', className)} {...rest} />;\n  }\n);\n\nexport interface ListGroupItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  interactive?: boolean;\n}\n\nexport const ListGroupItem = React.forwardRef<HTMLLIElement, ListGroupItemProps>(\n  function ListGroupItem({ interactive, className, ...rest }, ref) {\n    return (\n      <li\n        ref={ref}\n        className={cx('list-group__item', interactive && 'list-group__item--interactive', className)}\n        {...rest}\n      />\n    );\n  }\n);\n\n// ---------- Stepper ------------------------------------------------------\nexport interface StepperProps {\n  steps: Array<{ label: string; description?: string }>;\n  current: number;\n  className?: string;\n}\n\nexport function Stepper({ steps, current, className }: StepperProps) {\n  return (\n    <ol className={cx('stepper', className)}>\n      {steps.map((s, i) => {\n        const state = i < current ? 'is-done' : i === current ? 'is-current' : '';\n        return (\n          <li key={i} className={cx('stepper__item', state)}>\n            <span className=\"stepper__circle\">{i < current ? <Check size={16} /> : i + 1}</span>\n            <div>\n              <div className=\"stepper__label\">{s.label}</div>\n              {s.description && <div className=\"stepper__desc\">{s.description}</div>}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"]}