@misael703/ui 1.1.0 → 1.3.0

package/dist/{chunk-QCVIN2ET.mjs → chunk-WUTBLHEB.mjs}

@@ -1,4 +1,4 @@
-import { resolveDateFormat, dateFormatPlaceholder, parseDate, formatDate } from './chunk-BCIZLGM3.mjs';
+import { resolveDateFormat, dateFormatPlaceholder, startOfMonth, buildMonthGrid, parseDate, formatDate, addMonths, isSameDay } from './chunk-N5D6AC6M.mjs';
 import { useDismiss } from './chunk-6P2TKRTL.mjs';
 import { usePopoverPosition } from './chunk-H3PRT76O.mjs';
 import { Portal } from './chunk-QX5GGPV5.mjs';
@@ -6,7 +6,6 @@ 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());
@@ -153,15 +152,6 @@ function Combobox({
     ) })
   ] });
 }
-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,
@@ -183,31 +173,21 @@ function DatePicker({
   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]);
+  const pos = usePopoverPosition(wrapRef, popoverRef, {
+    open,
+    side: "bottom",
+    align: "start",
+    offset: 4
+  });
+  useDismiss({
+    open,
+    onDismiss: () => setOpen(false),
+    refs: [wrapRef, popoverRef]
+  });
   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 { cells } = buildMonthGrid(view, 0);
   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(
@@ -238,52 +218,54 @@ function DatePicker({
         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 }) })
+    open && /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: popoverRef,
+        className: cx("datepicker__popover", "is-floating"),
+        role: "dialog",
+        style: {
+          position: "absolute",
+          top: pos.top,
+          left: pos.left,
+          visibility: pos.ready ? "visible" : "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__ */ 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()
+            /* @__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);
                   },
-                  i
-                );
-              })
-            ] })
-          ]
-        }
-      ),
-      document.body
-    )
+                  children: d.getDate()
+                },
+                i
+              );
+            })
+          ] })
+        ]
+      }
+    ) })
   ] });
 }
 function FileUpload({
@@ -351,5 +333,5 @@ function FileUpload({
 }
 
 export { Combobox, DatePicker, FileUpload };
-//# sourceMappingURL=chunk-QCVIN2ET.mjs.map
-//# sourceMappingURL=chunk-QCVIN2ET.mjs.map
+//# sourceMappingURL=chunk-WUTBLHEB.mjs.map
+//# sourceMappingURL=chunk-WUTBLHEB.mjs.map

package/dist/chunk-WUTBLHEB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pickers.tsx"],"names":[],"mappings":"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","file":"chunk-WUTBLHEB.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { CalendarIcon, ChevronLeft, ChevronRight, X } from './Icons';\nimport { resolveDateFormat, formatDate, parseDate, dateFormatPlaceholder, startOfMonth, addMonths, isSameDay, buildMonthGrid, type DateFormat } from '../utils/dateFormat';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { useDismiss } from '../hooks/useDismiss';\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  // 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  const pos = usePopoverPosition(wrapRef, listRef, {\n    open,\n    side: 'bottom',\n    align: 'start',\n    offset: 4,\n    matchAnchorWidth: true,\n  });\n\n  // Escape is handled by the input's onKeyDown; here we only need\n  // outside-click (closeOnEscape: false avoids a double close).\n  useDismiss({\n    open,\n    onDismiss: () => setOpen(false),\n    refs: [wrapRef, listRef],\n    closeOnEscape: false,\n  });\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 && (\n        <Portal>\n        <ul\n          ref={listRef}\n          id={listboxId}\n          role=\"listbox\"\n          className={cx('combobox__list', 'is-floating')}\n          style={{\n            position: 'absolute',\n            top: pos.top,\n            left: pos.left,\n            width: pos.width,\n            visibility: pos.ready ? 'visible' : 'hidden',\n          }}\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        </Portal>\n      )}\n    </div>\n  );\n}\n\n// ---------- DatePicker (text + calendar popover) -------------------------\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\n  // Portaled to body (escapes overflow ancestors) with flip/clamp and\n  // scroll/resize reposition — same primitive as Combobox above. No\n  // returnFocusRef: the input opens on focus, so refocusing it on close\n  // would immediately reopen the calendar (Combobox omits it for the same\n  // reason). Escape still closes via useDismiss's default handler.\n  const pos = usePopoverPosition(wrapRef, popoverRef, {\n    open,\n    side: 'bottom',\n    align: 'start',\n    offset: 4,\n  });\n\n  useDismiss({\n    open,\n    onDismiss: () => setOpen(false),\n    refs: [wrapRef, popoverRef],\n  });\n\n  React.useEffect(() => {\n    if (value) setView(startOfMonth(value));\n  }, [value]);\n\n  const { cells } = buildMonthGrid(view, 0);\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 && (\n        <Portal>\n        <div\n          ref={popoverRef}\n          className={cx('datepicker__popover', 'is-floating')}\n          role=\"dialog\"\n          style={{\n            position: 'absolute',\n            top: pos.top,\n            left: pos.left,\n            visibility: pos.ready ? 'visible' : 'hidden',\n          }}\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        </Portal>\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/components/AdvancedPickers.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkY6CBRW2S_js = require('../chunk-Y6CBRW2S.js');
-require('../chunk-6LOJIU3C.js');
+var chunk4P52GDMN_js = require('../chunk-4P52GDMN.js');
 require('../chunk-LIGJBHXU.js');
+require('../chunk-HHEYTMBY.js');
 require('../chunk-XMLBKK7X.js');
 require('../chunk-DPMUWQHL.js');
 require('../chunk-GLYGO7WX.js');
@@ -15,19 +15,19 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "CommandPalette", {
   enumerable: true,
-  get: function () { return chunkY6CBRW2S_js.CommandPalette; }
+  get: function () { return chunk4P52GDMN_js.CommandPalette; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunkY6CBRW2S_js.DateRangePicker; }
+  get: function () { return chunk4P52GDMN_js.DateRangePicker; }
 });
 Object.defineProperty(exports, "MultiCombobox", {
   enumerable: true,
-  get: function () { return chunkY6CBRW2S_js.MultiCombobox; }
+  get: function () { return chunk4P52GDMN_js.MultiCombobox; }
 });
 Object.defineProperty(exports, "useCommandPalette", {
   enumerable: true,
-  get: function () { return chunkY6CBRW2S_js.useCommandPalette; }
+  get: function () { return chunk4P52GDMN_js.useCommandPalette; }
 });
 //# sourceMappingURL=AdvancedPickers.js.map
 //# sourceMappingURL=AdvancedPickers.js.map

package/dist/components/AdvancedPickers.mjs

@@ -1,6 +1,6 @@
-export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from '../chunk-MPGASTSK.mjs';
-import '../chunk-BCIZLGM3.mjs';
+export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from '../chunk-63HJVJ7O.mjs';
 import '../chunk-KKOJI25C.mjs';
+import '../chunk-N5D6AC6M.mjs';
 import '../chunk-6P2TKRTL.mjs';
 import '../chunk-H3PRT76O.mjs';
 import '../chunk-QX5GGPV5.mjs';

package/dist/components/DataTable.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkBMZQ6L2C_js = require('../chunk-BMZQ6L2C.js');
+var chunkEG2NDZDC_js = require('../chunk-EG2NDZDC.js');
 require('../chunk-HYUINOPJ.js');
 require('../chunk-IMFQ55KO.js');
 require('../chunk-LIGJBHXU.js');
@@ -12,27 +12,27 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunkBMZQ6L2C_js.Accordion; }
+  get: function () { return chunkEG2NDZDC_js.Accordion; }
 });
 Object.defineProperty(exports, "AccordionItem", {
   enumerable: true,
-  get: function () { return chunkBMZQ6L2C_js.AccordionItem; }
+  get: function () { return chunkEG2NDZDC_js.AccordionItem; }
 });
 Object.defineProperty(exports, "Breadcrumbs", {
   enumerable: true,
-  get: function () { return chunkBMZQ6L2C_js.Breadcrumbs; }
+  get: function () { return chunkEG2NDZDC_js.Breadcrumbs; }
 });
 Object.defineProperty(exports, "DataTable", {
   enumerable: true,
-  get: function () { return chunkBMZQ6L2C_js.DataTable; }
+  get: function () { return chunkEG2NDZDC_js.DataTable; }
 });
 Object.defineProperty(exports, "TablePagination", {
   enumerable: true,
-  get: function () { return chunkBMZQ6L2C_js.TablePagination; }
+  get: function () { return chunkEG2NDZDC_js.TablePagination; }
 });
 Object.defineProperty(exports, "TableToolbar", {
   enumerable: true,
-  get: function () { return chunkBMZQ6L2C_js.TableToolbar; }
+  get: function () { return chunkEG2NDZDC_js.TableToolbar; }
 });
 //# sourceMappingURL=DataTable.js.map
 //# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable.mjs

@@ -1,4 +1,4 @@
-export { Accordion, AccordionItem, Breadcrumbs, DataTable, TablePagination, TableToolbar } from '../chunk-GT2KVC2P.mjs';
+export { Accordion, AccordionItem, Breadcrumbs, DataTable, TablePagination, TableToolbar } from '../chunk-L3TX6KPP.mjs';
 import '../chunk-GVYZAOWU.mjs';
 import '../chunk-PCRNKITV.mjs';
 import '../chunk-KKOJI25C.mjs';

package/dist/components/Display3.d.mts

@@ -39,7 +39,7 @@ interface TreeProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSele
     selectedId?: string;
     onSelect?: (id: string) => void;
 }
-declare function Tree({ nodes, defaultExpanded, selectedId, onSelect, className, ...rest }: TreeProps): react_jsx_runtime.JSX.Element;
+declare function Tree({ nodes, defaultExpanded, selectedId, onSelect, className, onKeyDown, ...rest }: TreeProps): react_jsx_runtime.JSX.Element;
 interface CalendarEvent {
     date: Date;
     label: React.ReactNode;

package/dist/components/Display3.d.ts

@@ -39,7 +39,7 @@ interface TreeProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSele
     selectedId?: string;
     onSelect?: (id: string) => void;
 }
-declare function Tree({ nodes, defaultExpanded, selectedId, onSelect, className, ...rest }: TreeProps): react_jsx_runtime.JSX.Element;
+declare function Tree({ nodes, defaultExpanded, selectedId, onSelect, className, onKeyDown, ...rest }: TreeProps): react_jsx_runtime.JSX.Element;
 interface CalendarEvent {
     date: Date;
     label: React.ReactNode;

package/dist/components/Display3.js

@@ -1,10 +1,12 @@
 'use strict';
 
-var chunkOHMFYAB2_js = require('../chunk-OHMFYAB2.js');
+var chunkDJ6MS2WW_js = require('../chunk-DJ6MS2WW.js');
 require('../chunk-2S6JJYN7.js');
+require('../chunk-HHEYTMBY.js');
 require('../chunk-XMLBKK7X.js');
 require('../chunk-DPMUWQHL.js');
 require('../chunk-GLYGO7WX.js');
+require('../chunk-3PXYCXDW.js');
 require('../chunk-TEQ67JKX.js');
 require('../chunk-RQOTH7I7.js');
 require('../chunk-PASF6T4H.js');
@@ -13,27 +15,27 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Calendar", {
   enumerable: true,
-  get: function () { return chunkOHMFYAB2_js.Calendar; }
+  get: function () { return chunkDJ6MS2WW_js.Calendar; }
 });
 Object.defineProperty(exports, "StatusIndicator", {
   enumerable: true,
-  get: function () { return chunkOHMFYAB2_js.StatusIndicator; }
+  get: function () { return chunkDJ6MS2WW_js.StatusIndicator; }
 });
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
-  get: function () { return chunkOHMFYAB2_js.Timeline; }
+  get: function () { return chunkDJ6MS2WW_js.Timeline; }
 });
 Object.defineProperty(exports, "TimelineItem", {
   enumerable: true,
-  get: function () { return chunkOHMFYAB2_js.TimelineItem; }
+  get: function () { return chunkDJ6MS2WW_js.TimelineItem; }
 });
 Object.defineProperty(exports, "Tree", {
   enumerable: true,
-  get: function () { return chunkOHMFYAB2_js.Tree; }
+  get: function () { return chunkDJ6MS2WW_js.Tree; }
 });
 Object.defineProperty(exports, "UserCell", {
   enumerable: true,
-  get: function () { return chunkOHMFYAB2_js.UserCell; }
+  get: function () { return chunkDJ6MS2WW_js.UserCell; }
 });
 //# sourceMappingURL=Display3.js.map
 //# sourceMappingURL=Display3.js.map

package/dist/components/Display3.mjs

@@ -1,8 +1,10 @@
-export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from '../chunk-IEJXZ67E.mjs';
+export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from '../chunk-M3Y2AH7S.mjs';
 import '../chunk-OCLBAGNF.mjs';
+import '../chunk-N5D6AC6M.mjs';
 import '../chunk-6P2TKRTL.mjs';
 import '../chunk-H3PRT76O.mjs';
 import '../chunk-QX5GGPV5.mjs';
+import '../chunk-5GEWIK4T.mjs';
 import '../chunk-ZRFSTYRL.mjs';
 import '../chunk-CIBJKJV3.mjs';
 import '../chunk-IEPCH3JB.mjs';

package/dist/components/Layout.d.mts

@@ -32,7 +32,14 @@ declare function Tooltip({ label, children, side }: TooltipProps): react_jsx_run
 interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: 'horizontal' | 'vertical';
 }
-declare function Divider({ orientation, className, ...rest }: DividerProps): react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated Use `Separator` instead. `Divider` is a non-breaking alias kept
+ * for existing consumers: it delegates to `Separator` with `decorative={false}`
+ * (preserving the original `role="separator"` semantics) and keeps emitting the
+ * legacy `divider` / `divider--vertical` classes so styling is unchanged. New
+ * code should import `Separator`.
+ */
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
 type SpaceToken = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24;
 interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
     direction?: 'row' | 'column';

package/dist/components/Layout.d.ts

@@ -32,7 +32,14 @@ declare function Tooltip({ label, children, side }: TooltipProps): react_jsx_run
 interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
     orientation?: 'horizontal' | 'vertical';
 }
-declare function Divider({ orientation, className, ...rest }: DividerProps): react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated Use `Separator` instead. `Divider` is a non-breaking alias kept
+ * for existing consumers: it delegates to `Separator` with `decorative={false}`
+ * (preserving the original `role="separator"` semantics) and keeps emitting the
+ * legacy `divider` / `divider--vertical` classes so styling is unchanged. New
+ * code should import `Separator`.
+ */
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
 type SpaceToken = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24;
 interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
     direction?: 'row' | 'column';

package/dist/components/Layout.js

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkKOIRRZRD_js = require('../chunk-KOIRRZRD.js');
+var chunkHBUP7XO2_js = require('../chunk-HBUP7XO2.js');
+require('../chunk-GCW5JYWQ.js');
 require('../chunk-DPMUWQHL.js');
 require('../chunk-GLYGO7WX.js');
 require('../chunk-RQOTH7I7.js');
@@ -10,71 +11,71 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Container", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.Container; }
+  get: function () { return chunkHBUP7XO2_js.Container; }
 });
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.Divider; }
+  get: function () { return chunkHBUP7XO2_js.Divider; }
 });
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.Grid; }
+  get: function () { return chunkHBUP7XO2_js.Grid; }
 });
 Object.defineProperty(exports, "HStack", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.HStack; }
+  get: function () { return chunkHBUP7XO2_js.HStack; }
 });
 Object.defineProperty(exports, "KeyValue", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.KeyValue; }
+  get: function () { return chunkHBUP7XO2_js.KeyValue; }
 });
 Object.defineProperty(exports, "KeyValueRow", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.KeyValueRow; }
+  get: function () { return chunkHBUP7XO2_js.KeyValueRow; }
 });
 Object.defineProperty(exports, "ListGroup", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.ListGroup; }
+  get: function () { return chunkHBUP7XO2_js.ListGroup; }
 });
 Object.defineProperty(exports, "ListGroupItem", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.ListGroupItem; }
+  get: function () { return chunkHBUP7XO2_js.ListGroupItem; }
 });
 Object.defineProperty(exports, "Stack", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.Stack; }
+  get: function () { return chunkHBUP7XO2_js.Stack; }
 });
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.Stepper; }
+  get: function () { return chunkHBUP7XO2_js.Stepper; }
 });
 Object.defineProperty(exports, "Tab", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.Tab; }
+  get: function () { return chunkHBUP7XO2_js.Tab; }
 });
 Object.defineProperty(exports, "TabList", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.TabList; }
+  get: function () { return chunkHBUP7XO2_js.TabList; }
 });
 Object.defineProperty(exports, "TabPanel", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.TabPanel; }
+  get: function () { return chunkHBUP7XO2_js.TabPanel; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.Table; }
+  get: function () { return chunkHBUP7XO2_js.Table; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.Tabs; }
+  get: function () { return chunkHBUP7XO2_js.Tabs; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.Tooltip; }
+  get: function () { return chunkHBUP7XO2_js.Tooltip; }
 });
 Object.defineProperty(exports, "VStack", {
   enumerable: true,
-  get: function () { return chunkKOIRRZRD_js.VStack; }
+  get: function () { return chunkHBUP7XO2_js.VStack; }
 });
 //# sourceMappingURL=Layout.js.map
 //# sourceMappingURL=Layout.js.map

package/dist/components/Layout.mjs

@@ -1,4 +1,5 @@
-export { Container, Divider, Grid, HStack, KeyValue, KeyValueRow, ListGroup, ListGroupItem, Stack, Stepper, Tab, TabList, TabPanel, Table, Tabs, Tooltip, VStack } from '../chunk-MM7VE7YN.mjs';
+export { Container, Divider, Grid, HStack, KeyValue, KeyValueRow, ListGroup, ListGroupItem, Stack, Stepper, Tab, TabList, TabPanel, Table, Tabs, Tooltip, VStack } from '../chunk-7VG64AY7.mjs';
+import '../chunk-6MEOR4YO.mjs';
 import '../chunk-H3PRT76O.mjs';
 import '../chunk-QX5GGPV5.mjs';
 import '../chunk-CIBJKJV3.mjs';

package/dist/components/Menubar.js

@@ -1,13 +1,16 @@
 'use strict';
 
-var chunkQI6TVWWF_js = require('../chunk-QI6TVWWF.js');
+var chunkV7MK42GX_js = require('../chunk-V7MK42GX.js');
+require('../chunk-XMLBKK7X.js');
+require('../chunk-DPMUWQHL.js');
+require('../chunk-GLYGO7WX.js');
 require('../chunk-PASF6T4H.js');
 
 
 
 Object.defineProperty(exports, "Menubar", {
   enumerable: true,
-  get: function () { return chunkQI6TVWWF_js.Menubar; }
+  get: function () { return chunkV7MK42GX_js.Menubar; }
 });
 //# sourceMappingURL=Menubar.js.map
 //# sourceMappingURL=Menubar.js.map

package/dist/components/Menubar.mjs

@@ -1,4 +1,7 @@
-export { Menubar } from '../chunk-YBOTLQ3G.mjs';
+export { Menubar } from '../chunk-N2Y2KWX5.mjs';
+import '../chunk-6P2TKRTL.mjs';
+import '../chunk-H3PRT76O.mjs';
+import '../chunk-QX5GGPV5.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=Menubar.mjs.map
 //# sourceMappingURL=Menubar.mjs.map

package/dist/components/NavigationMenu.js

@@ -1,6 +1,9 @@
 'use strict';
 
-var chunkJDOXRLZW_js = require('../chunk-JDOXRLZW.js');
+var chunkVR4OXVKE_js = require('../chunk-VR4OXVKE.js');
+require('../chunk-XMLBKK7X.js');
+require('../chunk-DPMUWQHL.js');
+require('../chunk-GLYGO7WX.js');
 require('../chunk-RQOTH7I7.js');
 require('../chunk-PASF6T4H.js');
 
@@ -8,7 +11,7 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "NavigationMenu", {
   enumerable: true,
-  get: function () { return chunkJDOXRLZW_js.NavigationMenu; }
+  get: function () { return chunkVR4OXVKE_js.NavigationMenu; }
 });
 //# sourceMappingURL=NavigationMenu.js.map
 //# sourceMappingURL=NavigationMenu.js.map

package/dist/components/NavigationMenu.mjs

@@ -1,4 +1,7 @@
-export { NavigationMenu } from '../chunk-OCE4ODTM.mjs';
+export { NavigationMenu } from '../chunk-IMHLJKYR.mjs';
+import '../chunk-6P2TKRTL.mjs';
+import '../chunk-H3PRT76O.mjs';
+import '../chunk-QX5GGPV5.mjs';
 import '../chunk-CIBJKJV3.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=NavigationMenu.mjs.map